Nike Landing Page This is a responsive Nike Landing Page built using React, Vite, and Tailwind CSS. The project was created as part of a learning experience to explore modern styling techniques and responsive design with Tailwind CSS.
📸 Screenshots Products Section
Payment Section
🚀 Features Modern Design: Inspired by Nike’s branding, with clean and minimal visuals. Responsive Layout: Fully responsive for different screen sizes, from mobile to desktop. Interactive Animations: Smooth hover effects and transitions. Tailwind CSS Utilities: Leveraged Tailwind’s utility-first approach for efficient and scalable styling.
🛠️ Built With React: For building a reusable and component-based UI. Vite: For fast builds and an optimized development experience. Tailwind CSS: For modern styling and responsiveness.
📂 Nike-LandingPage
├── public/ # Static assets (e.g., images, icons)
├── src/ # Source code
│ ├── components/ # Reusable components (e.g., Header, Footer)
│ ├── pages/ # Page components (e.g., HomePage)
│ ├── assets/ # Images, logos, and other media
│ └── App.jsx # Main app component
├── package.json # Project dependencies
├── tailwind.config.js # Tailwind CSS configuration
└── vite.config.js # Vite configuration
🧩 Lessons Learned This project helped me:
Explore Vite as a modern build tool for faster React development. Utilize Tailwind CSS for scalable and responsive styling. Understand the importance of component-based design and reusability.