Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a landing page designed to showcase the Coul House Hotel, highlighting its unique offerings, amenities, and inviting potential guests to book a stay. The primary purpose is to inform visitors about the hotel and encourage them to make reservations through compelling calls to action.

## CORE FEATURES
1. **Hero Section**: A visually striking hero image of the hotel with a welcoming headline and a prominent call-to-action button encouraging users to book a stay.
2. **About Us**: A brief introduction to the hotel, its history, and what makes it special, presented in a clean, readable format.
3. **Amenities**: A section detailing the amenities offered by the hotel, such as dining options, recreational activities, and room features, using icons and short descriptions for clarity.
4. **Gallery**: A visually appealing gallery showcasing high-quality images of the hotel and its surroundings to entice visitors.
5. **Testimonials**: A section for guest reviews and testimonials to build trust and credibility with potential guests.
6. **Contact Information**: Clear and accessible contact details, including a form for inquiries, location map, and social media links to facilitate easy communication.

## 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 consists of a full-width hero section, followed by sections stacked vertically for about us, amenities, gallery, testimonials, and contact information. Each section should have clear headings and ample spacing to ensure readability and visual balance.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Layout Components**: Design and implement the main layout structure, including the hero, about us, amenities, gallery, testimonials, and contact components.
3. **Style Components**: Apply Tailwind CSS for styling, ensuring the design adheres to the specified visual style and design specifications.
4. **Integrate Content**: Populate each section with content relevant to the Coul House Hotel, utilizing high-quality images and well-crafted text.
5. **Implement Responsive Design**: Ensure all components are responsive and maintain usability on various devices.
6. **Test Functionality**: Review the landing page for any issues, ensuring that all links and forms work correctly and provide a seamless user experience.

## USER EXPERIENCE
Visitors to the site will first encounter the eye-catching hero section, inviting them to explore further. As they scroll down, they will find engaging content that presents the hotel’s offerings in a clear and appealing manner. The user journey is designed to be intuitive, with easy navigation between sections and clear calls to action, ultimately guiding them to make a reservation or inquire for more information.