A modern, fully responsive Nike landing page built with React 18, TypeScript, and Tailwind CSS.
- 🏠 Hero Section — Showcase Nike shoes with thumbnail selector
- 👟 Popular Products — Product cards with ratings and prices
- 💎 Super Quality Section — Brand quality highlights
- 🚚 Services Section — Free shipping, secure payment, support
- 🎁 Special Offer Section — Promotional section
- ⭐ Customer Reviews — Real customer feedback with ratings
- 📧 Subscribe Section — Email subscription form
- 📱 Mobile Responsive Menu — Hamburger menu that opens/closes
- ⬆️ Scroll To Top Button — Smooth scroll back to top
- 🦶 Footer — Links, social media icons
| Technology | Usage |
|---|---|
| React 18 | UI Framework |
| TypeScript | Type Safety |
| Tailwind CSS | Styling |
| Vite | Build Tool |
- Node.js (v16+)
- npm or yarn
# Clone the repository
git clone https://github.com/Jameers-code/Nike-jsm.git
# Navigate to project folder
cd Nike-jsm
# Install dependencies
npm install
# Start development server
npm run devOpen http://localhost:5173 in your browser.
src/
├── assets/
│ ├── icons/ # SVG icons
│ └── images/ # Shoe & customer images
├── components/
│ ├── Button.tsx
│ ├── Nav.tsx
│ ├── ScrollToTop.tsx
│ ├── PopularProductCard.tsx
│ ├── ReviewCard.tsx
│ ├── ServiceCard.tsx
│ └── ShoeCard.tsx
├── sections/
│ ├── Hero.tsx
│ ├── PopularProducts.tsx
│ ├── SuperQuality.tsx
│ ├── Services.tsx
│ ├── SpecialOffer.tsx
│ ├── CustomerReviews.tsx
│ ├── Subscribe.tsx
│ └── Footer.tsx
├── constants/ # App data & constants
└── types.ts # TypeScript interfaces
Jameer — @Jameers-code
This project is licensed under the MIT License.
⭐ If you like this project, give it a star on GitHub!