Create a fully functional demo prototype for Userpath.ai - an AI-native product management tool that helps teams figure out what to build. This is a demo only - no authentication, no onboarding flows, no sign-up required. Users should land on the page and try the app immediately with pre-loaded dummy data.
Structure: Two Pages
Page 1: Landing Page
Hero section:
- Headline: "Figure Out What to Build"
- Subheadline: "Userpath synthesises customer interviews, support tickets, and usage data to surface what your users actually need - not just what they say they want."
- Tagline displayed: "Build different"
- CTA button: "Try the Demo" (links to App page)
3 feature highlights with icons:
- "Upload Everything" - Customer interviews, support tickets, NPS surveys, usage data - drop it all in and watch patterns emerge.
- "Ask, Don't Search" - Ask "what should we build next?" and get prioritised features backed by customer evidence.
- "Agent-Ready Output" - Get specs broken down into tasks your coding agent can execute immediately.
Design:
- Clean, modern design with a deep purple/indigo accent color
- Professional but approachable - think Notion meets Linear
- White background with subtle gradients
Page 2: App Interface (Main Demo)
Pre-loaded with dummy data for a fictional B2B SaaS company "CloudSync" that helps teams manage file sharing.
Left sidebar:
- Sources panel showing uploaded data:
- 12 Customer Interviews (transcripts)
- 847 Support Tickets (last 90 days)
- 3 NPS Survey Batches
- Product Analytics (connected)