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)