8x Fitness UI Design - v0 by Vercel

Now let me generate images and build the entire website. I'll start with the design system setup and all the components:

Now let me update the theme and layout, then build all the components:

Now let's assemble everything in the main page:

The full 8x Fitness premium gym website is complete. Here's what was built across 12 components:

Navbar — Sticky glass navbar with scroll detection, mobile menu, and "Join Now" CTA
Hero — Cinematic full-screen hero with animated counters (members, calories, trainers, stories) and dual CTAs
Programs — 6 animated program cards with a scrolling ticker tape banner
Smart Fitness Tools — 4-tab interactive panel: BMI Calculator with gauge meter, Calorie Burn Calculator, Workout Planner with save feature, and Weekly Schedule Generator
Trainers — 3 trainer profile cards with hover photo zoom, certifications, social icons, and "Book Session" CTA
Membership Plans — 4 pricing cards (Monthly/3M/6M/Annual) with glow effects on the popular 6-month plan
Exercise Library — 6 muscle-group categories with drill-down exercise modals showing calories, difficulty, and instructions
Transformation Gallery — Interactive drag-to-reveal before/after slider with result stats
Testimonials — Carousel with 5 reviews, dot navigation, and avatar thumbnails
Facilities + Class Schedule — Filterable weekly class timetable and 8-facility grid with real gym photo
Contact + Footer — Google Maps embed, WhatsApp button, inquiry form, newsletter signup, and gym hours

Now let me generate images and build the entire website. I'll start with the design system setup and all the components:

Now let me update the theme and layout, then build all the components:

Now let's assemble everything in the main page:

The full 8x Fitness premium gym website is complete. Here's what was built across 12 components:

Navbar — Sticky glass navbar with scroll detection, mobile menu, and "Join Now" CTA
Hero — Cinematic full-screen hero with animated counters (members, calories, trainers, stories) and dual CTAs
Programs — 6 animated program cards with a scrolling ticker tape banner
Smart Fitness Tools — 4-tab interactive panel: BMI Calculator with gauge meter, Calorie Burn Calculator, Workout Planner with save feature, and Weekly Schedule Generator
Trainers — 3 trainer profile cards with hover photo zoom, certifications, social icons, and "Book Session" CTA
Membership Plans — 4 pricing cards (Monthly/3M/6M/Annual) with glow effects on the popular 6-month plan
Exercise Library — 6 muscle-group categories with drill-down exercise modals showing calories, difficulty, and instructions
Transformation Gallery — Interactive drag-to-reveal before/after slider with result stats
Testimonials — Carousel with 5 reviews, dot navigation, and avatar thumbnails
Facilities + Class Schedule — Filterable weekly class timetable and 8-facility grid with real gym photo
Contact + Footer — Google Maps embed, WhatsApp button, inquiry form, newsletter signup, and gym hours