Eclipse Sentinel — 3D Cybersecurity Landing Page

A complete, scrollable cybersecurity landing page with the 3D built into it: a lone figure inside a glowing eclipse ring that scans for threats and stamps them out. 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, eclipse ring, scan arc, threat markers and grain in one background shader, human rig silhouette with rim light (no model file), typed event log. What a visitor can do: move to shift the light, click to trigger a threat and watch it contained, scroll to tighten the perimeter, 4 presets (Mono, Signal, Cyan, Amber). Best for: Security and SOC platforms, identity and fraud products, infrastructure monitoring, defence and risk consultancies. Three.js loads from a CDN through an import map and the type (IBM Plex Mono, 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.