@planetaexo/design-system 0.64.0 → 0.65.0

package/dist/index.cjs

@@ -638,7 +638,8 @@ function PhoneCountrySelect({
   value,
   onChange,
   className,
-  disabled
+  disabled,
+  showDial = true
 }) {
   var _a;
   const [open, setOpen] = React32__namespace.useState(false);
@@ -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,
             {
@@ -7930,7 +7931,8 @@ function DatePickerField({
   placeholder = "Select a date",
   disabled,
   fromDate,
-  className
+  className,
+  error
 }) {
   const [open, setOpen] = React32__namespace.useState(false);
   const containerRef = React32__namespace.useRef(null);
@@ -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
 }) {
+  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 set = (key, value) => setValues((prev) => __spreadProps(__spreadValues({}, prev), { [key]: value }));
+  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
           }
         ) })
       ]
@@ -10053,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 = React32__namespace.useContext(AccordionVariantContext);
-  return /* @__PURE__ */ jsxRuntime.jsx(accordion.Accordion.Header, { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
-    accordion.Accordion.Trigger,
+  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, {
@@ -10327,9 +10438,10 @@ function FilterPanel({
   variant = "sidebar",
   sortOptions,
   sort,
-  onSortChange
+  onSortChange,
+  labels
 }) {
-  var _a, _b;
+  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, []]))
@@ -10467,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(
@@ -10481,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})` : ""
                       ]
                     }
                   )
@@ -10508,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" })
               ]
             }
@@ -10618,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,
@@ -10642,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" })
                 ]
               }
@@ -10714,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"
       }
     )
   ] });
@@ -10983,7 +11095,7 @@ function Picture(_a) {
     "onLoad",
     "onError"
   ]);
-  var _a2;
+  var _a2, _b2;
   const ref = React32__namespace.useRef(null);
   const [visible, setVisible] = React32__namespace.useState(eager);
   const [loaded, setLoaded] = React32__namespace.useState(false);
@@ -11011,8 +11123,9 @@ function Picture(_a) {
   }, [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);
@@ -11038,6 +11151,7 @@ function Picture(_a) {
           onLoad: handleLoad,
           onError: handleError
         }, imgProps), {
+          title: resolvedTitle,
           fetchPriority: fetchPriorityResolved,
           style: mergedStyle
         })
@@ -11061,6 +11175,7 @@ function Picture(_a) {
           onLoad: handleLoad,
           onError: handleError
         }, imgProps), {
+          title: resolvedTitle,
           fetchPriority: fetchPriorityResolved,
           style: mergedStyle
         })
@@ -11355,9 +11470,10 @@ function gridCols(total) {
 function Lightbox({
   photos,
   initialIndex,
-  onClose
+  onClose,
+  labels
 }) {
-  var _a;
+  var _a, _b, _c, _d;
   const [index, setIndex] = React32__namespace.useState(initialIndex);
   const total = photos.length;
   const photo = photos[index];
@@ -11390,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" })
           }
         ),
@@ -11403,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" })
           }
         ),
@@ -11416,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" })
           }
         ),
@@ -11424,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()
           }
@@ -11494,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"
           }
@@ -11507,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",
     {
@@ -11522,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,
         ")"
       ] })
@@ -11535,7 +11656,8 @@ function ShowMoreButton({
 function GridGallery({
   photos,
   initialVisible,
-  onOpen
+  onOpen,
+  labels
 }) {
   const [expanded, setExpanded] = React32__namespace.useState(false);
   const cols = gridCols(photos.length);
@@ -11557,7 +11679,8 @@ function GridGallery({
       {
         count: photos.length - initialVisible,
         expanded,
-        onClick: () => setExpanded((v) => !v)
+        onClick: () => setExpanded((v) => !v),
+        labels
       }
     )
   ] });
@@ -11565,7 +11688,8 @@ function GridGallery({
 function CompactGridGallery({
   photos,
   initialVisible,
-  onOpen
+  onOpen,
+  labels
 }) {
   const [expanded, setExpanded] = React32__namespace.useState(false);
   const hasMore = photos.length > initialVisible;
@@ -11586,7 +11710,8 @@ function CompactGridGallery({
       {
         count: photos.length - initialVisible,
         expanded,
-        onClick: () => setExpanded((v) => !v)
+        onClick: () => setExpanded((v) => !v),
+        labels
       }
     )
   ] });
@@ -11594,7 +11719,8 @@ function CompactGridGallery({
 function MasonryGallery({
   photos,
   initialVisible,
-  onOpen
+  onOpen,
+  labels
 }) {
   const [expanded, setExpanded] = React32__namespace.useState(false);
   const hasMore = photos.length > initialVisible;
@@ -11615,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"
               }
@@ -11630,7 +11757,8 @@ function MasonryGallery({
       {
         count: photos.length - initialVisible,
         expanded,
-        onClick: () => setExpanded((v) => !v)
+        onClick: () => setExpanded((v) => !v),
+        labels
       }
     )
   ] });
@@ -11654,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"
             }
@@ -11667,7 +11796,8 @@ function FilmstripGallery({
 }
 function FeaturedGallery({
   photos,
-  onOpen
+  onOpen,
+  labels
 }) {
   const [expanded, setExpanded] = React32__namespace.useState(false);
   const featured = photos.slice(0, 3);
@@ -11719,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"
               }
@@ -11734,7 +11865,8 @@ function FeaturedGallery({
       {
         count: extra.length,
         expanded,
-        onClick: () => setExpanded((v) => !v)
+        onClick: () => setExpanded((v) => !v),
+        labels
       }
     )
   ] });
@@ -11802,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"
               },
@@ -11865,6 +11998,7 @@ function PhotoGallery({
   variant = "grid",
   initialVisible = 6,
   onPhotoClick,
+  labels,
   className
 }) {
   const [lightboxIndex, setLightboxIndex] = React32__namespace.useState(null);
@@ -11880,7 +12014,8 @@ function PhotoGallery({
     {
       photos: normalised,
       initialIndex: lightboxIndex,
-      onClose: () => setLightboxIndex(null)
+      onClose: () => setLightboxIndex(null),
+      labels
     }
   );
   if (variant === "carousel" || variant === "fullBleed") {
@@ -11908,7 +12043,8 @@ function PhotoGallery({
       {
         photos: normalised,
         initialVisible,
-        onOpen: handleOpen
+        onOpen: handleOpen,
+        labels
       }
     ),
     variant === "gridCompact" && /* @__PURE__ */ jsxRuntime.jsx(
@@ -11916,7 +12052,8 @@ function PhotoGallery({
       {
         photos: normalised,
         initialVisible,
-        onOpen: handleOpen
+        onOpen: handleOpen,
+        labels
       }
     ),
     variant === "masonry" && /* @__PURE__ */ jsxRuntime.jsx(
@@ -11924,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
@@ -12198,6 +12336,8 @@ function PricingTrip({
   departureTimes,
   onBook,
   bookLabel = "Check availability",
+  fromLabel = "From",
+  perPersonLabel = "per person",
   variant = "card",
   sharp = false,
   belowPrice,
@@ -12224,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",
@@ -12342,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,
               " ",
@@ -12371,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",
@@ -12644,8 +12790,10 @@ 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] = React32__namespace.useState(null);
@@ -12703,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
@@ -12732,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",
@@ -12745,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",
@@ -12794,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",
@@ -12834,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
@@ -12847,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
@@ -12880,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
@@ -12890,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(
@@ -12919,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",
@@ -12929,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",
@@ -12986,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]" })
                     }
@@ -12999,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]" })
                     }
@@ -13149,9 +13297,11 @@ function HeartIcon({ filled = false }) {
   );
 }
 function TripCardEditorial(props) {
+  var _a, _b, _c, _d;
   const {
     image,
     imageAlt = "",
+    labels,
     title,
     description,
     nights,
@@ -13209,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(
@@ -13253,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 })
@@ -13278,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,
@@ -13296,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
@@ -13321,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: [
@@ -13415,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"
       }
@@ -13768,6 +13922,8 @@ function TripHeader({
   breadcrumb,
   destination,
   duration,
+  groupSize,
+  labels,
   tagline,
   chips,
   belowMeta,
@@ -13775,7 +13931,7 @@ function TripHeader({
   uiVariant = "v1",
   className
 }) {
-  var _a;
+  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);
@@ -13793,7 +13949,7 @@ 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);
   React32__namespace.useEffect(() => {
     if (!videoUrl) return;
@@ -13900,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" })
                   }
                 ),
@@ -13910,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" })
                   }
                 ),
@@ -13953,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)) }),
@@ -14406,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 }) }),
@@ -14417,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 })
     ] })
@@ -14434,6 +14597,7 @@ function TripPage({
   tagline,
   destination,
   duration,
+  groupSize,
   images,
   videoUrl,
   breadcrumb,
@@ -14457,6 +14621,7 @@ function TripPage({
   whenItOperates,
   food,
   foodGallery,
+  foodGalleryVariant = "gridCompact",
   termsAndConditions,
   meetingPoints,
   meetingPoint,
@@ -14476,7 +14641,13 @@ function TripPage({
   currencyEstimates,
   priceInfo,
   onBook,
+  onBookingSubmit,
+  bookingLoading,
+  bookingDefaults,
+  bookingLabels,
   bookLabel,
+  fromLabel,
+  perPersonLabel,
   siteHeader,
   uiVariant = "v1",
   features,
@@ -14653,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,
@@ -14713,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: [
@@ -14750,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"
                           ] }) }),
@@ -14765,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"
                           ] }) }),
@@ -14774,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
@@ -14790,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"
                           ] }) }),
@@ -14799,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
                               }
                             ) })
@@ -14815,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);
+                          }) }) })
                         ]
                       }
                     ),
@@ -14837,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"
                           ] }) }),
@@ -14852,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"
                           ] }) }),
@@ -14867,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"
                           ] }) }),
@@ -14882,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"
                           ] }) }),
@@ -14897,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"
                           ] }) }),
@@ -14909,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: [
@@ -14931,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,
                         ")"
                       ] })
@@ -14975,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,
@@ -15017,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,
@@ -15029,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,
           {
@@ -15042,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,
@@ -15075,6 +15294,7 @@ function CategoryPage2({
   trustpilotMini,
   breadcrumb,
   siteHeader,
+  heroRightSlot,
   popularTours,
   popularToursTitle = "More adventures calling your name",
   popularToursEyebrow = "Popular tours",
@@ -15085,6 +15305,7 @@ function CategoryPage2({
   sortOptions,
   defaultSort,
   tripsInitialCount = 15,
+  tripListingSlot,
   trustpilot,
   reviewsTitle = "Don't just take our word for it",
   reviewsSubtitle,
@@ -15101,6 +15322,12 @@ function CategoryPage2({
   faqInitialCount = 5,
   gallery,
   galleryTitle,
+  loadMoreLabel,
+  showLessLabel,
+  seeMoreLabel,
+  viewAllPostsLabel,
+  cardLabels,
+  filterLabels,
   className
 }) {
   var _a;
@@ -15257,7 +15484,8 @@ 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 }) }) })
         ]
       }
     ),
@@ -15275,6 +15503,7 @@ function CategoryPage2({
         return /* @__PURE__ */ jsxRuntime.jsx(
           TripCard,
           __spreadProps(__spreadValues({}, cardProps), {
+            labels: cardLabels,
             variant: "overlay",
             size: (_b = cardProps.size) != null ? _b : "md"
           }),
@@ -15284,63 +15513,68 @@ 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(SectionHeading2, { 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,
-                ")"
-              ] })
-            }
-          ) })
-        ] });
-      })()
+      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 }),
@@ -15377,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" })
             ]
           }
@@ -15406,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,
               ")"
             ] })
@@ -15477,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"
             }
           ),
@@ -17178,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;
@@ -17200,8 +18833,17 @@ 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;
@@ -17219,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;
@@ -17249,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;
@@ -17263,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;