Build a modern, responsive React web application called "Pieceful.ai". It is a simplified equity management platform designed for non-tech small businesses (like bakeries, agencies, and restaurants) to issue and track equity without needing expensive startup lawyers.
TECH STACK:
- React (Functional components, Hooks)
- Tailwind CSS (for all styling)
- Lucide React (for icons)
- Recharts (for the cap table pie chart)
- Framer Motion (for smooth page transitions and wizard steps)
APP STRUCTURE & ROUTING:
Use simple state-based routing in the main App component (e.g., const [currentView, setCurrentView] = useState('landing')). The three views are 'landing', 'dashboard', and 'wizard'.
DUMMY DATA:
Create a separate file for dummy data representing "The Rustic Crumb Bakery".
- Company: Valuation $1.2M, Total Shares 1,000,000, Available Pool 150,000 (15%).
- Team Members:
- Sarah Jenkins (Founder, 70% ownership, 700k shares, fully vested)
- Marcus Chen (Head Chef, 10% ownership, Profit-Sharing plan, 40k/100k shares vested)
- Elena Rodriguez (Ops Manager, 5% ownership, Sweat Equity plan, 10k/50k shares vested)
- Recent Activity: 3 recent events (e.g., "Equity Granted to Elena", "Profit Distribution Q3").
VIEW 1: LANDING PAGE
- Navbar: Logo (PieChart icon), "Pieceful.ai", simple links, and a "Try the Demo" button that navigates to the dashboard.
- Hero Section:
- Badge: "Built for Main Street, not Silicon Valley"
- Headline: "Share your business, without the startup lawyer." (Make "without the startup lawyer" a text gradient using indigo and violet).
- Subheadline: "The simplified equity management platform for restaurants, agencies, and local businesses."
- CTA Buttons: "Enter Dashboard" (primary indigo) and "See How It Works" (secondary outline).
- Features Section: 3-column grid with icons.
- Plain-English Plans (auto-generate compliant plans)
- Visual Cap Tables (no spreadsheet gymnastics)
- Built-in Scenarios (buybacks and exits).
- Social Proof: 2 testimonial cards from a bakery owner and an agency founder praising the simplicity.
VIEW 2: DASHBOARD
- Layout: Left sidebar navigation and a main content area with a top header.
- Sidebar: Company name at the top. Nav links: Overview, Team Equity, Equity Plans (opens wizard), Scenarios & Exits. Bottom links: Settings, Exit Demo.