Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed to intelligently scan incoming emails, extract relevant client information and inquiries, and seamlessly integrate this data into an ERP system. It focuses on enhancing the user experience through a clean and intuitive interface that allows users to visualize the email scanning process and data extraction in a user-friendly way.

## CORE FEATURES
1. **Email Scanning**: The application scans incoming emails to identify client information based on the email sender and company name in the footer.
2. **Natural Language Processing**: Extracts the client's request or question from the email's natural text, identifying specific needs such as product inquiries.
3. **Data Integration**: Automatically inputs extracted data into the ERP system, streamlining the workflow for users.
4. **Dashboard View**: A clean dashboard displaying scanned emails, extracted client requests, and their status in the ERP.
5. **User Notifications**: Alerts users when new emails are scanned and processed, ensuring they stay updated on client inquiries.
6. **Demo Mode**: A simulated environment where users can interact with the application as if it were fully functional, showcasing the email scanning and data extraction process.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space, focusing on clarity and readability.
- **Color Mode**: Light theme with dark text on light backgrounds for enhanced contrast and legibility.
- **Layout**: A single-page application layout featuring a hero section at the top, followed by a dashboard overview, features section, and a call-to-action (CTA) button encouraging users to try the demo.
- **Typography**: Use a sans-serif font for clear readability (e.g., Inter or Roboto). Headings should be bold and larger to establish a hierarchy, while body text remains smaller and lighter for easy reading.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust and type-safe development.
- **Styling**: Tailwind CSS for utility-first styling, allowing for rapid design implementation.
- **UI Components**: Utilize shadcn/ui for pre-built components that align with the minimalist design.
- **State Management**: Context API or Zustand for simple state management as needed.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Core Components**: Build the essential components, including the header, email scanning dashboard, and notification area.
3. **Implement Email Scanning Logic**: Develop the logic for simulating email scanning and data extraction using mock data.
4. **Integrate UI Components**: Use shadcn/ui components to construct the dashboard and visual elements.
5. **Style the Application**: Apply Tailwind CSS classes to ensure a consistent minimalist look and feel.
6. **Test User Interactions**: Ensure all interactive elements work as intended, especially the demo mode simulating functionality.

## USER EXPERIENCE
Users will engage with the application through an intuitive interface that clearly presents incoming emails and the extracted data. The dashboard will provide a quick overview of recent scans, while notifications will keep users informed of any new activity. The demo mode will allow users to explore the application's capabilities without requiring actual email integration, showcasing how the application functions in a real-world scenario. The minimalist design will ensure users can focus solely on the content and functionality, enhancing their overall experience.