Scrum - Electric Rugby Landing Page Template
Scrum is a full-width rugby training and facility booking landing page built for clubs, academies, and corporate hire teams. It combines a neon-charged Dopamine Pop visual identity with a seasonal card-grid layout and a three-step inline booking scheduler. Live availability tiles, scarcity-driven pitch slots, and bold call-to-action buttons drive visitors from first scroll to confirmed booking.
by Rocket studio
Quick summary
Scrum is a high-energy rugby facility booking landing page. It uses a Futuristic Neon visual identity, a seasonal card-grid structure, and a built-in inline scheduler to connect clubs, academies, and corporate teams with available pitch slots fast. The page moves visitors from curiosity to confirmed booking in three clear steps.
Who this template is for
This template is built for anyone who manages or books rugby training facilities. It covers a wide range of users, from grassroots club administrators to corporate event planners looking for something more physical than a conference room.
- Club secretaries coordinating Saturday fixtures and midweek training slots
- Academy directors scheduling age-grade sessions across multiple pitches
- Human resources managers planning team-building days with a muddy, memorable edge
What problem this template solves
Rugby facilities often rely on phone calls, spreadsheets, or generic booking forms that feel nothing like the sport. The result is missed slots, confused enquiries, and a booking experience that undersells the energy of the venue. This template fixes that.
- Visitors see real-time pitch availability before they are asked for any details
- Prime-time Friday slots are visible, creating genuine booking urgency
- Corporate and academy users each find a clear booking path suited to their needs
What you get with this template
You get a single-page booking layout that covers every stage of the facility hire journey. From the live metrics header to the spring finals countdown, every section is built to reflect the rugby calendar and move visitors toward a confirmed session.
- A stats dashboard header with animated counters showing pitch availability, sessions booked, active clubs, and weather readout
- A seasonal card grid that shifts colour palette and tone from pre-season through to spring finals
- A three-step inline scheduler for session type, date and time, and contact details
Feature list
This template includes a focused set of components designed specifically for rugby training and facility booking.
Live Metrics Dashboard Header
The header displays four live tile cards: pitch availability, sessions booked this season, active clubs, and next training window weather. Numbers are oversized in cyan and magenta with a counter animation. A slow-motion video loop of a rugby ball spiralling through neon-lit rain plays behind the tiles.
Seasonal Card Grid Layout
The page scrolls through four seasonal rows: pre-season in cyan, autumn league nights in magenta, festive corporate packages in yellow, and spring finals in a full neon collision. Card borders and background gradients shift with each row, making the scroll feel like time moving through a season.
Three-Step Inline Scheduler
The primary booking flow opens inline without leaving the page. Step one selects session type (training, match, corporate, or academy). Step two shows a visual date and time grid with open slots in cyan and taken slots in dim gray. Step three collects contact name, club or company, and phone number.
Season Block Enquiry Path
After the autumn row, a secondary call-to-action appears: "Request a Season Block." It links to a short-form enquiry with a pitch-preference dropdown and a preferred day selector. This path is designed for clubs that want recurring weekly slots rather than one-off bookings.
Persistent Floating Book Button
A floating "Book a Pitch" button in magenta stays visible throughout the entire scroll. It appears as a primary call-to-action on every third card as well, so the booking entry point is never more than a glance away.
Scarcity-Driven Availability Display
The scheduler grid shows real-time slot availability before asking for any personal details. Visitors see exactly which prime-time slots are still open, which creates natural urgency and encourages faster decisions.
Page sections overview
| Section | Purpose |
|---|---|
| Stats Dashboard Header | Shows live pitch availability, bookings, clubs, and weather with animated counters |
| Hero Headline Overlay | Delivers the primary message "Your Pitch. Your Rules. Book It Now." over the video loop |
| Pre-Season Row | Cyan-dominant cards covering fitness blocks and pitch prep sessions |
| Autumn League Row | Magenta-dominant floodlit session cards for weeknight bookings |
| Season Block call to action | Secondary enquiry path for clubs wanting recurring weekly slots |
| Festive Corporate Row | Yellow-accented cards for holiday camps and corporate hire packages |
| Spring Finals Row | Full neon card crescendo with testimonials, highlight clips, and event countdowns |
| Floating Book Button | Persistent magenta booking entry point visible across the full page scroll |
Design & branding system
The visual identity follows a Futuristic Neon theme using the Dopamine Pop colour system. Void black (#0B0B0F) anchors every section, letting the neon accents command full attention without overwhelming the layout.
- Electric try-line magenta (#FF2D7B) drives primary calls-to-action and autumn card accents
- Referee-whistle yellow (#FFE135) lights up the festive corporate row and interactive highlights
- Pitch-laser cyan (#00F0FF) marks open booking slots, pre-season cards, and counter numbers
- Accent white (#F0F0F5) keeps all body typography sharp and readable against the dark canvas
Mobile & speed optimization
The card-grid layout is modular, so it stacks cleanly on smaller screens without losing the seasonal colour progression. Each section is designed to remain visually coherent whether viewed on a desktop stadium screen or a phone in a changing room.
- Modular card rows reflow into single-column stacks on mobile viewports
- The inline scheduler steps are touch-friendly with large tap targets for date and session selection
- The floating "Book a Pitch" button remains anchored and accessible throughout the mobile scroll
How this template helps you convert
Every design and layout decision in this template is built around one outcome: getting the visitor to confirm a booking before they leave the page.
- Showing live availability upfront removes the biggest friction point. Visitors see open slots immediately, which builds confidence and creates urgency without any hard-sell copy.
- The persistent floating button and every-third-card call-to-action placement means the booking entry point is always visible. No visitor has to scroll back to find where to start.
- The seasonal layout matches the rugby calendar that club and academy users already live by. Familiar context lowers resistance and makes the booking feel timely rather than transactional.
Other information about this template
This template is categorised under Sports and Recreation with a specific focus on the Rugby subcategory and the Rugby Academy and Training niche. It is built as a full-width immersive landing page with a Competition Edge theme and Seasonal/Moment creative direction. The header concept follows a Vertical/Portrait orientation, with the stats dashboard tiles arranged for impact on tall viewports.
- The template style is Full-Width Immersive, designed to fill the screen with stadium-grade visual energy
- The Booking/Scheduling landing-page direction means every section feeds toward the inline scheduler
- The Intersection Match Score for this template is 9 out of 10, reflecting a strong fit between the visual system, the niche, and the booking use case
- This template is suitable for rugby league and rugby union clubs, youth academies, and corporate hire coordinators




Theme
Competition Edge
Creative direction
Seasonal/Moment
Color system
Dopamine Pop
Style
Full-Width Immersive
Direction
Booking/Scheduling
Page Sections
Live Metrics Dashboard Header
Seasonal Card Grid Layout
Three-step Inline Scheduler
Season Block Enquiry Path
Persistent Floating Book Button
Scarcity-driven Slot Visibility
Related questions
Can I use this template for corporate team-building bookings?
How does the seasonal card grid work?
What information does the booking form collect?
Is the Request a Season Block option separate from the main scheduler?
Can academy directors book multiple pitch sessions at once?