@planetaexo/design-system 0.22.2 → 0.23.1

package/dist/index.js

@@ -1,10 +1,10 @@
-import * as React23 from 'react';
+import * as React25 from 'react';
 import { useState, useRef, useCallback, useEffect } from 'react';
 import { cva } from 'class-variance-authority';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { XIcon, ChevronDownIcon, CalendarIcon, SearchIcon, ChevronRightIcon, ArrowLeftIcon, CheckCircle2Icon, MapIcon, LogOutIcon, UsersIcon, CreditCardIcon, AlertCircleIcon, MinusIcon, PlusIcon, CircleCheckIcon, ChevronLeftIcon, ClockIcon, ChevronUpIcon, UserIcon, MenuIcon, SunIcon, MoonIcon, MapPinIcon, PackageIcon, InfoIcon, Loader2Icon, SendIcon, CheckCircleIcon, CheckIcon, MailIcon, PhoneIcon, MessageCircleIcon, CompassIcon, UserPlusIcon, ExternalLinkIcon, CopyIcon, PencilIcon, Trash2Icon, UserMinusIcon, AlertTriangleIcon, CarIcon, ZoomInIcon, StarIcon, LayoutGridIcon } from 'lucide-react';
+import { XIcon, ChevronDownIcon, CalendarIcon, SearchIcon, ChevronRightIcon, ArrowLeftIcon, CheckCircle2Icon, MapIcon, LogOutIcon, UsersIcon, CreditCardIcon, AlertCircleIcon, MinusIcon, PlusIcon, CircleCheckIcon, ChevronLeftIcon, HomeIcon, SailboatIcon, CarIcon, WavesIcon, FootprintsIcon, ClockIcon, CheckIcon, ChevronUpIcon, UserIcon, MenuIcon, SunIcon, MoonIcon, MapPinIcon, InfoIcon, PackageIcon, SparklesIcon, BackpackIcon, BedDoubleIcon, UtensilsIcon, ReceiptIcon, Loader2Icon, SendIcon, CheckCircleIcon, MailIcon, PhoneIcon, MessageCircleIcon, CompassIcon, UserPlusIcon, ExternalLinkIcon, CopyIcon, PencilIcon, Trash2Icon, UserMinusIcon, AlertTriangleIcon, ZoomInIcon, StarIcon, LayoutGridIcon } from 'lucide-react';
 import { Separator as Separator$1 } from '@base-ui/react/separator';
 import { Dialog as Dialog$1 } from '@base-ui/react/dialog';
 import { Button as Button$1 } from '@base-ui/react/button';
@@ -81,7 +81,7 @@ var buttonVariants = cva(
     }
   }
 );
-var Button = React23.forwardRef(
+var Button = React25.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, variant, size } = _b, props = __objRest(_b, ["className", "variant", "size"]);
     return /* @__PURE__ */ jsx(
@@ -302,10 +302,10 @@ function DialogDescription(_a) {
     }, props)
   );
 }
