Files
SnapOtter/apps/landing/public/hero-gradient.webm
T
SnapOtterandGitHub 5500facc5d feat(landing): add animated shadergradient hero background (#411)
A self-hosted animated warm gradient now sits behind the hero: a captured
WebGL mesh loop (webm + mp4 + webp poster, no framework or Three.js) in a
top band that fades to cream before the tool search. The headline goes
white, badges become dark glass, and the navbar is more opaque so nav,
badges, headline, and subtitle all stay legible over the gradient.
Reduced-motion and small screens fall back to the still poster.

Also carries the hero copy already present in the working tree (new
headline, badge labels, and subtitle), which is entangled with these edits.

Claude-Session: https://claude.ai/code/session_01MbQGV1k1mneFidgGyDnmDQ
2026-07-03 14:41:39 +08:00

174 KiB