šŸ§  Introduction

This project presents a 3D interactive landing page created for a fictional startup using React, Tailwind Css, and AOS(for animations). It highlights smooth 3D animations, interactive product showcases, and responsive design across desktop and mobile.

āš™ļø Tech Stack

  • React.js
  • Tailwind CSS
  • JavaScript
  • AOS (for animations)
  • BoxIcons (for Icons)
  • Vite (build setup)

āœØ Features

  • 3D animated hero section with interactive camera movement
  • Product showcase in 3-D space (rotate, zoom, inspect)
  • Smooth scroll transitions and section animations
  • Fully responsive layout: desktop & mobile optimised

šŸ–¼ļø Screenshots

Desktop Version

Mobile Version

Mobile version of the project

šŸ”— Live Links

šŸ’¬ Reflection

Working on this project helped me deepen my understanding of integrating 3D WebGL flows into a React environment, tackling performance bottlenecks and designing interactions beyond standard 2D layouts. It was especially rewarding to see smooth animations even on mobile devices.