Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project aims to create a web application for a real estate agency available on iOS and Android platforms. The app will provide users with comprehensive access to property listings, information, and services similar to those found on the existing website, enhancing user engagement and facilitating seamless property searches.

## CORE FEATURES
1. **Property Listings**: A searchable database of available properties with detailed descriptions, images, and pricing.
2. **Search and Filter Options**: Users can filter properties based on criteria such as location, price range, and property type.
3. **Favorites**: Users can save their favorite listings for easy access and comparison later.
4. **Contact Agents**: A feature that allows users to get in touch with real estate agents through the app for inquiries and appointments.
5. **User Authentication**: Account creation and login functionality for users to manage their profiles and saved properties.
6. **Push Notifications**: Alerts for new listings, price changes, and updates relevant to user preferences.

## 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 top navigation bar, a hero section for featured properties, a grid layout for 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**: React Context API or Redux (if needed).

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui for component styling.
2. **Create the Main Layout**: Develop the main layout structure including the navigation bar, hero section, and footer.
3. **Build Core Components**: Create components for property listings, search filters, and user authentication forms.
4. **Implement State Management**: Set up state management to handle user authentication and property data.
5. **Connect to Backend**: Integrate with the backend API to fetch property listings and handle user data.
6. **Add User Authentication**: Implement user registration and login functionalities.
7. **Develop Notification System**: Set up push notifications for relevant user updates.
8. **Testing**: Conduct thorough testing to ensure functionality on both iOS and Android platforms.
9. **Deployment**: Prepare the app for deployment on respective app stores.

## USER EXPERIENCE
Users will have a straightforward onboarding process, allowing them to register or log in quickly. Once logged in, they can easily browse through property listings, use filters to narrow down options, and save favorites. The app will provide a seamless experience with intuitive navigation and quick access to contact real estate agents for inquiries, ensuring that users can find the information they need efficiently. Push notifications will keep users informed about new listings and updates tailored to their interests.