Our work
FitnessPro

Apex Training

Fitness & athletic training website template

Apex Training template screenshot

About This Template

Apex Training is a premium fitness and athletic training template built for gyms, personal trainers, coaches, and sports performance studios. Twelve production-ready pages cover programs, trainers, classes, blog, about, and contact. Three color skins, GSAP animations on every section, and a Sanity CMS version available for full content management without touching code.

Signature

Full CMS-ready fitness platform — every program, trainer, class, and blog post is driven by typed content collections, with a Sanity Studio version available for non-technical clients to manage content without touching code.

Features

  • 12 complete pages — Programs, Trainers, Classes, Blog, About, Contact
  • 4 content collections — programs, trainers, classes, posts (Zod schemas)
  • 3 color skins switchable via data-skin attribute
  • GSAP scroll animations on every major section
  • Dynamic routes for programs, trainers, and classes
  • Trainer profile pages with bio, specialties, and certifications
  • Class schedule grid with level and category filtering
  • Blog with Markdown posts and cover images
  • Contact form with validation
  • TypeScript strict mode — zero any
  • WebP image optimization via Astro getImage()
  • Sanity CMS version available separately

Deployment

Tech Stack

Astro 5React 19TypeScriptTailwind CSSGSAP

Typography

Bold condensed display heading + clean geometric sans body

Color Palette

Dark industrial — near-black background, red-orange accent, steel highlights, 3 switchable skins

Details

Pages12
TierPro
NicheFitness

Ready to build with AI?