Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed for insurance agents and brokers, allowing them to log in, calculate premiums, purchase policies on behalf of customers, and manage quotes effectively. The application will feature a clean and modern interface that simplifies the process of managing insurance products and client information.

## CORE FEATURES
1. **Dashboard**: A central hub for agents to view key metrics, recent activities, and quick access to essential tools.
2. **Premium Calculator**: A user-friendly tool for agents to calculate insurance premiums based on various inputs and scenarios.
3. **Quote Management**: A system for agents to create, view, and manage insurance quotes efficiently.
4. **UTM Tracking**: Integration of UTM parameters for tracking marketing campaigns and lead sources.
5. **Applications of customer Overview**: A section for agents to view submitted applications, status updates, and necessary actions.
6. **Product Plans and Hospital Network**: Access to detailed information on various insurance plans and affiliated hospital networks.

## 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 with a fixed navigation bar at the top featuring tabs for Dashboard, Premium Calculator, Quote Management, UTM, and All Applications. Each section will utilize cards and tables to display information clearly.

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

## IMPLEMENTATION STEPS
1. **Project Setup**: Initialize a new React project with TypeScript and install necessary dependencies (Tailwind CSS, shadcn/ui).
2. **Create Basic Structure**: Set up the overall folder structure, including components, pages, and styles.
3. **Build Navigation Bar**: Develop a fixed navigation bar with tabs linking to each core feature.
4. **Develop Core Features**:
   - Create the Dashboard component with key metrics and navigation links.
   - Implement the Premium Calculator with input fields and calculation logic.
   - Build the Quote Management component for creating and viewing quotes.
   - Integrate UTM tracking functionalities as needed.
   - Develop the Application Overview to display submitted applications.
5. **Styling**: Apply Tailwind CSS for styling components, ensuring adherence to the design specifications.
6. **Testing**: Conduct thorough testing of each feature for usability and performance.
7. **Deployment**: Prepare the application for deployment, ensuring it meets all necessary guidelines.

## USER EXPERIENCE
Users will have a seamless experience starting from the login page, leading to a dashboard that highlights essential data. Each feature will be intuitively accessible via the navigation bar, with clear calls to action that guide agents through calculating premiums, managing quotes, and accessing product information. The minimalist design will ensure that users can focus on their tasks without distractions, enhancing efficiency and satisfaction. 

This application aims to provide a modern solution for insurance agents, streamlining their workflow and improving customer service.