Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application serves as a platform for service providers to showcase their offerings and for clients to discover and hire these services. It features user authentication, customizable service profiles, and interactive elements that enhance user engagement and communication.

## CORE FEATURES
1. **User Authentication**: Service providers can sign up using Google accounts or create a new account, ensuring secure access to their profiles.
2. **Service Profiles**: Providers can create and edit profiles to list the types of services they offer, including descriptions and pricing.
3. **Photo Upload and Comments**: Users can upload images related to their services, allowing clients to view and comment on the images, fostering engagement.
4. **Contact Information**: Providers can specify their contact methods, making it easy for clients to reach out directly.
5. **Exclusive Chat Feature**: An integrated messaging system allows clients and providers to communicate privately within the app.

## 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 header with navigation, a hero section for service highlights, a grid layout for service provider profiles, and a footer for additional information and contact links.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API or Redux (if more complex state management is needed)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create User Authentication**: Implement Google sign-in using Firebase Authentication for seamless login.
3. **Build Service Profile Component**: Create a form for service providers to input their service details, including the ability to upload images.
4. **Implement Commenting System**: Use a backend service (like Firebase Firestore) to store and retrieve comments on service images.
5. **Design Chat Feature**: Integrate a messaging service (like Firebase Cloud Messaging) for real-time chat capabilities.
6. **Responsive Design**: Ensure that all components are mobile-friendly and maintain the minimalist aesthetic across different screen sizes.

## USER EXPERIENCE
Key interactions include a straightforward onboarding process for service providers, an intuitive dashboard for managing service profiles, and an easy-to-use interface for clients to browse services and engage with providers. The chat feature allows for real-time communication, enhancing the overall experience and facilitating quick responses to client inquiries. 

By implementing these features and adhering to the specified design guidelines, this web application will effectively connect service providers with clients in a user-friendly and visually appealing manner.