Pitch Legends — 3D Football Landing Page

A complete, scrollable football landing page with the 3D built into it: scroll to strike a ball down a floodlit pitch and into the top corner. It is one self-contained HTML file, built entirely in code, with no image files, no 3D models and no build step. Under the hood: Three.js, pitch markings and mowing stripes in a shader, procedural football pattern, scroll-timed ball flight with chase camera, net bulge, twinkling crowd, bloom. What a visitor can do: scroll to take the shot, move to look around, click to replay the goal flash, 4 presets (Night Match, Derby, Snow, Retro). Best for: Football clubs and academies, sports sponsors, tournaments and ticketing, kit launches. Three.js loads from a CDN through an import map and the type (Archivo, Inter) from Google Fonts, so there is still nothing to install. The page is real HTML — a navigation bar, a full-height hero, content sections, a call to action and a footer — so the brand name, headlines and cards are edited as plain text. Colours, counts and speeds sit in a CONFIG block and a PRESETS array, colour themes restyle the page and the 3D together from a small swatch pill, ?embed hides the pill and ?tour scrolls the page by itself.