MacBook Landing Page 🖥️✨

A beautifully designed MacBook landing page created with Vite + React, styled using Tailwind CSS, and powered by React Three Drei for immersive 3D effects.

Live Link: https://mac-book-landing-page-eight.vercel.app

Overview 🌟

This project is a single-page website showcasing a MacBook landing page with sleek design and stunning 3D interactions. The goal of this landing page is to provide a modern and engaging experience for potential customers. It leverages the power of React Three Drei to incorporate 3D elements smoothly into the page.

Key Features

• Fast and efficient development with Vite + React
• Responsive design using Tailwind CSS
• Scroll Interaction to open and close macbook model
• 3D elements with React Three Drei for added interactivity
• Clean and minimalistic layout for an elegant look

---

Technologies Used 🛠️

• Vite: Lightning-fast bundling and build tool.
• React: Library for building user interfaces.
• Tailwind CSS: Utility-first CSS framework for fast UI development.
• React Three Drei: Helper components for building 3D experiences in React with Three.js.

---

Getting Started 🚀

To get this project running on your local machine, follow these steps:

Prerequisites

• Node.js installed (v16.x or later)
• npm or yarn installed

Installation

1. Clone the repository:

   git clone https://github.com/yourusername/macbook-landing-page.git
   cd macbook-landing-page

2. Install dependencies:

   npm install

Running the Project

To start the development server:

npm run dev