Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed for a real estate agency, providing a platform for users to browse available properties, connect with agents, and facilitate property transactions. The focus is on creating a seamless user experience through a minimalist design that emphasizes clarity and ease of navigation.

## CORE FEATURES
1. **Property Listings**: A searchable database of properties with detailed information, including images, descriptions, prices, and location maps.
2. **Agent Profiles**: Dedicated pages for each agent showcasing their expertise, contact information, and active listings.
3. **Search and Filter Options**: Advanced search capabilities allowing users to filter properties by type, price range, and location.
4. **User Accounts**: Registration and login functionality enabling users to save favorite listings and receive notifications about new properties.
5. **Contact Form**: A simple form for inquiries, allowing potential buyers to reach out directly to agents with questions or requests for viewings.
6. **Blog Section**: A space for articles and tips related to real estate, providing valuable content that can engage users and drive traffic.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist design with a clean, simple aesthetic that maximizes white space. The interface should prioritize clarity and focus on typography for readability.
- **Color Mode**: Light theme featuring dark text on light backgrounds to enhance legibility and create a welcoming atmosphere.
- **Layout**: A grid-based layout for property listings with cards that include an image, title, and brief description. The homepage should feature an oversized hero section with a search bar, followed by featured listings in a grid format.
- **Typography**: Use a sans-serif font such as "Roboto" for body text to ensure legibility, with a larger, bold font for headings to create a clear hierarchy. Maintain consistent font sizing and spacing throughout to enhance the minimalist aesthetic.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for a robust and type-safe development experience.
- **Styling**: Tailwind CSS for utility-first styling, enabling rapid design iterations while maintaining the minimalist approach.
- **UI Components**: Utilize shadcn/ui for pre-built components that adhere to the minimalist design principles.
- **State Management**: Consider using React Context or Zustand for handling global state, especially for user authentication and saved properties.

## 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 assets into a clear folder structure for maintainability.
3. **Build Core Components**: Develop reusable components for property cards, agent profiles, and the contact form.
4. **Set Up Routing**: Implement React Router for navigation between different pages, including home, listings, agent profiles, and the blog.
5. **Integrate State Management**: Implement context or Zustand for managing user sessions and saved properties.
6. **Implement Responsive Design**: Use Tailwind CSS's responsive utilities to ensure the application looks great on all devices.
7. **Test Functionality**: Thoroughly test all features, including search and filtering, user accounts, and contact forms, to ensure usability.
8. **Deploy Application**: Choose a hosting platform and deploy the application, ensuring all performance optimizations are in place.

## USER EXPERIENCE
Users will arrive at a clean homepage featuring a prominent search bar to find properties quickly. The intuitive navigation allows users to browse listings, view agent profiles, and read informative blog posts effortlessly. The minimalist design ensures that users are not overwhelmed, making it easy to focus on property details. Responsive design guarantees that the application provides a seamless experience across devices, enhancing accessibility and user satisfaction.