🚀 GSAP Product Landing Page

A modern product landing page built with React + Vite + GSAP featuring smooth animations, scroll-triggered effects, parallax backgrounds and a clean glass-morphism UI.

---

✨ Features

✔️ Hero intro animation
✔️ Smooth GSAP transitions
✔️ ScrollTrigger based section reveal
✔️ Parallax background effect
✔️ Animated feature cards
✔️ Sticky navigation bar
✔️ Active link highlight on scroll
✔️ Section navigation buttons
✔️ Clean responsive layout

---

🛠️ Tech Stack

• React (Vite)
• GSAP
• ScrollTrigger plugin
• JavaScript ES6+
• CSS / Inline styles

🔴 Live Demo

👉 https://gsap-product-landing-page.vercel.app

⚙️ Installation & Run Locally

# clone repo
git clone your-repo-url

# open folder
cd gsap-product-landing-page

# install dependencies
npm install

# start project
npm run dev

**Project will run on:**

http://localhost:5173


🎥** Animations Included**

Hero fade-in animation

Section reveal on scroll

Button micro-interaction

Card hover zoom + glow

Parallax effect



📚** Learning Outcomes**

While building this project I learned:

How GSAP works with React

Creating ScrollTrigger animations

Handling animation cleanup

Designing UI with glass effect

Creating multi-section landing pages

Improving UX using micro-animations


🚀** Future Improvements**

⬜ Add real product gallery
⬜ Add contact form
⬜ Add responsive hamburger menu
⬜ Add dark / light mode
⬜ Add backend email integration