Lovable Prompt Creator - AI Prompt Generator

# APPLICATION OVERVIEW
Watsu Spa Namadi is a comprehensive web application designed to facilitate the management of group reservations, online payments, and customer communications for a spa. The platform aims to enhance user experience through a streamlined booking process while ensuring compliance with legal standards in Chile.

# CORE FEATURES
1. **Automated Group Reservations**: Users can easily book spa experiences for groups of at least 20 people, with automatic calculation of total costs.
2. **Online Payment Integration**: Seamless integration with Webpay Plus API for secure online transactions.
3. **Real-time Dashboard**: Administrative panel for managing reservations, viewing metrics, and exporting data.
4. **Automated Notifications**: Users receive confirmations and details via WhatsApp and email, including PDF receipts.
5. **User Registration and Legal Compliance**: Secure user registration with mandatory consent fields, ensuring compliance with data protection laws.
6. **Smart Calendar System**: Visual representation of available and booked dates to facilitate booking management.

# 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 feature a hero section at the top, followed by a detailed overview of services, a booking form, and an admin dashboard accessible via a secure login.

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

# IMPLEMENTATION STEPS
1. **Set Up Project Structure**: Create a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS, shadcn/ui, and any required packages for API integration.
3. **Design Layout**: Implement the main layout using Tailwind CSS for responsive design.
4. **Develop Core Features**: 
   - Build the reservation system with form validation and state management.
   - Integrate Webpay Plus API for payment processing.
   - Create the admin dashboard with real-time data visualization.
5. **Implement User Registration**: Set up user authentication and consent handling.
6. **Automate Notifications**: Use Twilio API for WhatsApp messaging and set up SMTP for email confirmations.
7. **Test Functionality**: Conduct thorough testing of all features, including edge cases for the booking system and payment flow.
8. **Deploy Application**: Choose a hosting solution (like Vercel or Netlify) and deploy the application.

# USER EXPERIENCE
Users will be greeted with an inviting hero section that highlights the spa's offerings. The booking process will be intuitive, allowing users to easily select dates and services. Notifications will keep users informed about their bookings, while the admin dashboard will provide operators with necessary insights and management tools. The application will be fully responsive, ensuring a seamless experience on both desktop and mobile devices.