Build a modern, polished React application using Tailwind CSS, Lucide React icons, and Framer Motion. The app is called "PoolBuoy.ai", a B2B SaaS platform for pool builders. The system uses AI to scan satellite imagery for homes with empty backyards, renders a luxury pool into the yard, calculates the home value lift, and automates direct mail and retargeting ads.
The app should have two main views managed by React Router: a Landing Page (/) and a Dashboard (/app).
- Landing Page (
/):
- A sticky top navigation bar with the logo, links (Features, How it Works, Pricing), and an "Enter App" CTA.
- A Hero Section:
- Left side: Strong headline ("Stop buying shared leads. Generate your own."), subheadline explaining the AI satellite scanning and automated mail, and two CTA buttons ("View Live Demo" and "Watch Video").
- Right side: A large, beautiful image of a luxury pool with floating UI badges overlapping it (e.g., a green pulsing "AI Render Complete" badge, a "+ $145k Value Lift" badge, and a "Postcard Sent Automatically" notification card).
- A "How it Works" section with a 3-column grid:
- Satellite Scanning (Map icon)
- AI Rendering (Zap icon)
- Automated Outreach (Mail icon)
- Use Framer Motion to add smooth fade-in and slide-up animations to these elements.
- Dashboard (
/app):
- A full-screen, 3-pane layout (Sidebar, Lead List, Lead Details).
- Sidebar (Left): Logo, navigation links (Dashboard, Territories, Leads, Settings), and an "Exit Demo" button at the bottom.
- Lead List (Middle): A scrollable list of 4-5 mock leads in Austin, TX. Each lead card should show the address, homeowner name, lot size, home value, and a colored status badge (e.g., "New", "Rendered", "Postcard Sent", "Ad Retargeting"). Clicking a lead updates the Lead Details pane.
- Lead Details (Right):
- Header: Address, Homeowner name, and action buttons ("Contact", "Generate Postcard").
- Three Tabs (use Framer Motion for smooth tab content transitions):
- Tab 1: "Overview & Financials". Show a grid with Property Data (Estimated Value, Lot Size, Sun Exposure, Pool Build Cost, and a highlighted "Projected Value Lift" in green). Next to it, show a "Satellite View" image of an empty backyard.
- Tab 2: "AI Render & Video". Show a large image of the same backyard but with a luxury pool rendered in it. Include a "View Cinematic Walkthrough" button overlay.
- Tab 3: "Marketing Action". Show a "Direct Mail Preview" (a visual mockup of a postcard with the rendered pool image, personalized text, and a QR code placeholder) with a "Send to Lob API" button. Next to it, show a "Digital Retargeting" section with the status of Facebook Custom Audiences and Instagram Reels Ads.
Generate realistic mock data for the leads, including Unsplash image URLs for the "Before" (empty yard) and "After" (pool rendered) states. The UI should look like a premium, enterprise-grade SaaS product with a clean slate/blue/green color palette, rounded corners (xl or 2xl), and subtle borders/shadows.