Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a single-page web application designed for luxury hospitality management, specifically tailored for "Sig. Iorio Vincenzo". The application aims to provide an elegant and visually impactful presentation for managing a reservation rebooking process. It emphasizes a premium user experience with interactive features and a sophisticated design aesthetic.

## CORE FEATURES
1. **Hero Section & Welcome Letter**: An elegant welcome message directed to the client, including a personalized letter addressing the booking issue with a refined design.
2. **Upgrade Section - "Sun Kissed Apartment"**: Presenting the new property with a stylish photo gallery and an interactive video home tour, showcasing the apartment's features and benefits.
3. **Economic Details & Exclusive Benefits**: Clear display of pricing transparency, including a discount offer and additional benefits such as complimentary breakfast and exclusive access to a beach establishment.
4. **Booking Widget**: A user-friendly booking interface styled after Airbnb, allowing easy reservation management with adjustable date placeholders and a prominent booking button.
5. **Customer Support Messaging**: A concluding section providing client assistance details, reinforcing the personalized service approach.

## 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**: Modern and airy layout with a fluid design, featuring sections stacked vertically for easy navigation and engagement.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: [Specify if needed, e.g., Zustand or Redux if state management is necessary].

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using TypeScript and install Tailwind CSS along with shadcn/ui components.
2. **Create Layout Structure**: Build a responsive layout accommodating the hero section, upgrade section, economic details, booking widget, and customer support message.
3. **Design Hero Section**: Implement the welcome letter component with a refined background and elegant typography.
4. **Develop Upgrade Section**: Integrate a photo gallery using Tailwind CSS grid layout and set up an interactive video player for the home tour.
5. **Implement Economic Details**: Create an elegant box for pricing information and benefits with clear, concise text.
6. **Build Booking Widget**: Design a booking form with date pickers and a prominent pushbutton for reservations, including flexibility policy.
7. **Finalize Customer Support Message**: Add a footer section with contact options and links to the official website for further assistance.
8. **Testing and Refinement**: Conduct user testing to ensure fluid navigation and interaction, making adjustments based on feedback.

## USER EXPERIENCE
The application will provide a seamless and engaging user experience, with straightforward navigation from the welcome letter to the booking section. Users will enjoy a visually appealing interface with clear calls to action, easy-to-understand information about the accommodation, and direct access to support. The design will prioritize luxury and elegance, ensuring that every interaction feels premium and personalized.