Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a luxury resort website designed to provide an immersive, cinematic experience for Max Crest Premium Resort in Vagamon, Kerala. The primary goal is to create a visually stunning, responsive landing page that showcases the resort's unique offerings, architecture, and the serene environment, enticing potential guests to explore and inquire about their stay.

## CORE FEATURES
1. **Cinematic Hero Section**: A full-screen, high-quality image of the resort or surroundings with a captivating headline and call-to-action buttons for exploring or making inquiries.
2. **About the Resort**: A beautifully designed editorial section that tells the story of the resort, emphasizing tranquility, nature, and luxury through elegant typography and imagery.
3. **Suites & Accommodation Showcase**: Premium layouts featuring actual room photographs, detailed descriptions, and enquiry actions to facilitate potential bookings.
4. **Experiences Overview**: An engaging section highlighting various experiences available at the resort, accompanied by immersive photography and concise descriptions.
5. **Asymmetric Cinematic Gallery**: An interactive gallery that displays stunning visuals of the resort and its surroundings, featuring a lightbox for enlarged viewing.
6. **Contact & Enquiry Form**: An elegant contact section with a functional enquiry form, WhatsApp button, and telephone links for easy inquiries.

## 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 is asymmetric with generous whitespace, focusing on oversized typography and immersive photography, ensuring a luxurious and engaging user experience.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required initially, but can be added as needed for future enhancements.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS along with shadcn/ui for reusable components.
2. **Create Layout**: Design the overall page structure using Tailwind CSS to implement the asymmetric layout and generous whitespace.
3. **Implement Navigation**: Build a minimal transparent navbar that includes the resort branding, section links, and a responsive mobile menu.
4. **Develop Hero Section**: Integrate a full-screen image with the headline and buttons, ensuring smooth scrolling and subtle animations.
5. **Construct Content Sections**: Create the About, Suites, Experiences, and Gallery sections using editorial designs, ensuring images and typography align with the luxury aesthetic.
6. **Add Contact Form**: Implement a functional enquiry form with WhatsApp and telephone links, validating user input as necessary.
7. **Optimize for Responsive Design**: Ensure the website is fully responsive across all devices (desktop, tablet, mobile) and that all components maintain their integrity.
8. **SEO and Accessibility**: Optimize the website for search engines and ensure all elements are accessible, respecting reduced-motion preferences.

## USER EXPERIENCE
The user journey will begin with an engaging hero section that captures attention, leading users through a narrative that showcases the resort’s unique features and offerings. Users can easily navigate through various sections to explore accommodations and experiences, with prominent call-to-action buttons encouraging inquiries. The interactive gallery provides an immersive visual experience, while the enquiry form facilitates seamless communication with potential guests, ensuring a smooth and enjoyable user experience.