Decathlon Advanced Booking Website Template
A modular card grid landing page built for decathlon coaching services. It guides multi-event athletes through a Hero's Journey scroll experience, from diagnostic assessments to competition results. Each event has its own coaching card with a custom call to action. A persistent bottom bar lets athletes build a personalized multi-event training package and book a session in one flow.
by Rocket studio
Quick summary
This landing page template is designed for decathlon coaching services targeting multi-event athletes at every competitive level. It uses a scroll-triggered video header, a modular card grid layout, and a multi-conversion bar that lets visitors build a custom training package event by event. The page feels urgent, athletic, and purposeful from the first scroll to the final call to action.
Who this template is for
This template is built for coaches and coaching services that work with multi-event track and field athletes. It fits programs that need to present depth of expertise across ten disciplines while still making it easy for a visitor to take action quickly.
- Post-collegiate multi-eventers chasing Olympic trials qualifying marks
- High school athletes whose coaches have reached the limits of their event-specific knowledge
- Masters athletes committed to competing across all ten events rather than specializing
What problem this template solves
Most coaching service pages are built around a single offer, a single athlete type, or a single event. That structure breaks down completely when you are selling decathlon coaching, where the program spans ten disciplines and the athlete needs to trust your expertise in all of them. A generic coaching page cannot carry that weight.
- Visitors cannot evaluate a coach's depth across ten events from a single paragraph bio
- There is no standard way to let an athlete build a personalized multi-event package on one page
- Prospects drop off when they cannot quickly see whether a program is relevant to their current level and competition goals
What you get with this template
You get a fully structured, scroll-driven landing page that takes the visitor on a narrative journey from discovery to booking. Every major section is pre-built and editable, from the opening video header to the final scheduling form. The layout is modular, meaning each card row operates independently and can be updated without rebuilding the whole page.
- A scroll-triggered video header with an overlay headline and montage sequence across all ten events
- A complete Hero's Journey card grid covering diagnostics, individual event coaching, testimonials, and competition results
- A persistent bottom conversion bar with a combined pricing tally and a slide-open scheduling form
Feature list
This template is built around specific, prompt-defined functionality. Every feature below comes directly from the design brief.
Scroll-Triggered Video Header
The header opens on a still wide shot of an empty stadium at golden hour. As the visitor scrolls, the video advances frame by frame through a single unbroken take that moves through all ten events. The headline "Ten Events. One Athlete. Zero Compromises." locks in over the pole vault peak frame.
Expandable Event Coaching Cards
Each of the ten decathlon disciplines gets its own card in the grid. Cards are expandable and can surface training footage, periodization philosophy, and coach bios for that specific event. Every card carries its own "Add to My Program" call to action.
Persistent Multi-Conversion Bottom Bar
A fixed bar at the bottom of the page tracks which event cards the visitor has selected. It tallies the combined package price in real time and displays a primary "Build My Decathlon" call to action that slides open a scheduling form.
Scheduling Form with Athlete Intake
The slide-open form collects current personal records across all ten events, a target competition date, and the athlete's training availability. This gives coaches the context they need before a first session and reduces back-and-forth after booking.
Free Score Calculator with Email Capture
A secondary conversion path lets visitors input their marks across all ten events to receive an estimated combined score with weak-event flags. The breakdown is delivered in exchange for an email address, giving the service a lead capture path for athletes who are not yet ready to book.
Hero's Journey Grid Structure
The card rows follow a narrative arc: "The Call" for diagnostics, "The Trials" for individual event coaching cards, "The Abyss" for testimonials from athletes who almost quit, and "The Return" for competition results and qualifying stories. The structure gives the page emotional momentum that a standard coaching page cannot replicate.
Page sections overview
| Section | Purpose |
|---|---|
| Video Header | Opens the page with a scroll-controlled stadium montage and the primary headline |
| The Call Cards | Presents diagnostic assessments and weakness audits across all ten events |
| The Trials Grid | Individual event coaching cards, each expandable with training content and coach details |
| The Abyss Section | Full-width testimonials from athletes describing breakthrough moments after near-quitting |
| The Return Row | Competition results, personal record timelines, and trials qualification stories |
| Bottom Conversion Bar | Persistent tally of selected events, combined pricing, and primary booking call to action |
Design & branding system
The visual identity follows an Adventure Terrain theme expressed through a Ruby and Chrome color system. The palette is intentionally metallic and high-contrast, built to feel like arena lighting on cold steel rather than a standard sports marketing page.
- Deep ruby red (#9B1B30) anchors primary action buttons and section markers, chrome silver (#C0C5CE) defines card borders and interface frames
- Volcanic black (#1A1A2E) fills section backgrounds to evoke a rubberized track surface under stadium lights at night
- Sharp highlight white (#F4F4F8) is used for all primary typography so text reads cleanly against dark backgrounds at every scroll depth
Mobile & speed optimization
The card grid layout is modular by design, which means each row and card can reflow for smaller screens without losing the narrative structure. The scroll-triggered video is the heaviest asset on the page, and its section-by-section progression means only the relevant frame range loads at each scroll position.
- Cards stack vertically on mobile, preserving the Hero's Journey sequence and keeping each event card tappable
- The persistent bottom bar adapts to mobile viewports, keeping the "Build My Decathlon" action reachable without scrolling back to the top
How this template helps you convert
The page is built around two distinct conversion paths so that visitors at different stages of readiness both have a clear next step. Neither path requires the visitor to leave the page or navigate away from their progress.
- The primary path runs through the event coaching cards and the bottom bar, letting athletes build a custom package and book directly through the scheduling form, with their current personal records and competition timeline captured at the point of commitment.
- The secondary path offers the free score calculator, which captures email addresses from athletes who want to understand their weaknesses before committing to a coaching package, giving the service a warm lead pool to follow up with.
Other information about this template
This template is designed specifically for the decathlon coaching niche within the broader sports and recreation category. It is also well suited for heptathlon and combined-events programs that need to present multi-discipline coaching depth in a single page structure.
- The template style is Card Grid (Modular), which makes it straightforward to add or remove event cards as a program's offering changes
- The color system is Ruby and Chrome, and the theme is Adventure Terrain, giving the visual identity a distinct athletic character that differs from standard fitness or personal training templates
- The landing page direction is oriented toward a marketplace or multi-conversion model, meaning the page is designed to handle multiple simultaneous purchase decisions rather than routing every visitor to one fixed offer




Theme
Futuristic Neon
Creative direction
Community Gallery
Color system
Ruby & Chrome
Style
Card Grid (Modular)
Direction
Direct Sales
Page Sections
Scroll-triggered Video Header
Expandable Event Coaching Cards
Hero's Journey Grid Structure
Persistent Multi-conversion Bottom Bar
Athlete Intake Scheduling Form
Free Score Calculator with Email Capture
Related questions
Who is this landing page template built for?
How does the multi-event package builder work?
What does the free score calculator do?
Can I adjust the number of event cards in the grid?
What visual style does this template use?