@planetaexo/design-system 0.69.0 → 0.71.0

package/dist/index.js

@@ -1,10 +1,10 @@
-import * as React32 from 'react';
+import * as React20 from 'react';
 import { useState, useRef, useCallback, useEffect, useId } 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, SlidersHorizontalIcon, ChevronLeftIcon, HomeIcon, SailboatIcon, CarIcon, WavesIcon, FootprintsIcon, InfoIcon, ClockIcon, CheckIcon, ChevronUpIcon, MenuIcon, UserIcon, SunIcon, MoonIcon, MapPinIcon, TwitterIcon, YoutubeIcon, LinkedinIcon, InstagramIcon, FacebookIcon, ArrowRightIcon, PackageIcon, BedDoubleIcon, UtensilsIcon, CompassIcon, BackpackIcon, CherryIcon, ReceiptIcon, Loader2Icon, SendIcon, CheckCircleIcon, ArrowDownIcon, SparkleIcon, Share2Icon, CopyIcon, Info, MailIcon, PhoneIcon, MessageCircleIcon, UserPlusIcon, ExternalLinkIcon, PencilIcon, Trash2Icon, UserMinusIcon, AlertTriangleIcon, ZoomInIcon, StarIcon, LayoutGridIcon } from 'lucide-react';
+import { XIcon, ChevronDownIcon, CalendarIcon, SearchIcon, ChevronRightIcon, ArrowLeftIcon, CheckCircle2Icon, MapIcon, LogOutIcon, UsersIcon, CreditCardIcon, AlertCircleIcon, MinusIcon, PlusIcon, CircleCheckIcon, SlidersHorizontalIcon, ChevronLeftIcon, HomeIcon, SailboatIcon, CarIcon, WavesIcon, FootprintsIcon, InfoIcon, ClockIcon, CheckIcon, ChevronUpIcon, MenuIcon, UserIcon, SunIcon, MoonIcon, MapPinIcon, TwitterIcon, YoutubeIcon, LinkedinIcon, InstagramIcon, FacebookIcon, ArrowRightIcon, PackageIcon, BedDoubleIcon, UtensilsIcon, CompassIcon, BackpackIcon, CherryIcon, ReceiptIcon, Loader2Icon, SendIcon, CheckCircleIcon, ArrowDownIcon, SparkleIcon, Share2Icon, CopyIcon, Info, MailIcon, PhoneIcon, MessageCircleIcon, UserPlusIcon, ExternalLinkIcon, PencilIcon, Trash2Icon, UserMinusIcon, AlertTriangleIcon, ZoomInIcon, StarIcon as StarIcon$1, 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 = React32.forwardRef(
+var Button = React20.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, variant, size } = _b, props = __objRest(_b, ["className", "variant", "size"]);
     return /* @__PURE__ */ jsx(
@@ -310,10 +310,10 @@ function DialogDescription(_a) {
     }, props)
   );
 }
