Create a fully functional demo prototype for "Problem Hunt" - a reverse Product Hunt where people post problems they want solved and builders compete to solve them.
Important Notes
- This is a demo prototype - no authentication, no onboarding flows, no sign-up required
- Users should be able to land on the page and try the app immediately with pre-loaded dummy data
- Goal: Let someone experience the core value prop in under 10 seconds
Structure
Page 1: Landing Page
Hero Section:
- Headline: "Problem Hunt"
- Tagline: "Houston, we have a problem."
- Subheadline: "The marketplace where people post problems they'd pay to solve - and builders compete to solve them."
- Two CTAs: "Post a Problem" and "Browse Problems"
- Brief value props:
- For people with problems: "Signal demand. Get solutions built."
- For builders: "Find validated problems. Build what people actually want."
Page 2: App Interface
Layout:
- Left sidebar with filters (category, budget range, popularity)
- Main feed showing problem cards
- Right sidebar showing "Trending Problems" and "Top Builders"
Problem Cards should display: