Santorini Gyros.

Crazy Food Trucks Norge needed a site for its Santorini Gyros brand that sold the physical truck experience, not just a static menu. Real NOK pricing (169-219 kr per dish) and a route across Norwegian pickup points had to sit inside something more atmospheric than a flat list.

A scroll-driven reveal sequence that only responds to organic scrolling breaks the moment a user taps a stage label or a keyboard shortcut to jump ahead: the timeline moves but the scrollbar doesn't, or vice versa, and the two fall out of sync for the rest of the session.

A single scrubbed GSAP timeline cross-fades and scales seven full-bleed truck photo stages, bound to real scroll position through one ScrollTrigger over a dedicated scroll container (index.html:2134-2147). Each stage fires an updateHUD() callback at a specific timeline offset to swap the copy and specs shown alongside it (index.html:2098-2131). There is no canvas or WebGL involved, the effect is entirely cross-fading and scaling static photography.

The part that has to work is seekToStage() (index.html:2041-2062): instead of just jumping the timeline when a user clicks a stage control, it reads the live ScrollTrigger instance to compute the exact scroll pixel offset that corresponds to that timeline progress, then animates window.scrollTo to it. Organic scrolling and programmatic navigation stay on the same clock. If ScrollTrigger fails to initialize, the code falls back to seeking the timeline directly and calling updateHUD by hand, a real fallback path rather than a silent dead end.