Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The Sunrise Vista is a luxury hotel landing page designed to attract potential guests by showcasing the hotel’s amenities, location benefits, and nearby attractions. The page will feature a clean, minimalist design that emphasizes the hotel's offerings, ensuring a seamless user experience that encourages bookings.

## CORE FEATURES
1. **Hero Section**: A visually appealing hero section with a high-quality image of the hotel, a brief welcome message, and a prominent call-to-action button for booking.
2. **Amenities Overview**: A section detailing the hotel’s amenities such as Wi-Fi, room service, and laundry services, presented in an engaging format.
3. **Location Information**: An interactive map highlighting the hotel’s proximity to key locations such as Nizamuddin Railway Station and prominent tourist attractions.
4. **Guest Testimonials**: A carousel displaying positive reviews from past guests to build trust and social proof.
5. **Booking CTA**: A clear and accessible booking button throughout the page, allowing users to easily navigate to the reservation system.
6. **Contact Information**: A footer section with contact details and links to social media, enhancing connectivity with potential guests.

## 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 layout will follow a single-page format with a top navigation bar, followed by sections for the hero, amenities, location, testimonials, and contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not specifically required for a landing page.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Layout Components**: Develop components for the navigation bar, hero section, amenities, location, testimonials, and footer.
3. **Style Components**: Apply Tailwind CSS classes to achieve the minimalist design, ensuring to use the primary color and typography specifications.
4. **Integrate Map**: Use a mapping library to display the hotel’s location and nearby attractions.
5. **Implement Testimonial Carousel**: Use a carousel library to cycle through guest testimonials effectively.
6. **Add Booking Functionality**: Create a booking button that links to the reservation system or a contact form.

## USER EXPERIENCE
Users will land on a visually stunning hero section that captures their attention immediately. As they scroll down, they will encounter user-friendly sections that clearly communicate the hotel’s offerings and location advantages. The booking button will be easily accessible, encouraging users to take action after reviewing the hotel features and guest testimonials. The layout will ensure that information is presented in a logical flow, creating a pleasant and efficient browsing experience.