3D iphone Landing Page

This repository contains the source code for a 3D Watch Landing Page website built with React, Vite, Yarn, and Three.js. The website showcases a 3D model of a watch, providing an interactive and immersive experience for users.

Table of Contents

• Demo
• Features
• Technologies Used
• Getting Started
• Usage
• Contributing
• License
• Acknowledgements

Demo

You can view a live demo of the 3D Watch Landing Page here.

Features

• Interactive 3D model of a watch
• Responsive design
• Smooth animations
• Information sections about the watch
• Contact form

Technologies Used

• React: A JavaScript library for building user interfaces.
• Vite: A fast build tool and development server for modern web projects.
• Yarn: A package manager that doubles down as project manager.
• Three.js: A JavaScript library used to create and display animated 3D computer graphics in a web browser.

Getting Started

To get a local copy up and running, follow these simple steps.

Prerequisites

• Node.js and npm installed on your local machine.
• Yarn package manager installed.

Installation

1. Clone the repo:

   git clone https://github.com/SudeepAcharjee/Iphone-3d.git
   

2. Navigate to the project directory:

   cd 3d-watch-landingpage
   

3. Install dependencies:

   yarn install
   

Running the Development Server

Start the development server with:

```sh
yarn dev
```

Open your browser and navigate to http://localhost:3000 to see the application in action.

Usage

• Interact with the 3D model by clicking and dragging to rotate.
• Scroll through the page to view different sections with information about the watch.
• Fill out and submit the contact form to get in touch.

Contributing

Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

1. Fork the Project.
2. Create your Feature Branch (git checkout -b feature/AmazingFeature).
3. Commit your Changes (git commit -m 'Add some AmazingFeature').
4. Push to the Branch (git push origin feature/AmazingFeature).
5. Open a Pull Request.