Lovable Prompt Creator - AI Prompt Generator

# Lovable Prompt for Web Application

## APPLICATION OVERVIEW
This application is designed as a booking platform for a thermal spa, allowing visitors to reserve individual hot tubs and sauna units while managing their schedules efficiently. Users can plan their visit in advance, view availability, and select from various package options without any payment processing directly through the app.

## CORE FEATURES
1. **User Scheduling Flow**: Users can select their desired time slots for hot tubs and saunas based on availability, ensuring they can plan their day effectively.
2. **Admin Panel**: An administrative interface to manage reservations, occupancy, and seasonal pricing, allowing staff to oversee operations and adjust offerings as needed.
3. **Availability Management**: Real-time updates on the availability of hot tubs and saunas, indicating when slots are fully booked or unavailable.
4. **Package Options**: Clearly defined packages such as "Día Completo" and "Tina y Piscinas" that users can choose based on their preferences and group sizes.
5. **Cancellation Policy**: Functionality for users to cancel their bookings up to 24 hours in advance, with automatic notifications for the admin.
6. **User Notifications**: Confirmation messages reminding users to bring necessary items (like swimsuits and towels) and to arrive 15 minutes prior to their bookings.

## 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**: A clear and structured layout with a navigation bar, main content area for scheduling and package selection, and a footer for additional information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API for managing global application state related to user sessions and bookings.

## IMPLEMENTATION STEPS
1. **Setup Project Environment**: Initialize a new React project using TypeScript and install necessary dependencies (React Router, Tailwind CSS, Redux).
2. **Create Component Structure**: Develop the main components including Header, Footer, Schedule, Admin Panel, and Booking Confirmation.
3. **Design UI Elements**: Implement UI components using shadcn/ui, ensuring proper application of styling with Tailwind CSS and the specified design specifications.
4. **Integrate Booking Logic**: Create functions to manage bookings, handle cancellations, and update availability dynamically.
5. **Admin Functionality**: Build the admin interface to allow for the management of resources, pricing adjustments, and seasonal pricing settings.
6. **Testing and Deployment**: Conduct thorough testing for user interactions, edge cases, and deployment to a suitable hosting platform (such as Vercel or Netlify).

## USER EXPERIENCE
Users will begin their journey on a landing page where they can quickly see available packages and make reservations. The scheduling interface will guide them through selecting times and managing their bookings, with real-time feedback on availability. Notifications and reminders will enhance the user experience, ensuring they are well-prepared for their visit. The admin panel will provide staff with tools to manage operations seamlessly, ensuring a smooth experience for all users.