NikeWebsiteUI

👟 Nike Air Jordan - Interactive Showcase

An immersive and interactive product showcase website for the *Nike Air Jordan 1, built with *HTML, CSS, JavaScript, and GSAP animations.
This project demonstrates a modern, animated e-commerce-style interface with smooth scroll-triggered transitions, size selection UI, and dynamic product presentation.

---

🚀 Features

• Landing Page with Hero Section – Showcases the Nike Air Jordan with bold background text and floating shoe animation.
• Interactive Size Selector – Select available sizes (US/UK).
• Product Grid – Displays multiple shoe models with details and “Know More” button.
• Detailed Product Section – Alternate product views (side, back, top) and color swatches.
• Pre-Order Button & Price Box – Clean e-commerce styled checkout option.
• GSAP Animations – Scroll-triggered animations for seamless transitions between sections.
• Responsive Design – Works across modern devices and screen sizes.

---

🛠 Technologies Used

• HTML – Structure of the web pages.
• CSS – Styling, layout, and responsive design.
• JavaScript (Vanilla) – Interactivity and logic.
• GSAP (GreenSock Animation Platform) – Smooth animations & scroll effects.
• Google Fonts – Typography (Anton, Poppins).

---

Screenshots

---

⚙ Installation & Setup

1. Clone the repository or download the files