Dance Studio Homepage

Create a vibrant, energetic homepage for "Rhythm & Flow Dance Studio" — a contemporary dance studio in Austin, TX offering classes in hip-hop, contemporary, ballet, salsa, and breaking. The design should feel alive and dynamic with bold photography, fluid shapes, and strong typography. Target audience is adults 18-45, from total beginners to advanced dancers.

1. NAVIGATION BAR
- Logo: "Rhythm & Flow" in a bold condensed typeface with a subtle wave underline accent in #E11D48 (rose-600)
- Links: Classes, Schedule, Instructors, Pricing, Events, Contact
- Right side: "Book a Free Trial" CTA button (solid #E11D48, white text, pill shape)
- Transparent background over hero, transitions to white with shadow on scroll
- Mobile: logo + hamburger + "Book" mini CTA

2. HERO SECTION
- Full-width background: high-energy photo of dancers mid-movement in a sunlit studio with mirrored walls
- Dark gradient overlay (bottom 60%) for text readability
- Headline: "Move. Express. Transform." in bold uppercase, 64px, white
- Subheadline: "Austin's most welcoming dance studio — 5 styles, all levels, zero judgment" in 20px, white/90%
- Two CTAs side by side: "Browse Classes" (solid #E11D48) and "Watch Us Dance" (outline white, opens video modal)
- Floating stats bar anchored to bottom of hero, slight upward overlap into next section:
  - "2,400+ Students" | "5 Dance Styles" | "14 Instructors" | "4.9★ Google Rating"
  - Semi-transparent dark background, white text, each stat separated by vertical dividers

3. DANCE STYLE EXPLORER
- Headline: "Find Your Style"
- 5 style cards in horizontal row (scrollable on mobile):
  - Hip-Hop — "High energy, isolations, groove" — image of urban dance pose — Beginner to Advanced
  - Contemporary — "Fluidity, emotion, floor work" — image of lyrical dancer — Intermediate to Advanced
  - Ballet — "Technique, grace, foundation" — image of ballet positions — Beginner to Intermediate
  - Salsa & Latin — "Partner work, rhythm, heat" — image of salsa pair — All Levels
  - Breaking — "Power moves, freezes, flow" — image of b-boy/b-girl — Beginner to Advanced
- Each card: 280px wide, full-height cover image (aspect 3:4), gradient overlay at bottom, style name in bold white, short description, level badge
- Hover: image zooms slightly, rose-600 border appears at bottom (3px)
- Click: navigates to filtered class listing for that style

4. WEEKLY SCHEDULE PREVIEW
- Headline: "This Week's Classes"
- Day tabs: Mon through Sun, current day highlighted with #E11D48 underline
- 4-5 class slots visible per day:
  - "Hip-Hop Foundations" — 6:00 PM — Studio A — with Instructor Name — "Beginner" badge (green)
  - "Contemporary Flow" — 7:15 PM — Studio B — with Instructor Name — "Intermediate" badge (amber)
  - "Salsa Social" — 8:30 PM — Studio A — with Instructor Name — "All Levels" badge (blue)
  - "Breaking Lab" — 9:00 PM — Studio C — with Instructor Name — "Open Level" badge (purple)
- Each slot: time, class name (bold), instructor avatar (32px circle) + name, studio room, level badge
- Spots remaining indicator: "4 spots left" in rose-600 when <5 spots
- "Book" button on hover for each slot
- "View Full Schedule →" link below

5. INSTRUCTOR SPOTLIGHT
- Headline: "Meet Your Instructors"
- 4 featured instructor cards in a grid (2x2 desktop, horizontal scroll mobile):
  - "Maya Chen" — Hip-Hop & Breaking — "15 years performing. Toured with Missy Elliott. Believes everyone has rhythm — you just need permission to find it." — circular photo (120px)
  - "Carlos Rivera" — Salsa & Latin — "Former competitive Latin ballroom champion. Trained in Havana. Makes partner work feel natural from day one." — circular photo
  - "Ava Williams" — Contemporary & Ballet — "Juilliard-trained. Former Alvin Ailey company member. Focuses on emotional expression through movement." — circular photo
  - "Kai Nakamura" — Breaking & Hip-Hop — "World-class b-boy. Red Bull BC One competitor. Teaches power moves with a focus on safety and progression." — circular photo
- Each card: photo, name (bold), styles taught (rose-600 text), short bio (2-3 sentences), "View Profile" link
- Light gray background (#F8FAFC) for this section

6. TRIAL CLASS CTA SECTION
- Full-width section with split layout: left 50% form, right 50% image of smiling student after first class
- Headline: "Your First Class is Free"
- Subtext: "No experience needed. No special shoes. Just show up in clothes you can move in."
- Form fields:
  - Name (text input)
  - Email (email input)
  - "Which style interests you?" (dropdown: Hip-Hop, Contemporary, Ballet, Salsa & Latin, Breaking, Not Sure Yet)
  - "Experience level?" (radio: Never Danced, Some Experience, Experienced Dancer)
- Submit button: "Reserve My Free Class" (solid #E11D48, full-width)
- Below form: "Over 2,400 people started their dance journey here. No credit card required."
- Background: #FFF1F2 (rose-50) on left, image on right

7. PERFORMANCE GALLERY
- Headline: "Studio Moments"
- Masonry grid of 8 photos/videos:
  - Student showcase performance on stage with dramatic lighting
  - Group class mid-choreography, everyone in sync, big smiles
  - Close-up of breaking freeze on studio floor
  - Instructor demonstrating salsa partnerwork
  - Students stretching and laughing before class
  - End-of-year recital audience and performers
  - Behind-the-scenes rehearsal for community event
  - Student progress: side-by-side "week 1" vs "week 12" video thumbnail
- Photos with subtle hover: slight zoom, dark overlay with "▶ Play" on videos
- "Follow Us @rhythmandflow" link to Instagram below gallery

8. TESTIMONIALS
- Headline: "What Our Students Say"
- 3 testimonial cards on light background:
  - "I hadn't danced since middle school and was terrified. Maya made me feel like I belonged from minute one. I've been coming 3x a week for 8 months now." — Jessica T., hip-hop student — ★★★★★
  - "I signed up for salsa to surprise my fiancée at our wedding. Carlos had me leading confidently in 6 weeks. She cried on the dance floor." — Derek M., salsa student — ★★★★★
  - "As a former athlete recovering from knee surgery, contemporary dance gave me a way to move again that felt joyful instead of clinical." — Priya K., contemporary student — ★★★★★
- Each card: quote in italic, student name, class type, star rating, small avatar

9. PRICING PREVIEW
- Headline: "Simple, Flexible Pricing"
- 3 pricing tiers side by side:
  - Drop-In — "$22/class" — "Pay as you go. No commitment." — Book a Class button (outline)
  - Monthly Unlimited — "$149/month" — "All styles, all levels, unlimited classes" — "Most Popular" badge — Start Free Trial button (solid #E11D48)
  - Class Pack (10) — "$180" — "$18/class · Valid 3 months" — Buy Pack button (outline)
- Small print: "Student & military discount: 15% off all plans. Private lessons available from $85/hour."
- Each tier card: white background, subtle border, 12px border-radius

10. FOOTER
- 4 columns on #1E1E2E (dark slate) background, white text:
  - Studio: About, Instructors, Careers, Press
  - Classes: Hip-Hop, Contemporary, Ballet, Salsa, Breaking
  - Community: Events, Student Showcase, Blog, Partnerships
  - Info: Location & Hours, Parking, FAQ, Contact
- Studio address: "412 East 6th Street, Suite 200, Austin, TX 78701"
- Hours: "Mon-Fri 10AM-10PM · Sat 9AM-6PM · Sun 10AM-4PM"
- Social icons: Instagram, TikTok, YouTube, Facebook
- Bottom bar: "© 2026 Rhythm & Flow Dance Studio" + Privacy Policy · Terms · Accessibility

DESIGN SYSTEM
- Primary: #E11D48 (rose-600) for CTAs, accents, and active states
- Secondary: #1E1E2E (dark slate) for headers and footer
- Body text: #334155 (slate-700) on white backgrounds
- Accent background: #FFF1F2 (rose-50) for highlighted sections
- Section backgrounds: #F8FAFC (cool slate) for alternating sections
- Typography: Montserrat for headings (bold, condensed), Inter for body
- Cards: 12px border-radius, subtle shadow (0 2px 8px rgba(0,0,0,0.06))
- Fluid motion aesthetic: use subtle curved dividers between sections (SVG wave shapes)
- Photography-forward: large, full-bleed images of real dancers in motion

RESPONSIVE BEHAVIOR
- Mobile-first. Hero image crops to center on dancer. Stats bar stacks 2x2.
- Style explorer cards become horizontal scroll carousel with snap points
- Schedule shows 1 day at a time with left/right swipe between days
- Instructor grid stacks to single column cards
- Trial CTA section stacks form above image
- Gallery becomes 2-column masonry
- Pricing cards stack vertically with "Most Popular" card first on mobile
- All touch targets minimum 44px. Sticky "Book a Free Trial" bar on mobile bottom