📋 Manage Your Booking

Full MYB dashboard with welcome greeting, booking reference, segmented trip controls, NBA (Next Best Action) cards like Chauffeur, and "Recommended for you" ancillaries with pricing.

Skeleton loading state of the landing page using ghost-loader containers — shimmer placeholders for headings, text blocks, flight cards, and ancillary cards while content loads.

Staff travel booking variant with "Staff" chip badge, multi-leg flight cards showing routes (e.g. Abu Dhabi → London via BKK) with departure/arrival times and flight detail links.

MYB 2.0 landing page with hero, trip tabs, flight timeline and app banner.

MYB 2.0 landing skeleton loading state with shimmer placeholders for hero, trip tabs, flight timeline and app banner while content loads.

MYB 2.0 landing variant for a cancelled or disrupted flight.

Expandable accordion per passenger with "Personal information" and "Contact details" sections containing editable text fields and View/Edit toggle links.

Travel document management with tabbed passenger switcher (Jack, Joann, John) and form fields for passport number, nationality, date of birth, and document expiry.

Modal for selecting in-flight meals on a specific route (e.g. Abu Dhabi → Tokyo) with a dropdown selector for meal options, Etihad-operated flight note, and Confirm button.

Tabbed modal with three categories: "Meals for religious needs", "Meals for medical and dietary needs", and "Meals for children and babies" — each with a detailed description table.

Modal with Sunflower lanyard info for non-visible disabilities, special assistance links, and per-passenger accordion with checkbox options for selecting assistance types.

Modal displaying wheelchair assistance options in a table format — lists special service names with descriptions (e.g. Ramp Wheelchair) and a Confirm button.

"Recommended for you" section with vertical ancillary cards — extra baggage with images, promotional chips, pricing from AED 250, and Add buttons within the MYB layout.

Passenger seat selection states — "Not checked-in" passengers with action buttons and "Already checked-in" passengers with avatars, loyalty tier badges, and infant indicators.

Payment modal with assistance request table — currently a work-in-progress page showing the payment trigger with modal interaction patterns for completing ancillary purchases.

Base shuttle page with "Book your shuttle transfer" heading, free service description, Book shuttle button, active bookings with pick-up/drop-off details, and Quick links sidebar.

Shuttle booking variant with passenger selector, active bookings list showing pick-up/drop-off locations, shuttle details, and transfer confirmation status.

Multi-passenger shuttle variant with two "Book shuttle for" selectors, active bookings with detailed pick-up/drop-off information and the same transfer layout structure.

Multi-shuttle confirmed booking view with multiple shuttle booking cards, detailed shuttle information blocks showing a confirmed/multi-transfer booking scenario.

Horizontal baggage tracking with "Baggage status" heading, tracking-step elements in completed/active/pending states across flight segments, plus Quick links sidebar.

Vertical baggage tracking timeline — step-by-step status display (Checked in → Loaded on flight → Awaiting collection) in a vertical layout with horizontal tracker companion.