Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Create a modern, fully responsive e-commerce web application for selling urban clothing and accessories, focusing on a streetwear/minimalist aesthetic. The application will facilitate a streamlined shopping experience with direct purchase options via WhatsApp, ensuring a user-friendly and visually appealing interface.

## CORE FEATURES
- **Product Listings**: A clean grid layout showcasing products with images, names, and prices. Each product card includes a "REALIZAR PEDIDO" button for quick purchase.
- **Mega Menu Navigation**: A responsive header with a mega menu that categorizes products into accessories, sneakers, and clothing. Each category leads to its dedicated page with a comprehensive product list.
- **Product Detail Page**: Detailed view for each product featuring an image gallery, size selector, description, and a "REALIZAR PEDIDO POR WHATSAPP" button that sends product details directly to the seller.
- **Real-Time Search**: A functional search bar allowing users to filter products by name or category, displaying results instantly.
- **Responsive Design**: Optimized for desktop, tablet, and mobile, with a hamburger menu for mobile devices.
- **Future-proof Features**: Prepared for future enhancements including an admin panel for product management, stock control, and user authentication.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - clean, simple design with ample white space, focusing on product imagery and clarity.
- **Color Mode**: Light theme with dark text on light backgrounds, emphasizing readability and visual comfort.
- **Layout**: 
  - Fixed header for easy navigation.
  - Hero section with a large image banner and call-to-action.
  - Grid layout for product listings, with prominent images and straightforward information.
- **Typography**: Bold and elegant font choices that align with urban streetwear aesthetics (e.g., Montserrat or similar). Clear hierarchy with larger titles and prominent product names.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for a robust and scalable application.
- **Styling**: Tailwind CSS for utility-first styling, enabling rapid design changes.
- **UI Components**: Utilize shadcn/ui for modern, reusable components.
- **State Management**: Context API or Zustand for efficient state management across the application.

## IMPLEMENTATION STEPS
1. **Set Up Development Environment**: Initialize a new React application with TypeScript and Tailwind CSS.
2. **Create Basic Layout**: Develop a fixed header and footer, ensuring responsive design principles are applied.
3. **Implement Mega Menu**: Build the mega menu for the product category navigation, ensuring it adapts to screen sizes.
4. **Build Product Listing Pages**: Create components for product cards and implement the grid layout for displaying products.
5. **Develop Product Detail Pages**: Design the layout for product details, including image gallery, size selector, and WhatsApp button functionality.
6. **Add Search Functionality**: Implement real-time search capabilities to filter products by name and category.
7. **Test Responsive Design**: Ensure that all components function seamlessly across various devices and screen sizes.
8. **Prepare for Future Features**: Set up the architecture to include an admin panel and stock management system.

## USER EXPERIENCE
Users will experience a smooth navigation flow, beginning with a captivating hero section that draws attention to featured collections. They can effortlessly browse through product categories, view detailed product information, and make purchases directly through WhatsApp, creating a frictionless shopping experience. The responsive design ensures that users can shop comfortably on any device, with intuitive interactions and fast load times.