Floodlight - Electric Soccer Landing Page Template

Quick summary

Floodlight is a single-page, full-scroll landing page for amateur and grassroots soccer operations. It uses a chapter-by-chapter seasonal narrative to guide visitors from arrival to registration. Each section feels like a different moment in the football calendar, with the Fire and Earth colour palette and cinematic hero image creating the atmosphere of a real night fixture.

Who this template is for

This template is built for people who run grassroots football at the community level. If you organise leagues, sell pitch hire, or recruit players for seasonal squads, this page speaks your language.

• Club secretaries and league coordinators booking fixtures and managing team registrations
• Corporate event organisers running team-building football days and five-a-side sessions
• Youth football coordinators promoting half-term camps and age-group sign-ups

What problem this template solves

Most grassroots football clubs rely on social media posts, word-of-mouth, or basic web forms to attract new teams. That approach loses registrations to clubs with more presence and more energy. This template solves the engagement gap.

• Visitors arrive with low intent and leave without registering because the page never makes them feel the urgency of the season
• There is no clear path for casual players who want to book a pitch without committing to a full league
• The visual identity feels generic, so the club fails to stand out against competing local leagues

What you get with this template

You get a full-page, scroll-driven landing page structured around the football season. Every section is a distinct chapter, each with its own atmosphere and a clear registration call to action anchored at the bottom.

• A cinematic vertical hero section with knockout headline typography and a half-lit player portrait
• Seasonal chapter sections covering Winter Leagues, Summer Camps, and Cup Finals, each with its own visual mood and dedicated registration prompt
• A multi-field registration form capturing team name, captain's mobile, league preference, and preferred season, plus a persistent "Book a Pitch" ghost button for casual visitors

Feature list

This template is built around a handful of carefully considered features, each one designed to serve the specific needs of a grassroots soccer operation running leagues and pitch hire.

Cinematic Vertical Hero Section

The header fills the full viewport in portrait orientation. A single player photographed from below, boots on wet turf, breath rising into floodlit air, dominates the screen like a movie poster. The headline "YOUR SEASON STARTS HERE" burns across the chest in knockout type. No navigation appears until the visitor begins to scroll.

Seasonal Chapter Scroll Sections

The page is divided into three distinct seasonal chapters: Winter Leagues, Summer Camps, and Cup Finals. Each chapter shifts its visual palette and atmosphere. Winter deepens the dark earth tones. Summer floods the background in warm amber. Cup Finals brings neon vermillion to full intensity, accompanied by a pulsing countdown timer.

Event Registration Form

The registration form is embedded at the base of every seasonal chapter. It collects team name, the captain's mobile number, league preference from three options (Sunday 11-a-side, midweek five-a-side, and youth age group), and the player's preferred season start. The form is the primary conversion point throughout the page.

Persistent Pitch Booking Button

A secondary "Book a Pitch" ghost button floats in a fixed corner position throughout the scroll. It gives casual visitors and five-a-side groups a low-commitment path to engage without requiring a full season registration. The button stays visible across every chapter.

Countdown Timer on Cup Finals Section

The Cup Finals chapter features a countdown timer styled to pulse like a heartbeat. It creates time-sensitive urgency around tournament sign-up deadlines, encouraging visitors to act before the section ends rather than returning later.

Fire and Earth Colour System

The full colour palette is built on deep scorched earth as the background, molten amber for headlines and hover states, neon vermillion for calls to action and urgency badges, and dry clay for secondary text and dividers. The result is a cohesive visual identity that feels like a bonfire on the sideline of a November evening match.

Page sections overview

Design & branding system

The visual identity is built around a Futuristic Neon theme expressed through the Fire and Earth colour system. Every colour choice is deliberate, drawn from the imagery of a bonfire beside a November pitch under artificial light.

• Deep scorched earth (#1A0F0A) forms the dominant background across all sections, keeping the near-black base consistent throughout the scroll
• Molten amber (#E8820C) drives headlines and hover states, while neon vermillion (#FF3E1D) powers all primary calls to action, urgency badges, and the Cup Finals countdown treatment
• Dry clay (#A0522D) grounds secondary body text and dividers, with typography that loosens in the Summer Camps chapter and tightens in the Winter Leagues sections to reflect the emotional shift between seasons

Mobile & speed optimization

The template is designed with a portrait-first layout, making the vertical hero section the natural starting point on any phone screen. The page structure supports a cinematic mobile experience from the first scroll.

• The full-viewport hero is framed specifically for portrait orientation, filling a phone screen the way a match-day poster fills a changing-room wall
• Each seasonal chapter is a self-contained scroll section, keeping content focused and avoiding unnecessary load from competing page elements
• The floating ghost button is positioned to remain visible and accessible on smaller screens without overlapping the main registration form

How this template helps you convert

The page is structured to build registration intent progressively. Visitors do not arrive at a form immediately. They are walked through a season first, which builds emotional investment before the ask.

1. The cinematic hero creates immediate atmosphere, establishing the club identity and making the visitor feel the energy of match night before a single word of copy is read
2. The seasonal chapter structure escalates urgency naturally, with each chapter adding a layer of commitment pressure, culminating in the Cup Finals countdown timer that signals a real deadline
3. Every chapter closes with an embedded registration form anchored to that season's specific offering, while the persistent ghost button captures visitors who are interested in pitch hire but not yet ready for a full league commitment

Other information about this template

This template is designed as a complete, single landing page rather than a multi-page site. It is well suited to grassroots football clubs that need a strong visual presence without the complexity of a full website build.

• The template style is Storybook and Full-Page, meaning the scroll journey is itself the storytelling mechanism, guiding visitors from curiosity to conversion without secondary pages
• The creative direction is Seasonal and Moment-based, allowing the same page to serve multiple registration windows across the football year simply by updating the countdown timer and seasonal copy
• This template sits in the Sports and Recreation category under the Soccer Leagues subcategory, making it directly relevant to amateur soccer organisations, five-a-side venue operators, and Sunday league coordinators

Show more