Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The application is a web-based compliance scanner tailored for cosmetic and supplement sellers. It aims to help users identify and correct drug-claim language in their product listings to comply with platforms like TikTok and Amazon. By utilizing advanced AI integration, the application will scan listings and websites, flag non-compliant claims, and provide compliant rewrite suggestions, making it essential for businesses to avoid costly penalties and maximize revenue.

## CORE FEATURES
1. **Listing Scanner**: An AI-driven tool that scans product listings and websites for drug-claim language and compliance issues.
2. **Compliance Reporting**: Generates detailed reports highlighting flagged claims and suggesting compliant alternatives.
3. **Rewrite Suggestions**: Provides AI-generated compliant rewrite options for flagged claims to assist sellers in modifying their listings.
4. **User Dashboard**: A user-friendly dashboard that displays scanned listings, compliance status, and actionable insights.
5. **Community Resources**: Access to a library of resources, FAQs, and best practices related to compliance in cosmetic and supplement industries.
6. **Real-time Updates**: Alerts users to any changes in regulations or compliance standards that may affect their listings.

## 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 should include a top navigation bar, a prominent hero section with a call to action, followed by features presented in card format, and a footer with contact information and links to community resources.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux Toolkit for managing application state

## IMPLEMENTATION STEPS
1. **Set up the project**: Initialize a new React project using Create React App with TypeScript template.
2. **Install dependencies**: Install Tailwind CSS, shadcn/ui, and Redux Toolkit.
3. **Configure Tailwind CSS**: Set up the Tailwind CSS configuration file and include it in the project.
4. **Create the layout**: Develop the main layout structure, including the navigation bar, hero section, features section, and footer.
5. **Implement core features**: 
   - Build the Listing Scanner feature with AI integration.
   - Develop the Compliance Reporting and Rewrite Suggestions functionality.
   - Create the User Dashboard to display results.
   - Integrate Community Resources into the application.
6. **Set up state management**: Implement Redux Toolkit for managing user data, scanned listings, and compliance statuses.
7. **Test the application**: Conduct thorough testing for usability, responsiveness, and compliance accuracy.
8. **Deploy the application**: Use a service like Vercel or Netlify for deployment and ensure continuous integration for future updates.

## USER EXPERIENCE
Users will interact with the application through an intuitive dashboard, easily navigating to scan their listings. Upon scanning, they will receive immediate feedback on compliance issues, along with actionable suggestions. The overall experience focuses on simplicity and efficiency, allowing users to quickly resolve compliance issues and enhance their product listings while accessing community resources for ongoing support. The minimalist design ensures that users can focus on their tasks without distraction, improving their overall workflow and satisfaction.