This project is a clone of the Apple.com website showcasing the new iPhone 15. It replicates Apple's sleek and minimalistic design, including dynamic and responsive videos, animations, and a 3D model of the iPhone 15.
- Dynamic and responsive media: The project includes media that adjust based on the screen size, providing an optimal viewing experience across different devices.
- Animations: GSAP (GreenSock Animation Platform) is used to create smooth and engaging animations, simulating Apple's design aesthetics.
- 3D Model: Utilizing Three.js, the project features an interactive 3D model of the iPhone 15, allowing users to explore the device from different angles.
- React.js
- Tailwind CSS
- GSAP (GreenSock Animation Platform)
- Three.js
- Vite
- Clone the repository:
git clone https://github.com/btarrant/apple-site.git
- Navigate to the project directory:
cd apple-site
- Install dependencies:
npm install
- Start the development server:
npm run dev
- Open your browser and go to http://localhost:3000 to view the project.
- Explore the website to see the dynamic videos, animations, and 3D model of the iPhone 15.
- Interact with the 3D model by clicking and dragging to rotate it, allowing for a closer look at the device's design and features.
Contributions are welcome! If you have any suggestions, improvements, or bug fixes, feel free to open an issue or submit a pull request.
Note: This project is a personal project and is not affiliated with or endorsed by Apple Inc. The design and content are for educational and demonstration purposes only.