Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a modular intranet web application designed specifically for a travel agency. It will facilitate the management of internal teams, client interactions, and travel bookings through a series of interrelated modules, ensuring a scalable solution that can grow with the agency's needs.

## CORE FEATURES
1. **User Authentication and Role Management**: Secure login system with defined roles (SuperAdmin, Admin, Sales/Agent, Individual Client, Group Client, Corporate Client) to control access to various modules.
2. **Modular Architecture**: Each core module (Personal, Individual Clients, Groups, Companies, Suppliers) will be isolated yet interconnected, allowing for independent updates and enhancements.
3. **Dashboard Overview**: A central home page displaying widgets for upcoming group departures, recent activities, and quick access buttons to various modules.
4. **Client and Lead Management**: Basic CRM functionalities to manage individual client leads, including interest tracking for potential travel options.
5. **Visual Indicators and Filters**: Implementation of badges for status tracking (new, contacted, interested, discarded) and advanced filters for better lead management.
6. **Global Search and Activity Logging**: A comprehensive search feature to find clients, groups, and travel options, along with a timeline to log all module activities for transparency.

## 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 (use this as the main accent/brand color 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**: The layout will feature a top navigation bar for easy access to modules, a sidebar for quick links, and a main content area for displaying widgets and forms.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize the React application with TypeScript and install required dependencies (React Router, Redux, Tailwind CSS).
2. **Design and Implement Layout**: Create the main layout structure with a navigation bar, sidebar, and content area. Ensure responsiveness for mobile devices.
3. **Develop Authentication Module**: Set up user authentication using JWT and role-based access control.
4. **Build Modular Components**: Create separate components for each module (Personal, Clients, Groups, Companies, Suppliers) ensuring they are isolated yet can communicate as needed.
5. **Integrate Dashboard Widgets**: Implement the dashboard with widgets showing group departures and recent activities.
6. **Add State Management**: Set up Redux (or Context API) for managing global state across modules.
7. **Implement Search and Filters**: Develop global search functionality and advanced filtering options for client management.
8. **Test and Iterate**: Conduct thorough testing to ensure all modules function correctly and the user experience is seamless.

## USER EXPERIENCE
Users will experience a streamlined workflow through intuitive navigation, with quick access to all modules. The dashboard will provide a snapshot of critical information, while the modular design allows for easy updates without disrupting the overall system. Users will benefit from a clean interface that emphasizes simplicity and efficiency, allowing them to focus on managing travel operations effectively.