Catalyst - Dynamic Fitness Landing Page Template
Catalyst is a hub-and-spoke fitness point-of-sale landing page template built for gym operators who need one system for check-ins, retail sales, and reporting. It features a tab-switching product demo header, anchor-nav scroll sections, micro-animations, and a persistent demo-request bar, all styled in a dark, LED-energized Teal Catalyst palette.
by Rocket studio
Quick summary
Catalyst is a single-page fitness point-of-sale landing page template designed for gyms, boutique studios, and multi-location operators. It combines a Feature Tab Switcher header, five anchor-nav spoke sections, and a persistent lead-capture bar. The dark Teal Catalyst color system and Launch Energy creative direction give every scroll the feel of a facility powering up at opening time.
Who this template is for
This template is built for fitness software founders, SaaS product teams, and digital agency developers who are marketing a gym point-of-sale system to real operators. It speaks directly to the people running front desks, not just reading about them.
- Boutique studio owners running barre, cycling, or similar class-based concepts
- CrossFit-style affiliates managing drop-ins, punch cards, and recurring memberships
- Multi-location gym operators who need one dashboard for bookings, retail, and billing
What problem this template solves
Running a gym front desk means juggling three problems at once: checking in members, ringing up retail, and pulling reports, often across disconnected tools. This template gives a fitness POS product a single, persuasive page that shows all three capabilities working before the visitor ever sees a form.
- Operators lose confidence when a product demo buries the feature they care about most
- Multi-location teams need proof that one dashboard can replace several separate logins
- Generic SaaS templates do not reflect the pace or visual language of a fitness environment
What you get with this template
You get a fully structured landing page layout purpose-built for a fitness point-of-sale product. Every section is pre-wired to a specific operational pain point, so the page builds credibility as the visitor scrolls.
- A Feature Tab Switcher header with three live product mockup states: Check-In, Sell, and Report
- Five anchor-nav spoke sections covering Memberships, Retail, Scheduling, Reporting, and Integrations
- A persistent bottom bar with a one-line email field and expandable qualifier form for demo lead capture
Feature list
This template ships with six purpose-built components that turn product screenshots into a convincing sales story.
Feature Tab Switcher Header
Three clickable tabs labeled Check-In, Sell, and Report sit above a live POS terminal mockup. Each tab instantly swaps the screen content, showing a member photo and visit streak, a split-screen register ringing up a punch card, or a revenue dashboard with real-time earnings and class fill rates.
Hub and Spoke Anchor Navigation
A left-rail anchor nav pins five section links that remain visible as the visitor scrolls. Clicking any spoke label smooth-scrolls to its dedicated section, keeping orientation clear across a long, content-rich page.
Micro-Animation Entry Effects
Each spoke section fires entry animations on scroll: numbers count up, toggle switches flip, and calendar slots fill. These animations make the product feel live and operational rather than static.
Persistent Lead Capture Bar
A bottom bar travels with the scroll and displays a "Book a Free Demo" call to action beside a single email field. Clicking expands a short qualifier form asking about gym type, number of locations, and current point-of-sale provider.
Tiered Pricing Modal
A "See Pricing" text link at the page bottom opens a modal displaying tiered plan cards. Each plan is gated behind the same demo request flow, keeping the conversion path consistent.
Launch Energy Scroll Narrative
The five spoke sections are sequenced deliberately. Each one solves a progressively larger operational problem, from scanning a single membership card to reconciling revenue across twelve locations. The scroll arc mirrors a launch sequence.
Page sections overview
| Section | Purpose |
|---|---|
| Feature Tab Header | Demonstrate Check-In, Sell, and Report states interactively |
| Anchor Nav Rail | Pin five spoke links for fast in-page navigation |
| Memberships Spoke | Show membership card scanning and visit streak tracking |
| Retail Spoke | Highlight punch card and product sales on a split-screen register |
| Scheduling Spoke | Display class slot filling and calendar management |
| Reporting Spoke | Present revenue dashboard, fill rates, and retention metrics |
| Integrations Spoke | Address multi-location reconciliation and third-party connectivity |
| Persistent call to action Bar | Capture demo leads via email field throughout scroll |
| Pricing Modal | Gate tiered plan details behind demo request conversion |
Design & branding system
The Teal Catalyst color system channels a brand-new gym facility at midnight: dark surfaces, glowing teal indicators, and a hot coral that marks every action worth taking. The visual identity is called Startup Velocity, and every color choice earns its place.
- Deep charcoal (#1A1D23) forms the gym-floor base; electric teal (#00BFA6) marks interactive and live-data elements
- Rack white (#F4F5F7) surfaces content areas cleanly against the dark base
- Hot coral (#FF6B6B) is reserved exclusively for calls to action and alert states, keeping it visually distinct
Mobile & speed optimization
The template is structured for a smooth experience on smaller screens without sacrificing the visual impact of its dark, high-contrast layout. The anchor nav and persistent bar are designed to adapt gracefully to mobile viewports.
- The left-rail anchor nav collapses cleanly so spoke navigation remains accessible on phones
- The persistent bottom bar maintains its single-field layout at all screen sizes for uninterrupted lead capture
- Micro-animations are tied to scroll entry, so they trigger naturally regardless of device or viewport size
How this template helps you convert
Catalyst earns the click before it asks for anything. The page is sequenced so visitors see the product working across real gym scenarios before encountering a form.
- The tab-switching header lets visitors self-select the feature most relevant to their operation, building immediate personal relevance and reducing bounce.
- The scroll narrative escalates from a single member check-in to full multi-location reporting, matching the ambition of each visitor type and reinforcing product depth.
- The persistent demo bar and the pricing modal both funnel into the same qualifier form, so every conversion path collects the same useful context without friction.
Other information about this template
This template is category-matched to the Fitness Software and SaaS intersection, with a niche focus on fitness point-of-sale systems. It is structured as a hub-and-spoke anchor navigation landing page, which suits long-feature SaaS products where the visitor needs to explore multiple capabilities without leaving the page.
- The qualifier form includes a "pen and paper" option in the current POS provider dropdown, a deliberate nod to operators who have not yet adopted a digital system
- The template theme is Startup Velocity, which pairs energized visual design with structured, logical information flow
- The header concept is classified as a Feature Tab Switcher, a format well suited to POS and dashboard products where showing beats telling
- The creative direction is Launch Energy, meaning each section is designed to feel like a system booting up rather than a static brochure




Theme
Startup Velocity
Creative direction
Launch Energy
Color system
Teal Catalyst
Style
Hub & Spoke (Anchor Nav)
Direction
Lead Generation
Page Sections
Feature Tab Switcher Header
Hub and Spoke Anchor Navigation
Micro-animation Entry Effects
Persistent Demo Capture Bar
Tiered Pricing Modal
Launch Energy Scroll Narrative
Related questions
Who is this landing page template designed for?
Can I adapt the tab switcher header for a different product demo?
Does the template include the qualifier form logic?
How does the pricing modal work?
Is this template suitable for a single-product SaaS launch?