🚀 Master GSAP & Build GTAVI’s awesome website → 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
