Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed as a CRM (Customer Relationship Management) tool that emulates the chat interface of WhatsApp Web. It incorporates integrated AI features, customizable sales funnels, and automated follow-up systems, allowing users to manage leads and client communications efficiently.

## CORE FEATURES
1. **Chat Interface**: Mimics WhatsApp Web layout for seamless user experience, allowing users to manage conversations as if they were chatting on WhatsApp.
2. **Sales Funnels**: Users can create customizable sales funnels, drag-and-drop leads between stages, and monitor the progress of each lead with visual representations.
3. **Automated Follow-Up System**: Configurable follow-up reminders can be set for leads, automatically sending messages based on defined schedules.
4. **Mass Messaging Campaigns**: Functionality for sending bulk messages to selected leads for promotional campaigns.
5. **Scheduling Center**: Users can create reminders and schedule messages, with options for pop-up alerts or automated sending.
6. **Admin Dashboard**: Comprehensive management panel for tracking sales activities, response times, and generating reports on closed and lost sales.

## 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 feature a sidebar for navigation, a top header for notifications and user info, and a central chat area that displays active conversations and sales funnel progress at the top.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API (as needed for managing state across the application)

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript using Create React App or Vite.
2. **Install Dependencies**: Add Tailwind CSS and any necessary UI component libraries (shadcn/ui).
3. **Create Components**: Develop the main components such as the chat interface, sidebar, admin dashboard, and scheduling center.
4. **Implement State Management**: Set up Redux or Context API for managing the state of leads, user sessions, and notifications.
5. **Design the Layout**: Use Tailwind CSS to create a responsive layout with the specified design elements.
6. **Integrate Features**: Implement the core features, ensuring that the chat interface functions smoothly and integrates with the sales funnels and automated follow-up system.
7. **Testing**: Conduct thorough testing of each feature to ensure functionality and user experience meet expectations.

## USER EXPERIENCE
Users will interact with a familiar chat interface, easily navigating through conversations and sales funnels. They can drag leads between different stages of the funnel and set automated follow-ups with minimal effort. The admin dashboard will provide insights into team performance and lead management, while the scheduling center will allow users to manage their communications effectively, ensuring no lead is overlooked. The application will be responsive, ensuring usability across various devices.