Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web-based SaaS platform designed specifically for barbershops. It allows barbers to register, create their own barbershop profiles, and manage appointments efficiently. The platform will enhance the barbers' workflow by providing tools to organize their schedules and manage their staff.

## CORE FEATURES
1. **User Registration/Login**: Barbers can create an account to access the platform and manage their barbershop's operations.
2. **Barbershop Creation**: Users can set up their barbershop profile, including details like name, location, and services offered.
3. **Appointment Management**: A calendar feature that allows barbers to view, create, and manage appointments with clients.
4. **Staff Management**: Barbers can add and manage their team of barbers, assigning appointments and tracking their schedules.
5. **Client Management**: Users can keep track of client information, including appointment history and preferences.
6. **Notifications**: Automated reminders for upcoming appointments sent to both barbers and clients.

## 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 header for navigation, a hero section for the main call-to-action, followed by feature sections, a testimonials area, and a footer with contact information.

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

## IMPLEMENTATION STEPS
1. **Set Up Development Environment**:
   - Initialize a new Next.js project with TypeScript.
   - Install necessary dependencies: Tailwind CSS, Zustand, and shadcn/ui.

2. **Create Authentication Flow**:
   - Set up user registration and login functionality using Supabase for authentication.
   - Implement password recovery and email verification features.

3. **Develop Barbershop Profile Creation**:
   - Create a form for barbers to input their barbershop details.
   - Store barbershop information in Supabase.

4. **Implement Appointment Management**:
   - Develop a calendar component for managing appointments.
   - Allow barbers to create, edit, and delete appointments.

5. **Build Staff Management Feature**:
   - Create functionality for adding and managing barbers within each barbershop.
   - Implement role-based access to ensure proper management.

6. **Integrate Notifications**:
   - Set up automated email notifications for upcoming appointments using Supabase functions.

7. **Design UI Components**:
   - Utilize Tailwind CSS and shadcn/ui to create a responsive and visually appealing design.
   - Ensure that all components adhere to the specified design specifications.

## USER EXPERIENCE
The user experience will focus on simplicity and efficiency. Barbers will easily navigate through the application, starting with a straightforward registration process. Upon logging in, they will access their dashboard, where they can manage appointments and staff. The calendar interface will be intuitive, allowing for quick scheduling and adjustments. Notifications will keep users informed, enhancing the overall usability of the platform. The minimalist design will ensure that users can focus on their tasks without unnecessary distractions.