import { Head, Link } from '@inertiajs/react'; import { ArrowLeft, CarFront, CheckCircle2, Clock3, MapPin, MessageSquare, Navigation, Phone, Plane, Route, ShieldCheck, Sun, Timer, Users } from 'lucide-react'; import SiteFooter from '@/components/home/site-footer'; import SiteHeader from '@/components/home/site-header'; import type { BookingSummary } from '@/types/booking'; type Props = { booking: BookingSummary }; export default function TripGuide({ booking }: Props) { const isAirportPickup = booking.service.toLowerCase().includes('airport') || booking.pickup.toLowerCase().includes('airport'); const pickupLabel = isAirportPickup ? 'Terminal arrival' : 'Origin pickup point'; const destination = booking.destination ?? 'Your destination'; return ( <>

Go back

Curated visual itinerary

Trip & Location Guide

Visual overview of your pickup point, transit route, and destination drop-off with clear door-to-door guidance.

Confirmed executive transfer {booking.vehicle} · {booking.pickup_at_label}

{booking.vehicle}

Step 01: Arrival orientation

Pickup point

{booking.pickup.split(',')[0]}

Origin pickup point

{booking.pickup}

Specific meeting spot

Your chauffeur will meet you at the designated pickup point and display your booking name.

Visual guidance checklist & tips

); } function Info({ icon: Icon, label, value }: { icon: typeof Plane; label: string; value: string }) { return

{label}

{value}

; } function Tip({ icon: Icon, title, text }: { icon: typeof Users; title: string; text: string }) { return

{title}

{text}

; }