Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a professional landing page for Little Creek Realty. The website will showcase real estate listings, provide essential information about the agency, and encourage potential clients to engage. The design will emphasize a clean, minimalist aesthetic, ensuring a user-friendly experience focused on conversions.

## CORE FEATURES
1. **Hero Section**: A prominent hero section featuring a visually appealing background image with a clear call-to-action (CTA) button encouraging visitors to explore listings or contact the agency.
2. **Property Listings**: A section displaying featured properties with images, brief descriptions, and links to detailed views.
3. **About Us**: A concise overview of Little Creek Realty, including their mission, values, and team members.
4. **Testimonials**: A section for client testimonials to build trust and credibility with potential clients.
5. **Contact Form**: An easy-to-use contact form allowing visitors to inquire about properties or services.
6. **Navbar**: A navigation bar with space reserved for the logo and links to key sections of the site (Home, Listings, About Us, Contact).

## 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**: #C32E3E (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 layout will consist of a top navbar, a full-width hero section, followed by the property listings, an About Us section, testimonials, and a contact form, all arranged vertically for a seamless scrolling experience.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not specified, but consider using React's built-in state management for simplicity.

## IMPLEMENTATION STEPS
1. **Set up the React project**: Initialize a new React project with TypeScript.
2. **Install dependencies**: Install Tailwind CSS and shadcn/ui components.
3. **Create the Navbar**: Implement the navigation bar with links and a space for the logo.
4. **Design the Hero Section**: Add a full-width hero section with a background image and a prominent CTA button.
5. **Develop Property Listings**: Create a component to display a grid of featured properties using Tailwind CSS for styling.
6. **Implement About Us Section**: Add a section with text and images to introduce Little Creek Realty.
7. **Add Testimonials Section**: Create a carousel or grid layout to showcase client testimonials.
8. **Create Contact Form**: Develop a contact form with necessary fields and integrate form validation.
9. **Responsive Design**: Ensure that all components are responsive and provide a seamless experience across devices.
10. **Deploy the Website**: Choose a hosting platform to deploy the completed landing page.

## USER EXPERIENCE
The user experience will prioritize simplicity and clarity. Visitors will be greeted by an inviting hero section with a clear CTA, leading them to explore properties or contact the agency. The navigation will be intuitive, allowing users to easily find information about listings, the agency, and testimonials. The layout will ensure that all important information is accessible without overwhelming the user, maintaining a focus on conversion through clear calls to action.