Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Create a comprehensive, premium, modern, responsive hotel website for Hotel Royal Landmark in Ahmedabad, India. The website will serve as a marketing tool to establish a strong online presence, providing essential information about the hotel, its amenities, and enabling guests to make reservation inquiries.

## CORE FEATURES
1. **Hero Section**: A visually striking hero section featuring high-quality images of the hotel with a welcoming message and prominent call-to-action buttons for room inquiries.
2. **Rooms and Accommodation**: A dedicated section showcasing room options with detailed descriptions, images, and an inquiry button that opens a reservation form.
3. **Amenities and Facilities**: An organized grid layout displaying the hotel's amenities with icons and brief descriptions to enhance user understanding.
4. **Photo Gallery**: An attractive image gallery allowing users to explore genuine photographs of the hotel and its facilities.
5. **Location and Nearby Attractions**: An interactive map section showing the hotel’s location and highlighting nearby attractions to enhance guest experience.
6. **Reservation Enquiry Form**: A functional form for guests to submit booking inquiries with validation for required fields.

## 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 feature a sticky navigation bar, a hero section, followed by content sections for rooms, amenities, photo gallery, location, a reservation form, and a footer with contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not specified but can be managed using React's built-in state or Context API as needed.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and Tailwind CSS configured.
2. **Create Components**: Develop core components for the hero section, rooms, amenities, photo gallery, location map, reservation form, and footer.
3. **Implement Navigation**: Add a sticky navigation bar that includes links to each section and a mobile-friendly hamburger menu.
4. **Design Layout**: Utilize Tailwind CSS to create a clean and responsive layout that adapts to various screen sizes.
5. **Add Functionality**: Implement the reservation inquiry form with validation to ensure all required fields are correctly filled before submission.
6. **Optimize for SEO**: Include meta tags, alt attributes for images, and structured data for better search engine visibility.
7. **Test Responsiveness**: Verify the website’s performance on various devices to ensure an optimal user experience.
8. **Final Review**: Conduct a thorough review of all content, links, and functionality to ensure accuracy and completeness before launch.

## USER EXPERIENCE
The user experience will be seamless and intuitive, allowing visitors to easily navigate through the hotel’s offerings. The hero section will capture attention immediately, while clear pathways through rooms and amenities will guide users toward making inquiries. The responsive design ensures that whether on mobile or desktop, users can smoothly access all information and features, enhancing their likelihood of engaging with the hotel for bookings.