Loan estimate card with a four-cell input grid for price, down, rate, term, and a bold monthly total.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Realestate2 } from "@/components/beste/piece/realestate2";
<Realestate2
price="$1,240,000"
downPayment="20% · $248,000"
rate="6.25% APR · 30-yr fixed"
term="30 years"
monthly="$6,108 / mo"
tone="emerald"
eyebrowLabel="Mortgage estimate"
priceLabel="Home price"
downLabel="Down"
rateLabel="Rate"
termLabel="Term"
paymentLabel="Est. payment"
/>Estimated value card with a 1y trend pill, big current value, and a light green mini line chart.
Agent profile with gradient avatar, star rating, deals-closed chip, and a dark call-phone button.
Property listing with a warm gradient photo, status pill, save heart, price chip, and beds/baths footer.
Energy-efficiency card with an emerald letter tile, score fraction, and an annual savings caption.
Rental lease summary with an amber key tile, bold monthly rent, deposit note, and lease start line.
Area snapshot card with median price, emerald year-over-year trend pill, days on market, and listings.