Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web app designed for managing scheduling and plans related to a barber shop. It allows users to add new plans, schedule appointments, view multiple days in the agenda, and manage barber and customer information. The app focuses on providing an intuitive interface that enhances user experience and simplifies operations for barbershop management.

## CORE FEATURES
1. **Add New Plans**: Users can create and define new service plans for the barbershop, including pricing and duration.
2. **Schedule Appointments**: Users can easily schedule new appointments and view multiple days within the agenda to manage their bookings effectively.
3. **Manage Barbers and Clients**: Admins can add, edit, or delete barbers, users, and clients as needed to maintain accurate records.
4. **Edit Plans**: Existing service plans can be modified to reflect any changes in pricing or services offered.
5. **Save Configuration Changes**: Users can make adjustments to their settings and save these changes securely.
6. **Delete Demo Data**: An option to clear all demonstration data from the application for a fresh start.

## 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 sidebar for navigation, a top bar for user actions, and a central area displaying the agenda and management features, providing a clear structure for users to access all functionalities.

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

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install necessary dependencies (React, Tailwind CSS, shadcn/ui).
2. **Design Layout**: Create the main components including Sidebar, Top Bar, and central content area using Tailwind CSS for styling.
3. **Implement Core Features**:
   - Develop the functionality for adding, editing, and deleting plans and appointments.
   - Set up forms for data entry and integrate state management to handle user inputs effectively.
4. **Create User Management**: Implement features to manage barbers and clients, ensuring proper authentication and role-based access if necessary.
5. **Testing**: Conduct thorough testing to ensure all features work as expected and the UI is responsive.
6. **Deployment**: Deploy the application on a platform such as Vercel or Netlify for accessibility by users.

## USER EXPERIENCE
The user experience focuses on intuitive navigation and quick access to key features. Users will be able to easily switch between managing appointments, viewing schedules, and editing plans through the sidebar. The application will be responsive, ensuring usability on both desktop and mobile devices. Users will receive feedback on their actions (like saving changes or deleting entries) through notifications, enhancing the overall interaction flow.