-var FloatingInput = React32.forwardRef(
+var FloatingInput = React20.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 : React32.useId();
+    const inputId = id != null ? id : React20.useId();
     return /* @__PURE__ */ jsxs("div", { className: cn("relative", className), children: [
       /* @__PURE__ */ jsx(
         "input",
@@ -353,10 +353,10 @@ var FloatingInput = React32.forwardRef(
   }
 );
 FloatingInput.displayName = "FloatingInput";
-var FloatingSelect = React32.forwardRef(
+var FloatingSelect = React20.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 : React32.useId();
+    const inputId = id != null ? id : React20.useId();
     const hasValue = typeof value === "string" ? value !== "" : value !== void 0 && value !== null;
     return /* @__PURE__ */ jsxs("div", { className: cn("relative", className), children: [
       /* @__PURE__ */ jsx(
@@ -621,11 +621,11 @@ function PhoneCountrySelect({
   showDial = true
 }) {
   var _a;
-  const [open, setOpen] = React32.useState(false);
-  const containerRef = React32.useRef(null);
-  const listRef = React32.useRef(null);
+  const [open, setOpen] = React20.useState(false);
+  const containerRef = React20.useRef(null);
+  const listRef = React20.useRef(null);
   const selected = (_a = PHONE_COUNTRIES.find((c) => c.code === value)) != null ? _a : PHONE_COUNTRIES[0];
-  React32.useEffect(() => {
+  React20.useEffect(() => {
     if (!open) return;
     const handler = (e) => {
       var _a2;
@@ -636,7 +636,7 @@ function PhoneCountrySelect({
     document.addEventListener("mousedown", handler);
     return () => document.removeEventListener("mousedown", handler);
   }, [open]);
-  React32.useEffect(() => {
+  React20.useEffect(() => {
     if (!open || !listRef.current) return;
     const activeEl = listRef.current.querySelector("[data-selected=true]");
     activeEl == null ? void 0 : activeEl.scrollIntoView({ block: "nearest" });
@@ -906,8 +906,8 @@ function CalendarDayButton(_a) {
     "locale"
   ]);
   const defaultClassNames = getDefaultClassNames();
-  const ref = React32.useRef(null);
-  React32.useEffect(() => {
+  const ref = React20.useRef(null);
+  React20.useEffect(() => {
     var _a2;
     if (modifiers.focused) (_a2 = ref.current) == null ? void 0 : _a2.focus();
   }, [modifiers.focused]);
@@ -938,16 +938,16 @@ function BirthDateField({
   className,
   disabled
 }) {
-  const [open, setOpen] = React32.useState(false);
-  const [text, setText] = React32.useState(
+  const [open, setOpen] = React20.useState(false);
+  const [text, setText] = React20.useState(
     value ? format(value, "dd/MM/yyyy") : ""
   );
-  const containerRef = React32.useRef(null);
-  const inputId = React32.useId();
-  React32.useEffect(() => {
+  const containerRef = React20.useRef(null);
+  const inputId = React20.useId();
+  React20.useEffect(() => {
     setText(value ? format(value, "dd/MM/yyyy") : "");
   }, [value]);
-  React32.useEffect(() => {
+  React20.useEffect(() => {
     if (!open) return;
     const handler = (e) => {
       var _a;
@@ -1156,14 +1156,14 @@ function CountrySearchField({
 }) {
   var _a;
   const list = countries != null ? countries : COUNTRIES;
-  const [query, setQuery] = React32.useState("");
-  const [open, setOpen] = React32.useState(false);
-  const containerRef = React32.useRef(null);
-  const searchRef = React32.useRef(null);
+  const [query, setQuery] = React20.useState("");
+  const [open, setOpen] = React20.useState(false);
+  const containerRef = React20.useRef(null);
+  const searchRef = React20.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;
-  React32.useEffect(() => {
+  React20.useEffect(() => {
     if (!open) return;
     const handler = (e) => {
       var _a2;
@@ -1308,10 +1308,10 @@ function AdventureCard({
 }) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r;
   const isControlled = (_b = (_a = adventure.optionals) == null ? void 0 : _a.some((o) => o.onCheckedChange !== void 0)) != null ? _b : false;
-  const [checkedInternal, setCheckedInternal] = React32.useState(
+  const [checkedInternal, setCheckedInternal] = React20.useState(
     new Set((_d = (_c = adventure.optionals) == null ? void 0 : _c.filter((o) => o.defaultChecked).map((o) => o.id)) != null ? _d : [])
   );
-  const [openDescriptionId, setOpenDescriptionId] = React32.useState(null);
+  const [openDescriptionId, setOpenDescriptionId] = React20.useState(null);
   const openDescriptionOptional = openDescriptionId ? (_e = adventure.optionals) == null ? void 0 : _e.find((o) => o.id === openDescriptionId) : void 0;
   const isChecked = (opt) => {
     var _a2;
@@ -1482,7 +1482,7 @@ function AdventureCard({
       ] }),
       adventure.rooms && adventure.rooms.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-5 mt-1", children: adventure.rooms.map((room, i) => {
         var _a2, _b2;
-        const bedLabel = (_b2 = (_a2 = adventure.bedArrangementLabels) == null ? void 0 : _a2[room.bedArrangement]) != null ? _b2 : room.bedArrangement === "DOUBLE" ? "Double" : room.bedArrangement === "TWIN" ? "Twin" : room.bedArrangement === "SINGLE" ? "Single" : "Triple";
+        const bedLabel = (_b2 = (_a2 = adventure.bedArrangementLabels) == null ? void 0 : _a2[room.bedArrangement]) != null ? _b2 : room.bedArrangement === "DOUBLE" ? "Double" : room.bedArrangement === "TWIN" ? "Twin" : room.bedArrangement === "SINGLE" ? "Single" : room.bedArrangement === "TRIPLE" ? "Triple" : room.bedArrangement === "QUADRUPLE" ? "Quadruple" : "Quintuple";
         const heading = adventure.accommodationRoomHeading ? adventure.accommodationRoomHeading(room.accommodationName) : `Accommodation: ${room.accommodationName}`;
         return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
           /* @__PURE__ */ jsx("h4", { className: "text-lg font-semibold text-foreground font-heading", children: heading }),
@@ -1763,7 +1763,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(React32.Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1.5 flex-wrap", children: steps.map((label, i) => /* @__PURE__ */ jsxs(React20.Fragment, { children: [
         /* @__PURE__ */ jsx(
           "span",
           {
@@ -1962,7 +1962,7 @@ function TermsSection({
   termsContent
 }) {
   var _a;
-  const [modalOpen, setModalOpen] = React32.useState(false);
+  const [modalOpen, setModalOpen] = React20.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 }),
@@ -2100,9 +2100,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] = React32.useState("responsible");
-  const [error, setError] = React32.useState(null);
-  const [responsible, setResponsible] = React32.useState({
+  const [step, setStep] = React20.useState("responsible");
+  const [error, setError] = React20.useState(null);
+  const [responsible, setResponsible] = React20.useState({
     firstName: "",
     lastName: "",
     email: "",
@@ -2121,7 +2121,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] = React32.useState(
+  const [travellers, setTravellers] = React20.useState(
     Array.from({ length: Math.max(totalPax, 1) }, () => ({
       firstName: "",
       lastName: "",
@@ -2129,9 +2129,9 @@ function BookingWizard({
       email: ""
     }))
   );
-  const [payAmount, setPayAmount] = React32.useState("full");
-  const [payMethod, setPayMethod] = React32.useState("stripe");
-  const [termsAccepted, setTermsAccepted] = React32.useState(false);
+  const [payAmount, setPayAmount] = React20.useState("full");
+  const [payMethod, setPayMethod] = React20.useState("stripe");
+  const [termsAccepted, setTermsAccepted] = React20.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));
@@ -2359,7 +2359,7 @@ function Offer({
   className
 }) {
   var _a, _b, _c;
-  const [showBooking, setShowBooking] = React32.useState(false);
+  const [showBooking, setShowBooking] = React20.useState(false);
   const isShowingCheckout = !confirmedState && (!!checkoutSlot || internalDemoCheckout && showBooking);
   const handleBook = () => {
     if (!checkoutSlot && !externalBookingFlow && internalDemoCheckout) {
@@ -2726,7 +2726,7 @@ function AdventureSection({
   labels
 }) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s;
-  const [detailsOpen, setDetailsOpen] = React32.useState(false);
+  const [detailsOpen, setDetailsOpen] = React20.useState(false);
   const handleCopyUrl = (url) => {
     if (onCopyFormLink) {
       onCopyFormLink(url);
@@ -3265,8 +3265,8 @@ function AddTravellerDialog({
   errorMessage
 }) {
   var _a, _b, _c, _d, _e;
-  const [form, setForm] = React32.useState(() => createInitialAddFormData(config));
-  React32.useEffect(() => {
+  const [form, setForm] = React20.useState(() => createInitialAddFormData(config));
+  React20.useEffect(() => {
     if (open) {
       setForm(createInitialAddFormData(config));
     }
@@ -3326,7 +3326,7 @@ function EditTravellerDialog({
   errorMessage
 }) {
   var _a, _b, _c, _d, _e;
-  const [form, setForm] = React32.useState(() => ({
+  const [form, setForm] = React20.useState(() => ({
     firstName: "",
     lastName: "",
     email: "",
@@ -3335,7 +3335,7 @@ function EditTravellerDialog({
     birthDate: "",
     personType: "ADULT"
   }));
-  React32.useEffect(() => {
+  React20.useEffect(() => {
     var _a2, _b2, _c2, _d2, _e2, _f;
     if (open && traveller) {
       setForm({
@@ -3671,48 +3671,48 @@ function BookingDetails({
   const hasSubmitAddTraveller = !!onSubmitAddTraveller;
   const hasSubmitEditTraveller = !!onSubmitEditTraveller;
   const hasConfirmRemoveTraveller = !!onConfirmRemoveTraveller;
-  const [addModalState, setAddModalState] = React32.useState({
+  const [addModalState, setAddModalState] = React20.useState({
     open: false,
     adventureId: null
   });
-  const [editModalState, setEditModalState] = React32.useState({ open: false, adventureId: null, traveller: null });
-  const [deleteModalState, setDeleteModalState] = React32.useState({ open: false, adventureId: null, traveller: null });
-  const [resendInviteDialogState, setResendInviteDialogState] = React32.useState({ open: false, traveller: null });
-  const handleRequestOpenAddModal = React32.useCallback((adventureId) => {
+  const [editModalState, setEditModalState] = React20.useState({ open: false, adventureId: null, traveller: null });
+  const [deleteModalState, setDeleteModalState] = React20.useState({ open: false, adventureId: null, traveller: null });
+  const [resendInviteDialogState, setResendInviteDialogState] = React20.useState({ open: false, traveller: null });
+  const handleRequestOpenAddModal = React20.useCallback((adventureId) => {
     setAddModalState({ open: true, adventureId });
   }, []);
-  const handleRequestOpenEditModal = React32.useCallback(
+  const handleRequestOpenEditModal = React20.useCallback(
     (adventureId, traveller) => {
       setEditModalState({ open: true, adventureId, traveller });
     },
     []
   );
-  const handleRequestOpenDeleteModal = React32.useCallback(
+  const handleRequestOpenDeleteModal = React20.useCallback(
     (adventureId, traveller) => {
       setDeleteModalState({ open: true, adventureId, traveller });
     },
     []
   );
-  const handleRequestOpenResendInviteDialog = React32.useCallback(
+  const handleRequestOpenResendInviteDialog = React20.useCallback(
     (traveller) => {
       setResendInviteDialogState({ open: true, traveller });
     },
     []
   );
-  const closeAddModal = React32.useCallback(() => {
+  const closeAddModal = React20.useCallback(() => {
     setAddModalState({ open: false, adventureId: null });
   }, []);
-  const closeEditModal = React32.useCallback(() => {
+  const closeEditModal = React20.useCallback(() => {
     setEditModalState({ open: false, adventureId: null, traveller: null });
   }, []);
-  const closeDeleteModal = React32.useCallback(() => {
+  const closeDeleteModal = React20.useCallback(() => {
     setDeleteModalState({ open: false, adventureId: null, traveller: null });
   }, []);
-  const closeResendInviteDialog = React32.useCallback(() => {
+  const closeResendInviteDialog = React20.useCallback(() => {
     setResendInviteDialogState({ open: false, traveller: null });
   }, []);
-  const submitInFlightRef = React32.useRef(false);
-  const handleAddSubmit = React32.useCallback(
+  const submitInFlightRef = React20.useRef(false);
+  const handleAddSubmit = React20.useCallback(
     async (adventureId, data) => {
       if (!onSubmitAddTraveller) return;
       if (submitInFlightRef.current) return;
@@ -3727,7 +3727,7 @@ function BookingDetails({
     },
     [onSubmitAddTraveller, closeAddModal]
   );
-  const handleEditSubmit = React32.useCallback(
+  const handleEditSubmit = React20.useCallback(
     async (adventureId, travellerId, data) => {
       if (!onSubmitEditTraveller) return;
       if (submitInFlightRef.current) return;
@@ -3742,7 +3742,7 @@ function BookingDetails({
     },
     [onSubmitEditTraveller, closeEditModal]
   );
-  const handleDeleteConfirm = React32.useCallback(
+  const handleDeleteConfirm = React20.useCallback(
     async (adventureId, travellerId) => {
       if (!onConfirmRemoveTraveller) return;
       if (submitInFlightRef.current) return;
@@ -4127,7 +4127,9 @@ var DEFAULT_LABELS = {
     DOUBLE: "Double",
     TWIN: "Twin",
     SINGLE: "Single",
-    TRIPLE: "Triple"
+    TRIPLE: "Triple",
+    QUADRUPLE: "Quadruple",
+    QUINTUPLE: "Quintuple"
   }
 };
 function BookingAdventureCard({
@@ -4154,7 +4156,7 @@ function BookingAdventureCard({
   labels,
   className
 }) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v;
+  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;
   const l = {
     travellersHeading: (_a = labels == null ? void 0 : labels.travellersHeading) != null ? _a : DEFAULT_LABELS.travellersHeading,
     detailsHeading: (_b = labels == null ? void 0 : labels.detailsHeading) != null ? _b : DEFAULT_LABELS.detailsHeading,
@@ -4174,7 +4176,9 @@ function BookingAdventureCard({
       DOUBLE: (_p = (_o = labels == null ? void 0 : labels.bedArrangementLabels) == null ? void 0 : _o.DOUBLE) != null ? _p : DEFAULT_LABELS.bedArrangementLabels.DOUBLE,
       TWIN: (_r = (_q = labels == null ? void 0 : labels.bedArrangementLabels) == null ? void 0 : _q.TWIN) != null ? _r : DEFAULT_LABELS.bedArrangementLabels.TWIN,
       SINGLE: (_t = (_s = labels == null ? void 0 : labels.bedArrangementLabels) == null ? void 0 : _s.SINGLE) != null ? _t : DEFAULT_LABELS.bedArrangementLabels.SINGLE,
-      TRIPLE: (_v = (_u = labels == null ? void 0 : labels.bedArrangementLabels) == null ? void 0 : _u.TRIPLE) != null ? _v : DEFAULT_LABELS.bedArrangementLabels.TRIPLE
+      TRIPLE: (_v = (_u = labels == null ? void 0 : labels.bedArrangementLabels) == null ? void 0 : _u.TRIPLE) != null ? _v : DEFAULT_LABELS.bedArrangementLabels.TRIPLE,
+      QUADRUPLE: (_x = (_w = labels == null ? void 0 : labels.bedArrangementLabels) == null ? void 0 : _w.QUADRUPLE) != null ? _x : DEFAULT_LABELS.bedArrangementLabels.QUADRUPLE,
+      QUINTUPLE: (_z = (_y = labels == null ? void 0 : labels.bedArrangementLabels) == null ? void 0 : _y.QUINTUPLE) != null ? _z : DEFAULT_LABELS.bedArrangementLabels.QUINTUPLE
     }
   };
   const hasTravellers = !!travellers && travellers.length > 0;
@@ -4986,16 +4990,20 @@ var DEFAULT_BED_LABELS = {
   DOUBLE: "Double",
   TWIN: "Twin",
   SINGLE: "Single",
-  TRIPLE: "Triple"
+  TRIPLE: "Triple",
+  QUADRUPLE: "Quadruple",
+  QUINTUPLE: "Quintuple"
 };
 function BookingSummary({ heading, rows, rooms, roomsHeading, bedArrangementLabels, footer, className }) {
-  var _a, _b, _c, _d, _e, _f;
+  var _a, _b, _c, _d, _e, _f, _g, _h;
   const hasRooms = !!rooms && rooms.length > 0;
   const bedLabels = {
     DOUBLE: (_a = bedArrangementLabels == null ? void 0 : bedArrangementLabels.DOUBLE) != null ? _a : DEFAULT_BED_LABELS.DOUBLE,
     TWIN: (_b = bedArrangementLabels == null ? void 0 : bedArrangementLabels.TWIN) != null ? _b : DEFAULT_BED_LABELS.TWIN,
     SINGLE: (_c = bedArrangementLabels == null ? void 0 : bedArrangementLabels.SINGLE) != null ? _c : DEFAULT_BED_LABELS.SINGLE,
-    TRIPLE: (_d = bedArrangementLabels == null ? void 0 : bedArrangementLabels.TRIPLE) != null ? _d : DEFAULT_BED_LABELS.TRIPLE
+    TRIPLE: (_d = bedArrangementLabels == null ? void 0 : bedArrangementLabels.TRIPLE) != null ? _d : DEFAULT_BED_LABELS.TRIPLE,
+    QUADRUPLE: (_e = bedArrangementLabels == null ? void 0 : bedArrangementLabels.QUADRUPLE) != null ? _e : DEFAULT_BED_LABELS.QUADRUPLE,
+    QUINTUPLE: (_f = bedArrangementLabels == null ? void 0 : bedArrangementLabels.QUINTUPLE) != null ? _f : DEFAULT_BED_LABELS.QUINTUPLE
   };
   return /* @__PURE__ */ jsxs("div", { className, style: { marginBottom: "24px" }, children: [
     heading && /* @__PURE__ */ jsx(
@@ -5120,8 +5128,8 @@ function BookingSummary({ heading, rows, rooms, roomsHeading, bedArrangementLabe
                   style: {
                     padding: "12px 20px",
                     textAlign: "center",
-                    fontWeight: (_e = footer.fontWeight) != null ? _e : 600,
-                    color: (_f = footer.color) != null ? _f : emailTokens.foreground,
+                    fontWeight: (_g = footer.fontWeight) != null ? _g : 600,
+                    color: (_h = footer.color) != null ? _h : emailTokens.foreground,
                     backgroundColor: footer.backgroundColor
                   },
                   children: footer.text
@@ -5263,7 +5271,9 @@ var DEFAULT_LABELS3 = {
     DOUBLE: "Double",
     TWIN: "Twin",
     SINGLE: "Single",
-    TRIPLE: "Triple"
+    TRIPLE: "Triple",
+    QUADRUPLE: "Quadruple",
+    QUINTUPLE: "Quintuple"
   },
   paymentSummaryHeading: "\u{1F4B0} Payment Summary",
   paymentDetailsHeading: "Payment Details",
@@ -5659,7 +5669,7 @@ function BookingCreatedEmail({
             }, 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(React32.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(React20.Fragment, { children: [
             idx === 0 ? /* @__PURE__ */ jsx("strong", { children: line }) : line,
             idx < arr.length - 1 ? /* @__PURE__ */ jsx("br", {}) : null
           ] }, idx)) })
@@ -7224,7 +7234,9 @@ var DEFAULT_LABELS11 = {
     DOUBLE: "Double",
     TWIN: "Twin",
     SINGLE: "Single",
-    TRIPLE: "Triple"
+    TRIPLE: "Triple",
+    QUADRUPLE: "Quadruple",
+    QUINTUPLE: "Quintuple"
   },
   registrationPendingNotice: "The travellers' registration details will be sent to you as soon as all travellers have completed their forms.",
   mustReplyToConfirm: "Please reply to this email to confirm the booking.",
@@ -8440,11 +8452,11 @@ function DatePickerField({
   className,
   error
 }) {
-  const [open, setOpen] = React32.useState(false);
-  const containerRef = React32.useRef(null);
-  const [calendarWidth, setCalendarWidth] = React32.useState();
+  const [open, setOpen] = React20.useState(false);
+  const containerRef = React20.useRef(null);
+  const [calendarWidth, setCalendarWidth] = React20.useState();
   const hasValue = !!value;
-  React32.useEffect(() => {
+  React20.useEffect(() => {
     if (!containerRef.current) return;
     const observer = new ResizeObserver(([entry]) => {
       setCalendarWidth(entry.contentRect.width);
@@ -8573,15 +8585,15 @@ function BookingForm({
   const titleText = (_a = title != null ? title : L.title) != null ? _a : "Check availability for your trip";
   const subtitleText = (_b = subtitle != null ? subtitle : L.subtitle) != null ? _b : "Free enquiry \u2013 no commitment";
   const submitText = (_c = submitLabel != null ? submitLabel : L.submit) != null ? _c : "Send my request";
-  const [values, setValues] = React32.useState(__spreadValues(__spreadValues({}, defaultInitial), defaultValues));
-  const [errors, setErrors] = React32.useState({});
+  const [values, setValues] = React20.useState(__spreadValues(__spreadValues({}, defaultInitial), defaultValues));
+  const [errors, setErrors] = React20.useState({});
   const set = (key, value) => {
     setValues((prev) => __spreadProps(__spreadValues({}, prev), { [key]: value }));
     setErrors(
       (prev) => prev[key] ? __spreadProps(__spreadValues({}, prev), { [key]: void 0 }) : prev
     );
   };
-  React32.useEffect(() => {
+  React20.useEffect(() => {
     if (!defaultValues) return;
     setValues((prev) => {
       let changed = false;
@@ -9220,11 +9232,11 @@ function FloatingTextarea({
 }
 function SelectField({ field, value, onChange, error, disabled }) {
   var _a, _b, _c;
-  const [open, setOpen] = React32.useState(false);
-  const containerRef = React32.useRef(null);
+  const [open, setOpen] = React20.useState(false);
+  const containerRef = React20.useRef(null);
   const options = (_a = field.options) != null ? _a : [];
   const selectedOpt = (_b = options.find((o) => o.value === value)) != null ? _b : null;
-  React32.useEffect(() => {
+  React20.useEffect(() => {
     if (!open) return;
     const handleOutside = (e) => {
       if (containerRef.current && !containerRef.current.contains(e.target)) {
@@ -9692,11 +9704,11 @@ function RegistrationForm({
   readOnly = false
 }) {
   var _a;
-  const L = React32.useMemo(
+  const L = React20.useMemo(
     () => __spreadValues(__spreadValues({}, DEFAULT_LABELS14), labels != null ? labels : {}),
     [labels]
   );
-  const sortedFields = React32.useMemo(
+  const sortedFields = React20.useMemo(
     () => [...fields].sort((a, b) => {
       var _a2, _b;
       return ((_a2 = a.order) != null ? _a2 : 0) - ((_b = b.order) != null ? _b : 0);
@@ -9704,7 +9716,7 @@ function RegistrationForm({
     [fields]
   );
   const isControlled = values !== void 0;
-  const [internal, setInternal] = React32.useState(
+  const [internal, setInternal] = React20.useState(
     () => initializeValues(
       sortedFields,
       defaultValues != null ? defaultValues : {},
@@ -9712,9 +9724,9 @@ function RegistrationForm({
       includeTerms
     )
   );
-  const [submitAttempted, setSubmitAttempted] = React32.useState(false);
-  const [validationErrors, setValidationErrors] = React32.useState({});
-  React32.useEffect(() => {
+  const [submitAttempted, setSubmitAttempted] = React20.useState(false);
+  const [validationErrors, setValidationErrors] = React20.useState({});
+  React20.useEffect(() => {
     if (isControlled) return;
     setInternal((prev) => {
       const next = initializeValues(
@@ -9771,7 +9783,7 @@ function RegistrationForm({
   const termsError = submitAttempted && termsEnabled && !termsAccepted;
   const firstErrorFieldId = Object.keys(fieldErrors)[0];
   const scrollTargetId = firstErrorFieldId ? `rf-${firstErrorFieldId}` : termsError ? "rf-terms" : null;
-  React32.useEffect(() => {
+  React20.useEffect(() => {
     if (!submitAttempted || !scrollTargetId) return;
     const timer = setTimeout(() => {
       const elem = document.getElementById(scrollTargetId);
@@ -10242,18 +10254,18 @@ function CancellationForm({
   className
 }) {
   var _a, _b, _c;
-  const [selectedAdventureIds, setSelectedAdventureIds] = React32.useState(/* @__PURE__ */ new Set());
-  const [participantsByAdventure, setParticipantsByAdventure] = React32.useState({});
-  const [reasonCode, setReasonCode] = React32.useState("");
-  const [reasonOther, setReasonOther] = React32.useState("");
-  const [refundPreference, setRefundPreference] = React32.useState("");
-  const [refundOther, setRefundOther] = React32.useState("");
-  const [agreedToPolicy, setAgreedToPolicy] = React32.useState(false);
-  const [contactName, setContactName] = React32.useState((_a = identity == null ? void 0 : identity.name) != null ? _a : "");
-  const [contactEmail, setContactEmail] = React32.useState((_b = identity == null ? void 0 : identity.email) != null ? _b : "");
-  const [contactPhone, setContactPhone] = React32.useState((_c = identity == null ? void 0 : identity.phone) != null ? _c : "");
-  const [errors, setErrors] = React32.useState({});
-  const allParticipantsOf = React32.useCallback(
+  const [selectedAdventureIds, setSelectedAdventureIds] = React20.useState(/* @__PURE__ */ new Set());
+  const [participantsByAdventure, setParticipantsByAdventure] = React20.useState({});
+  const [reasonCode, setReasonCode] = React20.useState("");
+  const [reasonOther, setReasonOther] = React20.useState("");
+  const [refundPreference, setRefundPreference] = React20.useState("");
+  const [refundOther, setRefundOther] = React20.useState("");
+  const [agreedToPolicy, setAgreedToPolicy] = React20.useState(false);
+  const [contactName, setContactName] = React20.useState((_a = identity == null ? void 0 : identity.name) != null ? _a : "");
+  const [contactEmail, setContactEmail] = React20.useState((_b = identity == null ? void 0 : identity.email) != null ? _b : "");
+  const [contactPhone, setContactPhone] = React20.useState((_c = identity == null ? void 0 : identity.phone) != null ? _c : "");
+  const [errors, setErrors] = React20.useState({});
+  const allParticipantsOf = React20.useCallback(
     (advId) => {
       var _a2, _b2;
       return new Set(((_b2 = (_a2 = adventures.find((a) => a.id === advId)) == null ? void 0 : _a2.participants) != null ? _b2 : []).map((p) => p.id));
@@ -10510,10 +10522,10 @@ var OTPCodeInput = ({
   id,
   required
 }) => {
-  const baseId = id != null ? id : React32.useId();
-  const inputRef = React32.useRef(null);
-  const [focused, setFocused] = React32.useState(false);
-  const digits = React32.useMemo(() => {
+  const baseId = id != null ? id : React20.useId();
+  const inputRef = React20.useRef(null);
+  const [focused, setFocused] = React20.useState(false);
+  const digits = React20.useMemo(() => {
     const arr = value.split("").slice(0, length);
     while (arr.length < length) arr.push("");
     return arr;
@@ -10626,7 +10638,7 @@ function Checkbox(_a) {
     })
   );
 }
-var AccordionVariantContext = React32.createContext("default");
+var AccordionVariantContext = React20.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(
@@ -10644,7 +10656,7 @@ function Accordion(_a) {
 }
 function AccordionItem(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  const variant = React32.useContext(AccordionVariantContext);
+  const variant = React20.useContext(AccordionVariantContext);
   return /* @__PURE__ */ jsx(
     Accordion$1.Item,
     __spreadValues({
@@ -10667,7 +10679,7 @@ function AccordionTrigger(_a) {
     "children",
     "headingLevel"
   ]);
-  const variant = React32.useContext(AccordionVariantContext);
+  const variant = React20.useContext(AccordionVariantContext);
   const headingRender = headingLevel === 2 ? /* @__PURE__ */ jsx("h2", {}) : headingLevel === 4 ? /* @__PURE__ */ jsx("h4", {}) : headingLevel === 5 ? /* @__PURE__ */ jsx("h5", {}) : headingLevel === 6 ? /* @__PURE__ */ jsx("h6", {}) : void 0;
   return /* @__PURE__ */ jsx(
     Accordion$1.Header,
@@ -10729,7 +10741,7 @@ function AccordionContent(_a) {
     "className",
     "children"
   ]);
-  const variant = React32.useContext(AccordionVariantContext);
+  const variant = React20.useContext(AccordionVariantContext);
   return /* @__PURE__ */ jsx(
     Accordion$1.Panel,
     __spreadProps(__spreadValues({
@@ -10948,15 +10960,15 @@ function FilterPanel({
   labels
 }) {
   var _a, _b, _c, _d, _e, _f, _g, _h;
-  const resolvedGroups = React32.useMemo(() => resolveGroups(groups), [groups]);
-  const [internalValue, setInternalValue] = React32.useState(
+  const resolvedGroups = React20.useMemo(() => resolveGroups(groups), [groups]);
+  const [internalValue, setInternalValue] = React20.useState(
     () => Object.fromEntries(groups.map((g) => [g.id, []]))
   );
   const selected = value != null ? value : internalValue;
-  const [expandedItems, setExpandedItems] = React32.useState(
+  const [expandedItems, setExpandedItems] = React20.useState(
     () => new Set(groups.flatMap((g) => getDefaultExpandedIds(g.items)))
   );
-  const toggleExpanded = React32.useCallback((id) => {
+  const toggleExpanded = React20.useCallback((id) => {
     setExpandedItems((prev) => {
       const next = new Set(prev);
       if (next.has(id)) next.delete(id);
@@ -11340,11 +11352,11 @@ 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 = React32.useRef(null);
-  const [widgetReady, setWidgetReady] = React32.useState(false);
-  const [delayPassed, setDelayPassed] = React32.useState(false);
+  const ref = React20.useRef(null);
+  const [widgetReady, setWidgetReady] = React20.useState(false);
+  const [delayPassed, setDelayPassed] = React20.useState(false);
   const showFallback = delayPassed && !widgetReady;
-  React32.useEffect(() => {
+  React20.useEffect(() => {
     var _a2;
     if (typeof document === "undefined" || !ref.current) return;
     const node = ref.current;
@@ -11532,7 +11544,7 @@ function webpVariantUrl(src) {
   return `${withoutQuery}.webp${query}`;
 }
 function PictureLoader() {
-  const gradientId = React32.useId();
+  const gradientId = React20.useId();
   return /* @__PURE__ */ jsx(
     "span",
     {
@@ -11602,10 +11614,10 @@ function Picture(_a) {
     "onError"
   ]);
   var _a2, _b2;
-  const ref = React32.useRef(null);
-  const [visible, setVisible] = React32.useState(eager);
-  const [loaded, setLoaded] = React32.useState(false);
-  React32.useEffect(() => {
+  const ref = React20.useRef(null);
+  const [visible, setVisible] = React20.useState(eager);
+  const [loaded, setLoaded] = React20.useState(false);
+  React20.useEffect(() => {
     if (eager || visible) return;
     const el = ref.current;
     if (!el || typeof IntersectionObserver === "undefined") {
@@ -11624,7 +11636,7 @@ function Picture(_a) {
     io.observe(el);
     return () => io.disconnect();
   }, [eager, visible, rootMargin]);
-  React32.useEffect(() => {
+  React20.useEffect(() => {
     setLoaded(false);
   }, [src]);
   const webp = webpVariantUrl(src);
@@ -11755,11 +11767,11 @@ function ItineraryModal({
   onNext
 }) {
   var _a, _b, _c;
-  const [imgIndex, setImgIndex] = React32.useState(0);
+  const [imgIndex, setImgIndex] = React20.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);
-  React32.useEffect(() => {
+  React20.useEffect(() => {
     setImgIndex(0);
   }, [stop == null ? void 0 : stop.dayNumber]);
   if (!stop) return null;
@@ -11886,8 +11898,8 @@ function ItineraryModal({
   ) });
 }
 function Itinerary({ title, subtitle, stops, className }) {
-  const [activeIndex, setActiveIndex] = React32.useState(null);
-  const scrollRef = React32.useRef(null);
+  const [activeIndex, setActiveIndex] = React20.useState(null);
+  const scrollRef = React20.useRef(null);
   const activeStop = activeIndex !== null ? stops[activeIndex] : null;
   const scrollBy = (dir) => {
     if (!scrollRef.current) return;
@@ -11980,18 +11992,18 @@ function Lightbox({
   labels
 }) {
   var _a, _b, _c, _d;
-  const [index, setIndex] = React32.useState(initialIndex);
+  const [index, setIndex] = React20.useState(initialIndex);
   const total = photos.length;
   const photo = photos[index];
-  const prev = React32.useCallback(
+  const prev = React20.useCallback(
     () => setIndex((i) => (i - 1 + total) % total),
     [total]
   );
-  const next = React32.useCallback(
+  const next = React20.useCallback(
     () => setIndex((i) => (i + 1) % total),
     [total]
   );
-  React32.useEffect(() => {
+  React20.useEffect(() => {
     const onKey = (e) => {
       if (e.key === "Escape") onClose();
       if (e.key === "ArrowLeft") prev();
@@ -12093,6 +12105,260 @@ function Lightbox({
     }
   );
 }
+function FeedLightbox({
+  sections,
+  initialIndex,
+  onClose,
+  labels
+}) {
+  var _a;
+  const { items, total, bounds } = React20.useMemo(() => {
+    const items2 = [];
+    const bounds2 = [];
+    let i = 0;
+    for (const section of sections) {
+      if (!section.photos.length) continue;
+      bounds2.push({
+        label: section.label,
+        start: i,
+        end: i + section.photos.length - 1
+      });
+      section.photos.forEach((photo, p) => {
+        items2.push({
+          photo,
+          index: i,
+          sectionLabel: section.label,
+          isSectionStart: p === 0
+        });
+        i += 1;
+      });
+    }
+    return { items: items2, total: i, bounds: bounds2 };
+  }, [sections]);
+  const scrollRef = React20.useRef(null);
+  const itemRefs = React20.useRef([]);
+  const [active, setActive] = React20.useState(initialIndex);
+  const activeLabel = React20.useMemo(
+    () => {
+      var _a2;
+      return (_a2 = bounds.find((b) => active >= b.start && active <= b.end)) == null ? void 0 : _a2.label;
+    },
+    [bounds, active]
+  );
+  React20.useEffect(() => {
+    const previous = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.body.style.overflow = previous;
+    };
+  }, []);
+  React20.useEffect(() => {
+    const onKey = (e) => {
+      if (e.key === "Escape") onClose();
+    };
+    document.addEventListener("keydown", onKey);
+    return () => document.removeEventListener("keydown", onKey);
+  }, [onClose]);
+  React20.useEffect(() => {
+    const root = scrollRef.current;
+    if (!root) return;
+    let frame = 0;
+    let userMoved = false;
+    const recompute = () => {
+      var _a2;
+      frame = 0;
+      if (!userMoved) {
+        (_a2 = itemRefs.current[initialIndex]) == null ? void 0 : _a2.scrollIntoView({ block: "start" });
+      }
+      const anchorY = root.getBoundingClientRect().top + 64;
+      let current = 0;
+      itemRefs.current.forEach((el, i) => {
+        if (el && el.getBoundingClientRect().top <= anchorY) current = i;
+      });
+      if (root.scrollTop + root.clientHeight >= root.scrollHeight - 2) {
+        current = total - 1;
+      }
+      setActive(current);
+    };
+    const schedule = () => {
+      if (!frame) frame = requestAnimationFrame(recompute);
+    };
+    const onScroll = () => schedule();
+    const onUserMove = () => {
+      userMoved = true;
+    };
+    root.addEventListener("scroll", onScroll, { passive: true });
+    root.addEventListener("wheel", onUserMove, { passive: true });
+    root.addEventListener("touchmove", onUserMove, { passive: true });
+    window.addEventListener("keydown", onUserMove);
+    const ro = new ResizeObserver(schedule);
+    itemRefs.current.forEach((el) => el && ro.observe(el));
+    recompute();
+    return () => {
+      root.removeEventListener("scroll", onScroll);
+      root.removeEventListener("wheel", onUserMove);
+      root.removeEventListener("touchmove", onUserMove);
+      window.removeEventListener("keydown", onUserMove);
+      ro.disconnect();
+      if (frame) cancelAnimationFrame(frame);
+    };
+  }, []);
+  return /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-50 flex flex-col bg-background", children: [
+    /* @__PURE__ */ jsxs("div", { className: "sticky top-0 z-10 flex items-center gap-3 border-b border-border/60 bg-background/85 px-3 py-2.5 backdrop-blur-md", children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onClose,
+          className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-full text-foreground transition-colors hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+          "aria-label": (_a = labels == null ? void 0 : labels.close) != null ? _a : "Close lightbox",
+          children: /* @__PURE__ */ jsx(XIcon, { className: "h-5 w-5" })
+        }
+      ),
+      activeLabel && /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-center font-heading text-sm font-bold uppercase tracking-wide text-foreground", children: activeLabel }),
+      total > 1 && /* @__PURE__ */ jsxs(
+        "span",
+        {
+          className: cn(
+            "shrink-0 font-ui text-sm font-medium tabular-nums text-muted-foreground",
+            !activeLabel && "ml-auto"
+          ),
+          children: [
+            active + 1,
+            " / ",
+            total
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: scrollRef,
+        className: "flex-1 overflow-y-auto overscroll-contain",
+        children: /* @__PURE__ */ jsx("div", { className: "mx-auto flex w-full max-w-3xl flex-col gap-3 py-4", children: items.map(({ photo, index, sectionLabel, isSectionStart }) => {
+          var _a2;
+          return /* @__PURE__ */ jsxs(React20.Fragment, { children: [
+            sectionLabel && isSectionStart && /* @__PURE__ */ jsx(
+              "h2",
+              {
+                className: cn(
+                  "px-3 font-heading text-lg font-bold uppercase tracking-wide text-foreground sm:px-4",
+                  index > 0 && "mt-3"
+                ),
+                children: sectionLabel
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              "figure",
+              {
+                "data-index": index,
+                ref: (el) => {
+                  itemRefs.current[index] = el;
+                },
+                children: [
+                  /* @__PURE__ */ jsx("div", { className: "overflow-hidden bg-muted", children: /* @__PURE__ */ jsx(
+                    Picture,
+                    {
+                      src: photo.src,
+                      alt: (_a2 = photo.alt) != null ? _a2 : `Photo ${index + 1}`,
+                      title: photo.caption,
+                      className: "block h-auto w-full",
+                      eager: index < 2,
+                      rootMargin: "800px"
+                    }
+                  ) }),
+                  (photo.caption || photo.credit) && /* @__PURE__ */ jsxs("figcaption", { className: "px-3 pt-2 sm:px-4", children: [
+                    photo.caption && /* @__PURE__ */ jsx("p", { className: "font-ui text-sm leading-snug text-foreground/80", children: photo.caption }),
+                    photo.credit && /* @__PURE__ */ jsxs("p", { className: "font-ui text-xs text-muted-foreground", children: [
+                      "\xA9 ",
+                      photo.credit
+                    ] })
+                  ] })
+                ]
+              }
+            )
+          ] }, index);
+        }) })
+      }
+    )
+  ] });
+}
+var PhotoTourContext = React20.createContext(null);
+function PhotoTourProvider({
+  enabled = true,
+  labels,
+  children
+}) {
+  const entries = React20.useRef(/* @__PURE__ */ new Map());
+  const [open, setOpen] = React20.useState(null);
+  const register = React20.useCallback((entry) => {
+    entries.current.set(entry.id, entry);
+  }, []);
+  const unregister = React20.useCallback((id) => {
+    entries.current.delete(id);
+  }, []);
+  const openTour = React20.useCallback((id, localIndex) => {
+    var _a, _b;
+    const ordered = [...entries.current.values()].filter((e) => e.photos.length).sort((a, b) => {
+      const ea = a.getEl();
+      const eb = b.getEl();
+      if (!ea || !eb) return 0;
+      const pos = ea.compareDocumentPosition(eb);
+      if (pos & Node.DOCUMENT_POSITION_FOLLOWING) return -1;
+      if (pos & Node.DOCUMENT_POSITION_PRECEDING) return 1;
+      return 0;
+    });
+    const targetSrc = (_b = (_a = entries.current.get(id)) == null ? void 0 : _a.photos[localIndex]) == null ? void 0 : _b.src;
+    const seen = /* @__PURE__ */ new Set();
+    const sections = [];
+    for (const entry of ordered) {
+      const photos = entry.photos.filter((p) => {
+        if (seen.has(p.src)) return false;
+        seen.add(p.src);
+        return true;
+      });
+      if (!photos.length) continue;
+      const prev = sections[sections.length - 1];
+      if (prev && prev.label === entry.label) {
+        prev.photos.push(...photos);
+      } else {
+        sections.push({ label: entry.label, photos: [...photos] });
+      }
+    }
+    let index = 0;
+    let running = 0;
+    let done = false;
+    for (const section of sections) {
+      for (const photo of section.photos) {
+        if (photo.src === targetSrc) {
+          index = running;
+          done = true;
+          break;
+        }
+        running += 1;
+      }
+      if (done) break;
+    }
+    setOpen({ sections, index });
+  }, []);
+  const value = React20.useMemo(
+    () => ({ enabled, register, unregister, open: openTour }),
+    [enabled, register, unregister, openTour]
+  );
+  return /* @__PURE__ */ jsxs(PhotoTourContext.Provider, { value, children: [
+    children,
+    open && /* @__PURE__ */ jsx(
+      FeedLightbox,
+      {
+        sections: open.sections,
+        initialIndex: open.index,
+        labels,
+        onClose: () => setOpen(null)
+      }
+    )
+  ] });
+}
 function PhotoTile({
   photo,
   index,
@@ -12165,7 +12431,7 @@ function GridGallery({
   onOpen,
   labels
 }) {
-  const [expanded, setExpanded] = React32.useState(false);
+  const [expanded, setExpanded] = React20.useState(false);
   const cols = gridCols(photos.length);
   const hasMore = photos.length > initialVisible;
   const visible = expanded || !hasMore ? photos : photos.slice(0, initialVisible);
@@ -12197,7 +12463,7 @@ function CompactGridGallery({
   onOpen,
   labels
 }) {
-  const [expanded, setExpanded] = React32.useState(false);
+  const [expanded, setExpanded] = React20.useState(false);
   const hasMore = photos.length > initialVisible;
   const visible = expanded || !hasMore ? photos : photos.slice(0, initialVisible);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -12228,7 +12494,7 @@ function MasonryGallery({
   onOpen,
   labels
 }) {
-  const [expanded, setExpanded] = React32.useState(false);
+  const [expanded, setExpanded] = React20.useState(false);
   const hasMore = photos.length > initialVisible;
   const visible = expanded || !hasMore ? photos : photos.slice(0, initialVisible);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -12305,7 +12571,7 @@ function FeaturedGallery({
   onOpen,
   labels
 }) {
-  const [expanded, setExpanded] = React32.useState(false);
+  const [expanded, setExpanded] = React20.useState(false);
   const featured = photos.slice(0, 3);
   const extra = photos.slice(3);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -12420,11 +12686,33 @@ function CarouselGallery({
   const photo = photos[index];
   const prev = () => onIndexChange((index - 1 + total) % total);
   const next = () => onIndexChange((index + 1) % total);
+  const touchStart = React20.useRef(null);
+  const swiped = React20.useRef(false);
+  const onTouchStart = (e) => {
+    const t = e.touches[0];
+    touchStart.current = { x: t.clientX, y: t.clientY };
+    swiped.current = false;
+  };
+  const onTouchEnd = (e) => {
+    const start = touchStart.current;
+    touchStart.current = null;
+    if (!start || total <= 1) return;
+    const t = e.changedTouches[0];
+    const dx = t.clientX - start.x;
+    const dy = t.clientY - start.y;
+    if (Math.abs(dx) > 40 && Math.abs(dx) > Math.abs(dy)) {
+      swiped.current = true;
+      if (dx < 0) next();
+      else prev();
+    }
+  };
   return /* @__PURE__ */ jsxs(
     "div",
     {
+      onTouchStart,
+      onTouchEnd,
       className: cn(
-        "relative w-full aspect-[4/3] sm:aspect-[16/10] overflow-hidden bg-muted group/photo",
+        "relative w-full aspect-[4/3] sm:aspect-[16/10] overflow-hidden bg-muted group/photo touch-pan-y select-none",
         className
       ),
       children: [
@@ -12432,7 +12720,13 @@ function CarouselGallery({
           "button",
           {
             type: "button",
-            onClick: () => onOpen(index),
+            onClick: () => {
+              if (swiped.current) {
+                swiped.current = false;
+                return;
+              }
+              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(
@@ -12505,17 +12799,46 @@ function PhotoGallery({
   initialVisible = 6,
   onPhotoClick,
   labels,
+  lightbox: lightboxMode = "classic",
+  tourSection,
   className
 }) {
-  const [lightboxIndex, setLightboxIndex] = React32.useState(null);
-  const [carouselIndex, setCarouselIndex] = React32.useState(0);
-  const normalised = React32.useMemo(() => photos.map(normalise), [photos]);
+  const [lightboxIndex, setLightboxIndex] = React20.useState(null);
+  const [carouselIndex, setCarouselIndex] = React20.useState(0);
+  const normalised = React20.useMemo(() => photos.map(normalise), [photos]);
+  const tour = React20.useContext(PhotoTourContext);
+  const tourId = React20.useId();
+  const markerRef = React20.useRef(null);
+  const inTour = !!((tour == null ? void 0 : tour.enabled) && tourSection);
+  React20.useEffect(() => {
+    if (!inTour || !tour) return;
+    tour.register({
+      id: tourId,
+      label: tourSection,
+      getEl: () => markerRef.current,
+      photos: normalised
+    });
+    return () => tour.unregister(tourId);
+  }, [inTour, tour, tourId, tourSection, normalised]);
   const handleOpen = (index) => {
-    setLightboxIndex(index);
     onPhotoClick == null ? void 0 : onPhotoClick(normalised[index].src, index);
+    if (inTour && tour) {
+      tour.open(tourId, index);
+      return;
+    }
+    setLightboxIndex(index);
   };
   if (normalised.length === 0) return null;
-  const lightbox = lightboxIndex !== null && /* @__PURE__ */ jsx(
+  const tourMarker = inTour && /* @__PURE__ */ jsx("span", { ref: markerRef, "aria-hidden": true, className: "hidden" });
+  const lightbox = lightboxIndex !== null && (lightboxMode === "feed" ? /* @__PURE__ */ jsx(
+    FeedLightbox,
+    {
+      sections: [{ photos: normalised }],
+      initialIndex: lightboxIndex,
+      onClose: () => setLightboxIndex(null),
+      labels
+    }
+  ) : /* @__PURE__ */ jsx(
     Lightbox,
     {
       photos: normalised,
@@ -12523,9 +12846,10 @@ function PhotoGallery({
       onClose: () => setLightboxIndex(null),
       labels
     }
-  );
+  ));
   if (variant === "carousel" || variant === "fullBleed") {
     return /* @__PURE__ */ jsxs(Fragment, { children: [
+      tourMarker,
       /* @__PURE__ */ jsx(
         CarouselGallery,
         {
@@ -12544,6 +12868,7 @@ function PhotoGallery({
     ] });
   }
   return /* @__PURE__ */ jsxs("div", { className: cn("w-full", className), children: [
+    tourMarker,
     variant === "grid" && /* @__PURE__ */ jsx(
       GridGallery,
       {
@@ -12599,14 +12924,15 @@ function ItineraryDay({
   photoLayout = "rounded",
   className
 }) {
-  const photoList = React32.useMemo(() => normalisePhotos(photos), [photos]);
+  const photoList = React20.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"
+      variant: isFullBleed ? "fullBleed" : "carousel",
+      tourSection: dayLabel != null ? dayLabel : `Day ${dayNumber}`
     }
   );
   return /* @__PURE__ */ jsxs("article", { className: cn("w-full flex flex-col gap-5", className), children: [
@@ -12654,8 +12980,8 @@ function MenuTrip({
   bold = true,
   className
 }) {
-  const scrollRef = React32.useRef(null);
-  React32.useEffect(() => {
+  const scrollRef = React20.useRef(null);
+  React20.useEffect(() => {
     if (!scrollRef.current || !activeSection) return;
     const container = scrollRef.current;
     const btn = container.querySelector(
@@ -12853,8 +13179,8 @@ function PricingTrip({
   className
 }) {
   const rOuter = sharp ? "rounded-none" : "rounded-2xl";
-  const [showEstimates, setShowEstimates] = React32.useState(false);
-  const [showPriceInfo, setShowPriceInfo] = React32.useState(false);
+  const [showEstimates, setShowEstimates] = React20.useState(false);
+  const [showPriceInfo, setShowPriceInfo] = React20.useState(false);
   if (variant === "compact") {
     const showOverlay = showPriceInfo && (!!priceInfo || !!currencyEstimates && currencyEstimates.length > 0);
     return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-2", className), children: [
@@ -13290,6 +13616,7 @@ function SiteHeader({
   logoSrcDark = "/logo-planetaexo-green.png",
   logoSrc,
   logoAlt = "Planeta Exo",
+  logoHref = "#",
   languages = DEFAULT_LANGUAGES,
   currentLanguage = "EN",
   onLanguageChange,
@@ -13302,14 +13629,14 @@ function SiteHeader({
   var _a, _b, _c, _d, _e, _f, _g;
   const t = VARIANT[variant];
   const resolvedLogo = logoSrc != null ? logoSrc : variant === "white" ? logoSrcDark : logoSrcLight;
-  const [openMenu, setOpenMenu] = React32.useState(null);
-  const [langOpen, setLangOpen] = React32.useState(false);
-  const [mobileOpen, setMobileOpen] = React32.useState(false);
-  const [openMobileSection, setOpenMobileSection] = React32.useState(null);
-  const [activeLang, setActiveLang] = React32.useState(currentLanguage);
+  const [openMenu, setOpenMenu] = React20.useState(null);
+  const [langOpen, setLangOpen] = React20.useState(false);
+  const [mobileOpen, setMobileOpen] = React20.useState(false);
+  const [openMobileSection, setOpenMobileSection] = React20.useState(null);
+  const [activeLang, setActiveLang] = React20.useState(currentLanguage);
   const toggleMobileSection = (label) => setOpenMobileSection((prev) => prev === label ? null : label);
-  const menuCloseTimer = React32.useRef(void 0);
-  const langCloseTimer = React32.useRef(void 0);
+  const menuCloseTimer = React20.useRef(void 0);
+  const langCloseTimer = React20.useRef(void 0);
   const handleMenuEnter = (label) => {
     clearTimeout(menuCloseTimer.current);
     setOpenMenu(label);
@@ -13330,7 +13657,7 @@ function SiteHeader({
     setOpenMenu(null);
     setLangOpen(false);
   };
-  React32.useEffect(() => () => {
+  React20.useEffect(() => () => {
     clearTimeout(menuCloseTimer.current);
     clearTimeout(langCloseTimer.current);
   }, []);
@@ -13368,7 +13695,7 @@ function SiteHeader({
           /* @__PURE__ */ jsx(
             "a",
             {
-              href: "#",
+              href: logoHref,
               className: cn(
                 "shrink-0 flex items-center",
                 "absolute left-1/2 -translate-x-1/2",
@@ -13520,7 +13847,7 @@ function SiteHeader({
             ),
             children: [
               /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 h-[72px] shrink-0 border-b border-white/8", children: [
-                /* @__PURE__ */ jsx("a", { href: "#", className: "shrink-0 flex items-center", onClick: () => setMobileOpen(false), children: /* @__PURE__ */ jsx(
+                /* @__PURE__ */ jsx("a", { href: logoHref, className: "shrink-0 flex items-center", onClick: () => setMobileOpen(false), children: /* @__PURE__ */ jsx(
                   "img",
                   {
                     src: resolvedLogo,
@@ -13606,7 +13933,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(React32.Fragment, { children: [
+                  return /* @__PURE__ */ jsxs(React20.Fragment, { children: [
                     i > 0 && /* @__PURE__ */ jsx("span", { className: cn(
                       "text-xs select-none",
                       variant === "white" ? "text-border" : "text-white/15"
@@ -13668,8 +13995,8 @@ function SiteHeader({
   );
 }
 function ThemeToggle({ className }) {
-  const [dark, setDark] = React32.useState(false);
-  React32.useEffect(() => {
+  const [dark, setDark] = React20.useState(false);
+  React20.useEffect(() => {
     const saved = localStorage.getItem("theme");
     const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
     const isDark = saved === "dark" || !saved && prefersDark;
@@ -13719,7 +14046,7 @@ var chipVariants = cva(
     }
   }
 );
-var Chip = React32.forwardRef(function Chip2(_a, ref) {
+var Chip = React20.forwardRef(function Chip2(_a, ref) {
   var _b = _a, { className, variant, size, href, children } = _b, props = __objRest(_b, ["className", "variant", "size", "href", "children"]);
   const classes = cn(chipVariants({ variant, size }), className);
   if (href) {
@@ -13786,6 +14113,19 @@ var statusConfig = {
     icon: /* @__PURE__ */ jsx(TrendingIcon, {})
   }
 };
+function StarIcon() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "15",
+      height: "15",
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx("path", { d: "M12 17.27l-5.4 3.27 1.43-6.16-4.78-4.14 6.3-.54L12 4l2.45 5.7 6.3.54-4.78 4.14 1.43 6.16z" })
+    }
+  );
+}
 function HeartIcon({ filled = false }) {
   return /* @__PURE__ */ jsx(
     "svg",
@@ -13803,7 +14143,7 @@ function HeartIcon({ filled = false }) {
   );
 }
 function TripCardEditorial(props) {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e, _f;
   const {
     image,
     imageAlt = "",
@@ -13820,10 +14160,14 @@ function TripCardEditorial(props) {
     location,
     locationHref,
     difficulty,
+    rating,
+    reviewCount,
     tag,
     tagHref
   } = props;
-  const [internalFav, setInternalFav] = React32.useState(false);
+  const hasRating = typeof rating === "number" && rating > 0;
+  const reviewsWord = reviewCount === 1 ? (_a = labels == null ? void 0 : labels.review) != null ? _a : "review" : (_b = labels == null ? void 0 : labels.reviews) != null ? _b : "reviews";
+  const [internalFav, setInternalFav] = React20.useState(false);
   const favorited = favoritedProp != null ? favoritedProp : internalFav;
   const handleFav = (e) => {
     e.preventDefault();
@@ -13865,7 +14209,7 @@ function TripCardEditorial(props) {
         "button",
         {
           type: "button",
-          "aria-label": favorited ? (_a = labels == null ? void 0 : labels.removeFromFavorites) != null ? _a : "Remove from favorites" : (_b = labels == null ? void 0 : labels.addToFavorites) != null ? _b : "Add to favorites",
+          "aria-label": favorited ? (_c = labels == null ? void 0 : labels.removeFromFavorites) != null ? _c : "Remove from favorites" : (_d = labels == null ? void 0 : labels.addToFavorites) != null ? _d : "Add to favorites",
           "aria-pressed": favorited,
           onClick: handleFav,
           className: cn(
@@ -13879,7 +14223,24 @@ function TripCardEditorial(props) {
       ),
       /* @__PURE__ */ jsx("div", { className: "absolute inset-x-0 bottom-0 p-5 text-white", children: /* @__PURE__ */ jsx("h3", { className: "text-lg sm:text-xl font-bold font-heading leading-tight", children: title }) })
     ] }),
-    (description || price || nights || location || difficulty) && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 bg-card p-6", children: [
+    (description || price || nights || location || difficulty || hasRating) && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 bg-card p-6", children: [
+      hasRating && /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "flex items-center gap-1.5 text-foreground/85",
+          "aria-label": reviewCount ? `${rating.toFixed(1)} (${reviewCount} ${reviewsWord})` : `${rating.toFixed(1)}`,
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "text-amber-500", children: /* @__PURE__ */ jsx(StarIcon, {}) }),
+            /* @__PURE__ */ jsx("span", { className: "text-sm font-ui font-semibold", children: rating.toFixed(1) }),
+            reviewCount ? /* @__PURE__ */ jsxs("span", { className: "text-xs font-ui text-muted-foreground", children: [
+              "\xB7 ",
+              reviewCount,
+              " ",
+              reviewsWord
+            ] }) : null
+          ]
+        }
+      ),
       (location || difficulty) && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
         location ? locationHref ? (
           // Above the card's stretched link (z-20) so the location is
@@ -13909,7 +14270,7 @@ function TripCardEditorial(props) {
           /* @__PURE__ */ jsxs("span", { className: "text-sm font-ui font-semibold", children: [
             nights,
             " ",
-            nights === 1 ? (_c = labels == null ? void 0 : labels.night) != null ? _c : "night" : (_d = labels == null ? void 0 : labels.nights) != null ? _d : "nights"
+            nights === 1 ? (_e = labels == null ? void 0 : labels.night) != null ? _e : "night" : (_f = labels == null ? void 0 : labels.nights) != null ? _f : "nights"
           ] })
         ] }) : /* @__PURE__ */ jsx("span", {}),
         price && /* @__PURE__ */ jsx("p", { className: "text-base font-bold text-foreground font-ui", children: price })
@@ -14338,7 +14699,7 @@ function BlogPost({
       ) }),
       /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-0 bg-gradient-to-t from-black/90 via-black/45 to-transparent" }),
       /* @__PURE__ */ jsx("div", { className: "absolute inset-x-0 bottom-0", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto w-full max-w-3xl px-6 sm:px-8 pb-9 sm:pb-11", 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(React32.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(React20.Fragment, { children: [
           i > 0 && /* @__PURE__ */ jsx(ChevronRightIcon, { className: "h-3 w-3 text-white/50 shrink-0" }),
           crumb.href ? /* @__PURE__ */ jsx(
             "a",
@@ -14392,7 +14753,7 @@ function BlogPost({
   ] });
 }
 function useHlsVideo(videoRef, src) {
-  React32.useEffect(() => {
+  React20.useEffect(() => {
     if (!src || !videoRef.current) return;
     const video = videoRef.current;
     if (!src.includes(".m3u8")) return;
@@ -14438,11 +14799,11 @@ function TripHeader({
   className
 }) {
   var _a, _b, _c, _d, _e, _f, _g;
-  const [heroIndex, setHeroIndex] = React32.useState(0);
-  const [videoReady, setVideoReady] = React32.useState(false);
-  const videoRef = React32.useRef(null);
+  const [heroIndex, setHeroIndex] = React20.useState(0);
+  const [videoReady, setVideoReady] = React20.useState(false);
+  const videoRef = React20.useRef(null);
   const isHls = !!(videoUrl == null ? void 0 : videoUrl.includes(".m3u8"));
-  const validImages = React32.useMemo(
+  const validImages = React20.useMemo(
     () => images.map((u) => u == null ? void 0 : u.trim()).filter(Boolean),
     [images]
   );
@@ -14457,7 +14818,7 @@ function TripHeader({
   const nights = duration ? (_a = duration.nights) != null ? _a : Math.max(duration.days - 1, 1) : null;
   const hasMeta = !!(destination || duration || groupSize);
   useHlsVideo(videoRef, isHls ? videoUrl : void 0);
-  React32.useEffect(() => {
+  React20.useEffect(() => {
     if (!videoUrl) return;
     const el = videoRef.current;
     if (!el) return;
@@ -14600,7 +14961,7 @@ function TripHeader({
               chips && chips.length > 0 ? siteHeader ? "-mt-[200px] sm:-mt-[214px]" : "-mt-[168px] sm:-mt-[182px]" : 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(React32.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(React20.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)) }),
@@ -14770,10 +15131,10 @@ function LanguagePicker({
 }) {
   var _a;
   const t = VARIANT2[variant];
-  const [open, setOpen] = React32.useState(false);
-  const ref = React32.useRef(null);
+  const [open, setOpen] = React20.useState(false);
+  const ref = React20.useRef(null);
   const active = (_a = languages.find((l) => l.code === currentLanguage)) != null ? _a : languages[0];
-  React32.useEffect(() => {
+  React20.useEffect(() => {
     if (!open) return;
     const onDocClick = (e) => {
       if (ref.current && !ref.current.contains(e.target)) {
@@ -14981,7 +15342,7 @@ function SiteFooter({
               children: wrapper
             },
             b.alt + i
-          ) : /* @__PURE__ */ jsx(React32.Fragment, { children: wrapper }, b.alt + i);
+          ) : /* @__PURE__ */ jsx(React20.Fragment, { children: wrapper }, b.alt + i);
         }) })
       ] }),
       themes.length > 0 && /* @__PURE__ */ jsxs("div", { className: "lg:col-span-3", children: [
@@ -15069,7 +15430,7 @@ function SiteFooter({
 }
 function Stars({ count = 5 }) {
   return /* @__PURE__ */ jsx("span", { className: "flex gap-0.5", children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsx(
-    StarIcon,
+    StarIcon$1,
     {
       className: cn(
         "h-3.5 w-3.5",
@@ -15123,6 +15484,7 @@ function TripPage({
   itinerary,
   itineraryDays,
   gallery,
+  galleryLightbox = "classic",
   included,
   notIncluded,
   whatToBring,
@@ -15162,15 +15524,16 @@ function TripPage({
   fromLabel,
   perPersonLabel,
   siteHeader,
+  footerBadges,
   uiVariant = "v1",
   features,
   className
 }) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
-  const [activeSection, setActiveSection] = React32.useState("");
-  const [accordionValue, setAccordionValue] = React32.useState([]);
-  const [faqsExpanded, setFaqsExpanded] = React32.useState(false);
-  const accordionSectionIds = React32.useMemo(
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s;
+  const [activeSection, setActiveSection] = React20.useState("");
+  const [accordionValue, setAccordionValue] = React20.useState([]);
+  const [faqsExpanded, setFaqsExpanded] = React20.useState(false);
+  const accordionSectionIds = React20.useMemo(
     () => /* @__PURE__ */ new Set([
       "when-it-operates",
       "how-to-get-there",
@@ -15184,18 +15547,18 @@ function TripPage({
     ]),
     []
   );
-  const [navFloating, setNavFloating] = React32.useState(false);
-  const [navHidden, setNavHidden] = React32.useState(false);
-  const [isFloating, setIsFloating] = React32.useState(false);
-  const [sidebarPos, setSidebarPos] = React32.useState(null);
-  const [pricingBarVisible, setPricingBarVisible] = React32.useState(false);
-  const navRef = React32.useRef(null);
-  const navSentinelRef = React32.useRef(null);
-  const sentinelRef = React32.useRef(null);
-  const sidebarPlaceholderRef = React32.useRef(null);
-  const pricingBarRef = React32.useRef(null);
-  const galleryRef = React32.useRef(null);
-  const sections = React32.useMemo(
+  const [navFloating, setNavFloating] = React20.useState(false);
+  const [navHidden, setNavHidden] = React20.useState(false);
+  const [isFloating, setIsFloating] = React20.useState(false);
+  const [sidebarPos, setSidebarPos] = React20.useState(null);
+  const [pricingBarVisible, setPricingBarVisible] = React20.useState(false);
+  const navRef = React20.useRef(null);
+  const navSentinelRef = React20.useRef(null);
+  const sentinelRef = React20.useRef(null);
+  const sidebarPlaceholderRef = React20.useRef(null);
+  const pricingBarRef = React20.useRef(null);
+  const galleryRef = React20.useRef(null);
+  const sections = React20.useMemo(
     () => {
       var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2;
       return [
@@ -15217,7 +15580,7 @@ function TripPage({
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
-  React32.useEffect(() => {
+  React20.useEffect(() => {
     const sentinel = navSentinelRef.current;
     if (!sentinel) return;
     const update = () => setNavFloating(sentinel.getBoundingClientRect().top < 1);
@@ -15225,7 +15588,7 @@ function TripPage({
     update();
     return () => document.removeEventListener("scroll", update, { capture: true });
   }, []);
-  React32.useEffect(() => {
+  React20.useEffect(() => {
     const sentinel = sentinelRef.current;
     if (!sentinel) return;
     const update = () => setIsFloating(sentinel.getBoundingClientRect().top < 1);
@@ -15233,7 +15596,7 @@ function TripPage({
     update();
     return () => document.removeEventListener("scroll", update, { capture: true });
   }, []);
-  React32.useEffect(() => {
+  React20.useEffect(() => {
     const measure = () => {
       if (!sidebarPlaceholderRef.current) return;
       const rect = sidebarPlaceholderRef.current.getBoundingClientRect();
@@ -15243,7 +15606,7 @@ function TripPage({
     window.addEventListener("resize", measure);
     return () => window.removeEventListener("resize", measure);
   }, [isFloating]);
-  React32.useEffect(() => {
+  React20.useEffect(() => {
     const check = () => {
       var _a2;
       const target = (_a2 = galleryRef.current) != null ? _a2 : pricingBarRef.current;
@@ -15254,7 +15617,7 @@ function TripPage({
     check();
     return () => document.removeEventListener("scroll", check, { capture: true });
   }, []);
-  React32.useEffect(() => {
+  React20.useEffect(() => {
     const check = () => {
       if (!pricingBarRef.current) return;
       setNavHidden(pricingBarRef.current.getBoundingClientRect().top < window.innerHeight * 0.92);
@@ -15263,7 +15626,7 @@ function TripPage({
     check();
     return () => document.removeEventListener("scroll", check, { capture: true });
   }, []);
-  React32.useEffect(() => {
+  React20.useEffect(() => {
     if (sections.length === 0) return;
     setActiveSection(sections[0].id);
     const update = () => {
@@ -15321,468 +15684,483 @@ function TripPage({
     }
     performScroll();
   };
-  return /* @__PURE__ */ jsxs(
-    "div",
+  return /* @__PURE__ */ jsx(
+    PhotoTourProvider,
     {
-      className: cn("w-full overflow-x-hidden", className),
-      "data-ui-variant": uiVariant,
-      "data-features": features ? JSON.stringify(features) : void 0,
-      children: [
-        /* @__PURE__ */ jsx(
-          TripHeader,
-          {
-            images,
-            videoUrl,
-            title,
-            breadcrumb,
-            destination,
-            duration,
-            groupSize,
-            labels: {
-              night: labels == null ? void 0 : labels.night,
-              nights: labels == null ? void 0 : labels.nights,
-              day: labels == null ? void 0 : labels.day,
-              days: labels == null ? void 0 : labels.days,
-              previousImage: labels == null ? void 0 : labels.previousImage,
-              nextImage: labels == null ? void 0 : labels.nextImage
-            },
-            tagline,
-            chips,
-            siteHeader,
-            uiVariant,
-            belowMeta: trustpilotHero ? /* @__PURE__ */ jsx(TrustpilotEmbed, { config: trustpilotHero }) : void 0
-          }
-        ),
-        /* @__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 })
-          ] }, i)) }),
-          /* @__PURE__ */ jsx("div", { ref: navSentinelRef, className: "h-px", "aria-hidden": true }),
-          sections.length > 0 ? /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: cn(
-                "pt-8 pb-2 flex justify-center transition-opacity duration-150",
-                navFloating ? "opacity-0 pointer-events-none" : "opacity-100"
-              ),
-              children: /* @__PURE__ */ jsx(
-                MenuTrip,
+      enabled: galleryLightbox === "feed",
+      labels: {
+        close: labels == null ? void 0 : labels.galleryClose,
+        previous: labels == null ? void 0 : labels.galleryPrevious,
+        next: labels == null ? void 0 : labels.galleryNext
+      },
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn("w-full overflow-x-hidden", className),
+          "data-ui-variant": uiVariant,
+          "data-features": features ? JSON.stringify(features) : void 0,
+          children: [
+            /* @__PURE__ */ jsx(
+              TripHeader,
+              {
+                images,
+                videoUrl,
+                title,
+                breadcrumb,
+                destination,
+                duration,
+                groupSize,
+                labels: {
+                  night: labels == null ? void 0 : labels.night,
+                  nights: labels == null ? void 0 : labels.nights,
+                  day: labels == null ? void 0 : labels.day,
+                  days: labels == null ? void 0 : labels.days,
+                  previousImage: labels == null ? void 0 : labels.previousImage,
+                  nextImage: labels == null ? void 0 : labels.nextImage
+                },
+                tagline,
+                chips,
+                siteHeader,
+                uiVariant,
+                belowMeta: trustpilotHero ? /* @__PURE__ */ jsx(TrustpilotEmbed, { config: trustpilotHero }) : void 0
+              }
+            ),
+            /* @__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 })
+              ] }, i)) }),
+              /* @__PURE__ */ jsx("div", { ref: navSentinelRef, className: "h-px", "aria-hidden": true }),
+              sections.length > 0 ? /* @__PURE__ */ jsx(
+                "div",
                 {
-                  sections,
-                  activeSection,
-                  onSelect: scrollToSection,
-                  variant: "floating"
+                  className: cn(
+                    "pt-8 pb-2 flex justify-center transition-opacity duration-150",
+                    navFloating ? "opacity-0 pointer-events-none" : "opacity-100"
+                  ),
+                  children: /* @__PURE__ */ jsx(
+                    MenuTrip,
+                    {
+                      sections,
+                      activeSection,
+                      onSelect: scrollToSection,
+                      variant: "floating"
+                    }
+                  )
                 }
-              )
-            }
-          ) : /* @__PURE__ */ jsx(Separator, { className: "my-6" }),
-          /* @__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: [
-              (overview || (overviewHighlights == null ? void 0 : overviewHighlights.length)) && /* @__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: (_a = labels == null ? void 0 : labels.overview) != null ? _a : "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-base text-foreground font-ui", children: [
-                    /* @__PURE__ */ jsx("span", { className: "font-semibold", children: "Recommended for: " }),
-                    recommendedFor
-                  ] })
-                ] })
-              ] }),
-              itineraryDays && itineraryDays.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: (_b = labels == null ? void 0 : labels.itinerary) != null ? _b : "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__ */ jsx("h2", { className: "text-xl font-bold text-foreground font-heading mb-6", children: (_c = labels == null ? void 0 : labels.itinerary) != null ? _c : "Itinerary" }),
-                /* @__PURE__ */ jsx(ItineraryTimeline, { steps: itinerary, transferLabel: labels == null ? void 0 : labels.transfer })
-              ] }),
-              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: [
-                  (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" }),
-                  (_d = labels == null ? void 0 : labels.whatIsIncluded) != null ? _d : "Included"
-                ] }),
-                /* @__PURE__ */ jsx(Checklist, { items: included })
-              ] }),
-              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(XIcon, { className: "h-5 w-5 text-muted-foreground" }),
-                  (_e = labels == null ? void 0 : labels.notIncluded) != null ? _e : "Not included"
-                ] }),
-                /* @__PURE__ */ jsx(
-                  Checklist,
-                  {
-                    items: notIncluded,
-                    icon: /* @__PURE__ */ jsx(XIcon, { className: "h-4 w-4 text-muted-foreground" })
-                  }
-                )
-              ] }),
-              (howToGetThere || (whatToBring == null ? void 0 : whatToBring.length) || weather || optionalExtras || accommodation || (accommodationGallery == null ? void 0 : accommodationGallery.length) || food || (foodGallery == null ? void 0 : foodGallery.length) || (meetingPoints == null ? void 0 : meetingPoints.length) || meetingPoint || termsAndConditions || whenItOperates) && /* @__PURE__ */ jsxs(
-                Accordion,
-                {
-                  multiple: false,
-                  value: accordionValue,
-                  onValueChange: setAccordionValue,
-                  className: "border-t border-border",
-                  children: [
-                    whenItOperates && /* @__PURE__ */ jsxs(
-                      AccordionItem,
-                      {
-                        value: "when-it-operates",
-                        id: "trip-section-when-it-operates",
-                        className: "scroll-mt-20 border-b border-border",
-                        children: [
-                          /* @__PURE__ */ jsx(AccordionTrigger, { headingLevel: 2, 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.whenItOperates) ? /* @__PURE__ */ jsx("span", { className: "text-primary [&>svg]:h-5 [&>svg]:w-5", children: sectionIcons.whenItOperates }) : /* @__PURE__ */ jsx(CalendarIcon, { className: "h-5 w-5 text-primary" }),
-                            (_f = labels == null ? void 0 : labels.whenItOperates) != null ? _f : "When this tour operates"
-                          ] }) }),
-                          /* @__PURE__ */ jsx(AccordionContent, { className: "pb-6", children: /* @__PURE__ */ jsx("div", { className: "text-base text-foreground leading-relaxed space-y-3 [&_strong]:font-bold [&_a]:text-primary [&_a]:underline", children: whenItOperates }) })
-                        ]
-                      }
-                    ),
-                    (accommodation || accommodationGallery && accommodationGallery.length > 0) && /* @__PURE__ */ jsxs(
-                      AccordionItem,
-                      {
-                        value: "accommodation",
-                        id: "trip-section-accommodation",
-                        className: "scroll-mt-20 border-b border-border",
-                        children: [
-                          /* @__PURE__ */ jsx(AccordionTrigger, { headingLevel: 2, 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" }),
-                            (_g = labels == null ? void 0 : labels.accommodation) != null ? _g : "Accommodation"
-                          ] }) }),
-                          /* @__PURE__ */ jsxs(AccordionContent, { className: "pb-6", children: [
-                            accommodation && /* @__PURE__ */ jsx("div", { className: "text-base text-foreground leading-relaxed space-y-3 [&_strong]:font-semibold [&_a]:text-primary [&_a]:underline", children: accommodation }),
-                            accommodationGallery && accommodationGallery.length > 0 && /* @__PURE__ */ jsx("div", { className: cn(accommodation && "mt-6"), children: /* @__PURE__ */ jsx(
-                              PhotoGallery,
-                              {
-                                labels: {
-                                  seeMore: labels == null ? void 0 : labels.seeMore,
-                                  showLess: labels == null ? void 0 : labels.showLess,
-                                  close: labels == null ? void 0 : labels.galleryClose,
-                                  previous: labels == null ? void 0 : labels.galleryPrevious,
-                                  next: labels == null ? void 0 : labels.galleryNext
-                                },
-                                photos: accommodationGallery,
-                                variant: accommodationGalleryVariant,
-                                initialVisible: 6
-                              }
-                            ) })
-                          ] })
-                        ]
-                      }
-                    ),
-                    (food || foodGallery && foodGallery.length > 0) && /* @__PURE__ */ jsxs(
-                      AccordionItem,
-                      {
-                        value: "food",
-                        id: "trip-section-food",
-                        className: "scroll-mt-20 border-b border-border",
-                        children: [
-                          /* @__PURE__ */ jsx(AccordionTrigger, { headingLevel: 2, 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" }),
-                            (_h = labels == null ? void 0 : labels.food) != null ? _h : "Food"
-                          ] }) }),
-                          /* @__PURE__ */ jsxs(AccordionContent, { className: "pb-6", children: [
-                            food && /* @__PURE__ */ jsx("div", { className: "text-base text-foreground leading-relaxed space-y-3 [&_strong]:font-semibold [&_a]:text-primary [&_a]:underline", children: food }),
-                            foodGallery && foodGallery.length > 0 && /* @__PURE__ */ jsx("div", { className: cn(food && "mt-6"), children: /* @__PURE__ */ jsx(
-                              PhotoGallery,
-                              {
-                                labels: {
-                                  seeMore: labels == null ? void 0 : labels.seeMore,
-                                  showLess: labels == null ? void 0 : labels.showLess,
-                                  close: labels == null ? void 0 : labels.galleryClose,
-                                  previous: labels == null ? void 0 : labels.galleryPrevious,
-                                  next: labels == null ? void 0 : labels.galleryNext
-                                },
-                                photos: foodGallery,
-                                variant: foodGalleryVariant,
-                                initialVisible: 6
-                              }
-                            ) })
-                          ] })
-                        ]
-                      }
-                    ),
-                    (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, { headingLevel: 2, 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" }),
-                            (_i = labels == null ? void 0 : labels.meetingPoint) != null ? _i : "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) => {
-                            var _a2, _b2, _c2;
-                            return /* @__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" ? (_a2 = labels == null ? void 0 : labels.meetingPointActivity) != null ? _a2 : "Activity location" : mp.type === "alternative" ? (_b2 = labels == null ? void 0 : labels.meetingPointAlternative) != null ? _b2 : "Alternative meeting point" : (_c2 = labels == null ? void 0 : labels.meetingPoint) != null ? _c2 : "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);
-                          }) }) })
-                        ]
-                      }
-                    ),
-                    howToGetThere && /* @__PURE__ */ jsxs(
-                      AccordionItem,
-                      {
-                        value: "how-to-get-there",
-                        id: "trip-section-how-to-get-there",
-                        className: "scroll-mt-20 border-b border-border",
-                        children: [
-                          /* @__PURE__ */ jsx(AccordionTrigger, { headingLevel: 2, 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.howToGetThere) ? /* @__PURE__ */ jsx("span", { className: "text-primary [&>svg]:h-5 [&>svg]:w-5", children: sectionIcons.howToGetThere }) : /* @__PURE__ */ jsx(CompassIcon, { className: "h-5 w-5 text-primary" }),
-                            (_j = labels == null ? void 0 : labels.howToGetThere) != null ? _j : "How to get there"
-                          ] }) }),
-                          /* @__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: howToGetThere }) })
-                        ]
-                      }
-                    ),
-                    weather && /* @__PURE__ */ jsxs(
-                      AccordionItem,
-                      {
-                        value: "weather",
-                        id: "trip-section-weather",
-                        className: "scroll-mt-20 border-b border-border",
-                        children: [
-                          /* @__PURE__ */ jsx(AccordionTrigger, { headingLevel: 2, 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" }),
-                            (_k = labels == null ? void 0 : labels.weather) != null ? _k : "Weather"
-                          ] }) }),
-                          /* @__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: weather }) })
-                        ]
-                      }
-                    ),
-                    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, { headingLevel: 2, 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" }),
-                            (_l = labels == null ? void 0 : labels.whatToBring) != null ? _l : "What to bring"
-                          ] }) }),
-                          /* @__PURE__ */ jsx(AccordionContent, { className: "pb-6", children: /* @__PURE__ */ jsx(Checklist, { items: whatToBring, icon: /* @__PURE__ */ jsx(InfoIcon, { className: "h-4 w-4" }) }) })
-                        ]
-                      }
-                    ),
-                    optionalExtras && /* @__PURE__ */ jsxs(
-                      AccordionItem,
-                      {
-                        value: "optional-extras",
-                        id: "trip-section-optional-extras",
-                        className: "scroll-mt-20 border-b border-border",
-                        children: [
-                          /* @__PURE__ */ jsx(AccordionTrigger, { headingLevel: 2, 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(CherryIcon, { className: "h-5 w-5 text-primary" }),
-                            (_m = labels == null ? void 0 : labels.optionalExtras) != null ? _m : "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 }) })
-                        ]
-                      }
-                    ),
-                    termsAndConditions && /* @__PURE__ */ jsxs(
-                      AccordionItem,
+              ) : /* @__PURE__ */ jsx(Separator, { className: "my-6" }),
+              /* @__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: [
+                  (overview || (overviewHighlights == null ? void 0 : overviewHighlights.length)) && /* @__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: (_a = labels == null ? void 0 : labels.overview) != null ? _a : "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-base text-foreground font-ui", children: [
+                        /* @__PURE__ */ jsx("span", { className: "font-semibold", children: "Recommended for: " }),
+                        recommendedFor
+                      ] })
+                    ] })
+                  ] }),
+                  itineraryDays && itineraryDays.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: (_b = labels == null ? void 0 : labels.itinerary) != null ? _b : "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__ */ jsx("h2", { className: "text-xl font-bold text-foreground font-heading mb-6", children: (_c = labels == null ? void 0 : labels.itinerary) != null ? _c : "Itinerary" }),
+                    /* @__PURE__ */ jsx(ItineraryTimeline, { steps: itinerary, transferLabel: labels == null ? void 0 : labels.transfer })
+                  ] }),
+                  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: [
+                      (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" }),
+                      (_d = labels == null ? void 0 : labels.whatIsIncluded) != null ? _d : "Included"
+                    ] }),
+                    /* @__PURE__ */ jsx(Checklist, { items: included })
+                  ] }),
+                  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(XIcon, { className: "h-5 w-5 text-muted-foreground" }),
+                      (_e = labels == null ? void 0 : labels.notIncluded) != null ? _e : "Not included"
+                    ] }),
+                    /* @__PURE__ */ jsx(
+                      Checklist,
                       {
-                        value: "terms",
-                        id: "trip-section-terms",
-                        className: "scroll-mt-20 border-b border-border",
-                        children: [
-                          /* @__PURE__ */ jsx(AccordionTrigger, { headingLevel: 2, 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" }),
-                            (_n = labels == null ? void 0 : labels.terms) != null ? _n : "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 }) })
-                        ]
+                        items: notIncluded,
+                        icon: /* @__PURE__ */ jsx(XIcon, { className: "h-4 w-4 text-muted-foreground" })
                       }
                     )
-                  ]
-                }
-              ),
-              faqs && faqs.length > 0 && (() => {
-                var _a2, _b2, _c2;
-                const visibleFaqs = faqsExpanded ? faqs : faqs.slice(0, faqInitialCount);
-                const hiddenCount = faqs.length - visibleFaqs.length;
-                return /* @__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: (_a2 = labels == null ? void 0 : labels.faq) != null ? _a2 : "FAQ" }),
-                  /* @__PURE__ */ jsx(Accordion, { variant: "faq", children: visibleFaqs.map((faq, i) => /* @__PURE__ */ jsxs(AccordionItem, { value: `faq-${i}`, children: [
-                    /* @__PURE__ */ jsx(AccordionTrigger, { children: faq.question }),
-                    /* @__PURE__ */ jsx(AccordionContent, { children: faq.answer })
-                  ] }, i)) }),
-                  faqs.length > faqInitialCount && /* @__PURE__ */ jsx("div", { className: "mt-5 flex justify-center", children: /* @__PURE__ */ jsx(
-                    "button",
+                  ] }),
+                  (howToGetThere || (whatToBring == null ? void 0 : whatToBring.length) || weather || optionalExtras || accommodation || (accommodationGallery == null ? void 0 : accommodationGallery.length) || food || (foodGallery == null ? void 0 : foodGallery.length) || (meetingPoints == null ? void 0 : meetingPoints.length) || meetingPoint || termsAndConditions || whenItOperates) && /* @__PURE__ */ jsxs(
+                    Accordion,
                     {
-                      type: "button",
-                      onClick: () => setFaqsExpanded((v) => !v),
-                      className: cn(
-                        "inline-flex items-center gap-2 rounded-full border border-border bg-background px-5 py-2.5",
-                        "text-sm font-semibold text-foreground shadow-sm",
-                        "hover:bg-muted transition-colors duration-150",
-                        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
-                      ),
-                      children: faqsExpanded ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                        /* @__PURE__ */ jsx(ChevronUpIcon, { className: "h-4 w-4 text-muted-foreground" }),
-                        (_b2 = labels == null ? void 0 : labels.showLess) != null ? _b2 : "Show less"
-                      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-                        /* @__PURE__ */ jsx(ChevronDownIcon, { className: "h-4 w-4 text-muted-foreground" }),
-                        (_c2 = labels == null ? void 0 : labels.seeMore) != null ? _c2 : "See more",
-                        " (",
-                        hiddenCount,
-                        ")"
-                      ] })
+                      multiple: false,
+                      value: accordionValue,
+                      onValueChange: setAccordionValue,
+                      className: "border-t border-border",
+                      children: [
+                        whenItOperates && /* @__PURE__ */ jsxs(
+                          AccordionItem,
+                          {
+                            value: "when-it-operates",
+                            id: "trip-section-when-it-operates",
+                            className: "scroll-mt-20 border-b border-border",
+                            children: [
+                              /* @__PURE__ */ jsx(AccordionTrigger, { headingLevel: 2, 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.whenItOperates) ? /* @__PURE__ */ jsx("span", { className: "text-primary [&>svg]:h-5 [&>svg]:w-5", children: sectionIcons.whenItOperates }) : /* @__PURE__ */ jsx(CalendarIcon, { className: "h-5 w-5 text-primary" }),
+                                (_f = labels == null ? void 0 : labels.whenItOperates) != null ? _f : "When this tour operates"
+                              ] }) }),
+                              /* @__PURE__ */ jsx(AccordionContent, { className: "pb-6", children: /* @__PURE__ */ jsx("div", { className: "text-base text-foreground leading-relaxed space-y-3 [&_strong]:font-bold [&_a]:text-primary [&_a]:underline", children: whenItOperates }) })
+                            ]
+                          }
+                        ),
+                        (accommodation || accommodationGallery && accommodationGallery.length > 0) && /* @__PURE__ */ jsxs(
+                          AccordionItem,
+                          {
+                            value: "accommodation",
+                            id: "trip-section-accommodation",
+                            className: "scroll-mt-20 border-b border-border",
+                            children: [
+                              /* @__PURE__ */ jsx(AccordionTrigger, { headingLevel: 2, 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" }),
+                                (_g = labels == null ? void 0 : labels.accommodation) != null ? _g : "Accommodation"
+                              ] }) }),
+                              /* @__PURE__ */ jsxs(AccordionContent, { className: "pb-6", keepMounted: true, children: [
+                                accommodation && /* @__PURE__ */ jsx("div", { className: "text-base text-foreground leading-relaxed space-y-3 [&_strong]:font-semibold [&_a]:text-primary [&_a]:underline", children: accommodation }),
+                                accommodationGallery && accommodationGallery.length > 0 && /* @__PURE__ */ jsx("div", { className: cn(accommodation && "mt-6"), children: /* @__PURE__ */ jsx(
+                                  PhotoGallery,
+                                  {
+                                    labels: {
+                                      seeMore: labels == null ? void 0 : labels.seeMore,
+                                      showLess: labels == null ? void 0 : labels.showLess,
+                                      close: labels == null ? void 0 : labels.galleryClose,
+                                      previous: labels == null ? void 0 : labels.galleryPrevious,
+                                      next: labels == null ? void 0 : labels.galleryNext
+                                    },
+                                    photos: accommodationGallery,
+                                    variant: accommodationGalleryVariant,
+                                    initialVisible: 6,
+                                    tourSection: (_h = labels == null ? void 0 : labels.accommodation) != null ? _h : "Accommodation"
+                                  }
+                                ) })
+                              ] })
+                            ]
+                          }
+                        ),
+                        (food || foodGallery && foodGallery.length > 0) && /* @__PURE__ */ jsxs(
+                          AccordionItem,
+                          {
+                            value: "food",
+                            id: "trip-section-food",
+                            className: "scroll-mt-20 border-b border-border",
+                            children: [
+                              /* @__PURE__ */ jsx(AccordionTrigger, { headingLevel: 2, 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" }),
+                                (_i = labels == null ? void 0 : labels.food) != null ? _i : "Food"
+                              ] }) }),
+                              /* @__PURE__ */ jsxs(AccordionContent, { className: "pb-6", keepMounted: true, children: [
+                                food && /* @__PURE__ */ jsx("div", { className: "text-base text-foreground leading-relaxed space-y-3 [&_strong]:font-semibold [&_a]:text-primary [&_a]:underline", children: food }),
+                                foodGallery && foodGallery.length > 0 && /* @__PURE__ */ jsx("div", { className: cn(food && "mt-6"), children: /* @__PURE__ */ jsx(
+                                  PhotoGallery,
+                                  {
+                                    labels: {
+                                      seeMore: labels == null ? void 0 : labels.seeMore,
+                                      showLess: labels == null ? void 0 : labels.showLess,
+                                      close: labels == null ? void 0 : labels.galleryClose,
+                                      previous: labels == null ? void 0 : labels.galleryPrevious,
+                                      next: labels == null ? void 0 : labels.galleryNext
+                                    },
+                                    photos: foodGallery,
+                                    variant: foodGalleryVariant,
+                                    initialVisible: 6,
+                                    tourSection: (_j = labels == null ? void 0 : labels.food) != null ? _j : "Food"
+                                  }
+                                ) })
+                              ] })
+                            ]
+                          }
+                        ),
+                        (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, { headingLevel: 2, 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" }),
+                                (_k = labels == null ? void 0 : labels.meetingPoint) != null ? _k : "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) => {
+                                var _a2, _b2, _c2;
+                                return /* @__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" ? (_a2 = labels == null ? void 0 : labels.meetingPointActivity) != null ? _a2 : "Activity location" : mp.type === "alternative" ? (_b2 = labels == null ? void 0 : labels.meetingPointAlternative) != null ? _b2 : "Alternative meeting point" : (_c2 = labels == null ? void 0 : labels.meetingPoint) != null ? _c2 : "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);
+                              }) }) })
+                            ]
+                          }
+                        ),
+                        howToGetThere && /* @__PURE__ */ jsxs(
+                          AccordionItem,
+                          {
+                            value: "how-to-get-there",
+                            id: "trip-section-how-to-get-there",
+                            className: "scroll-mt-20 border-b border-border",
+                            children: [
+                              /* @__PURE__ */ jsx(AccordionTrigger, { headingLevel: 2, 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.howToGetThere) ? /* @__PURE__ */ jsx("span", { className: "text-primary [&>svg]:h-5 [&>svg]:w-5", children: sectionIcons.howToGetThere }) : /* @__PURE__ */ jsx(CompassIcon, { className: "h-5 w-5 text-primary" }),
+                                (_l = labels == null ? void 0 : labels.howToGetThere) != null ? _l : "How to get there"
+                              ] }) }),
+                              /* @__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: howToGetThere }) })
+                            ]
+                          }
+                        ),
+                        weather && /* @__PURE__ */ jsxs(
+                          AccordionItem,
+                          {
+                            value: "weather",
+                            id: "trip-section-weather",
+                            className: "scroll-mt-20 border-b border-border",
+                            children: [
+                              /* @__PURE__ */ jsx(AccordionTrigger, { headingLevel: 2, 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" }),
+                                (_m = labels == null ? void 0 : labels.weather) != null ? _m : "Weather"
+                              ] }) }),
+                              /* @__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: weather }) })
+                            ]
+                          }
+                        ),
+                        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, { headingLevel: 2, 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" }),
+                                (_n = labels == null ? void 0 : labels.whatToBring) != null ? _n : "What to bring"
+                              ] }) }),
+                              /* @__PURE__ */ jsx(AccordionContent, { className: "pb-6", children: /* @__PURE__ */ jsx(Checklist, { items: whatToBring, icon: /* @__PURE__ */ jsx(InfoIcon, { className: "h-4 w-4" }) }) })
+                            ]
+                          }
+                        ),
+                        optionalExtras && /* @__PURE__ */ jsxs(
+                          AccordionItem,
+                          {
+                            value: "optional-extras",
+                            id: "trip-section-optional-extras",
+                            className: "scroll-mt-20 border-b border-border",
+                            children: [
+                              /* @__PURE__ */ jsx(AccordionTrigger, { headingLevel: 2, 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(CherryIcon, { className: "h-5 w-5 text-primary" }),
+                                (_o = labels == null ? void 0 : labels.optionalExtras) != null ? _o : "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 }) })
+                            ]
+                          }
+                        ),
+                        termsAndConditions && /* @__PURE__ */ jsxs(
+                          AccordionItem,
+                          {
+                            value: "terms",
+                            id: "trip-section-terms",
+                            className: "scroll-mt-20 border-b border-border",
+                            children: [
+                              /* @__PURE__ */ jsx(AccordionTrigger, { headingLevel: 2, 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" }),
+                                (_p = labels == null ? void 0 : labels.terms) != null ? _p : "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 }) })
+                            ]
+                          }
+                        )
+                      ]
                     }
-                  ) })
-                ] });
-              })(),
-              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: (_o = labels == null ? void 0 : labels.reviews) != null ? _o : "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: (_p = labels == null ? void 0 : labels.reviews) != null ? _p : "What our guests think" }),
-                /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: reviews.map((r, i) => {
-                  var _a2;
-                  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 rounded-xl border border-border p-5", children: [
-                    /* @__PURE__ */ jsx(Stars, { count: (_a2 = r.rating) != null ? _a2 : 5 }),
-                    /* @__PURE__ */ jsxs("p", { className: "text-base text-foreground leading-relaxed line-clamp-4", children: [
-                      "\u201C",
-                      r.text,
-                      "\u201D"
-                    ] }),
-                    /* @__PURE__ */ jsxs("p", { className: "text-xs font-semibold text-muted-foreground font-ui mt-auto", children: [
-                      "\u2014 ",
-                      r.author
-                    ] })
-                  ] }, i);
-                }) })
+                  ),
+                  faqs && faqs.length > 0 && (() => {
+                    var _a2, _b2, _c2;
+                    const visibleFaqs = faqsExpanded ? faqs : faqs.slice(0, faqInitialCount);
+                    const hiddenCount = faqs.length - visibleFaqs.length;
+                    return /* @__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: (_a2 = labels == null ? void 0 : labels.faq) != null ? _a2 : "FAQ" }),
+                      /* @__PURE__ */ jsx(Accordion, { variant: "faq", children: visibleFaqs.map((faq, i) => /* @__PURE__ */ jsxs(AccordionItem, { value: `faq-${i}`, children: [
+                        /* @__PURE__ */ jsx(AccordionTrigger, { children: faq.question }),
+                        /* @__PURE__ */ jsx(AccordionContent, { children: faq.answer })
+                      ] }, i)) }),
+                      faqs.length > faqInitialCount && /* @__PURE__ */ jsx("div", { className: "mt-5 flex justify-center", children: /* @__PURE__ */ jsx(
+                        "button",
+                        {
+                          type: "button",
+                          onClick: () => setFaqsExpanded((v) => !v),
+                          className: cn(
+                            "inline-flex items-center gap-2 rounded-full border border-border bg-background px-5 py-2.5",
+                            "text-sm font-semibold text-foreground shadow-sm",
+                            "hover:bg-muted transition-colors duration-150",
+                            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+                          ),
+                          children: faqsExpanded ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                            /* @__PURE__ */ jsx(ChevronUpIcon, { className: "h-4 w-4 text-muted-foreground" }),
+                            (_b2 = labels == null ? void 0 : labels.showLess) != null ? _b2 : "Show less"
+                          ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                            /* @__PURE__ */ jsx(ChevronDownIcon, { className: "h-4 w-4 text-muted-foreground" }),
+                            (_c2 = labels == null ? void 0 : labels.seeMore) != null ? _c2 : "See more",
+                            " (",
+                            hiddenCount,
+                            ")"
+                          ] })
+                        }
+                      ) })
+                    ] });
+                  })(),
+                  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: (_q = labels == null ? void 0 : labels.reviews) != null ? _q : "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: (_r = labels == null ? void 0 : labels.reviews) != null ? _r : "What our guests think" }),
+                    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: reviews.map((r, i) => {
+                      var _a2;
+                      return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 rounded-xl border border-border p-5", children: [
+                        /* @__PURE__ */ jsx(Stars, { count: (_a2 = r.rating) != null ? _a2 : 5 }),
+                        /* @__PURE__ */ jsxs("p", { className: "text-base text-foreground leading-relaxed line-clamp-4", children: [
+                          "\u201C",
+                          r.text,
+                          "\u201D"
+                        ] }),
+                        /* @__PURE__ */ jsxs("p", { className: "text-xs font-semibold text-muted-foreground font-ui mt-auto", children: [
+                          "\u2014 ",
+                          r.author
+                        ] })
+                      ] }, i);
+                    }) })
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsx("div", { ref: sidebarPlaceholderRef, className: "hidden lg:block lg:w-72 xl:w-80 shrink-0", children: !isFloating && /* @__PURE__ */ jsx("div", { className: "sticky top-20 rounded-2xl border border-border bg-card p-6 shadow-sm", children: /* @__PURE__ */ jsx(
+                  PricingTrip,
+                  {
+                    priceFrom,
+                    currency,
+                    season,
+                    departureTimes,
+                    onBook: (gallery == null ? void 0 : gallery.length) ? scrollToBookingForm : onBook,
+                    bookLabel: bookLabel != null ? bookLabel : "Check availability",
+                    fromLabel,
+                    perPersonLabel,
+                    variant: "card",
+                    belowPrice: trustpilotMini ? /* @__PURE__ */ jsx(TrustpilotEmbed, { config: trustpilotMini }) : void 0,
+                    benefits,
+                    currencyEstimates,
+                    priceInfo
+                  }
+                ) }) })
               ] })
             ] }),
-            /* @__PURE__ */ jsx("div", { ref: sidebarPlaceholderRef, className: "hidden lg:block lg:w-72 xl:w-80 shrink-0", children: !isFloating && /* @__PURE__ */ jsx("div", { className: "sticky top-20 rounded-2xl border border-border bg-card p-6 shadow-sm", children: /* @__PURE__ */ jsx(
-              PricingTrip,
+            sections.length > 0 && /* @__PURE__ */ jsx(
+              "div",
               {
-                priceFrom,
-                currency,
-                season,
-                departureTimes,
-                onBook: (gallery == null ? void 0 : gallery.length) ? scrollToBookingForm : onBook,
-                bookLabel: bookLabel != null ? bookLabel : "Check availability",
-                fromLabel,
-                perPersonLabel,
-                variant: "card",
-                belowPrice: trustpilotMini ? /* @__PURE__ */ jsx(TrustpilotEmbed, { config: trustpilotMini }) : void 0,
-                benefits,
-                currencyEstimates,
-                priceInfo
+                ref: navRef,
+                className: cn(
+                  "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-6xl px-6 sm:px-8 flex justify-center", children: /* @__PURE__ */ jsx(
+                  MenuTrip,
+                  {
+                    sections,
+                    activeSection,
+                    onSelect: scrollToSection,
+                    variant: "floating"
+                  }
+                ) })
               }
-            ) }) })
-          ] })
-        ] }),
-        sections.length > 0 && /* @__PURE__ */ jsx(
-          "div",
-          {
-            ref: navRef,
-            className: cn(
-              "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-6xl px-6 sm:px-8 flex justify-center", children: /* @__PURE__ */ jsx(
-              MenuTrip,
+            isFloating && !pricingBarVisible && sidebarPos && /* @__PURE__ */ jsx(
+              "div",
               {
-                sections,
-                activeSection,
-                onSelect: scrollToSection,
-                variant: "floating"
+                className: "hidden lg:block fixed z-20",
+                style: { top: "5rem", left: sidebarPos.left, width: sidebarPos.width },
+                children: /* @__PURE__ */ jsx("div", { className: "rounded-2xl border border-border bg-card p-6 shadow-sm", children: /* @__PURE__ */ jsx(
+                  PricingTrip,
+                  {
+                    priceFrom,
+                    currency,
+                    season,
+                    departureTimes,
+                    onBook: (gallery == null ? void 0 : gallery.length) ? scrollToBookingForm : onBook,
+                    bookLabel: bookLabel != null ? bookLabel : "Check availability",
+                    fromLabel,
+                    perPersonLabel,
+                    variant: "card",
+                    belowPrice: trustpilotMini ? /* @__PURE__ */ jsx(TrustpilotEmbed, { config: trustpilotMini }) : void 0,
+                    benefits,
+                    currencyEstimates,
+                    priceInfo
+                  }
+                ) })
               }
-            ) })
-          }
-        ),
-        isFloating && !pricingBarVisible && sidebarPos && /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: "hidden lg:block fixed z-20",
-            style: { top: "5rem", left: sidebarPos.left, width: sidebarPos.width },
-            children: /* @__PURE__ */ jsx("div", { className: "rounded-2xl border border-border bg-card p-6 shadow-sm", children: /* @__PURE__ */ jsx(
+            ),
+            gallery && gallery.length > 0 && /* @__PURE__ */ jsx("section", { ref: galleryRef, id: "trip-section-gallery", className: "scroll-mt-20", children: /* @__PURE__ */ jsx(
+              PhotoGallery,
+              {
+                labels: {
+                  seeMore: labels == null ? void 0 : labels.seeMore,
+                  showLess: labels == null ? void 0 : labels.showLess,
+                  close: labels == null ? void 0 : labels.galleryClose,
+                  previous: labels == null ? void 0 : labels.galleryPrevious,
+                  next: labels == null ? void 0 : labels.galleryNext
+                },
+                photos: gallery,
+                variant: "gridCompact",
+                initialVisible: 8,
+                lightbox: galleryLightbox,
+                tourSection: (_s = labels == null ? void 0 : labels.gallery) != null ? _s : "Gallery"
+              }
+            ) }),
+            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,
+              {
+                labels: bookingLabels,
+                defaultValues: bookingDefaults,
+                onSubmit: onBookingSubmit,
+                loading: bookingLoading
+              }
+            ) }) }),
+            /* @__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,
               {
                 priceFrom,
                 currency,
-                season,
-                departureTimes,
                 onBook: (gallery == null ? void 0 : gallery.length) ? scrollToBookingForm : onBook,
-                bookLabel: bookLabel != null ? bookLabel : "Check availability",
+                bookLabel: bookLabel != null ? bookLabel : "Book now",
                 fromLabel,
                 perPersonLabel,
-                variant: "card",
-                belowPrice: trustpilotMini ? /* @__PURE__ */ jsx(TrustpilotEmbed, { config: trustpilotMini }) : void 0,
-                benefits,
-                currencyEstimates,
-                priceInfo
+                variant: "compact",
+                sharp: true,
+                priceInfo,
+                currencyEstimates
               }
-            ) })
-          }
-        ),
-        gallery && gallery.length > 0 && /* @__PURE__ */ jsx("section", { ref: galleryRef, id: "trip-section-gallery", className: "scroll-mt-20", children: /* @__PURE__ */ jsx(
-          PhotoGallery,
-          {
-            labels: {
-              seeMore: labels == null ? void 0 : labels.seeMore,
-              showLess: labels == null ? void 0 : labels.showLess,
-              close: labels == null ? void 0 : labels.galleryClose,
-              previous: labels == null ? void 0 : labels.galleryPrevious,
-              next: labels == null ? void 0 : labels.galleryNext
-            },
-            photos: gallery,
-            variant: "gridCompact",
-            initialVisible: 8
-          }
-        ) }),
-        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,
-          {
-            labels: bookingLabels,
-            defaultValues: bookingDefaults,
-            onSubmit: onBookingSubmit,
-            loading: bookingLoading
-          }
-        ) }) }),
-        /* @__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,
-          {
-            priceFrom,
-            currency,
-            onBook: (gallery == null ? void 0 : gallery.length) ? scrollToBookingForm : onBook,
-            bookLabel: bookLabel != null ? bookLabel : "Book now",
-            fromLabel,
-            perPersonLabel,
-            variant: "compact",
-            sharp: true,
-            priceInfo,
-            currencyEstimates
-          }
-        ) }),
-        /* @__PURE__ */ jsx("div", { className: "h-20 lg:hidden" }),
-        /* @__PURE__ */ jsx(SiteFooter, {})
-      ]
+            ) }),
+            /* @__PURE__ */ jsx("div", { className: "h-20 lg:hidden" }),
+            /* @__PURE__ */ jsx(SiteFooter, { badges: footerBadges })
+          ]
+        }
+      )
     }
   );
 }
@@ -15841,14 +16219,15 @@ function CategoryPage2({
   viewAllPostsLabel,
   cardLabels,
   filterLabels,
+  footerBadges,
   className
 }) {
   var _a;
-  const [videoReady, setVideoReady] = React32.useState(false);
-  const videoRef = React32.useRef(null);
+  const [videoReady, setVideoReady] = React20.useState(false);
+  const videoRef = React20.useRef(null);
   const isHls = !!(videoUrl == null ? void 0 : videoUrl.includes(".m3u8"));
   useHlsVideo(videoRef, isHls ? videoUrl : void 0);
-  React32.useEffect(() => {
+  React20.useEffect(() => {
     if (!videoUrl) return;
     const el = videoRef.current;
     if (!el) return;
@@ -15863,13 +16242,13 @@ function CategoryPage2({
     io.observe(el);
     return () => io.disconnect();
   }, [videoUrl]);
-  const [faqsExpanded, setFaqsExpanded] = React32.useState(false);
-  const [tripsExpanded, setTripsExpanded] = React32.useState(false);
-  const [filterValue, setFilterValue] = React32.useState({});
-  const [sort, setSort] = React32.useState(
+  const [faqsExpanded, setFaqsExpanded] = React20.useState(false);
+  const [tripsExpanded, setTripsExpanded] = React20.useState(false);
+  const [filterValue, setFilterValue] = React20.useState({});
+  const [sort, setSort] = React20.useState(
     defaultSort != null ? defaultSort : (_a = sortOptions == null ? void 0 : sortOptions[0]) == null ? void 0 : _a.id
   );
-  const sortedTrips = React32.useMemo(() => {
+  const sortedTrips = React20.useMemo(() => {
     const active = Object.entries(filterValue).filter(
       ([, vals]) => vals && vals.length > 0
     );
@@ -15973,7 +16352,7 @@ function CategoryPage2({
           /* @__PURE__ */ jsxs("div", { className: "relative mx-auto w-full max-w-6xl px-6 sm:px-8", children: [
             breadcrumb && breadcrumb.length > 0 && /* @__PURE__ */ jsx("div", { className: "mb-3 flex items-center gap-1.5 flex-wrap", children: breadcrumb.map((crumb, i) => {
               const isLast = i === breadcrumb.length - 1;
-              return /* @__PURE__ */ jsxs(React32.Fragment, { children: [
+              return /* @__PURE__ */ jsxs(React20.Fragment, { children: [
                 i > 0 && /* @__PURE__ */ jsx(ChevronRightIcon, { className: "h-3 w-3 text-white/50 shrink-0" }),
                 crumb.href && !isLast ? /* @__PURE__ */ jsx(
                   "a",
@@ -16165,7 +16544,7 @@ function CategoryPage2({
         ) })
       ] });
     })(),
-    /* @__PURE__ */ jsx(SiteFooter, {})
+    /* @__PURE__ */ jsx(SiteFooter, { badges: footerBadges })
   ] });
 }
 var sizeConfig3 = {
@@ -16270,12 +16649,12 @@ function Toast({
   duration = 6e3,
   className
 }) {
-  const [mounted, setMounted] = React32.useState(false);
-  const [visible, setVisible] = React32.useState(true);
-  React32.useEffect(() => {
+  const [mounted, setMounted] = React20.useState(false);
+  const [visible, setVisible] = React20.useState(true);
+  React20.useEffect(() => {
     setMounted(true);
   }, []);
-  React32.useEffect(() => {
+  React20.useEffect(() => {
     if (duration === 0) return;
     const t = setTimeout(() => {
       setVisible(false);
@@ -17777,8 +18156,8 @@ function ShareWidget({
   title = "Invite friends & lower the price",
   className
 }) {
-  const [copied, setCopied] = React32.useState(false);
-  const [showToast, setShowToast] = React32.useState(false);
+  const [copied, setCopied] = React20.useState(false);
+  const [showToast, setShowToast] = React20.useState(false);
   const encodedUrl = encodeURIComponent(url);
   const encodedMsg = encodeURIComponent(`${message} ${url}`);
   const channels = [
@@ -17948,7 +18327,7 @@ function RatingStars({ stars = 5 }) {
           "flex h-5 w-5 items-center justify-center rounded-[3px]",
           filled ? "bg-primary" : "bg-white/30"
         ),
-        children: /* @__PURE__ */ jsx(StarIcon, { className: "h-3 w-3 fill-white text-white" })
+        children: /* @__PURE__ */ jsx(StarIcon$1, { className: "h-3 w-3 fill-white text-white" })
       },
       i
     );
@@ -17959,7 +18338,7 @@ function Rating({ label, stars = 5, provider, href }) {
     label && /* @__PURE__ */ jsx("span", { className: "text-sm font-ui font-bold text-white", children: label }),
     /* @__PURE__ */ jsx(RatingStars, { stars }),
     provider && /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1 text-sm font-ui font-bold text-white", children: [
-      /* @__PURE__ */ jsx(StarIcon, { className: "h-4 w-4 fill-primary text-primary" }),
+      /* @__PURE__ */ jsx(StarIcon$1, { className: "h-4 w-4 fill-primary text-primary" }),
       provider
     ] })
   ] });
@@ -17995,11 +18374,11 @@ function HomeHeader({
   className
 }) {
   var _a;
-  const [heroIndex, setHeroIndex] = React32.useState(0);
-  const [videoReady, setVideoReady] = React32.useState(false);
-  const videoRef = React32.useRef(null);
+  const [heroIndex, setHeroIndex] = React20.useState(0);
+  const [videoReady, setVideoReady] = React20.useState(false);
+  const videoRef = React20.useRef(null);
   const isHls = !!(videoUrl == null ? void 0 : videoUrl.includes(".m3u8"));
-  const validImages = React32.useMemo(
+  const validImages = React20.useMemo(
     () => images.map((u) => u == null ? void 0 : u.trim()).filter(Boolean),
     [images]
   );
@@ -18013,7 +18392,7 @@ function HomeHeader({
   const showCarousel = !videoUrl && validImages.length > 1;
   const tpConfig = trustpilot ? typeof trustpilot === "object" ? __spreadValues(__spreadValues({}, DEFAULT_TRUSTPILOT), trustpilot) : DEFAULT_TRUSTPILOT : null;
   useHlsVideo(videoRef, isHls ? videoUrl : void 0);
-  React32.useEffect(() => {
+  React20.useEffect(() => {
     if (!videoUrl) return;
     const el = videoRef.current;
     if (!el) return;
@@ -18371,7 +18750,7 @@ function AdventureExplorer({
   className
 }) {
   var _a, _b, _c, _d, _e;
-  const [activeId, setActiveId] = React32.useState(
+  const [activeId, setActiveId] = React20.useState(
     defaultTabId != null ? defaultTabId : (_a = tabs[0]) == null ? void 0 : _a.id
   );
   const active = (_b = tabs.find((t2) => t2.id === activeId)) != null ? _b : tabs[0];
@@ -18711,8 +19090,8 @@ function RotatingSubtitle({
   interval,
   className
 }) {
-  const [index, setIndex] = React32.useState(0);
-  React32.useEffect(() => {
+  const [index, setIndex] = React20.useState(0);
+  React20.useEffect(() => {
     var _a;
     if (phrases.length < 2) return;
     const reduce = typeof window !== "undefined" && ((_a = window.matchMedia) == null ? void 0 : _a.call(window, "(prefers-reduced-motion: reduce)").matches);
@@ -18751,7 +19130,7 @@ function CtaBanner({
   overlayOpacity = 35,
   className
 }) {
-  const phrases = React32.useMemo(
+  const phrases = React20.useMemo(
     () => (Array.isArray(subtitle) ? subtitle : subtitle ? [subtitle] : []).map((s) => s.trim()).filter(Boolean),
     [subtitle]
   );
@@ -19032,7 +19411,7 @@ function SectionHead({
 }
 function ExpeditionsRail({ eyebrow, title, subtitle, link, trips }) {
   var _a;
-  const railRef = React32.useRef(null);
+  const railRef = React20.useRef(null);
   const scrollByCard = (dir) => {
     const rail = railRef.current;
     if (!rail) return;
@@ -19134,7 +19513,7 @@ function StatsBand({ items }) {
 }
 function ReviewStars({ stars = 5 }) {
   return /* @__PURE__ */ jsx("div", { className: "mb-4 flex items-center gap-0.5", "aria-label": `${stars} out of 5 stars`, children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsx(
-    StarIcon,
+    StarIcon$1,
     {
       className: cn(
         "h-4 w-4",
@@ -19240,7 +19619,7 @@ function SegmentedControl({
 }) {
   var _a;
   const isControlled = value != null;
-  const [internal, setInternal] = React32.useState(
+  const [internal, setInternal] = React20.useState(
     defaultValue != null ? defaultValue : (_a = items[0]) == null ? void 0 : _a.id
   );
   const active = isControlled ? value : internal;
@@ -19323,6 +19702,6 @@ function SegmentedControl({
   );
 }
 
-export { ActivityCard, AdventureExplorer, AgentContactCard, Alert, AskExo, BirthDateField, BlogCard, BlogJournal, BlogPost, BookingAdventureCard, BookingCancellationEmail, BookingConfirmedCard, BookingCreatedEmail, BookingDetails, BookingForm, BookingOtpEmail, BookingPartialCancellationEmail, BookingPaymentConfirmationEmail, BookingShell, BookingSummary, Button, COUNTRIES, CancellationForm, CancellationRequestReceivedEmail, CategoryPage2, Chip, CounterField, CountrySearchField, CtaBanner, DEFAULT_FOOTER_BADGES, DEFAULT_FOOTER_DESTINATIONS, DEFAULT_FOOTER_LANGUAGES, DEFAULT_FOOTER_LEGAL, DEFAULT_FOOTER_PAGES, DEFAULT_FOOTER_SOCIALS, DEFAULT_FOOTER_THEMES, DEFAULT_HEADER_LINKS, DEFAULT_LANGUAGES, STATUS_MAP as DEPARTURE_STATUS_MAP, DatePickerField, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, ExoOrb, FilterPanel, FloatingInput, FloatingSelect, GroupProgressBar, GroupStatusBanner, HomeHeader, Itinerary, ItineraryDay, LOGO_PLANETAEXO_DATA_URI, LeadCapturePopup, MenuTrip, NewHome, NotificationEmail, OTPCodeInput, Offer, OfferAdventureCard, ParticipantCounter, ParticipantList, PartnerBookingCreatedEmail, PartnerRegistrationCompleteEmail, PaymentAmountSelector, PaymentDetailsBlock, PaymentMethodSelector, PaymentModalShell, PaymentReceiptEmail, PaymentReminderEmail, PhoneCountrySelect, PhotoGallery, Picture, PriceProgress, PricingMatrixCard, PricingTrip, RegistrationForm, RegistrationProgressBar, RegistrationReminderEmail, RegistrationReminderIndividualEmail, RegistrationSuccessCard, SegmentedControl, ShareWidget, SiteFooter, SiteHeader, StatusBadge2 as StatusBadge, StickyBookingCard, TERMS_ACCEPT_KEY, TermsSection, ThemeToggle, Toast, TransferDetailsBlock, TravellerFormInviteEmail, TripCard, TripHeader, TripPage, TrustpilotEmbed, USP, buttonVariants, chipVariants, cn, emailTokens, formatCpf, getStripeAppearance, itineraryDaySpecIcons, stripeAppearance, validateCpf, webpVariantUrl, wrapEmailHtml };
+export { ActivityCard, AdventureExplorer, AgentContactCard, Alert, AskExo, BirthDateField, BlogCard, BlogJournal, BlogPost, BookingAdventureCard, BookingCancellationEmail, BookingConfirmedCard, BookingCreatedEmail, BookingDetails, BookingForm, BookingOtpEmail, BookingPartialCancellationEmail, BookingPaymentConfirmationEmail, BookingShell, BookingSummary, Button, COUNTRIES, CancellationForm, CancellationRequestReceivedEmail, CategoryPage2, Chip, CounterField, CountrySearchField, CtaBanner, DEFAULT_FOOTER_BADGES, DEFAULT_FOOTER_DESTINATIONS, DEFAULT_FOOTER_LANGUAGES, DEFAULT_FOOTER_LEGAL, DEFAULT_FOOTER_PAGES, DEFAULT_FOOTER_SOCIALS, DEFAULT_FOOTER_THEMES, DEFAULT_HEADER_LINKS, DEFAULT_LANGUAGES, STATUS_MAP as DEPARTURE_STATUS_MAP, DatePickerField, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, ExoOrb, FilterPanel, FloatingInput, FloatingSelect, GroupProgressBar, GroupStatusBanner, HomeHeader, Itinerary, ItineraryDay, LOGO_PLANETAEXO_DATA_URI, LeadCapturePopup, MenuTrip, NewHome, NotificationEmail, OTPCodeInput, Offer, OfferAdventureCard, ParticipantCounter, ParticipantList, PartnerBookingCreatedEmail, PartnerRegistrationCompleteEmail, PaymentAmountSelector, PaymentDetailsBlock, PaymentMethodSelector, PaymentModalShell, PaymentReceiptEmail, PaymentReminderEmail, PhoneCountrySelect, PhotoGallery, PhotoTourProvider, Picture, PriceProgress, PricingMatrixCard, PricingTrip, RegistrationForm, RegistrationProgressBar, RegistrationReminderEmail, RegistrationReminderIndividualEmail, RegistrationSuccessCard, SegmentedControl, ShareWidget, SiteFooter, SiteHeader, StatusBadge2 as StatusBadge, StickyBookingCard, TERMS_ACCEPT_KEY, TermsSection, ThemeToggle, Toast, TransferDetailsBlock, TravellerFormInviteEmail, TripCard, TripHeader, TripPage, TrustpilotEmbed, USP, buttonVariants, chipVariants, cn, emailTokens, formatCpf, getStripeAppearance, itineraryDaySpecIcons, stripeAppearance, validateCpf, webpVariantUrl, wrapEmailHtml };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map