Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application for "mlv.", a clothing brand specializing in streetwear. The application will feature a clean and minimalist design, allowing users to browse and purchase products like work jackets, hoodies, and baggy pants. It will incorporate user authentication via Google login, a shopping cart, and checkout functionality.

## CORE FEATURES
1. **User Authentication**: Users can log in using their Google accounts to access personalized features.
2. **Product Catalog**: A visually appealing display of available products, including images, descriptions, and prices.
3. **Shopping Cart**: Users can add products to a cart, view their selected items, and modify quantities.
4. **Checkout Process**: A streamlined checkout flow allowing users to finalize their purchases efficiently.
5. **Responsive Design**: The application will be fully responsive, ensuring a seamless experience on both desktop and mobile devices.

## 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 feature a top navigation bar, a hero section for promotions, product listings in a grid format, and a footer with contact information and social media links.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: React Context API or Zustand for state management.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Install Dependencies**: Add necessary libraries including shadcn/ui for UI components and Firebase for authentication.
3. **Create Auth Functionality**: Implement Google login using Firebase Authentication.
4. **Design the Layout**: Create components for the header, product grid, shopping cart, and footer using Tailwind CSS for styling.
5. **Implement Product Catalog**: Build the product listing page to display items fetched from a backend or static data.
6. **Shopping Cart Functionality**: Develop the shopping cart feature to allow users to add, remove, and update quantities of products.
7. **Checkout Process**: Create the checkout page to handle user orders and payment processing.
8. **Testing**: Conduct thorough testing to ensure all features work as expected and the application is responsive.

## USER EXPERIENCE
Users will first encounter a simple and engaging login page where they can authenticate via Google. Once logged in, they will navigate through a visually appealing product catalog, easily adding items to their shopping cart. The checkout process will be straightforward, ensuring users can complete their purchases with minimal friction. The design will prioritize clarity and usability, enhancing the overall shopping experience.