This is a clone of the official iPhone website, built using React, GSAP, and Three JS. The goal of this project is to recreate the immersive 3D experience of the original website, allowing users to explore and interact with the iPhone model in a visually stunning way.
Live URL: Live Demo
- Fully responsive design that works on desktop, tablet, and mobile devices
- Interactive 3D model of the iPhone that can be rotated and zoomed
- Smooth scrolling and parallax effects for an immersive experience
- Detailed product information and specifications
- Seamless integration of multimedia content (images, videos)
- React
- Three.js (for 3D rendering)
- GSAP (for animation and scrolling effects)
- Clone the repository:
git clone https://github.com/webdev-mohdamir/iphone-3d-website-clone.git
- Navigate to the project directory:
cd iphone-3d-website-clone - Open the
index.htmlfile in your preferred web browser.
- Scroll through the website to explore the different sections.
- Interact with the 3D iPhone model by clicking and dragging to rotate it, and using the scroll wheel to zoom in and out.
- Click on the various buttons and links to navigate to different parts of the website.
Contributions to this project are welcome! If you find any issues or have suggestions for improvements, please feel free to open an issue or submit a pull request.
- Fork the repository
- Create a new branch:
git checkout -b feature/your-feature-name - Make your changes and commit them:
git commit -am 'Add some feature' - Push to the branch:
git push origin feature/your-feature-name - Submit a pull request
This project is licensed under the MIT License.
This version includes a direct link to the live demo and ensures all instructions and sections are clear and concise for better readability and usability.