Create a fully functional demo prototype of an AI-powered music practice platform called "Practice Studio". 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 with headline: "Practice smarter. Play better."
- Subheadline: "AI-powered coaching that listens, watches, and helps you improve - one session at a time."
- Visual of a guitarist or pianist practicing with subtle UI overlay hints
- CTA button: "Try the Demo" (links to App page)
- Three feature cards below:
- 🎵 "Slow it down" - Break any song into stems and practice at your pace
- 🎤 "Real-time feedback" - AI listens and scores your pitch, timing, and dynamics
- 📹 "Technique analysis" - Periodic video check-ins on hand position and posture
- Simple footer with "Practice Studio © 2026"
Page 2: App Interface
- Header with logo "Practice Studio" and current song title
- Main area split into two sections:
Left Panel (60% width):
- Waveform visualization of the current song
- Playback controls: Play/Pause, restart, loop section
- Speed slider: 50% - 100% (default 75%)
- Stem toggles: Vocals, Guitar, Bass, Drums (each can be muted/soloed)
- Current position timestamp and total duration
Right Panel (40% width):
- Real-time scoring display showing:
- Pitch accuracy: circular gauge (0-100), currently showing "87"
- Timing: circular gauge (0-100), currently showing "92"
- Overall session score: large number "89"