Add static mobile hero, replacing the canvas frame-sequence background

Browse Source

Below the lg breakpoint, render a static image below the hero text instead of the desktop's pinned scroll-scrubbed canvas animation. Use useSyncExternalStore to pick the variant so server and client agree on first render, avoiding a hydration mismatch, and gate GSAP's ScrollTrigger pin so it never attaches to the hidden desktop hero on mobile.

...

This commit is contained in:

R-Bharathraj

2026-07-01 11:44:12 +05:30

parent 0498f2cd0e

commit 7a15ee2b52

2 changed files with 60 additions and 3 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

BIN

public/images/mobile_hero.png Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 1.4 MiB