Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web-based tool designed to connect to WhatsApp via QR code scanning, allowing users to send bulk messages to a list of clients. The application supports importing client lists through a public API and includes configuration options for scheduling message delivery, specifying the number of messages to send, and setting intervals between sends.

## CORE FEATURES
1. **WhatsApp Integration**: Users can connect their WhatsApp account by scanning a QR code, enabling direct message sending through the application.
2. **Bulk Messaging**: Ability to send messages to multiple clients at once, streamlining communication for businesses.
3. **Client List Import**: Users can import client lists via a public API or CSV file, simplifying the setup process.
4. **Scheduling Options**: Users can configure the timing of message deliveries, including the number of messages sent and pauses between messages.
5. **User Authentication**: Secure login for users to ensure data protection and privacy.
6. **Analytics Dashboard**: Basic analytics features to track message delivery success rates and client engagement.

## 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 consist of a navigation bar at the top, a hero section with a call-to-action, followed by features sections, an analytics dashboard, and a footer for contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui for building UI components.
- **State Management**: Redux (or Context API if preferred).

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS for styling.
2. **Build Authentication**: Implement user authentication features allowing users to create accounts and log in securely.
3. **Develop WhatsApp Integration**: Create a component for QR code scanning and establish the connection to WhatsApp.
4. **Client List Management**: Build functionality to import client lists via API or CSV and display them in a user-friendly format.
5. **Messaging Configuration**: Implement a settings page for users to configure message scheduling options.
6. **Analytics Dashboard**: Develop a dashboard to display message delivery statistics and analytics.
7. **Testing**: Conduct thorough testing of features and user interactions to ensure a seamless experience.
8. **Deployment**: Deploy the application to a suitable hosting platform and ensure it is accessible to users.

## USER EXPERIENCE
Users will have a straightforward interaction flow starting with logging in to their account. After authentication, they can scan the QR code to connect their WhatsApp account. Once connected, they can easily import their client lists and configure how and when to send messages. The analytics dashboard will provide insights into message performance, helping users refine their outreach strategies. The minimalist design will ensure that users can navigate the application effortlessly, focusing on their messaging tasks without distractions.