Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Concesio is a comprehensive CRM application designed specifically for car dealerships and independent car lots in Latin America. The application leverages AI to analyze inventory, manage leads across multiple messaging platforms, and optimize financial insights, ultimately helping users maximize their capital and streamline operations.

## CORE FEATURES
1. **Dashboard Overview**: A central hub displaying key performance indicators (KPIs) such as capital immobilized, average days in inventory, and dealership health metrics.
2. **Inventory Management**: Users can view and manage their vehicle inventory, including detailed insights on each vehicle's cost, price, and status (available, reserved, sold).
3. **Lead Management**: A system to track and manage leads with built-in communication tools for responding to inquiries from various channels.
4. **AI Analytics**: Advanced analytics and AI-driven recommendations to inform users about optimal pricing, vehicle purchasing strategies, and sales performance.
5. **Alerts and Notifications**: Real-time alerts for critical issues such as vehicles aging in inventory or leads nearing inactivity.
6. **User Authentication**: Secure login system to protect user data and ensure personalized experiences.

## 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 responsive layout featuring a sidebar for navigation, a top bar for contextual information, and main content areas for dashboards and data visualizations.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Vite and TypeScript.
2. **Install Dependencies**: Add Tailwind CSS, shadcn/ui, and any other necessary libraries (e.g., Recharts for graphs).
3. **Create Folder Structure**: Organize components, pages, and stylesheets logically (e.g., src/components, src/pages).
4. **Implement Routing**: Set up React Router to handle navigation between different application sections (dashboard, inventory, leads).
5. **Develop Core Features**: 
   - Build the dashboard with KPI components and data visualizations.
   - Create the inventory management system with filter and search functionalities.
   - Implement lead management with a messaging interface.
   - Integrate AI analytics for actionable insights.
6. **User Authentication**: Add login functionality and session handling, including storing session data in cookies or localStorage.
7. **Responsive Design**: Ensure the application is fully responsive, adjusting layout and components for mobile and tablet views.
8. **Testing**: Conduct thorough testing for functionality, accessibility, and responsiveness.
9. **Deployment**: Prepare the application for deployment using a platform like Vercel or Netlify.

## USER EXPERIENCE
Key user interactions include logging in securely, navigating through the sidebar to access different sections, viewing real-time data on the dashboard, managing vehicle inventory seamlessly, and communicating with leads effectively through an integrated messaging system. The AI analytics feature will provide users with actionable insights, enhancing decision-making and improving dealership performance. The design will focus on usability with clear visual hierarchies, intuitive navigation, and responsive layouts to ensure an optimal experience across devices.