Avatar: The World of Pandora

A cinematic, immersive 3D website experience inspired by the Avatar universe.

🔮 Overview

This project uses Three.js and GSAP ScrollTrigger to create a seamless scroll-based journey through Pandora.

🛠 Tech Stack

• Vite (Vanilla JS)
• Three.js (3D Rendering)
• GSAP (Animations & ScrollTrigger)
• Lenis (Smooth Scrolling)

🚀 Getting Started

1. Install dependencies:

   npm install

2. Run the development server:

   npm run dev

🌌 Sections

1. Hero: Enter Pandora (Floating Rocks)
2. Forest: Forest of Souls (Green Spores)
3. Water: Way of Water (Bubbles)
4. Fire: Ash & Fire (Embers)
5. Balance: Unity

🎨 Customization

• Styles: Edit src/style.css for colors and typography.
• 3D Scene: Edit src/main.js to adjust particle counts, colors, or visual effects.