Lovable Prompt Creator - AI Prompt Generator

```markdown
# APPLICATION OVERVIEW
This web application is a comprehensive booking management platform designed specifically for hair salons. It features an administrative dashboard and a client-facing booking portal, enabling efficient appointment scheduling and management. The platform is also set up for future integration with voice agents and messaging applications like WhatsApp.

# CORE FEATURES
1. **Client Booking Portal**: A user-friendly interface allowing clients to select services, choose preferred employees, and view available time slots for appointments.
2. **Admin Dashboard**: An administrative interface where managers can oversee bookings, manage employee schedules, and access client information.
3. **Service Management**: Admins can create, update, or deactivate services offered by the salon, including setting prices and default durations.
4. **Employee Scheduling**: A system for employees to manage their availability, including breaks and off days, ensuring clients can only book when staff are available.
5. **Notifications System**: Automated notifications sent to clients and employees regarding bookings, confirmations, and reminders through selected channels.
6. **Analytics Dashboard**: Visual representation of booking statistics, including total appointments, completed sessions, and client engagement metrics.

# DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - The design will be clean and simple, emphasizing white space and a minimal color palette to create an uncluttered interface.
- **Color Mode**: Light theme with dark text on light backgrounds to ensure high readability and a fresh look.
- **Layout**: 
  - The public booking portal includes a straightforward service selection grid, a date picker, and a client information form.
  - The admin dashboard features a sidebar for navigation, a content area for displaying relevant information, and summary cards for quick insights.
- **Typography**: Use a professional sans-serif font for clarity, with a clear hierarchy between headings, subheadings, and body text to enhance readability.

# TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for type safety and component-based architecture.
- **Styling**: Tailwind CSS to facilitate responsive design and a clean aesthetic.
- **UI Components**: Utilize shadcn/ui components for consistent styling across the application.
- **State Management**: Zustand or Context API for managing application state effectively.

# IMPLEMENTATION STEPS
1. **Setup Database and Authentication**: Initialize the Supabase backend with the defined database schema and set up authentication for user roles.
2. **Create Core Components**: Develop reusable components such as buttons, input fields, and cards using Tailwind CSS.
3. **Implement Routing**: Set up client-side routing for public and protected routes using React Router or a similar library.
4. **Build the Client Booking Portal**: Create the public-facing booking page that allows clients to select services and book appointments.
5. **Develop the Admin Dashboard**: Create views for managing bookings, employees, and services with appropriate access controls based on user roles.
6. **Integrate Notification System**: Implement the logic for sending notifications through SMS, email, or WhatsApp using React Hot Toast for user feedback.
7. **Implement Availability Logic**: Create functions to find available time slots and handle booking conflicts and employee absences.
8. **Test User Experience**: Conduct usability testing to refine the booking process, ensuring it is intuitive and accessible on both desktop and mobile devices.

# USER EXPERIENCE
Key user interactions include:
- **Booking an Appointment**: Clients will navigate to the booking portal, select services, choose preferred employees, and view available time slots before submitting their information.
- **Managing Appointments**: Admins will utilize the dashboard to view booking statuses, manage client and employee data, and generate reports on salon performance.
- **Receiving Notifications**: Clients and employees will receive timely updates regarding their bookings via their preferred communication channels, enhancing engagement and reducing no-shows.
```