The goal wasn't to clone Rockstar's site pixel-for-pixel. It was to understand how motion, pacing, video, and scroll behavior combine into a cinematic browsing experience — and rebuild that feeling with frontend tools alone.
The result is a single-page, video-heavy site where scroll position — not clicks — drives the story forward.
Scroll-timeline motion: Pinned, scrubbed GSAP sequences instead of one-off animations.
Scroll-synced video: HTML5 video playback tied to scroll position, not autoplay.
Cross-device tuning: Timing and pinning re-balanced for tablet and mobile.
Production performance: Optimized media and fonts for a smooth Netlify build.
Technical Snapshot
Interface: React + Vite
Motion system: GSAP + ScrollTrigger
Scroll engine: Lenis
Media layer: Video & Responsive images
Outcome
Shipped a cinematic, scroll-driven site that stays responsive across devices — and a working case study in treating motion as narrative pacing, not decoration.