Fitness Studio

Install

The whole page lands in app/templates/fitness-studio/. You can also use a long-lived licence key instead: set the Authorization: Bearer <key> header in the registries block of components.json — better for CI or a project several people share. What you may do with the source is in the licence terms.

Sections it ships with

Sections inside one template share the same design tokens, so swapping and reordering them keeps the colours, spacing and animation rhythm consistent. Pick and combine them in the section composer.

1. 1

   Nav & Hero

   A branded nav bar over a headline that cycles through verbs, two calls to action and an active-member figure row, followed by a neon slogan marquee.

   hero
2. 2

   This Week's Schedule

   A horizontally scrolling time-by-day grid of the week's group classes, colour-blocked into strength, conditioning, combat and recovery.

   timeline
3. 3

   Coaching Team

   Gradient portrait cards for four coaches that flip on hover to show specialisms and competition record.

   team
4. 4

   Membership Plans

   Three monthly memberships side by side — Base, Assault and All-In — with the middle one picked out in neon yellow as the most chosen.

   pricing
5. 5

   Member Results

   A neon-yellow figure band that counts up on scroll: transformations, body-fat change and renewal rate.

   stats
6. 6

   Member Testimonials

   Two quote cards from real members, each with who they are and how many months they have trained.

   testimonial
7. 7

   Book a Free Trial

   What the free trial class covers and the joining offer on the left; on the right a booking form with a preferred-time picker and a success state.

   form
8. 8

   Footer

   The wordmark, studio address, phone and opening hours, alongside training, studio and support link columns and the copyright line.

   footer