Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The AI Reception Agent is a web application designed to serve as a virtual receptionist for clients, providing functionalities such as call management, training, and call forwarding. Each client is assigned a unique phone number, allowing for personalized interactions and streamlined communication.

## CORE FEATURES
1. **Personalized Phone Number**: Each client receives a dedicated phone number that serves as their virtual reception line, ensuring tailored service.
2. **Call Management**: Users can manage incoming and outgoing calls with features such as call screening, forwarding, and voicemail.
3. **Training Module**: A built-in training feature allows users to train the AI to handle specific queries and improve response accuracy over time.
4. **Interactive Dashboard**: A user-friendly dashboard that provides an overview of call statistics, training progress, and performance metrics.
5. **Client Notifications**: Alerts and notifications for missed calls, voicemails, and important updates related to the AI's performance.
6. **User Settings**: Customizable settings for each client, including preferences for call handling, notification preferences, and personal information management.

## 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 top navigation bar, a central dashboard area for displaying key metrics and features, and a sidebar for navigation to different functionalities.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Query or Zustand for managing state effectively

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install necessary dependencies including Tailwind CSS.
2. **Create the Layout**: Develop the main layout structure using Tailwind CSS for responsive design, ensuring a minimalist approach.
3. **Build Core Features**: 
   - Implement the personalized phone number allocation feature.
   - Develop call management functionality, integrating with a telephony API for real-time call handling.
   - Create the training module with an interactive interface for users to input training data.
   - Design the interactive dashboard using components from shadcn/ui to display statistics.
   - Set up client notifications with real-time alerts using web sockets or polling.
4. **User Settings Implementation**: Create a settings page allowing users to customize their preferences.
5. **Testing and QA**: Conduct thorough testing of all functionalities, ensuring a seamless user experience and fixing any bugs.
6. **Deployment**: Deploy the application on a cloud platform, ensuring scalability and performance.

## USER EXPERIENCE
Users will interact with the application through a streamlined dashboard, where they can easily access call management tools and training features. The intuitive design will guide users through setting up their personalized phone number and adjusting their settings. Notifications will keep users informed about important events, while the training module encourages continuous improvement of the AI's capabilities. The responsive design ensures usability across various devices, enhancing accessibility and user satisfaction.