Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web app designed as a landing page for the "Hotel del Maratón de Benasque." Its main purpose is to provide essential information about the hotel, including amenities, booking options, and event details for participants of the marathon. The minimalist design will enhance user experience by making navigation simple and intuitive.

## CORE FEATURES
1. **Hero Section**: A visually appealing hero section that highlights the hotel’s name, a captivating image, and a call-to-action button for bookings.
2. **Amenities Overview**: A section detailing the hotel’s amenities, including rooms, dining options, and special services catered to marathon participants.
3. **Event Information**: An area dedicated to marathon-related information, including dates, schedules, and registration links.
4. **Booking Form**: A simple, user-friendly booking form that allows users to check availability and make reservations directly from the landing page.
5. **Testimonials**: A section featuring reviews and testimonials from past guests to build trust and credibility.
6. **Contact Information**: An easily accessible contact section with a form for inquiries, along with location details and social media links.

## DESIGN SPECIFICATIONS
- **Visual Style**: The design will be minimalist, featuring a clean, simple aesthetic with ample white space that enhances readability. The focus will be on typography to convey information clearly.
- **Color Mode**: A light theme will be utilized, with dark text on light backgrounds for optimal legibility and a modern look.
- **Layout**: The layout will follow a single-column structure, with clear sections for each feature. The hero section will occupy the top, followed by amenities, event info, testimonials, booking form, and contact information as users scroll down.
- **Typography**: Use a sans-serif font for headings (e.g., Montserrat) for a modern feel, and a legible serif font for body text (e.g., Merriweather) to enhance readability. The hierarchy will be established with larger font sizes for headings and consistent spacing between sections.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for responsive and utility-first design
- **UI Components**: shadcn/ui for pre-styled components
- **State Management**: React Context API for managing state related to bookings and user inquiries

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project using Create React App with TypeScript support.
2. **Install Dependencies**: Install Tailwind CSS and configure it for the project, alongside shadcn/ui components for UI consistency.
3. **Create Layout Components**: Design and implement layout components for the hero section, amenities, event information, testimonials, booking form, and contact section.
4. **Implement Routing**: Use React Router to manage navigation if additional pages are planned, ensuring smooth transitions.
5. **Develop Booking Form**: Create a functional booking form component that integrates with state management and validates user input.
6. **Style Components**: Apply Tailwind CSS classes to all components, ensuring the minimalist design is consistent across the application.
7. **Testing**: Test the application on various devices to ensure responsiveness and smooth user experience.
8. **Deployment**: Deploy the web app on a platform like Vercel or Netlify for public access.

## USER EXPERIENCE
Users will experience a seamless interaction with the landing page, easily navigating through sections that provide vital information about the hotel and marathon event. The hero section will immediately capture attention, while the clear layout and typography will guide users through the amenities, event details, and booking process. The booking form will be straightforward, ensuring users can complete their reservations without hassle. Responsive design will ensure the application looks great on both desktop and mobile devices, enhancing accessibility and user satisfaction.