Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project focuses on creating a web application dedicated to real estate in Boca Raton, Florida, specifically targeting condos and medium apartment listings for middle-class Americans and immigrants. The platform will provide bilingual support in Portuguese and Spanish, ensuring accessibility and inclusivity for its users.

## CORE FEATURES
1. **Property Listings**: A searchable database of condos and medium apartments with detailed information, including photos, descriptions, and pricing.
2. **Bilingual Support**: Options to view the site in English, Portuguese, and Spanish, catering to the diverse community in Boca Raton.
3. **User Registration and Profiles**: Allow users to create accounts to save favorite listings, receive alerts for new properties, and manage their inquiries.
4. **Advanced Search Filters**: Enable users to filter listings by price range, number of bedrooms, amenities, and more, ensuring easy navigation.
5. **Contact and Inquiry Forms**: Simple forms for users to reach out directly to agents for more information about the properties.
6. **Resource Center**: A section dedicated to articles and guides about living in Boca Raton, the real estate market, and tips for immigrants.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist design emphasizing a clean and simple aesthetic, utilizing ample white space to enhance readability and navigation.
- **Color Mode**: A light theme featuring dark text on light backgrounds to ensure high contrast and legibility.
- **Layout**: A grid-based layout for property listings on the homepage, with a sidebar for filters and a top navigation bar for easy access to different sections of the site.
- **Typography**: Utilize a sans-serif font like Roboto or Open Sans for body text to promote clarity, with larger, bold headings to establish a visual hierarchy. Consistent font sizes and weights will guide users through the content.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for building a robust and scalable application.
- **Styling**: Tailwind CSS for utility-first design, allowing for rapid styling and customization.
- **UI Components**: Utilize shadcn/ui for pre-designed components that align with the minimalist aesthetic.
- **State Management**: Use React Context API or Zustand for managing application state efficiently.

## IMPLEMENTATION STEPS
1. **Set Up Development Environment**: Initialize a new React project with TypeScript and install necessary packages including Tailwind CSS and shadcn/ui.
2. **Create Core Components**: Develop the main components, such as Header, Footer, PropertyCard, and SearchBar, following the minimalist design principles.
3. **Implement Routing**: Set up React Router to allow navigation between different pages, including listing details and the resource center.
4. **Database Integration**: Connect to a backend service (e.g., Firebase or a custom API) to fetch property listings and manage user data.
5. **Bilingual Functionality**: Implement i18next or a similar library for internationalization, allowing content to be displayed in multiple languages.
6. **Responsive Design**: Ensure all components are responsive and function well on various devices by utilizing Tailwind's responsive utilities.
7. **User Testing and Feedback**: Conduct testing sessions with potential users to gather feedback and make necessary adjustments before the final launch.

## USER EXPERIENCE
Users will arrive at a clean homepage featuring a grid of property listings, easily searchable through the integrated search bar and filter options. They can quickly switch between languages via a toggle button. Clicking on a property will lead to a detailed view with images, descriptions, and contact options. The registration process will be streamlined, allowing users to create profiles effortlessly. Throughout their journey, users will experience a cohesive and intuitive interface designed to facilitate smooth navigation and interaction with the platform.