Surge - Competitive Waterpolo Landing Page Template
Surge is a bento grid landing page template built for competitive water polo clubs. It opens with a half-submerged full-screen video header, then unfolds into a dynamic tile grid packed with stats, portraits, testimonials, and tournament proof. Every section builds toward one goal: convincing serious players and parents to click "Join the Deep End."
by Rocket studio
Quick summary
Surge is a high-energy bento grid landing page designed for competitive water polo clubs. The layout opens with a dramatic full-screen video header, then cascades into an uneven grid of action photos, stat leaderboards, testimonial videos, and college commitment announcements. It is built to convert serious athletes and motivated parents into registration clicks.
Who this template is for
This template speaks directly to water polo clubs that run competitive programs for both high schoolers and adults. If your club has real results to show, Surge gives those results a stage.
- Competitive club directors targeting high school athletes chasing college scholarships
- Adult league coordinators recruiting players who want structured, serious competition
- Club administrators whose parents need proof before committing to tryouts
What problem this template solves
Most sports club pages bury their best proof: the tournament wins, the college placements, the real faces behind the program. Visitors leave before they find any of it. Surge solves this by leading with visual evidence and layering trust signals throughout the scroll path.
- Lack of credibility signals that stall sign-up decisions
- Scattered content that fails to build a clear case for joining
- A weak or absent funnel that lets interested visitors drift away without acting
What you get with this template
Surge delivers a single-page layout structured as a click-through funnel. Every design decision, from the bento tile sizing to the call to action placement rhythm, is engineered to move visitors toward the registration page.
- A full-screen half-submerged video header with a bold "PLAY DEEPER." headline
- An asymmetric bento grid with action photos, a stats leaderboard, portrait cycling tiles, a practice schedule tile, and embedded parent testimonial video
- Strategically repeated primary and secondary calls to action woven through the grid at measured intervals
Feature list
This section highlights the core built-in components that make Surge a ready-to-deploy template for serious water polo clubs.
Full-Screen Video Header
The header fills the entire viewport with a half-submerged camera shot. The top half captures a shot slamming into the net; the bottom half shows churning legs and bodies competing for position. Water droplets hit the lens. A bold yellow headline reads "PLAY DEEPER." Navigation stays hidden until the visitor begins scrolling.
Asymmetric Bento Grid Layout
The grid breaks free from uniform tile sizes. Each cell serves a distinct purpose: a square goalkeeper action photo, a tall vertical stats leaderboard, a wide horizontal testimonial video tile, a small practice schedule square, and a portrait carousel cycling through member names, jersey numbers, and positions. The unevenness is intentional and energetic.
Repeating call to action Rhythm
The primary call to action, a yellow "Join the Deep End" button, appears first over the video header and then resurfaces inside the grid after every third row of tiles. This rhythm keeps the conversion path visible without feeling aggressive.
Secondary Content Path
A secondary call to action, "Watch Our Season Recap," captures visitors who are not yet ready to commit. It pulls them deeper into content rather than losing them entirely, extending session engagement through video proof.
Proof-Led Content Tiles
Tournament travel photos, championship banners, and a dedicated row of college commitment announcements are built directly into the grid. These tiles do the persuasion work before any button is pressed, grounding the decision in verifiable club outcomes.
Dopamine Pop Color System
Deep pool-bottom blue dominates backgrounds and section dividers. Electric cap yellow fires on buttons and stat callouts. Sprint-whistle magenta marks urgency elements such as registration deadlines. Wet-deck white holds body text and card surfaces clean. The palette feels like a scoreboard flashing after a last-second goal.
Page sections overview
| Section | Purpose |
|---|---|
| Full-Screen Video Header | Grabs attention and sets the competitive tone immediately |
| Primary call to action Overlay | Presents "Join the Deep End" button above the fold |
| Bento Grid Row 1 | Displays goalkeeper action photo and stats leaderboard tile |
| Bento Grid Row 2 | Embeds parent testimonial video and practice schedule tile |
| Bento Grid Row 3 | Cycles member portraits with jersey numbers and positions |
| Mid-Grid call to action | Resurfaces the primary call to action after the third tile row |
| Tournament Travel Gallery | Shows competitive travel photos and championship banners |
| College Commitment Row | Lists college placement announcements as social proof |
| Season Recap call to action | Offers the secondary "Watch Our Season Recap" path |
| Registration Funnel Exit | Routes all primary call to action clicks to tryout and registration details |
Design & branding system
The visual identity follows a Competition Edge theme built on the Dopamine Pop color system. Every color has a defined role, and nothing competes with the energy the palette is designed to create.
- Pool-bottom blue (#0B3D91) anchors backgrounds and section dividers for depth and cohesion
- Electric cap yellow (#FFD23F) fires on buttons and stat callouts; magenta (#E8315B) marks deadline urgency; wet-deck white (#F5F7FA) keeps text and card surfaces clean and readable
- Typography is bold and heavy in headlines, with clean body text that keeps the layout skimmable at speed
Mobile & speed optimization
The bento grid is designed to reflow gracefully across screen sizes. Tile proportions adjust so no key content is clipped on smaller viewports.
- Video header scales to fill mobile screens without losing the half-submerged framing effect
- Bento tiles restack in a logical reading order on narrow screens, preserving the hierarchy of action photo, stats, and call to action
- Magenta urgency elements and yellow call to action buttons remain visually prominent on every device size
How this template helps you convert
Surge is structured as a click-through funnel from the first frame to the last tile. Every content decision is sequenced to build conviction before asking for action.
- The video header creates an immediate emotional connection, placing the visitor inside the competitive experience before a single word of copy is read.
- The bento grid delivers layered social proof, including real stats, real faces, real testimonials, and real college outcomes, so the decision to click feels supported rather than pressured.
- The repeating call to action rhythm and the secondary "Watch Our Season Recap" path ensure that both ready-to-commit visitors and curious browsers have a clear next step at all times.
Other information about this template
Surge fits naturally within the broader sports and recreation category, specifically for aquatic programs that run structured competitive seasons. A few additional details worth knowing:
- The template is categorized under Swimming and Aquatic Center subcategory, making it relevant for pools that host multiple programs beyond water polo
- The bento grid creative direction is well suited to clubs with an active photo and video archive, since tile variety depends on having rich visual content available
- The click-through funnel direction means this landing page is the entry point only; the registration and tryout detail page it links to is a separate destination
- Clubs without existing video footage can adapt the header section to use a high-quality static image while sourcing video assets over time
- The template style is single-page and section-led, making it straightforward to launch quickly without building out a full multi-page site




Theme
Competition Edge
Creative direction
Community Gallery
Color system
Dopamine Pop
Style
Bento Grid
Direction
Click-Through
Page Sections
Full-screen Half-submerged Video Header
Asymmetric Bento Grid Layout
Repeating Call to Action Placement Rhythm
Proof-led Social Content Tiles
Secondary Video Engagement Path
Dopamine Pop Color System
Related questions
Does this template include the registration and tryout page it links to?
Can I use this template without an existing video for the header?
Is this template suitable for both youth and adult water polo programs?
How many times does the primary call to action appear on the page?
What does the secondary call to action do?