Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a lightweight web-based e-commerce platform designed for affiliate marketing, allowing users to sell products through Google Ads. It aims to provide a seamless experience where users can easily navigate through products while adhering to Google Ads guidelines. The minimalist design enhances usability and focuses on showcasing products effectively.

## CORE FEATURES
1. **Product Listings**: A clean and organized display of products with high-quality images, descriptions, prices, and affiliate links.
2. **Search Functionality**: An intuitive search bar to help users quickly find products by keywords or categories.
3. **Affiliate Link Integration**: Automatic generation of affiliate links for each product, ensuring compliance with Google Ads requirements.
4. **User Account Management**: Users can create accounts to track their purchases, manage affiliate links, and view sales analytics.
5. **Responsive Design**: Optimized for both desktop and mobile views to ensure a consistent user experience across devices.
6. **Analytics Dashboard**: A simple dashboard displaying key metrics such as clicks, conversions, and affiliate earnings.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist with a focus on clean lines, ample white space, and a limited color palette.
- **Color Mode**: Utilizes a light theme with dark text against light backgrounds for high readability.
- **Layout**: 
  - A header section with the logo and navigation links.
  - A main content area featuring a grid layout for product listings.
  - A sidebar for filtering options and search functionality.
  - A footer with links to privacy policy, terms of service, and contact information.
- **Typography**: 
  - Primary font: 'Roboto' for body text to enhance readability.
  - Headings: 'Montserrat' for a modern, clean look.
  - Hierarchy: Use varying font weights to distinguish between headings, subheadings, and body text.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for building a robust and type-safe application.
- **Styling**: Tailwind CSS for utility-first styling to maintain a consistent design.
- **UI Components**: Utilize shadcn/ui for pre-built components that align with the minimalist design.
- **State Management**: Use React's Context API or Zustand for managing application state if needed.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create the Basic Structure**: Set up the main application layout with header, footer, and main content areas.
3. **Develop Core Features**:
   - Implement product listings using a grid layout with product cards.
   - Add a search bar component to filter products.
   - Create a user account system with authentication.
4. **Integrate Affiliate Links**: Develop functionality to generate and attach affiliate links to each product.
5. **Build the Analytics Dashboard**: Create a dashboard page to display sales and analytics data.
6. **Ensure Responsiveness**: Test and adjust layout for various screen sizes using Tailwind CSS responsive utilities.

## USER EXPERIENCE
Users will experience a straightforward journey from landing on the homepage to browsing products and making purchases. The search function allows for quick access to desired items, while product pages provide all necessary details and an easy-to-click affiliate link. The account management system ensures users can track their purchases and sales effortlessly. The minimalist design aids in focus, making the shopping experience enjoyable and efficient.