Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed for a real estate agency, targeting both iOS and Android platforms. It will serve as a mobile extension of the existing WordPress website, providing users with access to property listings, details, and contact features in a clean and user-friendly interface.

## CORE FEATURES
1. **Property Listings**: Display a comprehensive list of available properties with images, descriptions, and pricing.
2. **Search and Filter**: Allow users to search for properties by location, price range, type, and other criteria.
3. **Property Details**: Detailed view of each property including images, amenities, and contact information for inquiries.
4. **Contact Form**: A straightforward contact form for users to reach out for more information or schedule viewings.
5. **User Accounts**: Optional user authentication to save favorite properties and receive notifications about new listings.
6. **Map Integration**: Show property locations on an interactive map for easy navigation and exploration.

## 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 navigation bar at the top, followed by a hero section showcasing featured properties, and a grid layout for property listings below, ensuring a responsive design that adapts to various screen sizes.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux Toolkit (for managing user authentication and favorite properties)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and Tailwind CSS.
2. **Design Layout**: Create the main layout components, including the navigation bar, hero section, and property listing grid.
3. **Integrate API**: Fetch property data from the existing WordPress site using its REST API.
4. **Implement Features**: Develop core features such as search and filter functionality, property details view, and contact form.
5. **Add User Authentication**: Implement user account features for saving favorites and notifications.
6. **Optimize for Mobile**: Ensure responsive design for smooth operation on both iOS and Android devices.

## USER EXPERIENCE
Users will begin by landing on the home page, greeted by a hero section featuring the latest listings. They can easily navigate through the property listings, utilizing search and filter options to find their desired properties. Each property detail page will provide rich information and a contact form for inquiries. The app will also allow users to create accounts, save their favorite properties, and receive tailored notifications, enhancing their overall experience in finding their ideal home.