Champion — Elite Athletics Club Landing Page Template

Quick summary

This template puts the full intensity of modern pentathlon on screen from the first scroll. A video header frozen on a fencer mid-lunge ignites into a five-discipline montage as visitors scroll. Asymmetric bento tiles, live-feel counter animations, and a sticky "Try All Five" call to action make the page perform like the sport itself: fast, precise, and relentless.

Who this template is for

This template is purpose-built for clubs running serious modern pentathlon programs. It speaks directly to the people who already know the sport's demands and want a home page that matches them.

• Competitive pentathlon clubs recruiting ambitious junior athletes chasing national selection
• Multi-sport organizations serving weekend warriors, ex-military competitors, and youth development squads
• Club directors who want a single conversion goal: getting prospective members to register for a trial

What problem this template solves

Most club landing pages lose visitors before the first scroll. They bury their value in walls of text, use generic layouts, and give visitors too many places to go. This template solves that.

• It replaces passive browsing with an active scroll experience that physically advances through each discipline
• It removes form friction entirely: the click carries intent straight to the membership trial page
• It channels every design element toward one outcome, so the leader board of your site is always the "Try All Five" button

What you get with this template

You get a fully designed, high-animation landing page built around the rhythm of modern pentathlon competition. Every section has a clear job, and every visual choice reinforces the club's credibility.

• A scroll-triggered video header, five bento discipline tiles with entry micro-animations, a stats credibility strip, a testimonial and season reel section, and a full-width membership call-to-action block
• A Ruby and Chrome color system, DM Sans headline typography, and JetBrains Mono for stats and counters
• A sticky footer bar that locks in the primary call to action after the fourth discipline tile, keeping the conversion path open at all times

Feature list

This section covers the core built-in capabilities that make the template work.

Scroll-Triggered Video Header

The viewport opens on a frozen frame of a fencer mid-lunge. As the visitor scrolls, the footage advances frame by frame through all five disciplines. Each scroll increment gives the visitor physical control over the montage. A single chrome-type word stamps the screen as each discipline cut lands.

Cinematic Bento Grid

Five asymmetric tiles map directly to each discipline: Fence, Swim, Shoot, Ride, and Run. Each tile triggers its own micro-animation on scroll entry. A fencing score counter ticks up. A swim split time dissolves in. A horse clears a jump in slow motion. The grid escalates emotionally from training footage to podium moments.

Discipline Stats Strip

A credibility band between the grid and the testimonials section displays competition numbers in JetBrains Mono. Podium finishes, national selections, and club membership counts animate in as counters when the section enters the viewport. This is where pentathlon points, scores, and competition records build real trust.

Testimonial and Season Reel Section

Three member testimonials appear alongside a "Watch Our Season" secondary call-to-action link. Voices from junior athletes, ex-military competitors, and weekend warriors give the page its social proof. The secondary path keeps visitors inside the funnel when they are not yet ready to register.

Sticky Footer Call-to-Action Bar

After the fourth discipline tile enters view, a sticky footer bar locks onto the bottom of the screen. It carries the primary "Try All Five" button in hot flash pink. The bar stays visible through the membership section and beyond, so the finish line is always within reach.

Ruby and Chrome Color System

Deep competition ruby, polished chrome silver, blackout mat, and a hot accent flash reserved for calls to action and live-score elements form the complete palette. The system feels like medal ceremonies under stadium floodlights: podium hardware gleaming against dark athletic fabric, punctuated by the red pulse of a timing clock.

Page sections overview

Design & branding system

The visual identity channels Festival Energy through a dark athletic aesthetic. Every color and type choice is deliberate and rooted in the sport's competitive character.

• Colors: competition ruby (#9B1B30), chrome silver (#C0C0C8), blackout mat (#0D0D0D), and hot flash accent (#FF2D55) for calls to action and live-score moments
• Typography: DM Sans for headlines and body, JetBrains Mono for counters, stats, and split times
• Style direction: cinematic bento grid with high-contrast dark backgrounds, medal-ceremony lighting references, and chrome type stamps over video

Mobile & speed optimization

The template is desktop-first to honor the scroll-scrub video experience. A graceful mobile fallback is built in so the page remains fully usable on smaller screens.

• Video poster frames serve as static hero images on mobile, preserving the cinematic first impression without requiring full video load
• IntersectionObserver drives all tile animations and counter triggers, so elements only activate when they enter the viewport

How this template helps you convert

Every layout decision in this template points toward a single action: the "Try All Five" membership trial click.

1. The ghost call-to-action button over the video header catches early intent, while the hot flash pink button after the third discipline tile re-engages visitors who kept scrolling, and the sticky footer bar ensures no one reaches the end of the page without a clear path to register.
2. The secondary "Watch Our Season" reel link keeps undecided visitors moving through the funnel rather than bouncing, giving them more reason to trust the club before they commit.

Other information about this template

This template is built around the real rules and structure of modern pentathlon, making it useful as both a conversion tool and an educational resource for prospective members who are new to the sport.

• Modern pentathlon debuted at the 1912 Stockholm Olympics and was founded by Baron Pierre de Coubertin to test the complete athlete. The sport's history gives clubs a powerful origin story to draw from.
• In modern pentathlon competition, the fencing ranking round uses a round-robin format. Each bout lasting one minute ends on the first hit. Athletes fence in single elimination progressions, and a fencing bonus round can extend the competition.
• The swimming event seeds athletes into heats by world ranking time. As of 2026, competition formats have compressed toward a 90-minute window. Athletes start the laser run event in a handicapped position based on their cumulative pentathlon points from previous events.
• In the combined event, athletes run 3200 meters total with four shooting stops. At each stop they must hit five electronic targets using laser pistol shooting before they resume running. The first athlete to cross the finish line wins the gold medal.
• The riding discipline assigns horses to athletes at random, with a maximum of five practice jumps allowed. The obstacle course replaced traditional riding in 2023. The 2026 obstacle course format includes eight required obstacles such as monkey bars in the sprint course.
• In the laser run event, the laser run handicap is a pursuit race start list built from scores across four events. Athletes start at timed intervals. The winner is the first to cross the finish line, making every second of accumulated pentathlon points count.
• The fencing event uses épée swords in a round-robin format, with each bout lasting one minute and ending after one hit or when the time limit expires with no hit recorded. A bout lasting one minute with no score gives both athletes half a win.
• Two rounds of shooting at five targets per stop are standard in many competition formats. Athletes must complete each set within a time allowed before the time limit ends and they continue running.
• Teams from usa pentathlon multisport programs and youth development pathways use pages like this to recruit young competitors, especially in regions where junior athletes compete toward national squads.
• Team USA programs and usa pentathlon multisport clubs benefit from landing pages that highlight each athlete's progress and current season statistics across all five disciplines. An athlete competes in fencing, swimming, obstacle course, and the laser run as four events before the combined event closes the day.
• Women compete across all divisions in modern pentathlon. Youth divisions allow younger athletes to register and advance through regional events toward national championships. The sport includes multiple age categories so competitors of all experience levels can find their position.
• The template can support an athlete profile section showing current season statistics, which pairs well with the discipline tiles and stats strip already built into the layout.

Show more