Music Academy Homepage

Create an elegant, inspiring homepage for a music academy called "Crescendo Academy of Music" — a community music school offering private lessons, group classes, and ensemble programs for all ages and skill levels, from first-time beginners to pre-conservatory students. Located in a renovated historic theater in Nashville, Tennessee. The design should feel refined, creative, and welcoming — balancing artistic sophistication with warm accessibility.

1. NAVIGATION BAR
- Logo: "Crescendo" in an elegant serif font with a subtle treble clef integrated into the "C" — color: #7C3AED (violet-600)
- Links: Programs, Instructors, Schedule, Recitals, Enroll
- Right side: "Call Us: (615) 555-0192" text, "Book a Free Trial" CTA button (solid #7C3AED violet-600, white text)
- Background: white with thin bottom border (#E5E7EB)
- Sticky on scroll with backdrop blur
- Mobile: logo + hamburger + "Book Trial" mini CTA

2. HERO SECTION
- Full-width background: warm, beautifully lit photo of a student playing grand piano on the academy's stage — historic theater architecture visible (ornate ceiling, warm stage lighting)
- Warm dark overlay gradient from bottom (rgba(17,7,32,0.65))
- Headline: "Where Every Note Tells a Story"
- Subheadline: "Private lessons. Group classes. Ensemble programs. For every age, every instrument, every dream — since 1987."
- Two CTAs:
  - "Explore Programs" (outline white border, white text)
  - "Book a Free Trial Lesson" (solid #7C3AED violet-600, white text)
- Below CTAs: trust badges row — "37 Years Teaching · 1,200+ Students · 24 Instruments · 4.9★ Google Rating"
- Height: 85vh on desktop, 65vh on mobile
- Content centered, max-width 650px

3. PROGRAM CARDS SECTION
- Background: #FAF5FF (violet-50, very light lavender)
- Section label: "OUR PROGRAMS" in spaced uppercase (#7C3AED)
- Headline: "Find Your Sound"
- Subtitle: "Structured pathways from first note to performance stage"
- 4 program cards in a row:
  - 🎹 "Piano & Keyboard"
    - "Classical, jazz, pop, and composition. Acoustic and digital piano. Ages 5 to adult."
    - "Starting at $45/lesson"
    - Levels: Beginner → Intermediate → Advanced → Pre-Conservatory
    - "Learn More →" link
  - 🎸 "Guitar & Strings"
    - "Acoustic, electric, classical guitar, violin, viola, cello, and bass. Individual and chamber group options."
    - "Starting at $42/lesson"
    - Levels: Beginner → Intermediate → Advanced
    - "Learn More →" link
  - 🎤 "Voice & Vocal"
    - "Classical technique, contemporary styles, musical theater, and songwriting. Solo and choral programs."
    - "Starting at $48/lesson"
    - Levels: Beginner → Intermediate → Advanced
    - "Learn More →" link
  - 🥁 "Drums & Percussion"
    - "Drum kit, hand percussion, orchestral percussion, and world rhythms. Soundproofed studios."
    - "Starting at $42/lesson"
    - Levels: Beginner → Intermediate → Advanced
    - "Learn More →" link
- Cards: white background, 16px padding, 12px border-radius, subtle shadow, top border accent (each card a different color — violet, emerald, amber, rose)
- Hover: card lifts slightly, shadow deepens
- Below cards: "We also offer: Woodwinds, Brass, Music Theory, Composition, Music Production, and Early Childhood Music (ages 3-5)" with "See All Programs →" link
- Mobile: horizontal scroll or 1-column stack

4. WHY CRESCENDO SECTION
- Split layout: content left (55%), image right (45%)
- Image: instructor and young student laughing together during a violin lesson in a warm, well-lit studio
- Section label: "WHY FAMILIES CHOOSE US" in spaced uppercase (#7C3AED)
- Headline: "More Than Lessons — A Musical Home"
- 4 benefit items with checkmark icons:
  - "Personalized curriculum" — "No cookie-cutter method books. Each student gets a learning plan tailored to their goals, pace, and musical interests."
  - "Nationally certified instructors" — "Every teacher holds a degree in music performance or education, with an average of 12 years teaching experience."
  - "Performance opportunities" — "4 annual recitals, seasonal concerts, community events, and a student showcase series — because music is meant to be shared."
  - "Flexible scheduling" — "Lessons available 7 days a week, 8am-9pm. Makeup lessons within 24-hour notice. Monthly and semester enrollment options."
- CTA: "Meet Our Instructors →" text link
- Background: white
- Mobile: image stacks above content

5. INSTRUCTOR SPOTLIGHT SECTION
- Background: white
- Section label: "OUR FACULTY" in spaced uppercase (#7C3AED)
- Headline: "Learn from Nashville's Finest Musicians"
- Subtitle: "Professional performers, recording artists, and dedicated educators"
- 4 instructor cards in a row:
  - "Dr. Elena Vasquez" — Piano & Music Theory — Headshot photo (warm, professional)
    - "Juilliard-trained pianist. 18 years teaching. Former pianist for the Nashville Symphony. Specializes in classical technique and competition preparation."
    - Tags: Classical, Jazz, Competition Prep
  - "Marcus Williams" — Guitar & Bass — Headshot photo
    - "Session guitarist with 200+ studio credits. Berklee College of Music alum. Teaches acoustic, electric, and bass guitar across all contemporary styles."
    - Tags: Rock, Blues, Jazz, Fingerstyle
  - "Amara Johnson" — Voice & Musical Theater — Headshot photo
    - "Broadway performer (Hamilton national tour). Vocal coach for emerging artists. Specializes in contemporary commercial music and audition preparation."
    - Tags: Musical Theater, Pop, R&B
  - "Kenji Tanaka" — Drums & World Percussion — Headshot photo
    - "Touring drummer for platinum-selling artists. Studied West African drumming in Ghana. Teaches all ages with an emphasis on musicality over speed."
    - Tags: Rock, Jazz, World, Orchestral
- Cards: white background, headshot image (aspect 1:1, rounded-full, 120px), name, instrument, bio, specialty tags (small pills in #7C3AED/10 background with violet text)
- "View All 18 Instructors →" link
- Mobile: horizontal scroll or 2-column grid

6. RECITAL & EVENTS SCHEDULE
- Background: #FAF5FF (violet-50)
- Section label: "UPCOMING EVENTS" in spaced uppercase (#7C3AED)
- Headline: "Hear Our Students Shine"
- 3 event cards:
  - "Spring Recital — Piano & Strings"
    - Date: Saturday, April 18, 2026 · 3:00 PM
    - Location: Crescendo Main Hall (Historic Theater Stage)
    - "45 student performances across all levels. Free admission. Reception to follow."
    - "RSVP →" button (outline #7C3AED)
  - "Jazz Night — Student & Faculty Jam"
    - Date: Friday, May 8, 2026 · 7:00 PM
    - Location: The Green Room (Downstairs Lounge)
    - "Open jam session featuring intermediate and advanced students alongside faculty. Light refreshments. $5 suggested donation."
    - "RSVP →" button
  - "Summer Intensive — Auditions Open"
    - Date: June 15-27, 2026 · 9:00 AM - 3:00 PM daily
    - Location: Full Campus
    - "Two-week intensive for serious students ages 12-18. Ensemble masterclasses, theory workshops, and a final showcase concert."
    - "Apply Now →" button (solid #7C3AED)
- Cards: white background, left purple border accent (4px solid #7C3AED), date in bold, details below
- "View Full Calendar →" link
- Mobile: cards stack vertically

7. STUDENT SHOWCASE
- Background: white
- Section label: "STUDENT STORIES" in spaced uppercase (#7C3AED)
- Headline: "Hear from Our Community"
- 3 testimonial cards:
  - "My daughter started piano at age 6 with zero interest in practicing. Three years later, she performed Chopin at the spring recital and asked to add a second lesson per week. Dr. Vasquez is a miracle worker." — Jennifer M., parent
  - "I picked up guitar at 42 thinking it was too late. Marcus had me playing songs I loved within a month. No judgment, no pressure — just genuine encouragement and smart teaching." — Robert K., adult beginner
  - "Crescendo prepared me for my Berklee audition better than any program I've seen. The theory classes and performance opportunities gave me real confidence on stage." — Aisha T., student (now at Berklee College of Music)
- Each card: large quotation mark icon (#7C3AED at 15% opacity), quote text in italic, name and role below, 5-star rating
- Cards: light violet tint background (#FAF5FF), 16px padding, 12px border-radius
- Mobile: horizontal swipe carousel with dots

8. FREE TRIAL CTA SECTION
- Background: #7C3AED violet-600 (full-width solid color)
- White text throughout
- Headline: "Your First Lesson Is On Us"
- Subheadline: "Book a free 30-minute trial lesson with any instructor. No commitment. Bring your instrument or use ours."
- Form inline (horizontal on desktop):
  - Student Name input
  - Email input
  - Phone input
  - Instrument dropdown (Piano, Guitar, Voice, Drums, Violin, Cello, Other)
  - Age Group dropdown (3-5, 6-12, 13-17, 18+)
  - "Book My Free Trial" button (solid white, #7C3AED text)
- Below form: "Or call us: (615) 555-0192 · Mon-Sat 9am-7pm"
- Mobile: form inputs stack vertically, full-width CTA

9. LOCATION & HOURS
- Split layout: map left (50%), info right (50%)
- Map: embedded showing academy location in Nashville
- Address: "412 Broadway, Nashville, TN 37203 (Historic Ryman Block)"
- Hours:
  - Monday-Friday: 8:00 AM - 9:00 PM
  - Saturday: 9:00 AM - 6:00 PM
  - Sunday: 10:00 AM - 4:00 PM
- Parking: "Free 2-hour parking in rear lot. Street parking available on 4th Ave."
- Transit: "3 blocks from MTA Route 5 (Broadway). Bike rack at entrance."
- Photo: exterior of the renovated historic theater building
- "Get Directions →" link
- Mobile: map stacks above info, full-width

10. FOOTER
- Background: #1E1033 (deep purple-black)
- White text with #A78BFA (violet-300) for links
- 4 columns:
  - Programs: Piano, Guitar, Voice, Drums, Strings, Theory, Early Childhood, Summer Intensive
  - Academy: Our Story, Faculty, Facilities, Recitals, Blog, Careers
  - Families: Tuition & Pricing, Scheduling, Policies, Makeup Lessons, Financial Aid, FAQs
  - Connect: Contact Us, Directions, Instagram, YouTube, Facebook, Newsletter
- Bottom bar: "© 2026 Crescendo Academy of Music. All rights reserved." + Privacy · Terms · Accessibility
- Accreditation logos: National Association of Music Merchants (NAMM), Music Teachers National Association (MTNA)

Design: Elegant, warm, creative. Primary: #7C3AED (violet-600) for CTAs, accents, and brand elements. Background alternating between white (#FFFFFF) and #FAF5FF (violet-50). Text: #1E1033 (deep purple-black) for headings, #4B5563 (gray-600) for body. Typography: Cormorant Garamond for headlines (elegant, musical serif), Inter for body text. Cards with 12px border-radius, soft shadows. Warm photography with golden-hour lighting and natural tones. Musical elements (subtle staff lines, note accents) used sparingly as decorative touches. Generous whitespace throughout — sophisticated without being cold.

Responsive: Mobile-first. Hero height adjusts to 65vh. Program cards become horizontal scroll. Instructor cards become 1-column with larger headshots. Event cards stack vertically. Trial lesson form inputs stack. Map and info stack (map first). All touch targets minimum 44px. Navigation collapses to hamburger with full-screen overlay menu. "Book Trial" CTA remains visible in mobile nav.