Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed for managing hotel agreements, allowing users to send, charge, and communicate with hotels through an integrated chat or WhatsApp feature. The application will facilitate sourcing hotels for clients, providing visibility into negotiations, and enabling direct communication with the responsible team. Additionally, it will support responses from hotels via forms (RFP) or bulk uploads through XLS models, while tracking the effectiveness of negotiations through business intelligence (BI) data.

## CORE FEATURES
1. **Hotel Sourcing and Management**: Users can source hotels and manage agreements, providing visibility into negotiations and allowing for easy tracking of offers.
2. **Integrated Communication**: A chat or WhatsApp feature integrated for seamless communication between clients and hotels, enhancing interaction and response times.
3. **RFP and Bulk Upload Support**: Hotels can respond to requests for proposals through structured forms or bulk uploads, simplifying the negotiation process.
4. **Business Intelligence Insights**: The application will analyze data to measure negotiation effectiveness, providing insights, savings, and graphical representations of performance.
5. **TMC Agreement Storage**: Internally, the application will store travel management company (TMC) agreements and conditions, estimating potential revenue and validating it against actual figures.
6. **Client Approval Workflow**: Clients can review and approve or reject hotel offers, streamlining the decision-making process.

## 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**: The main layout will feature a top navigation bar, followed by a hero section, core features organized in cards, a statistics dashboard for BI insights, and a footer with contact information.

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

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React application using Create React App with TypeScript template.
2. **Install Dependencies**: Install Tailwind CSS, shadcn/ui, and any other necessary libraries for state management and communication (e.g., Axios for API calls).
3. **Design Layout**: Create the main layout structure with a responsive navigation bar, hero section, and feature cards using Tailwind CSS for styling.
4. **Develop Core Features**: Implement the hotel sourcing and management feature, communication interface, and RFP response handling.
5. **Integrate Business Intelligence Tools**: Set up data visualization components to display negotiation effectiveness and insights.
6. **Implement Client Approval Workflow**: Develop the functionality for clients to approve or reject hotel offers, including notifications.
7. **Testing and QA**: Conduct thorough testing for usability, responsiveness, and functionality across different devices.
8. **Deployment**: Prepare the application for deployment using a platform like Vercel or Netlify.

## USER EXPERIENCE
Users will experience a streamlined interface that allows easy navigation and interaction with the hotel management system. Key interactions include sourcing hotels via a simple form, engaging in real-time communication with hotels, viewing and analyzing negotiation data through graphical insights, and making quick approval decisions on offers. The minimalist design will ensure that users can focus on their tasks without distractions, enhancing overall productivity and satisfaction.