Afterglow Dance Fitness

Afterglow Dance Fitness is a one-page website for a dance-fitness studio. It starts with a hero showing floating info chips and animated counters, then a ticker of dance styles, the studio story, six reasons to come, a styles section with category filters, three class passes, instructor profiles, a timetable, transformation stories, a scrolling wall of quotes, a gallery, a BMI calculator, an FAQ and a contact block with opening hours. The dance styles can be filtered by category, the timetable has day tabs that open on today's weekday, each story toggles between before and after, the quotes row slides continuously, FAQ items expand, and the BMI calculator works in metric or imperial. A WhatsApp button opens a pre-filled free-trial message. The contact form validates, then shows a confirmation note; nothing is sent until a backend is connected. The sample studio (VIBRA), instructors, prices and address are placeholders that the studio swaps for the customer's own from one config object in script.js. The style is a night-club palette: deep violet backgrounds with hot pink, violet, cyan and orange accents, blurred colour blobs that drift behind the content, Syne headlines and Plus Jakarta Sans body text. Layouts adapt at 1080, 860 and 560 px, and all looping motion stops for visitors who prefer reduced motion. It suits Zumba and hip-hop studios, Bollywood and afrobeat dance classes, cardio-dance brands, heels and salsa schools and party-style group fitness.