Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed to act as an intelligent search engine and comparator for local and sustainable fashion. It connects consumers looking for specific clothing items with small textile businesses that struggle with online visibility, providing a streamlined platform for both B2C and B2B interactions.

## CORE FEATURES
1. **Semantic Search Bar**: An advanced search feature that allows users to input detailed queries to find specific clothing items based on material, color, and local origin.
2. **Standardized Product Upload Form**: A guided form for businesses to upload product details, ensuring consistency across listings (material, color, type, origin).
3. **Freemium Model**: A tiered system where businesses can upload three products for free, with the option to pay for additional listings.
4. **Product Comparison Tool**: Enables users to view and compare multiple products side-by-side, highlighting key features like price, origin, and material characteristics.
5. **Basic Dashboard for Businesses**: A simple interface where businesses can track views and engagement on their products.
6. **User-Friendly Product Detail Page**: Presents detailed information about products, including pros and cons, to aid customers in making informed decisions.

## 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 main layout will feature a top navigation bar, a hero section for the search bar, followed by featured products, a comparison tool area, and a footer with contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API (depending on complexity)

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS along with necessary packages.
2. **Create the Layout**: Develop the main layout including the navigation bar, hero section, and footer using Tailwind CSS for styling.
3. **Build the Semantic Search Component**: Implement the advanced search functionality that processes user queries and fetches relevant products.
4. **Develop the Product Upload Form**: Create a standardized form for businesses to submit their product details, including validation for required fields.
5. **Implement the Freemium Model**: Integrate a system where businesses can upload a limited number of products for free, with a paywall for additional listings.
6. **Create the Product Comparison Tool**: Design the feature that allows users to compare multiple products side-by-side, implementing the logic to fetch and display product data.
7. **Set Up the Dashboard for Businesses**: Build a simple dashboard interface where businesses can view product engagement statistics.
8. **Test User Interactions**: Conduct thorough testing of user flows and interactions to ensure a seamless experience.
9. **Deploy the Application**: Use a platform like Vercel or Netlify for deployment and ensure all functionalities are working as intended.

## USER EXPERIENCE
Users will begin their journey on the landing page where they can immediately utilize the semantic search bar to find specific clothing items. Businesses will experience a straightforward onboarding process to create their profiles and upload products. Both users and businesses will benefit from a clear and intuitive interface that emphasizes the platform's core values of transparency and ease of use, fostering a connection between sustainable fashion seekers and local producers.