About this piece
Mortgage Calculator
Loan estimate card with a four-cell input grid for price, down, rate, term, and a bold monthly total.
Usage
The import and the props worth knowing about, in one place.
import { Realestate2 } from "@/components/beste/piece/realestate2";
<Realestate2
surface="card"
bordered={true}
inverted={false}
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"
/>More Realestate pieces
View all RealestateEstimated value+4.2% 1y
$1,240,000+28.7% 5yValue Trend
Estimated value card with a 1y trend pill, big current value, and a light green mini line chart.
Sofia RomanoRiverside Realty · Broker4.9· 42 deals closed
Realtor Card
Agent profile with gradient avatar, star rating, deals-closed chip, and a dark call-phone button.
For sale$1,240,000221B Riverside AvenueIstanbul · Levent
32142 m²
Listing Card
Property listing with a warm gradient photo, status pill, save heart, price chip, and beds/baths footer.
ARated
Energy efficiency92 / 100~$1,820 annual utility savings
Energy Rating
Energy-efficiency card with an emerald letter tile, score fraction, and an annual savings caption.