Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application serves as a management tool for a barbershop, allowing both clients and team members to interact with the scheduling system. It features user authentication with differentiated access for clients and team members, allowing for seamless management of appointments, plans, and notifications.

## CORE FEATURES
1. **User Authentication**: A login system that allows users to select their role (client or team member). Clients can view their schedules and register with name, email, and phone. Team members can access their schedules and financial dashboards, requiring manager approval for registration.

2. **Plan Management**: Admins can create, edit, and delete service plans, allowing flexibility in the offerings of the barbershop.

3. **Appointment Scheduling**: Users can schedule appointments, view multiple days on the calendar, and modify existing bookings as needed.

4. **User and Appointment Management**: Admins can manage users by adding or removing barbers, clients, and appointments, ensuring smooth operation and oversight.

5. **Settings Configuration**: Admins can save changes to application settings, providing control over the platform’s operational parameters.

6. **Manager Dashboard**: A dedicated panel for managers to oversee the barbershop’s operations and receive notifications about new user approvals and other important updates.

## 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 application will utilize a simple layout with a header for navigation, a main content area for user interactions, and a footer for additional links and information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context or Zustand for state management as needed.

## IMPLEMENTATION STEPS
1. **Set Up the React Application**: Initialize a new React project with TypeScript and Tailwind CSS.
2. **Create Authentication Flow**: Implement the user login and registration system with role-based access control.
3. **Develop Core Features**: Build the scheduling system, plan management, and user management functions.
4. **Design the User Interface**: Apply the minimalist design specifications using Tailwind CSS and the Inter font.
5. **Implement the Manager Dashboard**: Create a separate dashboard for managers to oversee operations and handle notifications.
6. **Testing and Deployment**: Conduct thorough testing of all features and deploy the application to a cloud service.

## USER EXPERIENCE
Users will have a straightforward experience based on their role. Clients will see a simplified view focused on scheduling and personal information, while team members will have access to their schedules and financial data. Managers will have a comprehensive dashboard to handle user approvals and monitor barbershop performance. The design will ensure easy navigation and an intuitive flow, enhancing overall user satisfaction.