Fitness · Home page

Fitness Home Template

Momentum from the first scroll.A gym/studio home page: an energetic hero, a benefits grid, a training process, results stats, membership pricing, reviews and a closing CTA — composed in your design language.

When to use this template

A home page has to do the whole job at once: say what this is, show it is real, and give a first step — all before anyone scrolls twice.

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

At a glance

Page type
Home
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. Eclipse

    Hero

    A photo band across the top with a content card pulled up to straddle its lower edge — half on the picture, half on the page.

  3. Mosaic

    Features

    A centered heading above a three-column grid of feature cards, each with an icon tile, a title and a short description.

  4. Trail

    Process

    A horizontal step trail, the numbered discs joined by a connector line running straight through them.

  5. Band

    Stats

    The classic proof strip: one horizontal row of large figures over muted labels, divided by fine vertical rules.

  6. Ledger

    Pricing

    Three plan cards side by side, with the recommended tier lifted by a coloured border, a deeper shadow and a badge.

  7. Echo

    Testimonials

    A responsive grid of quote cards, each with a star rating, a short quote and an author row.

  8. Rally

    Call to action

    A centered call to action on a branded panel: heading, subcopy and two buttons on a rounded, elevated surface.

  9. Atlas

    Footer

    A comprehensive footer: a brand block with social buttons beside a three-column link map, over a legal bottom bar.

Fitness Home template FAQ

How is Fitness Home different from Fitness Bold?
Both are Fitness page templates, but they are built from different layouts — they share no sections at all. Fitness Home runs 9 sections and opens on the Tier navbar; Fitness Bold runs 8 and opens on the Helm navbar.
Can I use only part of the Fitness Home template?
Yes. The 9 sections are independent, so you can remove any of them and keep the rest. Tier and Atlas 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 Home?
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 Bold High-energy and direct. Fitness Programs Every class and plan. 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 →