Home valuation funnel

Pro

Multi-step "What's my home worth?" lead funnel with direction-aware steps and an animated estimate range.

app/page.tsx

import { ValuationFunnel } from "@/components/facade/valuation-funnel";

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

Installation

$npx shadcn@latest add @facade/valuation-funnel

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

import { ValuationFunnel } from "@/components/facade/valuation-funnel";

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

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

Props of ValuationFunnel
Prop	Type	Description
eyebrow	string
heading	string
description	string
basePricePerSqft	number	Base price per sqft for the market, used by the built-in demo estimator.
marketLabel	string
estimate	(data: ValuationData) => ValuationEstimate \| Promise<ValuationEstimate>	Replace the demo estimator with your own valuation API.
onLead	(data: ValuationData, estimate: ValuationEstimate) => void
bookLabel	string
bookHref	string
disclaimer	string
className	string

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

Add the Facade home valuation funnel to this page and adapt the copy to our business.