Act as an expert frontend developer and UI/UX designer. I want you to build a complete, interactive prototype for a web application called "Openclose.co".
Project Overview: Openclose.co is an AI-powered FSBO (For Sale By Owner) platform. It walks homeowners through pricing, marketing, and closing their home sale without a real estate agent, saving them tens of thousands in commissions.
Tech Stack & Design System:
- React (Functional components, Hooks)
- Tailwind CSS (for styling)
- shadcn/ui (for core components like Cards, Buttons, Badges, Tabs, Sliders, Tables, Inputs)
- Lucide React (for icons)
- Recharts (for data visualization)
- Framer Motion (for smooth landing page animations)
- Design Vibe: Clean, modern, professional, trustworthy. Use a neutral color palette (slate/zinc) with strategic pops of color (green for success/money, blue for actions, amber for warnings).
Routing Structure:
Create a multi-page layout using React Router (or conditional rendering if routing isn't supported in your environment):
/ - Landing Page
/app - Dashboard Overview
/app/pricing - AI Pricer
/app/marketing - AI Marketing Suite
/app/legal - AI Legal Assistant
/app/settings - Settings
Page 1: Landing Page
- Nav: Logo (Home icon + "Openclose.co"), "Sign In" link, and a "Get Started" button.
- Hero Section:
- Headline: "Sell your home. Keep the commission."
- Subheadline: "Walk through pricing, marketing, and closing your home sale without a real estate agent. Save tens of thousands in commissions with your personal AI agent."
- CTA: "Start Your Free CMA" button.
- Image: A beautiful modern home with a floating glassmorphism UI card overlapping it that says "Suggested Listing Price: $845,000" with a green trend icon.