Closing Timeline

Escrow-style closing timeline with done, current, and upcoming markers linked by a colored rail.

Closing timeline
Offer acceptedApr 20
InspectionApr 29
AppraisalMay 6
ClosingMay 22

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

Import & use
import { Realestate10 } from "@/components/beste/piece/realestate10";

<Realestate10
  title="Closing timeline"
  steps={[
    {
      "label": "Offer accepted",
      "date": "Apr 20",
      "status": "done"
    },
    {
      "label": "Inspection",
      "date": "Apr 29",
      "status": "current"
    },
    {
      "label": "Appraisal",
      "date": "May 6",
      "status": "upcoming"
    },
    {
      "label": "Closing",
      "date": "May 22",
      "status": "upcoming"
    }
  ]}
  tone="primary"
/>

More Realestate pieces

View all Realestate
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.

Open house
Open house · 221B Riverside
Sat, May 4 · 11:00 – 14:0018 RSVPs
Hosted by Sofia Romano, Realtor

Open House

realestate3

Open-house invite with an amber door icon, date window, RSVP count, and realtor host footer.

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.

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.

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

Mortgage Calculator

realestate2

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

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

Neighborhood Stats

realestate4

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