Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed for a barber shop, featuring a scheduling system for appointments. Its primary purpose is to provide an easy-to-use platform for clients to book services while maintaining a clean and modern aesthetic that enhances user engagement across multiple platforms.

## CORE FEATURES
1. **Appointment Scheduling**: Users can easily view available time slots and book appointments with their preferred barber.
2. **Service Menu**: A detailed list of services offered, including pricing and duration, allowing clients to choose what they need.
3. **User Authentication**: Secure login and registration process for users to manage their profiles and bookings.
4. **Notifications and Reminders**: Automated email or SMS notifications to remind users of upcoming appointments.
5. **Barber Profiles**: Each barber has a profile showcasing their skills, services offered, and client reviews.
6. **Contact and Support**: A section for users to get in touch with the barber shop for inquiries and support.

## 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 should include a top navigation bar, a hero section to highlight key features, a service menu section, barber profiles, and a contact form at the bottom.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API or Zustand (if needed for global state management)

## IMPLEMENTATION STEPS
1. **Setup the Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS, shadcn/ui, and any other required libraries.
3. **Create the Folder Structure**: Organize components, pages, and assets into appropriate directories.
4. **Build the Navigation Bar**: Develop a responsive navigation bar that links to different sections of the app.
5. **Design the Hero Section**: Create a visually appealing hero section that captures the essence of the barber shop.
6. **Develop the Appointment Scheduling Feature**: Implement a calendar component that allows users to select and book appointments.
7. **Create Barber Profiles**: Develop a component to display barber profiles, linking to their respective services.
8. **Implement User Authentication**: Set up user registration and login functionality with secure authentication methods.
9. **Add Notifications**: Integrate a service to send email or SMS reminders for appointments.
10. **Build the Contact Section**: Create a contact form for inquiries and support requests.

## USER EXPERIENCE
Users will interact with the application through a streamlined interface, beginning with the hero section that invites them to book an appointment. They can easily navigate to view services and select their preferred barber. The appointment scheduling feature will guide them step-by-step, ensuring a smooth booking process. Notifications will keep users informed, enhancing their overall experience and encouraging repeat visits. The minimalist design will ensure that users can focus on the primary tasks without distraction.