Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed to help users track and manage their business leads effectively. It will allow users to input relevant details about each lead, including their source, status, and any important notes from conversations. The application aims to provide insights into the lead management process, helping users to optimize their marketing funnel and sales strategy based on data-driven conclusions.

## CORE FEATURES
1. **Lead Input Form**: A user-friendly interface where users can enter details about each lead, including name, phone number, source, and current status.
2. **Categorization**: Users can categorize leads based on different services offered, enabling better tracking and management of potential clients.
3. **Follow-up Tracking**: Users can mark leads for follow-ups and note important discussion points, ensuring timely engagement with potential clients.
4. **Lead Status Dashboard**: A visual dashboard to track the status of all leads, providing insights into conversion rates and lead progression.
5. **Data Insights**: Generate reports and analytics based on the leads data, helping users understand trends and improve their sales processes.
6. **Responsive Design**: Ensure accessibility across devices, allowing users to manage their leads from mobile and desktop platforms seamlessly.

## 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 layout will consist of a main dashboard with a sidebar for quick navigation between lead input, dashboard view, and reports. Each section will be clearly defined with ample spacing to maintain a clean look.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (or Context API if preferred)

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install necessary dependencies (React, TypeScript, Tailwind CSS, shadcn/ui).
2. **Create the Lead Input Form**: Design a form component to capture lead details, using controlled inputs and validation.
3. **Develop the Dashboard**: Create a dashboard component that displays all leads in a table format, showing key information and allowing for status updates.
4. **Implement Categorization**: Enable categorization by adding dropdowns or tags to the lead form and displaying these categories in the dashboard.
5. **Add Follow-up Functionality**: Implement a section within the lead details where users can add notes and follow-up reminders.
6. **Data Insights**: Create a reporting feature that summarizes lead data and provides visual graphs/charts for better understanding.
7. **Test Responsiveness**: Ensure the application is fully responsive, adjusting layouts for mobile and tablet views.

## USER EXPERIENCE
Users will navigate through a simplified and intuitive interface. The lead input form will prominently feature on the dashboard for quick access. As leads are entered, users can immediately see updates reflected in the dashboard. The follow-up feature will remind users of important interactions, and data insights will be easy to interpret, guiding users in refining their marketing and sales strategies. The overall experience will prioritize ease of use, ensuring that users can focus on managing their leads without unnecessary complexity.