This project is a clone for a visually stunning website that explores the concept of telescope lenses through immersive animations and interactive elements. Recognized as GSAP's Site of the Month for its innovative use of scroll-triggered SVG animations .
- Zoom & Refraction Effects: First section demonstrates optical zoom and light refraction physics
- Microscope Navigation: Scroll-based carousel that mimics a scientist rotating a microscope
- Camera Shutter Animation: Carousel navigation with realistic camera shutter effects
- Scroll-Triggered SVG Animations: GSAP ScrollTrigger for timeline-based animations
- Physics-Based Interactions: Realistic lens distortion and light behavior
- Smooth Transitions: Seamless animation sequencing throughout the user journey
- Header/Footer Hybrid Component: Single component that transforms from header to footer
- Bottom Recap Animation: Footer unfolds gradually to provide website summary
- Responsive Design: Fully optimized for all device sizes
| Technology | Purpose |
|---|---|
| React 19 | Component-based UI with latest React features |
| GSAP | Professional-grade animations and scroll triggers |
| Tailwind CSS 4.0 | Utility-first styling framework |
| SVG Animations | Custom path morphing and filter effects |
| CSS Grid/Flexbox | Modern layout techniques |