Strata Map — 3D Interactive Hero Landing Page

A complete, scrollable interactive hero landing page with the 3D built into it: a dark terrain drawn in glowing contour lines that rises under your cursor. 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, displaced terrain with anti-aliased contour lines drawn in the fragment shader, cursor-raised hill via ray-plane hit, scroll-driven layer reveal. What a visitor can do: move to raise the land under the cursor, scroll to lay down the layers, click to drop a marker pulse, 4 presets (Magma, Glacier, Brass, Mono). Best for: Geology, mining and energy, mapping and GIS products, museums and research institutes, outdoor brands. Three.js loads from a CDN through an import map and the type (Instrument Serif, 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.