Shred — Adrenaline Board Culture Landing Page Template

Quick summary

Swell is a single-page landing page template designed for high-stakes surfing tournaments and competition series. It opens with a full-viewport countdown clock over drone footage of floodlit night breaks, then drives visitors through live stats, competitor cards, round schedules, and a conversion-focused registration flow with scarcity signals built into every division card.

Who this template is for

This template is built for surf event organizers who need to move fast and fill divisions before the opening horn. It speaks directly to the people running the event and the athletes who want in.

• Event directors and tour organizers managing multi-division surfing competition entries
• Sponsored riders and wildcard locals who need quick access to heat schedules and registration slots
• Traveling surf communities planning trips around swell windows and qualifying rounds

What problem this template solves

Running a serious surfing tournament without a focused landing page means lost registrations, confused athletes, and spectators who never find the broadcast link. Generic event pages bury the critical information that competitors need in seconds.

• Scattered event details force athletes to hunt for division rules, tide windows, and deadlines
• No real-time scarcity signals mean registration urgency never lands and slots fill slowly
• Spectators have no clear secondary path to follow the event live once they arrive on the page

What you get with this template

You get a fully structured, single-page event landing page built around modular card components and a neon visual identity. Every section is purpose-built, from the countdown header down to the floating registration bar.

• A full-viewport countdown timer header with event name, GPS-style coordinates, and a pulsing registration call to action
• A modular card grid covering live stats, competitor profiles with rankings, and round-by-round event cards with tide windows
• A stepped registration form with division selection, tour ID or wildcard toggle, home break and board sponsor fields, and payment, plus a secondary spectator email capture path

Feature list

This template packs the specific components a surfing competition landing page demands. Each feature below maps directly to a prompt-defined section or interaction.

Full-Viewport Countdown Timer Header

The header fills the entire screen with monospaced electric cyan digits ticking down to the opening horn. Drone footage of floodlit night waves plays behind the clock. Below the timer sits the event name in condensed uppercase, GPS-format location coordinates, and a magenta "Register Now" pill that pulses with each second tick.

Animated Stats Card Grid

The first scroll section delivers modular data tiles: total prize purse, registered athlete count, countries represented, average wave face height, and the defending champion's score to beat. All numbers animate upward on scroll like a live stock ticker, making the event feel active and filling fast.

Competitor and Heat Assignment Cards

Below the stats grid, competitor cards display headshots, ranking points, and heat assignments. Each card is a self-contained unit showing exactly where a rider stands. Organizers can surface sponsored riders alongside wildcard locals in the same visual language.

Round Schedule and Tide Window Cards

Event cards for each competition round show dates, tide windows, and live-scoring links. The card format keeps every round easy to scan without requiring visitors to dig through a schedule table or external document.

Stepped Division Registration Form

The primary conversion path opens a multi-step form triggered by the floating "Claim Your Slot" bar. Steps cover division selection (Open, Women's, Grom, Masters), a tour ID or wildcard application toggle, home break and board sponsor fields, and payment. The flow is clear, sequential, and purpose-built for competition entry.

Scarcity-Driven Division Slots Display

Each division card shows remaining registration slots depleting in real time. The signal lime color fires on confirmed states and hover interactions. Magenta marks deadlines and urgency cues. Together these elements apply continuous, honest pressure to complete registration before slots close.

Page sections overview

Design & branding system

The visual identity runs on a Neon Shock color system built for contrast and kinetic energy. Every color has a defined role across the page.

• Void black (#0B0B0F) dominates all backgrounds; deep wet-suit charcoal (#1A1A2E) surfaces on card faces, creating depth without breaking the dark atmosphere
• Electric cyan (#00F0FF) drives all live data displays, timer digits, and stat numbers; hot magenta (#FF2D7B) marks deadlines, urgency labels, and pulsing calls to action
• Signal lime (#CCFF00) fires on hover states, confirmed registration feedback, and active slot indicators, completing a palette that reads like a surf contest broadcast glitching through a Tokyo arcade

Mobile & speed optimization

The modular card grid structure adapts naturally to narrower viewports. Every component is designed to stay readable and tappable when viewed on a phone at the beach.

• Card tiles reflow into single-column stacks on smaller screens, keeping stats and competitor data easy to scan without horizontal scrolling
• The floating "Claim Your Slot" bar remains pinned to the bottom of the viewport on all screen sizes, so the primary registration action is always one tap away
• The stepped registration form breaks the entry process into short, focused screens that are easier to complete on mobile than a long single-page form

How this template helps you convert

Every design decision in this template is pointed at one outcome: turning a visitor into a registered competitor or a confirmed spectator.

1. The countdown timer creates immediate, clock-backed urgency from the first second on the page, before a visitor has scrolled anywhere.
2. Animated stat cards and real-time slot depletion signals tell visitors the event is real, credible, and filling fast, removing hesitation at the registration step.
3. The dual conversion path (competitor registration and spectator email capture) means no visitor leaves without a clear next action matched to their intent.

Other information about this template

This template is a strong fit for any surf event that needs to project scale and legitimacy quickly. A few additional details worth knowing before you build with it.

• The Futuristic Neon theme and card grid structure make this template reusable across seasons, with card content swapped per event cycle
• The GPS-format coordinate display in the header is a design element that reinforces location specificity and works well for events held at named, recognizable breaks
• The "Watch Live" spectator path captures broadcast audience emails independently from the competitor registration flow, so both lists grow from a single page
• Template style is Card Grid (Modular), meaning individual card blocks can be added, removed, or reordered without redesigning the full layout

Show more