Floodlight
Floodlight is an event page for a cup final, and its hero is the walk-out: you open standing in the players' tunnel, strip lights overhead and the pitch blazing at the far end, and scrolling walks you through the mouth into a floodlit stadium where tens of thousands of fans do a Mexican wave under towers, moving heads, lasers and a centre-hung screen counting down to kick-off. Press Kick off and confetti fires from twelve cannons, the crowd jumps to its feet and the flashbulbs go, then the camera orbits the bowl under the running order and the tickets. Every seat, light and sign is built in code over seven hosted textures, with a crowd synthesised live if you turn the sound on. Built in HTML and Three.js, one file, no build step.
Get this prompt- Type
- Landing Page
- Theme
- Sports Event
- Stack
- HTML, Three.js, Lenis
How to use this prompt
- 01
Copy the prompt
Grab the full text — it carries the layout, motion, fonts and stack notes your AI needs.
- 02
Paste it into your AI coder
Claude Code, Cursor, v0, Lovable — anything that writes files. Paste it as-is.
- 03
The video is already wired
The prompt embeds a cloud URL for the source clip, so your coder fetches it automatically.
- 04
Make it yours
Swap the brand name, headline and accent colour. The motion and layout stay intact.
- 05
Ship it
Run the build and deploy to Vercel, Netlify, or any static host.



