@planetaexo/design-system 0.63.0 → 0.65.0

package/dist/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var React31 = require('react');
+var React32 = require('react');
 var classVarianceAuthority = require('class-variance-authority');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
@@ -37,7 +37,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React31__namespace = /*#__PURE__*/_interopNamespace(React31);
+var React32__namespace = /*#__PURE__*/_interopNamespace(React32);
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -102,7 +102,7 @@ var buttonVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Button = React31__namespace.forwardRef(
+var Button = React32__namespace.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, variant, size } = _b, props = __objRest(_b, ["className", "variant", "size"]);
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -331,10 +331,10 @@ function DialogDescription(_a) {
     }, props)
   );
 }
-var FloatingInput = React31__namespace.forwardRef(
+var FloatingInput = React32__namespace.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 : React31__namespace.useId();
+    const inputId = id != null ? id : React32__namespace.useId();
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative", className), children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "input",
@@ -374,10 +374,10 @@ var FloatingInput = React31__namespace.forwardRef(
   }
 );
 FloatingInput.displayName = "FloatingInput";
-var FloatingSelect = React31__namespace.forwardRef(
+var FloatingSelect = React32__namespace.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 : React31__namespace.useId();
+    const inputId = id != null ? id : React32__namespace.useId();
     const hasValue = typeof value === "string" ? value !== "" : value !== void 0 && value !== null;
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative", className), children: [
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -638,14 +638,15 @@ function PhoneCountrySelect({
   value,
   onChange,
   className,
-  disabled
+  disabled,
+  showDial = true
 }) {
   var _a;
-  const [open, setOpen] = React31__namespace.useState(false);
-  const containerRef = React31__namespace.useRef(null);
-  const listRef = React31__namespace.useRef(null);
+  const [open, setOpen] = React32__namespace.useState(false);
+  const containerRef = React32__namespace.useRef(null);
+  const listRef = React32__namespace.useRef(null);
   const selected = (_a = PHONE_COUNTRIES.find((c) => c.code === value)) != null ? _a : PHONE_COUNTRIES[0];
-  React31__namespace.useEffect(() => {
+  React32__namespace.useEffect(() => {
     if (!open) return;
     const handler = (e) => {
       var _a2;
@@ -656,7 +657,7 @@ function PhoneCountrySelect({
     document.addEventListener("mousedown", handler);
     return () => document.removeEventListener("mousedown", handler);
   }, [open]);
-  React31__namespace.useEffect(() => {
+  React32__namespace.useEffect(() => {
     if (!open || !listRef.current) return;
     const activeEl = listRef.current.querySelector("[data-selected=true]");
     activeEl == null ? void 0 : activeEl.scrollIntoView({ block: "nearest" });
@@ -687,7 +688,7 @@ function PhoneCountrySelect({
         ),
         children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-base leading-none", children: selected.flag }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tabular-nums", children: selected.dial }),
+          showDial && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tabular-nums", children: selected.dial }),
           /* @__PURE__ */ jsxRuntime.jsx(
             lucideReact.ChevronDownIcon,
             {
@@ -926,8 +927,8 @@ function CalendarDayButton(_a) {
     "locale"
   ]);
   const defaultClassNames = reactDayPicker.getDefaultClassNames();
-  const ref = React31__namespace.useRef(null);
-  React31__namespace.useEffect(() => {
+  const ref = React32__namespace.useRef(null);
+  React32__namespace.useEffect(() => {
     var _a2;
     if (modifiers.focused) (_a2 = ref.current) == null ? void 0 : _a2.focus();
   }, [modifiers.focused]);
@@ -958,16 +959,16 @@ function BirthDateField({
   className,
   disabled
 }) {
-  const [open, setOpen] = React31__namespace.useState(false);
-  const [text, setText] = React31__namespace.useState(
+  const [open, setOpen] = React32__namespace.useState(false);
+  const [text, setText] = React32__namespace.useState(
     value ? dateFns.format(value, "dd/MM/yyyy") : ""
   );
-  const containerRef = React31__namespace.useRef(null);
-  const inputId = React31__namespace.useId();
-  React31__namespace.useEffect(() => {
+  const containerRef = React32__namespace.useRef(null);
+  const inputId = React32__namespace.useId();
+  React32__namespace.useEffect(() => {
     setText(value ? dateFns.format(value, "dd/MM/yyyy") : "");
   }, [value]);
-  React31__namespace.useEffect(() => {
+  React32__namespace.useEffect(() => {
     if (!open) return;
     const handler = (e) => {
       var _a;
@@ -1176,14 +1177,14 @@ function CountrySearchField({
 }) {
   var _a;
   const list = countries != null ? countries : COUNTRIES;
-  const [query, setQuery] = React31__namespace.useState("");
-  const [open, setOpen] = React31__namespace.useState(false);
-  const containerRef = React31__namespace.useRef(null);
-  const searchRef = React31__namespace.useRef(null);
+  const [query, setQuery] = React32__namespace.useState("");
+  const [open, setOpen] = React32__namespace.useState(false);
+  const containerRef = React32__namespace.useRef(null);
+  const searchRef = React32__namespace.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;
-  React31__namespace.useEffect(() => {
+  React32__namespace.useEffect(() => {
     if (!open) return;
     const handler = (e) => {
       var _a2;
@@ -1328,10 +1329,10 @@ function AdventureCard({
 }) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s;
   const isControlled = (_b = (_a = adventure.optionals) == null ? void 0 : _a.some((o) => o.onCheckedChange !== void 0)) != null ? _b : false;
-  const [checkedInternal, setCheckedInternal] = React31__namespace.useState(
+  const [checkedInternal, setCheckedInternal] = React32__namespace.useState(
     new Set((_d = (_c = adventure.optionals) == null ? void 0 : _c.filter((o) => o.defaultChecked).map((o) => o.id)) != null ? _d : [])
   );
-  const [openDescriptionId, setOpenDescriptionId] = React31__namespace.useState(null);
+  const [openDescriptionId, setOpenDescriptionId] = React32__namespace.useState(null);
   const openDescriptionOptional = openDescriptionId ? (_e = adventure.optionals) == null ? void 0 : _e.find((o) => o.id === openDescriptionId) : void 0;
   const isChecked = (opt) => {
     var _a2;
@@ -1787,7 +1788,7 @@ function BookingShell({
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-2xl border border-border bg-card overflow-hidden", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-b border-border px-5 py-4 bg-muted/20", children: [
       /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-base font-bold text-foreground font-heading mb-2", children: title }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1.5 flex-wrap", children: steps.map((label, i) => /* @__PURE__ */ jsxRuntime.jsxs(React31__namespace.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1.5 flex-wrap", children: steps.map((label, i) => /* @__PURE__ */ jsxRuntime.jsxs(React32__namespace.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           "span",
           {
@@ -1986,7 +1987,7 @@ function TermsSection({
   termsContent
 }) {
   var _a;
-  const [modalOpen, setModalOpen] = React31__namespace.useState(false);
+  const [modalOpen, setModalOpen] = React32__namespace.useState(false);
   const i18n = (_a = TERMS_I18N[locale]) != null ? _a : TERMS_I18N.en;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border border-border p-4 flex flex-col gap-3", children: [
     /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-bold text-muted-foreground font-heading uppercase tracking-widest", children: title }),
@@ -2124,9 +2125,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] = React31__namespace.useState("responsible");
-  const [error, setError] = React31__namespace.useState(null);
-  const [responsible, setResponsible] = React31__namespace.useState({
+  const [step, setStep] = React32__namespace.useState("responsible");
+  const [error, setError] = React32__namespace.useState(null);
+  const [responsible, setResponsible] = React32__namespace.useState({
     firstName: "",
     lastName: "",
     email: "",
@@ -2145,7 +2146,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] = React31__namespace.useState(
+  const [travellers, setTravellers] = React32__namespace.useState(
     Array.from({ length: Math.max(totalPax, 1) }, () => ({
       firstName: "",
       lastName: "",
@@ -2153,9 +2154,9 @@ function BookingWizard({
       email: ""
     }))
   );
-  const [payAmount, setPayAmount] = React31__namespace.useState("full");
-  const [payMethod, setPayMethod] = React31__namespace.useState("stripe");
-  const [termsAccepted, setTermsAccepted] = React31__namespace.useState(false);
+  const [payAmount, setPayAmount] = React32__namespace.useState("full");
+  const [payMethod, setPayMethod] = React32__namespace.useState("stripe");
+  const [termsAccepted, setTermsAccepted] = React32__namespace.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));
@@ -2383,7 +2384,7 @@ function Offer({
   className
 }) {
   var _a, _b, _c;
-  const [showBooking, setShowBooking] = React31__namespace.useState(false);
+  const [showBooking, setShowBooking] = React32__namespace.useState(false);
   const isShowingCheckout = !confirmedState && (!!checkoutSlot || internalDemoCheckout && showBooking);
   const handleBook = () => {
     if (!checkoutSlot && !externalBookingFlow && internalDemoCheckout) {
@@ -2750,7 +2751,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] = React31__namespace.useState(false);
+  const [detailsOpen, setDetailsOpen] = React32__namespace.useState(false);
   const handleCopyUrl = (url) => {
     if (onCopyFormLink) {
       onCopyFormLink(url);
@@ -3289,8 +3290,8 @@ function AddTravellerDialog({
   errorMessage
 }) {
   var _a, _b, _c, _d, _e;
-  const [form, setForm] = React31__namespace.useState(() => createInitialAddFormData(config));
-  React31__namespace.useEffect(() => {
+  const [form, setForm] = React32__namespace.useState(() => createInitialAddFormData(config));
+  React32__namespace.useEffect(() => {
     if (open) {
       setForm(createInitialAddFormData(config));
     }
@@ -3350,7 +3351,7 @@ function EditTravellerDialog({
   errorMessage
 }) {
   var _a, _b, _c, _d, _e;
-  const [form, setForm] = React31__namespace.useState(() => ({
+  const [form, setForm] = React32__namespace.useState(() => ({
     firstName: "",
     lastName: "",
     email: "",
@@ -3359,7 +3360,7 @@ function EditTravellerDialog({
     birthDate: "",
     personType: "ADULT"
   }));
-  React31__namespace.useEffect(() => {
+  React32__namespace.useEffect(() => {
     var _a2, _b2, _c2, _d2, _e2, _f;
     if (open && traveller) {
       setForm({
@@ -3695,48 +3696,48 @@ function BookingDetails({
   const hasSubmitAddTraveller = !!onSubmitAddTraveller;
   const hasSubmitEditTraveller = !!onSubmitEditTraveller;
   const hasConfirmRemoveTraveller = !!onConfirmRemoveTraveller;
-  const [addModalState, setAddModalState] = React31__namespace.useState({
+  const [addModalState, setAddModalState] = React32__namespace.useState({
     open: false,
     adventureId: null
   });
-  const [editModalState, setEditModalState] = React31__namespace.useState({ open: false, adventureId: null, traveller: null });
-  const [deleteModalState, setDeleteModalState] = React31__namespace.useState({ open: false, adventureId: null, traveller: null });
-  const [resendInviteDialogState, setResendInviteDialogState] = React31__namespace.useState({ open: false, traveller: null });
-  const handleRequestOpenAddModal = React31__namespace.useCallback((adventureId) => {
+  const [editModalState, setEditModalState] = React32__namespace.useState({ open: false, adventureId: null, traveller: null });
+  const [deleteModalState, setDeleteModalState] = React32__namespace.useState({ open: false, adventureId: null, traveller: null });
+  const [resendInviteDialogState, setResendInviteDialogState] = React32__namespace.useState({ open: false, traveller: null });
+  const handleRequestOpenAddModal = React32__namespace.useCallback((adventureId) => {
     setAddModalState({ open: true, adventureId });
   }, []);
-  const handleRequestOpenEditModal = React31__namespace.useCallback(
+  const handleRequestOpenEditModal = React32__namespace.useCallback(
     (adventureId, traveller) => {
       setEditModalState({ open: true, adventureId, traveller });
     },
     []
   );
-  const handleRequestOpenDeleteModal = React31__namespace.useCallback(
+  const handleRequestOpenDeleteModal = React32__namespace.useCallback(
     (adventureId, traveller) => {
       setDeleteModalState({ open: true, adventureId, traveller });
     },
     []
   );
-  const handleRequestOpenResendInviteDialog = React31__namespace.useCallback(
+  const handleRequestOpenResendInviteDialog = React32__namespace.useCallback(
     (traveller) => {
       setResendInviteDialogState({ open: true, traveller });
     },
     []
   );
-  const closeAddModal = React31__namespace.useCallback(() => {
+  const closeAddModal = React32__namespace.useCallback(() => {
     setAddModalState({ open: false, adventureId: null });
   }, []);
-  const closeEditModal = React31__namespace.useCallback(() => {
+  const closeEditModal = React32__namespace.useCallback(() => {
     setEditModalState({ open: false, adventureId: null, traveller: null });
   }, []);
-  const closeDeleteModal = React31__namespace.useCallback(() => {
+  const closeDeleteModal = React32__namespace.useCallback(() => {
     setDeleteModalState({ open: false, adventureId: null, traveller: null });
   }, []);
-  const closeResendInviteDialog = React31__namespace.useCallback(() => {
+  const closeResendInviteDialog = React32__namespace.useCallback(() => {
     setResendInviteDialogState({ open: false, traveller: null });
   }, []);
-  const submitInFlightRef = React31__namespace.useRef(false);
-  const handleAddSubmit = React31__namespace.useCallback(
+  const submitInFlightRef = React32__namespace.useRef(false);
+  const handleAddSubmit = React32__namespace.useCallback(
     async (adventureId, data) => {
       if (!onSubmitAddTraveller) return;
       if (submitInFlightRef.current) return;
@@ -3751,7 +3752,7 @@ function BookingDetails({
     },
     [onSubmitAddTraveller, closeAddModal]
   );
-  const handleEditSubmit = React31__namespace.useCallback(
+  const handleEditSubmit = React32__namespace.useCallback(
     async (adventureId, travellerId, data) => {
       if (!onSubmitEditTraveller) return;
       if (submitInFlightRef.current) return;
@@ -3766,7 +3767,7 @@ function BookingDetails({
     },
     [onSubmitEditTraveller, closeEditModal]
   );
-  const handleDeleteConfirm = React31__namespace.useCallback(
+  const handleDeleteConfirm = React32__namespace.useCallback(
     async (adventureId, travellerId) => {
       if (!onConfirmRemoveTraveller) return;
       if (submitInFlightRef.current) return;
@@ -5563,7 +5564,7 @@ function BookingCreatedEmail({
             }, children: i + 1 }) }),
             /* @__PURE__ */ jsxRuntime.jsx("td", { style: { verticalAlign: "top" }, children: /* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: "14px", color: emailTokens.bodyText, lineHeight: "1.6", margin: 0 }, children: step }) })
           ] }) }) }, i)) }),
-          nextStepsImportant && nextStepsImportant.trim().length > 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { marginBottom: "32px", fontSize: "14px", color: emailTokens.foreground, lineHeight: "1.6" }, children: nextStepsImportant.split("\n").map((line, idx, arr) => /* @__PURE__ */ jsxRuntime.jsxs(React31__namespace.Fragment, { children: [
+          nextStepsImportant && nextStepsImportant.trim().length > 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { marginBottom: "32px", fontSize: "14px", color: emailTokens.foreground, lineHeight: "1.6" }, children: nextStepsImportant.split("\n").map((line, idx, arr) => /* @__PURE__ */ jsxRuntime.jsxs(React32__namespace.Fragment, { children: [
             idx === 0 ? /* @__PURE__ */ jsxRuntime.jsx("strong", { children: line }) : line,
             idx < arr.length - 1 ? /* @__PURE__ */ jsxRuntime.jsx("br", {}) : null
           ] }, idx)) })
@@ -7930,13 +7931,14 @@ function DatePickerField({
   placeholder = "Select a date",
   disabled,
   fromDate,
-  className
+  className,
+  error
 }) {
-  const [open, setOpen] = React31__namespace.useState(false);
-  const containerRef = React31__namespace.useRef(null);
-  const [calendarWidth, setCalendarWidth] = React31__namespace.useState();
+  const [open, setOpen] = React32__namespace.useState(false);
+  const containerRef = React32__namespace.useRef(null);
+  const [calendarWidth, setCalendarWidth] = React32__namespace.useState();
   const hasValue = !!value;
-  React31__namespace.useEffect(() => {
+  React32__namespace.useEffect(() => {
     if (!containerRef.current) return;
     const observer = new ResizeObserver(([entry]) => {
       setCalendarWidth(entry.contentRect.width);
@@ -7944,78 +7946,91 @@ function DatePickerField({
     observer.observe(containerRef.current);
     return () => observer.disconnect();
   }, []);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: containerRef, className: cn("w-full", className), children: /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      PopoverTrigger,
-      {
-        disabled,
-        className: cn(
-          "relative flex w-full items-center rounded-lg border border-border bg-background",
-          "px-3 text-left text-base font-ui transition-colors h-14",
-          "focus:outline-none focus:border-primary focus:ring-1 focus:ring-primary",
-          "disabled:pointer-events-none disabled:opacity-50",
-          open && "border-primary ring-1 ring-primary"
-        ),
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            "span",
-            {
-              className: cn(
-                "pointer-events-none absolute left-3 transition-all duration-150 font-ui",
-                hasValue || open ? "top-2 text-xs text-primary" : "top-1/2 -translate-y-1/2 text-base text-muted-foreground"
-              ),
-              children: [
-                label,
-                required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary ml-0.5", children: "*" })
-              ]
-            }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: cn("w-full", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        PopoverTrigger,
+        {
+          disabled,
+          className: cn(
+            "relative flex w-full items-center rounded-lg border border-border bg-background",
+            "px-3 text-left text-base font-ui transition-colors h-14",
+            "focus:outline-none focus:border-primary focus:ring-1 focus:ring-primary",
+            "disabled:pointer-events-none disabled:opacity-50",
+            open && "border-primary ring-1 ring-primary",
+            error && "border-destructive focus:border-destructive focus:ring-destructive"
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "span",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "span",
+              {
+                className: cn(
+                  "pointer-events-none absolute left-3 transition-all duration-150 font-ui",
+                  hasValue || open ? "top-2 text-xs text-primary" : "top-1/2 -translate-y-1/2 text-base text-muted-foreground"
+                ),
+                children: [
+                  label,
+                  required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary ml-0.5", children: "*" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                className: cn(
+                  "flex-1 truncate mt-3",
+                  hasValue ? "text-foreground" : "invisible"
+                ),
+                children: hasValue ? dateFns.format(value, "dd MMM yyyy") : placeholder
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CalendarIcon, { className: "ml-2 h-4 w-4 shrink-0 text-muted-foreground" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        PopoverContent,
+        {
+          className: "p-0",
+          align: "start",
+          style: calendarWidth ? { width: calendarWidth } : void 0,
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            Calendar,
             {
-              className: cn(
-                "flex-1 truncate mt-3",
-                hasValue ? "text-foreground" : "invisible"
-              ),
-              children: hasValue ? dateFns.format(value, "dd MMM yyyy") : placeholder
+              mode: "single",
+              selected: value,
+              onSelect: (date) => {
+                onChange == null ? void 0 : onChange(date);
+                setOpen(false);
+              },
+              fromDate: fromDate != null ? fromDate : /* @__PURE__ */ new Date(),
+              className: "font-ui w-full",
+              autoFocus: true
             }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CalendarIcon, { className: "ml-2 h-4 w-4 shrink-0 text-muted-foreground" })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      PopoverContent,
-      {
-        className: "p-0",
-        align: "start",
-        style: calendarWidth ? { width: calendarWidth } : void 0,
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          Calendar,
-          {
-            mode: "single",
-            selected: value,
-            onSelect: (date) => {
-              onChange == null ? void 0 : onChange(date);
-              setOpen(false);
-            },
-            fromDate: fromDate != null ? fromDate : /* @__PURE__ */ new Date(),
-            className: "font-ui w-full",
-            autoFocus: true
-          }
-        )
-      }
-    )
-  ] }) });
+          )
+        }
+      )
+    ] }),
+    error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-destructive font-ui", children: error })
+  ] });
+}
+function dialFor(iso) {
+  var _a, _b;
+  return (_b = (_a = PHONE_COUNTRIES.find((c) => c.code === iso)) == null ? void 0 : _a.dial) != null ? _b : "";
 }
+var EMAIL_RE = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 function FormSection({
   title,
+  required,
   children,
   className
 }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-5", className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-base font-bold text-foreground whitespace-nowrap font-heading", children: title }),
+      /* @__PURE__ */ jsxRuntime.jsxs("h3", { className: "text-base font-bold text-foreground whitespace-nowrap font-heading", children: [
+        title,
+        required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary ml-0.5", children: "*" })
+      ] }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-px flex-1 bg-border" })
     ] }),
     children
@@ -8031,24 +8046,67 @@ var defaultInitial = {
   phoneCountry: "BR",
   lastName: "",
   firstName: "",
-  country: "France",
+  country: "",
   phone: "",
-  email: ""
+  email: "",
+  contactVia: "Email"
 };
 function BookingForm({
   defaultValues,
   onSubmit,
-  submitLabel = "Send my request",
+  submitLabel,
   loading = false,
   showHeader = true,
-  title = "Check availability for your trip",
-  subtitle = "Free enquiry \u2013 no commitment",
+  title,
+  subtitle,
+  labels,
   className
 }) {
-  const [values, setValues] = React31__namespace.useState(__spreadValues(__spreadValues({}, defaultInitial), defaultValues));
-  const set = (key, value) => setValues((prev) => __spreadProps(__spreadValues({}, prev), { [key]: value }));
+  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;
+  const L = labels != null ? labels : {};
+  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__namespace.useState(__spreadValues(__spreadValues({}, defaultInitial), defaultValues));
+  const [errors, setErrors] = React32__namespace.useState({});
+  const set = (key, value) => {
+    setValues((prev) => __spreadProps(__spreadValues({}, prev), { [key]: value }));
+    setErrors(
+      (prev) => prev[key] ? __spreadProps(__spreadValues({}, prev), { [key]: void 0 }) : prev
+    );
+  };
+  React32__namespace.useEffect(() => {
+    if (!defaultValues) return;
+    setValues((prev) => {
+      let changed = false;
+      const next = __spreadValues({}, prev);
+      Object.keys(defaultValues).forEach(
+        (k) => {
+          const incoming = defaultValues[k];
+          if (incoming === void 0 || incoming === "") return;
+          if (prev[k] === defaultInitial[k]) {
+            next[k] = incoming;
+            changed = true;
+          }
+        }
+      );
+      return changed ? next : prev;
+    });
+  }, [defaultValues]);
+  const reqMsg = (_d = L.errorRequired) != null ? _d : "This field is required";
+  const emailMsg = (_e = L.errorEmail) != null ? _e : "Enter a valid email address";
   const handleSubmit = (e) => {
     e.preventDefault();
+    const next = {};
+    if (!values.firstName.trim()) next.firstName = reqMsg;
+    if (!values.lastName.trim()) next.lastName = reqMsg;
+    if (!values.email.trim()) next.email = reqMsg;
+    else if (!EMAIL_RE.test(values.email.trim())) next.email = emailMsg;
+    if (!values.travelDate) next.travelDate = reqMsg;
+    if (!values.phone.trim()) next.phone = reqMsg;
+    if (!values.contactVia) next.contactVia = reqMsg;
+    setErrors(next);
+    if (Object.keys(next).length > 0) return;
     onSubmit == null ? void 0 : onSubmit(values);
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -8059,15 +8117,14 @@ function BookingForm({
       noValidate: true,
       children: [
         showHeader && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl font-black uppercase tracking-wide text-foreground font-heading leading-tight", children: title }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1.5 text-sm text-muted-foreground font-ui", children: subtitle })
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl font-black uppercase tracking-wide text-foreground font-heading leading-tight", children: titleText }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1.5 text-sm text-muted-foreground font-ui", children: subtitleText })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(FormSection, { title: "Who's joining the adventure?", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(FormSection, { title: (_f = L.travelersSection) != null ? _f : "Who's joining the adventure?", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             CounterField,
             {
-              label: "Adults",
-              required: true,
+              label: (_g = L.adults) != null ? _g : "Adults",
               value: values.adults,
               min: 1,
               onChange: (v) => set("adults", v)
@@ -8076,30 +8133,30 @@ function BookingForm({
           /* @__PURE__ */ jsxRuntime.jsx(
             CounterField,
             {
-              label: "Children",
-              sublabel: "(under 12)",
+              label: (_h = L.children) != null ? _h : "Children",
+              sublabel: (_i = L.childrenSublabel) != null ? _i : "(under 12)",
               value: values.children,
               min: 0,
               onChange: (v) => set("children", v)
             }
           )
         ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(FormSection, { title: "Your next trip", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(FormSection, { title: (_j = L.tripSection) != null ? _j : "Your next trip", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             DatePickerField,
             {
-              label: "Travel date",
+              label: (_k = L.travelDate) != null ? _k : "Travel date",
               required: true,
               value: values.travelDate,
               onChange: (d) => set("travelDate", d),
-              placeholder: "Pick a date"
+              placeholder: (_l = L.pickDate) != null ? _l : "Pick a date",
+              error: errors.travelDate
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
             FloatingInput,
             {
-              label: "Budget (per person)",
-              required: true,
+              label: (_m = L.budget) != null ? _m : "Budget (per person)",
               type: "number",
               min: 0,
               value: values.budget,
@@ -8107,7 +8164,7 @@ function BookingForm({
             }
           )
         ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(FormSection, { title: "Tell us about your trip", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(FormSection, { title: (_n = L.projectSection) != null ? _n : "Tell us about your trip", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             "textarea",
             {
@@ -8135,140 +8192,184 @@ function BookingForm({
                 "peer-not-placeholder-shown:top-2 peer-not-placeholder-shown:text-xs peer-not-placeholder-shown:text-muted-foreground"
               ),
               children: [
-                "Your trip in a few words",
+                (_o = L.projectLabel) != null ? _o : "Your trip in a few words",
                 " ",
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground font-normal", children: "(optional)" })
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground font-normal", children: (_p = L.optional) != null ? _p : "(optional)" })
               ]
             }
           )
         ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsxs(FormSection, { title: "Contact details", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(FormSection, { title: (_q = L.contactSection) != null ? _q : "Contact details", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
               role: "radiogroup",
-              "aria-label": "Title",
+              "aria-label": (_r = L.titleAria) != null ? _r : "Title",
               className: "flex flex-wrap items-center gap-x-6 gap-y-3",
-              children: ["ms", "mr"].map((c) => /* @__PURE__ */ jsxRuntime.jsxs(
-                "label",
-                {
-                  className: "flex min-h-9 cursor-pointer items-center gap-2.5 font-ui text-sm text-foreground",
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(
-                      "input",
-                      {
-                        type: "radio",
-                        name: "civility",
-                        value: c,
-                        checked: values.civility === c,
-                        onChange: () => set("civility", c),
-                        className: "h-4 w-4 shrink-0 accent-primary cursor-pointer"
-                      }
-                    ),
-                    c === "ms" ? "Ms." : "Mr."
-                  ]
-                },
-                c
-              ))
+              children: ["ms", "mr"].map((c) => {
+                var _a2, _b2;
+                return /* @__PURE__ */ jsxRuntime.jsxs(
+                  "label",
+                  {
+                    className: "flex min-h-9 cursor-pointer items-center gap-2.5 font-ui text-sm text-foreground",
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        "input",
+                        {
+                          type: "radio",
+                          name: "civility",
+                          value: c,
+                          checked: values.civility === c,
+                          onChange: () => set("civility", c),
+                          className: "h-4 w-4 shrink-0 accent-primary cursor-pointer"
+                        }
+                      ),
+                      c === "ms" ? (_a2 = L.ms) != null ? _a2 : "Ms." : (_b2 = L.mr) != null ? _b2 : "Mr."
+                    ]
+                  },
+                  c
+                );
+              })
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 min-w-0", children: [
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0", children: /* @__PURE__ */ jsxRuntime.jsx(
               FloatingInput,
               {
-                label: "Last name",
+                label: (_s = L.lastName) != null ? _s : "Last name",
                 required: true,
                 value: values.lastName,
-                onChange: (e) => set("lastName", e.target.value)
+                onChange: (e) => set("lastName", e.target.value),
+                error: errors.lastName
               }
             ) }),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0", children: /* @__PURE__ */ jsxRuntime.jsx(
               FloatingInput,
               {
-                label: "First name",
+                label: (_t = L.firstName) != null ? _t : "First name",
                 required: true,
                 value: values.firstName,
-                onChange: (e) => set("firstName", e.target.value)
+                onChange: (e) => set("firstName", e.target.value),
+                error: errors.firstName
               }
             ) }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 sm:col-span-2 lg:col-span-1", children: /* @__PURE__ */ jsxRuntime.jsxs(
-              FloatingSelect,
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 sm:col-span-2 lg:col-span-1", children: /* @__PURE__ */ jsxRuntime.jsx(
+              CountrySearchField,
               {
-                label: "Country of residence",
-                required: true,
+                label: (_u = L.country) != null ? _u : "Country of residence",
                 value: values.country,
-                onChange: (e) => set("country", e.target.value),
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", disabled: true, hidden: true }),
-                  /* @__PURE__ */ jsxRuntime.jsx("option", { value: "France", children: "France" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("option", { value: "Belgium", children: "Belgium" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("option", { value: "Switzerland", children: "Switzerland" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("option", { value: "Canada", children: "Canada" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("option", { value: "Luxembourg", children: "Luxembourg" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("option", { value: "United Kingdom", children: "United Kingdom" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("option", { value: "United States", children: "United States" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("option", { value: "Other", children: "Other" })
-                ]
+                onChange: (code) => set("country", code),
+                countries: COUNTRIES
               }
             ) })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-4 lg:grid-cols-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full min-w-0", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                PhoneCountrySelect,
-                {
-                  value: values.phoneCountry,
-                  onChange: (code) => set("phoneCountry", code),
-                  className: "shrink-0"
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full min-w-0", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  "input",
+                  PhoneCountrySelect,
                   {
-                    id: "phone",
-                    type: "tel",
-                    placeholder: " ",
-                    value: values.phone,
-                    onChange: (e) => set("phone", e.target.value),
-                    className: cn(
-                      "peer block h-14 w-full rounded-r-lg border border-border bg-background",
-                      "px-3 pt-5 pb-2 text-base text-foreground font-ui",
-                      "transition-colors placeholder-transparent",
-                      "focus:outline-none focus:border-primary focus:ring-1 focus:ring-primary"
-                    )
+                    value: values.phoneCountry,
+                    onChange: (code) => set("phoneCountry", code),
+                    className: "shrink-0",
+                    showDial: false
                   }
                 ),
-                /* @__PURE__ */ jsxRuntime.jsxs(
-                  "label",
-                  {
-                    htmlFor: "phone",
-                    className: cn(
-                      "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2",
-                      "text-base text-muted-foreground font-ui transition-all duration-150",
-                      "peer-focus:top-3 peer-focus:translate-y-0 peer-focus:text-xs peer-focus:text-primary",
-                      "peer-not-placeholder-shown:top-3 peer-not-placeholder-shown:translate-y-0 peer-not-placeholder-shown:text-xs peer-not-placeholder-shown:text-muted-foreground"
-                    ),
-                    children: [
-                      "Phone ",
-                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary", children: "*" })
-                    ]
-                  }
-                )
-              ] })
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative min-w-0 flex-1", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "input",
+                    {
+                      id: "phone",
+                      type: "tel",
+                      placeholder: " ",
+                      value: `${dialFor(values.phoneCountry)} ${values.phone}`,
+                      onChange: (e) => {
+                        const dial = dialFor(values.phoneCountry);
+                        let national = e.target.value;
+                        if (national.startsWith(dial)) national = national.slice(dial.length);
+                        national = national.replace(/^\s+/, "");
+                        set("phone", national);
+                      },
+                      className: cn(
+                        "peer block h-14 w-full rounded-r-lg border border-border bg-background",
+                        "px-3 pt-5 pb-2 text-base text-foreground font-ui",
+                        "transition-colors placeholder-transparent",
+                        "focus:outline-none focus:border-primary focus:ring-1 focus:ring-primary",
+                        errors.phone && "border-destructive focus:border-destructive focus:ring-destructive"
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsxs(
+                    "label",
+                    {
+                      htmlFor: "phone",
+                      className: cn(
+                        "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2",
+                        "text-base text-muted-foreground font-ui transition-all duration-150",
+                        "peer-focus:top-3 peer-focus:translate-y-0 peer-focus:text-xs peer-focus:text-primary",
+                        "peer-not-placeholder-shown:top-3 peer-not-placeholder-shown:translate-y-0 peer-not-placeholder-shown:text-xs peer-not-placeholder-shown:text-muted-foreground"
+                      ),
+                      children: [
+                        (_v = L.phone) != null ? _v : "Phone",
+                        " ",
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary", children: "*" })
+                      ]
+                    }
+                  )
+                ] })
+              ] }),
+              errors.phone && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-destructive font-ui", children: errors.phone })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0", children: /* @__PURE__ */ jsxRuntime.jsx(
               FloatingInput,
               {
-                label: "Email",
+                label: (_w = L.email) != null ? _w : "Email",
                 required: true,
                 type: "email",
                 value: values.email,
-                onChange: (e) => set("email", e.target.value)
+                onChange: (e) => set("email", e.target.value),
+                error: errors.email
               }
             ) })
           ] })
         ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          FormSection,
+          {
+            title: (_x = L.contactViaSection) != null ? _x : "How should we contact you?",
+            required: true,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  role: "radiogroup",
+                  "aria-label": (_y = L.contactViaSection) != null ? _y : "How should we contact you?",
+                  className: "inline-flex flex-wrap rounded-full border border-border bg-background p-1",
+                  children: [
+                    ["WhatsApp", (_z = L.contactViaWhatsApp) != null ? _z : "WhatsApp"],
+                    ["Email", (_A = L.contactViaEmail) != null ? _A : "Email"],
+                    ["Phone", (_B = L.contactViaPhone) != null ? _B : "Phone"]
+                  ].map(([value, label]) => /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      role: "radio",
+                      "aria-checked": values.contactVia === value,
+                      onClick: () => set("contactVia", value),
+                      className: cn(
+                        "whitespace-nowrap rounded-full px-5 py-2 font-heading text-[13px] font-semibold transition-colors",
+                        values.contactVia === value ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:text-foreground"
+                      ),
+                      children: label
+                    },
+                    value
+                  ))
+                }
+              ),
+              errors.contactVia && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-destructive font-ui", children: errors.contactVia })
+            ]
+          }
+        ),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center pt-2", children: /* @__PURE__ */ jsxRuntime.jsx(
           "button",
           {
@@ -8303,8 +8404,8 @@ function BookingForm({
                   }
                 )
               ] }),
-              "Sending\u2026"
-            ] }) : submitLabel
+              (_C = L.sending) != null ? _C : "Sending\u2026"
+            ] }) : submitText
           }
         ) })
       ]
@@ -8613,11 +8714,11 @@ function FloatingTextarea({
 }
 function SelectField({ field, value, onChange, error, disabled }) {
   var _a, _b, _c;
-  const [open, setOpen] = React31__namespace.useState(false);
-  const containerRef = React31__namespace.useRef(null);
+  const [open, setOpen] = React32__namespace.useState(false);
+  const containerRef = React32__namespace.useRef(null);
   const options = (_a = field.options) != null ? _a : [];
   const selectedOpt = (_b = options.find((o) => o.value === value)) != null ? _b : null;
-  React31__namespace.useEffect(() => {
+  React32__namespace.useEffect(() => {
     if (!open) return;
     const handleOutside = (e) => {
       if (containerRef.current && !containerRef.current.contains(e.target)) {
@@ -9085,11 +9186,11 @@ function RegistrationForm({
   readOnly = false
 }) {
   var _a;
-  const L = React31__namespace.useMemo(
+  const L = React32__namespace.useMemo(
     () => __spreadValues(__spreadValues({}, DEFAULT_LABELS12), labels != null ? labels : {}),
     [labels]
   );
-  const sortedFields = React31__namespace.useMemo(
+  const sortedFields = React32__namespace.useMemo(
     () => [...fields].sort((a, b) => {
       var _a2, _b;
       return ((_a2 = a.order) != null ? _a2 : 0) - ((_b = b.order) != null ? _b : 0);
@@ -9097,7 +9198,7 @@ function RegistrationForm({
     [fields]
   );
   const isControlled = values !== void 0;
-  const [internal, setInternal] = React31__namespace.useState(
+  const [internal, setInternal] = React32__namespace.useState(
     () => initializeValues(
       sortedFields,
       defaultValues != null ? defaultValues : {},
@@ -9105,9 +9206,9 @@ function RegistrationForm({
       includeTerms
     )
   );
-  const [submitAttempted, setSubmitAttempted] = React31__namespace.useState(false);
-  const [validationErrors, setValidationErrors] = React31__namespace.useState({});
-  React31__namespace.useEffect(() => {
+  const [submitAttempted, setSubmitAttempted] = React32__namespace.useState(false);
+  const [validationErrors, setValidationErrors] = React32__namespace.useState({});
+  React32__namespace.useEffect(() => {
     if (isControlled) return;
     setInternal((prev) => {
       const next = initializeValues(
@@ -9164,7 +9265,7 @@ function RegistrationForm({
   const termsError = submitAttempted && termsEnabled && !termsAccepted;
   const firstErrorFieldId = Object.keys(fieldErrors)[0];
   const scrollTargetId = firstErrorFieldId ? `rf-${firstErrorFieldId}` : termsError ? "rf-terms" : null;
-  React31__namespace.useEffect(() => {
+  React32__namespace.useEffect(() => {
     if (!submitAttempted || !scrollTargetId) return;
     const timer = setTimeout(() => {
       const elem = document.getElementById(scrollTargetId);
@@ -9617,60 +9718,335 @@ function RegistrationSuccessCard({
     }
   );
 }
-var OTPCodeInput = ({
-  value,
-  onChange,
-  label,
+var OTHER = "OTHER";
+function SectionHeading({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-heading font-bold text-foreground mb-3", children });
+}
+function FieldError({ children }) {
+  if (!children) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-destructive font-ui", children });
+}
+function CancellationForm({
+  adventures,
+  identity,
+  labels,
+  onSubmit,
+  submitting = false,
   error,
-  disabled = false,
-  length = 6,
-  className,
-  id,
-  required
-}) => {
-  const baseId = id != null ? id : React31__namespace.useId();
-  const inputRef = React31__namespace.useRef(null);
-  const [focused, setFocused] = React31__namespace.useState(false);
-  const digits = React31__namespace.useMemo(() => {
-    const arr = value.split("").slice(0, length);
-    while (arr.length < length) arr.push("");
-    return arr;
-  }, [value, length]);
-  const handleChange = (e) => {
-    const numeric = e.target.value.replace(/\D/g, "").slice(0, length);
-    onChange(numeric);
-  };
-  const activeIndex = Math.min(value.length, length - 1);
-  const errorId = error ? `${baseId}-error` : void 0;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col items-center", className), children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "label",
-      {
-        htmlFor: baseId,
-        className: cn(
-          "self-start text-sm text-muted-foreground font-ui mb-2",
-          required && "after:content-['*'] after:text-primary after:ml-0.5"
-        ),
-        children: label
+  className
+}) {
+  var _a, _b, _c;
+  const [selectedAdventureIds, setSelectedAdventureIds] = React32__namespace.useState(/* @__PURE__ */ new Set());
+  const [participantsByAdventure, setParticipantsByAdventure] = React32__namespace.useState({});
+  const [reasonCode, setReasonCode] = React32__namespace.useState("");
+  const [reasonOther, setReasonOther] = React32__namespace.useState("");
+  const [refundPreference, setRefundPreference] = React32__namespace.useState("");
+  const [refundOther, setRefundOther] = React32__namespace.useState("");
+  const [agreedToPolicy, setAgreedToPolicy] = React32__namespace.useState(false);
+  const [contactName, setContactName] = React32__namespace.useState((_a = identity == null ? void 0 : identity.name) != null ? _a : "");
+  const [contactEmail, setContactEmail] = React32__namespace.useState((_b = identity == null ? void 0 : identity.email) != null ? _b : "");
+  const [contactPhone, setContactPhone] = React32__namespace.useState((_c = identity == null ? void 0 : identity.phone) != null ? _c : "");
+  const [errors, setErrors] = React32__namespace.useState({});
+  const allParticipantsOf = React32__namespace.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));
+    },
+    [adventures]
+  );
+  function toggleAdventure(advId, on) {
+    setSelectedAdventureIds((prev) => {
+      const next = new Set(prev);
+      if (on) next.add(advId);
+      else next.delete(advId);
+      return next;
+    });
+    setParticipantsByAdventure((prev) => {
+      const next = __spreadValues({}, prev);
+      if (on) next[advId] = allParticipantsOf(advId);
+      else delete next[advId];
+      return next;
+    });
+  }
+  function toggleParticipant(advId, travellerId, on) {
+    setParticipantsByAdventure((prev) => {
+      var _a2;
+      const set = new Set((_a2 = prev[advId]) != null ? _a2 : []);
+      if (on) set.add(travellerId);
+      else set.delete(travellerId);
+      return __spreadProps(__spreadValues({}, prev), { [advId]: set });
+    });
+  }
+  function selectAll() {
+    const allAdv = new Set(adventures.map((a) => a.id));
+    const byAdv = {};
+    for (const a of adventures) byAdv[a.id] = new Set(a.participants.map((p) => p.id));
+    setSelectedAdventureIds(allAdv);
+    setParticipantsByAdventure(byAdv);
+  }
+  const allSelected = adventures.length > 0 && adventures.every((a) => selectedAdventureIds.has(a.id));
+  function validate() {
+    var _a2;
+    const next = {};
+    const selAdvIds = adventures.filter((a) => selectedAdventureIds.has(a.id)).map((a) => a.id);
+    if (selAdvIds.length === 0) next.adventures = labels.errorSelectAdventure;
+    for (const advId of selAdvIds) {
+      const set = participantsByAdventure[advId];
+      if (!set || set.size === 0) next.participants = labels.errorSelectParticipants;
+    }
+    if (!reasonCode) next.reason = labels.errorReasonRequired;
+    else if (reasonCode === OTHER && !reasonOther.trim()) next.reason = labels.errorReasonOtherRequired;
+    if (!refundPreference) next.refund = labels.errorRefundRequired;
+    else if (refundPreference === OTHER && !refundOther.trim())
+      next.refund = labels.errorRefundOtherRequired;
+    if (!agreedToPolicy) next.agreement = labels.errorAgreementRequired;
+    setErrors(next);
+    if (Object.keys(next).length > 0) return { ok: false };
+    const travellerIds = /* @__PURE__ */ new Set();
+    for (const advId of selAdvIds) {
+      for (const tid of (_a2 = participantsByAdventure[advId]) != null ? _a2 : []) travellerIds.add(tid);
+    }
+    return {
+      ok: true,
+      values: {
+        selectedBookingAdventureIds: selAdvIds,
+        selectedTravellerIds: [...travellerIds],
+        reasonCode,
+        reasonOther: reasonCode === OTHER ? reasonOther.trim() : "",
+        refundPreference,
+        refundOther: refundPreference === OTHER ? refundOther.trim() : "",
+        agreedToPolicy,
+        contact: { name: contactName.trim(), email: contactEmail.trim(), phone: contactPhone.trim() }
       }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        className: cn(
-          "relative",
-          disabled && "opacity-50 pointer-events-none"
+    };
+  }
+  function handleSubmit(e) {
+    e.preventDefault();
+    const r = validate();
+    if (r.ok && r.values) void onSubmit(r.values);
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleSubmit, className: cn("space-y-8", className), noValidate: true, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("section", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(SectionHeading, { children: labels.identityHeading }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-3 gap-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          FloatingInput,
+          {
+            label: labels.contactNameLabel,
+            value: contactName,
+            onChange: (e) => setContactName(e.target.value)
+          }
         ),
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "input",
-            {
-              ref: inputRef,
-              id: baseId,
-              type: "text",
-              inputMode: "numeric",
-              pattern: "\\d*",
-              maxLength: length,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          FloatingInput,
+          {
+            label: labels.contactEmailLabel,
+            type: "email",
+            value: contactEmail,
+            onChange: (e) => setContactEmail(e.target.value)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          FloatingInput,
+          {
+            label: labels.contactPhoneLabel,
+            value: contactPhone,
+            onChange: (e) => setContactPhone(e.target.value)
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("section", { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-3 mb-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(SectionHeading, { children: labels.adventuresHeading }),
+        adventures.length > 1 && /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", variant: "link", size: "sm", onClick: selectAll, disabled: allSelected, children: labels.selectAllLabel })
+      ] }),
+      labels.adventuresHint && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground mb-3", children: labels.adventuresHint }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: adventures.map((adv) => {
+        var _a2;
+        const selected = selectedAdventureIds.has(adv.id);
+        const partSet = (_a2 = participantsByAdventure[adv.id]) != null ? _a2 : /* @__PURE__ */ new Set();
+        return /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: cn(
+              "rounded-lg border p-4 transition-colors",
+              selected ? "border-primary bg-primary/5" : "border-border bg-card"
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-start gap-3 cursor-pointer", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "input",
+                  {
+                    type: "checkbox",
+                    className: "mt-1 h-4 w-4 accent-primary",
+                    checked: selected,
+                    onChange: (e) => toggleAdventure(adv.id, e.target.checked)
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex-1", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block font-ui font-medium text-foreground", children: adv.name }),
+                  adv.dateRange && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block text-sm text-muted-foreground", children: adv.dateRange })
+                ] })
+              ] }),
+              selected && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-4 pl-7 space-y-4", children: [
+                adv.cancellationPolicy && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-md bg-muted/50 border border-border p-3", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-ui font-semibold uppercase tracking-wide text-muted-foreground mb-1", children: labels.policyHeading }),
+                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-foreground whitespace-pre-line", children: adv.cancellationPolicy })
+                ] }),
+                adv.participants.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-ui font-semibold uppercase tracking-wide text-muted-foreground mb-2", children: labels.participantsHeading }),
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1.5", children: adv.participants.map((p) => /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2 cursor-pointer", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "input",
+                      {
+                        type: "checkbox",
+                        className: "h-4 w-4 accent-primary",
+                        checked: partSet.has(p.id),
+                        onChange: (e) => toggleParticipant(adv.id, p.id, e.target.checked)
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-foreground", children: p.name })
+                  ] }, p.id)) })
+                ] })
+              ] })
+            ]
+          },
+          adv.id
+        );
+      }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(FieldError, { children: errors.adventures }),
+      /* @__PURE__ */ jsxRuntime.jsx(FieldError, { children: errors.participants })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("section", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(SectionHeading, { children: labels.reasonHeading }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: labels.reasonOptions.map((opt) => /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2 cursor-pointer", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "radio",
+            name: "cancellation-reason",
+            className: "h-4 w-4 accent-primary",
+            checked: reasonCode === opt.value,
+            onChange: () => setReasonCode(opt.value)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-foreground", children: opt.label })
+      ] }, opt.value)) }),
+      reasonCode === OTHER && /* @__PURE__ */ jsxRuntime.jsx(
+        "textarea",
+        {
+          className: "mt-3 w-full rounded-lg border border-border bg-background px-3 py-2 text-base text-foreground font-ui focus:outline-none focus:border-primary focus:ring-1 focus:ring-primary",
+          rows: 3,
+          placeholder: labels.reasonOtherLabel,
+          value: reasonOther,
+          onChange: (e) => setReasonOther(e.target.value),
+          maxLength: 1e3
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(FieldError, { children: errors.reason })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("section", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(SectionHeading, { children: labels.refundHeading }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: labels.refundOptions.map((opt) => /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2 cursor-pointer", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "radio",
+            name: "cancellation-refund",
+            className: "h-4 w-4 accent-primary",
+            checked: refundPreference === opt.value,
+            onChange: () => setRefundPreference(opt.value)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-foreground", children: opt.label })
+      ] }, opt.value)) }),
+      refundPreference === OTHER && /* @__PURE__ */ jsxRuntime.jsx(
+        "textarea",
+        {
+          className: "mt-3 w-full rounded-lg border border-border bg-background px-3 py-2 text-base text-foreground font-ui focus:outline-none focus:border-primary focus:ring-1 focus:ring-primary",
+          rows: 3,
+          placeholder: labels.refundOtherLabel,
+          value: refundOther,
+          onChange: (e) => setRefundOther(e.target.value),
+          maxLength: 1e3
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(FieldError, { children: errors.refund })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("section", { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-start gap-3 cursor-pointer", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "checkbox",
+            className: "mt-1 h-4 w-4 accent-primary",
+            checked: agreedToPolicy,
+            onChange: (e) => setAgreedToPolicy(e.target.checked)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-foreground", children: labels.agreementLabel })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(FieldError, { children: errors.agreement })
+    ] }),
+    error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-destructive font-ui", role: "alert", children: error }),
+    /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "submit", variant: "destructive", size: "lg", disabled: submitting, className: "w-full", children: submitting ? labels.submittingLabel : labels.submitLabel })
+  ] });
+}
+var OTPCodeInput = ({
+  value,
+  onChange,
+  label,
+  error,
+  disabled = false,
+  length = 6,
+  className,
+  id,
+  required
+}) => {
+  const baseId = id != null ? id : React32__namespace.useId();
+  const inputRef = React32__namespace.useRef(null);
+  const [focused, setFocused] = React32__namespace.useState(false);
+  const digits = React32__namespace.useMemo(() => {
+    const arr = value.split("").slice(0, length);
+    while (arr.length < length) arr.push("");
+    return arr;
+  }, [value, length]);
+  const handleChange = (e) => {
+    const numeric = e.target.value.replace(/\D/g, "").slice(0, length);
+    onChange(numeric);
+  };
+  const activeIndex = Math.min(value.length, length - 1);
+  const errorId = error ? `${baseId}-error` : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col items-center", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "label",
+      {
+        htmlFor: baseId,
+        className: cn(
+          "self-start text-sm text-muted-foreground font-ui mb-2",
+          required && "after:content-['*'] after:text-primary after:ml-0.5"
+        ),
+        children: label
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: cn(
+          "relative",
+          disabled && "opacity-50 pointer-events-none"
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              ref: inputRef,
+              id: baseId,
+              type: "text",
+              inputMode: "numeric",
+              pattern: "\\d*",
+              maxLength: length,
               value,
               autoComplete: "one-time-code",
               "aria-label": label,
@@ -9744,7 +10120,7 @@ function Checkbox(_a) {
     })
   );
 }
-var AccordionVariantContext = React31__namespace.createContext("default");
+var AccordionVariantContext = React32__namespace.createContext("default");
 function Accordion(_a) {
   var _b = _a, { className, variant = "default" } = _b, props = __objRest(_b, ["className", "variant"]);
   return /* @__PURE__ */ jsxRuntime.jsx(AccordionVariantContext.Provider, { value: variant, children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -9762,7 +10138,7 @@ function Accordion(_a) {
 }
 function AccordionItem(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  const variant = React31__namespace.useContext(AccordionVariantContext);
+  const variant = React32__namespace.useContext(AccordionVariantContext);
   return /* @__PURE__ */ jsxRuntime.jsx(
     accordion.Accordion.Item,
     __spreadValues({
@@ -9778,56 +10154,66 @@ function AccordionItem(_a) {
 function AccordionTrigger(_a) {
   var _b = _a, {
     className,
-    children
+    children,
+    headingLevel
   } = _b, props = __objRest(_b, [
     "className",
-    "children"
+    "children",
+    "headingLevel"
   ]);
-  const variant = React31__namespace.useContext(AccordionVariantContext);
-  return /* @__PURE__ */ jsxRuntime.jsx(accordion.Accordion.Header, { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
-    accordion.Accordion.Trigger,
+  const variant = React32__namespace.useContext(AccordionVariantContext);
+  const headingRender = headingLevel === 2 ? /* @__PURE__ */ jsxRuntime.jsx("h2", {}) : headingLevel === 4 ? /* @__PURE__ */ jsxRuntime.jsx("h4", {}) : headingLevel === 5 ? /* @__PURE__ */ jsxRuntime.jsx("h5", {}) : headingLevel === 6 ? /* @__PURE__ */ jsxRuntime.jsx("h6", {}) : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    accordion.Accordion.Header,
     __spreadProps(__spreadValues({
-      "data-slot": "accordion-trigger",
-      className: cn(
-        "group/accordion-trigger relative flex flex-1 items-center justify-between text-left transition-all outline-none",
-        "focus-visible:ring-3 focus-visible:ring-ring/50 aria-disabled:pointer-events-none aria-disabled:opacity-50",
-        variant === "default" && [
-          "rounded-lg border border-transparent py-2.5 text-sm font-medium",
-          "hover:underline focus-visible:border-ring",
-          "**:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-muted-foreground"
-        ],
-        variant === "faq" && [
-          "px-5 py-4 text-base font-bold",
-          "hover:bg-muted/30 rounded-lg"
-        ],
-        className
-      )
-    }, props), {
-      children: [
-        children,
-        variant === "default" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            lucideReact.ChevronDownIcon,
-            {
-              "data-slot": "accordion-trigger-icon",
-              className: "pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden"
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            lucideReact.ChevronUpIcon,
-            {
-              "data-slot": "accordion-trigger-icon",
-              className: "pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline"
-            }
+      className: "flex"
+    }, headingRender ? { render: headingRender } : {}), {
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        accordion.Accordion.Trigger,
+        __spreadProps(__spreadValues({
+          "data-slot": "accordion-trigger",
+          className: cn(
+            "group/accordion-trigger relative flex flex-1 items-center justify-between text-left transition-all outline-none",
+            "focus-visible:ring-3 focus-visible:ring-ring/50 aria-disabled:pointer-events-none aria-disabled:opacity-50",
+            variant === "default" && [
+              "rounded-lg border border-transparent py-2.5 text-sm font-medium",
+              "hover:underline focus-visible:border-ring",
+              "**:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-muted-foreground"
+            ],
+            variant === "faq" && [
+              "px-5 py-4 text-base font-bold",
+              "hover:bg-muted/30 rounded-lg"
+            ],
+            className
           )
-        ] }),
-        variant === "faq" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PlusIcon, { className: "pointer-events-none shrink-0 size-5 text-foreground group-aria-expanded/accordion-trigger:hidden" }),
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MinusIcon, { className: "pointer-events-none hidden shrink-0 size-5 text-foreground group-aria-expanded/accordion-trigger:inline" })
-        ] })
-      ]
+        }, props), {
+          children: [
+            children,
+            variant === "default" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                lucideReact.ChevronDownIcon,
+                {
+                  "data-slot": "accordion-trigger-icon",
+                  className: "pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                lucideReact.ChevronUpIcon,
+                {
+                  "data-slot": "accordion-trigger-icon",
+                  className: "pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline"
+                }
+              )
+            ] }),
+            variant === "faq" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PlusIcon, { className: "pointer-events-none shrink-0 size-5 text-foreground group-aria-expanded/accordion-trigger:hidden" }),
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MinusIcon, { className: "pointer-events-none hidden shrink-0 size-5 text-foreground group-aria-expanded/accordion-trigger:inline" })
+            ] })
+          ]
+        })
+      )
     })
-  ) });
+  );
 }
 function AccordionContent(_a) {
   var _b = _a, {
@@ -9837,7 +10223,7 @@ function AccordionContent(_a) {
     "className",
     "children"
   ]);
-  const variant = React31__namespace.useContext(AccordionVariantContext);
+  const variant = React32__namespace.useContext(AccordionVariantContext);
   return /* @__PURE__ */ jsxRuntime.jsx(
     accordion.Accordion.Panel,
     __spreadProps(__spreadValues({
@@ -10052,18 +10438,19 @@ function FilterPanel({
   variant = "sidebar",
   sortOptions,
   sort,
-  onSortChange
+  onSortChange,
+  labels
 }) {
-  var _a, _b;
-  const resolvedGroups = React31__namespace.useMemo(() => resolveGroups(groups), [groups]);
-  const [internalValue, setInternalValue] = React31__namespace.useState(
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  const resolvedGroups = React32__namespace.useMemo(() => resolveGroups(groups), [groups]);
+  const [internalValue, setInternalValue] = React32__namespace.useState(
     () => Object.fromEntries(groups.map((g) => [g.id, []]))
   );
   const selected = value != null ? value : internalValue;
-  const [expandedItems, setExpandedItems] = React31__namespace.useState(
+  const [expandedItems, setExpandedItems] = React32__namespace.useState(
     () => new Set(groups.flatMap((g) => getDefaultExpandedIds(g.items)))
   );
-  const toggleExpanded = React31__namespace.useCallback((id) => {
+  const toggleExpanded = React32__namespace.useCallback((id) => {
     setExpandedItems((prev) => {
       const next = new Set(prev);
       if (next.has(id)) next.delete(id);
@@ -10192,7 +10579,7 @@ function FilterPanel({
                       type: "button",
                       onClick: handleClearAll,
                       className: "text-sm font-ui font-semibold text-muted-foreground underline underline-offset-2 hover:text-foreground",
-                      children: "Clear all"
+                      children: (_b = labels == null ? void 0 : labels.clearAll) != null ? _b : "Clear all"
                     }
                   ),
                   /* @__PURE__ */ jsxRuntime.jsxs(
@@ -10206,9 +10593,8 @@ function FilterPanel({
                         }
                       ),
                       children: [
-                        "Show ",
-                        totalSelected > 0 ? `(${totalSelected})` : "",
-                        " results"
+                        (_c = labels == null ? void 0 : labels.showResults) != null ? _c : "Show results",
+                        totalSelected > 0 ? ` (${totalSelected})` : ""
                       ]
                     }
                   )
@@ -10233,7 +10619,7 @@ function FilterPanel({
                 }
               ),
               children: [
-                "Sort",
+                (_d = labels == null ? void 0 : labels.sortLabel) != null ? _d : "Sort",
                 /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: "h-4 w-4 text-muted-foreground" })
               ]
             }
@@ -10343,14 +10729,15 @@ function FilterPanel({
             className: "inline-flex items-center gap-1 rounded-full px-3 py-1.5 text-xs font-ui font-semibold text-muted-foreground hover:text-foreground transition-colors",
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, { className: "h-3 w-3" }),
-              "Clear all (",
+              (_e = labels == null ? void 0 : labels.clearAll) != null ? _e : "Clear all",
+              " (",
               totalSelected,
               ")"
             ]
           }
         ),
         sortOptions && sortOptions.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ml-auto flex items-center gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground font-ui hidden sm:inline", children: "Sort by" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground font-ui hidden sm:inline", children: (_f = labels == null ? void 0 : labels.sortByLabel) != null ? _f : "Sort by" }),
           /* @__PURE__ */ jsxRuntime.jsxs(Popover, { children: [
             /* @__PURE__ */ jsxRuntime.jsxs(
               PopoverTrigger,
@@ -10367,7 +10754,7 @@ function FilterPanel({
                   }
                 ),
                 children: [
-                  (_b = activeSort == null ? void 0 : activeSort.label) != null ? _b : "Default",
+                  (_g = activeSort == null ? void 0 : activeSort.label) != null ? _g : "Default",
                   /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: "h-3.5 w-3.5 text-muted-foreground" })
                 ]
               }
@@ -10439,7 +10826,7 @@ function FilterPanel({
       {
         onClick: handleClearAll,
         className: "self-start text-sm text-muted-foreground underline underline-offset-2 transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring font-ui",
-        children: "Remove all filters"
+        children: (_h = labels == null ? void 0 : labels.removeAllFilters) != null ? _h : "Remove all filters"
       }
     )
   ] });
@@ -10447,11 +10834,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 = React31__namespace.useRef(null);
-  const [widgetReady, setWidgetReady] = React31__namespace.useState(false);
-  const [delayPassed, setDelayPassed] = React31__namespace.useState(false);
+  const ref = React32__namespace.useRef(null);
+  const [widgetReady, setWidgetReady] = React32__namespace.useState(false);
+  const [delayPassed, setDelayPassed] = React32__namespace.useState(false);
   const showFallback = delayPassed && !widgetReady;
-  React31__namespace.useEffect(() => {
+  React32__namespace.useEffect(() => {
     var _a2;
     if (typeof document === "undefined" || !ref.current) return;
     const node = ref.current;
@@ -10639,7 +11026,7 @@ function webpVariantUrl(src) {
   return `${withoutQuery}.webp${query}`;
 }
 function PictureLoader() {
-  const gradientId = React31__namespace.useId();
+  const gradientId = React32__namespace.useId();
   return /* @__PURE__ */ jsxRuntime.jsx(
     "span",
     {
@@ -10708,11 +11095,11 @@ function Picture(_a) {
     "onLoad",
     "onError"
   ]);
-  var _a2;
-  const ref = React31__namespace.useRef(null);
-  const [visible, setVisible] = React31__namespace.useState(eager);
-  const [loaded, setLoaded] = React31__namespace.useState(false);
-  React31__namespace.useEffect(() => {
+  var _a2, _b2;
+  const ref = React32__namespace.useRef(null);
+  const [visible, setVisible] = React32__namespace.useState(eager);
+  const [loaded, setLoaded] = React32__namespace.useState(false);
+  React32__namespace.useEffect(() => {
     if (eager || visible) return;
     const el = ref.current;
     if (!el || typeof IntersectionObserver === "undefined") {
@@ -10731,13 +11118,14 @@ function Picture(_a) {
     io.observe(el);
     return () => io.disconnect();
   }, [eager, visible, rootMargin]);
-  React31__namespace.useEffect(() => {
+  React32__namespace.useEffect(() => {
     setLoaded(false);
   }, [src]);
   const webp = webpVariantUrl(src);
   const realSrc = visible ? src : PLACEHOLDER_SRC;
+  const resolvedTitle = (_a2 = imgProps.title) != null ? _a2 : typeof imgProps.alt === "string" && imgProps.alt.trim() ? imgProps.alt : void 0;
   const decodingResolved = decoding != null ? decoding : eager ? void 0 : "async";
-  const fetchPriorityResolved = (_a2 = imgProps.fetchPriority) != null ? _a2 : eager ? void 0 : "low";
+  const fetchPriorityResolved = (_b2 = imgProps.fetchPriority) != null ? _b2 : eager ? void 0 : "low";
   const handleLoad = (e) => {
     if (visible) setLoaded(true);
     onLoad == null ? void 0 : onLoad(e);
@@ -10763,6 +11151,7 @@ function Picture(_a) {
           onLoad: handleLoad,
           onError: handleError
         }, imgProps), {
+          title: resolvedTitle,
           fetchPriority: fetchPriorityResolved,
           style: mergedStyle
         })
@@ -10786,6 +11175,7 @@ function Picture(_a) {
           onLoad: handleLoad,
           onError: handleError
         }, imgProps), {
+          title: resolvedTitle,
           fetchPriority: fetchPriorityResolved,
           style: mergedStyle
         })
@@ -10859,11 +11249,11 @@ function ItineraryModal({
   onNext
 }) {
   var _a, _b, _c;
-  const [imgIndex, setImgIndex] = React31__namespace.useState(0);
+  const [imgIndex, setImgIndex] = React32__namespace.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);
-  React31__namespace.useEffect(() => {
+  React32__namespace.useEffect(() => {
     setImgIndex(0);
   }, [stop == null ? void 0 : stop.dayNumber]);
   if (!stop) return null;
@@ -10990,8 +11380,8 @@ function ItineraryModal({
   ) });
 }
 function Itinerary({ title, subtitle, stops, className }) {
-  const [activeIndex, setActiveIndex] = React31__namespace.useState(null);
-  const scrollRef = React31__namespace.useRef(null);
+  const [activeIndex, setActiveIndex] = React32__namespace.useState(null);
+  const scrollRef = React32__namespace.useRef(null);
   const activeStop = activeIndex !== null ? stops[activeIndex] : null;
   const scrollBy = (dir) => {
     if (!scrollRef.current) return;
@@ -11080,21 +11470,22 @@ function gridCols(total) {
 function Lightbox({
   photos,
   initialIndex,
-  onClose
+  onClose,
+  labels
 }) {
-  var _a;
-  const [index, setIndex] = React31__namespace.useState(initialIndex);
+  var _a, _b, _c, _d;
+  const [index, setIndex] = React32__namespace.useState(initialIndex);
   const total = photos.length;
   const photo = photos[index];
-  const prev = React31__namespace.useCallback(
+  const prev = React32__namespace.useCallback(
     () => setIndex((i) => (i - 1 + total) % total),
     [total]
   );
-  const next = React31__namespace.useCallback(
+  const next = React32__namespace.useCallback(
     () => setIndex((i) => (i + 1) % total),
     [total]
   );
-  React31__namespace.useEffect(() => {
+  React32__namespace.useEffect(() => {
     const onKey = (e) => {
       if (e.key === "Escape") onClose();
       if (e.key === "ArrowLeft") prev();
@@ -11115,7 +11506,7 @@ function Lightbox({
             type: "button",
             onClick: onClose,
             className: "absolute top-5 right-5 flex h-10 w-10 items-center justify-center rounded-full bg-white/10 text-white hover:bg-white/20 transition-colors z-10",
-            "aria-label": "Close lightbox",
+            "aria-label": (_a = labels == null ? void 0 : labels.close) != null ? _a : "Close lightbox",
             children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, { className: "h-5 w-5" })
           }
         ),
@@ -11128,7 +11519,7 @@ function Lightbox({
               prev();
             },
             className: "absolute left-4 top-1/2 -translate-y-1/2 flex h-11 w-11 items-center justify-center rounded-full bg-white/10 text-white hover:bg-white/25 transition-colors z-10",
-            "aria-label": "Previous photo",
+            "aria-label": (_b = labels == null ? void 0 : labels.previous) != null ? _b : "Previous photo",
             children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeftIcon, { className: "h-5 w-5" })
           }
         ),
@@ -11141,7 +11532,7 @@ function Lightbox({
               next();
             },
             className: "absolute right-4 top-1/2 -translate-y-1/2 flex h-11 w-11 items-center justify-center rounded-full bg-white/10 text-white hover:bg-white/25 transition-colors z-10",
-            "aria-label": "Next photo",
+            "aria-label": (_c = labels == null ? void 0 : labels.next) != null ? _c : "Next photo",
             children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, { className: "h-5 w-5" })
           }
         ),
@@ -11149,7 +11540,8 @@ function Lightbox({
           Picture,
           {
             src: photo.src,
-            alt: (_a = photo.alt) != null ? _a : `Photo ${index + 1}`,
+            alt: (_d = photo.alt) != null ? _d : `Photo ${index + 1}`,
+            title: photo.caption,
             className: "max-w-[calc(100%-6rem)] max-h-[calc(100vh-11rem)] object-contain rounded-lg shadow-2xl",
             onClick: (e) => e.stopPropagation()
           }
@@ -11219,6 +11611,7 @@ function PhotoTile({
           {
             src: photo.src,
             alt: (_b = photo.alt) != null ? _b : `Photo ${index + 1}`,
+            title: photo.caption,
             className: "w-full h-full object-cover transition-transform duration-700 group-hover:scale-105",
             loading: "lazy"
           }
@@ -11232,8 +11625,10 @@ function PhotoTile({
 function ShowMoreButton({
   count,
   expanded,
-  onClick
+  onClick,
+  labels
 }) {
+  var _a, _b;
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center py-4", children: /* @__PURE__ */ jsxRuntime.jsx(
     "button",
     {
@@ -11247,10 +11642,11 @@ function ShowMoreButton({
       ),
       children: expanded ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUpIcon, { className: "h-4 w-4 text-muted-foreground" }),
-        "Show less"
+        (_a = labels == null ? void 0 : labels.showLess) != null ? _a : "Show less"
       ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LayoutGridIcon, { className: "h-4 w-4 text-muted-foreground" }),
-        "See more (",
+        (_b = labels == null ? void 0 : labels.seeMore) != null ? _b : "See more",
+        " (",
         count,
         ")"
       ] })
@@ -11260,9 +11656,10 @@ function ShowMoreButton({
 function GridGallery({
   photos,
   initialVisible,
-  onOpen
+  onOpen,
+  labels
 }) {
-  const [expanded, setExpanded] = React31__namespace.useState(false);
+  const [expanded, setExpanded] = React32__namespace.useState(false);
   const cols = gridCols(photos.length);
   const hasMore = photos.length > initialVisible;
   const visible = expanded || !hasMore ? photos : photos.slice(0, initialVisible);
@@ -11282,7 +11679,8 @@ function GridGallery({
       {
         count: photos.length - initialVisible,
         expanded,
-        onClick: () => setExpanded((v) => !v)
+        onClick: () => setExpanded((v) => !v),
+        labels
       }
     )
   ] });
@@ -11290,9 +11688,10 @@ function GridGallery({
 function CompactGridGallery({
   photos,
   initialVisible,
-  onOpen
+  onOpen,
+  labels
 }) {
-  const [expanded, setExpanded] = React31__namespace.useState(false);
+  const [expanded, setExpanded] = React32__namespace.useState(false);
   const hasMore = photos.length > initialVisible;
   const visible = expanded || !hasMore ? photos : photos.slice(0, initialVisible);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -11311,7 +11710,8 @@ function CompactGridGallery({
       {
         count: photos.length - initialVisible,
         expanded,
-        onClick: () => setExpanded((v) => !v)
+        onClick: () => setExpanded((v) => !v),
+        labels
       }
     )
   ] });
@@ -11319,9 +11719,10 @@ function CompactGridGallery({
 function MasonryGallery({
   photos,
   initialVisible,
-  onOpen
+  onOpen,
+  labels
 }) {
-  const [expanded, setExpanded] = React31__namespace.useState(false);
+  const [expanded, setExpanded] = React32__namespace.useState(false);
   const hasMore = photos.length > initialVisible;
   const visible = expanded || !hasMore ? photos : photos.slice(0, initialVisible);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -11340,6 +11741,7 @@ function MasonryGallery({
               {
                 src: p.src,
                 alt: (_b = p.alt) != null ? _b : `Photo ${i + 1}`,
+                title: p.caption,
                 className: "w-full h-auto object-cover transition-transform duration-700 group-hover:scale-105",
                 loading: "lazy"
               }
@@ -11355,7 +11757,8 @@ function MasonryGallery({
       {
         count: photos.length - initialVisible,
         expanded,
-        onClick: () => setExpanded((v) => !v)
+        onClick: () => setExpanded((v) => !v),
+        labels
       }
     )
   ] });
@@ -11379,6 +11782,7 @@ function FilmstripGallery({
             {
               src: p.src,
               alt: (_b = p.alt) != null ? _b : `Photo ${i + 1}`,
+              title: p.caption,
               className: "h-full w-full object-cover transition-transform duration-700 group-hover:scale-105",
               loading: "lazy"
             }
@@ -11392,9 +11796,10 @@ function FilmstripGallery({
 }
 function FeaturedGallery({
   photos,
-  onOpen
+  onOpen,
+  labels
 }) {
-  const [expanded, setExpanded] = React31__namespace.useState(false);
+  const [expanded, setExpanded] = React32__namespace.useState(false);
   const featured = photos.slice(0, 3);
   const extra = photos.slice(3);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -11444,6 +11849,7 @@ function FeaturedGallery({
               {
                 src: p.src,
                 alt: (_b = p.alt) != null ? _b : `Photo ${i + 4}`,
+                title: p.caption,
                 className: "h-full w-full object-cover transition-transform duration-700 group-hover:scale-105",
                 loading: "lazy"
               }
@@ -11459,7 +11865,8 @@ function FeaturedGallery({
       {
         count: extra.length,
         expanded,
-        onClick: () => setExpanded((v) => !v)
+        onClick: () => setExpanded((v) => !v),
+        labels
       }
     )
   ] });
@@ -11527,6 +11934,7 @@ function CarouselGallery({
               {
                 src: photo.src,
                 alt: (_a = photo.alt) != null ? _a : `Photo ${index + 1}`,
+                title: photo.caption,
                 className: "h-full w-full object-cover transition-transform duration-500 group-hover/photo:scale-[1.02]",
                 loading: "lazy"
               },
@@ -11590,11 +11998,12 @@ function PhotoGallery({
   variant = "grid",
   initialVisible = 6,
   onPhotoClick,
+  labels,
   className
 }) {
-  const [lightboxIndex, setLightboxIndex] = React31__namespace.useState(null);
-  const [carouselIndex, setCarouselIndex] = React31__namespace.useState(0);
-  const normalised = React31__namespace.useMemo(() => photos.map(normalise), [photos]);
+  const [lightboxIndex, setLightboxIndex] = React32__namespace.useState(null);
+  const [carouselIndex, setCarouselIndex] = React32__namespace.useState(0);
+  const normalised = React32__namespace.useMemo(() => photos.map(normalise), [photos]);
   const handleOpen = (index) => {
     setLightboxIndex(index);
     onPhotoClick == null ? void 0 : onPhotoClick(normalised[index].src, index);
@@ -11605,7 +12014,8 @@ function PhotoGallery({
     {
       photos: normalised,
       initialIndex: lightboxIndex,
-      onClose: () => setLightboxIndex(null)
+      onClose: () => setLightboxIndex(null),
+      labels
     }
   );
   if (variant === "carousel" || variant === "fullBleed") {
@@ -11633,7 +12043,8 @@ function PhotoGallery({
       {
         photos: normalised,
         initialVisible,
-        onOpen: handleOpen
+        onOpen: handleOpen,
+        labels
       }
     ),
     variant === "gridCompact" && /* @__PURE__ */ jsxRuntime.jsx(
@@ -11641,7 +12052,8 @@ function PhotoGallery({
       {
         photos: normalised,
         initialVisible,
-        onOpen: handleOpen
+        onOpen: handleOpen,
+        labels
       }
     ),
     variant === "masonry" && /* @__PURE__ */ jsxRuntime.jsx(
@@ -11649,11 +12061,12 @@ function PhotoGallery({
       {
         photos: normalised,
         initialVisible,
-        onOpen: handleOpen
+        onOpen: handleOpen,
+        labels
       }
     ),
     variant === "filmstrip" && /* @__PURE__ */ jsxRuntime.jsx(FilmstripGallery, { photos: normalised, onOpen: handleOpen }),
-    variant === "featured" && /* @__PURE__ */ jsxRuntime.jsx(FeaturedGallery, { photos: normalised, onOpen: handleOpen }),
+    variant === "featured" && /* @__PURE__ */ jsxRuntime.jsx(FeaturedGallery, { photos: normalised, onOpen: handleOpen, labels }),
     variant === "collage" && /* @__PURE__ */ jsxRuntime.jsx(CollageGallery, { photos: normalised, onOpen: handleOpen }),
     variant === "collageTight" && /* @__PURE__ */ jsxRuntime.jsx(CollageGallery, { photos: normalised, onOpen: handleOpen, seamless: true }),
     lightbox
@@ -11680,7 +12093,7 @@ function ItineraryDay({
   photoLayout = "rounded",
   className
 }) {
-  const photoList = React31__namespace.useMemo(() => normalisePhotos(photos), [photos]);
+  const photoList = React32__namespace.useMemo(() => normalisePhotos(photos), [photos]);
   const isFullBleed = photoLayout === "fullBleed" || photoLayout === "fullBleedBottom";
   const photoPosition = photoLayout === "fullBleedBottom" ? "bottom" : "top";
   const gallery = photoList.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
@@ -11735,8 +12148,8 @@ function MenuTrip({
   bold = true,
   className
 }) {
-  const scrollRef = React31__namespace.useRef(null);
-  React31__namespace.useEffect(() => {
+  const scrollRef = React32__namespace.useRef(null);
+  React32__namespace.useEffect(() => {
     if (!scrollRef.current || !activeSection) return;
     const container = scrollRef.current;
     const btn = container.querySelector(
@@ -11923,6 +12336,8 @@ function PricingTrip({
   departureTimes,
   onBook,
   bookLabel = "Check availability",
+  fromLabel = "From",
+  perPersonLabel = "per person",
   variant = "card",
   sharp = false,
   belowPrice,
@@ -11932,8 +12347,8 @@ function PricingTrip({
   className
 }) {
   const rOuter = sharp ? "rounded-none" : "rounded-2xl";
-  const [showEstimates, setShowEstimates] = React31__namespace.useState(false);
-  const [showPriceInfo, setShowPriceInfo] = React31__namespace.useState(false);
+  const [showEstimates, setShowEstimates] = React32__namespace.useState(false);
+  const [showPriceInfo, setShowPriceInfo] = React32__namespace.useState(false);
   if (variant === "compact") {
     const showOverlay = showPriceInfo && (!!priceInfo || !!currencyEstimates && currencyEstimates.length > 0);
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-2", className), children: [
@@ -11949,13 +12364,16 @@ function PricingTrip({
       ),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex items-center gap-3", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] uppercase tracking-wide text-muted-foreground font-ui leading-none mb-0.5", children: "from" }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] uppercase tracking-wide text-muted-foreground font-ui leading-none mb-0.5", children: fromLabel }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-end gap-1.5 flex-wrap", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-lg font-bold text-foreground font-heading leading-none", children: [
               currency,
               " ",
               priceFrom,
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] font-normal text-muted-foreground font-ui ml-1", children: "/ per person" })
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-[11px] font-normal text-muted-foreground font-ui ml-1", children: [
+                "/ ",
+                perPersonLabel
+              ] })
             ] }),
             (priceInfo || currencyEstimates && currencyEstimates.length > 0) && /* @__PURE__ */ jsxRuntime.jsx(
               "button",
@@ -12067,7 +12485,7 @@ function PricingTrip({
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1" }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "shrink-0 text-right", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block text-[10px] uppercase tracking-wide text-muted-foreground font-ui leading-none mb-0.5", children: "from" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block text-[10px] uppercase tracking-wide text-muted-foreground font-ui leading-none mb-0.5", children: fromLabel }),
             /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xl font-bold text-foreground font-heading leading-none", children: [
               currency,
               " ",
@@ -12096,13 +12514,16 @@ function PricingTrip({
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-4", className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground font-ui uppercase tracking-wide", children: "From" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground font-ui uppercase tracking-wide", children: fromLabel }),
       /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-2xl font-bold text-foreground font-heading flex items-center gap-2 flex-wrap", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
           currency,
           " ",
           priceFrom,
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-normal text-muted-foreground font-ui", children: " / per person" })
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm font-normal text-muted-foreground font-ui", children: [
+            " / ",
+            perPersonLabel
+          ] })
         ] }),
         priceInfo && /* @__PURE__ */ jsxRuntime.jsx(
           "button",
@@ -12369,18 +12790,20 @@ function SiteHeader({
   onSearch,
   onAccount,
   position = variant === "transparent" ? "overlay" : "fixed",
+  labels,
   className
 }) {
+  var _a, _b, _c, _d, _e, _f, _g;
   const t = VARIANT[variant];
   const resolvedLogo = logoSrc != null ? logoSrc : variant === "white" ? logoSrcDark : logoSrcLight;
-  const [openMenu, setOpenMenu] = React31__namespace.useState(null);
-  const [langOpen, setLangOpen] = React31__namespace.useState(false);
-  const [mobileOpen, setMobileOpen] = React31__namespace.useState(false);
-  const [openMobileSection, setOpenMobileSection] = React31__namespace.useState(null);
-  const [activeLang, setActiveLang] = React31__namespace.useState(currentLanguage);
+  const [openMenu, setOpenMenu] = React32__namespace.useState(null);
+  const [langOpen, setLangOpen] = React32__namespace.useState(false);
+  const [mobileOpen, setMobileOpen] = React32__namespace.useState(false);
+  const [openMobileSection, setOpenMobileSection] = React32__namespace.useState(null);
+  const [activeLang, setActiveLang] = React32__namespace.useState(currentLanguage);
   const toggleMobileSection = (label) => setOpenMobileSection((prev) => prev === label ? null : label);
-  const menuCloseTimer = React31__namespace.useRef(void 0);
-  const langCloseTimer = React31__namespace.useRef(void 0);
+  const menuCloseTimer = React32__namespace.useRef(void 0);
+  const langCloseTimer = React32__namespace.useRef(void 0);
   const handleMenuEnter = (label) => {
     clearTimeout(menuCloseTimer.current);
     setOpenMenu(label);
@@ -12401,7 +12824,7 @@ function SiteHeader({
     setOpenMenu(null);
     setLangOpen(false);
   };
-  React31__namespace.useEffect(() => () => {
+  React32__namespace.useEffect(() => () => {
     clearTimeout(menuCloseTimer.current);
     clearTimeout(langCloseTimer.current);
   }, []);
@@ -12428,7 +12851,7 @@ function SiteHeader({
             {
               type: "button",
               onClick: () => setMobileOpen(true),
-              "aria-label": "Open menu",
+              "aria-label": (_a = labels == null ? void 0 : labels.openMenu) != null ? _a : "Open menu",
               className: cn(
                 "flex lg:hidden h-9 w-9 items-center justify-center rounded-full transition-colors -ml-1.5",
                 t.mobileTrigger
@@ -12457,8 +12880,8 @@ function SiteHeader({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx("nav", { className: "hidden lg:flex items-center gap-0.5 mx-auto", children: links.map((link) => {
-            var _a, _b;
-            const hasDropdown = !!((_a = link.items) == null ? void 0 : _a.length);
+            var _a2, _b2;
+            const hasDropdown = !!((_a2 = link.items) == null ? void 0 : _a2.length);
             const isOpen = openMenu === link.label;
             return /* @__PURE__ */ jsxRuntime.jsxs(
               "div",
@@ -12470,7 +12893,7 @@ function SiteHeader({
                   /* @__PURE__ */ jsxRuntime.jsxs(
                     "a",
                     {
-                      href: (_b = link.href) != null ? _b : "#",
+                      href: (_b2 = link.href) != null ? _b2 : "#",
                       onClick: hasDropdown ? (e) => e.preventDefault() : void 0,
                       className: cn(
                         "flex items-center gap-1 px-3.5 py-1.5 rounded-full",
@@ -12519,7 +12942,7 @@ function SiteHeader({
                     "button",
                     {
                       type: "button",
-                      "aria-label": "Language",
+                      "aria-label": (_b = labels == null ? void 0 : labels.language) != null ? _b : "Language",
                       className: cn(
                         "flex items-center gap-0.5 px-2.5 py-1.5 rounded-full",
                         "text-sm font-ui transition-colors",
@@ -12559,7 +12982,7 @@ function SiteHeader({
               {
                 type: "button",
                 onClick: onSearch,
-                "aria-label": "Search",
+                "aria-label": (_c = labels == null ? void 0 : labels.search) != null ? _c : "Search",
                 className: cn(
                   "flex h-9 w-9 items-center justify-center rounded-full transition-colors",
                   t.icon
@@ -12572,7 +12995,7 @@ function SiteHeader({
               {
                 type: "button",
                 onClick: onAccount,
-                "aria-label": "Account",
+                "aria-label": (_d = labels == null ? void 0 : labels.account) != null ? _d : "Account",
                 className: cn(
                   "flex h-9 w-9 items-center justify-center rounded-full transition-colors",
                   t.icon
@@ -12605,7 +13028,7 @@ function SiteHeader({
                   {
                     type: "button",
                     onClick: () => setMobileOpen(false),
-                    "aria-label": "Close menu",
+                    "aria-label": (_e = labels == null ? void 0 : labels.closeMenu) != null ? _e : "Close menu",
                     className: cn(
                       "flex h-9 w-9 items-center justify-center rounded-full transition-colors",
                       t.mobileTrigger
@@ -12615,8 +13038,8 @@ function SiteHeader({
                 )
               ] }),
               /* @__PURE__ */ jsxRuntime.jsx("nav", { className: "flex-1 overflow-y-auto px-6 py-6 flex flex-col gap-1", children: links.map((link) => {
-                var _a, _b;
-                const hasDropdown = !!((_a = link.items) == null ? void 0 : _a.length);
+                var _a2, _b2;
+                const hasDropdown = !!((_a2 = link.items) == null ? void 0 : _a2.length);
                 const isExpanded = openMobileSection === link.label;
                 return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
                   hasDropdown ? /* @__PURE__ */ jsxRuntime.jsxs(
@@ -12644,7 +13067,7 @@ function SiteHeader({
                   ) : /* @__PURE__ */ jsxRuntime.jsx(
                     "a",
                     {
-                      href: (_b = link.href) != null ? _b : "#",
+                      href: (_b2 = link.href) != null ? _b2 : "#",
                       onClick: () => setMobileOpen(false),
                       className: cn(
                         "flex items-center py-4 text-xl font-ui font-black transition-colors border-b border-white/8",
@@ -12654,11 +13077,11 @@ function SiteHeader({
                     }
                   ),
                   hasDropdown && isExpanded && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-0 pl-4 pb-2", children: link.items.map((item) => {
-                    var _a2;
+                    var _a3;
                     return /* @__PURE__ */ jsxRuntime.jsx(
                       "a",
                       {
-                        href: (_a2 = item.href) != null ? _a2 : "#",
+                        href: (_a3 = item.href) != null ? _a3 : "#",
                         onClick: () => setMobileOpen(false),
                         className: cn(
                           "py-3 text-base font-ui font-bold transition-colors border-b",
@@ -12677,7 +13100,7 @@ function SiteHeader({
               ), children: [
                 /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1.5 flex-wrap", children: languages.map((lang, i) => {
                   const isActive = lang.code === activeLang;
-                  return /* @__PURE__ */ jsxRuntime.jsxs(React31__namespace.Fragment, { children: [
+                  return /* @__PURE__ */ jsxRuntime.jsxs(React32__namespace.Fragment, { children: [
                     i > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(
                       "text-xs select-none",
                       variant === "white" ? "text-border" : "text-white/15"
@@ -12711,7 +13134,7 @@ function SiteHeader({
                         onSearch == null ? void 0 : onSearch();
                         setMobileOpen(false);
                       },
-                      "aria-label": "Search",
+                      "aria-label": (_f = labels == null ? void 0 : labels.search) != null ? _f : "Search",
                       className: cn("flex h-9 w-9 items-center justify-center rounded-full transition-colors", t.icon),
                       children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SearchIcon, { className: "h-[18px] w-[18px]" })
                     }
@@ -12724,7 +13147,7 @@ function SiteHeader({
                         onAccount == null ? void 0 : onAccount();
                         setMobileOpen(false);
                       },
-                      "aria-label": "Account",
+                      "aria-label": (_g = labels == null ? void 0 : labels.account) != null ? _g : "Account",
                       className: cn("flex h-9 w-9 items-center justify-center rounded-full transition-colors", t.icon),
                       children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UserIcon, { className: "h-[18px] w-[18px]" })
                     }
@@ -12739,8 +13162,8 @@ function SiteHeader({
   );
 }
 function ThemeToggle({ className }) {
-  const [dark, setDark] = React31__namespace.useState(false);
-  React31__namespace.useEffect(() => {
+  const [dark, setDark] = React32__namespace.useState(false);
+  React32__namespace.useEffect(() => {
     const saved = localStorage.getItem("theme");
     const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
     const isDark = saved === "dark" || !saved && prefersDark;
@@ -12790,7 +13213,7 @@ var chipVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Chip = React31__namespace.forwardRef(function Chip2(_a, ref) {
+var Chip = React32__namespace.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) {
@@ -12874,9 +13297,11 @@ function HeartIcon({ filled = false }) {
   );
 }
 function TripCardEditorial(props) {
+  var _a, _b, _c, _d;
   const {
     image,
     imageAlt = "",
+    labels,
     title,
     description,
     nights,
@@ -12892,7 +13317,7 @@ function TripCardEditorial(props) {
     tag,
     tagHref
   } = props;
-  const [internalFav, setInternalFav] = React31__namespace.useState(false);
+  const [internalFav, setInternalFav] = React32__namespace.useState(false);
   const favorited = favoritedProp != null ? favoritedProp : internalFav;
   const handleFav = (e) => {
     e.preventDefault();
@@ -12934,7 +13359,7 @@ function TripCardEditorial(props) {
         "button",
         {
           type: "button",
-          "aria-label": favorited ? "Remove from favorites" : "Add to favorites",
+          "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-pressed": favorited,
           onClick: handleFav,
           className: cn(
@@ -12978,7 +13403,7 @@ function TripCardEditorial(props) {
           /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm font-ui font-semibold", children: [
             nights,
             " ",
-            nights === 1 ? "night" : "nights"
+            nights === 1 ? (_c = labels == null ? void 0 : labels.night) != null ? _c : "night" : (_d = labels == null ? void 0 : labels.nights) != null ? _d : "nights"
           ] })
         ] }) : /* @__PURE__ */ jsxRuntime.jsx("span", {}),
         price && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-base font-bold text-foreground font-ui", children: price })
@@ -13003,12 +13428,14 @@ function TripCardEditorial(props) {
   ] });
 }
 function TripCard(props) {
+  var _a, _b;
   if (props.variant === "editorial") {
     return /* @__PURE__ */ jsxRuntime.jsx(TripCardEditorial, __spreadValues({}, props));
   }
   const {
     image,
     imageAlt = "",
+    labels,
     status,
     nights,
     period,
@@ -13021,6 +13448,7 @@ function TripCard(props) {
   } = props;
   const s = sizeConfig[size];
   const statusInfo = status ? statusConfig[status] : null;
+  const statusLabel = statusInfo ? status === "sold-out" ? (_a = labels == null ? void 0 : labels.soldOut) != null ? _a : statusInfo.label : status === "trending" ? (_b = labels == null ? void 0 : labels.trending) != null ? _b : statusInfo.label : statusInfo.label : null;
   const meta = [
     nights ? `${nights} nights` : null,
     period != null ? period : null
@@ -13046,7 +13474,7 @@ function TripCard(props) {
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-black/80 via-black/30 to-transparent" }),
         statusInfo && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative z-10 p-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-flex items-center gap-1.5 rounded-xl bg-card/90 px-3 py-1.5 backdrop-blur-sm shadow-sm", children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary", children: statusInfo.icon }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-semibold text-foreground font-ui", children: statusInfo.label })
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-semibold text-foreground font-ui", children: statusLabel })
         ] }) }),
         !statusInfo && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative z-10" }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative z-10 flex flex-col gap-1.5 p-5", children: [
@@ -13140,6 +13568,7 @@ function BlogCard({
       {
         src: image,
         alt: imageAlt,
+        title: imageAlt || void 0,
         loading: "lazy",
         className: "absolute inset-0 h-full w-full object-cover transition-transform duration-500 group-hover:scale-105"
       }
@@ -13403,7 +13832,7 @@ function BlogPost({
       ) }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none absolute inset-0 bg-gradient-to-t from-black/90 via-black/45 to-transparent" }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-x-0 bottom-0", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "mb-3 flex items-center gap-1.5 flex-wrap", children: breadcrumb.map((crumb, i) => /* @__PURE__ */ jsxRuntime.jsxs(React31__namespace.Fragment, { children: [
+        breadcrumb && breadcrumb.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-3 flex items-center gap-1.5 flex-wrap", children: breadcrumb.map((crumb, i) => /* @__PURE__ */ jsxRuntime.jsxs(React32__namespace.Fragment, { children: [
           i > 0 && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, { className: "h-3 w-3 text-white/50 shrink-0" }),
           crumb.href ? /* @__PURE__ */ jsxRuntime.jsx(
             "a",
@@ -13457,7 +13886,7 @@ function BlogPost({
   ] });
 }
 function useHlsVideo(videoRef, src) {
-  React31__namespace.useEffect(() => {
+  React32__namespace.useEffect(() => {
     if (!src || !videoRef.current) return;
     const video = videoRef.current;
     if (!src.includes(".m3u8")) return;
@@ -13493,6 +13922,8 @@ function TripHeader({
   breadcrumb,
   destination,
   duration,
+  groupSize,
+  labels,
   tagline,
   chips,
   belowMeta,
@@ -13500,12 +13931,12 @@ function TripHeader({
   uiVariant = "v1",
   className
 }) {
-  var _a;
-  const [heroIndex, setHeroIndex] = React31__namespace.useState(0);
-  const [videoReady, setVideoReady] = React31__namespace.useState(false);
-  const videoRef = React31__namespace.useRef(null);
+  var _a, _b, _c, _d, _e, _f, _g;
+  const [heroIndex, setHeroIndex] = React32__namespace.useState(0);
+  const [videoReady, setVideoReady] = React32__namespace.useState(false);
+  const videoRef = React32__namespace.useRef(null);
   const isHls = !!(videoUrl == null ? void 0 : videoUrl.includes(".m3u8"));
-  const validImages = React31__namespace.useMemo(
+  const validImages = React32__namespace.useMemo(
     () => images.map((u) => u == null ? void 0 : u.trim()).filter(Boolean),
     [images]
   );
@@ -13518,9 +13949,9 @@ function TripHeader({
   const currentSrc = heroSrc(safeIndex);
   const showCarousel = !videoUrl && validImages.length > 1;
   const nights = duration ? (_a = duration.nights) != null ? _a : Math.max(duration.days - 1, 1) : null;
-  const hasMeta = !!(destination || duration);
+  const hasMeta = !!(destination || duration || groupSize);
   useHlsVideo(videoRef, isHls ? videoUrl : void 0);
-  React31__namespace.useEffect(() => {
+  React32__namespace.useEffect(() => {
     if (!videoUrl) return;
     const el = videoRef.current;
     if (!el) return;
@@ -13625,7 +14056,7 @@ function TripHeader({
                       (i) => (i - 1 + validImages.length) % validImages.length
                     ),
                     className: "absolute left-4 top-1/2 -translate-y-1/2 flex h-10 w-10 items-center justify-center rounded-full bg-black/30 text-white backdrop-blur-sm hover:bg-black/50 transition-colors",
-                    "aria-label": "Imagem anterior",
+                    "aria-label": (_b = labels == null ? void 0 : labels.previousImage) != null ? _b : "Previous image",
                     children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeftIcon, { className: "h-5 w-5" })
                   }
                 ),
@@ -13635,7 +14066,7 @@ function TripHeader({
                     type: "button",
                     onClick: () => setHeroIndex((i) => (i + 1) % validImages.length),
                     className: "absolute right-4 top-1/2 -translate-y-1/2 flex h-10 w-10 items-center justify-center rounded-full bg-black/30 text-white backdrop-blur-sm hover:bg-black/50 transition-colors",
-                    "aria-label": "Pr\xF3xima imagem",
+                    "aria-label": (_c = labels == null ? void 0 : labels.nextImage) != null ? _c : "Next image",
                     children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, { className: "h-5 w-5" })
                   }
                 ),
@@ -13663,7 +14094,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__ */ jsxRuntime.jsx("div", { className: "mb-3 flex items-center gap-1.5 flex-wrap", children: breadcrumb.map((crumb, i) => /* @__PURE__ */ jsxRuntime.jsxs(React31__namespace.Fragment, { children: [
+              breadcrumb && breadcrumb.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-3 flex items-center gap-1.5 flex-wrap", children: breadcrumb.map((crumb, i) => /* @__PURE__ */ jsxRuntime.jsxs(React32__namespace.Fragment, { children: [
                 i > 0 && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, { className: "h-3 w-3 text-white/50 shrink-0" }),
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-white/70 font-ui hover:text-white/90 cursor-default", children: crumb.label })
               ] }, i)) }),
@@ -13678,15 +14109,19 @@ function TripHeader({
                   /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm font-ui font-semibold", children: [
                     nights,
                     " ",
-                    nights === 1 ? "noite" : "noites"
+                    nights === 1 ? (_d = labels == null ? void 0 : labels.night) != null ? _d : "night" : (_e = labels == null ? void 0 : labels.nights) != null ? _e : "nights"
                   ] }),
                   /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-white/40", children: "\xB7" }),
                   /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SunIcon, { className: "h-4 w-4 shrink-0 text-primary-400" }),
                   /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm font-ui font-semibold", children: [
                     duration.days,
                     " ",
-                    duration.days === 1 ? "dia" : "dias"
+                    duration.days === 1 ? (_f = labels == null ? void 0 : labels.day) != null ? _f : "day" : (_g = labels == null ? void 0 : labels.days) != null ? _g : "days"
                   ] })
+                ] }),
+                groupSize && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 text-white/85", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UsersIcon, { className: "h-4 w-4 shrink-0 text-primary-400" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-ui font-semibold", children: groupSize })
                 ] })
               ] }) : tagline ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm sm:text-base text-white/80 font-ui", children: tagline }) : null,
               chips && chips.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 flex flex-wrap items-center gap-1.5", children: chips.map((chip, i) => /* @__PURE__ */ jsxRuntime.jsx(Chip, { href: chip.href, children: chip.label }, i)) }),
@@ -13829,10 +14264,10 @@ function LanguagePicker({
 }) {
   var _a;
   const t = VARIANT2[variant];
-  const [open, setOpen] = React31__namespace.useState(false);
-  const ref = React31__namespace.useRef(null);
+  const [open, setOpen] = React32__namespace.useState(false);
+  const ref = React32__namespace.useRef(null);
   const active = (_a = languages.find((l) => l.code === currentLanguage)) != null ? _a : languages[0];
-  React31__namespace.useEffect(() => {
+  React32__namespace.useEffect(() => {
     if (!open) return;
     const onDocClick = (e) => {
       if (ref.current && !ref.current.contains(e.target)) {
@@ -14033,7 +14468,7 @@ function SiteFooter({
               children: wrapper
             },
             b.alt + i
-          ) : /* @__PURE__ */ jsxRuntime.jsx(React31__namespace.Fragment, { children: wrapper }, b.alt + i);
+          ) : /* @__PURE__ */ jsxRuntime.jsx(React32__namespace.Fragment, { children: wrapper }, b.alt + i);
         }) })
       ] }),
       themes.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "lg:col-span-3", children: [
@@ -14131,7 +14566,10 @@ function Stars({ count = 5 }) {
     i
   )) });
 }
-function ItineraryTimeline({ steps }) {
+function ItineraryTimeline({
+  steps,
+  transferLabel
+}) {
   return /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "relative flex flex-col gap-0", children: steps.map((step, i) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "relative flex gap-4 pb-8 last:pb-0", children: [
     i < steps.length - 1 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute left-3.5 top-7 bottom-0 w-px bg-border" }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative z-10 mt-1 flex h-7 w-7 shrink-0 items-center justify-center rounded-full border-2 border-primary bg-background", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-bold text-primary font-ui", children: i + 1 }) }),
@@ -14142,7 +14580,7 @@ function ItineraryTimeline({ steps }) {
           /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ClockIcon, { className: "h-3 w-3 mr-1" }),
           step.duration
         ] }),
-        step.isTransfer && /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "secondary", className: "text-xs font-ui h-5 px-2", children: "Transfer" })
+        step.isTransfer && /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "secondary", className: "text-xs font-ui h-5 px-2", children: transferLabel != null ? transferLabel : "Transfer" })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base text-muted-foreground leading-relaxed [&_p:not(:last-child)]:mb-2 [&_strong]:text-foreground [&_strong]:font-semibold", children: step.description })
     ] })
@@ -14159,6 +14597,7 @@ function TripPage({
   tagline,
   destination,
   duration,
+  groupSize,
   images,
   videoUrl,
   breadcrumb,
@@ -14182,6 +14621,7 @@ function TripPage({
   whenItOperates,
   food,
   foodGallery,
+  foodGalleryVariant = "gridCompact",
   termsAndConditions,
   meetingPoints,
   meetingPoint,
@@ -14201,17 +14641,23 @@ function TripPage({
   currencyEstimates,
   priceInfo,
   onBook,
+  onBookingSubmit,
+  bookingLoading,
+  bookingDefaults,
+  bookingLabels,
   bookLabel,
+  fromLabel,
+  perPersonLabel,
   siteHeader,
   uiVariant = "v1",
   features,
   className
 }) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
-  const [activeSection, setActiveSection] = React31__namespace.useState("");
-  const [accordionValue, setAccordionValue] = React31__namespace.useState([]);
-  const [faqsExpanded, setFaqsExpanded] = React31__namespace.useState(false);
-  const accordionSectionIds = React31__namespace.useMemo(
+  const [activeSection, setActiveSection] = React32__namespace.useState("");
+  const [accordionValue, setAccordionValue] = React32__namespace.useState([]);
+  const [faqsExpanded, setFaqsExpanded] = React32__namespace.useState(false);
+  const accordionSectionIds = React32__namespace.useMemo(
     () => /* @__PURE__ */ new Set([
       "when-it-operates",
       "how-to-get-there",
@@ -14225,18 +14671,18 @@ function TripPage({
     ]),
     []
   );
-  const [navFloating, setNavFloating] = React31__namespace.useState(false);
-  const [navHidden, setNavHidden] = React31__namespace.useState(false);
-  const [isFloating, setIsFloating] = React31__namespace.useState(false);
-  const [sidebarPos, setSidebarPos] = React31__namespace.useState(null);
-  const [pricingBarVisible, setPricingBarVisible] = React31__namespace.useState(false);
-  const navRef = React31__namespace.useRef(null);
-  const navSentinelRef = React31__namespace.useRef(null);
-  const sentinelRef = React31__namespace.useRef(null);
-  const sidebarPlaceholderRef = React31__namespace.useRef(null);
-  const pricingBarRef = React31__namespace.useRef(null);
-  const galleryRef = React31__namespace.useRef(null);
-  const sections = React31__namespace.useMemo(
+  const [navFloating, setNavFloating] = React32__namespace.useState(false);
+  const [navHidden, setNavHidden] = React32__namespace.useState(false);
+  const [isFloating, setIsFloating] = React32__namespace.useState(false);
+  const [sidebarPos, setSidebarPos] = React32__namespace.useState(null);
+  const [pricingBarVisible, setPricingBarVisible] = React32__namespace.useState(false);
+  const navRef = React32__namespace.useRef(null);
+  const navSentinelRef = React32__namespace.useRef(null);
+  const sentinelRef = React32__namespace.useRef(null);
+  const sidebarPlaceholderRef = React32__namespace.useRef(null);
+  const pricingBarRef = React32__namespace.useRef(null);
+  const galleryRef = React32__namespace.useRef(null);
+  const sections = React32__namespace.useMemo(
     () => {
       var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2;
       return [
@@ -14258,7 +14704,7 @@ function TripPage({
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
-  React31__namespace.useEffect(() => {
+  React32__namespace.useEffect(() => {
     const sentinel = navSentinelRef.current;
     if (!sentinel) return;
     const update = () => setNavFloating(sentinel.getBoundingClientRect().top < 1);
@@ -14266,7 +14712,7 @@ function TripPage({
     update();
     return () => document.removeEventListener("scroll", update, { capture: true });
   }, []);
-  React31__namespace.useEffect(() => {
+  React32__namespace.useEffect(() => {
     const sentinel = sentinelRef.current;
     if (!sentinel) return;
     const update = () => setIsFloating(sentinel.getBoundingClientRect().top < 1);
@@ -14274,7 +14720,7 @@ function TripPage({
     update();
     return () => document.removeEventListener("scroll", update, { capture: true });
   }, []);
-  React31__namespace.useEffect(() => {
+  React32__namespace.useEffect(() => {
     const measure = () => {
       if (!sidebarPlaceholderRef.current) return;
       const rect = sidebarPlaceholderRef.current.getBoundingClientRect();
@@ -14284,7 +14730,7 @@ function TripPage({
     window.addEventListener("resize", measure);
     return () => window.removeEventListener("resize", measure);
   }, [isFloating]);
-  React31__namespace.useEffect(() => {
+  React32__namespace.useEffect(() => {
     const check = () => {
       var _a2;
       const target = (_a2 = galleryRef.current) != null ? _a2 : pricingBarRef.current;
@@ -14295,7 +14741,7 @@ function TripPage({
     check();
     return () => document.removeEventListener("scroll", check, { capture: true });
   }, []);
-  React31__namespace.useEffect(() => {
+  React32__namespace.useEffect(() => {
     const check = () => {
       if (!pricingBarRef.current) return;
       setNavHidden(pricingBarRef.current.getBoundingClientRect().top < window.innerHeight * 0.92);
@@ -14304,7 +14750,7 @@ function TripPage({
     check();
     return () => document.removeEventListener("scroll", check, { capture: true });
   }, []);
-  React31__namespace.useEffect(() => {
+  React32__namespace.useEffect(() => {
     if (sections.length === 0) return;
     setActiveSection(sections[0].id);
     const update = () => {
@@ -14378,6 +14824,15 @@ function TripPage({
             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,
@@ -14438,7 +14893,7 @@ function TripPage({
                 )) })
               ] }) : itinerary && itinerary.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("section", { id: "trip-section-itinerary", className: "scroll-mt-20", children: [
                 /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(ItineraryTimeline, { steps: itinerary })
+                /* @__PURE__ */ jsxRuntime.jsx(ItineraryTimeline, { steps: itinerary, transferLabel: labels == null ? void 0 : labels.transfer })
               ] }),
               included && included.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("section", { id: "trip-section-included", className: "scroll-mt-20", children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "text-xl font-bold text-foreground font-heading mb-4 flex items-center gap-2", children: [
@@ -14475,7 +14930,7 @@ function TripPage({
                         id: "trip-section-when-it-operates",
                         className: "scroll-mt-20 border-b border-border",
                         children: [
-                          /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { className: "py-5 text-xl font-bold text-foreground font-heading hover:no-underline", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2", children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { headingLevel: 2, className: "py-5 text-xl font-bold text-foreground font-heading hover:no-underline", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2", children: [
                             (sectionIcons == null ? void 0 : sectionIcons.whenItOperates) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary [&>svg]:h-5 [&>svg]:w-5", children: sectionIcons.whenItOperates }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CalendarIcon, { className: "h-5 w-5 text-primary" }),
                             (_f = labels == null ? void 0 : labels.whenItOperates) != null ? _f : "When this tour operates"
                           ] }) }),
@@ -14490,7 +14945,7 @@ function TripPage({
                         id: "trip-section-accommodation",
                         className: "scroll-mt-20 border-b border-border",
                         children: [
-                          /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { className: "py-5 text-xl font-bold text-foreground font-heading hover:no-underline", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2", children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { headingLevel: 2, className: "py-5 text-xl font-bold text-foreground font-heading hover:no-underline", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2", children: [
                             (sectionIcons == null ? void 0 : sectionIcons.accommodation) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary [&>svg]:h-5 [&>svg]:w-5", children: sectionIcons.accommodation }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.BedDoubleIcon, { className: "h-5 w-5 text-primary" }),
                             (_g = labels == null ? void 0 : labels.accommodation) != null ? _g : "Accommodation"
                           ] }) }),
@@ -14499,6 +14954,13 @@ function TripPage({
                             accommodationGallery && accommodationGallery.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(accommodation && "mt-6"), children: /* @__PURE__ */ jsxRuntime.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
@@ -14515,7 +14977,7 @@ function TripPage({
                         id: "trip-section-food",
                         className: "scroll-mt-20 border-b border-border",
                         children: [
-                          /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { className: "py-5 text-xl font-bold text-foreground font-heading hover:no-underline", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2", children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { headingLevel: 2, className: "py-5 text-xl font-bold text-foreground font-heading hover:no-underline", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2", children: [
                             (sectionIcons == null ? void 0 : sectionIcons.food) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary [&>svg]:h-5 [&>svg]:w-5", children: sectionIcons.food }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UtensilsIcon, { className: "h-5 w-5 text-primary" }),
                             (_h = labels == null ? void 0 : labels.food) != null ? _h : "Food"
                           ] }) }),
@@ -14524,8 +14986,15 @@ function TripPage({
                             foodGallery && foodGallery.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(food && "mt-6"), children: /* @__PURE__ */ jsxRuntime.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: "gridCompact",
+                                variant: foodGalleryVariant,
                                 initialVisible: 6
                               }
                             ) })
@@ -14540,18 +15009,21 @@ function TripPage({
                         id: "trip-section-meeting",
                         className: "scroll-mt-20 border-b border-border",
                         children: [
-                          /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { className: "py-5 text-xl font-bold text-foreground font-heading hover:no-underline", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2", children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { headingLevel: 2, className: "py-5 text-xl font-bold text-foreground font-heading hover:no-underline", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2", children: [
                             (sectionIcons == null ? void 0 : sectionIcons.meetingPoint) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary [&>svg]:h-5 [&>svg]:w-5", children: sectionIcons.meetingPoint }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MapPinIcon, { className: "h-5 w-5 text-primary" }),
                             (_i = labels == null ? void 0 : labels.meetingPoint) != null ? _i : "Meeting point"
                           ] }) }),
-                          /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: "pb-6", children: meetingPoint ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base text-foreground leading-relaxed space-y-3 [&_strong]:font-semibold [&_a]:text-primary [&_a]:underline", children: meetingPoint }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: meetingPoints.map((mp, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3 rounded-xl border border-border p-4", children: [
-                            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-primary/10", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MapPinIcon, { className: "h-4 w-4 text-primary" }) }),
-                            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                              mp.type && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground font-ui uppercase tracking-wide mb-0.5", children: mp.type === "activity" ? "Activity location" : mp.type === "alternative" ? "Alternative meeting point" : "Meeting point" }),
-                              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-bold text-foreground font-heading", children: mp.name }),
-                              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground font-ui mt-0.5", children: mp.address })
-                            ] })
-                          ] }, i)) }) })
+                          /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: "pb-6", children: meetingPoint ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base text-foreground leading-relaxed space-y-3 [&_strong]:font-semibold [&_a]:text-primary [&_a]:underline", children: meetingPoint }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: meetingPoints.map((mp, i) => {
+                            var _a2, _b2, _c2;
+                            return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3 rounded-xl border border-border p-4", children: [
+                              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-primary/10", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MapPinIcon, { className: "h-4 w-4 text-primary" }) }),
+                              /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                                mp.type && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("p", { className: "text-sm font-bold text-foreground font-heading", children: mp.name }),
+                                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground font-ui mt-0.5", children: mp.address })
+                              ] })
+                            ] }, i);
+                          }) }) })
                         ]
                       }
                     ),
@@ -14562,7 +15034,7 @@ function TripPage({
                         id: "trip-section-how-to-get-there",
                         className: "scroll-mt-20 border-b border-border",
                         children: [
-                          /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { className: "py-5 text-xl font-bold text-foreground font-heading hover:no-underline", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2", children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { headingLevel: 2, className: "py-5 text-xl font-bold text-foreground font-heading hover:no-underline", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2", children: [
                             (sectionIcons == null ? void 0 : sectionIcons.howToGetThere) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary [&>svg]:h-5 [&>svg]:w-5", children: sectionIcons.howToGetThere }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CompassIcon, { className: "h-5 w-5 text-primary" }),
                             (_j = labels == null ? void 0 : labels.howToGetThere) != null ? _j : "How to get there"
                           ] }) }),
@@ -14577,7 +15049,7 @@ function TripPage({
                         id: "trip-section-weather",
                         className: "scroll-mt-20 border-b border-border",
                         children: [
-                          /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { className: "py-5 text-xl font-bold text-foreground font-heading hover:no-underline", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2", children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { headingLevel: 2, className: "py-5 text-xl font-bold text-foreground font-heading hover:no-underline", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2", children: [
                             (sectionIcons == null ? void 0 : sectionIcons.weather) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary [&>svg]:h-5 [&>svg]:w-5", children: sectionIcons.weather }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SunIcon, { className: "h-5 w-5 text-primary" }),
                             (_k = labels == null ? void 0 : labels.weather) != null ? _k : "Weather"
                           ] }) }),
@@ -14592,7 +15064,7 @@ function TripPage({
                         id: "trip-section-what-to-bring",
                         className: "scroll-mt-20 border-b border-border",
                         children: [
-                          /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { className: "py-5 text-xl font-bold text-foreground font-heading hover:no-underline", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2", children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { headingLevel: 2, className: "py-5 text-xl font-bold text-foreground font-heading hover:no-underline", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2", children: [
                             (sectionIcons == null ? void 0 : sectionIcons.whatToBring) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary [&>svg]:h-5 [&>svg]:w-5", children: sectionIcons.whatToBring }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.BackpackIcon, { className: "h-5 w-5 text-primary" }),
                             (_l = labels == null ? void 0 : labels.whatToBring) != null ? _l : "What to bring"
                           ] }) }),
@@ -14607,7 +15079,7 @@ function TripPage({
                         id: "trip-section-optional-extras",
                         className: "scroll-mt-20 border-b border-border",
                         children: [
-                          /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { className: "py-5 text-xl font-bold text-foreground font-heading hover:no-underline", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2", children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { headingLevel: 2, className: "py-5 text-xl font-bold text-foreground font-heading hover:no-underline", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2", children: [
                             (sectionIcons == null ? void 0 : sectionIcons.optionalExtras) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary [&>svg]:h-5 [&>svg]:w-5", children: sectionIcons.optionalExtras }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CherryIcon, { className: "h-5 w-5 text-primary" }),
                             (_m = labels == null ? void 0 : labels.optionalExtras) != null ? _m : "Optional extras"
                           ] }) }),
@@ -14622,7 +15094,7 @@ function TripPage({
                         id: "trip-section-terms",
                         className: "scroll-mt-20 border-b border-border",
                         children: [
-                          /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { className: "py-5 text-xl font-bold text-foreground font-heading hover:no-underline", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2", children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { headingLevel: 2, className: "py-5 text-xl font-bold text-foreground font-heading hover:no-underline", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2", children: [
                             (sectionIcons == null ? void 0 : sectionIcons.terms) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary [&>svg]:h-5 [&>svg]:w-5", children: sectionIcons.terms }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ReceiptIcon, { className: "h-5 w-5 text-primary" }),
                             (_n = labels == null ? void 0 : labels.terms) != null ? _n : "Terms & conditions"
                           ] }) }),
@@ -14634,7 +15106,7 @@ function TripPage({
                 }
               ),
               faqs && faqs.length > 0 && (() => {
-                var _a2;
+                var _a2, _b2, _c2;
                 const visibleFaqs = faqsExpanded ? faqs : faqs.slice(0, faqInitialCount);
                 const hiddenCount = faqs.length - visibleFaqs.length;
                 return /* @__PURE__ */ jsxRuntime.jsxs("section", { id: "trip-section-faq", className: "scroll-mt-20", children: [
@@ -14656,10 +15128,11 @@ function TripPage({
                       ),
                       children: faqsExpanded ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                         /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUpIcon, { className: "h-4 w-4 text-muted-foreground" }),
-                        "Show less"
+                        (_b2 = labels == null ? void 0 : labels.showLess) != null ? _b2 : "Show less"
                       ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                         /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: "h-4 w-4 text-muted-foreground" }),
-                        "See more (",
+                        (_c2 = labels == null ? void 0 : labels.seeMore) != null ? _c2 : "See more",
+                        " (",
                         hiddenCount,
                         ")"
                       ] })
@@ -14700,6 +15173,8 @@ function TripPage({
                 departureTimes,
                 onBook: (gallery == null ? void 0 : gallery.length) ? scrollToBookingForm : onBook,
                 bookLabel: bookLabel != null ? bookLabel : "Check availability",
+                fromLabel,
+                perPersonLabel,
                 variant: "card",
                 belowPrice: trustpilotMini ? /* @__PURE__ */ jsxRuntime.jsx(TrustpilotEmbed, { config: trustpilotMini }) : void 0,
                 benefits,
@@ -14742,6 +15217,8 @@ function TripPage({
                 departureTimes,
                 onBook: (gallery == null ? void 0 : gallery.length) ? scrollToBookingForm : onBook,
                 bookLabel: bookLabel != null ? bookLabel : "Check availability",
+                fromLabel,
+                perPersonLabel,
                 variant: "card",
                 belowPrice: trustpilotMini ? /* @__PURE__ */ jsxRuntime.jsx(TrustpilotEmbed, { config: trustpilotMini }) : void 0,
                 benefits,
@@ -14754,12 +15231,27 @@ function TripPage({
         gallery && gallery.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("section", { ref: galleryRef, id: "trip-section-gallery", className: "scroll-mt-20", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { ref: pricingBarRef, className: "mx-auto w-full max-w-6xl px-6 sm:px-8 py-12", children: /* @__PURE__ */ jsxRuntime.jsx("div", { id: "trip-booking-form", className: "rounded-2xl border border-border bg-card p-8 shadow-sm", children: /* @__PURE__ */ jsxRuntime.jsx(BookingForm, { onSubmit: onBook ? (values) => onBook() : void 0 }) }) }),
+        gallery && gallery.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { ref: pricingBarRef, className: "mx-auto w-full max-w-6xl px-6 sm:px-8 py-12", children: /* @__PURE__ */ jsxRuntime.jsx("div", { id: "trip-booking-form", className: "rounded-2xl border border-border bg-card p-8 shadow-sm", children: /* @__PURE__ */ jsxRuntime.jsx(
+          BookingForm,
+          {
+            labels: bookingLabels,
+            defaultValues: bookingDefaults,
+            onSubmit: onBookingSubmit,
+            loading: bookingLoading
+          }
+        ) }) }),
         /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
           PricingTrip,
           {
@@ -14767,6 +15259,8 @@ function TripPage({
             currency,
             onBook: (gallery == null ? void 0 : gallery.length) ? scrollToBookingForm : onBook,
             bookLabel: bookLabel != null ? bookLabel : "Book now",
+            fromLabel,
+            perPersonLabel,
             variant: "compact",
             sharp: true,
             priceInfo,
@@ -14779,7 +15273,7 @@ function TripPage({
     }
   );
 }
-function SectionHeading({
+function SectionHeading2({
   eyebrow,
   title,
   rightSlot
@@ -14800,6 +15294,7 @@ function CategoryPage2({
   trustpilotMini,
   breadcrumb,
   siteHeader,
+  heroRightSlot,
   popularTours,
   popularToursTitle = "More adventures calling your name",
   popularToursEyebrow = "Popular tours",
@@ -14810,6 +15305,7 @@ function CategoryPage2({
   sortOptions,
   defaultSort,
   tripsInitialCount = 15,
+  tripListingSlot,
   trustpilot,
   reviewsTitle = "Don't just take our word for it",
   reviewsSubtitle,
@@ -14826,14 +15322,20 @@ function CategoryPage2({
   faqInitialCount = 5,
   gallery,
   galleryTitle,
+  loadMoreLabel,
+  showLessLabel,
+  seeMoreLabel,
+  viewAllPostsLabel,
+  cardLabels,
+  filterLabels,
   className
 }) {
   var _a;
-  const [videoReady, setVideoReady] = React31__namespace.useState(false);
-  const videoRef = React31__namespace.useRef(null);
+  const [videoReady, setVideoReady] = React32__namespace.useState(false);
+  const videoRef = React32__namespace.useRef(null);
   const isHls = !!(videoUrl == null ? void 0 : videoUrl.includes(".m3u8"));
   useHlsVideo(videoRef, isHls ? videoUrl : void 0);
-  React31__namespace.useEffect(() => {
+  React32__namespace.useEffect(() => {
     if (!videoUrl) return;
     const el = videoRef.current;
     if (!el) return;
@@ -14848,13 +15350,13 @@ function CategoryPage2({
     io.observe(el);
     return () => io.disconnect();
   }, [videoUrl]);
-  const [faqsExpanded, setFaqsExpanded] = React31__namespace.useState(false);
-  const [tripsExpanded, setTripsExpanded] = React31__namespace.useState(false);
-  const [filterValue, setFilterValue] = React31__namespace.useState({});
-  const [sort, setSort] = React31__namespace.useState(
+  const [faqsExpanded, setFaqsExpanded] = React32__namespace.useState(false);
+  const [tripsExpanded, setTripsExpanded] = React32__namespace.useState(false);
+  const [filterValue, setFilterValue] = React32__namespace.useState({});
+  const [sort, setSort] = React32__namespace.useState(
     defaultSort != null ? defaultSort : (_a = sortOptions == null ? void 0 : sortOptions[0]) == null ? void 0 : _a.id
   );
-  const sortedTrips = React31__namespace.useMemo(() => {
+  const sortedTrips = React32__namespace.useMemo(() => {
     const active = Object.entries(filterValue).filter(
       ([, vals]) => vals && vals.length > 0
     );
@@ -14958,7 +15460,7 @@ function CategoryPage2({
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative mx-auto w-full max-w-6xl px-6 sm:px-8", children: [
             breadcrumb && breadcrumb.length > 0 && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(React31__namespace.Fragment, { children: [
+              return /* @__PURE__ */ jsxRuntime.jsxs(React32__namespace.Fragment, { children: [
                 i > 0 && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, { className: "h-3 w-3 text-white/50 shrink-0" }),
                 crumb.href && !isLast ? /* @__PURE__ */ jsxRuntime.jsx(
                   "a",
@@ -14982,13 +15484,14 @@ function CategoryPage2({
             /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-3xl sm:text-5xl font-bold text-white font-heading leading-tight max-w-3xl", children: title }),
             intro && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 text-base sm:text-lg text-white/90 leading-relaxed max-w-2xl [&_strong]:font-semibold [&_a]:underline", children: intro }),
             trustpilotMini && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-5 max-w-sm", children: /* @__PURE__ */ jsxRuntime.jsx(TrustpilotEmbed, { config: trustpilotMini }) })
-          ] })
+          ] }),
+          heroRightSlot && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none absolute inset-x-0 bottom-5 z-20 sm:bottom-6", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto flex max-w-6xl justify-end px-6 sm:px-8", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-auto", children: heroRightSlot }) }) })
         ]
       }
     ),
     popularTours && popularTours.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "mx-auto w-full max-w-6xl px-6 sm:px-8 py-12", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        SectionHeading,
+        SectionHeading2,
         {
           eyebrow: popularToursEyebrow,
           title: popularToursTitle
@@ -15000,6 +15503,7 @@ function CategoryPage2({
         return /* @__PURE__ */ jsxRuntime.jsx(
           TripCard,
           __spreadProps(__spreadValues({}, cardProps), {
+            labels: cardLabels,
             variant: "overlay",
             size: (_b = cardProps.size) != null ? _b : "md"
           }),
@@ -15008,64 +15512,69 @@ function CategoryPage2({
       }) }) })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "mx-auto w-full max-w-6xl px-6 sm:px-8 pt-6 sm:pt-8 pb-12", children: [
-      (tripsTitle || tripsEyebrow) && /* @__PURE__ */ jsxRuntime.jsx(SectionHeading, { eyebrow: tripsEyebrow, title: tripsTitle != null ? tripsTitle : "" }),
-      filterGroups && filterGroups.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-6", children: /* @__PURE__ */ jsxRuntime.jsx(
-        FilterPanel,
-        {
-          variant: "horizontal",
-          groups: filterGroups,
-          value: filterValue,
-          onChange: setFilterValue,
-          onClearAll: () => setFilterValue({}),
-          sortOptions,
-          sort,
-          onSortChange: setSort
-        }
-      ) }),
-      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-muted-foreground font-ui mb-5", children: [
-        sortedTrips.length,
-        " ",
-        sortedTrips.length === 1 ? "trip" : "trips",
-        " found"
-      ] }),
-      (() => {
-        const visibleTrips = tripsExpanded ? sortedTrips : sortedTrips.slice(0, tripsInitialCount);
-        const hiddenCount = sortedTrips.length - visibleTrips.length;
-        return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-x-6 gap-y-8 lg:gap-x-[35px] lg:gap-y-[38px]", children: visibleTrips.map((trip, i) => {
-            const _a2 = trip, { featured: _featured, filterTags: _filterTags, priceValue: _priceValue } = _a2, cardProps = __objRest(_a2, ["featured", "filterTags", "priceValue"]);
-            return /* @__PURE__ */ jsxRuntime.jsx(
-              TripCard,
-              __spreadProps(__spreadValues({}, cardProps), {
-                className: cn("w-full h-auto", cardProps.className)
-              }),
-              i
-            );
-          }) }),
-          sortedTrips.length > tripsInitialCount && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-8 flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              type: "button",
-              onClick: () => setTripsExpanded((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: tripsExpanded ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUpIcon, { className: "h-4 w-4 text-muted-foreground" }),
-                "Show less"
-              ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: "h-4 w-4 text-muted-foreground" }),
-                "Load more (",
-                hiddenCount,
-                ")"
-              ] })
-            }
-          ) })
-        ] });
-      })()
+      (tripsTitle || tripsEyebrow) && /* @__PURE__ */ jsxRuntime.jsx(SectionHeading2, { eyebrow: tripsEyebrow, title: tripsTitle != null ? tripsTitle : "" }),
+      tripListingSlot != null ? tripListingSlot : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        filterGroups && filterGroups.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-6", children: /* @__PURE__ */ jsxRuntime.jsx(
+          FilterPanel,
+          {
+            variant: "horizontal",
+            labels: filterLabels,
+            groups: filterGroups,
+            value: filterValue,
+            onChange: setFilterValue,
+            onClearAll: () => setFilterValue({}),
+            sortOptions,
+            sort,
+            onSortChange: setSort
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-muted-foreground font-ui mb-5", children: [
+          sortedTrips.length,
+          " ",
+          sortedTrips.length === 1 ? "trip" : "trips",
+          " found"
+        ] }),
+        (() => {
+          const visibleTrips = tripsExpanded ? sortedTrips : sortedTrips.slice(0, tripsInitialCount);
+          const hiddenCount = sortedTrips.length - visibleTrips.length;
+          return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-x-6 gap-y-8 lg:gap-x-[35px] lg:gap-y-[38px]", children: visibleTrips.map((trip, i) => {
+              const _a2 = trip, { featured: _featured, filterTags: _filterTags, priceValue: _priceValue } = _a2, cardProps = __objRest(_a2, ["featured", "filterTags", "priceValue"]);
+              return /* @__PURE__ */ jsxRuntime.jsx(
+                TripCard,
+                __spreadProps(__spreadValues({}, cardProps), {
+                  labels: cardLabels,
+                  className: cn("w-full h-auto", cardProps.className)
+                }),
+                i
+              );
+            }) }),
+            sortedTrips.length > tripsInitialCount && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-8 flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => setTripsExpanded((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: tripsExpanded ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUpIcon, { className: "h-4 w-4 text-muted-foreground" }),
+                  showLessLabel != null ? showLessLabel : "Show less"
+                ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: "h-4 w-4 text-muted-foreground" }),
+                  loadMoreLabel != null ? loadMoreLabel : "Load more",
+                  " (",
+                  hiddenCount,
+                  ")"
+                ] })
+              }
+            ) })
+          ] });
+        })()
+      ] })
     ] }),
     trustpilot && /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "mx-auto w-full max-w-6xl px-6 sm:px-8 py-12 border-t border-border", children: [
       /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl sm:text-3xl font-bold text-foreground font-heading mb-2", children: reviewsTitle }),
@@ -15102,7 +15611,7 @@ function CategoryPage2({
             href: travelGuideHref != null ? travelGuideHref : blogPostsViewAllHref,
             className: "inline-flex items-center gap-1.5 text-sm font-semibold text-primary hover:underline",
             children: [
-              travelGuideHref ? travelGuideLabel : "View all posts",
+              travelGuideHref ? travelGuideLabel : viewAllPostsLabel != null ? viewAllPostsLabel : "View all posts",
               /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowRightIcon, { className: "h-4 w-4" })
             ]
           }
@@ -15131,10 +15640,11 @@ function CategoryPage2({
             ),
             children: faqsExpanded ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
               /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUpIcon, { className: "h-4 w-4 text-muted-foreground" }),
-              "Show less"
+              showLessLabel != null ? showLessLabel : "Show less"
             ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
               /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: "h-4 w-4 text-muted-foreground" }),
-              "See more (",
+              seeMoreLabel != null ? seeMoreLabel : "See more",
+              " (",
               hiddenCount,
               ")"
             ] })
@@ -15202,6 +15712,7 @@ function ActivityCard({
             {
               src: image,
               alt: imageAlt,
+              title: imageAlt || void 0,
               className: "h-full w-full object-cover transition-transform duration-300 group-hover:scale-105"
             }
           ),
@@ -15246,12 +15757,12 @@ function Toast({
   duration = 6e3,
   className
 }) {
-  const [mounted, setMounted] = React31__namespace.useState(false);
-  const [visible, setVisible] = React31__namespace.useState(true);
-  React31__namespace.useEffect(() => {
+  const [mounted, setMounted] = React32__namespace.useState(false);
+  const [visible, setVisible] = React32__namespace.useState(true);
+  React32__namespace.useEffect(() => {
     setMounted(true);
   }, []);
-  React31__namespace.useEffect(() => {
+  React32__namespace.useEffect(() => {
     if (duration === 0) return;
     const t = setTimeout(() => {
       setVisible(false);
@@ -15658,21 +16169,21 @@ function LeadCapturePopup({
 }) {
   var _a;
   const config = __spreadValues(__spreadValues({}, DEFAULTS), _config);
-  const [open, setOpen] = React31.useState(false);
-  const [closing, setClosing] = React31.useState(false);
-  const [submitted, setSubmitted] = React31.useState(false);
-  const [submitting, setSubmitting] = React31.useState(false);
-  const [error, setError] = React31.useState(null);
-  const [name, setName] = React31.useState("");
-  const [email, setEmail] = React31.useState("");
-  const [travelDate, setTravelDate] = React31.useState("");
-  const panelRef = React31.useRef(null);
-  const nameRef = React31.useRef(null);
-  const show = React31.useCallback(() => {
+  const [open, setOpen] = React32.useState(false);
+  const [closing, setClosing] = React32.useState(false);
+  const [submitted, setSubmitted] = React32.useState(false);
+  const [submitting, setSubmitting] = React32.useState(false);
+  const [error, setError] = React32.useState(null);
+  const [name, setName] = React32.useState("");
+  const [email, setEmail] = React32.useState("");
+  const [travelDate, setTravelDate] = React32.useState("");
+  const panelRef = React32.useRef(null);
+  const nameRef = React32.useRef(null);
+  const show = React32.useCallback(() => {
     if (isDismissed()) return;
     setOpen(true);
   }, []);
-  React31.useEffect(() => {
+  React32.useEffect(() => {
     var _a2;
     if (isDismissed()) return;
     if (config.trigger === "delay") {
@@ -15699,7 +16210,7 @@ function LeadCapturePopup({
       return () => window.removeEventListener("scroll", handler);
     }
   }, [config.trigger, config.delaySeconds, config.scrollPercent, show]);
-  React31.useEffect(() => {
+  React32.useEffect(() => {
     if (open && !submitted) {
       requestAnimationFrame(() => {
         var _a2;
@@ -15707,7 +16218,7 @@ function LeadCapturePopup({
       });
     }
   }, [open, submitted]);
-  const close = React31.useCallback(() => {
+  const close = React32.useCallback(() => {
     setClosing(true);
     setDismissed(config.dismissDays);
     setTimeout(() => {
@@ -15715,7 +16226,7 @@ function LeadCapturePopup({
       setClosing(false);
     }, 250);
   }, [config.dismissDays]);
-  React31.useEffect(() => {
+  React32.useEffect(() => {
     if (!open) return;
     const handler = (e) => {
       if (e.key === "Escape") close();
@@ -15723,7 +16234,7 @@ function LeadCapturePopup({
     document.addEventListener("keydown", handler);
     return () => document.removeEventListener("keydown", handler);
   }, [open, close]);
-  const onOverlayClick = React31.useCallback(
+  const onOverlayClick = React32.useCallback(
     (e) => {
       if (panelRef.current && !panelRef.current.contains(e.target)) {
         close();
@@ -15961,11 +16472,11 @@ function ExoOrb({
   trackCursor = true,
   className
 }) {
-  const uid = React31.useId().replace(/:/g, "");
+  const uid = React32.useId().replace(/:/g, "");
   const id = (name) => `exo-orb-${uid}-${name}`;
-  const rootRef = React31.useRef(null);
-  const pupilRef = React31.useRef(null);
-  React31.useEffect(() => {
+  const rootRef = React32.useRef(null);
+  const pupilRef = React32.useRef(null);
+  React32.useEffect(() => {
     if (!trackCursor) return;
     if (typeof window === "undefined") return;
     if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) return;
@@ -16161,13 +16672,13 @@ function AskExo({
   teaserDelayMs = 2500,
   teaserDurationMs = 6e3
 }) {
-  const [open, setOpen] = React31.useState(false);
-  const [question, setQuestion] = React31.useState("");
-  const [teaserVisible, setTeaserVisible] = React31.useState(false);
+  const [open, setOpen] = React32.useState(false);
+  const [question, setQuestion] = React32.useState("");
+  const [teaserVisible, setTeaserVisible] = React32.useState(false);
   const teaserEnabled = !!teaser && teaser !== "";
-  const inputRef = React31.useRef(null);
-  const textareaRef = React31.useRef(null);
-  React31.useEffect(() => {
+  const inputRef = React32.useRef(null);
+  const textareaRef = React32.useRef(null);
+  React32.useEffect(() => {
     if (!open) {
       setQuestion("");
       return;
@@ -16179,7 +16690,7 @@ function AskExo({
     }, 200);
     return () => clearTimeout(t);
   }, [open, variant]);
-  React31.useEffect(() => {
+  React32.useEffect(() => {
     if (!open) return;
     const onKey = (e) => {
       if (e.key === "Escape") setOpen(false);
@@ -16187,7 +16698,7 @@ function AskExo({
     document.addEventListener("keydown", onKey);
     return () => document.removeEventListener("keydown", onKey);
   }, [open]);
-  React31.useEffect(() => {
+  React32.useEffect(() => {
     if (!teaserEnabled || open) return;
     if (typeof window === "undefined") return;
     const showTimer = setTimeout(() => setTeaserVisible(true), teaserDelayMs);
@@ -16200,7 +16711,7 @@ function AskExo({
       clearTimeout(hideTimer);
     };
   }, [teaserEnabled, teaserDelayMs, teaserDurationMs, open]);
-  React31.useEffect(() => {
+  React32.useEffect(() => {
     if (open) setTeaserVisible(false);
   }, [open]);
   const askExo = (q) => {
@@ -16753,8 +17264,8 @@ function ShareWidget({
   title = "Invite friends & lower the price",
   className
 }) {
-  const [copied, setCopied] = React31__namespace.useState(false);
-  const [showToast, setShowToast] = React31__namespace.useState(false);
+  const [copied, setCopied] = React32__namespace.useState(false);
+  const [showToast, setShowToast] = React32__namespace.useState(false);
   const encodedUrl = encodeURIComponent(url);
   const encodedMsg = encodeURIComponent(`${message} ${url}`);
   const channels = [
@@ -16903,13 +17414,1410 @@ function StickyBookingCard({
     }
   );
 }
+var DEFAULT_TRUSTPILOT = {
+  businessUnitId: "6171e6a56fc555750dd81ae7",
+  templateId: "5419b732fbfb950b10de65e5",
+  locale: "en-US",
+  styleHeight: "24px",
+  styleWidth: "100%",
+  token: "d3580e48-fedc-4b14-b705-172180cf241d",
+  theme: "dark",
+  fallbackHref: "https://www.trustpilot.com/review/planetaexo.com",
+  fallbackLabel: "Excellent"
+};
+function RatingStars({ stars = 5 }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-0.5", "aria-hidden": true, children: Array.from({ length: 5 }).map((_, i) => {
+    const filled = i + 1 <= Math.round(stars);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        className: cn(
+          "flex h-5 w-5 items-center justify-center rounded-[3px]",
+          filled ? "bg-primary" : "bg-white/30"
+        ),
+        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.StarIcon, { className: "h-3 w-3 fill-white text-white" })
+      },
+      i
+    );
+  }) });
+}
+function Rating({ label, stars = 5, provider, href }) {
+  const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    label && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-ui font-bold text-white", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx(RatingStars, { stars }),
+    provider && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1 text-sm font-ui font-bold text-white", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.StarIcon, { className: "h-4 w-4 fill-primary text-primary" }),
+      provider
+    ] })
+  ] });
+  if (href) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "a",
+      {
+        href,
+        target: "_blank",
+        rel: "noreferrer noopener",
+        "aria-label": `${label != null ? label : ""} ${stars} out of 5 \u2014 ${provider != null ? provider : "reviews"}`.trim(),
+        className: "inline-flex items-center gap-2.5 transition-opacity hover:opacity-90",
+        children: content
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex items-center gap-2.5", children: content });
+}
+function HomeHeader({
+  images,
+  videoUrl,
+  eyebrow,
+  title,
+  subtitle,
+  cta,
+  trustpilot,
+  rating,
+  pressLogos,
+  pressLabel = "In the press",
+  pressLabelHref,
+  siteHeader,
+  align = "center",
+  className
+}) {
+  var _a;
+  const [heroIndex, setHeroIndex] = React32__namespace.useState(0);
+  const [videoReady, setVideoReady] = React32__namespace.useState(false);
+  const videoRef = React32__namespace.useRef(null);
+  const isHls = !!(videoUrl == null ? void 0 : videoUrl.includes(".m3u8"));
+  const validImages = React32__namespace.useMemo(
+    () => images.map((u) => u == null ? void 0 : u.trim()).filter(Boolean),
+    [images]
+  );
+  const hasHeroImage = validImages.length > 0;
+  const heroSrc = (i) => {
+    var _a2;
+    return (_a2 = validImages[i]) != null ? _a2 : "";
+  };
+  const safeIndex = Math.min(heroIndex, Math.max(0, validImages.length - 1));
+  const currentSrc = heroSrc(safeIndex);
+  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__namespace.useEffect(() => {
+    if (!videoUrl) return;
+    const el = videoRef.current;
+    if (!el) return;
+    const observer = new IntersectionObserver(
+      ([entry]) => {
+        if (entry.isIntersecting) {
+          el.play().catch(() => {
+          });
+        } else {
+          el.pause();
+        }
+      },
+      { threshold: 0.1 }
+    );
+    observer.observe(el);
+    return () => observer.disconnect();
+  }, [videoUrl]);
+  const isCenter = align === "center";
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "section",
+    {
+      className: cn(
+        "relative w-full overflow-hidden",
+        "h-screen min-h-[640px]",
+        hasHeroImage ? "bg-muted" : "bg-zinc-900",
+        className
+      ),
+      "data-home-header-align": align,
+      children: [
+        !videoUrl && !hasHeroImage && /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: "absolute inset-0 bg-gradient-to-br from-zinc-900 via-zinc-800 to-zinc-950",
+            "aria-hidden": true
+          }
+        ),
+        videoUrl ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          hasHeroImage ? /* @__PURE__ */ jsxRuntime.jsx(
+            Picture,
+            {
+              src: validImages[0],
+              alt: "",
+              "aria-hidden": true,
+              fetchPriority: "high",
+              eager: true,
+              className: cn(
+                "absolute inset-0 h-full w-full object-cover transition-opacity duration-700",
+                videoReady ? "opacity-0 pointer-events-none" : "opacity-100"
+              )
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: "absolute inset-0 bg-gradient-to-br from-zinc-900 via-zinc-800 to-zinc-950 transition-opacity duration-700",
+              "aria-hidden": true
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "video",
+            {
+              ref: videoRef,
+              src: isHls ? void 0 : videoUrl,
+              autoPlay: true,
+              muted: true,
+              loop: true,
+              playsInline: true,
+              preload: "auto",
+              poster: hasHeroImage ? validImages[0] : void 0,
+              onCanPlay: () => setVideoReady(true),
+              className: cn(
+                "absolute inset-0 h-full w-full object-cover transition-opacity duration-700",
+                videoReady ? "opacity-100" : "opacity-0"
+              )
+            }
+          )
+        ] }) : hasHeroImage ? /* @__PURE__ */ jsxRuntime.jsx(
+          Picture,
+          {
+            src: currentSrc,
+            alt: title,
+            fetchPriority: safeIndex === 0 ? "high" : "auto",
+            eager: safeIndex === 0,
+            className: "absolute inset-0 h-full w-full object-cover transition-opacity duration-700"
+          }
+        ) : null,
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 bg-black/30", "aria-hidden": true }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: "absolute inset-0 bg-gradient-to-t from-black/70 via-black/10 to-black/30",
+            "aria-hidden": true
+          }
+        ),
+        siteHeader && /* @__PURE__ */ jsxRuntime.jsx(
+          SiteHeader,
+          __spreadProps(__spreadValues({}, Array.isArray(siteHeader) ? { links: siteHeader } : typeof siteHeader === "object" ? siteHeader : {}), {
+            position: "overlay"
+          })
+        ),
+        showCarousel && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => setHeroIndex(
+                (i) => (i - 1 + validImages.length) % validImages.length
+              ),
+              className: "absolute left-4 top-1/2 z-20 -translate-y-1/2 flex h-10 w-10 items-center justify-center rounded-full bg-black/30 text-white backdrop-blur-sm hover:bg-black/50 transition-colors",
+              "aria-label": "Previous image",
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeftIcon, { className: "h-5 w-5" })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => setHeroIndex((i) => (i + 1) % validImages.length),
+              className: "absolute right-4 top-1/2 z-20 -translate-y-1/2 flex h-10 w-10 items-center justify-center rounded-full bg-black/30 text-white backdrop-blur-sm hover:bg-black/50 transition-colors",
+              "aria-label": "Next image",
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, { className: "h-5 w-5" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: cn(
+              "absolute inset-0 z-10 flex flex-col justify-center",
+              "mx-auto w-full max-w-6xl px-6 sm:px-8",
+              "pt-[72px]",
+              // clear the overlay header
+              pressLogos && pressLogos.length > 0 ? "pb-28" : "pb-16",
+              isCenter ? "items-center text-center" : "items-start text-left"
+            ),
+            children: [
+              eyebrow && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-3 text-xs sm:text-sm font-ui font-bold uppercase tracking-[0.2em] text-primary-400", children: eyebrow }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "h1",
+                {
+                  className: cn(
+                    "font-heading font-black uppercase text-white leading-[0.95]",
+                    "text-5xl sm:text-6xl lg:text-7xl",
+                    isCenter ? "max-w-4xl" : "max-w-3xl"
+                  ),
+                  children: title
+                }
+              ),
+              subtitle && /* @__PURE__ */ jsxRuntime.jsx(
+                "p",
+                {
+                  className: cn(
+                    "mt-5 text-lg sm:text-xl font-sans text-white/90",
+                    isCenter ? "max-w-2xl" : "max-w-xl"
+                  ),
+                  children: subtitle
+                }
+              ),
+              cta && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-8", children: cta.href ? /* @__PURE__ */ jsxRuntime.jsx(
+                "a",
+                {
+                  href: cta.href,
+                  onClick: cta.onClick,
+                  className: buttonVariants({ size: "lg" }),
+                  children: cta.label
+                }
+              ) : /* @__PURE__ */ jsxRuntime.jsx(Button, { size: "lg", onClick: cta.onClick, children: cta.label }) }),
+              tpConfig ? /* @__PURE__ */ jsxRuntime.jsxs(
+                "div",
+                {
+                  className: cn(
+                    "home-trustpilot relative mt-8",
+                    // Wide enough for the Micro Star to show the full "Excellent
+                    // ★★★★★ Trustpilot" lockup — at 260px the Trustpilot wordmark
+                    // was clipped.
+                    isCenter && "w-full max-w-[340px]"
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(TrustpilotEmbed, { config: tpConfig }),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "a",
+                      {
+                        href: (_a = tpConfig.fallbackHref) != null ? _a : "https://www.trustpilot.com/review/planetaexo.com",
+                        target: "_blank",
+                        rel: "noopener noreferrer",
+                        "aria-label": "Read our reviews on Trustpilot",
+                        className: "absolute inset-0 z-10"
+                      }
+                    )
+                  ]
+                }
+              ) : rating ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-8", children: /* @__PURE__ */ jsxRuntime.jsx(Rating, __spreadValues({}, rating)) }) : null
+            ]
+          }
+        ),
+        pressLogos && pressLogos.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-x-0 bottom-0 z-10 pb-7", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto flex w-full max-w-6xl flex-wrap items-center justify-center gap-x-7 gap-y-3 px-6 sm:px-8", children: [
+          pressLabelHref ? /* @__PURE__ */ jsxRuntime.jsx(
+            "a",
+            {
+              href: pressLabelHref,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              className: "text-[10px] font-ui font-bold uppercase tracking-[0.25em] leading-tight text-white/70 transition-colors hover:text-white",
+              children: pressLabel
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-ui font-bold uppercase tracking-[0.25em] leading-tight text-white/70", children: pressLabel }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-nowrap items-center justify-center gap-x-7", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden h-5 w-px bg-white/25 sm:block", "aria-hidden": true }),
+            pressLogos.map((logo, i) => {
+              var _a2, _b, _c, _d;
+              const content = logo.src ? (
+                // eslint-disable-next-line @next/next/no-img-element
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "img",
+                  {
+                    src: logo.src,
+                    alt: (_b = (_a2 = logo.alt) != null ? _a2 : logo.label) != null ? _b : "Press logo",
+                    className: "h-12 w-12 shrink-0 select-none object-contain",
+                    draggable: false
+                  }
+                )
+              ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-heading text-base font-bold uppercase tracking-wide", children: logo.label });
+              return logo.href ? /* @__PURE__ */ jsxRuntime.jsx(
+                "a",
+                {
+                  href: logo.href,
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  "aria-label": (_d = (_c = logo.alt) != null ? _c : logo.label) != null ? _d : "Press article",
+                  className: "shrink-0 text-white/80 opacity-100 transition-opacity hover:opacity-100 hover:text-white focus-visible:opacity-100 [&>img]:opacity-80 [&>img]:hover:opacity-100 [&>img]:transition-opacity",
+                  children: content
+                },
+                i
+              ) : /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  className: "shrink-0 text-white/80 [&>img]:opacity-80",
+                  children: content
+                },
+                i
+              );
+            })
+          ] })
+        ] }) })
+      ]
+    }
+  );
+}
+var ACCENT_PILL = "bg-primary text-primary-foreground";
+var ACCENT_BUTTON = "bg-primary text-primary-foreground hover:bg-primary/90";
+var THEME = {
+  dark: {
+    section: "bg-neutral-950",
+    heading: "text-white",
+    body: "text-white/60",
+    tabTrack: "bg-white/5 border-white/10",
+    tabActive: ACCENT_PILL,
+    tabIdle: "text-white/60 hover:text-white",
+    cardRing: "focus-visible:ring-white/70 focus-visible:ring-offset-neutral-950",
+    divider: "border-white/15"
+  },
+  light: {
+    /* Explicit light colours (not mode-aware tokens) so this variant stays a
+       light surface even when the app is in dark mode. */
+    section: "bg-white",
+    heading: "text-neutral-900",
+    body: "text-neutral-500",
+    tabTrack: "bg-neutral-100 border-black/10",
+    tabActive: ACCENT_PILL,
+    tabIdle: "text-neutral-500 hover:text-neutral-900",
+    cardRing: "focus-visible:ring-neutral-900/40 focus-visible:ring-offset-white",
+    divider: "border-black/10"
+  }
+};
+var BENTO_SPAN = {
+  featured: "col-span-2 row-span-2",
+  tall: "col-span-2 sm:col-span-1 row-span-2",
+  wide: "col-span-2",
+  normal: "col-span-2 sm:col-span-1"
+};
+function BentoTile({
+  card,
+  ring
+}) {
+  var _a, _b, _c;
+  const isFeatured = card.size === "featured";
+  const inner = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    card.image ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Picture,
+        {
+          src: card.image,
+          alt: (_a = card.imageAlt) != null ? _a : card.label,
+          loading: "lazy",
+          className: "absolute inset-0 h-full w-full object-cover transition-transform duration-700 group-hover:scale-105"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-black/85 via-black/15 to-transparent" })
+    ] }) : /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: cn(
+          "absolute inset-0 bg-gradient-to-br",
+          (_b = card.gradient) != null ? _b : "from-primary-800 to-primary-900"
+        )
+      }
+    ),
+    card.tripCount && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute right-3 top-3 z-10 rounded-full bg-white/90 px-2.5 py-1 text-[11px] font-ui font-bold uppercase tracking-wide text-neutral-900", children: card.tripCount }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute inset-x-0 bottom-0 z-10 p-5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "h3",
+        {
+          className: cn(
+            "font-heading font-bold uppercase leading-tight tracking-wide text-white",
+            isFeatured ? "text-2xl sm:text-3xl" : "text-lg sm:text-xl"
+          ),
+          children: card.label
+        }
+      ),
+      card.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 max-h-0 overflow-hidden text-sm leading-snug text-white/85 opacity-0 transition-all duration-300 group-hover:mt-2 group-hover:max-h-32 group-hover:opacity-100", children: card.description }),
+      card.ctaLabel && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "mt-2 inline-flex items-center gap-1 text-sm font-ui font-bold text-primary-400", children: [
+        card.ctaLabel,
+        /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: "transition-transform group-hover:translate-x-1", children: "\u2192" })
+      ] })
+    ] })
+  ] });
+  const tileClass = cn(
+    "group relative overflow-hidden rounded-2xl bg-muted shadow-sm",
+    BENTO_SPAN[(_c = card.size) != null ? _c : "normal"]
+  );
+  return card.href ? /* @__PURE__ */ jsxRuntime.jsx(
+    "a",
+    {
+      href: card.href,
+      className: cn(
+        tileClass,
+        "block focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
+        ring
+      ),
+      children: inner
+    }
+  ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: tileClass, children: inner });
+}
+function AdventureExplorer({
+  tabs,
+  eyebrow,
+  heading,
+  subheading,
+  defaultTabId,
+  viewAllLabel = "View All Adventures",
+  viewAllHref,
+  theme = "dark",
+  layout = "carousel",
+  bentoLimit,
+  moreLabel = "More wild places",
+  className
+}) {
+  var _a, _b, _c, _d, _e;
+  const [activeId, setActiveId] = React32__namespace.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];
+  const t = THEME[theme];
+  const ctaHref = (_d = (_c = active == null ? void 0 : active.viewAllHref) != null ? _c : viewAllHref) != null ? _d : "#";
+  const showCta = viewAllLabel.length > 0;
+  const hasHeading = !!(eyebrow || heading || subheading);
+  const cards = (_e = active == null ? void 0 : active.cards) != null ? _e : [];
+  const limited = layout === "bento" && bentoLimit != null && cards.length > bentoLimit;
+  const gridCards = limited ? cards.slice(0, bentoLimit) : cards;
+  const moreCards = limited ? cards.slice(bentoLimit) : [];
+  const showHeadCta = showCta && !limited;
+  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: cn("w-full py-10 sm:py-16", t.section, className), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto w-full max-w-6xl px-6 sm:px-8", children: [
+    hasHeading && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-8 flex flex-wrap items-end justify-between gap-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-2xl", children: [
+        eyebrow && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-3 text-xs font-ui font-bold uppercase tracking-[0.22em] text-primary", children: eyebrow }),
+        heading && /* @__PURE__ */ jsxRuntime.jsx(
+          "h2",
+          {
+            className: cn(
+              "font-heading text-3xl font-black uppercase leading-[1.05] sm:text-4xl lg:text-5xl",
+              t.heading
+            ),
+            children: heading
+          }
+        ),
+        subheading && /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mt-3 text-base", t.body), children: subheading })
+      ] }),
+      showHeadCta && /* @__PURE__ */ jsxRuntime.jsxs(
+        "a",
+        {
+          href: ctaHref,
+          className: "group inline-flex shrink-0 items-center gap-1.5 font-ui text-sm font-bold text-primary transition-colors hover:text-primary-800",
+          children: [
+            viewAllLabel,
+            /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: "transition-transform group-hover:translate-x-1", children: "\u2192" })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-between gap-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          role: "tablist",
+          "aria-label": "Explore categories",
+          className: cn(
+            "inline-flex max-w-full items-center gap-1 overflow-x-auto rounded-full border p-1.5 scrollbar-none",
+            t.tabTrack
+          ),
+          children: tabs.map((tab) => {
+            const isActive = tab.id === (active == null ? void 0 : active.id);
+            return /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                role: "tab",
+                "aria-selected": isActive,
+                onClick: () => setActiveId(tab.id),
+                className: cn(
+                  "shrink-0 rounded-full px-5 py-2 text-sm font-ui font-bold transition-colors",
+                  isActive ? t.tabActive : t.tabIdle
+                ),
+                children: tab.label
+              },
+              tab.id
+            );
+          })
+        }
+      ),
+      showCta && !hasHeading && /* @__PURE__ */ jsxRuntime.jsx(
+        "a",
+        {
+          href: ctaHref,
+          className: cn(
+            "hidden shrink-0 items-center rounded-full px-6 py-2.5 text-sm font-heading font-bold transition-colors sm:inline-flex",
+            ACCENT_BUTTON
+          ),
+          children: viewAllLabel
+        }
+      )
+    ] }),
+    layout === "bento" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-6 grid auto-rows-[170px] grid-cols-2 gap-4 sm:mt-8 sm:auto-rows-[200px] lg:grid-cols-4", children: gridCards.map((card, i) => /* @__PURE__ */ jsxRuntime.jsx(BentoTile, { card, ring: t.cardRing }, i)) }),
+    limited && /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: cn(
+          "mt-7 flex flex-wrap items-center justify-between gap-x-8 gap-y-3 border-t pt-6",
+          t.divider
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-x-6 gap-y-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-ui font-bold uppercase tracking-[0.18em] text-primary", children: moreLabel }),
+            moreCards.map((card, i) => {
+              var _a2;
+              return /* @__PURE__ */ jsxRuntime.jsxs(
+                "a",
+                {
+                  href: (_a2 = card.href) != null ? _a2 : "#",
+                  className: "group inline-flex items-baseline gap-2",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "span",
+                      {
+                        className: cn(
+                          "font-heading text-base font-bold transition-colors group-hover:text-primary",
+                          t.heading
+                        ),
+                        children: card.label
+                      }
+                    ),
+                    card.tripCount && /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("text-sm", t.body), children: card.tripCount })
+                  ]
+                },
+                i
+              );
+            })
+          ] }),
+          showCta && /* @__PURE__ */ jsxRuntime.jsxs(
+            "a",
+            {
+              href: ctaHref,
+              className: "group inline-flex shrink-0 items-center gap-1.5 font-ui text-sm font-bold text-primary transition-colors hover:text-primary-800",
+              children: [
+                viewAllLabel,
+                /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: "transition-transform group-hover:translate-x-1", children: "\u2192" })
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    layout !== "bento" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "-mx-6 mt-6 flex gap-3 overflow-x-auto px-6 pb-2 snap-x snap-mandatory scroll-px-6 scroll-smooth scrollbar-none sm:mx-0 sm:mt-8 sm:gap-4 sm:px-0 sm:scroll-px-0", children: active == null ? void 0 : active.cards.map((card, i) => {
+      var _a2, _b2;
+      const inner = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Picture,
+          {
+            src: (_a2 = card.image) != null ? _a2 : "",
+            alt: (_b2 = card.imageAlt) != null ? _b2 : card.label,
+            loading: "lazy",
+            className: "absolute inset-0 h-full w-full object-cover transition-transform duration-500 group-hover:scale-105"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-black/80 via-black/15 to-transparent" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute inset-x-0 bottom-0 p-4 font-heading text-sm font-bold uppercase leading-tight tracking-wide text-white", children: card.label })
+      ] });
+      const cardClass = "group relative aspect-[9/16] w-40 shrink-0 snap-start overflow-hidden rounded-2xl bg-muted sm:w-44 lg:w-48";
+      return card.href ? /* @__PURE__ */ jsxRuntime.jsx(
+        "a",
+        {
+          href: card.href,
+          className: cn(
+            cardClass,
+            "block focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
+            t.cardRing
+          ),
+          children: inner
+        },
+        i
+      ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cardClass, children: inner }, i);
+    }) }),
+    showCta && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-6 sm:hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
+      "a",
+      {
+        href: ctaHref,
+        className: cn(
+          "inline-flex w-full items-center justify-center rounded-full px-6 py-3 text-sm font-heading font-bold transition-colors",
+          ACCENT_BUTTON
+        ),
+        children: viewAllLabel
+      }
+    ) })
+  ] }) });
+}
+var THEME2 = {
+  light: {
+    section: "bg-neutral-100",
+    heading: "text-neutral-900",
+    title: "text-neutral-800",
+    body: "text-neutral-500",
+    icon: "text-primary",
+    card: "bg-white border-black/10 shadow-sm",
+    chip: "bg-primary/10 text-primary",
+    number: "text-primary"
+  },
+  dark: {
+    section: "bg-neutral-950",
+    heading: "text-white",
+    title: "text-white",
+    body: "text-white/60",
+    icon: "text-primary-400",
+    card: "bg-white/5 border-white/10",
+    chip: "bg-primary-400/15 text-primary-400",
+    number: "text-primary-400"
+  }
+};
+var COLS = {
+  2: "sm:grid-cols-2",
+  3: "sm:grid-cols-2 lg:grid-cols-3",
+  4: "sm:grid-cols-2 lg:grid-cols-4"
+};
+function USP({
+  items,
+  heading,
+  subheading,
+  columns,
+  variant = "minimal",
+  theme = "light",
+  className
+}) {
+  const t = THEME2[theme];
+  const cols = columns != null ? columns : Math.min(Math.max(items.length, 2), 4);
+  const isInline = variant === "inline";
+  const isCard = variant === "card";
+  const isNumbered = variant === "numbered";
+  const stacked = !isInline;
+  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: cn("w-full py-14 sm:py-20", t.section, className), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto w-full max-w-6xl px-6 sm:px-8", children: [
+    (heading || subheading) && /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: cn(
+          "mb-12 max-w-2xl",
+          isNumbered ? "text-left" : "mx-auto text-center"
+        ),
+        children: [
+          heading && /* @__PURE__ */ jsxRuntime.jsx(
+            "h2",
+            {
+              className: cn(
+                "font-heading font-bold uppercase tracking-wide",
+                isNumbered ? "text-3xl sm:text-4xl lg:text-5xl" : "text-2xl sm:text-3xl",
+                t.heading
+              ),
+              children: heading
+            }
+          ),
+          subheading && /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mt-3 font-sans text-base", t.body), children: subheading })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: cn(
+          "grid grid-cols-1 gap-x-8 gap-y-10",
+          COLS[cols]
+        ),
+        children: [
+          isNumbered && items.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: cn(
+                "flex flex-col rounded-2xl border p-6 text-left sm:p-7",
+                t.card
+              ),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "span",
+                  {
+                    className: cn(
+                      "mb-4 font-sans text-xl font-semibold italic",
+                      t.number
+                    ),
+                    children: String(i + 1).padStart(2, "0")
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "h3",
+                  {
+                    className: cn(
+                      "font-heading text-lg font-bold leading-snug",
+                      t.heading
+                    ),
+                    children: item.title
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mt-2 font-sans text-base leading-relaxed", t.body), children: item.description })
+              ]
+            },
+            i
+          )),
+          !isNumbered && items.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: cn(
+                isCard && cn("rounded-2xl border p-6 sm:p-7", t.card),
+                stacked ? "flex flex-col items-center text-center" : "flex items-start gap-4 text-left"
+              ),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "span",
+                  {
+                    className: cn(
+                      "flex shrink-0 items-center justify-center",
+                      isCard ? cn("h-14 w-14 rounded-full [&>svg]:size-7", t.chip) : cn("[&>svg]:size-8", t.icon),
+                      stacked && "mb-4"
+                    ),
+                    children: item.icon
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: isInline ? "flex-1" : "contents", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "h3",
+                    {
+                      className: cn(
+                        "font-heading text-sm font-bold uppercase leading-snug tracking-wide",
+                        t.title,
+                        stacked && "mb-3"
+                      ),
+                      children: item.title
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "p",
+                    {
+                      className: cn(
+                        "font-sans text-base leading-relaxed",
+                        t.body,
+                        isInline && "mt-1.5"
+                      ),
+                      children: item.description
+                    }
+                  )
+                ] })
+              ]
+            },
+            i
+          ))
+        ]
+      }
+    )
+  ] }) });
+}
+function RotatingSubtitle({
+  phrases,
+  interval,
+  className
+}) {
+  const [index, setIndex] = React32__namespace.useState(0);
+  React32__namespace.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);
+    if (reduce) return;
+    const id = setInterval(
+      () => setIndex((i) => (i + 1) % phrases.length),
+      interval
+    );
+    return () => clearInterval(id);
+  }, [phrases.length, interval]);
+  return (
+    /* Grid-stacks all phrases so the box keeps the height of the tallest line
+       and the crossfade has no layout shift. */
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("grid", className), children: phrases.map((phrase, i) => /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        "aria-hidden": i !== index,
+        className: cn(
+          "col-start-1 row-start-1 transition-opacity duration-700",
+          i === index ? "opacity-100" : "opacity-0"
+        ),
+        children: phrase
+      },
+      phrase + i
+    )) })
+  );
+}
+function CtaBanner({
+  image,
+  imageAlt = "",
+  title,
+  subtitle,
+  cta,
+  rotateInterval = 3e3,
+  parallax = true,
+  overlayOpacity = 35,
+  className
+}) {
+  const phrases = React32__namespace.useMemo(
+    () => (Array.isArray(subtitle) ? subtitle : subtitle ? [subtitle] : []).map((s) => s.trim()).filter(Boolean),
+    [subtitle]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "section",
+    {
+      className: cn(
+        "relative w-full overflow-hidden",
+        "flex items-center justify-center",
+        "min-h-[360px] py-24 sm:py-28 lg:py-32",
+        "bg-muted",
+        className
+      ),
+      children: [
+        parallax ? (
+          /* Parallax: fixed-attachment CSS background (sm+). Uses a plain div so
+             `bg-fixed` works; on mobile it falls back to a normal cover image. */
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              "aria-hidden": true,
+              role: imageAlt ? "img" : void 0,
+              "aria-label": imageAlt || void 0,
+              className: "absolute inset-0 bg-cover bg-center sm:bg-fixed",
+              style: { backgroundImage: `url("${image}")` }
+            }
+          )
+        ) : /* @__PURE__ */ jsxRuntime.jsx(
+          Picture,
+          {
+            src: image,
+            alt: imageAlt,
+            eager: true,
+            className: "absolute inset-0 h-full w-full object-cover"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: "absolute inset-0 bg-black",
+            style: { opacity: overlayOpacity / 100 },
+            "aria-hidden": true
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative z-10 mx-auto flex w-full max-w-4xl flex-col items-center px-6 text-center", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "font-heading text-4xl font-black uppercase leading-none tracking-tight text-white sm:text-5xl lg:text-[3.25rem]", children: title }),
+          phrases.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-4 font-sans text-xl font-semibold text-white sm:text-2xl lg:text-[1.7rem]", children: phrases.length > 1 ? /* @__PURE__ */ jsxRuntime.jsx(RotatingSubtitle, { phrases, interval: rotateInterval }) : phrases[0] }),
+          cta && (cta.href ? /* @__PURE__ */ jsxRuntime.jsx(
+            "a",
+            {
+              href: cta.href,
+              onClick: cta.onClick,
+              className: "mt-8 inline-block border-b border-white/70 pb-1.5 font-ui text-xs font-light uppercase tracking-[0.2em] text-white transition-colors hover:border-white hover:text-white/80",
+              children: cta.label
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: cta.onClick,
+              className: "mt-8 inline-block border-b border-white/70 pb-1.5 font-ui text-xs font-light uppercase tracking-[0.2em] text-white transition-colors hover:border-white hover:text-white/80",
+              children: cta.label
+            }
+          ))
+        ] })
+      ]
+    }
+  );
+}
+var THEME3 = {
+  light: {
+    section: "bg-background",
+    heading: "text-foreground",
+    sub: "text-muted-foreground",
+    rowTitle: "text-foreground",
+    rowBorder: "border-border",
+    rowArrow: "text-primary"
+  },
+  dark: {
+    section: "bg-neutral-950",
+    heading: "text-white",
+    sub: "text-white/60",
+    rowTitle: "text-white",
+    rowBorder: "border-white/10",
+    rowArrow: "text-primary-400"
+  }
+};
+function BlogJournal({
+  eyebrow,
+  title,
+  subtitle,
+  link,
+  feature,
+  posts,
+  theme = "light",
+  className
+}) {
+  var _a, _b, _c, _d;
+  const t = THEME3[theme];
+  const featRel = feature.external ? "noopener noreferrer" : void 0;
+  const featTarget = feature.external ? "_blank" : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: cn("w-full py-20 sm:py-28", t.section, className), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto w-full max-w-6xl px-6 sm:px-8", children: [
+    (title || eyebrow || link) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-10 flex flex-wrap items-end justify-between gap-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-2xl", children: [
+        eyebrow && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-3 text-xs font-ui font-bold uppercase tracking-[0.22em] text-primary", children: eyebrow }),
+        title && /* @__PURE__ */ jsxRuntime.jsx(
+          "h2",
+          {
+            className: cn(
+              "font-heading text-3xl font-black uppercase leading-[1.05] sm:text-4xl lg:text-5xl",
+              t.heading
+            ),
+            children: title
+          }
+        ),
+        subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mt-3 text-base", t.sub), children: subtitle })
+      ] }),
+      link && /* @__PURE__ */ jsxRuntime.jsxs(
+        "a",
+        {
+          href: (_a = link.href) != null ? _a : "#",
+          className: "group inline-flex shrink-0 items-center gap-1.5 font-ui text-sm font-bold text-primary transition-colors hover:text-primary-800",
+          children: [
+            link.label,
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowRightIcon, { className: "h-4 w-4 transition-transform group-hover:translate-x-1" })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid items-stretch gap-7 lg:grid-cols-[1.12fr_0.88fr]", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "a",
+        {
+          href: (_b = feature.href) != null ? _b : "#",
+          target: featTarget,
+          rel: featRel,
+          className: "group relative flex min-h-[420px] items-end overflow-hidden rounded-2xl text-white shadow-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 lg:min-h-[480px]",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Picture,
+              {
+                src: feature.image,
+                alt: (_c = feature.imageAlt) != null ? _c : feature.title,
+                loading: "lazy",
+                className: "absolute inset-0 h-full w-full object-cover transition-transform duration-700 group-hover:scale-105"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-black/90 via-black/25 to-transparent" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative p-8 sm:p-9", children: [
+              feature.tag && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mb-3.5 inline-block rounded-full bg-primary px-3 py-1 text-[11px] font-ui font-bold uppercase tracking-[0.12em] text-primary-foreground", children: feature.tag }),
+              feature.date && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block text-xs font-ui font-bold uppercase tracking-[0.1em] text-primary-400", children: feature.date }),
+              /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mt-2.5 max-w-[20ch] font-heading text-2xl font-bold leading-[1.08] sm:text-3xl lg:text-4xl", children: feature.title }),
+              feature.excerpt && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-3 max-w-[46ch] text-sm leading-relaxed text-white/85", children: feature.excerpt }),
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "mt-5 inline-flex items-center gap-1.5 font-ui text-sm font-bold", children: [
+                (_d = feature.ctaLabel) != null ? _d : "Read the guide",
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowRightIcon, { className: "h-4 w-4 transition-transform group-hover:translate-x-1" })
+              ] })
+            ] })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-col justify-center", children: posts.map((post, i) => {
+        var _a2, _b2;
+        return /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(
+          "a",
+          {
+            href: (_a2 = post.href) != null ? _a2 : "#",
+            target: post.external ? "_blank" : void 0,
+            rel: post.external ? "noopener noreferrer" : void 0,
+            className: cn(
+              "group grid grid-cols-[64px_1fr_auto] items-center gap-4 border-t py-5 transition-[padding] duration-300 hover:pl-3 sm:grid-cols-[78px_1fr_auto]",
+              t.rowBorder,
+              i === 0 && "border-t-0 pt-0"
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Picture,
+                {
+                  src: post.image,
+                  alt: (_b2 = post.imageAlt) != null ? _b2 : post.title,
+                  loading: "lazy",
+                  className: "h-16 w-16 rounded-xl object-cover sm:h-[78px] sm:w-[78px]"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-[11px] font-ui font-bold uppercase tracking-[0.1em] text-primary", children: [
+                  post.category,
+                  post.category && post.date && /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("ml-2 font-semibold", t.sub), children: post.date }),
+                  !post.category && post.date && /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("font-semibold", t.sub), children: post.date })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "h4",
+                  {
+                    className: cn(
+                      "mt-1.5 font-heading text-base font-bold leading-snug sm:text-lg",
+                      t.rowTitle
+                    ),
+                    children: post.title
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                lucideReact.ArrowRightIcon,
+                {
+                  className: cn(
+                    "h-5 w-5 shrink-0 transition-transform group-hover:translate-x-1",
+                    t.rowArrow
+                  )
+                }
+              )
+            ]
+          }
+        ) }, i);
+      }) })
+    ] })
+  ] }) });
+}
+var SURFACE_WHITE = "bg-white";
+var SURFACE_SAND = "bg-[oklch(0.94_0.016_86)]";
+var SURFACE_PRIMARY_700 = "bg-[oklch(0.52_0.082_179)]";
+var SURFACE_PRIMARY_800 = "bg-[oklch(0.39_0.062_179)]";
+var SURFACE_PRIMARY_900 = "bg-[oklch(0.27_0.040_179)]";
+function SectionHead({
+  eyebrow,
+  title,
+  subtitle,
+  link,
+  align = "between",
+  theme = "light"
+}) {
+  var _a;
+  const isCenter = align === "center";
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cn(
+        "mb-10 flex flex-wrap items-end gap-6",
+        isCenter ? "flex-col items-center text-center" : "justify-between"
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("max-w-2xl", isCenter && "mx-auto"), children: [
+          eyebrow && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-3 text-xs font-ui font-bold uppercase tracking-[0.22em] text-primary", children: eyebrow }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "h2",
+            {
+              className: cn(
+                "font-heading text-3xl font-black uppercase leading-[1.05] sm:text-4xl lg:text-5xl",
+                theme === "dark" ? "text-white" : "text-foreground"
+              ),
+              children: title
+            }
+          ),
+          subtitle && /* @__PURE__ */ jsxRuntime.jsx(
+            "p",
+            {
+              className: cn(
+                "mt-3 text-base",
+                theme === "dark" ? "text-white/70" : "text-muted-foreground"
+              ),
+              children: subtitle
+            }
+          )
+        ] }),
+        link && !isCenter && /* @__PURE__ */ jsxRuntime.jsxs(
+          "a",
+          {
+            href: (_a = link.href) != null ? _a : "#",
+            className: "group inline-flex shrink-0 items-center gap-1.5 font-ui text-sm font-bold text-primary transition-colors hover:text-primary-800",
+            children: [
+              link.label,
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowRightIcon, { className: "h-4 w-4 transition-transform group-hover:translate-x-1" })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function ExpeditionsRail({ eyebrow, title, subtitle, link, trips }) {
+  var _a;
+  const railRef = React32__namespace.useRef(null);
+  const scrollByCard = (dir) => {
+    const rail = railRef.current;
+    if (!rail) return;
+    const card = rail.querySelector("[data-rail-card]");
+    const amount = card ? card.offsetWidth + 22 : rail.clientWidth * 0.8;
+    rail.scrollBy({ left: dir * amount, behavior: "smooth" });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: cn(SURFACE_SAND, "py-20 sm:py-28"), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto w-full max-w-6xl px-6 sm:px-8", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-10 flex flex-wrap items-end justify-between gap-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-2xl", children: [
+        eyebrow && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-3 text-xs font-ui font-bold uppercase tracking-[0.22em] text-primary", children: eyebrow }),
+        /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "font-heading text-3xl font-black uppercase leading-[1.05] text-foreground sm:text-4xl lg:text-5xl", children: title }),
+        subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-3 text-base text-muted-foreground", children: subtitle })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2.5", children: [
+        link && /* @__PURE__ */ jsxRuntime.jsxs(
+          "a",
+          {
+            href: (_a = link.href) != null ? _a : "#",
+            className: "group mr-2 hidden items-center gap-1.5 font-ui text-sm font-bold text-primary transition-colors hover:text-primary-800 sm:inline-flex",
+            children: [
+              link.label,
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowRightIcon, { className: "h-4 w-4 transition-transform group-hover:translate-x-1" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => scrollByCard(-1),
+            "aria-label": "Previous expeditions",
+            className: "flex h-11 w-11 items-center justify-center rounded-full border border-border bg-background text-foreground transition-colors hover:border-primary hover:bg-primary hover:text-primary-foreground",
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeftIcon, { className: "h-5 w-5" })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => scrollByCard(1),
+            "aria-label": "Next expeditions",
+            className: "flex h-11 w-11 items-center justify-center rounded-full border border-border bg-background text-foreground transition-colors hover:border-primary hover:bg-primary hover:text-primary-foreground",
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, { className: "h-5 w-5" })
+          }
+        )
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto w-full max-w-6xl", children: /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref: railRef,
+        className: "flex snap-x snap-mandatory gap-[22px] overflow-x-auto scroll-pl-6 px-6 pb-4 [scrollbar-width:none] sm:scroll-pl-8 sm:px-8 [&::-webkit-scrollbar]:hidden",
+        children: trips.map((trip, i) => /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            "data-rail-card": true,
+            className: "w-[320px] shrink-0 snap-start sm:w-[340px]",
+            children: /* @__PURE__ */ jsxRuntime.jsx(TripCard, __spreadValues({ variant: "editorial" }, trip))
+          },
+          i
+        ))
+      }
+    ) })
+  ] });
+}
+function PopularCloud({ eyebrow, title, subtitle, chips }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: cn(SURFACE_WHITE, "py-20 sm:py-28"), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto w-full max-w-6xl px-6 sm:px-8", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      SectionHead,
+      {
+        eyebrow,
+        title,
+        subtitle,
+        align: "center"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto flex max-w-3xl flex-wrap items-center justify-center gap-3", children: chips.map((chip, i) => {
+      var _a;
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        Chip,
+        {
+          href: chip.href,
+          variant: chip.featured ? "solid" : "outline",
+          size: (_a = chip.size) != null ? _a : "md",
+          className: "transition-transform hover:-translate-y-0.5",
+          children: chip.label
+        },
+        i
+      );
+    }) })
+  ] }) });
+}
+function StatsBand({ items }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: cn(SURFACE_PRIMARY_700, "py-16 text-white sm:py-20"), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto w-full max-w-6xl px-6 sm:px-8", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-x-6 gap-y-10 text-center lg:grid-cols-4", children: items.map((stat, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-heading text-4xl font-black leading-none text-[oklch(0.94_0.05_179)] sm:text-5xl lg:text-6xl", children: stat.value }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 text-sm font-medium text-white/90", children: stat.label })
+  ] }, i)) }) }) });
+}
+function ReviewStars({ stars = 5 }) {
+  return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+    lucideReact.StarIcon,
+    {
+      className: cn(
+        "h-4 w-4",
+        i + 1 <= Math.round(stars) ? "fill-amber-400 text-amber-400" : "fill-white/15 text-white/15"
+      )
+    },
+    i
+  )) });
+}
+function ReviewsBand({ eyebrow, title, subtitle, link, items, note }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: cn(SURFACE_PRIMARY_900, "py-20 text-white sm:py-28"), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto w-full max-w-6xl px-6 sm:px-8", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      SectionHead,
+      {
+        eyebrow,
+        title,
+        subtitle,
+        link,
+        theme: "dark"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-5 sm:grid-cols-2 lg:grid-cols-3", children: items.map((review, i) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "figure",
+      {
+        className: "rounded-2xl border border-white/10 bg-white/5 p-7 transition-colors hover:bg-white/10",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ReviewStars, { stars: review.stars }),
+          /* @__PURE__ */ jsxRuntime.jsxs("blockquote", { className: "font-sans text-lg italic leading-relaxed text-white/90", children: [
+            "\u201C",
+            review.quote,
+            "\u201D"
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("figcaption", { className: "mt-5 text-sm font-medium text-white/60", children: [
+            "\u2014 ",
+            review.author
+          ] })
+        ]
+      },
+      i
+    )) }),
+    note && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-8 text-center text-xs text-white/40", children: note })
+  ] }) });
+}
+function NewHome({
+  hero,
+  explorer,
+  expeditions,
+  popular,
+  stats,
+  usp,
+  reviews,
+  journal,
+  cta,
+  footer,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("w-full bg-background", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(HomeHeader, __spreadValues({}, hero)),
+    explorer && /* @__PURE__ */ jsxRuntime.jsx(
+      AdventureExplorer,
+      __spreadProps(__spreadValues({}, explorer), {
+        className: cn(SURFACE_WHITE, explorer.className)
+      })
+    ),
+    expeditions && /* @__PURE__ */ jsxRuntime.jsx(ExpeditionsRail, __spreadValues({}, expeditions)),
+    popular && /* @__PURE__ */ jsxRuntime.jsx(PopularCloud, __spreadValues({}, popular)),
+    stats && /* @__PURE__ */ jsxRuntime.jsx(StatsBand, __spreadValues({}, stats)),
+    usp && /* @__PURE__ */ jsxRuntime.jsx(USP, __spreadProps(__spreadValues({}, usp), { className: cn(SURFACE_PRIMARY_800, usp.className) })),
+    reviews && /* @__PURE__ */ jsxRuntime.jsx(ReviewsBand, __spreadValues({}, reviews)),
+    journal && /* @__PURE__ */ jsxRuntime.jsx(BlogJournal, __spreadProps(__spreadValues({}, journal), { className: cn(SURFACE_WHITE, journal.className) })),
+    cta && /* @__PURE__ */ jsxRuntime.jsx(CtaBanner, __spreadValues({}, cta)),
+    footer && /* @__PURE__ */ jsxRuntime.jsx(SiteFooter, __spreadValues({}, footer))
+  ] });
+}
+var ACTIVE_PILL = "bg-primary text-white shadow-sm";
+var VARIANT3 = {
+  black: {
+    track: "bg-white/5 border-white/10",
+    idle: "text-white/55 hover:text-white",
+    ring: "focus-visible:ring-white/70"
+  },
+  white: {
+    track: "bg-neutral-100 border-black/10",
+    idle: "text-neutral-500 hover:text-neutral-900",
+    ring: "focus-visible:ring-neutral-900/40"
+  }
+};
+var SIZE = {
+  sm: "px-4 py-1.5 text-[13px]",
+  md: "px-5 py-2 text-sm"
+};
+function SegmentedControl({
+  items,
+  value,
+  defaultValue,
+  onValueChange,
+  variant = "black",
+  size = "md",
+  fullWidth = false,
+  collapse = false,
+  "aria-label": ariaLabel = "Options",
+  className
+}) {
+  var _a;
+  const isControlled = value != null;
+  const [internal, setInternal] = React32__namespace.useState(
+    defaultValue != null ? defaultValue : (_a = items[0]) == null ? void 0 : _a.id
+  );
+  const active = isControlled ? value : internal;
+  const select = (id) => {
+    if (!isControlled) setInternal(id);
+    onValueChange == null ? void 0 : onValueChange(id);
+  };
+  const onKeyDown = (e) => {
+    if (e.key !== "ArrowLeft" && e.key !== "ArrowRight") return;
+    e.preventDefault();
+    const enabled = items.filter((i) => !i.disabled);
+    const idx = enabled.findIndex((i) => i.id === active);
+    if (idx === -1) return;
+    const next = e.key === "ArrowRight" ? enabled[(idx + 1) % enabled.length] : enabled[(idx - 1 + enabled.length) % enabled.length];
+    select(next.id);
+  };
+  const v = VARIANT3[variant];
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      role: "radiogroup",
+      "aria-label": ariaLabel,
+      onKeyDown,
+      className: cn(
+        "inline-flex max-w-full items-center gap-1 overflow-x-auto rounded-full border p-1.5 scrollbar-none",
+        fullWidth && "flex w-full",
+        v.track,
+        className
+      ),
+      children: items.map((item) => {
+        const isActive = item.id === active;
+        const Icon = item.icon;
+        const showLabel = collapse === "all" ? false : collapse ? isActive : true;
+        return /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            role: "radio",
+            "aria-checked": isActive,
+            "aria-label": collapse && !showLabel ? item.label : void 0,
+            title: collapse && !showLabel ? item.label : void 0,
+            disabled: item.disabled,
+            tabIndex: isActive ? 0 : -1,
+            onClick: () => select(item.id),
+            className: cn(
+              "inline-flex shrink-0 items-center justify-center rounded-full font-ui font-bold transition-all duration-300 ease-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-40",
+              showLabel && Icon ? "gap-2" : "gap-0",
+              variant === "black" ? "focus-visible:ring-offset-neutral-950" : "focus-visible:ring-offset-white",
+              fullWidth && "flex-1",
+              SIZE[size],
+              /* Icon-only segments are square-ish — drop the side padding so
+                 the icon centres in a circular pill. */
+              collapse && !showLabel && (size === "sm" ? "!px-1.5" : "!px-2"),
+              isActive ? ACTIVE_PILL : v.idle,
+              v.ring
+            ),
+            children: [
+              Icon && /* @__PURE__ */ jsxRuntime.jsx(
+                Icon,
+                {
+                  className: cn("shrink-0", size === "sm" ? "size-4" : "size-[18px]")
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  className: cn(
+                    "overflow-hidden whitespace-nowrap transition-all duration-300 ease-out",
+                    showLabel ? "max-w-[12ch] opacity-100" : "max-w-0 opacity-0"
+                  ),
+                  children: item.label
+                }
+              )
+            ]
+          },
+          item.id
+        );
+      })
+    }
+  );
+}
 
 exports.ActivityCard = ActivityCard;
+exports.AdventureExplorer = AdventureExplorer;
 exports.AgentContactCard = AgentContactCard;
 exports.Alert = Alert;
 exports.AskExo = AskExo;
 exports.BirthDateField = BirthDateField;
 exports.BlogCard = BlogCard;
+exports.BlogJournal = BlogJournal;
 exports.BlogPost = BlogPost;
 exports.BookingAdventureCard = BookingAdventureCard;
 exports.BookingCancellationEmail = BookingCancellationEmail;
@@ -16923,9 +18831,19 @@ exports.BookingShell = BookingShell;
 exports.BookingSummary = BookingSummary;
 exports.Button = Button;
 exports.COUNTRIES = COUNTRIES;
+exports.CancellationForm = CancellationForm;
 exports.CategoryPage2 = CategoryPage2;
+exports.Chip = Chip;
 exports.CounterField = CounterField;
 exports.CountrySearchField = CountrySearchField;
+exports.CtaBanner = CtaBanner;
+exports.DEFAULT_FOOTER_BADGES = DEFAULT_FOOTER_BADGES;
+exports.DEFAULT_FOOTER_DESTINATIONS = DEFAULT_FOOTER_DESTINATIONS;
+exports.DEFAULT_FOOTER_LANGUAGES = DEFAULT_FOOTER_LANGUAGES;
+exports.DEFAULT_FOOTER_LEGAL = DEFAULT_FOOTER_LEGAL;
+exports.DEFAULT_FOOTER_PAGES = DEFAULT_FOOTER_PAGES;
+exports.DEFAULT_FOOTER_SOCIALS = DEFAULT_FOOTER_SOCIALS;
+exports.DEFAULT_FOOTER_THEMES = DEFAULT_FOOTER_THEMES;
 exports.DEFAULT_HEADER_LINKS = DEFAULT_HEADER_LINKS;
 exports.DEFAULT_LANGUAGES = DEFAULT_LANGUAGES;
 exports.DEPARTURE_STATUS_MAP = STATUS_MAP;
@@ -16943,11 +18861,13 @@ exports.FloatingInput = FloatingInput;
 exports.FloatingSelect = FloatingSelect;
 exports.GroupProgressBar = GroupProgressBar;
 exports.GroupStatusBanner = GroupStatusBanner;
+exports.HomeHeader = HomeHeader;
 exports.Itinerary = Itinerary;
 exports.ItineraryDay = ItineraryDay;
 exports.LOGO_PLANETAEXO_DATA_URI = LOGO_PLANETAEXO_DATA_URI;
 exports.LeadCapturePopup = LeadCapturePopup;
 exports.MenuTrip = MenuTrip;
+exports.NewHome = NewHome;
 exports.NotificationEmail = NotificationEmail;
 exports.OTPCodeInput = OTPCodeInput;
 exports.Offer = Offer;
@@ -16973,7 +18893,9 @@ exports.RegistrationProgressBar = RegistrationProgressBar;
 exports.RegistrationReminderEmail = RegistrationReminderEmail;
 exports.RegistrationReminderIndividualEmail = RegistrationReminderIndividualEmail;
 exports.RegistrationSuccessCard = RegistrationSuccessCard;
+exports.SegmentedControl = SegmentedControl;
 exports.ShareWidget = ShareWidget;
+exports.SiteFooter = SiteFooter;
 exports.SiteHeader = SiteHeader;
 exports.StatusBadge = StatusBadge2;
 exports.StickyBookingCard = StickyBookingCard;
@@ -16987,7 +18909,9 @@ exports.TripCard = TripCard;
 exports.TripHeader = TripHeader;
 exports.TripPage = TripPage;
 exports.TrustpilotEmbed = TrustpilotEmbed;
+exports.USP = USP;
 exports.buttonVariants = buttonVariants;
+exports.chipVariants = chipVariants;
 exports.cn = cn;
 exports.emailTokens = emailTokens;
 exports.formatCpf = formatCpf;