Features

Key features include 3D iPhone models, animated carousel and a stunning hero-section.

Additionally, the landing-page is fully-responsive and has smooth animations and transitions .

Stack

I used React.js with TypeScript for this project, Tailwind CSS for styling, GSAP for animations and React Three Fiber for 3D development.

Problems

The implementation of the Animated Video Carousel was very challenging. Ensuring seamless transitions between videos while tracking each video's progress required meticulous planning and execution. Leveraging multiple refs, effects, and hooks proved instrumental in achieving the desired outcome.

Lessons

This project helped me learn modern technologies like GSAP and React Three Fiber, and provided an opportunity to explore the creation of dynamic web experiences and captivating animations.