TITLE: NOON
PROMPT: Build 'NOON', a landing page for a fictional sunlight drink with a liquid-chrome soul. Hero: the word NOON in enormous type over a morphing mesh gradient (five animated radial gradients: mango, lilac, aqua) that behaves like molten metal in daylight; a bottle silhouette built purely from gradients and highlights with rising bubbles on hover; a decorative strip displaced by an animated SVG turbulence filter. Interactions: the gradient blob follows the pointer with easing lag, the bottle tilts in 3D toward the cursor, and flavor chips instantly re-tint the entire gradient theme. Juicy, reflective, radiant.
DESCRIPTION: A radiant product landing page on warm paper: the giant word NOON is rendered in liquid chrome via a five-stop animated gradient clipped to the type, floating over five independently drifting radial-gradient blobs (mango, lilac, aqua, rose, gold) multiplied together with an overlay sheen. The bottle is pure CSS — gradient body with liquid meniscus that wobbles, specular streaks, cap, label — with bubbles that rise on hover and a breathing ground shadow. A full-width strip runs giant type through an inline SVG feTurbulence + feDisplacementMap whose baseFrequency animates via SMIL, so the words genuinely warp like liquid.
TECHNIQUES: multi-stop background-clip:text chrome with animated background-position, five multiply-blended drifting radial blobs with staggered keyframes, pointer-following sheen via CSS custom properties lerped in rAF, 3D perspective tilt on a pure-CSS bottle (layered gradients, inset shadows, wobbling meniscus pseudo-element), hover-triggered bubble particles, inline SVG feTurbulence/feDisplacementMap with SMIL-animated baseFrequency, conic-gradient feature icons, theme re-tint through CSS variables, backdrop-filter saturation boost, visibilitychange pausing, prefers-reduced-motion support
INTERACTION: A white-hot sheen blob trails the pointer with eased lag across the hero; the bottle continuously tilts in 3D toward the cursor (rotateY/rotateX, rAF-lerped); hovering the bottle spawns rising bubbles and its liquid wobbles; flavor chips instantly rewrite --c1/--c2/--c3 so the mesh, chrome type, chips, buttons and strip all re-tint at once; scroll cue and smooth-scroll nav; molten animations pause when the tab hides.