Prompt for Bolt.new:
Build a mobile-responsive web app called Frinchise, a platform that lets users fractionally invest in local franchises.
⚙️ Tech & Style
- Use React + TailwindCSS for a super clean, minimal interface with soft colors (white/gray base, emerald or orange accents).
- Apply a card-based layout, rounded corners (2xl), soft drop shadows, and plenty of white space.
- Must work flawlessly on mobile and desktop.
- Include smooth fade-in animations using Framer Motion.
- Keep design language consistent and professional — think AngelList × Robinhood × Local-first aesthetic.
🏠 Pages & Features
1. Landing Page
- Header: Logo (“Frinchise”) on left, nav links on right (“Browse Deals,” “How It Works,” “Dashboard,” “Login”).
- Hero section:
- Headline: “Own a Slice of Main Street.”
- Subheadline: “Invest fractionally in local franchises — from coffee shops to gyms.”
- Primary CTA: “Browse Deals” → scrolls to deals section
- Secondary CTA: “Learn More” → jumps to “How It Works”
- Background: soft gradient or abstract city map graphic
- “How It Works” section with 3 clean icon cards:
- 💸 Fractional Ownership: Invest small, earn proportional returns.
- 🏪 Local Impact: Help franchises grow in your community.
- 📈 Cash Flow Returns: Receive quarterly payouts.
- Featured Deals preview (3 cards with sample franchises).
- Footer: minimal — logo, About, FAQ, Contact, Terms.
2. Browse Deals Page
- Grid of franchise cards (3–6 mock deals):
- Franchise name, logo/photo, location, funding goal progress bar, projected IRR, min investment.
- “View Deal” button → goes to Deal Detail.
- Filters above grid:
- Category (Food, Fitness, Services)
- Investment size slider (Min/Max)