Build a comprehensive React application called "Homepay". This is a fintech and compliance platform designed to simplify payroll, taxes, and hiring for household staff (nannies, housekeepers, gardeners).
Tech Stack:
- React
- Tailwind CSS (for all styling)
- Lucide React (for icons)
- Recharts (for data visualization)
Design System & Aesthetics:
- Vibe: Clean, professional, trustworthy, and modern.
- Color Palette:
- Backgrounds: bg-slate-50 (light grey)
- Primary: bg-emerald-600 (trustworthy green)
- Text: text-slate-900 (dark grey)
- Accents: Purple (for benefits), Blue (for taxes).
- Typography: 'Inter' font family. Clean sans-serif.
- UI Elements: Rounded corners (rounded-2xl), subtle shadows, clean borders (border-slate-200).
Core Navigation & State:
The app should not have authentication. Instead, use a state variable to switch between three views:
- Guest (Landing Page)
- Employer Dashboard
- Employee Dashboard
Detailed View Specifications:
1. Landing Page:
- A clean marketing page.
- Hero Section: Large typography ("Payroll for your home made simple"), a sub-headline explaining compliance and taxes.