Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed for the real estate market in the Dominican Republic. It will facilitate property listings, searches, and user interactions for buyers and sellers. The goal is to create a seamless experience that connects users with properties, enhancing their search process through an intuitive interface.

## CORE FEATURES
1. **Property Listings**: Display a comprehensive list of available properties with filters for location, price, and property type.
2. **Advanced Search**: Users can search for properties using various parameters, including price range, number of bedrooms, and type of property.
3. **User Authentication**: Secure login and registration for users to save favorite properties and manage their listings.
4. **Property Details Page**: Detailed information for each property, including images, descriptions, and contact information for the seller or agent.
5. **Contact Form**: A simple form for users to inquire about specific properties directly from the listing page.
6. **Favorites**: Allow users to save properties they are interested in, making it easier to revisit them later.

## 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 consist of a header with navigation, a hero section showcasing featured properties, a grid display of property listings, and a footer with contact information and links.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Use React Context or Zustand for managing application state.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Folder Structure**: Organize components, pages, and styles into appropriate folders for maintainability.
3. **Implement Routing**: Set up routing using React Router for navigation between the homepage and property detail pages.
4. **Build Components**:
   - Create a reusable Header component for navigation.
   - Develop a Hero component to showcase featured properties.
   - Create a PropertyCard component to display individual property listings.
5. **Integrate State Management**: Set up React Context or Zustand for managing user authentication and favorites.
6. **Design Pages**: Style the application using Tailwind CSS according to the design specifications, ensuring responsiveness.
7. **Implement Authentication**: Add user registration and login functionality with secure authentication.
8. **Connect API**: Integrate with a real estate API (if available) or set up a mock backend to fetch property listings.
9. **Test and Optimize**: Conduct user testing to gather feedback and optimize the user experience.

## USER EXPERIENCE
Users will begin their journey on the landing page, where they can view featured properties and utilize the search feature to find listings that meet their criteria. They can click on a property to view more details or save it to their favorites for easy access later. The clean and minimalist design will ensure that users can navigate the site effortlessly, with clear calls to action guiding them toward contacting sellers or exploring additional properties.