Airline Booking System - Copy this React, Tailwind Component to your project
Fait l"ensemble de l'applciation fonctionnel avec toutes les pages :** Create an admin interface for a group booking application for airlines, with the following features: 1. **Dashboard & Overview:** Display active bookings, pending quotes, and trips to be completed. Include a search bar to filter bookings by reference or status. Show notifications and alerts for any urgent actions required. 2. **Manage Routes & Airports:** Interface for adding, editing, or removing routes and airport data. Ability to associate routes with specific tariff and cabin class information. 3. **Create Alerts:** Allow admins to create alerts for different conditions (flight cancellations, time changes). Options for frequency of alerting and notification type (email, in app). Integration of alert templates for quick use. 4. **Pricing & Tariffs:** Section for managing tariffs, with details on each flight (e.g., route, class, and rates). Display tariffs for different passenger categories (economy, business, premium). Allow the admin to edit and update prices. 5. **Quota Management:** Interface for setting and managing booking quotas for specific flights. Input for defining quotas based on route, class, and other parameters. 6. **Cabin Class & Types:** Admin can configure available cabin classes (Economy, Premium Economy, Business). Assign specific classes to routes or bookings. **Client Version Prompt:** Create a client interface for the same group booking application, with the following features: 1. **Home & Dashboard:** Display active bookings, pending quotes, and trips to be completed. Show a clean, interactive interface with visual cues to highlight current booking status. Search for past bookings by reference or status. 2. **Create New Trip:** Interactive form to input departure and destination points, dates (with dynamic calendar). Options for group composition (adult, child, infant) and type of group (e.g., association, company). Display cabin options and allow selection between Economy, Premium, and Business classes. 3. **Select Flights:** List available flights for selected routes, including detailed pricing per passenger. Options to filter and sort flights by price, duration, or departure time. Select flights for both outbound and return legs. 4. **Booking Summary & Confirmation:** Provide a detailed summary of the selected flights, including total price, flight details, and passenger breakdown. Offer optional add ons like baggage and in flight services. Option to confirm booking and proceed to payment. 5. **Payment & Confirmation:** Integrate a secure payment gateway for completing the transaction. Send an email confirmation with trip details and payment receipt after the booking is confirmed. 6. **Manage Reservations:** Section to view current, past, and upcoming trips. Ability to modify or add passengers to the reservation until a set deadline. Notifications about any changes to the booking (e.g., flight changes or cancellations). **Design & Ergonomics:** The interface should be sleek, modern, and minimalistic, with a soothing color palette (preferably purple and white). Smooth transitions and fluid navigation between sections (Home, Search, Flights, Summary, Contacts). Mobile and tablet responsive design for seamless user experience on different devices.
