Smash is a modular card-grid landing page built for padel tennis clubs. It features a scroll-triggered video header, seasonal offer cards with visible pricing, and a pulsing booking call-to-action. The Ruby and Chrome color system gives every section a bold, athletic edge. It is designed to turn first-time visitors into booked players in a single scroll.
by Rocket studio
Smash is a single-page padel tennis club template built around a modular card grid. Each card targets a specific season, audience, or offer, with pricing shown upfront and a dedicated call-to-action. The scroll-triggered video header sets an immediate athletic tone, and the Ruby and Chrome visual system keeps energy high from the first frame to the final booking button.
This template is built for padel tennis clubs that run multiple programmes and need one page to sell all of them clearly. It suits clubs with a mix of casual players, corporate clients, and junior coaching.
Most club pages bury their offers behind navigation menus and contact forms. Visitors cannot quickly find pricing, available time slots, or the right programme for their level. This template solves that by putting every offer on a visible card with its own price and its own booking button.
You get a fully structured single-page layout ready to be populated with your club's real content. Every section has a defined role, and the modular card system means adding or removing programmes does not break the page design.




Theme
Dynamic Motion
Creative direction
Community Gallery
Color system
Ruby & Chrome
Style
Hero-Dominant (90/10)
Direction
Booking/Scheduling
Page Sections
Scroll-triggered Video Header
Seasonal Modular Card Grid
Visible Pricing on Every Card
Persistent Floating Booking Button
Member and Coach Profile Cards
Ruby and Chrome Visual System
Can I update the seasonal cards to match my club's actual programme schedule?
Are the £9 taster session and £49 annual membership prices fixed in the template?
Does the floating booking button connect to a live calendar system out of the box?
Can the template support junior coaching and adult social sessions on the same page?
What if I do not have a six-second padel video ready for the header?
This template ships with a focused set of visual and structural components drawn directly from the design brief.
The header opens on a frozen action frame and animates as the visitor scrolls. The six-second looped clip slot ends with a full-width headline overlay in chrome-white type, creating an immediate high-energy first impression without any autoplay noise.
The core of the page is a modular grid where each card represents a specific time of year and a specific offer. Winter League, Summer Camp, Corporate League, and Indoor Tournament Series each have their own card with distinct lighting, weather imagery, and a matched call-to-action button.
Pricing is displayed directly on each offer card. The taster session shows £9, the Annual Membership card shows £49, and team packages carry their rates inline. Visitors never need to click through to a separate pricing page to make a decision.
A magenta pulsing button sits fixed in the bottom-right corner of the page and reads "Book Court Time Now." It links to a court availability calendar where visitors choose a date, time slot, and court type before paying. It stays visible throughout the entire scroll journey.
Scrolling deeper into the grid reveals member spotlight cards and coach profile cards. These shift from ruby-heavy emotional styling to chrome-heavy informational styling, building trust through real faces and specific credentials as the visitor moves down the page.
The template applies a four-colour palette with strict role assignments. Asphalt black anchors backgrounds, chrome silver defines borders and dividers, ruby red marks headlines and pricing, and adrenaline magenta is reserved exclusively for hover states and interactive elements.
| Section | Purpose |
|---|---|
| Video Header | Opens with frozen action frame and scroll-triggered clip |
| Headline Overlay | Delivers "YOUR COURT IS WAITING" in chrome-white type |
| Seasonal Offer Grid | Houses Winter League, Summer Camp, Corporate League, and Tournament cards |
| Annual Membership Card | Pinned at grid centre with £49 pricing and crossed-racket badge |
| Member Spotlight Cards | Social proof through real player stories and faces |
| Coach Profile Cards | Builds trust with coach credentials and teaching focus |
| Facility Tour Cards | Visual walkthrough of courts and club infrastructure |
| Floating Booking Button | Persistent magenta call to action linking to live court availability |
The visual identity follows an Adventure Terrain theme expressed through the Ruby and Chrome color system. The palette is intentionally restrained: most of the page is dark and metallic, so the active moments hit harder.
The modular card grid is designed to reflow cleanly across screen sizes. Each card is a self-contained unit, so the layout adapts without losing the seasonal identity of any individual offer.
Every structural and visual decision in this template is pointed toward a single goal: turning a casual visitor into a confirmed booking. The layout removes the steps that normally cause drop-off.
This template is categorised under Sports and Recreation with a specific focus on padel tennis club and academy use cases. It is built as a single-page layout with a modular card structure, meaning content can be updated card by card without rebuilding the page.