Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is designed as an elegant real estate landing page that emphasizes a premium feel through minimalist design and glassmorphism effects. The main purpose is to showcase property listings alongside engaging features such as virtual tours, agent profiles, and a streamlined contact form, all aimed at building trust and attracting potential clients.

## CORE FEATURES
1. **Hero Section**: A visually striking introduction with a captivating background image and a prominent call-to-action (CTA) button encouraging visitors to explore listings or schedule a virtual tour.

2. **Glassmorphism Property Cards**: Interactive cards displaying property details such as images, prices, and brief descriptions, featuring a glassmorphism effect to enhance the aesthetic while maintaining readability.

3. **Virtual Tour Preview**: An integrated section that allows users to view snippets of virtual tours for highlighted properties, enticing visitors to engage further.

4. **Featured Listings**: A curated selection of top properties displayed in a grid layout, showcasing high-quality images and key details.

5. **Agent Profiles**: A section dedicated to showcasing real estate agents, including their images, brief bios, and contact information, to foster trust and connection with potential buyers.

6. **Contact Form**: A user-friendly form enabling visitors to reach out easily for inquiries or to schedule viewings, designed for simplicity and ease of use.

## 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 be a single-page structure with a hero section at the top, followed by property cards, virtual tour previews, featured listings, agent profiles, and a contact form at the bottom.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: React Context API or Zustand (if needed for global state management).

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript and install Tailwind CSS and shadcn/ui.
   
2. **Create Layout Components**: Build the main layout components including the Header, Hero, PropertyCard, VirtualTourPreview, FeaturedListings, AgentProfile, and ContactForm.

3. **Design Hero Section**: Implement the hero section with a background image, heading, and call-to-action button styled with Tailwind CSS.

4. **Implement Glassmorphism Cards**: Style the property cards with glassmorphism effects, ensuring readability and visual interest.

5. **Add Virtual Tour Functionality**: Integrate a video or interactive element for the virtual tour previews, ensuring they are engaging and easy to navigate.

6. **Display Featured Listings**: Create a grid layout for featured listings, ensuring responsive design principles are applied for mobile users.

7. **Develop Agent Profiles Section**: Implement the agent profiles with images and bios, ensuring a clean and professional layout.

8. **Create Contact Form**: Build a simple contact form that captures user inquiries, validating inputs before submission.

9. **Test Responsiveness and Usability**: Ensure the entire landing page is mobile-friendly and visually appealing on various devices.

## USER EXPERIENCE
The user experience will be centered around intuitive navigation and engaging visuals. Users will start at the hero section, where they can immediately see the value proposition and take action. As they scroll down, they will encounter property listings that are easy to browse, with virtual tours enticing them to explore further. The agent profiles will build trust, and the contact form will be straightforward, ensuring that potential clients can easily reach out for more information or to set up viewings. 

This landing page will be designed to foster a sense of luxury and professionalism, aligning with the expectations of high-end real estate clients.