-var FloatingInput = React23.forwardRef(
+var FloatingInput = React25.forwardRef(
   (_a, ref) => {
     var _b = _a, { label, error, id, className, required } = _b, props = __objRest(_b, ["label", "error", "id", "className", "required"]);
-    const inputId = id != null ? id : React23.useId();
+    const inputId = id != null ? id : React25.useId();
     return /* @__PURE__ */ jsxs("div", { className: cn("relative", className), children: [
       /* @__PURE__ */ jsx(
         "input",
@@ -345,10 +345,10 @@ var FloatingInput = React23.forwardRef(
   }
 );
 FloatingInput.displayName = "FloatingInput";
-var FloatingSelect = React23.forwardRef(
+var FloatingSelect = React25.forwardRef(
   (_a, ref) => {
     var _b = _a, { label, error, id, className, required, children, value } = _b, props = __objRest(_b, ["label", "error", "id", "className", "required", "children", "value"]);
-    const inputId = id != null ? id : React23.useId();
+    const inputId = id != null ? id : React25.useId();
     const hasValue = typeof value === "string" ? value !== "" : value !== void 0 && value !== null;
     return /* @__PURE__ */ jsxs("div", { className: cn("relative", className), children: [
       /* @__PURE__ */ jsx(
@@ -612,11 +612,11 @@ function PhoneCountrySelect({
   disabled
 }) {
   var _a;
-  const [open, setOpen] = React23.useState(false);
-  const containerRef = React23.useRef(null);
-  const listRef = React23.useRef(null);
+  const [open, setOpen] = React25.useState(false);
+  const containerRef = React25.useRef(null);
+  const listRef = React25.useRef(null);
   const selected = (_a = PHONE_COUNTRIES.find((c) => c.code === value)) != null ? _a : PHONE_COUNTRIES[0];
-  React23.useEffect(() => {
+  React25.useEffect(() => {
     if (!open) return;
     const handler = (e) => {
       var _a2;
@@ -627,7 +627,7 @@ function PhoneCountrySelect({
     document.addEventListener("mousedown", handler);
     return () => document.removeEventListener("mousedown", handler);
   }, [open]);
-  React23.useEffect(() => {
+  React25.useEffect(() => {
     if (!open || !listRef.current) return;
     const activeEl = listRef.current.querySelector("[data-selected=true]");
     activeEl == null ? void 0 : activeEl.scrollIntoView({ block: "nearest" });
@@ -897,8 +897,8 @@ function CalendarDayButton(_a) {
     "locale"
   ]);
   const defaultClassNames = getDefaultClassNames();
-  const ref = React23.useRef(null);
-  React23.useEffect(() => {
+  const ref = React25.useRef(null);
+  React25.useEffect(() => {
     var _a2;
     if (modifiers.focused) (_a2 = ref.current) == null ? void 0 : _a2.focus();
   }, [modifiers.focused]);
@@ -929,16 +929,16 @@ function BirthDateField({
   className,
   disabled
 }) {
-  const [open, setOpen] = React23.useState(false);
-  const [text, setText] = React23.useState(
+  const [open, setOpen] = React25.useState(false);
+  const [text, setText] = React25.useState(
     value ? format(value, "dd/MM/yyyy") : ""
   );
-  const containerRef = React23.useRef(null);
-  const inputId = React23.useId();
-  React23.useEffect(() => {
+  const containerRef = React25.useRef(null);
+  const inputId = React25.useId();
+  React25.useEffect(() => {
     setText(value ? format(value, "dd/MM/yyyy") : "");
   }, [value]);
-  React23.useEffect(() => {
+  React25.useEffect(() => {
     if (!open) return;
     const handler = (e) => {
       var _a;
@@ -1147,14 +1147,14 @@ function CountrySearchField({
 }) {
   var _a;
   const list = countries != null ? countries : COUNTRIES;
-  const [query, setQuery] = React23.useState("");
-  const [open, setOpen] = React23.useState(false);
-  const containerRef = React23.useRef(null);
-  const searchRef = React23.useRef(null);
+  const [query, setQuery] = React25.useState("");
+  const [open, setOpen] = React25.useState(false);
+  const containerRef = React25.useRef(null);
+  const searchRef = React25.useRef(null);
   const selected = list.find((c) => c.code === value);
   const isFloated = open || !!selected;
   const filtered = query.trim() ? list.filter((c) => c.name.toLowerCase().includes(query.toLowerCase())) : list;
-  React23.useEffect(() => {
+  React25.useEffect(() => {
     if (!open) return;
     const handler = (e) => {
       var _a2;
@@ -1268,7 +1268,7 @@ function AdventureCard({
 }) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
   const isControlled = (_b = (_a = adventure.optionals) == null ? void 0 : _a.some((o) => o.onCheckedChange !== void 0)) != null ? _b : false;
-  const [checkedInternal, setCheckedInternal] = React23.useState(
+  const [checkedInternal, setCheckedInternal] = React25.useState(
     new Set((_d = (_c = adventure.optionals) == null ? void 0 : _c.filter((o) => o.defaultChecked).map((o) => o.id)) != null ? _d : [])
   );
   const isChecked = (opt) => {
@@ -1666,7 +1666,7 @@ function BookingShell({
   return /* @__PURE__ */ jsxs("div", { className: "rounded-2xl border border-border bg-card overflow-hidden", children: [
     /* @__PURE__ */ jsxs("div", { className: "border-b border-border px-5 py-4 bg-muted/20", children: [
       /* @__PURE__ */ jsx("h3", { className: "text-base font-bold text-foreground font-heading mb-2", children: title }),
-      /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1.5 flex-wrap", children: steps.map((label, i) => /* @__PURE__ */ jsxs(React23.Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1.5 flex-wrap", children: steps.map((label, i) => /* @__PURE__ */ jsxs(React25.Fragment, { children: [
         /* @__PURE__ */ jsx(
           "span",
           {
@@ -1865,7 +1865,7 @@ function TermsSection({
   termsContent
 }) {
   var _a;
-  const [modalOpen, setModalOpen] = React23.useState(false);
+  const [modalOpen, setModalOpen] = React25.useState(false);
   const i18n = (_a = TERMS_I18N[locale]) != null ? _a : TERMS_I18N.en;
   return /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-border p-4 flex flex-col gap-3", children: [
     /* @__PURE__ */ jsx("p", { className: "text-xs font-bold text-muted-foreground font-heading uppercase tracking-widest", children: title }),
@@ -1934,7 +1934,7 @@ function BookingConfirmedCard({
         " ",
         /* @__PURE__ */ jsx("span", { className: "font-bold text-foreground font-heading", children: bookingNumber })
       ] }),
-      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground font-sans max-w-sm mx-auto leading-relaxed", children: message != null ? message : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground font-sans max-w-sm mx-auto leading-relaxed", children: message != null ? message : /* @__PURE__ */ jsxs("p", { children: [
         "A confirmation email has been sent to",
         " ",
         /* @__PURE__ */ jsx("span", { className: "font-semibold text-foreground", children: email || "your email" }),
@@ -1960,6 +1960,32 @@ function BookingConfirmedCard({
     )
   ] });
 }
+function TransferDetailsBlock({
+  label,
+  items,
+  className
+}) {
+  if (!items.length) return null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: [
+        "w-full max-w-md mx-auto rounded-xl border border-border bg-muted/40 px-5 py-4 text-left",
+        className != null ? className : ""
+      ].filter(Boolean).join(" "),
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "mb-3 text-xs uppercase tracking-wide text-muted-foreground font-heading", children: label }),
+        /* @__PURE__ */ jsx("dl", { className: "space-y-1.5 text-sm font-mono", children: items.map(([term, value], i) => /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-baseline gap-x-2", children: [
+          /* @__PURE__ */ jsxs("dt", { className: "text-muted-foreground shrink-0", children: [
+            term,
+            ":"
+          ] }),
+          /* @__PURE__ */ jsx("dd", { className: "text-foreground font-semibold break-all", children: value })
+        ] }, i)) })
+      ]
+    }
+  );
+}
 var WIZARD_STEPS_FN = (l) => {
   var _a, _b, _c, _d, _e, _f;
   return [
@@ -1977,9 +2003,9 @@ function BookingWizard({
 }) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T;
   const wizardSteps = WIZARD_STEPS_FN(labels);
-  const [step, setStep] = React23.useState("responsible");
-  const [error, setError] = React23.useState(null);
-  const [responsible, setResponsible] = React23.useState({
+  const [step, setStep] = React25.useState("responsible");
+  const [error, setError] = React25.useState(null);
+  const [responsible, setResponsible] = React25.useState({
     firstName: "",
     lastName: "",
     email: "",
@@ -1998,7 +2024,7 @@ function BookingWizard({
     return s + ((_b2 = (_a2 = a.slots) == null ? void 0 : _a2.children) != null ? _b2 : 0);
   }, 0);
   const totalPax = totalAdults + totalChildren;
-  const [travellers, setTravellers] = React23.useState(
+  const [travellers, setTravellers] = React25.useState(
     Array.from({ length: Math.max(totalPax, 1) }, () => ({
       firstName: "",
       lastName: "",
@@ -2006,9 +2032,9 @@ function BookingWizard({
       email: ""
     }))
   );
-  const [payAmount, setPayAmount] = React23.useState("full");
-  const [payMethod, setPayMethod] = React23.useState("stripe");
-  const [termsAccepted, setTermsAccepted] = React23.useState(false);
+  const [payAmount, setPayAmount] = React25.useState("full");
+  const [payMethod, setPayMethod] = React25.useState("stripe");
+  const [termsAccepted, setTermsAccepted] = React25.useState(false);
   const setR = (k, v) => setResponsible((p) => __spreadProps(__spreadValues({}, p), { [k]: v }));
   const setT = (i, k, v) => setTravellers((prev) => prev.map((t, idx) => idx === i ? __spreadProps(__spreadValues({}, t), { [k]: v }) : t));
   const setTDob = (i, v) => setTravellers((prev) => prev.map((t, idx) => idx === i ? __spreadProps(__spreadValues({}, t), { dateOfBirth: v }) : t));
@@ -2235,7 +2261,7 @@ function Offer({
   className
 }) {
   var _a, _b, _c;
-  const [showBooking, setShowBooking] = React23.useState(false);
+  const [showBooking, setShowBooking] = React25.useState(false);
   const isShowingCheckout = !confirmedState && (!!checkoutSlot || showBooking);
   const handleBook = () => {
     if (!checkoutSlot && !externalBookingFlow) setShowBooking(true);
@@ -2596,7 +2622,7 @@ function AdventureSection({
   labels
 }) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r;
-  const [detailsOpen, setDetailsOpen] = React23.useState(false);
+  const [detailsOpen, setDetailsOpen] = React25.useState(false);
   const handleCopyUrl = (url) => {
     if (onCopyFormLink) {
       onCopyFormLink(url);
@@ -2780,8 +2806,15 @@ function AdventureSection({
         ] })
       ] }),
       /* @__PURE__ */ jsx("div", { className: "flex flex-col divide-y divide-border", children: adventure.travellers.map((t) => {
-        var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2;
-        const canRemoveTraveller = adventure.travellers.length > 1;
+        var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2;
+        const canRemoveTraveller = adventure.travellers.length > 1 || adventure.allowEmptyAdventure === true;
+        const isRemovingLastTraveller = adventure.allowEmptyAdventure === true && adventure.travellers.length === 1;
+        const confirmRemoveLastMessage = (_b2 = (_a2 = labels == null ? void 0 : labels.confirmRemoveLastTraveller) == null ? void 0 : _a2.message) != null ? _b2 : "The adventure will be empty. Continue?";
+        const confirmIfLast = () => {
+          if (!isRemovingLastTraveller) return true;
+          if (typeof window === "undefined") return true;
+          return window.confirm(confirmRemoveLastMessage);
+        };
         const disabledRemoveTitle = canRemoveTraveller ? void 0 : cannotRemoveLastTravellerLabel != null ? cannotRemoveLastTravellerLabel : "Cannot remove last traveller";
         return /* @__PURE__ */ jsxs(
           "div",
@@ -2795,7 +2828,7 @@ function AdventureSection({
                     " ",
                     t.lastName
                   ] }),
-                  t.isChild && /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold font-heading rounded-full px-2 py-0.5 bg-orange-100 text-orange-700 dark:bg-orange-900/30 dark:text-orange-400 shrink-0", children: (_a2 = labels == null ? void 0 : labels.childBadge) != null ? _a2 : "Child" })
+                  t.isChild && /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold font-heading rounded-full px-2 py-0.5 bg-orange-100 text-orange-700 dark:bg-orange-900/30 dark:text-orange-400 shrink-0", children: (_c2 = labels == null ? void 0 : labels.childBadge) != null ? _c2 : "Child" })
                 ] }),
                 t.formUrl && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ jsxs(
@@ -2807,7 +2840,7 @@ function AdventureSection({
                       className: "flex items-center gap-1 text-xs text-primary hover:text-primary/80 transition-colors font-ui",
                       children: [
                         /* @__PURE__ */ jsx(ExternalLinkIcon, { className: "w-3 h-3" }),
-                        (_b2 = labels == null ? void 0 : labels.openFormLink) != null ? _b2 : "Open"
+                        (_d2 = labels == null ? void 0 : labels.openFormLink) != null ? _d2 : "Open"
                       ]
                     }
                   ),
@@ -2817,7 +2850,7 @@ function AdventureSection({
                       type: "button",
                       onClick: () => handleCopyUrl(t.formUrl),
                       className: "flex items-center text-xs text-muted-foreground hover:text-primary transition-colors font-ui",
-                      "aria-label": (_c2 = labels == null ? void 0 : labels.copyFormUrlAria) != null ? _c2 : "Copy form URL",
+                      "aria-label": (_e2 = labels == null ? void 0 : labels.copyFormUrlAria) != null ? _e2 : "Copy form URL",
                       children: /* @__PURE__ */ jsx(CopyIcon, { className: "w-3 h-3" })
                     }
                   )
@@ -2831,7 +2864,7 @@ function AdventureSection({
                       "inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-bold font-heading uppercase tracking-wider shrink-0",
                       t.status === "completed" ? "bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400" : "bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-400"
                     ),
-                    children: t.status === "completed" ? (_d2 = labels == null ? void 0 : labels.travellerStatusCompleted) != null ? _d2 : t.status : (_e2 = labels == null ? void 0 : labels.travellerStatusPending) != null ? _e2 : t.status
+                    children: t.status === "completed" ? (_f2 = labels == null ? void 0 : labels.travellerStatusCompleted) != null ? _f2 : t.status : (_g2 = labels == null ? void 0 : labels.travellerStatusPending) != null ? _g2 : t.status
                   }
                 ),
                 /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-0.5 shrink-0", children: [
@@ -2847,7 +2880,7 @@ function AdventureSection({
                         }
                       },
                       className: "flex h-8 w-8 sm:h-7 sm:w-7 items-center justify-center rounded-lg text-muted-foreground hover:text-primary hover:bg-primary/10 transition-colors",
-                      "aria-label": (_g2 = (_f2 = labels == null ? void 0 : labels.editTravellerAria) == null ? void 0 : _f2.call(labels, t.firstName)) != null ? _g2 : `Edit ${t.firstName}`,
+                      "aria-label": (_i2 = (_h2 = labels == null ? void 0 : labels.editTravellerAria) == null ? void 0 : _h2.call(labels, t.firstName)) != null ? _i2 : `Edit ${t.firstName}`,
                       children: /* @__PURE__ */ jsx(PencilIcon, { className: "w-3.5 h-3.5" })
                     }
                   ),
@@ -2857,6 +2890,7 @@ function AdventureSection({
                       type: "button",
                       onClick: () => {
                         if (!canRemoveTraveller) return;
+                        if (!confirmIfLast()) return;
                         if (onRemoveTraveller) {
                           onRemoveTraveller(adventure.id, t.id);
                         } else {
@@ -2870,7 +2904,7 @@ function AdventureSection({
                         "flex h-8 w-8 sm:h-7 sm:w-7 items-center justify-center rounded-lg text-muted-foreground hover:text-destructive hover:bg-destructive/10 transition-colors",
                         "disabled:opacity-40 disabled:cursor-not-allowed disabled:pointer-events-none disabled:hover:text-muted-foreground disabled:hover:bg-transparent"
                       ),
-                      "aria-label": (_i2 = (_h2 = labels == null ? void 0 : labels.deleteTravellerAria) == null ? void 0 : _h2.call(labels, t.firstName)) != null ? _i2 : `Delete ${t.firstName}`,
+                      "aria-label": (_k2 = (_j2 = labels == null ? void 0 : labels.deleteTravellerAria) == null ? void 0 : _j2.call(labels, t.firstName)) != null ? _k2 : `Delete ${t.firstName}`,
                       children: /* @__PURE__ */ jsx(Trash2Icon, { className: "w-3.5 h-3.5" })
                     }
                   ),
@@ -2880,6 +2914,7 @@ function AdventureSection({
                       type: "button",
                       onClick: () => {
                         if (!canRemoveTraveller) return;
+                        if (!confirmIfLast()) return;
                         if (onUnassignFromAdventure) {
                           onUnassignFromAdventure(adventure.id, t.id);
                         } else if (onRemoveTraveller) {
@@ -2895,7 +2930,7 @@ function AdventureSection({
                         "flex h-8 w-8 sm:h-7 sm:w-7 items-center justify-center rounded-lg text-muted-foreground hover:text-amber-500 hover:bg-amber-500/10 transition-colors",
                         "disabled:opacity-40 disabled:cursor-not-allowed disabled:pointer-events-none disabled:hover:text-muted-foreground disabled:hover:bg-transparent"
                       ),
-                      "aria-label": (_k2 = (_j2 = labels == null ? void 0 : labels.removeFromAdventureAria) == null ? void 0 : _j2.call(labels, t.firstName)) != null ? _k2 : `Remove ${t.firstName} from adventure`,
+                      "aria-label": (_m2 = (_l2 = labels == null ? void 0 : labels.removeFromAdventureAria) == null ? void 0 : _l2.call(labels, t.firstName)) != null ? _m2 : `Remove ${t.firstName} from adventure`,
                       children: /* @__PURE__ */ jsx(UserMinusIcon, { className: "w-3.5 h-3.5" })
                     }
                   )
@@ -3081,8 +3116,8 @@ function AddTravellerDialog({
   errorMessage
 }) {
   var _a, _b, _c, _d, _e;
-  const [form, setForm] = React23.useState(() => createInitialAddFormData(config));
-  React23.useEffect(() => {
+  const [form, setForm] = React25.useState(() => createInitialAddFormData(config));
+  React25.useEffect(() => {
     if (open) {
       setForm(createInitialAddFormData(config));
     }
@@ -3142,7 +3177,7 @@ function EditTravellerDialog({
   errorMessage
 }) {
   var _a, _b, _c, _d, _e;
-  const [form, setForm] = React23.useState(() => ({
+  const [form, setForm] = React25.useState(() => ({
     firstName: "",
     lastName: "",
     email: "",
@@ -3151,7 +3186,7 @@ function EditTravellerDialog({
     birthDate: "",
     personType: "ADULT"
   }));
-  React23.useEffect(() => {
+  React25.useEffect(() => {
     var _a2, _b2, _c2, _d2, _e2, _f;
     if (open && traveller) {
       setForm({
@@ -3431,38 +3466,38 @@ function BookingDetails({
   const hasSubmitAddTraveller = !!onSubmitAddTraveller;
   const hasSubmitEditTraveller = !!onSubmitEditTraveller;
   const hasConfirmRemoveTraveller = !!onConfirmRemoveTraveller;
-  const [addModalState, setAddModalState] = React23.useState({
+  const [addModalState, setAddModalState] = React25.useState({
     open: false,
     adventureId: null
   });
-  const [editModalState, setEditModalState] = React23.useState({ open: false, adventureId: null, traveller: null });
-  const [deleteModalState, setDeleteModalState] = React23.useState({ open: false, adventureId: null, traveller: null });
-  const handleRequestOpenAddModal = React23.useCallback((adventureId) => {
+  const [editModalState, setEditModalState] = React25.useState({ open: false, adventureId: null, traveller: null });
+  const [deleteModalState, setDeleteModalState] = React25.useState({ open: false, adventureId: null, traveller: null });
+  const handleRequestOpenAddModal = React25.useCallback((adventureId) => {
     setAddModalState({ open: true, adventureId });
   }, []);
-  const handleRequestOpenEditModal = React23.useCallback(
+  const handleRequestOpenEditModal = React25.useCallback(
     (adventureId, traveller) => {
       setEditModalState({ open: true, adventureId, traveller });
     },
     []
   );
-  const handleRequestOpenDeleteModal = React23.useCallback(
+  const handleRequestOpenDeleteModal = React25.useCallback(
     (adventureId, traveller) => {
       setDeleteModalState({ open: true, adventureId, traveller });
     },
     []
   );
-  const closeAddModal = React23.useCallback(() => {
+  const closeAddModal = React25.useCallback(() => {
     setAddModalState({ open: false, adventureId: null });
   }, []);
-  const closeEditModal = React23.useCallback(() => {
+  const closeEditModal = React25.useCallback(() => {
     setEditModalState({ open: false, adventureId: null, traveller: null });
   }, []);
-  const closeDeleteModal = React23.useCallback(() => {
+  const closeDeleteModal = React25.useCallback(() => {
     setDeleteModalState({ open: false, adventureId: null, traveller: null });
   }, []);
-  const submitInFlightRef = React23.useRef(false);
-  const handleAddSubmit = React23.useCallback(
+  const submitInFlightRef = React25.useRef(false);
+  const handleAddSubmit = React25.useCallback(
     async (adventureId, data) => {
       if (!onSubmitAddTraveller) return;
       if (submitInFlightRef.current) return;
@@ -3477,7 +3512,7 @@ function BookingDetails({
     },
     [onSubmitAddTraveller, closeAddModal]
   );
-  const handleEditSubmit = React23.useCallback(
+  const handleEditSubmit = React25.useCallback(
     async (adventureId, travellerId, data) => {
       if (!onSubmitEditTraveller) return;
       if (submitInFlightRef.current) return;
@@ -3492,7 +3527,7 @@ function BookingDetails({
     },
     [onSubmitEditTraveller, closeEditModal]
   );
-  const handleDeleteConfirm = React23.useCallback(
+  const handleDeleteConfirm = React25.useCallback(
     async (adventureId, travellerId) => {
       if (!onConfirmRemoveTraveller) return;
       if (submitInFlightRef.current) return;
@@ -4222,7 +4257,7 @@ function BookingConfirmationEmail({
             }, children: i + 1 }) }),
             /* @__PURE__ */ jsx("td", { style: { verticalAlign: "top" }, children: /* @__PURE__ */ jsx("p", { style: { fontSize: "14px", color: emailTokens.bodyText, lineHeight: "1.6", margin: 0 }, children: step }) })
           ] }) }) }, i)) }),
-          nextStepsImportant && nextStepsImportant.trim().length > 0 && /* @__PURE__ */ jsx("p", { style: { marginBottom: "32px", fontSize: "14px", color: emailTokens.foreground, lineHeight: "1.6" }, children: nextStepsImportant.split("\n").map((line, idx, arr) => /* @__PURE__ */ jsxs(React23.Fragment, { children: [
+          nextStepsImportant && nextStepsImportant.trim().length > 0 && /* @__PURE__ */ jsx("p", { style: { marginBottom: "32px", fontSize: "14px", color: emailTokens.foreground, lineHeight: "1.6" }, children: nextStepsImportant.split("\n").map((line, idx, arr) => /* @__PURE__ */ jsxs(React25.Fragment, { children: [
             idx === 0 ? /* @__PURE__ */ jsx("strong", { children: line }) : line,
             idx < arr.length - 1 ? /* @__PURE__ */ jsx("br", {}) : null
           ] }, idx)) })
@@ -4675,11 +4710,11 @@ function DatePickerField({
   fromDate,
   className
 }) {
-  const [open, setOpen] = React23.useState(false);
-  const containerRef = React23.useRef(null);
-  const [calendarWidth, setCalendarWidth] = React23.useState();
+  const [open, setOpen] = React25.useState(false);
+  const containerRef = React25.useRef(null);
+  const [calendarWidth, setCalendarWidth] = React25.useState();
   const hasValue = !!value;
-  React23.useEffect(() => {
+  React25.useEffect(() => {
     if (!containerRef.current) return;
     const observer = new ResizeObserver(([entry]) => {
       setCalendarWidth(entry.contentRect.width);
@@ -4788,7 +4823,7 @@ function BookingForm({
   subtitle = "Free enquiry \u2013 no commitment",
   className
 }) {
-  const [values, setValues] = React23.useState(__spreadValues(__spreadValues({}, defaultInitial), defaultValues));
+  const [values, setValues] = React25.useState(__spreadValues(__spreadValues({}, defaultInitial), defaultValues));
   const set = (key, value) => setValues((prev) => __spreadProps(__spreadValues({}, prev), { [key]: value }));
   const handleSubmit = (e) => {
     e.preventDefault();
@@ -5325,11 +5360,11 @@ function FloatingTextarea({
 }
 function SelectField({ field, value, onChange, error, disabled }) {
   var _a, _b, _c;
-  const [open, setOpen] = React23.useState(false);
-  const containerRef = React23.useRef(null);
+  const [open, setOpen] = React25.useState(false);
+  const containerRef = React25.useRef(null);
   const options = (_a = field.options) != null ? _a : [];
   const selectedOpt = (_b = options.find((o) => o.value === value)) != null ? _b : null;
-  React23.useEffect(() => {
+  React25.useEffect(() => {
     if (!open) return;
     const handleOutside = (e) => {
       if (containerRef.current && !containerRef.current.contains(e.target)) {
@@ -5718,11 +5753,11 @@ function RegistrationForm({
   readOnly = false
 }) {
   var _a;
-  const L = React23.useMemo(
+  const L = React25.useMemo(
     () => __spreadValues(__spreadValues({}, DEFAULT_LABELS4), labels != null ? labels : {}),
     [labels]
   );
-  const sortedFields = React23.useMemo(
+  const sortedFields = React25.useMemo(
     () => [...fields].sort((a, b) => {
       var _a2, _b;
       return ((_a2 = a.order) != null ? _a2 : 0) - ((_b = b.order) != null ? _b : 0);
@@ -5730,7 +5765,7 @@ function RegistrationForm({
     [fields]
   );
   const isControlled = values !== void 0;
-  const [internal, setInternal] = React23.useState(
+  const [internal, setInternal] = React25.useState(
     () => initializeValues(
       sortedFields,
       defaultValues != null ? defaultValues : {},
@@ -5738,9 +5773,9 @@ function RegistrationForm({
       includeTerms
     )
   );
-  const [submitAttempted, setSubmitAttempted] = React23.useState(false);
-  const [validationErrors, setValidationErrors] = React23.useState({});
-  React23.useEffect(() => {
+  const [submitAttempted, setSubmitAttempted] = React25.useState(false);
+  const [validationErrors, setValidationErrors] = React25.useState({});
+  React25.useEffect(() => {
     if (isControlled) return;
     setInternal((prev) => {
       const next = initializeValues(
@@ -5797,7 +5832,7 @@ function RegistrationForm({
   const termsError = submitAttempted && termsEnabled && !termsAccepted;
   const firstErrorFieldId = Object.keys(fieldErrors)[0];
   const scrollTargetId = firstErrorFieldId ? `rf-${firstErrorFieldId}` : termsError ? "rf-terms" : null;
-  React23.useEffect(() => {
+  React25.useEffect(() => {
     if (!submitAttempted || !scrollTargetId) return;
     const timer = setTimeout(() => {
       const elem = document.getElementById(scrollTargetId);
@@ -6259,10 +6294,10 @@ var OTPCodeInput = ({
   id,
   required
 }) => {
-  const baseId = id != null ? id : React23.useId();
-  const inputRef = React23.useRef(null);
-  const [focused, setFocused] = React23.useState(false);
-  const digits = React23.useMemo(() => {
+  const baseId = id != null ? id : React25.useId();
+  const inputRef = React25.useRef(null);
+  const [focused, setFocused] = React25.useState(false);
+  const digits = React25.useMemo(() => {
     const arr = value.split("").slice(0, length);
     while (arr.length < length) arr.push("");
     return arr;
@@ -6378,7 +6413,7 @@ function Checkbox(_a) {
     })
   );
 }
-var AccordionVariantContext = React23.createContext("default");
+var AccordionVariantContext = React25.createContext("default");
 function Accordion(_a) {
   var _b = _a, { className, variant = "default" } = _b, props = __objRest(_b, ["className", "variant"]);
   return /* @__PURE__ */ jsx(AccordionVariantContext.Provider, { value: variant, children: /* @__PURE__ */ jsx(
@@ -6396,7 +6431,7 @@ function Accordion(_a) {
 }
 function AccordionItem(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  const variant = React23.useContext(AccordionVariantContext);
+  const variant = React25.useContext(AccordionVariantContext);
   return /* @__PURE__ */ jsx(
     Accordion$1.Item,
     __spreadValues({
@@ -6417,7 +6452,7 @@ function AccordionTrigger(_a) {
     "className",
     "children"
   ]);
-  const variant = React23.useContext(AccordionVariantContext);
+  const variant = React25.useContext(AccordionVariantContext);
   return /* @__PURE__ */ jsx(Accordion$1.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
     Accordion$1.Trigger,
     __spreadProps(__spreadValues({
@@ -6471,7 +6506,7 @@ function AccordionContent(_a) {
     "className",
     "children"
   ]);
-  const variant = React23.useContext(AccordionVariantContext);
+  const variant = React25.useContext(AccordionVariantContext);
   return /* @__PURE__ */ jsx(
     Accordion$1.Panel,
     __spreadProps(__spreadValues({
@@ -6503,7 +6538,7 @@ function FilterPanel({
   title = "Filters",
   className
 }) {
-  const [internalValue, setInternalValue] = React23.useState(
+  const [internalValue, setInternalValue] = React25.useState(
     () => Object.fromEntries(groups.map((g) => [g.id, []]))
   );
   const selected = value != null ? value : internalValue;
@@ -6599,6 +6634,76 @@ function FilterPanel({
     )
   ] });
 }
+var TRUSTPILOT_SCRIPT_SRC = "https://widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js";
+function TrustpilotEmbed({ config }) {
+  var _a, _b, _c, _d, _e, _f;
+  const ref = React25.useRef(null);
+  React25.useEffect(() => {
+    if (typeof document === "undefined" || !ref.current) return;
+    let cancelled = false;
+    const initWidget = () => {
+      if (cancelled || !ref.current) return;
+      const tp = window.Trustpilot;
+      if (tp == null ? void 0 : tp.loadFromElement) {
+        tp.loadFromElement(ref.current, true);
+      }
+    };
+    const existing = document.querySelector(
+      `script[src="${TRUSTPILOT_SCRIPT_SRC}"]`
+    );
+    if (existing) {
+      const tp = window.Trustpilot;
+      if (tp == null ? void 0 : tp.loadFromElement) {
+        initWidget();
+      } else {
+        existing.addEventListener("load", initWidget, { once: true });
+      }
+      return () => {
+        cancelled = true;
+        existing.removeEventListener("load", initWidget);
+      };
+    }
+    const s = document.createElement("script");
+    s.src = TRUSTPILOT_SCRIPT_SRC;
+    s.async = true;
+    s.addEventListener("load", initWidget, { once: true });
+    document.body.appendChild(s);
+    return () => {
+      cancelled = true;
+      s.removeEventListener("load", initWidget);
+    };
+  }, [config]);
+  const sku = Array.isArray(config.sku) ? config.sku.join(",") : config.sku;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: "trustpilot-widget",
+      "data-locale": (_a = config.locale) != null ? _a : "en-US",
+      "data-template-id": (_b = config.templateId) != null ? _b : "5763bccae0a06d08e809ecbb",
+      "data-businessunit-id": config.businessUnitId,
+      "data-style-height": (_c = config.styleHeight) != null ? _c : "700px",
+      "data-style-width": (_d = config.styleWidth) != null ? _d : "100%",
+      "data-sku": sku,
+      "data-no-reviews": (_e = config.noReviews) != null ? _e : "hide",
+      "data-fullwidth": "true",
+      "data-theme": config.theme,
+      "data-token": config.token,
+      "data-scroll-to-list": config.scrollToList ? "true" : void 0,
+      "data-style-alignment": config.styleAlignment,
+      "data-star-color": config.starColor,
+      children: /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: (_f = config.fallbackHref) != null ? _f : "https://www.trustpilot.com/",
+          target: "_blank",
+          rel: "noopener noreferrer",
+          children: "Trustpilot"
+        }
+      )
+    }
+  );
+}
 function ItineraryDayCard({
   stop,
   onOpen
@@ -6665,11 +6770,11 @@ function ItineraryModal({
   onNext
 }) {
   var _a, _b, _c;
-  const [imgIndex, setImgIndex] = React23.useState(0);
+  const [imgIndex, setImgIndex] = React25.useState(0);
   const images = stop ? [stop.coverImage, ...(_a = stop.images) != null ? _a : []] : [];
   const isFirst = (stop == null ? void 0 : stop.dayNumber) === ((_b = allStops[0]) == null ? void 0 : _b.dayNumber);
   const isLast = (stop == null ? void 0 : stop.dayNumber) === ((_c = allStops[allStops.length - 1]) == null ? void 0 : _c.dayNumber);
-  React23.useEffect(() => {
+  React25.useEffect(() => {
     setImgIndex(0);
   }, [stop == null ? void 0 : stop.dayNumber]);
   if (!stop) return null;
@@ -6796,8 +6901,8 @@ function ItineraryModal({
   ) });
 }
 function Itinerary({ title, subtitle, stops, className }) {
-  const [activeIndex, setActiveIndex] = React23.useState(null);
-  const scrollRef = React23.useRef(null);
+  const [activeIndex, setActiveIndex] = React25.useState(null);
+  const scrollRef = React25.useRef(null);
   const activeStop = activeIndex !== null ? stops[activeIndex] : null;
   const scrollBy = (dir) => {
     if (!scrollRef.current) return;
@@ -6875,147 +6980,6 @@ function Itinerary({ title, subtitle, stops, className }) {
     )
   ] });
 }
-function MenuTrip({
-  sections,
-  activeSection,
-  onSelect,
-  variant = "pill",
-  bold = true,
-  className
-}) {
-  const scrollRef = React23.useRef(null);
-  React23.useEffect(() => {
-    if (!scrollRef.current || !activeSection) return;
-    const container = scrollRef.current;
-    const btn = container.querySelector(
-      `[data-section="${activeSection}"]`
-    );
-    if (!btn) return;
-    const btnLeft = btn.offsetLeft;
-    const btnRight = btnLeft + btn.offsetWidth;
-    const cLeft = container.scrollLeft;
-    const cRight = cLeft + container.offsetWidth;
-    if (btnLeft < cLeft) {
-      container.scrollTo({ left: btnLeft - 16, behavior: "smooth" });
-    } else if (btnRight > cRight) {
-      container.scrollTo({ left: btnRight - container.offsetWidth + 16, behavior: "smooth" });
-    }
-  }, [activeSection]);
-  if (variant === "underline") {
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref: scrollRef,
-        className: cn(
-          "overflow-x-auto [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]",
-          "border-b border-border",
-          className
-        ),
-        children: /* @__PURE__ */ jsx("div", { className: "inline-flex min-w-max items-end gap-0", children: sections.map((s) => /* @__PURE__ */ jsx(
-          "button",
-          {
-            "data-section": s.id,
-            type: "button",
-            onClick: () => onSelect == null ? void 0 : onSelect(s.id),
-            className: cn(
-              "relative px-4 py-2.5 text-sm font-ui whitespace-nowrap transition-colors duration-150",
-              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1",
-              "after:absolute after:inset-x-0 after:bottom-0 after:h-0.5 after:rounded-full after:transition-all",
-              bold ? "font-semibold" : "font-normal",
-              activeSection === s.id ? "text-foreground after:bg-primary" : "text-muted-foreground hover:text-foreground after:bg-transparent"
-            ),
-            children: s.label
-          },
-          s.id
-        )) })
-      }
-    );
-  }
-  if (variant === "outlined") {
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref: scrollRef,
-        className: cn(
-          "overflow-x-auto [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]",
-          className
-        ),
-        children: /* @__PURE__ */ jsx("div", { className: "inline-flex min-w-max items-center gap-2", children: sections.map((s) => /* @__PURE__ */ jsx(
-          "button",
-          {
-            "data-section": s.id,
-            type: "button",
-            onClick: () => onSelect == null ? void 0 : onSelect(s.id),
-            className: cn(
-              "rounded-full border px-4 py-1.5 text-sm font-ui whitespace-nowrap transition-all duration-150",
-              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-              bold ? "font-semibold" : "font-normal",
-              activeSection === s.id ? "border-foreground bg-foreground text-background" : "border-border bg-background text-muted-foreground hover:border-foreground/50 hover:text-foreground"
-            ),
-            children: s.label
-          },
-          s.id
-        )) })
-      }
-    );
-  }
-  if (variant === "floating") {
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref: scrollRef,
-        className: cn(
-          "overflow-x-auto [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]",
-          "py-1 px-0.5",
-          /* padding so shadow isn't clipped by overflow */
-          className
-        ),
-        children: /* @__PURE__ */ jsx("div", { className: "inline-flex min-w-max items-center gap-0.5 rounded-full border border-border/40 bg-background/90 backdrop-blur-md shadow-sm px-1.5 py-1.5", children: sections.map((s) => /* @__PURE__ */ jsx(
-          "button",
-          {
-            "data-section": s.id,
-            type: "button",
-            onClick: () => onSelect == null ? void 0 : onSelect(s.id),
-            className: cn(
-              "rounded-full px-4 py-1.5 text-sm font-ui whitespace-nowrap transition-all duration-150",
-              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-              bold ? "font-semibold" : "font-normal",
-              activeSection === s.id ? "bg-foreground text-background shadow-sm" : "text-foreground/60 hover:text-foreground hover:bg-muted/60"
-            ),
-            children: s.label
-          },
-          s.id
-        )) })
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref: scrollRef,
-      className: cn(
-        "overflow-x-auto [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]",
-        className
-      ),
-      children: /* @__PURE__ */ jsx("div", { className: "inline-flex min-w-max items-center gap-1 p-1", children: sections.map((s) => /* @__PURE__ */ jsx(
-        "button",
-        {
-          "data-section": s.id,
-          type: "button",
-          onClick: () => onSelect == null ? void 0 : onSelect(s.id),
-          className: cn(
-            "rounded-full px-4 py-1.5 text-sm font-ui whitespace-nowrap transition-all duration-150",
-            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-            bold ? "font-semibold" : "font-normal",
-            activeSection === s.id ? "bg-foreground text-background shadow-sm" : "bg-white text-foreground/70 hover:text-foreground shadow-sm"
-          ),
-          children: s.label
-        },
-        s.id
-      )) })
-    }
-  );
-}
 function normalise(p) {
   return typeof p === "string" ? { src: p } : p;
 }
@@ -7030,18 +6994,18 @@ function Lightbox({
   onClose
 }) {
   var _a;
-  const [index, setIndex] = React23.useState(initialIndex);
+  const [index, setIndex] = React25.useState(initialIndex);
   const total = photos.length;
   const photo = photos[index];
-  const prev = React23.useCallback(
+  const prev = React25.useCallback(
     () => setIndex((i) => (i - 1 + total) % total),
     [total]
   );
-  const next = React23.useCallback(
+  const next = React25.useCallback(
     () => setIndex((i) => (i + 1) % total),
     [total]
   );
-  React23.useEffect(() => {
+  React25.useEffect(() => {
     const onKey = (e) => {
       if (e.key === "Escape") onClose();
       if (e.key === "ArrowLeft") prev();
@@ -7115,55 +7079,27 @@ function Lightbox({
             ]
           }
         ),
-        total > 1 && /* @__PURE__ */ jsxs(
+        total > 1 && /* @__PURE__ */ jsx(
           "div",
           {
-            className: "absolute bottom-5 inset-x-0 flex items-center justify-center gap-3 px-5",
+            className: "absolute bottom-5 inset-x-0 flex items-center justify-center px-5",
             onClick: (e) => e.stopPropagation(),
-            children: [
-              /* @__PURE__ */ jsx(
-                "button",
-                {
-                  type: "button",
-                  onClick: (e) => {
-                    e.stopPropagation();
-                    prev();
-                  },
-                  className: "flex h-9 w-9 items-center justify-center rounded-full bg-white/10 text-white hover:bg-white/20 transition-colors",
-                  "aria-label": "Previous photo",
-                  children: /* @__PURE__ */ jsx(ChevronLeftIcon, { className: "h-4 w-4" })
-                }
-              ),
-              /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1.5", children: photos.map((_, i) => /* @__PURE__ */ jsx(
-                "button",
-                {
-                  type: "button",
-                  onClick: (e) => {
-                    e.stopPropagation();
-                    setIndex(i);
-                  },
-                  "aria-label": `Go to photo ${i + 1}`,
-                  className: cn(
-                    "h-1.5 rounded-full transition-all duration-300 focus-visible:outline-none",
-                    i === index ? "w-6 bg-primary" : "w-1.5 bg-white/40 hover:bg-white/70"
-                  )
+            children: /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1.5", children: photos.map((_, i) => /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: (e) => {
+                  e.stopPropagation();
+                  setIndex(i);
                 },
-                i
-              )) }),
-              /* @__PURE__ */ jsx(
-                "button",
-                {
-                  type: "button",
-                  onClick: (e) => {
-                    e.stopPropagation();
-                    next();
-                  },
-                  className: "flex h-9 w-9 items-center justify-center rounded-full bg-white/10 text-white hover:bg-white/20 transition-colors",
-                  "aria-label": "Next photo",
-                  children: /* @__PURE__ */ jsx(ChevronRightIcon, { className: "h-4 w-4" })
-                }
-              )
-            ]
+                "aria-label": `Go to photo ${i + 1}`,
+                className: cn(
+                  "h-1.5 rounded-full transition-all duration-300 focus-visible:outline-none",
+                  i === index ? "w-6 bg-primary" : "w-1.5 bg-white/40 hover:bg-white/70"
+                )
+              },
+              i
+            )) })
           }
         )
       ]
@@ -7235,7 +7171,7 @@ function GridGallery({
   initialVisible,
   onOpen
 }) {
-  const [expanded, setExpanded] = React23.useState(false);
+  const [expanded, setExpanded] = React25.useState(false);
   const cols = gridCols(photos.length);
   const hasMore = photos.length > initialVisible;
   const visible = expanded || !hasMore ? photos : photos.slice(0, initialVisible);
@@ -7265,7 +7201,7 @@ function MasonryGallery({
   initialVisible,
   onOpen
 }) {
-  const [expanded, setExpanded] = React23.useState(false);
+  const [expanded, setExpanded] = React25.useState(false);
   const hasMore = photos.length > initialVisible;
   const visible = expanded || !hasMore ? photos : photos.slice(0, initialVisible);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -7338,7 +7274,7 @@ function FeaturedGallery({
   photos,
   onOpen
 }) {
-  const [expanded, setExpanded] = React23.useState(false);
+  const [expanded, setExpanded] = React25.useState(false);
   const featured = photos.slice(0, 3);
   const extra = photos.slice(3);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -7408,66 +7344,386 @@ function FeaturedGallery({
     )
   ] });
 }
-function PhotoGallery({
+function CarouselGallery({
   photos,
-  variant = "grid",
-  initialVisible = 6,
-  onPhotoClick,
+  index,
+  onIndexChange,
+  onOpen,
   className
 }) {
-  const [lightboxIndex, setLightboxIndex] = React23.useState(null);
-  const normalised = React23.useMemo(() => photos.map(normalise), [photos]);
-  const handleOpen = (index) => {
-    setLightboxIndex(index);
-    onPhotoClick == null ? void 0 : onPhotoClick(normalised[index].src, index);
-  };
-  if (normalised.length === 0) return null;
-  return /* @__PURE__ */ jsxs("div", { className: cn("w-full", className), children: [
-    variant === "grid" && /* @__PURE__ */ jsx(
-      GridGallery,
-      {
-        photos: normalised,
-        initialVisible,
-        onOpen: handleOpen
-      }
-    ),
-    variant === "masonry" && /* @__PURE__ */ jsx(
-      MasonryGallery,
-      {
-        photos: normalised,
-        initialVisible,
-        onOpen: handleOpen
-      }
-    ),
-    variant === "filmstrip" && /* @__PURE__ */ jsx(FilmstripGallery, { photos: normalised, onOpen: handleOpen }),
-    variant === "featured" && /* @__PURE__ */ jsx(FeaturedGallery, { photos: normalised, onOpen: handleOpen }),
-    lightboxIndex !== null && /* @__PURE__ */ jsx(
-      Lightbox,
-      {
-        photos: normalised,
-        initialIndex: lightboxIndex,
-        onClose: () => setLightboxIndex(null)
-      }
-    )
-  ] });
-}
-var badgeVariants = cva(
-  "group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
-        secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
-        destructive: "bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20",
-        outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
-        ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
-        link: "text-primary underline-offset-4 hover:underline"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
+  var _a;
+  const total = photos.length;
+  const photo = photos[index];
+  const prev = () => onIndexChange((index - 1 + total) % total);
+  const next = () => onIndexChange((index + 1) % total);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "relative w-full aspect-[4/3] sm:aspect-[16/10] overflow-hidden bg-muted group/photo",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => onOpen(index),
+            "aria-label": `Open photo ${index + 1} fullscreen`,
+            className: "absolute inset-0 w-full h-full cursor-zoom-in focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+            children: /* @__PURE__ */ jsx(
+              "img",
+              {
+                src: photo.src,
+                alt: (_a = photo.alt) != null ? _a : `Photo ${index + 1}`,
+                className: "h-full w-full object-cover transition-transform duration-500 group-hover/photo:scale-[1.02]",
+                loading: "lazy"
+              },
+              photo.src
+            )
+          }
+        ),
+        total > 1 && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: prev,
+              "aria-label": "Previous photo",
+              className: cn(
+                "absolute left-3 sm:left-4 top-1/2 -translate-y-1/2 z-10",
+                "flex h-8 w-8 items-center justify-center rounded-full",
+                "bg-black/25 text-white backdrop-blur-sm",
+                "hover:bg-black/45 transition-colors",
+                "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/60"
+              ),
+              children: /* @__PURE__ */ jsx(ChevronLeftIcon, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: next,
+              "aria-label": "Next photo",
+              className: cn(
+                "absolute right-3 sm:right-4 top-1/2 -translate-y-1/2 z-10",
+                "flex h-8 w-8 items-center justify-center rounded-full",
+                "bg-black/25 text-white backdrop-blur-sm",
+                "hover:bg-black/45 transition-colors",
+                "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/60"
+              ),
+              children: /* @__PURE__ */ jsx(ChevronRightIcon, { className: "h-4 w-4" })
+            }
+          )
+        ] }),
+        total > 1 && /* @__PURE__ */ jsx("div", { className: "absolute bottom-3 sm:bottom-4 inset-x-0 z-10 flex justify-center pointer-events-none", children: /* @__PURE__ */ jsx("div", { className: "pointer-events-auto flex items-center gap-1.5 rounded-full bg-black/25 backdrop-blur-sm px-2 py-1.5", children: photos.map((_, i) => /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => onIndexChange(i),
+            "aria-label": `Go to photo ${i + 1}`,
+            className: cn(
+              "h-1.5 rounded-full transition-all duration-300",
+              i === index ? "w-5 bg-white" : "w-1.5 bg-white/45 hover:bg-white/75"
+            )
+          },
+          i
+        )) }) })
+      ]
+    }
+  );
+}
+function PhotoGallery({
+  photos,
+  variant = "grid",
+  initialVisible = 6,
+  onPhotoClick,
+  className
+}) {
+  const [lightboxIndex, setLightboxIndex] = React25.useState(null);
+  const [carouselIndex, setCarouselIndex] = React25.useState(0);
+  const normalised = React25.useMemo(() => photos.map(normalise), [photos]);
+  const handleOpen = (index) => {
+    setLightboxIndex(index);
+    onPhotoClick == null ? void 0 : onPhotoClick(normalised[index].src, index);
+  };
+  if (normalised.length === 0) return null;
+  const lightbox = lightboxIndex !== null && /* @__PURE__ */ jsx(
+    Lightbox,
+    {
+      photos: normalised,
+      initialIndex: lightboxIndex,
+      onClose: () => setLightboxIndex(null)
+    }
+  );
+  if (variant === "carousel" || variant === "fullBleed") {
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        CarouselGallery,
+        {
+          photos: normalised,
+          index: carouselIndex,
+          onIndexChange: setCarouselIndex,
+          onOpen: handleOpen,
+          className: cn(
+            variant === "carousel" && "rounded-2xl",
+            variant === "fullBleed" && "w-screen mx-[calc(50%-50vw)] lg:w-full lg:mx-0",
+            className
+          )
+        }
+      ),
+      lightbox
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: cn("w-full", className), children: [
+    variant === "grid" && /* @__PURE__ */ jsx(
+      GridGallery,
+      {
+        photos: normalised,
+        initialVisible,
+        onOpen: handleOpen
+      }
+    ),
+    variant === "masonry" && /* @__PURE__ */ jsx(
+      MasonryGallery,
+      {
+        photos: normalised,
+        initialVisible,
+        onOpen: handleOpen
+      }
+    ),
+    variant === "filmstrip" && /* @__PURE__ */ jsx(FilmstripGallery, { photos: normalised, onOpen: handleOpen }),
+    variant === "featured" && /* @__PURE__ */ jsx(FeaturedGallery, { photos: normalised, onOpen: handleOpen }),
+    lightbox
+  ] });
+}
+var itineraryDaySpecIcons = {
+  hiking: /* @__PURE__ */ jsx(FootprintsIcon, { className: "h-5 w-5", strokeWidth: 1.75 }),
+  swimming: /* @__PURE__ */ jsx(WavesIcon, { className: "h-5 w-5", strokeWidth: 1.75 }),
+  driving: /* @__PURE__ */ jsx(CarIcon, { className: "h-5 w-5", strokeWidth: 1.75 }),
+  boat: /* @__PURE__ */ jsx(SailboatIcon, { className: "h-5 w-5", strokeWidth: 1.75 }),
+  lodging: /* @__PURE__ */ jsx(HomeIcon, { className: "h-5 w-5", strokeWidth: 1.75 })
+};
+function normalisePhotos(input) {
+  const list = Array.isArray(input) ? input : [input];
+  return list.filter(Boolean).map((p) => typeof p === "string" ? { src: p } : p);
+}
+function ItineraryDay({
+  dayNumber,
+  dayLabel,
+  title,
+  photos,
+  specs,
+  description,
+  photoLayout = "rounded",
+  className
+}) {
+  const photoList = React25.useMemo(() => normalisePhotos(photos), [photos]);
+  const isFullBleed = photoLayout === "fullBleed" || photoLayout === "fullBleedBottom";
+  const photoPosition = photoLayout === "fullBleedBottom" ? "bottom" : "top";
+  const gallery = photoList.length > 0 && /* @__PURE__ */ jsx(
+    PhotoGallery,
+    {
+      photos: photoList,
+      variant: isFullBleed ? "fullBleed" : "carousel"
+    }
+  );
+  return /* @__PURE__ */ jsxs("article", { className: cn("w-full flex flex-col gap-5", className), children: [
+    photoPosition === "top" && gallery,
+    /* @__PURE__ */ jsxs("header", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold uppercase tracking-widest text-muted-foreground font-ui", children: dayLabel != null ? dayLabel : `Day ${dayNumber}` }),
+      /* @__PURE__ */ jsx("h2", { className: "text-2xl sm:text-3xl font-bold text-foreground leading-tight font-heading", children: title })
+    ] }),
+    specs && specs.length > 0 && /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-3 sm:gap-2.5", children: specs.map((spec, i) => /* @__PURE__ */ jsxs(
+      "li",
+      {
+        className: "flex items-start gap-3 text-base text-foreground font-ui",
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "mt-0.5 shrink-0 text-foreground", "aria-hidden": true, children: spec.icon }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-baseline gap-x-2", children: [
+              /* @__PURE__ */ jsx("span", { className: "font-semibold", children: spec.label }),
+              spec.detail && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: spec.detail })
+            ] }),
+            spec.subdetail && /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: spec.subdetail })
+          ] })
+        ]
+      },
+      i
+    )) }),
+    description && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "text-base text-foreground/85 leading-relaxed space-y-3",
+          "[&_strong]:font-semibold [&_strong]:text-foreground",
+          "[&_a]:text-primary [&_a]:underline [&_a]:underline-offset-2 hover:[&_a]:no-underline"
+        ),
+        children: description
+      }
+    ),
+    photoPosition === "bottom" && gallery
+  ] });
+}
+function MenuTrip({
+  sections,
+  activeSection,
+  onSelect,
+  variant = "pill",
+  bold = true,
+  className
+}) {
+  const scrollRef = React25.useRef(null);
+  React25.useEffect(() => {
+    if (!scrollRef.current || !activeSection) return;
+    const container = scrollRef.current;
+    const btn = container.querySelector(
+      `[data-section="${activeSection}"]`
+    );
+    if (!btn) return;
+    const btnLeft = btn.offsetLeft;
+    const btnRight = btnLeft + btn.offsetWidth;
+    const cLeft = container.scrollLeft;
+    const cRight = cLeft + container.offsetWidth;
+    if (btnLeft < cLeft) {
+      container.scrollTo({ left: btnLeft - 16, behavior: "smooth" });
+    } else if (btnRight > cRight) {
+      container.scrollTo({ left: btnRight - container.offsetWidth + 16, behavior: "smooth" });
+    }
+  }, [activeSection]);
+  if (variant === "underline") {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: scrollRef,
+        className: cn(
+          "overflow-x-auto [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]",
+          "border-b border-border",
+          className
+        ),
+        children: /* @__PURE__ */ jsx("div", { className: "inline-flex min-w-max items-end gap-0", children: sections.map((s) => /* @__PURE__ */ jsx(
+          "button",
+          {
+            "data-section": s.id,
+            type: "button",
+            onClick: () => onSelect == null ? void 0 : onSelect(s.id),
+            className: cn(
+              "relative px-4 py-2.5 text-sm font-ui whitespace-nowrap transition-colors duration-150",
+              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1",
+              "after:absolute after:inset-x-0 after:bottom-0 after:h-0.5 after:rounded-full after:transition-all",
+              bold ? "font-semibold" : "font-normal",
+              activeSection === s.id ? "text-foreground after:bg-primary" : "text-muted-foreground hover:text-foreground after:bg-transparent"
+            ),
+            children: s.label
+          },
+          s.id
+        )) })
+      }
+    );
+  }
+  if (variant === "outlined") {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: scrollRef,
+        className: cn(
+          "overflow-x-auto [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]",
+          className
+        ),
+        children: /* @__PURE__ */ jsx("div", { className: "inline-flex min-w-max items-center gap-2", children: sections.map((s) => /* @__PURE__ */ jsx(
+          "button",
+          {
+            "data-section": s.id,
+            type: "button",
+            onClick: () => onSelect == null ? void 0 : onSelect(s.id),
+            className: cn(
+              "rounded-full border px-4 py-1.5 text-sm font-ui whitespace-nowrap transition-all duration-150",
+              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+              bold ? "font-semibold" : "font-normal",
+              activeSection === s.id ? "border-foreground bg-foreground text-background" : "border-border bg-background text-muted-foreground hover:border-foreground/50 hover:text-foreground"
+            ),
+            children: s.label
+          },
+          s.id
+        )) })
+      }
+    );
+  }
+  if (variant === "floating") {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: scrollRef,
+        className: cn(
+          "overflow-x-auto [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]",
+          "py-1 px-0.5",
+          /* padding so shadow isn't clipped by overflow */
+          className
+        ),
+        children: /* @__PURE__ */ jsx("div", { className: "inline-flex min-w-max items-center gap-0.5 rounded-full border border-border/40 bg-background/90 backdrop-blur-md shadow-sm px-1.5 py-1.5", children: sections.map((s) => /* @__PURE__ */ jsx(
+          "button",
+          {
+            "data-section": s.id,
+            type: "button",
+            onClick: () => onSelect == null ? void 0 : onSelect(s.id),
+            className: cn(
+              "rounded-full px-4 py-1.5 text-sm font-ui whitespace-nowrap transition-all duration-150",
+              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+              bold ? "font-semibold" : "font-normal",
+              activeSection === s.id ? "bg-foreground text-background shadow-sm" : "text-foreground/60 hover:text-foreground hover:bg-muted/60"
+            ),
+            children: s.label
+          },
+          s.id
+        )) })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: scrollRef,
+      className: cn(
+        "overflow-x-auto [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]",
+        className
+      ),
+      children: /* @__PURE__ */ jsx("div", { className: "inline-flex min-w-max items-center gap-1 p-1", children: sections.map((s) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          "data-section": s.id,
+          type: "button",
+          onClick: () => onSelect == null ? void 0 : onSelect(s.id),
+          className: cn(
+            "rounded-full px-4 py-1.5 text-sm font-ui whitespace-nowrap transition-all duration-150",
+            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+            bold ? "font-semibold" : "font-normal",
+            activeSection === s.id ? "bg-foreground text-background shadow-sm" : "bg-white text-foreground/70 hover:text-foreground shadow-sm"
+          ),
+          children: s.label
+        },
+        s.id
+      )) })
+    }
+  );
+}
+var badgeVariants = cva(
+  "group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+        secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
+        destructive: "bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20",
+        outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
+        ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
+        link: "text-primary underline-offset-4 hover:underline"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
 );
 function Badge(_a) {
   var _b = _a, {
@@ -7499,34 +7755,124 @@ function PricingTrip({
   currency = "CHF",
   season,
   departureTimes,
-  pricingOptions,
   onBook,
   bookLabel = "Check availability",
   variant = "card",
+  sharp = false,
+  belowPrice,
+  benefits,
+  currencyEstimates,
+  priceInfo,
   className
 }) {
-  const [showPricing, setShowPricing] = React23.useState(false);
+  const rOuter = sharp ? "rounded-none" : "rounded-2xl";
+  const [showEstimates, setShowEstimates] = React25.useState(false);
+  const [showPriceInfo, setShowPriceInfo] = React25.useState(false);
   if (variant === "compact") {
-    return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-3", className), children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("p", { className: "text-[10px] uppercase tracking-wide text-muted-foreground font-ui leading-none mb-0.5", children: "from" }),
-        /* @__PURE__ */ jsxs("p", { className: "text-lg font-bold text-foreground font-heading leading-none", children: [
-          currency,
-          " ",
-          /* @__PURE__ */ jsx("span", { className: "text-primary", children: priceFrom })
-        ] })
+    return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-2", className), children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-[10px] uppercase tracking-wide text-muted-foreground font-ui leading-none mb-0.5", children: "from" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-end gap-1.5 flex-wrap", children: [
+            /* @__PURE__ */ jsxs("p", { className: "text-lg font-bold text-foreground font-heading leading-none", children: [
+              currency,
+              " ",
+              priceFrom,
+              /* @__PURE__ */ jsx("span", { className: "text-[11px] font-normal text-muted-foreground font-ui ml-1", children: "/ per person" })
+            ] }),
+            (priceInfo || currencyEstimates && currencyEstimates.length > 0) && /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => setShowPriceInfo((v) => !v),
+                "aria-label": "Price details and currency estimates",
+                "aria-expanded": showPriceInfo,
+                className: cn(
+                  "inline-flex h-4 w-4 items-center justify-center rounded-full translate-y-px",
+                  "text-muted-foreground hover:text-foreground transition-colors",
+                  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+                ),
+                children: /* @__PURE__ */ jsx(
+                  ChevronDownIcon,
+                  {
+                    className: cn(
+                      "h-4 w-4 transition-transform",
+                      showPriceInfo && "rotate-180"
+                    )
+                  }
+                )
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onBook,
+            className: cn(
+              "shrink-0 rounded-full bg-primary px-5 py-2 text-sm font-semibold",
+              "text-primary-foreground font-ui transition-colors hover:bg-primary/90",
+              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+            ),
+            children: bookLabel
+          }
+        )
       ] }),
-      /* @__PURE__ */ jsx(
-        "button",
+      showPriceInfo && (priceInfo || currencyEstimates && currencyEstimates.length > 0) && /* @__PURE__ */ jsxs(
+        "div",
         {
-          type: "button",
-          onClick: onBook,
           className: cn(
-            "flex-1 rounded-full bg-primary px-4 py-2 text-sm font-semibold",
-            "text-primary-foreground font-ui transition-colors hover:bg-primary/90",
-            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+            "rounded-xl border border-border bg-muted/40 overflow-hidden",
+            "font-ui text-sm leading-relaxed text-foreground"
           ),
-          children: bookLabel
+          children: [
+            priceInfo && /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(
+                  "p-3",
+                  "[&_a]:font-semibold [&_a]:text-primary [&_a]:underline-offset-4",
+                  "[&_a]:underline [&_a]:decoration-primary/30 hover:[&_a]:decoration-primary"
+                ),
+                children: priceInfo
+              }
+            ),
+            currencyEstimates && currencyEstimates.length > 0 && /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: cn(
+                  "bg-background",
+                  priceInfo && "border-t border-border"
+                ),
+                children: [
+                  /* @__PURE__ */ jsx("p", { className: "px-3 pt-3 pb-2 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: "See estimates in other currencies" }),
+                  currencyEstimates.map((est, i) => /* @__PURE__ */ jsxs(
+                    "div",
+                    {
+                      className: cn(
+                        "flex items-center justify-between px-3 py-2 text-sm",
+                        "border-t border-border"
+                      ),
+                      children: [
+                        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: est.currency }),
+                        /* @__PURE__ */ jsxs("span", { className: "font-semibold text-foreground", children: [
+                          est.symbol ? `${est.symbol} ` : "",
+                          est.price
+                        ] })
+                      ]
+                    },
+                    i
+                  )),
+                  /* @__PURE__ */ jsxs("p", { className: "px-3 py-2 text-[11px] leading-snug text-muted-foreground bg-muted/40 italic border-t border-border", children: [
+                    "Estimates based on the current exchange rate. The final price charged is in ",
+                    currency,
+                    "."
+                  ] })
+                ]
+              }
+            )
+          ]
         }
       )
     ] });
@@ -7536,7 +7882,8 @@ function PricingTrip({
       "div",
       {
         className: cn(
-          "flex items-center gap-4 rounded-2xl border border-border bg-card px-5 py-3 shadow-sm",
+          "flex items-center gap-4 border border-border bg-card px-5 py-3 shadow-sm",
+          rOuter,
           className
         ),
         children: [
@@ -7580,67 +7927,103 @@ function PricingTrip({
   return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-4", className), children: [
     /* @__PURE__ */ jsxs("div", { children: [
       /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground font-ui uppercase tracking-wide", children: "From" }),
-      /* @__PURE__ */ jsxs("p", { className: "text-3xl font-bold text-foreground font-heading", children: [
-        currency,
-        " ",
-        /* @__PURE__ */ jsx("span", { className: "text-primary", children: priceFrom }),
-        /* @__PURE__ */ jsx("span", { className: "text-base font-normal text-muted-foreground font-ui", children: " / guest" })
+      /* @__PURE__ */ jsxs("p", { className: "text-2xl font-bold text-foreground font-heading flex items-center gap-2 flex-wrap", children: [
+        /* @__PURE__ */ jsxs("span", { children: [
+          currency,
+          " ",
+          priceFrom,
+          /* @__PURE__ */ jsx("span", { className: "text-sm font-normal text-muted-foreground font-ui", children: " / per person" })
+        ] }),
+        priceInfo && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => setShowPriceInfo((v) => !v),
+            "aria-label": "Why does the price vary?",
+            "aria-expanded": showPriceInfo,
+            className: cn(
+              "inline-flex h-5 w-5 items-center justify-center rounded-full",
+              "translate-y-[3px] -translate-x-[3px]",
+              "text-muted-foreground hover:text-foreground transition-colors",
+              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+            ),
+            children: /* @__PURE__ */ jsx(
+              ChevronDownIcon,
+              {
+                className: cn(
+                  "h-4 w-4 transition-transform",
+                  showPriceInfo && "rotate-180"
+                )
+              }
+            )
+          }
+        )
       ] })
     ] }),
-    season && /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 text-sm text-muted-foreground font-ui", children: [
-      /* @__PURE__ */ jsx(CalendarIcon, { className: "h-4 w-4 shrink-0 text-primary mt-0.5" }),
-      /* @__PURE__ */ jsx("span", { children: season })
-    ] }),
-    departureTimes && departureTimes.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
-      /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold text-foreground font-ui uppercase tracking-wide", children: "Departure times" }),
-      /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: departureTimes.map((t) => /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "font-ui text-xs", children: t }, t)) })
-    ] }),
-    pricingOptions && pricingOptions.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+    priceInfo && showPriceInfo && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "rounded-xl border border-border bg-muted/40 p-4",
+          "font-ui text-sm leading-relaxed text-foreground",
+          "[&_a]:font-semibold [&_a]:text-primary [&_a]:underline-offset-4",
+          "[&_a]:underline [&_a]:decoration-primary/30 hover:[&_a]:decoration-primary"
+        ),
+        children: priceInfo
+      }
+    ),
+    belowPrice && /* @__PURE__ */ jsx("div", { children: belowPrice }),
+    benefits && benefits.length > 0 && /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-2", children: benefits.map((b, i) => /* @__PURE__ */ jsxs(
+      "li",
+      {
+        className: "flex items-start gap-2.5 text-sm text-foreground font-ui",
+        children: [
+          /* @__PURE__ */ jsx(CheckIcon, { className: "h-4 w-4 shrink-0 text-primary mt-0.5" }),
+          b
+        ]
+      },
+      i
+    )) }),
+    currencyEstimates && currencyEstimates.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
       /* @__PURE__ */ jsx(
         "button",
         {
           type: "button",
-          onClick: () => setShowPricing((v) => !v),
+          onClick: () => setShowEstimates((v) => !v),
           className: "flex items-center gap-1 text-xs text-primary font-ui text-left hover:underline underline-offset-2",
-          children: showPricing ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            "Show pricing options ",
+          children: showEstimates ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            "Hide estimates in other currencies ",
             /* @__PURE__ */ jsx(ChevronUpIcon, { className: "h-3 w-3" })
           ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-            "Show pricing options ",
+            "Show estimates in other currencies ",
             /* @__PURE__ */ jsx(ChevronDownIcon, { className: "h-3 w-3" })
           ] })
         }
       ),
-      showPricing && /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border overflow-hidden", children: pricingOptions.map((opt, i) => /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: cn(
-            "flex items-center justify-between px-3 py-2.5 text-sm",
-            i < pricingOptions.length - 1 && "border-b border-border"
-          ),
-          children: [
-            /* @__PURE__ */ jsx("span", { className: "text-foreground font-ui", children: opt.label }),
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-right", children: [
-              opt.originalPrice && /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground line-through font-ui", children: [
-                currency,
-                " ",
-                opt.originalPrice
-              ] }),
-              /* @__PURE__ */ jsxs("span", { className: "font-bold text-foreground font-ui", children: [
-                currency,
-                " ",
-                opt.price,
-                opt.unit && /* @__PURE__ */ jsxs("span", { className: "text-xs font-normal text-muted-foreground", children: [
-                  " ",
-                  "/ ",
-                  opt.unit
-                ] })
+      showEstimates && /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-border overflow-hidden", children: [
+        currencyEstimates.map((est, i) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "flex items-center justify-between px-3 py-2 text-sm font-ui",
+              i < currencyEstimates.length - 1 && "border-b border-border"
+            ),
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: est.currency }),
+              /* @__PURE__ */ jsxs("span", { className: "font-semibold text-foreground", children: [
+                est.symbol ? `${est.symbol} ` : "",
+                est.price
               ] })
-            ] })
-          ]
-        },
-        i
-      )) })
+            ]
+          },
+          i
+        )),
+        /* @__PURE__ */ jsxs("p", { className: "px-3 py-2 text-[11px] leading-snug text-muted-foreground bg-muted/40 italic font-ui border-t border-border", children: [
+          "Estimates based on the current exchange rate. The final price charged is in ",
+          currency,
+          "."
+        ] })
+      ] })
     ] }),
     /* @__PURE__ */ jsx(
       "button",
@@ -7828,14 +8211,14 @@ function SiteHeader({
   className
 }) {
   const t = VARIANT[variant];
-  const [openMenu, setOpenMenu] = React23.useState(null);
-  const [langOpen, setLangOpen] = React23.useState(false);
-  const [mobileOpen, setMobileOpen] = React23.useState(false);
-  const [openMobileSection, setOpenMobileSection] = React23.useState(null);
-  const [activeLang, setActiveLang] = React23.useState(currentLanguage);
+  const [openMenu, setOpenMenu] = React25.useState(null);
+  const [langOpen, setLangOpen] = React25.useState(false);
+  const [mobileOpen, setMobileOpen] = React25.useState(false);
+  const [openMobileSection, setOpenMobileSection] = React25.useState(null);
+  const [activeLang, setActiveLang] = React25.useState(currentLanguage);
   const toggleMobileSection = (label) => setOpenMobileSection((prev) => prev === label ? null : label);
-  const menuCloseTimer = React23.useRef(void 0);
-  const langCloseTimer = React23.useRef(void 0);
+  const menuCloseTimer = React25.useRef(void 0);
+  const langCloseTimer = React25.useRef(void 0);
   const handleMenuEnter = (label) => {
     clearTimeout(menuCloseTimer.current);
     setOpenMenu(label);
@@ -7856,7 +8239,7 @@ function SiteHeader({
     setOpenMenu(null);
     setLangOpen(false);
   };
-  React23.useEffect(() => () => {
+  React25.useEffect(() => () => {
     clearTimeout(menuCloseTimer.current);
     clearTimeout(langCloseTimer.current);
   }, []);
@@ -8121,7 +8504,7 @@ function SiteHeader({
               ), children: [
                 /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1.5 flex-wrap", children: languages.map((lang, i) => {
                   const isActive = lang.code === activeLang;
-                  return /* @__PURE__ */ jsxs(React23.Fragment, { children: [
+                  return /* @__PURE__ */ jsxs(React25.Fragment, { children: [
                     i > 0 && /* @__PURE__ */ jsx("span", { className: cn(
                       "text-xs select-none",
                       variant === "white" ? "text-border" : "text-white/15"
@@ -8183,8 +8566,8 @@ function SiteHeader({
   );
 }
 function ThemeToggle({ className }) {
-  const [dark, setDark] = React23.useState(false);
-  React23.useEffect(() => {
+  const [dark, setDark] = React25.useState(false);
+  React25.useEffect(() => {
     const saved = localStorage.getItem("theme");
     const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
     const isDark = saved === "dark" || !saved && prefersDark;
@@ -8335,7 +8718,7 @@ function TripCard({
   );
 }
 function useHlsVideo(videoRef, src) {
-  React23.useEffect(() => {
+  React25.useEffect(() => {
     if (!src || !videoRef.current) return;
     const video = videoRef.current;
     if (!src.includes(".m3u8")) return;
@@ -8372,16 +8755,17 @@ function TripHeader({
   destination,
   duration,
   tagline,
+  belowMeta,
   siteHeader,
   uiVariant = "v1",
   className
 }) {
   var _a;
-  const [heroIndex, setHeroIndex] = React23.useState(0);
-  const [videoReady, setVideoReady] = React23.useState(false);
-  const videoRef = React23.useRef(null);
+  const [heroIndex, setHeroIndex] = React25.useState(0);
+  const [videoReady, setVideoReady] = React25.useState(false);
+  const videoRef = React25.useRef(null);
   const isHls = !!(videoUrl == null ? void 0 : videoUrl.includes(".m3u8"));
-  const validImages = React23.useMemo(
+  const validImages = React25.useMemo(
     () => images.map((u) => u == null ? void 0 : u.trim()).filter(Boolean),
     [images]
   );
@@ -8396,7 +8780,7 @@ function TripHeader({
   const nights = duration ? (_a = duration.nights) != null ? _a : Math.max(duration.days - 1, 1) : null;
   const hasMeta = !!(destination || duration);
   useHlsVideo(videoRef, isHls ? videoUrl : void 0);
-  React23.useEffect(() => {
+  React25.useEffect(() => {
     if (!videoUrl) return;
     const el = videoRef.current;
     if (!el) return;
@@ -8538,7 +8922,7 @@ function TripHeader({
               siteHeader ? "-mt-44" : "-mt-36"
             ),
             children: [
-              breadcrumb && breadcrumb.length > 0 && /* @__PURE__ */ jsx("div", { className: "mb-3 flex items-center gap-1.5 flex-wrap", children: breadcrumb.map((crumb, i) => /* @__PURE__ */ jsxs(React23.Fragment, { children: [
+              breadcrumb && breadcrumb.length > 0 && /* @__PURE__ */ jsx("div", { className: "mb-3 flex items-center gap-1.5 flex-wrap", children: breadcrumb.map((crumb, i) => /* @__PURE__ */ jsxs(React25.Fragment, { children: [
                 i > 0 && /* @__PURE__ */ jsx(ChevronRightIcon, { className: "h-3 w-3 text-white/50 shrink-0" }),
                 /* @__PURE__ */ jsx("span", { className: "text-xs text-white/70 font-ui hover:text-white/90 cursor-default", children: crumb.label })
               ] }, i)) }),
@@ -8563,7 +8947,8 @@ function TripHeader({
                     duration.days === 1 ? "dia" : "dias"
                   ] })
                 ] })
-              ] }) : tagline ? /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm sm:text-base text-white/80 font-ui", children: tagline }) : null
+              ] }) : tagline ? /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm sm:text-base text-white/80 font-ui", children: tagline }) : null,
+              belowMeta && /* @__PURE__ */ jsx("div", { className: "mt-3", children: belowMeta })
             ]
           }
         ) })
@@ -8596,12 +8981,12 @@ function ItineraryTimeline({ steps }) {
         ] }),
         step.isTransfer && /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-xs font-ui h-5 px-2", children: "Transfer" })
       ] }),
-      /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground leading-relaxed [&_p:not(:last-child)]:mb-2 [&_strong]:text-foreground [&_strong]:font-semibold", children: step.description })
+      /* @__PURE__ */ jsx("div", { className: "text-base text-muted-foreground leading-relaxed [&_p:not(:last-child)]:mb-2 [&_strong]:text-foreground [&_strong]:font-semibold", children: step.description })
     ] })
   ] }, i)) });
 }
 function Checklist({ items, icon }) {
-  return /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-2", children: items.map((item, i) => /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-2.5 text-sm text-foreground", children: [
+  return /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-2", children: items.map((item, i) => /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-2.5 text-base text-foreground", children: [
     /* @__PURE__ */ jsx("span", { className: "mt-0.5 shrink-0 text-primary", children: icon != null ? icon : /* @__PURE__ */ jsx(CheckIcon, { className: "h-4 w-4" }) }),
     item
   ] }, i)) });
@@ -8616,21 +9001,36 @@ function TripPage({
   breadcrumb,
   highlights,
   infoGroups,
+  keyInfo,
   recommendedFor,
   overview,
+  overviewHighlights,
   itinerary,
+  itineraryDays,
   gallery,
   included,
+  notIncluded,
   whatToBring,
   weather,
+  optionalExtras,
+  accommodation,
+  food,
+  termsAndConditions,
   meetingPoints,
+  meetingPoint,
   faqs,
+  sectionIcons,
   reviews,
+  trustpilot,
+  trustpilotMini,
+  trustpilotHero,
   priceFrom,
   currency = "CHF",
   season,
   departureTimes,
-  pricingOptions,
+  benefits,
+  currencyEstimates,
+  priceInfo,
   onBook,
   bookLabel,
   siteHeader,
@@ -8638,34 +9038,51 @@ function TripPage({
   features,
   className
 }) {
-  const [activeSection, setActiveSection] = React23.useState("");
-  const [navFloating, setNavFloating] = React23.useState(false);
-  const [navHidden, setNavHidden] = React23.useState(false);
-  const [isFloating, setIsFloating] = React23.useState(false);
-  const [sidebarPos, setSidebarPos] = React23.useState(null);
-  const [pricingBarVisible, setPricingBarVisible] = React23.useState(false);
-  const navRef = React23.useRef(null);
-  const navSentinelRef = React23.useRef(null);
-  const sentinelRef = React23.useRef(null);
-  const sidebarPlaceholderRef = React23.useRef(null);
-  const pricingBarRef = React23.useRef(null);
-  const galleryRef = React23.useRef(null);
-  const sections = React23.useMemo(
+  const [activeSection, setActiveSection] = React25.useState("");
+  const [accordionValue, setAccordionValue] = React25.useState([]);
+  const accordionSectionIds = React25.useMemo(
+    () => /* @__PURE__ */ new Set([
+      "key-info",
+      "what-to-bring",
+      "weather",
+      "optional-extras",
+      "accommodation",
+      "food",
+      "meeting",
+      "terms"
+    ]),
+    []
+  );
+  const [navFloating, setNavFloating] = React25.useState(false);
+  const [navHidden, setNavHidden] = React25.useState(false);
+  const [isFloating, setIsFloating] = React25.useState(false);
+  const [sidebarPos, setSidebarPos] = React25.useState(null);
+  const [pricingBarVisible, setPricingBarVisible] = React25.useState(false);
+  const navRef = React25.useRef(null);
+  const navSentinelRef = React25.useRef(null);
+  const sentinelRef = React25.useRef(null);
+  const sidebarPlaceholderRef = React25.useRef(null);
+  const pricingBarRef = React25.useRef(null);
+  const galleryRef = React25.useRef(null);
+  const sections = React25.useMemo(
     () => [
-      { id: "key-info", label: "Key info", show: !!(infoGroups == null ? void 0 : infoGroups.length) },
-      { id: "overview", label: "Overview", show: !!overview },
-      { id: "itinerary", label: "Itinerary", show: !!(itinerary == null ? void 0 : itinerary.length) },
-      { id: "included", label: "Included", show: !!((included == null ? void 0 : included.length) || (whatToBring == null ? void 0 : whatToBring.length)) },
-      { id: "what-to-bring", label: "What to bring", show: !!(whatToBring == null ? void 0 : whatToBring.length) },
-      { id: "weather", label: "Weather", show: !!weather },
-      { id: "meeting", label: "Meeting point", show: !!(meetingPoints == null ? void 0 : meetingPoints.length) },
+      { id: "overview", label: "Overview", show: !!(overview || (overviewHighlights == null ? void 0 : overviewHighlights.length)) },
+      {
+        id: "itinerary",
+        label: "Itinerary",
+        show: !!((itineraryDays == null ? void 0 : itineraryDays.length) || (itinerary == null ? void 0 : itinerary.length))
+      },
+      { id: "included", label: "What is Included", show: !!(included == null ? void 0 : included.length) },
+      { id: "what-to-bring", label: "What to Bring", show: !!(whatToBring == null ? void 0 : whatToBring.length) },
+      { id: "accommodation", label: "Accommodation", show: !!accommodation },
+      { id: "terms", label: "Terms", show: !!termsAndConditions },
       { id: "faq", label: "FAQ", show: !!(faqs == null ? void 0 : faqs.length) },
-      { id: "gallery", label: "Photos", show: !!(gallery == null ? void 0 : gallery.length) }
+      { id: "reviews", label: "Reviews", show: !!(trustpilot || (reviews == null ? void 0 : reviews.length)) }
     ].filter((s) => s.show),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
-  React23.useEffect(() => {
+  React25.useEffect(() => {
     const sentinel = navSentinelRef.current;
     if (!sentinel) return;
     const update = () => setNavFloating(sentinel.getBoundingClientRect().top < 1);
@@ -8673,7 +9090,7 @@ function TripPage({
     update();
     return () => document.removeEventListener("scroll", update, { capture: true });
   }, []);
-  React23.useEffect(() => {
+  React25.useEffect(() => {
     const sentinel = sentinelRef.current;
     if (!sentinel) return;
     const update = () => setIsFloating(sentinel.getBoundingClientRect().top < 1);
@@ -8681,7 +9098,7 @@ function TripPage({
     update();
     return () => document.removeEventListener("scroll", update, { capture: true });
   }, []);
-  React23.useEffect(() => {
+  React25.useEffect(() => {
     const measure = () => {
       if (!sidebarPlaceholderRef.current) return;
       const rect = sidebarPlaceholderRef.current.getBoundingClientRect();
@@ -8691,7 +9108,7 @@ function TripPage({
     window.addEventListener("resize", measure);
     return () => window.removeEventListener("resize", measure);
   }, [isFloating]);
-  React23.useEffect(() => {
+  React25.useEffect(() => {
     const check = () => {
       var _a;
       const target = (_a = galleryRef.current) != null ? _a : pricingBarRef.current;
@@ -8702,7 +9119,7 @@ function TripPage({
     check();
     return () => document.removeEventListener("scroll", check, { capture: true });
   }, []);
-  React23.useEffect(() => {
+  React25.useEffect(() => {
     const check = () => {
       if (!pricingBarRef.current) return;
       setNavHidden(pricingBarRef.current.getBoundingClientRect().top < window.innerHeight * 0.92);
@@ -8711,7 +9128,7 @@ function TripPage({
     check();
     return () => document.removeEventListener("scroll", check, { capture: true });
   }, []);
-  React23.useEffect(() => {
+  React25.useEffect(() => {
     if (sections.length === 0) return;
     setActiveSection(sections[0].id);
     const update = () => {
@@ -8746,20 +9163,28 @@ function TripPage({
     }
   };
   const scrollToSection = (id) => {
-    var _a, _b, _c;
-    const el = document.getElementById(`trip-section-${id}`);
-    if (!el) return;
-    const navHeight = (_b = (_a = navRef.current) == null ? void 0 : _a.offsetHeight) != null ? _b : 56;
-    const scrollEl = (_c = navRef.current) == null ? void 0 : _c.closest("main");
-    const currentScroll = scrollEl ? scrollEl.scrollTop : window.scrollY;
-    const elTop = el.getBoundingClientRect().top;
-    const containerTop = scrollEl ? scrollEl.getBoundingClientRect().top : 0;
-    const target = currentScroll + (elTop - containerTop) - navHeight - 12;
-    if (scrollEl) {
-      scrollEl.scrollTo({ top: target, behavior: "smooth" });
-    } else {
-      window.scrollTo({ top: target, behavior: "smooth" });
+    const performScroll = () => {
+      var _a, _b, _c;
+      const el = document.getElementById(`trip-section-${id}`);
+      if (!el) return;
+      const navHeight = (_b = (_a = navRef.current) == null ? void 0 : _a.offsetHeight) != null ? _b : 56;
+      const scrollEl = (_c = navRef.current) == null ? void 0 : _c.closest("main");
+      const currentScroll = scrollEl ? scrollEl.scrollTop : window.scrollY;
+      const elTop = el.getBoundingClientRect().top;
+      const containerTop = scrollEl ? scrollEl.getBoundingClientRect().top : 0;
+      const target = currentScroll + (elTop - containerTop) - navHeight - 12;
+      if (scrollEl) {
+        scrollEl.scrollTo({ top: target, behavior: "smooth" });
+      } else {
+        window.scrollTo({ top: target, behavior: "smooth" });
+      }
+    };
+    if (accordionSectionIds.has(id)) {
+      setAccordionValue([id]);
+      window.setTimeout(performScroll, 320);
+      return;
     }
+    performScroll();
   };
   return /* @__PURE__ */ jsxs(
     "div",
@@ -8779,10 +9204,11 @@ function TripPage({
             duration,
             tagline,
             siteHeader,
-            uiVariant
+            uiVariant,
+            belowMeta: trustpilotHero ? /* @__PURE__ */ jsx(TrustpilotEmbed, { config: trustpilotHero }) : void 0
           }
         ),
-        /* @__PURE__ */ jsxs("div", { className: "mx-auto w-full max-w-5xl px-4 sm:px-6", children: [
+        /* @__PURE__ */ jsxs("div", { className: "mx-auto w-full max-w-6xl px-6 sm:px-8", children: [
           highlights && highlights.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-6 flex flex-wrap justify-center gap-6 py-2", children: highlights.map((h, i) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-2 text-center", children: [
             h.icon && /* @__PURE__ */ jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-full border-2 border-border text-foreground", children: h.icon }),
             /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-foreground font-ui", children: h.label })
@@ -8792,7 +9218,7 @@ function TripPage({
             "div",
             {
               className: cn(
-                "py-2 flex justify-center transition-opacity duration-150",
+                "pt-8 pb-2 flex justify-center transition-opacity duration-150",
                 navFloating ? "opacity-0 pointer-events-none" : "opacity-100"
               ),
               children: /* @__PURE__ */ jsx(
@@ -8809,67 +9235,208 @@ function TripPage({
           /* @__PURE__ */ jsx("div", { ref: sentinelRef, className: "h-px -mt-px", "aria-hidden": true }),
           /* @__PURE__ */ jsxs("div", { className: "flex flex-col lg:flex-row gap-8 mt-4", children: [
             /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0 space-y-12 pb-12", children: [
-              infoGroups && infoGroups.length > 0 && /* @__PURE__ */ jsxs("section", { id: "trip-section-key-info", className: "scroll-mt-20", children: [
-                /* @__PURE__ */ jsx("h2", { className: "text-xl font-bold text-foreground font-heading mb-6", children: "Key info" }),
-                /* @__PURE__ */ jsx("div", { className: "space-y-6", children: infoGroups.map((group, i) => /* @__PURE__ */ jsxs("div", { children: [
-                  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-3", children: [
-                    group.icon && /* @__PURE__ */ jsx("span", { className: "text-primary", children: group.icon }),
-                    /* @__PURE__ */ jsx("h3", { className: "text-base font-bold text-foreground font-heading", children: group.title })
-                  ] }),
-                  /* @__PURE__ */ jsx(Checklist, { items: group.items }),
-                  i < infoGroups.length - 1 && /* @__PURE__ */ jsx(Separator, { className: "mt-6" })
-                ] }, i)) })
-              ] }),
-              overview && /* @__PURE__ */ jsxs("section", { id: "trip-section-overview", className: "scroll-mt-20", children: [
-                /* @__PURE__ */ jsx("h2", { className: "text-xl font-bold text-foreground font-heading mb-4", children: "Overview" }),
-                recommendedFor && /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2.5 rounded-xl bg-primary/8 border border-primary/20 p-4 mb-4", children: [
+              (overview || (overviewHighlights == null ? void 0 : overviewHighlights.length)) && /* @__PURE__ */ jsxs("section", { id: "trip-section-overview", className: "scroll-mt-20", children: [
+                /* @__PURE__ */ jsxs("h2", { className: "text-xl font-bold text-foreground font-heading mb-4 flex items-center gap-2", children: [
+                  (sectionIcons == null ? void 0 : sectionIcons.overview) ? /* @__PURE__ */ jsx("span", { className: "text-primary [&>svg]:h-5 [&>svg]:w-5", children: sectionIcons.overview }) : /* @__PURE__ */ jsx(InfoIcon, { className: "h-5 w-5 text-primary" }),
+                  "Overview"
+                ] }),
+                overview && /* @__PURE__ */ jsx("div", { className: "text-lg text-foreground leading-relaxed space-y-3 [&_strong]:font-semibold [&_a]:text-primary [&_a]:underline", children: overview }),
+                overviewHighlights && overviewHighlights.length > 0 && /* @__PURE__ */ jsx("ul", { className: cn("flex flex-col gap-5", overview && "mt-8"), children: overviewHighlights.map((h, i) => /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-4", children: [
+                  h.icon && /* @__PURE__ */ jsx("span", { className: "flex h-10 w-10 shrink-0 items-center justify-center text-foreground [&_svg]:h-8 [&_svg]:w-8", children: h.icon }),
+                  /* @__PURE__ */ jsx("div", { className: "flex-1 pt-1 text-base text-foreground leading-relaxed [&_strong]:font-semibold [&_a]:text-primary [&_a]:underline", children: h.description })
+                ] }, i)) }),
+                recommendedFor && /* @__PURE__ */ jsxs("div", { className: "mt-6 flex items-start gap-2.5 rounded-xl bg-primary/8 border border-primary/20 p-4", children: [
                   /* @__PURE__ */ jsx(UsersIcon, { className: "h-4 w-4 text-primary mt-0.5 shrink-0" }),
-                  /* @__PURE__ */ jsxs("p", { className: "text-sm text-foreground font-ui", children: [
+                  /* @__PURE__ */ jsxs("p", { className: "text-base text-foreground font-ui", children: [
                     /* @__PURE__ */ jsx("span", { className: "font-semibold", children: "Recommended for: " }),
                     recommendedFor
                   ] })
-                ] }),
-                /* @__PURE__ */ jsx("div", { className: "text-sm text-foreground leading-relaxed space-y-3 [&_strong]:font-semibold [&_a]:text-primary [&_a]:underline", children: overview })
+                ] })
               ] }),
-              itinerary && itinerary.length > 0 && /* @__PURE__ */ jsxs("section", { id: "trip-section-itinerary", className: "scroll-mt-20", children: [
-                /* @__PURE__ */ jsx("h2", { className: "text-xl font-bold text-foreground font-heading mb-6", children: "Itinerary" }),
+              itineraryDays && itineraryDays.length > 0 ? /* @__PURE__ */ jsxs("section", { id: "trip-section-itinerary", className: "scroll-mt-20", children: [
+                /* @__PURE__ */ jsxs("h2", { className: "text-xl font-bold text-foreground font-heading mb-6 flex items-center gap-2", children: [
+                  (sectionIcons == null ? void 0 : sectionIcons.itinerary) ? /* @__PURE__ */ jsx("span", { className: "text-primary [&>svg]:h-5 [&>svg]:w-5", children: sectionIcons.itinerary }) : /* @__PURE__ */ jsx(ClockIcon, { className: "h-5 w-5 text-primary" }),
+                  "Itinerary"
+                ] }),
+                /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-12", children: itineraryDays.map((day) => /* @__PURE__ */ jsx(
+                  ItineraryDay,
+                  __spreadProps(__spreadValues({}, day), {
+                    photoLayout: "fullBleedBottom"
+                  }),
+                  day.dayNumber
+                )) })
+              ] }) : itinerary && itinerary.length > 0 && /* @__PURE__ */ jsxs("section", { id: "trip-section-itinerary", className: "scroll-mt-20", children: [
+                /* @__PURE__ */ jsxs("h2", { className: "text-xl font-bold text-foreground font-heading mb-6 flex items-center gap-2", children: [
+                  (sectionIcons == null ? void 0 : sectionIcons.itinerary) ? /* @__PURE__ */ jsx("span", { className: "text-primary [&>svg]:h-5 [&>svg]:w-5", children: sectionIcons.itinerary }) : /* @__PURE__ */ jsx(ClockIcon, { className: "h-5 w-5 text-primary" }),
+                  "Itinerary"
+                ] }),
                 /* @__PURE__ */ jsx(ItineraryTimeline, { steps: itinerary })
               ] }),
               included && included.length > 0 && /* @__PURE__ */ jsxs("section", { id: "trip-section-included", className: "scroll-mt-20", children: [
                 /* @__PURE__ */ jsxs("h2", { className: "text-xl font-bold text-foreground font-heading mb-4 flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsx(PackageIcon, { className: "h-5 w-5 text-primary" }),
+                  (sectionIcons == null ? void 0 : sectionIcons.whatIsIncluded) ? /* @__PURE__ */ jsx("span", { className: "text-primary [&>svg]:h-5 [&>svg]:w-5", children: sectionIcons.whatIsIncluded }) : /* @__PURE__ */ jsx(PackageIcon, { className: "h-5 w-5 text-primary" }),
                   "Included"
                 ] }),
                 /* @__PURE__ */ jsx(Checklist, { items: included })
               ] }),
-              whatToBring && whatToBring.length > 0 && /* @__PURE__ */ jsxs("section", { id: "trip-section-what-to-bring", className: "scroll-mt-20", children: [
-                /* @__PURE__ */ jsxs("h2", { className: "text-xl font-bold text-foreground font-heading mb-4 flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsx(PackageIcon, { className: "h-5 w-5 text-primary" }),
-                  "What to bring"
-                ] }),
-                /* @__PURE__ */ jsx(Checklist, { items: whatToBring, icon: /* @__PURE__ */ jsx(InfoIcon, { className: "h-4 w-4" }) })
-              ] }),
-              weather && /* @__PURE__ */ jsxs("section", { id: "trip-section-weather", className: "scroll-mt-20", children: [
+              notIncluded && notIncluded.length > 0 && /* @__PURE__ */ jsxs("section", { id: "trip-section-not-included", className: "scroll-mt-20", children: [
                 /* @__PURE__ */ jsxs("h2", { className: "text-xl font-bold text-foreground font-heading mb-4 flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsx(SunIcon, { className: "h-5 w-5 text-primary" }),
-                  "Weather"
+                  /* @__PURE__ */ jsx(XIcon, { className: "h-5 w-5 text-muted-foreground" }),
+                  "Not included"
                 ] }),
-                /* @__PURE__ */ jsx("div", { className: "flex items-start gap-3 rounded-xl bg-muted/60 border border-border p-5", children: /* @__PURE__ */ jsx("div", { className: "text-sm text-foreground leading-relaxed space-y-2 [&_strong]:font-semibold", children: weather }) })
-              ] }),
-              meetingPoints && meetingPoints.length > 0 && /* @__PURE__ */ jsxs("section", { id: "trip-section-meeting", className: "scroll-mt-20", children: [
-                /* @__PURE__ */ jsxs("h2", { className: "text-xl font-bold text-foreground font-heading mb-4 flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsx(MapPinIcon, { className: "h-5 w-5 text-primary" }),
-                  "Meeting point"
-                ] }),
-                /* @__PURE__ */ jsx("div", { className: "space-y-3", children: meetingPoints.map((mp, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3 rounded-xl border border-border p-4", children: [
-                  /* @__PURE__ */ jsx("div", { className: "mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-primary/10", children: /* @__PURE__ */ jsx(MapPinIcon, { className: "h-4 w-4 text-primary" }) }),
-                  /* @__PURE__ */ jsxs("div", { children: [
-                    mp.type && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground font-ui uppercase tracking-wide mb-0.5", children: mp.type === "activity" ? "Activity location" : mp.type === "alternative" ? "Alternative meeting point" : "Meeting point" }),
-                    /* @__PURE__ */ jsx("p", { className: "text-sm font-bold text-foreground font-heading", children: mp.name }),
-                    /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground font-ui mt-0.5", children: mp.address })
-                  ] })
-                ] }, i)) })
+                /* @__PURE__ */ jsx(
+                  Checklist,
+                  {
+                    items: notIncluded,
+                    icon: /* @__PURE__ */ jsx(XIcon, { className: "h-4 w-4 text-muted-foreground" })
+                  }
+                )
               ] }),
+              ((infoGroups == null ? void 0 : infoGroups.length) || keyInfo || (whatToBring == null ? void 0 : whatToBring.length) || weather || optionalExtras || accommodation || food || (meetingPoints == null ? void 0 : meetingPoints.length) || meetingPoint || termsAndConditions) && /* @__PURE__ */ jsxs(
+                Accordion,
+                {
+                  multiple: false,
+                  value: accordionValue,
+                  onValueChange: setAccordionValue,
+                  className: "border-t border-border",
+                  children: [
+                    (keyInfo || infoGroups && infoGroups.length > 0) && /* @__PURE__ */ jsxs(
+                      AccordionItem,
+                      {
+                        value: "key-info",
+                        id: "trip-section-key-info",
+                        className: "scroll-mt-20 border-b border-border",
+                        children: [
+                          /* @__PURE__ */ jsx(AccordionTrigger, { className: "py-5 text-xl font-bold text-foreground font-heading hover:no-underline", children: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
+                            (sectionIcons == null ? void 0 : sectionIcons.keyInfo) ? /* @__PURE__ */ jsx("span", { className: "text-primary [&>svg]:h-5 [&>svg]:w-5", children: sectionIcons.keyInfo }) : /* @__PURE__ */ jsx(InfoIcon, { className: "h-5 w-5 text-primary" }),
+                            "Key info"
+                          ] }) }),
+                          /* @__PURE__ */ jsx(AccordionContent, { className: "pb-6", children: keyInfo ? /* @__PURE__ */ jsx("div", { className: "text-base text-foreground leading-relaxed space-y-3 [&_strong]:font-semibold [&_a]:text-primary [&_a]:underline", children: keyInfo }) : /* @__PURE__ */ jsx("div", { className: "space-y-6", children: infoGroups.map((group, i) => /* @__PURE__ */ jsxs("div", { children: [
+                            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-3", children: [
+                              group.icon && /* @__PURE__ */ jsx("span", { className: "text-primary", children: group.icon }),
+                              /* @__PURE__ */ jsx("h3", { className: "text-base font-bold text-foreground font-heading", children: group.title })
+                            ] }),
+                            /* @__PURE__ */ jsx(Checklist, { items: group.items }),
+                            i < infoGroups.length - 1 && /* @__PURE__ */ jsx(Separator, { className: "mt-6" })
+                          ] }, i)) }) })
+                        ]
+                      }
+                    ),
+                    (meetingPoint || meetingPoints && meetingPoints.length > 0) && /* @__PURE__ */ jsxs(
+                      AccordionItem,
+                      {
+                        value: "meeting",
+                        id: "trip-section-meeting",
+                        className: "scroll-mt-20 border-b border-border",
+                        children: [
+                          /* @__PURE__ */ jsx(AccordionTrigger, { className: "py-5 text-xl font-bold text-foreground font-heading hover:no-underline", children: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
+                            (sectionIcons == null ? void 0 : sectionIcons.meetingPoint) ? /* @__PURE__ */ jsx("span", { className: "text-primary [&>svg]:h-5 [&>svg]:w-5", children: sectionIcons.meetingPoint }) : /* @__PURE__ */ jsx(MapPinIcon, { className: "h-5 w-5 text-primary" }),
+                            "Meeting point"
+                          ] }) }),
+                          /* @__PURE__ */ jsx(AccordionContent, { className: "pb-6", children: meetingPoint ? /* @__PURE__ */ jsx("div", { className: "text-base text-foreground leading-relaxed space-y-3 [&_strong]:font-semibold [&_a]:text-primary [&_a]:underline", children: meetingPoint }) : /* @__PURE__ */ jsx("div", { className: "space-y-3", children: meetingPoints.map((mp, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3 rounded-xl border border-border p-4", children: [
+                            /* @__PURE__ */ jsx("div", { className: "mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-primary/10", children: /* @__PURE__ */ jsx(MapPinIcon, { className: "h-4 w-4 text-primary" }) }),
+                            /* @__PURE__ */ jsxs("div", { children: [
+                              mp.type && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground font-ui uppercase tracking-wide mb-0.5", children: mp.type === "activity" ? "Activity location" : mp.type === "alternative" ? "Alternative meeting point" : "Meeting point" }),
+                              /* @__PURE__ */ jsx("p", { className: "text-sm font-bold text-foreground font-heading", children: mp.name }),
+                              /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground font-ui mt-0.5", children: mp.address })
+                            ] })
+                          ] }, i)) }) })
+                        ]
+                      }
+                    ),
+                    optionalExtras && /* @__PURE__ */ jsxs(
+                      AccordionItem,
+                      {
+                        value: "optional-extras",
+                        id: "trip-section-optional-extras",
+                        className: "scroll-mt-20 border-b border-border",
+                        children: [
+                          /* @__PURE__ */ jsx(AccordionTrigger, { className: "py-5 text-xl font-bold text-foreground font-heading hover:no-underline", children: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
+                            (sectionIcons == null ? void 0 : sectionIcons.optionalExtras) ? /* @__PURE__ */ jsx("span", { className: "text-primary [&>svg]:h-5 [&>svg]:w-5", children: sectionIcons.optionalExtras }) : /* @__PURE__ */ jsx(SparklesIcon, { className: "h-5 w-5 text-primary" }),
+                            "Optional extras"
+                          ] }) }),
+                          /* @__PURE__ */ jsx(AccordionContent, { className: "pb-6", children: /* @__PURE__ */ jsx("div", { className: "text-base text-foreground leading-relaxed space-y-3 [&_strong]:font-semibold [&_a]:text-primary [&_a]:underline", children: optionalExtras }) })
+                        ]
+                      }
+                    ),
+                    whatToBring && whatToBring.length > 0 && /* @__PURE__ */ jsxs(
+                      AccordionItem,
+                      {
+                        value: "what-to-bring",
+                        id: "trip-section-what-to-bring",
+                        className: "scroll-mt-20 border-b border-border",
+                        children: [
+                          /* @__PURE__ */ jsx(AccordionTrigger, { className: "py-5 text-xl font-bold text-foreground font-heading hover:no-underline", children: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
+                            (sectionIcons == null ? void 0 : sectionIcons.whatToBring) ? /* @__PURE__ */ jsx("span", { className: "text-primary [&>svg]:h-5 [&>svg]:w-5", children: sectionIcons.whatToBring }) : /* @__PURE__ */ jsx(BackpackIcon, { className: "h-5 w-5 text-primary" }),
+                            "What to bring"
+                          ] }) }),
+                          /* @__PURE__ */ jsx(AccordionContent, { className: "pb-6", children: /* @__PURE__ */ jsx(Checklist, { items: whatToBring, icon: /* @__PURE__ */ jsx(InfoIcon, { className: "h-4 w-4" }) }) })
+                        ]
+                      }
+                    ),
+                    accommodation && /* @__PURE__ */ jsxs(
+                      AccordionItem,
+                      {
+                        value: "accommodation",
+                        id: "trip-section-accommodation",
+                        className: "scroll-mt-20 border-b border-border",
+                        children: [
+                          /* @__PURE__ */ jsx(AccordionTrigger, { className: "py-5 text-xl font-bold text-foreground font-heading hover:no-underline", children: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
+                            (sectionIcons == null ? void 0 : sectionIcons.accommodation) ? /* @__PURE__ */ jsx("span", { className: "text-primary [&>svg]:h-5 [&>svg]:w-5", children: sectionIcons.accommodation }) : /* @__PURE__ */ jsx(BedDoubleIcon, { className: "h-5 w-5 text-primary" }),
+                            "Accommodation"
+                          ] }) }),
+                          /* @__PURE__ */ jsx(AccordionContent, { className: "pb-6", children: /* @__PURE__ */ jsx("div", { className: "text-base text-foreground leading-relaxed space-y-3 [&_strong]:font-semibold [&_a]:text-primary [&_a]:underline", children: accommodation }) })
+                        ]
+                      }
+                    ),
+                    food && /* @__PURE__ */ jsxs(
+                      AccordionItem,
+                      {
+                        value: "food",
+                        id: "trip-section-food",
+                        className: "scroll-mt-20 border-b border-border",
+                        children: [
+                          /* @__PURE__ */ jsx(AccordionTrigger, { className: "py-5 text-xl font-bold text-foreground font-heading hover:no-underline", children: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
+                            (sectionIcons == null ? void 0 : sectionIcons.food) ? /* @__PURE__ */ jsx("span", { className: "text-primary [&>svg]:h-5 [&>svg]:w-5", children: sectionIcons.food }) : /* @__PURE__ */ jsx(UtensilsIcon, { className: "h-5 w-5 text-primary" }),
+                            "Food"
+                          ] }) }),
+                          /* @__PURE__ */ jsx(AccordionContent, { className: "pb-6", children: /* @__PURE__ */ jsx("div", { className: "text-base text-foreground leading-relaxed space-y-3 [&_strong]:font-semibold [&_a]:text-primary [&_a]:underline", children: food }) })
+                        ]
+                      }
+                    ),
+                    weather && /* @__PURE__ */ jsxs(
+                      AccordionItem,
+                      {
+                        value: "weather",
+                        id: "trip-section-weather",
+                        className: "scroll-mt-20 border-b border-border",
+                        children: [
+                          /* @__PURE__ */ jsx(AccordionTrigger, { className: "py-5 text-xl font-bold text-foreground font-heading hover:no-underline", children: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
+                            (sectionIcons == null ? void 0 : sectionIcons.weather) ? /* @__PURE__ */ jsx("span", { className: "text-primary [&>svg]:h-5 [&>svg]:w-5", children: sectionIcons.weather }) : /* @__PURE__ */ jsx(SunIcon, { className: "h-5 w-5 text-primary" }),
+                            "Weather"
+                          ] }) }),
+                          /* @__PURE__ */ jsx(AccordionContent, { className: "pb-6", children: /* @__PURE__ */ jsx("div", { className: "flex items-start gap-3 rounded-xl bg-muted/60 border border-border p-5", children: /* @__PURE__ */ jsx("div", { className: "text-base text-foreground leading-relaxed space-y-2 [&_strong]:font-semibold", children: weather }) }) })
+                        ]
+                      }
+                    ),
+                    termsAndConditions && /* @__PURE__ */ jsxs(
+                      AccordionItem,
+                      {
+                        value: "terms",
+                        id: "trip-section-terms",
+                        className: "scroll-mt-20 border-b border-border",
+                        children: [
+                          /* @__PURE__ */ jsx(AccordionTrigger, { className: "py-5 text-xl font-bold text-foreground font-heading hover:no-underline", children: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
+                            (sectionIcons == null ? void 0 : sectionIcons.terms) ? /* @__PURE__ */ jsx("span", { className: "text-primary [&>svg]:h-5 [&>svg]:w-5", children: sectionIcons.terms }) : /* @__PURE__ */ jsx(ReceiptIcon, { className: "h-5 w-5 text-primary" }),
+                            "Terms & conditions"
+                          ] }) }),
+                          /* @__PURE__ */ jsx(AccordionContent, { className: "pb-6", children: /* @__PURE__ */ jsx("div", { className: "text-base text-foreground leading-relaxed space-y-3 [&_strong]:font-semibold [&_a]:text-primary [&_a]:underline", children: termsAndConditions }) })
+                        ]
+                      }
+                    )
+                  ]
+                }
+              ),
               faqs && faqs.length > 0 && /* @__PURE__ */ jsxs("section", { id: "trip-section-faq", className: "scroll-mt-20", children: [
                 /* @__PURE__ */ jsx("h2", { className: "text-xl font-bold text-foreground font-heading mb-6", children: "FAQ" }),
                 /* @__PURE__ */ jsx(Accordion, { variant: "faq", children: faqs.map((faq, i) => /* @__PURE__ */ jsxs(AccordionItem, { value: `faq-${i}`, children: [
@@ -8877,14 +9444,18 @@ function TripPage({
                   /* @__PURE__ */ jsx(AccordionContent, { children: faq.answer })
                 ] }, i)) })
               ] }),
-              reviews && reviews.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
+              trustpilot ? /* @__PURE__ */ jsxs("section", { id: "trip-section-reviews", className: "scroll-mt-20", children: [
+                /* @__PURE__ */ jsx(Separator, { className: "mb-10" }),
+                /* @__PURE__ */ jsx("h2", { className: "text-xl font-bold text-foreground font-heading mb-5", children: "What our guests think" }),
+                /* @__PURE__ */ jsx(TrustpilotEmbed, { config: trustpilot })
+              ] }) : reviews && reviews.length > 0 && /* @__PURE__ */ jsxs("section", { id: "trip-section-reviews", className: "scroll-mt-20", children: [
                 /* @__PURE__ */ jsx(Separator, { className: "mb-10" }),
                 /* @__PURE__ */ jsx("h2", { className: "text-xl font-bold text-foreground font-heading mb-5", children: "What our guests think" }),
                 /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: reviews.map((r, i) => {
                   var _a;
                   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 rounded-xl border border-border p-5", children: [
                     /* @__PURE__ */ jsx(Stars, { count: (_a = r.rating) != null ? _a : 5 }),
-                    /* @__PURE__ */ jsxs("p", { className: "text-sm text-foreground leading-relaxed line-clamp-4", children: [
+                    /* @__PURE__ */ jsxs("p", { className: "text-base text-foreground leading-relaxed line-clamp-4", children: [
                       "\u201C",
                       r.text,
                       "\u201D"
@@ -8904,10 +9475,13 @@ function TripPage({
                 currency,
                 season,
                 departureTimes,
-                pricingOptions,
                 onBook: (gallery == null ? void 0 : gallery.length) ? scrollToBookingForm : onBook,
                 bookLabel: bookLabel != null ? bookLabel : "Check availability",
-                variant: "card"
+                variant: "card",
+                belowPrice: trustpilotMini ? /* @__PURE__ */ jsx(TrustpilotEmbed, { config: trustpilotMini }) : void 0,
+                benefits,
+                currencyEstimates,
+                priceInfo
               }
             ) }) })
           ] })
@@ -8920,7 +9494,7 @@ function TripPage({
               "fixed top-0 left-0 right-0 z-20 py-3 transition-all duration-200",
               navFloating && !navHidden ? "translate-y-0 opacity-100" : "-translate-y-full opacity-0 pointer-events-none"
             ),
-            children: /* @__PURE__ */ jsx("div", { className: "mx-auto w-full max-w-5xl px-4 sm:px-6 flex justify-center", children: /* @__PURE__ */ jsx(
+            children: /* @__PURE__ */ jsx("div", { className: "mx-auto w-full max-w-6xl px-6 sm:px-8 flex justify-center", children: /* @__PURE__ */ jsx(
               MenuTrip,
               {
                 sections,
@@ -8943,10 +9517,13 @@ function TripPage({
                 currency,
                 season,
                 departureTimes,
-                pricingOptions,
                 onBook: (gallery == null ? void 0 : gallery.length) ? scrollToBookingForm : onBook,
                 bookLabel: bookLabel != null ? bookLabel : "Check availability",
-                variant: "card"
+                variant: "card",
+                belowPrice: trustpilotMini ? /* @__PURE__ */ jsx(TrustpilotEmbed, { config: trustpilotMini }) : void 0,
+                benefits,
+                currencyEstimates,
+                priceInfo
               }
             ) })
           }
@@ -8959,7 +9536,7 @@ function TripPage({
             initialVisible: 6
           }
         ) }),
-        gallery && gallery.length > 0 && /* @__PURE__ */ jsx("div", { ref: pricingBarRef, className: "mx-auto w-full max-w-5xl px-4 sm:px-6 py-12", children: /* @__PURE__ */ jsx("div", { id: "trip-booking-form", className: "rounded-2xl border border-border bg-card p-8 shadow-sm", children: /* @__PURE__ */ jsx(BookingForm, { onSubmit: onBook ? (values) => onBook() : void 0 }) }) }),
+        gallery && gallery.length > 0 && /* @__PURE__ */ jsx("div", { ref: pricingBarRef, className: "mx-auto w-full max-w-6xl px-6 sm:px-8 py-12", children: /* @__PURE__ */ jsx("div", { id: "trip-booking-form", className: "rounded-2xl border border-border bg-card p-8 shadow-sm", children: /* @__PURE__ */ jsx(BookingForm, { onSubmit: onBook ? (values) => onBook() : void 0 }) }) }),
         /* @__PURE__ */ jsx("div", { className: "fixed bottom-0 inset-x-0 z-30 lg:hidden border-t border-border bg-background/95 backdrop-blur-sm px-4 py-3", children: /* @__PURE__ */ jsx(
           PricingTrip,
           {
@@ -8967,7 +9544,10 @@ function TripPage({
             currency,
             onBook: (gallery == null ? void 0 : gallery.length) ? scrollToBookingForm : onBook,
             bookLabel: bookLabel != null ? bookLabel : "Book now",
-            variant: "compact"
+            variant: "compact",
+            sharp: true,
+            priceInfo,
+            currencyEstimates
           }
         ) }),
         /* @__PURE__ */ jsx("div", { className: "h-20 lg:hidden" })
@@ -9076,12 +9656,12 @@ function Toast({
   duration = 6e3,
   className
 }) {
-  const [mounted, setMounted] = React23.useState(false);
-  const [visible, setVisible] = React23.useState(true);
-  React23.useEffect(() => {
+  const [mounted, setMounted] = React25.useState(false);
+  const [visible, setVisible] = React25.useState(true);
+  React25.useEffect(() => {
     setMounted(true);
   }, []);
-  React23.useEffect(() => {
+  React25.useEffect(() => {
     if (duration === 0) return;
     const t = setTimeout(() => {
       setVisible(false);
@@ -9785,6 +10365,6 @@ function LeadCapturePopup({
   );
 }
 
-export { ActivityCard, AgentContactCard, Alert, BirthDateField, BookingConfirmation, BookingConfirmationEmail, BookingConfirmedCard, BookingDetails, BookingForm, BookingOtpEmail, BookingShell, Button, COUNTRIES, CounterField, CountrySearchField, DEFAULT_HEADER_LINKS, DEFAULT_LANGUAGES, DatePickerField, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, FilterPanel, FloatingInput, FloatingSelect, Itinerary, LOGO_PLANETAEXO_DATA_URI, LeadCapturePopup, MenuTrip, OTPCodeInput, Offer, OfferAdventureCard, PaymentAmountSelector, PaymentMethodSelector, PaymentModalShell, PaymentReceiptEmail, PhoneCountrySelect, PhotoGallery, PricingTrip, RegistrationForm, RegistrationSuccessCard, SiteHeader, TERMS_ACCEPT_KEY, TermsSection, ThemeToggle, Toast, TravellerFormInviteEmail, TripCard, TripHeader, TripPage, buttonVariants, cn, emailTokens, getStripeAppearance, stripeAppearance, wrapEmailHtml };
+export { ActivityCard, AgentContactCard, Alert, BirthDateField, BookingConfirmation, BookingConfirmationEmail, BookingConfirmedCard, BookingDetails, BookingForm, BookingOtpEmail, BookingShell, Button, COUNTRIES, CounterField, CountrySearchField, DEFAULT_HEADER_LINKS, DEFAULT_LANGUAGES, DatePickerField, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, FilterPanel, FloatingInput, FloatingSelect, Itinerary, ItineraryDay, LOGO_PLANETAEXO_DATA_URI, LeadCapturePopup, MenuTrip, OTPCodeInput, Offer, OfferAdventureCard, PaymentAmountSelector, PaymentMethodSelector, PaymentModalShell, PaymentReceiptEmail, PhoneCountrySelect, PhotoGallery, PricingTrip, RegistrationForm, RegistrationSuccessCard, SiteHeader, TERMS_ACCEPT_KEY, TermsSection, ThemeToggle, Toast, TransferDetailsBlock, TravellerFormInviteEmail, TripCard, TripHeader, TripPage, TrustpilotEmbed, buttonVariants, cn, emailTokens, getStripeAppearance, itineraryDaySpecIcons, stripeAppearance, wrapEmailHtml };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map