58%
Increase in pick-up point use
27%
Increase in pick-up point use
23%
Decreased in customer phone calls
40%
Decreased in customer phone calls

BUILT WITH PRECISION

This scroll-driven hero section demonstrates the power of GSAP ScrollTrigger combined with Next.js and Tailwind CSS. Every frame is tied directly to scroll position — no timers, no autoplay. Just pure, performant motion.

The green trail, letter-by-letter headline reveal, and staggered statistics all synchronise perfectly with the McLaren's journey across the viewport — creating a premium, interactive experience that showcases modern frontend animation techniques.

Next.js 14React 18TypeScriptTailwind CSSGSAP 3ScrollTriggerApp RouterGoogle Fonts