Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web-based B2B platform designed specifically for travel agencies partnering with Civitatis. Its primary purpose is to facilitate the management of reservations, user roles, and reporting while providing an intuitive resource section that includes a widget creator. The platform will enhance operational efficiency and user engagement through a streamlined interface.

## CORE FEATURES
1. **Reservation Management**: Users can view, modify, and track reservations seamlessly, ensuring real-time updates and easy access to booking details.
2. **User Role Management**: Admins can create, edit, and manage user roles and permissions, allowing for customized access to various platform features based on user responsibilities.
3. **Reporting Dashboard**: A comprehensive reporting tool that provides insights into bookings, performance metrics, and operational analytics to help agencies make informed decisions.
4. **Resources Section**: Contains a library of resources, including guides and templates, alongside a widget creator for personalized user experience.
5. **Interactive Chat Assistant**: A chat feature on the home page that prompts users to specify their desired action, dynamically directing them to the corresponding page based on their input.
6. **Responsive Design**: The platform will be fully optimized for both desktop and mobile devices, ensuring a consistent user experience across all screen sizes.

## DESIGN SPECIFICATIONS
- **Visual Style**: The design focuses on a minimalist aesthetic, featuring ample white space to enhance readability and visual clarity. The layout emphasizes simplicity and ease of navigation.
- **Color Mode**: A light theme will be employed, using dark text on light backgrounds to ensure high contrast and legibility.
- **Layout**: The main layout will consist of a top navigation bar for quick access to core features, a left sidebar for secondary navigation, and a central content area that adapts based on user interactions. The chat assistant will be prominently displayed on the home page.
- **Typography**: Use "Montserrat", with a slightly larger size for headings to establish a clear visual hierarchy. Font weights will vary to differentiate between titles, subtitles, and body content.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust application development and maintainability.
- **Styling**: Tailwind CSS will be utilized for efficient and responsive styling, ensuring a consistent design approach.
- **UI Components**: Integration of shadcn/ui for pre-built, accessible UI components that align with the minimalist design.
- **State Management**: Redux Toolkit will be implemented for efficient state management across the application.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Core Components**: Develop components for the navigation bar, sidebar, chat assistant, and main content area, following the design specifications.
3. **Implement Routing**: Set up React Router to handle navigation between different sections of the platform.
4. **Build Core Features**: 
   - Create the reservation management feature with CRUD functionality.
   - Implement user role management with a user-friendly interface.
   - Develop the reporting dashboard using charts and tables for data visualization.
   - Design the resources section with the widget creator tool.
5. **Integrate Chat Assistant**: Develop the interactive chat feature using a state management solution to handle user queries and direct them to appropriate pages.
6. **Responsive Design Testing**: Ensure that all components are responsive and function seamlessly across various devices.
7. **User Testing & Feedback**: Conduct user testing sessions to gather feedback and make iterative improvements.

## USER EXPERIENCE
Users will land on a clean, welcoming home page featuring the chat assistant, inviting them to interact. Upon selecting an action, the application will transition smoothly to the respective page, maintaining context and continuity. Each feature will be intuitively designed, with clear instructions and tooltips to guide users through the application, enhancing their overall experience.