Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The "AI Frontdesk Assistant" is a web application designed to streamline appointment scheduling through a conversational chatbot interface. This modern SaaS application aims to help organizations manage bookings efficiently while offering both standalone and integration modes with existing systems.

## CORE FEATURES
1. **Appointment Scheduler**: A chatbot-driven interface that allows users to book appointments by selecting the type, date, and time, as well as providing their contact details.
2. **User Authentication**: Registration, login, and logout functionalities powered by Supabase to manage user accounts securely.
3. **Dashboard**: A central hub where users can view appointments, manage availability, and configure appointment types.
4. **Public Booking Page**: A unique URL for each organization where clients can view available times and book appointments seamlessly.
5. **Availability Management**: An interface for organizations to set their available times and manage appointment types.
6. **Call Management**: A feature to log and analyze phone calls made through the application, with AI-assisted labeling for important or billable calls.

## 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 (use this as the main accent/brand color 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 hero section for the landing page, followed by features, testimonials, and a contact section. The application will utilize a sidebar navigation for the dashboard, allowing users to easily access different functionalities.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API as needed

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript support and install necessary dependencies (React Router, Supabase client, Tailwind CSS).
2. **Design Landing Page**: Create a landing page with a hero section that introduces the AI Frontdesk Assistant, include a CTA button for signing up or logging in.
3. **Implement User Authentication**: Set up Supabase for user registration and login functionalities, ensuring secure authentication processes.
4. **Develop the Dashboard**: Design a dashboard layout that includes sections for appointments, availability settings, and appointment types.
5. **Create Public Booking Page**: Develop a dynamic booking page that fetches available times from the database based on the organization's profile.
6. **Build Chatbot Interface**: Implement the chatbot UI for scheduling appointments, with step-by-step guidance for users to follow.
7. **Integrate Call Management**: Develop the call management feature to log calls and implement AI labeling based on predefined criteria.
8. **Ensure Responsiveness**: Test and optimize the application for mobile devices to ensure a smooth user experience across all platforms.

## USER EXPERIENCE
Users will interact with the application primarily through the chatbot for appointment scheduling. The dashboard will provide a clean overview of all appointments, availability, and settings, allowing for easy management. The progression through the booking process will be intuitive, minimizing typing and maximizing clarity to guide users seamlessly from start to finish. Clear feedback will be provided throughout the process, ensuring users are aware of successful actions and any potential errors.

This prompt creates a detailed roadmap for developing the AI Frontdesk Assistant web application, aligning with the user's vision while adhering to best practices in design and functionality.