Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application will serve as a comprehensive guide for guests visiting the Azahar Beach tourist apartments. It will provide essential information about the complex and surrounding services, enhancing the guest experience before and during their stay. The app will include features like accommodation details, local attractions, amenities, and contact information.

## CORE FEATURES
1. **Welcome Screen**: A user-friendly welcome screen that introduces guests to the complex and allows easy navigation to other sections.
2. **Accommodation Details**: Information about the different types of apartments available, including images, amenities, and pricing.
3. **Local Attractions**: A curated list of nearby attractions, restaurants, and activities with descriptions and maps to help guests explore the area.
4. **Amenities Overview**: Detailed information about the amenities available on-site, such as pools, gyms, and dining options.
5. **Contact Information**: An easy-to-use contact form for guests to reach out for inquiries or assistance during their stay.
6. **Feedback Section**: A feature for guests to leave reviews and feedback about their stay and services.

## 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 will consist of a top navigation bar for easy access to all sections, a hero section that captures attention, followed by content sections organized vertically to guide users through the information seamlessly.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API (for managing global state)

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and set up Tailwind CSS for styling.
2. **Create Main Layout**: Develop the main layout structure including the navigation bar and footer.
3. **Build Core Components**: Create reusable components for the welcome screen, accommodation details, local attractions, amenities, and contact form.
4. **Integrate State Management**: Use React Context API to manage state across the application, ensuring information is accessible where needed.
5. **Style Components**: Apply Tailwind CSS styles adhering to the specified design specifications for a minimalist look.
6. **Test Functionality**: Thoroughly test the application for usability, ensuring all links work and the user experience is smooth.
7. **Deploy Application**: Prepare the application for deployment and choose a hosting service to make it live for users.

## USER EXPERIENCE
Guests will interact with the application through a clean and intuitive interface that allows them to quickly find essential information. Navigation will be straightforward, with clear calls to action leading to relevant sections. The feedback section will encourage guests to share their experiences, fostering community engagement and continuous improvement of services. The design will ensure that all information is accessible and visually appealing, creating a pleasant user journey from start to finish.