🎸 Neon Beats - Premium Music Store

A premium e-commerce experience for musical instruments, built with modern HTML, CSS, and JavaScript. Features a stunning dark theme with glassmorphism effects and a seamless shopping experience.

✨ Features

• 🛍️ Premium Product Catalog - Curated selection of Guitars, Keyboards, Drums, and Accessories.
• 🛒 Functional Shopping Cart - Add items, view summary, and simulate checkout.
• 🕶️ Quick View - Instant product details modal without leaving the page.
• 📱 Fully Responsive - Beautiful glassmorphism design that works on all devices.
• 📨 Newsletter - Integrated subscription form.
• 🎨 Modern UI - Bento grid layout, smooth animations, and neon aesthetics.

🚀 Getting Started

No installation required! This is a pure static web application.

1. Option 1: Double-click index.html to open it in your browser.
2. Option 2: Serve it with any local server (e.g., Live Server in VS Code).

📁 Project Structure

Music Store/
├── index.html          # Main Storefront
├── script.js           # Store Logic (Cart, Filters, Modals)
├── styles.css          # Glassmorphism Theme & Animations
└── assets/
    └── images/         # Product images

🛠️ Technical Details

• HTML5 - Semantic markup for accessibility.
• CSS3 - Custom properties (variables), CSS Grid/Flexbox, and backdrop-filter for glass effects.
• Vanilla JavaScript - State management for the cart and products, DOM manipulation for interactivty.

🎮 How to Use

1. Browse Products: Use the category filters to find Guitars, Keyboards, or Drums.
2. Quick View: Click the eye icon on any product to see more details.
3. Add to Cart: Click the cart button on a product or in the Quick View modal.
4. Checkout: Open the cart (top right) and click Checkout to simulate a purchase.

📜 License

This project is open source and available for personal and educational use.

---

Made with ❤️ for musicians.