Agent profile with gradient avatar, star rating, deals-closed chip, and a dark call-phone button.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Realestate5 } from "@/components/beste/piece/realestate5";
<Realestate5
name="Sofia Romano"
firm="Riverside Realty · Broker"
initials="SR"
rating="4.9"
deals="42 deals closed"
phone="+90 532 000 12 34"
image="https://images.unsplash.com/photo-1763478959183-136fe6bdcc93?w=100&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTh8fHJlYWwlMjBlc3RhdGUlMjB3b21hbnxlbnwwfHwwfHx8MA%3D%3D"
tone="primary"
/>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.
Estimated value card with a 1y trend pill, big current value, and a light green mini line chart.
Loan estimate card with a four-cell input grid for price, down, rate, term, and a bold monthly total.
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.