📋 Table of Contents

1. 🤖 Introduction
2. ⚙️ Tech Stack
3. 🔋 Features
4. 🤸 Quick Start

🤖 Introduction

This project is a replica of Apple's iPhone 15 Pro website built with Next.js and TailwindCSS. It showcases smooth animations using GSAP and interactive 3D models of the iPhone 15 Pro in different colors and shapes with Three.js.

🧑‍💻 Tech Stack

• React.js
• Three.js
• React Three Fiber
• React Three Drei
• GSAP (Greensock)
• Vite
• Tailwind CSS

🚀 Features

• good first impression of product, giving options to buy
• Custom Video Carousel
• Product Highlights with animated progress tracking bars
• Rendering 3D model with different colors and sizes
• Completely Responsive

🤸 Quick Start

Follow these steps to set up the project locally on your machine.

Prerequisites

Make sure you have the following installed on your machine:

• Git
• Node.js
• npm

Cloning the Repository

$ git clone https://github.com/Vinod-Mane3021/apple-landing-page.git
$ cd apple-landing-page

First, run the development server:

$ pnpm dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.