Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a minimalist landing page designed for an educational reel on real estate topics, specifically focusing on the differences between "contingent" and "pending" listings. The primary goal is to engage users on Instagram and Facebook by providing clear, informative content that drives traffic and encourages interaction with real estate insights.

## CORE FEATURES
1. **Hero Section**: A visually appealing introduction with a compelling headline and a brief description of the educational content.
2. **Educational Content**: A dedicated section that summarizes the key points from the Zillow article, presented in a concise and engaging manner.
3. **Visual Elements**: Incorporation of relevant images or icons to enhance understanding and retention of information.
4. **Call to Action (CTA)**: A prominent button encouraging users to learn more or contact for additional information, driving engagement.
5. **Social Media Links**: Easy access buttons for users to share the content on their own profiles or follow the Instagram/Facebook page.
6. **Contact Information**: A simple section for potential clients to reach out for more information or 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**: A single-column layout with a clear vertical flow from the hero section down to educational content, followed by the CTA and contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this project.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a React project using Create React App with TypeScript.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Component Structure**: Set up components for the Hero Section, Content Area, CTA, and Contact Section.
4. **Implement Styling**: Apply Tailwind CSS classes to achieve the minimalist design, ensuring consistent use of the primary color and typography.
5. **Add Educational Content**: Summarize the key points from the Zillow article within the Content Area component.
6. **Integrate Social Media Links**: Add buttons for sharing and linking to social media profiles.
7. **Test Responsiveness**: Ensure the landing page is fully responsive across various devices.

## USER EXPERIENCE
Users will first encounter a captivating hero section that introduces them to the topic. As they scroll down, they will find concise educational content that explains the difference between contingent and pending listings. The design will be intuitive, with a clear CTA guiding users to engage further. Social media sharing options will encourage users to disseminate the information, while the contact section will facilitate inquiries, enhancing overall user engagement and interaction with the brand.