Lovable Prompt Creator - AI Prompt Generator

# APPLICATION OVERVIEW
This project is a web application for an online store focused on computer networking equipment and second-hand devices. The site will feature a clean and modern design, providing users with a seamless shopping experience for purchasing quality products tailored for students and technicians.

# CORE FEATURES
1. **Navbar**: A responsive navigation bar with links to Home, Products, About, Testimonials, Cart, and Contact sections.
2. **Hero Section**: Engaging introductory section with a compelling headline, tagline, and a prominent call-to-action button leading to the product listings.
3. **Product Listings**: Organized in a responsive grid format, showcasing various categories including networking equipment, second-hand devices, and computer components, each with images, descriptions, prices, and "Add to Cart" buttons.
4. **Shopping Cart System**: Users can add products to a shopping cart, view selected items, adjust quantities, and see the total price, all implemented with simple JavaScript functionality.
5. **Testimonials Section**: Display customer feedback with ratings to build trust and credibility.
6. **Contact Page**: Provides essential contact information along with a simple contact form for inquiries.

# DESIGN SPECIFICATIONS
- **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography.
- **Color Mode**: Light theme with dark text on light backgrounds.
- **Primary Color**: #1978E5 (accent for buttons, links, highlights).
- **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements.
- **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs.
- **Layout**: The layout will utilize Flexbox for a responsive design, ensuring that elements adapt to various screen sizes while maintaining usability.

# TECHNICAL REQUIREMENTS
- **Framework**: HTML, CSS, and JavaScript (no frameworks).
- **Styling**: Pure CSS for styling, ensuring a clean and organized approach.
- **UI Components**: Use simple HTML elements styled with CSS to create buttons, cards, and forms.
- **State Management**: Basic JavaScript for cart functionality (no external libraries).

# IMPLEMENTATION STEPS
1. **Setup HTML Structure**: Create a basic HTML layout including the navbar, hero section, product sections, testimonials, and contact page.
2. **Styling with CSS**: Apply styles using CSS to achieve the minimalist design, focusing on spacing, colors, and typography.
3. **JavaScript Functionality**: Implement JavaScript to manage the shopping cart, handle product additions, and calculate totals.
4. **Responsive Design**: Ensure the layout is responsive using media queries or Flexbox for mobile-friendliness.
5. **Testing**: Test the application across different devices and browsers to ensure consistent functionality and appearance.

# USER EXPERIENCE
Users will enjoy a straightforward browsing experience starting from the hero section that captures their attention, leading them to explore various product categories. The shopping cart experience will be intuitive, allowing users to easily add items, view their selections, and contact support if needed. The testimonials section will help reassure users of the quality and reliability of the products offered.