Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed to connect service providers with potential customers by providing leads based on user needs. Users can submit their service requests, and businesses can gain access to these leads for a small fee. This platform aims to facilitate the matching process, ensuring customers receive recommendations for suitable service providers at no cost.

## CORE FEATURES
1. **Lead Submission**: A user-friendly form for customers to submit their service needs, capturing essential details to match them with relevant businesses.
2. **Business Dashboard**: A dedicated area for businesses to view and manage incoming leads, including options to respond and track engagement.
3. **Matching Algorithm**: An automated system that pairs customer requests with appropriate service providers based on specified criteria.
4. **Recommendations Engine**: A feature that suggests businesses to customers for free, enhancing user experience and increasing service provider visibility.
5. **Payment Processing**: Secure functionality for businesses to pay a fee to access leads, integrating with popular payment gateways.
6. **User Profiles**: Profiles for both customers and service providers to manage their information, preferences, and interaction history.

## 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 header, a hero section with a call-to-action, followed by features, testimonials from users, and a footer with contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API or Zustand for managing global state

## IMPLEMENTATION STEPS
1. **Setup Project Environment**: Initialize a new React project with TypeScript using Create React App or Vite.
2. **Install Dependencies**: Add Tailwind CSS, shadcn/ui, and any necessary libraries for state management and payment processing.
3. **Create Layout Components**: Build reusable layout components including Header, Footer, and Main Content sections.
4. **Develop Lead Submission Form**: Create a dynamic form component for customers to submit their service requests, ensuring form validation and error handling.
5. **Implement Business Dashboard**: Build a dashboard for businesses to view and manage leads, including data visualization components for tracking engagement.
6. **Create Matching Algorithm**: Develop the logic for matching leads with service providers based on criteria defined in user profiles.
7. **Integrate Payment Processing**: Implement payment gateway functionality to facilitate transactions for accessing leads.
8. **Test Application**: Conduct thorough testing of all components, focusing on user experience and responsiveness across devices.
9. **Deploy Application**: Choose a hosting service (e.g., Vercel, Netlify) to deploy the application and ensure it's accessible to users.

## USER EXPERIENCE
The user experience will focus on simplicity and efficiency. Customers can easily submit their service needs via the lead submission form, while businesses can quickly navigate their dashboard to manage leads. The matching algorithm will operate seamlessly in the background, providing timely recommendations, enhancing satisfaction for both customers and service providers. The application will be fully responsive, ensuring usability on various devices and screen sizes.