A modern, cinematic, and visually immersive frontend for the ADVIBE Creative Agency, crafted using React, Vite, Three.js, and shadcn/ui. This project serves as the official digital presence for the agency — for client management, to showcase the creative identity, vision, and aesthetic of the brand.
ADVIBE is a static promotional website built to create a strong first impression for potential clients and collaborators. It focuses on style, interaction, and motion, aiming to communicate the agency's core pillars: ADVIBE, INNOVATE, and IMPACT.
This project showcases how cutting-edge web technologies and 3D design can work together to elevate a brand's online identity.
- 🎥 Cinematic 3D Hero Section — Scroll-driven, interactive visual journey powered by Three.js, GSAP, and ScrollTrigger.
- Procedurally Generated Scenes — Dynamic starfields and mountain ranges give each visit a unique feel.
- Fully Responsive Design — Optimized for all screen sizes and devices.
- Performance-Oriented — Built with Vite for fast dev builds and optimized production output.
| Category | Tool/Library |
|---|---|
| Framework | React |
| Language | TypeScript |
| Build Tool | Vite |
| 3D Rendering | Three.js |
| Animation | GSAP, ScrollTrigger |
| Styling | Tailwind CSS |
| UI Components | shadcn/ui |
| Deployment | Vercel |