Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page for a residential real estate listing, designed to showcase properties in a clean and straightforward manner. The primary goal is to attract potential buyers by providing essential information about the listings, encouraging inquiries, and facilitating contact with real estate agents.

## CORE FEATURES
1. **Hero Section**: A visually appealing introduction featuring a captivating image of a featured property, a compelling headline, and a call-to-action (CTA) button encouraging visitors to explore listings.
   
2. **Property Listings**: A section displaying a grid of available properties with key details such as images, prices, and brief descriptions, allowing users to quickly scan through options.

3. **Property Details**: When a listing is clicked, users are taken to a detailed view showcasing more photos, property specifications, and a contact form for inquiries.

4. **Testimonials**: A section that presents client testimonials to build trust and credibility, featuring quotes from satisfied customers who have successfully purchased homes.

5. **Contact Form**: A straightforward form allowing potential buyers to submit inquiries directly, enhancing lead generation.

6. **Footer**: An informative footer with links to social media, legal information, and additional resources related to real estate 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 feature a top navigation bar, a hero section, followed by property listings, testimonials, a contact form, and a footer. Each section will be clearly defined with ample spacing to maintain a clean look.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not required for this landing page but can be utilized if needed for dynamic content loading.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
   
2. **Create Layout Structure**: Develop the main layout with a header, hero, property listings, testimonials, contact form, and footer.

3. **Implement Hero Section**: Design the hero section with an engaging background image, headline, and CTA button styled using Tailwind CSS.

4. **Build Property Listings**: Create a grid component to display the properties dynamically, ensuring to include images, descriptions, and links to detailed views.

5. **Develop Property Details Page**: Design a separate component to show detailed property information, images, and a contact form.

6. **Add Testimonials Section**: Create a simple layout for testimonials, ensuring it complements the overall minimalist design.

7. **Create Contact Form**: Develop a form with necessary fields, styled with Tailwind CSS, and ensure it captures user inquiries effectively.

8. **Finalize Styling**: Ensure all components adhere to the design specifications, focusing on spacing, typography, and color usage.

9. **Test Responsiveness**: Verify that the landing page is fully responsive across devices, adjusting styles as necessary.

## USER EXPERIENCE
Users will be greeted by a visually striking hero section that immediately conveys the purpose of the site. They can easily browse through property listings, click for more details, and submit inquiries through a convenient contact form. The testimonials section builds trust, while the minimalist design ensures that users can navigate seamlessly without distractions, enhancing their overall experience.