Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
LIAN·CTV is a web application designed specifically for Chị Lan Phạm, a field insurance agent in Cần Thơ, Vietnam. It serves as a comprehensive portal for managing insurance policies, tracking commissions, and overseeing customer interactions, tailored for the Vietnamese market.

## CORE FEATURES
1. **Commission Dashboard**: A real-time overview of Lan's earnings, featuring KPI cards for daily and monthly earnings, an active customer count, and a transaction ledger displaying detailed commission information.
   
2. **Claim Alert Notifications**: Instant notifications whenever a customer opens an insurance claim, with a minimalistic alert modal for quick access to essential claim information and a CTA for requesting further context from the customer.

3. **Customer Book & Attribution Ledger**: A management tool for Lan's portfolio of 127 active customers, displaying vital customer data, including a 12-month attribution clock that tracks interaction status and alerts for expiring customers.

4. **Personalized Renewal Messaging**: A composer tool that pre-fills messages for customer renewals, which Lan can edit before sending via the Zalo messaging app, ensuring a direct and efficient communication channel.

5. **Privacy-First Approach**: A system that logs customer consent requests for viewing detailed claim information, emphasizing privacy and trust in customer interactions.

## 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 top navigation header with the LIAN·CTV logo and tabs for easy access to different sections, including a dashboard and customer management area. Each feature will be organized into cards and tables with clear visual hierarchies and ample spacing.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install necessary dependencies (Tailwind CSS, shadcn/ui, etc.).
2. **Create Layout**: Build the main application layout, incorporating the navigation header and route structure for different features.
3. **Develop Features**: Implement each core feature:
   - Commission Dashboard with KPI cards and transaction ledger.
   - Claim Alert Notification system with modals and logging functionality.
   - Customer Book with filters and interaction timelines.
   - Renewal Messaging Composer linked to Zalo.
4. **Implement State Management**: Integrate state management for tracking user data and application state effectively.
5. **Design UI Components**: Utilize Tailwind CSS to style components according to the specified design specifications.
6. **Testing**: Conduct thorough testing of each feature to ensure functionality and user experience across different devices and screen sizes.
7. **Deployment**: Prepare the application for deployment, ensuring all configurations are set for the production environment.

## USER EXPERIENCE
The application will provide a streamlined experience for Lan, ensuring that all interactions are intuitive and efficient. Users will receive real-time notifications for commissions and claims, easily navigate through their customer portfolio, and maintain compliance with privacy standards. The clean, minimalist design will enhance focus on key tasks and data, ultimately driving productivity for Chị Lan as she manages her insurance business.