Sistema a partir dessas informações, preciso de um prototipoVISÃO GERAL DA APLICAÇÃO O projeto é uma aplicação web desenvolvida para gerenciar...
Generated Prompt
## APPLICATION OVERVIEW This project is a web application designed to manage agreements and negotiations with hotels. It allows users to submit requests, track charges, and communicate with hotels through an integrated chat or via WhatsApp. The application streamlines hotel quotations and bookings for clients, providing visibility into negotiations and enabling direct communication with the responsible team. ## CORE FEATURES 1. **Hotel Quotation and Management** Users can search, quote, and manage hotels, easily tracking negotiations and received proposals. 2. **Integrated Communication** An integrated chat or WhatsApp connection allows seamless communication between clients, internal teams, and hotels, improving interaction and reducing response time. 3. **RFP Support and Bulk Upload** Hotels can respond to requests for proposals (RFPs) through structured forms or bulk upload information using XLS sheets, simplifying the negotiation process. 4. **Business Intelligence Insights** The application analyzes negotiation data to measure effectiveness, presenting performance indicators, cost savings, strategic insights, and monitoring graphs. 5. **TMC Agreement Storage** The platform will internally store contracts and negotiated conditions from Travel Management Companies (TMCs), estimating potential revenues and comparing them with actual outcomes. 6. **Client Approval Workflow** Clients can review received offers and approve or reject them directly within the platform, streamlining decision-making processes. ## 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 structure will include a top navigation bar, a hero section, features organized in cards, a dashboard for BI indicators and analyses, 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. **Project Setup** Create a new React application using the TypeScript template. 2. **Install Dependencies** Install Tailwind CSS, shadcn/ui, and other necessary libraries for state management and API communication (like Axios). 3. **Layout Creation** Develop the main structure of the interface, including a responsive navigation bar, hero section, and feature cards using Tailwind CSS. 4. **Core Features Development** Implement the main functionalities: - Hotel quotation and management interface - Integrated communication interface - Management of RFP responses and bulk uploads. 5. **Business Intelligence Tools Integration** Set up data visualization components to display indicators, charts, and analyses related to negotiation effectiveness. 6. **Approval Workflow Implementation** Develop functionalities for clients to approve or reject offers, including notifications and status tracking. 7. **Testing and Quality Assurance (QA)** Conduct comprehensive testing for: - Usability - Responsiveness - Performance - Functionality across different devices and browsers. 8. **Deployment** Prepare the application for deployment on platforms such as Vercel or Netlify. ## USER EXPERIENCE Users will have access to an intuitive and optimized interface, enabling simple navigation and efficient interaction with the hotel management system. Key actions will include: - Quoting hotels through straightforward forms. - Real-time communication with hotels and responsible teams. - Viewing and analyzing negotiation data via dashboards and charts. - Quickly approving or rejecting received proposals. The minimalist design will ensure focus on the most important tasks, reducing distractions and enhancing user productivity and satisfaction throughout their journey on the platform.
Loved by thousands of makers from
From early prototypes to real products, they started here.







































Generate optimized prompts for your vibe coding projects
Generate prompt
Enter a brief description of the app you want to build and get an optimized prompt
Review and use your prompt
Review (and edit if necessary) the generated prompt, then copy it or open it directly in your chosen platform
Get inspired with new ideas
Get AI-generated suggestions to expand your product with features that will surprise your users
Frequently Asked Questions
Everything you need to know about creating better prompts for your Lovable projects
Still have questions?
Can't find what you're looking for? We're here to help!
