Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed as a booking tool for renting professional office spaces. Users will have access to a calendar displaying available time slots for reservations, allowing them to book rooms easily. The application will also manage payment options, including credit card transactions and package deals, while providing an intuitive interface for both users and administrators.

## CORE FEATURES
1. **Calendar View**: Users can view available time slots in a calendar format for reserving office spaces.
2. **Room Booking**: Users can reserve one of four available rooms for specific hours, with the ability to receive a unique code to unlock the room.
3. **Payment Processing**: Integration for credit card payments, allowing users to pay per session or purchase discounted packages.
4. **Account Balance Management**: Users can maintain an account balance for future bookings, with funds deducted as reservations are made.
5. **Admin Panel**: Administrators can manage room availability, create bookings for users without accounts, and ensure the center operates smoothly.
6. **Promotional Packages**: Offer special pricing for bookings, such as discounts for multiple hours reserved.

## 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 with navigation, a central calendar view, a booking form, and a footer with contact information.

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

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS for styling.
2. **Create UI Components**: Develop reusable components such as buttons, calendar, and booking forms using shadcn/ui.
3. **Implement Calendar View**: Integrate a calendar library to display available time slots and allow users to select their desired booking time.
4. **Develop Booking Logic**: Create the functionality for users to reserve rooms, generate unlock codes, and manage payment interactions.
5. **Admin Panel Development**: Build the admin panel for managing room availability and creating bookings.
6. **Payment Integration**: Set up payment processing through a secure API for credit card transactions and package pricing.
7. **Testing**: Conduct thorough testing of user flows, including booking, payments, and administrative functions.
8. **Deployment**: Prepare the application for deployment on a suitable hosting service.

## USER EXPERIENCE
Users will navigate a clean and intuitive interface with easy access to the calendar for booking rooms. Upon selecting a time slot, they will fill out the booking form, which includes payment options and account balance management. The admin experience will be equally streamlined, allowing for quick adjustments to room availability and user bookings, all while maintaining a visually appealing and functional design.