Fitness · Programs page

Fitness Programs Template

Every class and plan.A programs page: a photographic hero, a training process, a feature relay, a class gallery, à-la-carte pricing and an FAQ before the split CTA — styled by your tokens.

When to use this template

A programs page has to make a schedule comprehensible: what runs, how often, and who each one is for.

This one is dressed in Fitness copy and runs 9 sections, opening on the Tier navbar and closing with the Anchor footer. In between it covers hero, process and features.

At a glance

Page type
Programs
Business
Fitness
Sections
9
Section types
9
Design tokens
Colour, Radius, Shadow, Spacing, Typography
Requires JS
No
Price
Free

9 sections in this page

Every section below is a real, responsive layout rendered in your own design tokens — not a screenshot. In page order:

  1. Tier

    Navbar

    The nav links sit inside a rounded segmented pill in the centre, the active link filled as its own segment.

  2. Canvas

    Hero

    The picture is the section: a full-bleed photograph fills the hero with the headline and buttons resting near the bottom.

  3. Blocks

    Process

    A grid of numbered step cards, each leading with a large index number above its title and text.

  4. Relay

    Features

    A four-step sequence rather than parallel cells, each step a numbered icon node on a connecting track.

  5. Showcase

    Gallery

    A three-column grid of image cards, each a swappable photo slot over a title and caption.

  6. Carte

    Pricing

    A menu-style price list rather than a card grid — a narrow, hairline-divided run of rows, at home on a service business.

  7. Clarity

    FAQ

    A single-column accordion using native expand and collapse — real open/close behaviour with no scripting.

  8. Split

    Call to action

    A horizontal call to action — heading and subcopy on the left, a solid and a ghost button on the right.

  9. Anchor

    Footer

    A minimal centered footer — a wordmark, one wrapping nav row, a divider, then copyright and social buttons.

Fitness Programs template FAQ

How is Fitness Programs different from Fitness Home?
Both are Fitness page templates, but they are built from different layouts — they have only 1 section in common. Fitness Programs runs 9 sections and opens on the Tier navbar; Fitness Home runs 9 and opens on the Tier navbar.
Can I use only part of the Fitness Programs template?
Yes. The 9 sections are independent, so you can remove any of them and keep the rest. Tier and Anchor are page furniture you will usually replace with your own navigation and footer; everything between them is the page proper.
Do I have to write my own copy for Fitness Programs?
The preview is filled with sample Fitness copy so you can judge the layout at a realistic length rather than against placeholder text. It is meant to be replaced — the wording is sample content, while the layout and the design tokens are what you keep.
Fitness Home Momentum from the first scroll. Fitness Bold High-energy and direct. Fitness Story Coaches and community. Fitness Membership Join on the right plan. Fitness Classes Find your next session. Fitness Results Proof in the numbers.

All Fitness templates →