Mortgage Calculator

Loan estimate card with a four-cell input grid for price, down, rate, term, and a bold monthly total.

Mortgage estimate
Home price$1,240,000
Down20% · $248,000
Rate6.25% APR · 30-yr fixed
Term30 years
Est. payment$6,108 / mo

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
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"
/>

More Realestate pieces

View all Realestate
Estimated value+4.2% 1y
$1,240,000+28.7% 5y

Value Trend

realestate9

Estimated value card with a 1y trend pill, big current value, and a light green mini line chart.

Sofia Romano
Sofia RomanoRiverside Realty · Broker4.9· 42 deals closed

Realtor Card

realestate5

Agent profile with gradient avatar, star rating, deals-closed chip, and a dark call-phone button.

221B Riverside AvenueFor sale$1,240,000
221B Riverside AvenueIstanbul · Levent
32142 m²

Listing Card

realestate1

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

realestate7

Energy-efficiency card with an emerald letter tile, score fraction, and an annual savings caption.

Lease · 221B Riverside Ave #3Tenant · Beste Sözen
Monthly$3,400 / mo
$3,400 depositStarts Jun 1, 2026 · 12-month term

Lease Card

realestate6

Rental lease summary with an amber key tile, bold monthly rent, deposit note, and lease start line.

Levent · Istanbul+4.2% YoY
$1.08M median
18 avg days on market142 active listings

Area snapshot card with median price, emerald year-over-year trend pill, days on market, and listings.