🚀 Master GSAP. Build the GTA VI site. Launch discount live → https://jsm.dev/cocktail-gsap In this GSAP Crash Course, you'll learn how to build an immersive cocktail website with scroll-synced video playback and cinematic animations. We'll use React and TailwindCSS to bring the experience to life, making it the perfect project to level up your frontend animation skills. ⭐ Join JS Mastery Pro: https://jsm.dev/cocktail-jsmpro 💎 Become a Top 1% Next.js Developer: https://jsm.dev/cocktail-nextjs 📁 Free Video Kit (Code, Design, Repo, Guide): https://jsm.dev/cocktail-kit 📗 NEW GSAP Animations Course: https://jsm.dev/cocktail-gsap Junie AI: https://jsm.dev/cocktail-junie WebStorm: https://jsm.dev/cocktail-webstorm Rate us on TrustPilot: https://jsm.dev/trustpilot https://discord.com/invite/n6EdbFJ https://twitter.com/jsmasterypro https://instagram.com/javascriptmastery https://linkedin.com/company/javascriptmastery Business Inquiries: contact@jsmastery.pro Time Stamps: 00:00:00 — Introduction 00:03:23 — GSAP Workshop 00:30:52 — Project Showcase 00:32:06 — App Setup 00:46:52 — Navbar 00:59:07 — Hero Layout 01:12:10 — GSAP Hero Video Animation 01:26:08 — Cocktails Section 01:36:15 — About Section 01:46:25 — Art Section 01:58:10 — Menu Section 02:17:35 — Contact Section