Breeze / GSAP website
A scroll-animated landing page for a cocktail bar.
- React · Vite · Tailwind CSS · GSAP
OVERVIEW
A single-page site for a cocktail bar — hero, cocktail lists, about, art, menu and contact — where the motion is driven by the scroll. GSAP's ScrollTrigger and SplitText animate each section, and the animation start and end points change between mobile and desktop.
WHAT IT DOES
- Sections animate as they scroll into view, driven by GSAP ScrollTrigger.
- SplitText breaks titles into words and characters, and paragraphs into lines, so they animate in piece by piece.
- Animation timing adapts to mobile and desktop breakpoints.