Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed to manage sales performance and reporting for a team of salespersons, focusing on tracking various stages of the sales process, generating reports, and providing insights into performance metrics. The application will help streamline operations and improve efficiency by automating data capture and reporting.

## CORE FEATURES
1. **Salesperson Management**: Allow for the addition and management of salespersons, including performance tracking metrics for each individual.
2. **Stage-wise Timeline Tracking**: Implement a feature to track timelines for various stages such as SO, Plan, Production, Vehicle Entry, Dispatch, and Billing, ensuring adherence to defined timelines.
3. **Automated Reporting**: Generate reports that reflect process completion percentages and repeat order statistics, providing an overall score for the company and each salesperson.
4. **Performance Scoring System**: Introduce a scoring logic where a lower score indicates better performance, enabling easy identification of top-performing salespersons.
5. **Real-time Data Capture**: Capture vehicle entry and exit times automatically to streamline the dispatch process and enhance reporting accuracy.
6. **Dashboard Overview**: A visually appealing dashboard that summarizes key metrics and performance indicators for quick insights.

## 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**: A structured layout featuring a top navigation bar, followed by a main dashboard section, and collapsible side panels for detailed views of performance metrics.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API, if needed for managing complex state.

## IMPLEMENTATION STEPS
1. **Set up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create UI Components**: Develop reusable components for buttons, cards, and forms, following the design specifications.
3. **Implement Routing**: Set up routing for different sections of the application (if using multi-page structure).
4. **Build Salesperson Management Feature**: Create functionality to add, edit, and delete salesperson details.
5. **Develop Timeline Tracking**: Implement the timeline tracking mechanism for each stage with defined durations.
6. **Automate Reporting**: Create a reporting module that calculates and displays performance metrics based on the captured data.
7. **Add Dashboard Overview**: Design and implement a dashboard that visually represents key performance indicators and scores.
8. **Test Functionality**: Conduct thorough testing of all features to ensure functionality meets requirements and is bug-free.
9. **Deploy the Application**: Deploy the application to a suitable hosting platform.

## USER EXPERIENCE
Users will interact with a clean, intuitive interface where they can easily navigate through the application. The dashboard will present a concise summary of performance metrics, allowing users to drill down into specific reports. The automated data capture will minimize manual input, enhancing the workflow and ensuring timely updates. The scoring system will provide instant feedback on performance, fostering a competitive yet collaborative environment among salespersons.