The Animated Lab

Key Features
- Immersive Hero Section: A 240-frame scroll-scrubbing image sequence animation that smoothly rotates and inspects the watch as the user scrolls.
- Scroll-Triggered Animations: Smooth, high-performance reveal and parallax animations powered by GSAP and Framer Motion.
3D Renderings: Interactive 3D elements and dynamic lighting using Three.js and React Three Fiber.
- Sticky Layouts: Robust CSS-based sticky stacking for seamless transitions between sections (Horological Art, Movement, Specs).
Responsive Design: Carefully crafted to look flawless across all device sizes.
- Modern Minimalist UI: Clean typography, glassmorphism, and a sophisticated dark/light balance.

Languages & Technologies
This project is built with the modern React ecosystem, utilizing the latest tools for maximum performance and visual fidelity:

- Next.js (v16): The core React framework for routing, optimization, and server-side rendering.
- React (v19): The foundational UI library.
- GSAP (v3): Used for precise, timeline-based scroll animations (via @gsap/react).
- Framer Motion: Handles declarative micro-interactions, page transitions, and UI state animations.
- Three.js: The underlying 3D graphics engine.
- React Three Fiber & Drei: For seamlessly integrating Three.js within React components, providing advanced 3D shaders and tools.
- Vanilla CSS: Clean, scalable, modular styling without relying on external UI frameworks.
- Lucide React: Beautiful, consistent iconography.