🥫🧊 Fizzi - 3D Interactive Soda Brand Website

Fizzi is a bold, fictional soda brand website that blends 3D interactivity, modern design, and high-performance animation to create a unique digital experience. Built with Next.js, React Three Fiber, GSAP, and Prismic CMS, it delivers a refreshing mix of creative storytelling and technical elegance.

✨ Live Demo

🔗 Live Demo

⚙️ Tech Stack

Technology	Purpose
Next.js	React framework for SSR & routing
React Three Fiber	WebGL-powered 3D rendering in React
@react-three/drei	R3F helpers (orbits, loaders, etc.)
Three.js	Core 3D engine
GSAP	Scroll & timeline-based animations
Prismic CMS	Headless CMS to manage and deliver content
Tailwind CSS	Utility-first styling

✨ Features

• 🧃 Immersive 3D homepage powered by WebGL
• 🌀 GSAP-powered animations tied to scroll and timeline events
• 🍒 Interactive soda bottle models (GLTF or similar)
• 🔗 CMS-driven content via Prismic (easily editable)
• 💻 Responsive design for mobile, tablet, and desktop
• ⚡ Optimized performance using lazy loading and suspense
• 📸 Click-to-preview image leading to live demo

🧪 Local Development

1. Clone the repository

git clone https://github.com/Manish1803/fizzi.git
cd fizzi

2. Install dependencies

npm install

3. Run the server

npm run dev

Visit http://localhost:3000

License

This project is licensed under the MIT License.

🙌 Credits & Inspiration

• React Three Fiber

• GSAP

• Prismic Tutorial

• Drei

• Three.js

---