Moss Perfume — 3D Fragrance Landing Page

A complete, scrollable fragrance landing page with the 3D built into it: a faceted perfume bottle on a mossy mound of daisies that lifts away into a clean product shot. 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, eight-sided bottle with clear-coat glass and glowing liquid, moss mound shaped and shaded with noise, instanced daisies, stems and grass, generated studio reflections. What a visitor can do: move to turn the bottle, scroll from garden to product shot, click for a spritz, 4 presets (Amber, Rose, Vetiver, Noir). Best for: Perfume and cosmetics, spirits and gourmet food, candles and home fragrance, luxury gifting. Three.js loads from a CDN through an import map and the type (Cormorant Garamond, 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.