Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed for real estate agencies to attract potential buyers. The primary goal is to create an engaging, minimalist website that highlights property listings, showcases agency information, and encourages visitors to take action, such as contacting the agency or signing up for property alerts.

## CORE FEATURES
1. **Hero Section**: A visually striking introduction that includes a captivating image or video background, a compelling headline, and a clear call-to-action (CTA) button to explore listings or contact the agency.
2. **Property Listings**: A grid of featured properties with images, brief descriptions, and links to detailed views. Each listing should include essential details like price, location, and key features.
3. **About Us**: A section detailing the agency's mission, values, and team members to build trust and credibility with potential buyers.
4. **Testimonials**: A section showcasing client testimonials to provide social proof and enhance the agency’s reputation.
5. **Contact Form**: A simple, user-friendly contact form allowing visitors to inquire about properties or request more information.
6. **Newsletter Signup**: An option for visitors to sign up for newsletters or property alerts, helping to capture leads and keep potential buyers engaged.

## 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 should include a full-width hero section at the top, followed by a grid layout for property listings, and sections stacked vertically for About Us, Testimonials, Contact Form, and Newsletter Signup.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not specified, as the landing page does not require complex state management.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Components**: Build reusable components for the Hero Section, Property Listings, About Us, Testimonials, Contact Form, and Newsletter Signup.
3. **Design Layout**: Use Tailwind CSS to style components according to the design specifications, ensuring responsiveness for mobile and desktop views.
4. **Implement Functionality**: Integrate the contact form with an email service for inquiries and set up a newsletter signup with a backend service.
5. **Optimize for SEO**: Add meta tags and ensure the site is optimized for search engines to attract organic traffic.
6. **Test**: Conduct thorough testing across different devices and browsers to ensure a seamless user experience.

## USER EXPERIENCE
Key user interactions include navigating through property listings, easily finding contact information, and filling out the contact form or newsletter signup. The minimalist design promotes a smooth flow of information, ensuring users can quickly find what they need without distractions. Responsive design principles ensure that the landing page is accessible and functional on all devices, enhancing user satisfaction.