Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a landing page for a boutique hotel in Kyrenia, Cyprus. The primary purpose is to showcase the hotel's unique offerings, attract potential guests, and facilitate bookings through an engaging and visually appealing online presence.

## CORE FEATURES
1. **Hero Section**: A captivating hero image with a welcoming headline, subheadline, and a prominent call-to-action button for booking.
2. **About Us**: A brief description of the hotel, its history, and unique features to build an emotional connection with visitors.
3. **Accommodation Options**: A showcase of different room types with images, descriptions, and booking links.
4. **Amenities**: Highlight the hotel's amenities such as the pool, restaurant, spa, and nearby attractions.
5. **Testimonials**: A section for guest reviews to provide social proof and enhance credibility.
6. **Contact Form**: A simple form for inquiries, along with contact information and a Google Maps integration showing the hotel location.

## 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 structure will be a single-page format with smooth scrolling sections for the hero, about, accommodations, amenities, testimonials, and contact. Each section will be visually distinct yet cohesive.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS for responsive and utility-first styling.
- **UI Components**: shadcn/ui for pre-designed components that ensure consistency.
- **State Management**: Not required for this landing page, but can be integrated as needed for form handling.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Layout**: Develop a main layout component that includes navigation and structured sections for the landing page content.
3. **Design Hero Section**: Implement the hero section with a background image, text overlay, and a CTA button styled with the primary color.
4. **Develop About Section**: Create an engaging "About Us" section with text and images.
5. **Showcase Accommodations**: Design a grid layout for accommodations featuring images, descriptions, and booking links.
6. **Highlight Amenities**: Create an amenities section with icons or images to visually represent each offering.
7. **Integrate Testimonials**: Add a carousel or grid layout for guest testimonials.
8. **Implement Contact Form**: Set up a contact form with validation and integrate Google Maps for location display.
9. **Responsive Design**: Ensure the website is fully responsive and optimized for various screen sizes.
10. **Testing and Deployment**: Test the landing page for functionality and usability, then deploy it to a hosting platform.

## USER EXPERIENCE
Visitors will experience a seamless journey through the landing page, starting with a visually impactful hero section that entices them to explore further. Each section will provide clear and concise information about the hotel, encouraging them to make a booking or inquire further. The contact form will ensure easy communication, fostering a user-friendly experience that highlights the boutique hotel's charm and hospitality.