Apple Website Clone

A modern, responsive clone of Apple's website built with Next.js 13, TypeScript, and Tailwind CSS.

Features

• Responsive design that mirrors Apple's website
• Interactive product sections (iPhone, Watch)
• Smooth animations and transitions
• Modern UI components
• Mobile-friendly navigation

Tech Stack

• Next.js 13 (App Router)
• TypeScript
• Tailwind CSS
• React
• Framer Motion

Getting Started

1. Clone the repository:

git clone https://github.com/yourusername/apple-clone.git
cd apple-clone

2. Install dependencies:

npm install

3. Run the development server:

npm run dev

4. Open http://localhost:3000 in your browser.

Project Structure

apple-clone/
├── app/
│   └── page.tsx
├── components/
│   ├── Navbar.tsx
│   ├── IPhoneSection.tsx
│   ├── WatchSection.tsx
│   ├── ValentineSection.tsx
│   └── Footer.tsx
├── public/
└── styles/

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

This project is for educational purposes only. All Apple-related branding and assets belong to Apple Inc.