feat(landing): add animated shadergradient hero background (#411)

Browse Source

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

...

This commit is contained in:

SnapOtter

2026-07-03 14:41:39 +08:00

committed by GitHub

parent b4375e558d

commit 5500facc5d

6 changed files with 68 additions and 49 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download Patch File Download Diff File Expand all files Collapse all files

apps/landing/public/hero-gradient.webm

BIN

Binary file not shown.