Apple iPhone Website

A modern Apple iPhone landing page clone built with React, featuring smooth animations and a responsive design.

Tech Stack

• Framework: React 19
• Build Tool: Vite 8
• Styling: Tailwind CSS 4
• Animations: GSAP
• Linting: ESLint

Requirements

• Node.js (v18+ recommended)
• npm or yarn

Setup & Installation

# Clone the repository
git clone https://github.com/delmsyap/apple-iPhone
cd apple-iPhone

# Install dependencies
npm install

Available Scripts

Command	Description
npm run dev	Start development server with HMR
npm run build	Build for production
npm run preview	Preview production build locally
npm run lint	Run ESLint

Project Structure

apple_iphone_website/
├── public/              # Static assets
├── src/
│   ├── components/      # React components
│   │   ├── Hero.jsx
│   │   ├── HighLights.jsx
│   │   └── Navbar.jsx
│   ├── constants/       # App constants
│   ├── utils/           # Utility functions & animations
│   ├── App.jsx          # Main App component
│   ├── main.jsx         # Entry point
│   └── index.css        # Global styles
├── index.html           # HTML template
├── vite.config.js       # Vite configuration
├── eslint.config.js     # ESLint configuration
└── package.json