Hero, real estate

Pro

Luxury brokerage hero with ken burns architecture, glass Buy, Rent, Sell search panel and animated stats.

app/page.tsx

import { HeroRealEstate } from "@/components/facade/hero-real-estate";

export default function Demo() {
  return <HeroRealEstate />;
}

Installation

$npx shadcn@latest add @facade/hero-real-estate

Pro items install from the private @facade registry with your license key. Set it up once.

import { HeroRealEstate } from "@/components/facade/hero-real-estate";

export default function Page() {
  return <HeroRealEstate />;
}

HeroRealEstateProps is exported, so you can extend or wrap it. Every prop has a default; <HeroRealEstate /> renders the example above.

Props of HeroRealEstate
Prop	Type	Description
eyebrow	string
headline	string[]	Headline lines, each revealed in sequence.
description	string
locationPlaceholder	string
propertyTypes	string[]
priceRanges	Record<HeroRealEstateMode, string[]>
stats	HeroRealEstateStat[]
featured	{ address: string; price: string; meta: string }
onSearch	(search: HeroRealEstateSearch) => void
className	string

With the Facade MCP server connected, this prompt is enough:

Add the Facade hero, real estate to this page and adapt the copy to our business.