Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web app is a Sales CRM designed to integrate seamlessly with Google Sheets for data management. It allows users, including admins and sales team members, to efficiently manage leads, assign tasks, and track performance within a clean, minimalist interface.

## CORE FEATURES
1. **User Authentication**: Admins can create and manage user accounts with different roles (admin and sales personnel) to ensure secure and efficient access.
2. **Lead Management**: Users can add new leads, edit existing lead details, and assign leads to specific sales team members.
3. **Sales Team Management**: Admins can add new sales team members, edit their information, and monitor their performance.
4. **Google Sheets Integration**: Direct integration with Google Sheets to import and export sales data for real-time updates and reporting.
5. **Performance Dashboard**: A simplified dashboard that displays key metrics and sales performance for quick insights.
6. **Notifications**: Automated notifications for lead assignments and updates to ensure timely follow-ups.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist with a focus on a clean and simple design. Ample white space will enhance readability and usability, ensuring that the interface is intuitive and straightforward.
- **Color Mode**: Light theme featuring dark text on light backgrounds to improve contrast and legibility.
- **Layout**: A responsive grid layout that adapts to various screen sizes while maintaining a clear hierarchy. Key sections will include a sidebar for navigation, a main content area for forms and data display, and a footer for additional information.
- **Typography**: Use a sans-serif font like **Roboto** or **Open Sans** for a modern look. Heading sizes should follow a clear hierarchy (H1 for main titles, H2 for section titles, and body text in a consistent size for clarity).

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for type safety and component-based architecture.
- **Styling**: Tailwind CSS for utility-first styling, allowing for rapid design adjustments and responsiveness.
- **UI Components**: Use **shadcn/ui** for ready-made, customizable components that align with the minimalist design.
- **State Management**: Consider using React Context or Redux for managing application state efficiently.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install necessary dependencies including Tailwind CSS and shadcn/ui.
2. **Create Authentication Module**: Develop user authentication functionality using Firebase or Auth0, allowing admins to create and manage user accounts.
3. **Integrate Google Sheets API**: Set up Google Sheets API for data fetching and manipulation, enabling importing and exporting of leads and sales data.
4. **Design UI Components**: Build reusable UI components using shadcn/ui that adhere to the designated design specifications.
5. **Develop Core Features**: Implement lead management, sales team management, and performance dashboard features as outlined in core features.
6. **Testing and Debugging**: Thoroughly test all functionalities, ensuring that data flows correctly between the Google Sheets and the CRM, and that all user interactions are seamless.
7. **Deployment**: Deploy the web app on a hosting platform like Vercel or Netlify, ensuring optimal performance and accessibility.

## USER EXPERIENCE
Users will experience a streamlined interface that allows for easy navigation and interaction. Upon logging in, users will see a dashboard summarizing their leads and performance metrics. Adding or editing leads and team members will be facilitated through simple forms, with real-time feedback and notifications provided for every action taken. The responsive design will ensure usability across devices, allowing users to manage their sales activities efficiently from anywhere.