amazon_landing_page

🛒 Amazon Homepage UI Clone

A modern, responsive Amazon homepage clone built using HTML5 and Tailwind CSS, focusing on layout precision, component consistency, and real-world UI replication.

This project recreates Amazon’s navigation bar, search experience, and category menu, emphasizing frontend structure and visual hierarchy.

---

🔗 Live Demo

👉 Click here

---

📸 SS

✨ Highlights

• 🎯 Pixel-inspired Amazon-style header & navbar
• 🎨 Styled entirely with Tailwind CSS
• ⚡ Inline SVG favicon support
• 📱 Responsive layout using Flexbox
• 🧩 Modular UI sections (header, nav, search, menu)
• 🌈 Gradient-based hero placeholder

---

🧠 What I Focused On

• Consistency in spacing, typography, and alignment
• Perception through visual hierarchy (font weight, color contrast)
• Scalable structure for future components
• Clean separation of UI concerns

---

🧩 Project Structure

├── assets/
│   ├── amazon-in.svg
│   ├── amazon-icon.svg
│   ├── cart-close-svgrepo-com.svg
│   ├── hamburger-menu-svgrepo-com.svg
│   └── ...
├── index.html
├── output.css
└── README.md