Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a comprehensive CRM (Customer Relationship Management) web application designed to manage leads, accounts, contacts, opportunities, and cases, as well as generate reports and dashboards. The primary goal is to provide users with an intuitive and efficient interface to enhance their customer relationship strategies and streamline workflow processes.

## CORE FEATURES
1. **Leads Management**: Capture and track potential customers with functionalities to add, edit, and prioritize leads based on engagement.
2. **Accounts Handling**: Manage detailed information about customer accounts, including company data, contact details, and interaction history.
3. **Contacts Directory**: Maintain a list of contacts associated with each account, allowing easy communication and follow-up.
4. **Opportunities Tracking**: Monitor sales opportunities through a pipeline view, with stages that represent the sales process, and manage associated actions.
5. **Case Management**: Create and track customer service cases, facilitating resolution processes and ensuring customer satisfaction.
6. **Reports and Dashboards**: Generate insightful reports and customizable dashboards to visualize performance metrics and key data at a glance.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - The design should be clean and simple, utilizing plenty of white space to enhance readability and focus on user interaction.
- **Color Mode**: Light theme with dark text on light backgrounds to ensure clarity and comfort during use.
- **Layout**: A responsive, grid-based layout that organizes features into sections, ensuring a streamlined experience across devices. The main navigation should be easily accessible at the top or side of the application.
- **Typography**: Use a sans-serif font for clarity, with a hierarchy that emphasizes headings and subheadings for easy navigation through content.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust and scalable application development.
- **Styling**: Tailwind CSS to facilitate a responsive and modern design approach.
- **UI Components**: shadcn/ui to leverage pre-built components that align with the minimalist design philosophy.
- **State Management**: Redux or Context API for efficient state management across the application.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project using Create React App with TypeScript support.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project, along with any necessary state management libraries (Redux or Context API).
3. **Design Layout**: Structure the main layout using a grid system, incorporating navigation, main content areas, and sidebar for quick access to features.
4. **Implement Core Features**: Build out each core feature with forms for data entry, tables for display, and modals for interactions (e.g., adding/editing leads).
5. **Create Reports and Dashboards**: Use charting libraries to visualize data and create dynamic reports based on user input and stored data.
6. **Testing and Optimization**: Conduct thorough testing for user experience, responsiveness, and performance. Optimize the application for different device sizes.

## USER EXPERIENCE
The user experience should be seamless, with intuitive navigation allowing users to quickly access different sections of the CRM. Key interactions will include adding new leads/accounts via simple forms, dragging and dropping opportunities across the sales pipeline, and generating reports with a click. The minimalist design ensures users are not overwhelmed by information, while the responsive layout adapts to various screen sizes, providing a consistent experience whether on desktop or mobile.