Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Shitouf.com is a SaaS web application designed for the Israeli real estate market, focusing on connecting agents, agencies, and contractors. The platform aims to facilitate property transactions through a streamlined interface that supports inter-agent networking, property management, and client interaction.

## CORE FEATURES
1. **Agent & Agency Profiles**: Create and manage profiles for agents and agencies, including contact information, specialties, and past performance statistics.
2. **Property Listings**: A comprehensive database of properties available for sale or rent, with detailed descriptions, images, and pricing in both NIS and USD.
3. **Inter-Agent Networking**: A built-in social network feature allowing agents to connect, share leads, and collaborate on property deals.
4. **Automated Matching**: A matching algorithm that connects buyers with suitable properties based on their preferences and criteria.
5. **Transaction Management**: Tools for tracking and managing property transactions, including contracts, commission sharing, and notifications.
6. **Analytics Dashboard**: An overview dashboard for agents to monitor their performance metrics, including deals closed, client interactions, and ongoing negotiations.

## 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 top navigation bar, a hero section for key actions, a grid layout for property listings, and sidebar components for filters and agent tools.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui for pre-built components.
- **State Management**: Zustand or Context API for lightweight state management.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and component management.
3. **Create Component Structure**: Set up the main components including Header, Footer, PropertyList, AgentProfile, and Dashboard.
4. **Implement Routing**: Use React Router for navigation between different sections of the app.
5. **Build Data Models**: Define TypeScript interfaces for properties, agents, and transactions.
6. **Connect to Backend**: Set up API calls to fetch property listings and agent data. Ensure data is displayed in a user-friendly manner.
7. **Develop Matching Algorithm**: Implement the logic for automated property matching based on user input.
8. **Integrate Notifications**: Use a service like Firebase or custom backend notifications for alerting users about new matches and updates.
9. **Test Responsiveness**: Ensure the application works seamlessly on various devices and screen sizes using responsive design techniques.

## USER EXPERIENCE
Users will have a straightforward experience, starting with a clean, inviting landing page that highlights the main features and benefits of using Shitouf.com. Agents can easily navigate to their profiles, manage properties, and collaborate with others through an intuitive interface. The matching feature will provide instant feedback, improving user engagement and satisfaction. Notifications and alerts will keep users informed about important updates, further enhancing the overall experience.