Cabin Environment

Set your conversation level and interior climate.

{toggle('quiet_ride','Quiet ride','Keep the cabin quiet for calls or relaxation.')}

Cabin temperature

{(['cool','standard','warm'] as const).map((temp) => )}

Meet & greet name displayset('meet_greet_name',e.target.value)} maxLength={120} placeholder="Name or company for the arrival tablet" className="mt-2 w-full rounded-lg border border-navy/15 bg-white px-4 py-3 text-sm dark:border-white/20 dark:bg-ink"/>

Accessibility & In-Cabin Support

Choose any complimentary services you need.

{toggle('wheelchair_storage','Wheelchair storage','Reserve trunk space for a folding wheelchair.')}{toggle('assisted_boarding','Assisted boarding','Request curbside escort and arm support.')}{toggle('chilled_water','Chilled bottled water','Complimentary chilled water.')}{toggle('fast_charging','Fast charging','USB-C, Lightning and MagSafe cables.')}

Flight Notes & Chauffeur Directives

set('directives',e.target.value)} maxLength={500} rows={3} placeholder="Flight information, pickup details, or instructions for your chauffeur..." className="mt-4 w-full resize-y rounded-lg border border-navy/15 bg-white px-4 py-3 text-sm dark:border-white/20 dark:bg-ink"/><p className="mt-1 text-right text-xs text-navy/55 dark:text-white/55">{(requests.directives ?? '').length} / 500</p></section><div className="flex justify-between gap-4"><Link href="/booking/details" className="inline-flex items-center gap-2 rounded-lg border border-navy/15 px-5 py-3 text-sm font-semibold dark:border-white/25"><ArrowLeft className="size-4"/>Back to Booking Summary</Link><button disabled={processing} onClick={()=>router.put('/booking/special-requests',requests,{onStart:()=>setProcessing(true),onFinish:()=>setProcessing(false)})} className="inline-flex items-center gap-2 rounded-lg bg-gold px-6 py-3 text-sm font-semibold text-white disabled:opacity-60">Continue to Payment<ArrowRight className="size-4"/></button></div></div><aside className={cn(cardClass,'p-5 lg:sticky lg:top-6')}><p className="text-xs font-bold tracking-wider text-blue-700 uppercase">Reservation</p><div className="mt-1 flex justify-between gap-3"><h2 className="text-lg font-semibold">{vehicleName}</h2><strong>{money(fareCents,currency)}</strong></div><p className="mt-4 border-t border-navy/10 pt-4 text-sm text-navy/70 dark:border-white/10 dark:text-white/70">{trip.pickup}<br/>{trip.destination ? `to ${trip.destination}` : `${trip.hours ?? ''} hours`}</p><div className="mt-4 flex justify-between border-t border-navy/10 pt-4 font-semibold dark:border-white/10"><span>Total fare</span><span>{money(fareCents,currency)}</span></div><p className="mt-5 flex items-center gap-2 rounded-lg bg-[#fbf8f2] p-3 text-xs text-navy/70 dark:bg-white/5 dark:text-white/70"><VolumeX className="size-4"/>Special requests are complimentary.</p></aside></div></main><SiteFooter className="bg-mist dark:bg-ink"/></div></>;
}