@neowhale/storefront 0.2.32 → 0.2.34

package/dist/landing.global.js

@@ -0,0 +1,1323 @@
+var WhaleStorefront = (function (exports, react, jsxRuntime) {
+  'use strict';
+
+  var __defProp = Object.defineProperty;
+  var __getOwnPropNames = Object.getOwnPropertyNames;
+  var __esm = (fn, res) => function __init() {
+    return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+  };
+  var __export = (target, all) => {
+    for (var name in all)
+      __defProp(target, name, { get: all[name], enumerable: true });
+  };
+
+  // src/behavioral/tracker.ts
+  var tracker_exports = {};
+  __export(tracker_exports, {
+    BehavioralTracker: () => exports.BehavioralTracker
+  });
+  var SCROLL_MILESTONES, TIME_MILESTONES, MOUSE_THROTTLE_MS, MOUSE_BUFFER_MAX, RAGE_CLICK_COUNT, RAGE_CLICK_RADIUS, RAGE_CLICK_WINDOW_MS, MAX_CLICK_HISTORY; exports.BehavioralTracker = void 0;
+  var init_tracker = __esm({
+    "src/behavioral/tracker.ts"() {
+      SCROLL_MILESTONES = [25, 50, 75, 100];
+      TIME_MILESTONES = [30, 60, 120, 300];
+      MOUSE_THROTTLE_MS = 200;
+      MOUSE_BUFFER_MAX = 100;
+      RAGE_CLICK_COUNT = 3;
+      RAGE_CLICK_RADIUS = 50;
+      RAGE_CLICK_WINDOW_MS = 2e3;
+      MAX_CLICK_HISTORY = 10;
+      exports.BehavioralTracker = class {
+        constructor(config) {
+          this.buffer = [];
+          this.pageUrl = "";
+          this.pagePath = "";
+          this.flushTimer = null;
+          this.scrollMilestones = /* @__PURE__ */ new Set();
+          this.timeMilestones = /* @__PURE__ */ new Set();
+          this.timeTimers = [];
+          this.exitIntentFired = false;
+          this.startTime = 0;
+          this.clickHistory = [];
+          this.mouseBuffer = [];
+          this.lastMouseTime = 0;
+          this.listeners = [];
+          this.observer = null;
+          this.sentinels = [];
+          // ---------------------------------------------------------------------------
+          // Event handlers (arrow functions for stable `this`)
+          // ---------------------------------------------------------------------------
+          this.handleClick = (e) => {
+            const me = e;
+            const target = me.target;
+            if (!target) return;
+            const now = Date.now();
+            const x = me.clientX;
+            const y = me.clientY;
+            this.clickHistory.push({ x, y, t: now });
+            if (this.clickHistory.length > MAX_CLICK_HISTORY) {
+              this.clickHistory.shift();
+            }
+            const tag = target.tagName?.toLowerCase() ?? "";
+            const rawText = target.textContent ?? "";
+            const text = rawText.trim().slice(0, 50);
+            this.push({
+              data_type: "click",
+              data: {
+                tag,
+                text,
+                selector: this.getSelector(target),
+                x,
+                y,
+                timestamp: now
+              },
+              page_url: this.pageUrl,
+              page_path: this.pagePath
+            });
+            this.detectRageClick(x, y, now);
+          };
+          this.handleMouseMove = (e) => {
+            const me = e;
+            const now = Date.now();
+            if (now - this.lastMouseTime < MOUSE_THROTTLE_MS) return;
+            this.lastMouseTime = now;
+            this.mouseBuffer.push({ x: me.clientX, y: me.clientY, t: now });
+            if (this.mouseBuffer.length > MOUSE_BUFFER_MAX) {
+              this.mouseBuffer.shift();
+            }
+          };
+          this.handleMouseOut = (e) => {
+            const me = e;
+            if (this.exitIntentFired) return;
+            if (me.clientY > 0) return;
+            if (me.relatedTarget !== null) return;
+            this.exitIntentFired = true;
+            this.push({
+              data_type: "exit_intent",
+              data: {
+                time_on_page_ms: Date.now() - this.startTime,
+                timestamp: Date.now()
+              },
+              page_url: this.pageUrl,
+              page_path: this.pagePath
+            });
+          };
+          this.handleCopy = () => {
+            const selection = window.getSelection();
+            const length = selection?.toString().length ?? 0;
+            this.push({
+              data_type: "copy",
+              data: {
+                text_length: length,
+                timestamp: Date.now()
+              },
+              page_url: this.pageUrl,
+              page_path: this.pagePath
+            });
+          };
+          this.handleVisibilityChange = () => {
+            if (document.visibilityState !== "hidden") return;
+            const timeSpent = Date.now() - this.startTime;
+            this.push({
+              data_type: "page_exit",
+              data: {
+                time_spent_ms: timeSpent,
+                timestamp: Date.now()
+              },
+              page_url: this.pageUrl,
+              page_path: this.pagePath
+            });
+            this.flushMouseBuffer();
+            this.flush();
+          };
+          this.config = {
+            sendBatch: config.sendBatch,
+            sessionId: config.sessionId,
+            visitorId: config.visitorId,
+            flushIntervalMs: config.flushIntervalMs ?? 1e4,
+            maxBufferSize: config.maxBufferSize ?? 500
+          };
+        }
+        start() {
+          this.startTime = Date.now();
+          this.addListener(document, "click", this.handleClick);
+          this.addListener(document, "mousemove", this.handleMouseMove);
+          this.addListener(document, "mouseout", this.handleMouseOut);
+          this.addListener(document, "copy", this.handleCopy);
+          this.addListener(document, "visibilitychange", this.handleVisibilityChange);
+          this.setupScrollTracking();
+          this.setupTimeMilestones();
+          this.flushTimer = setInterval(() => this.flush(), this.config.flushIntervalMs);
+        }
+        stop() {
+          for (const [target, event, handler] of this.listeners) {
+            target.removeEventListener(event, handler, { capture: true });
+          }
+          this.listeners = [];
+          if (this.flushTimer !== null) {
+            clearInterval(this.flushTimer);
+            this.flushTimer = null;
+          }
+          this.clearTimeMilestones();
+          this.cleanupScrollTracking();
+          this.flushMouseBuffer();
+          this.flush();
+        }
+        setPageContext(url, path) {
+          this.flushMouseBuffer();
+          this.flush();
+          this.pageUrl = url;
+          this.pagePath = path;
+          this.scrollMilestones.clear();
+          this.timeMilestones.clear();
+          this.exitIntentFired = false;
+          this.startTime = Date.now();
+          this.clickHistory = [];
+          this.clearTimeMilestones();
+          this.cleanupScrollTracking();
+          this.setupTimeMilestones();
+          requestAnimationFrame(() => this.setupScrollTracking());
+        }
+        // ---------------------------------------------------------------------------
+        // Buffer management
+        // ---------------------------------------------------------------------------
+        push(event) {
+          this.buffer.push(event);
+          if (this.buffer.length >= this.config.maxBufferSize) {
+            this.flush();
+          }
+        }
+        flush() {
+          if (this.buffer.length === 0) return;
+          const batch = {
+            session_id: this.config.sessionId,
+            visitor_id: this.config.visitorId,
+            events: this.buffer
+          };
+          this.buffer = [];
+          this.config.sendBatch(batch).catch(() => {
+          });
+        }
+        addListener(target, event, handler) {
+          target.addEventListener(event, handler, { passive: true, capture: true });
+          this.listeners.push([target, event, handler]);
+        }
+        // ---------------------------------------------------------------------------
+        // Scroll tracking with IntersectionObserver
+        // ---------------------------------------------------------------------------
+        setupScrollTracking() {
+          if (typeof IntersectionObserver === "undefined") return;
+          this.observer = new IntersectionObserver(
+            (entries) => {
+              for (const entry of entries) {
+                if (!entry.isIntersecting) continue;
+                const milestone = Number(entry.target.getAttribute("data-scroll-milestone"));
+                if (isNaN(milestone) || this.scrollMilestones.has(milestone)) continue;
+                this.scrollMilestones.add(milestone);
+                this.push({
+                  data_type: "scroll_depth",
+                  data: {
+                    depth_percent: milestone,
+                    timestamp: Date.now()
+                  },
+                  page_url: this.pageUrl,
+                  page_path: this.pagePath
+                });
+              }
+            },
+            { threshold: 0 }
+          );
+          const docHeight = document.documentElement.scrollHeight;
+          for (const pct of SCROLL_MILESTONES) {
+            const sentinel = document.createElement("div");
+            sentinel.setAttribute("data-scroll-milestone", String(pct));
+            sentinel.style.position = "absolute";
+            sentinel.style.left = "0";
+            sentinel.style.width = "1px";
+            sentinel.style.height = "1px";
+            sentinel.style.pointerEvents = "none";
+            sentinel.style.opacity = "0";
+            sentinel.style.top = `${docHeight * pct / 100 - 1}px`;
+            document.body.appendChild(sentinel);
+            this.sentinels.push(sentinel);
+            this.observer.observe(sentinel);
+          }
+        }
+        cleanupScrollTracking() {
+          if (this.observer) {
+            this.observer.disconnect();
+            this.observer = null;
+          }
+          for (const sentinel of this.sentinels) {
+            sentinel.remove();
+          }
+          this.sentinels = [];
+        }
+        // ---------------------------------------------------------------------------
+        // Time milestones
+        // ---------------------------------------------------------------------------
+        setupTimeMilestones() {
+          for (const seconds of TIME_MILESTONES) {
+            const timer = setTimeout(() => {
+              if (this.timeMilestones.has(seconds)) return;
+              this.timeMilestones.add(seconds);
+              this.push({
+                data_type: "time_on_page",
+                data: {
+                  milestone_seconds: seconds,
+                  timestamp: Date.now()
+                },
+                page_url: this.pageUrl,
+                page_path: this.pagePath
+              });
+            }, seconds * 1e3);
+            this.timeTimers.push(timer);
+          }
+        }
+        clearTimeMilestones() {
+          for (const timer of this.timeTimers) {
+            clearTimeout(timer);
+          }
+          this.timeTimers = [];
+        }
+        // ---------------------------------------------------------------------------
+        // Rage click detection
+        // ---------------------------------------------------------------------------
+        detectRageClick(x, y, now) {
+          const windowStart = now - RAGE_CLICK_WINDOW_MS;
+          const nearby = this.clickHistory.filter((c) => {
+            if (c.t < windowStart) return false;
+            const dx = c.x - x;
+            const dy = c.y - y;
+            return Math.sqrt(dx * dx + dy * dy) <= RAGE_CLICK_RADIUS;
+          });
+          if (nearby.length >= RAGE_CLICK_COUNT) {
+            this.push({
+              data_type: "rage_click",
+              data: {
+                x,
+                y,
+                click_count: nearby.length,
+                timestamp: now
+              },
+              page_url: this.pageUrl,
+              page_path: this.pagePath
+            });
+            this.clickHistory = [];
+          }
+        }
+        // ---------------------------------------------------------------------------
+        // Mouse buffer flush
+        // ---------------------------------------------------------------------------
+        flushMouseBuffer() {
+          if (this.mouseBuffer.length === 0) return;
+          this.push({
+            data_type: "mouse_movement",
+            data: {
+              points: [...this.mouseBuffer],
+              timestamp: Date.now()
+            },
+            page_url: this.pageUrl,
+            page_path: this.pagePath
+          });
+          this.mouseBuffer = [];
+        }
+        // ---------------------------------------------------------------------------
+        // CSS selector helper
+        // ---------------------------------------------------------------------------
+        getSelector(el) {
+          const parts = [];
+          let current = el;
+          let depth = 0;
+          while (current && depth < 3) {
+            let segment = current.tagName.toLowerCase();
+            if (current.id) {
+              segment += `#${current.id}`;
+            } else if (current.classList.length > 0) {
+              segment += `.${Array.from(current.classList).join(".")}`;
+            }
+            parts.unshift(segment);
+            current = current.parentElement;
+            depth++;
+          }
+          return parts.join(" > ");
+        }
+      };
+    }
+  });
+  var NUM_PATTERN = /(\$?[\d,]+\.?\d*[+★%]?)/g;
+  function easeOutQuart(t) {
+    return 1 - Math.pow(1 - t, 4);
+  }
+  function useCountUp(target, duration, start) {
+    const [value, setValue] = react.useState(0);
+    const raf = react.useRef(0);
+    react.useEffect(() => {
+      if (!start) return;
+      const t0 = performance.now();
+      function tick(now) {
+        const elapsed = now - t0;
+        const progress = Math.min(elapsed / duration, 1);
+        setValue(Math.round(easeOutQuart(progress) * target));
+        if (progress < 1) raf.current = requestAnimationFrame(tick);
+      }
+      raf.current = requestAnimationFrame(tick);
+      return () => cancelAnimationFrame(raf.current);
+    }, [target, duration, start]);
+    return value;
+  }
+  function AnimatedNumber({ raw }) {
+    const ref = react.useRef(null);
+    const [visible, setVisible] = react.useState(false);
+    react.useEffect(() => {
+      const el = ref.current;
+      if (!el || typeof IntersectionObserver === "undefined") {
+        setVisible(true);
+        return;
+      }
+      const obs = new IntersectionObserver(([entry]) => {
+        if (entry.isIntersecting) {
+          setVisible(true);
+          obs.disconnect();
+        }
+      }, { threshold: 0.3 });
+      obs.observe(el);
+      return () => obs.disconnect();
+    }, []);
+    const prefix = raw.startsWith("$") ? "$" : "";
+    const suffix = raw.match(/[+★%]$/)?.[0] || "";
+    const numeric = parseFloat(raw.replace(/[\$,+★%]/g, ""));
+    const hasCommas = raw.includes(",");
+    const decimals = raw.includes(".") ? raw.split(".")[1]?.replace(/[+★%]/g, "").length || 0 : 0;
+    const count = useCountUp(
+      decimals > 0 ? Math.round(numeric * Math.pow(10, decimals)) : numeric,
+      1400,
+      visible
+    );
+    const display = decimals > 0 ? (count / Math.pow(10, decimals)).toFixed(decimals) : hasCommas ? count.toLocaleString() : String(count);
+    return /* @__PURE__ */ jsxRuntime.jsxs("span", { ref, children: [
+      prefix,
+      display,
+      suffix
+    ] });
+  }
+  function AnimatedText({ text }) {
+    const parts = text.split(NUM_PATTERN);
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: parts.map(
+      (part, i) => NUM_PATTERN.test(part) ? /* @__PURE__ */ jsxRuntime.jsx(AnimatedNumber, { raw: part }, i) : part
+    ) });
+  }
+  function trackClick(tracking, label, url, position) {
+    if (!tracking?.gatewayUrl || !tracking?.code) return;
+    const body = JSON.stringify({ label, url, position });
+    if (typeof navigator !== "undefined" && navigator.sendBeacon) {
+      navigator.sendBeacon(
+        `${tracking.gatewayUrl}/q/${encodeURIComponent(tracking.code)}/click`,
+        new Blob([body], { type: "application/json" })
+      );
+    }
+  }
+  function SectionRenderer({
+    section,
+    data,
+    theme,
+    tracking,
+    onEvent
+  }) {
+    const [showCOA, setShowCOA] = react.useState(false);
+    const el = (() => {
+      switch (section.type) {
+        case "hero":
+          return /* @__PURE__ */ jsxRuntime.jsx(HeroSection, { section, theme, tracking, onEvent });
+        case "text":
+          return /* @__PURE__ */ jsxRuntime.jsx(TextSection, { section, theme });
+        case "image":
+          return /* @__PURE__ */ jsxRuntime.jsx(ImageSection, { section, theme });
+        case "video":
+          return /* @__PURE__ */ jsxRuntime.jsx(VideoSection, { section, theme });
+        case "gallery":
+          return /* @__PURE__ */ jsxRuntime.jsx(GallerySection, { section, theme });
+        case "cta":
+          return /* @__PURE__ */ jsxRuntime.jsx(CTASection, { section, theme, tracking, onEvent });
+        case "stats":
+          return /* @__PURE__ */ jsxRuntime.jsx(StatsSection, { section, theme });
+        case "product_card":
+          return /* @__PURE__ */ jsxRuntime.jsx(ProductCardSection, { section, data, theme, tracking });
+        case "coa_viewer":
+          return /* @__PURE__ */ jsxRuntime.jsx(COAViewerSection, { section, data, theme, onShowCOA: () => setShowCOA(true), tracking });
+        case "social_links":
+          return /* @__PURE__ */ jsxRuntime.jsx(SocialLinksSection, { section, theme });
+        case "lead_capture":
+          return /* @__PURE__ */ jsxRuntime.jsx(LeadCaptureSection, { section, data, theme, onEvent });
+        case "divider":
+          return /* @__PURE__ */ jsxRuntime.jsx(DividerSection, { theme });
+        default:
+          return null;
+      }
+    })();
+    const sectionRef = react.useRef(null);
+    react.useEffect(() => {
+      const el2 = sectionRef.current;
+      if (!el2 || typeof IntersectionObserver === "undefined") return;
+      const obs = new IntersectionObserver(
+        ([entry]) => {
+          if (entry.isIntersecting) {
+            onEvent?.("section_view", {
+              section_id: section.id,
+              section_type: section.type
+            });
+            obs.disconnect();
+          }
+        },
+        { threshold: 0.5 }
+      );
+      obs.observe(el2);
+      return () => obs.disconnect();
+    }, [section.id, section.type, onEvent]);
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: sectionRef, "data-section-id": section.id, "data-section-type": section.type, children: [
+      el,
+      showCOA && data?.coa && /* @__PURE__ */ jsxRuntime.jsx(COAModal, { coa: data.coa, theme, onClose: () => setShowCOA(false) })
+    ] });
+  }
+  function HeroSection({ section, theme, tracking, onEvent }) {
+    const { title, subtitle, background_image, cta_text, cta_url } = section.content;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        style: {
+          position: "relative",
+          minHeight: "60vh",
+          display: "flex",
+          flexDirection: "column",
+          justifyContent: "center",
+          alignItems: "center",
+          textAlign: "center",
+          padding: "3rem 1.5rem",
+          backgroundImage: background_image ? `url(${background_image})` : void 0,
+          backgroundSize: "cover",
+          backgroundPosition: "center"
+        },
+        children: [
+          background_image && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { position: "absolute", inset: 0, background: "rgba(0,0,0,0.5)" } }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { position: "relative", zIndex: 1, maxWidth: 640 }, children: [
+            title && /* @__PURE__ */ jsxRuntime.jsx("h1", { style: {
+              fontSize: "clamp(2rem, 8vw, 3rem)",
+              fontWeight: 300,
+              fontFamily: theme.fontDisplay || "inherit",
+              margin: "0 0 1rem",
+              lineHeight: 1.15,
+              letterSpacing: "-0.02em",
+              color: theme.fg
+            }, children: /* @__PURE__ */ jsxRuntime.jsx(AnimatedText, { text: title }) }),
+            subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { style: {
+              fontSize: "0.85rem",
+              color: theme.accent,
+              margin: "0 0 2rem",
+              lineHeight: 1.6,
+              textTransform: "uppercase",
+              letterSpacing: "0.15em"
+            }, children: subtitle }),
+            cta_text && cta_url && /* @__PURE__ */ jsxRuntime.jsx(
+              "a",
+              {
+                href: cta_url,
+                onClick: () => {
+                  trackClick(tracking, cta_text, cta_url);
+                  onEvent?.("cta_click", { label: cta_text, url: cta_url });
+                },
+                style: {
+                  display: "inline-block",
+                  padding: "0.875rem 2rem",
+                  background: theme.fg,
+                  color: theme.bg,
+                  textDecoration: "none",
+                  fontSize: "0.85rem",
+                  fontWeight: 500,
+                  letterSpacing: "0.08em",
+                  textTransform: "uppercase"
+                },
+                children: cta_text
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  }
+  function TextSection({ section, theme }) {
+    const { heading, body } = section.content;
+    const align = section.config?.align || "left";
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { padding: "2rem 1.5rem", maxWidth: 640, margin: "0 auto", textAlign: align }, children: [
+      heading && /* @__PURE__ */ jsxRuntime.jsx("h2", { style: {
+        fontSize: 11,
+        fontWeight: 500,
+        textTransform: "uppercase",
+        letterSpacing: "0.25em",
+        color: `${theme.fg}40`,
+        margin: "0 0 0.75rem"
+      }, children: heading }),
+      body && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { color: `${theme.fg}99`, lineHeight: 1.7, fontSize: "0.9rem", fontWeight: 300, whiteSpace: "pre-wrap" }, children: body })
+    ] });
+  }
+  function ImageSection({ section, theme }) {
+    const { url, alt, caption } = section.content;
+    const contained = section.config?.contained !== false;
+    if (!url) return null;
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { padding: contained ? "1.5rem" : 0, maxWidth: contained ? 640 : void 0, margin: contained ? "0 auto" : void 0 }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "img",
+        {
+          src: url,
+          alt: alt || "",
+          style: { width: "100%", display: "block", objectFit: "cover" }
+        }
+      ),
+      caption && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: "0.8rem", color: theme.muted, textAlign: "center", marginTop: "0.75rem" }, children: caption })
+    ] });
+  }
+  function VideoSection({ section, theme }) {
+    const { url, poster } = section.content;
+    if (!url) return null;
+    const isEmbed = url.includes("youtube") || url.includes("youtu.be") || url.includes("vimeo");
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: "1.5rem", maxWidth: 640, margin: "0 auto" }, children: isEmbed ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { position: "relative", paddingBottom: "56.25%", height: 0 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+      "iframe",
+      {
+        src: toEmbedUrl(url),
+        style: { position: "absolute", top: 0, left: 0, width: "100%", height: "100%", border: "none" },
+        allow: "autoplay; fullscreen",
+        title: "Video"
+      }
+    ) }) : /* @__PURE__ */ jsxRuntime.jsx(
+      "video",
+      {
+        src: url,
+        poster,
+        controls: true,
+        style: { width: "100%", display: "block", background: theme.surface }
+      }
+    ) });
+  }
+  function GallerySection({ section, theme }) {
+    const { images } = section.content;
+    const columns = section.config?.columns || 3;
+    if (!images || images.length === 0) return null;
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: "1.5rem", maxWidth: 800, margin: "0 auto" }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "grid", gridTemplateColumns: `repeat(${columns}, 1fr)`, gap: "0.5rem" }, children: images.map((img, i) => /* @__PURE__ */ jsxRuntime.jsx("div", { style: { aspectRatio: "1", overflow: "hidden", background: theme.surface }, children: /* @__PURE__ */ jsxRuntime.jsx(
+      "img",
+      {
+        src: img.url,
+        alt: img.alt || "",
+        style: { width: "100%", height: "100%", objectFit: "cover", display: "block" }
+      }
+    ) }, i)) }) });
+  }
+  function CTASection({ section, theme, tracking, onEvent }) {
+    const { title, subtitle, buttons } = section.content;
+    if (!buttons || buttons.length === 0) return null;
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { padding: "2rem 1.5rem", maxWidth: 480, margin: "0 auto", display: "flex", flexDirection: "column", gap: "0.75rem" }, children: [
+      title && /* @__PURE__ */ jsxRuntime.jsx("h2", { style: {
+        fontSize: "clamp(1.25rem, 4vw, 1.5rem)",
+        fontWeight: 300,
+        fontFamily: theme.fontDisplay || "inherit",
+        margin: "0 0 0.25rem",
+        lineHeight: 1.2,
+        letterSpacing: "-0.02em",
+        color: theme.fg,
+        textAlign: "center"
+      }, children: title }),
+      subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { style: {
+        fontSize: "0.8rem",
+        color: theme.accent,
+        margin: "0 0 0.75rem",
+        lineHeight: 1.6,
+        textTransform: "uppercase",
+        letterSpacing: "0.15em",
+        textAlign: "center"
+      }, children: subtitle }),
+      buttons.map((btn, i) => {
+        const isPrimary = btn.style !== "outline";
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "a",
+          {
+            href: btn.url,
+            onClick: () => {
+              trackClick(tracking, btn.text, btn.url, i);
+              onEvent?.("cta_click", { label: btn.text, url: btn.url });
+            },
+            style: {
+              display: "block",
+              width: "100%",
+              padding: "0.875rem",
+              background: isPrimary ? theme.fg : "transparent",
+              color: isPrimary ? theme.bg : theme.fg,
+              border: isPrimary ? "none" : `1px solid ${theme.fg}20`,
+              fontSize: "0.85rem",
+              fontWeight: 500,
+              textAlign: "center",
+              textDecoration: "none",
+              boxSizing: "border-box",
+              letterSpacing: "0.08em",
+              textTransform: "uppercase"
+            },
+            children: btn.text
+          },
+          i
+        );
+      })
+    ] });
+  }
+  function StatsSection({ section, theme }) {
+    const { stats } = section.content;
+    const layout = section.config?.layout;
+    if (!stats || stats.length === 0) return null;
+    if (layout === "list") {
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: "1.5rem", maxWidth: 640, margin: "0 auto" }, children: stats.map((stat, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: {
+          display: "flex",
+          justifyContent: "space-between",
+          alignItems: "baseline",
+          padding: "0.625rem 0"
+        }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { style: {
+            fontSize: 12,
+            textTransform: "uppercase",
+            letterSpacing: "0.15em",
+            color: `${theme.fg}66`
+          }, children: stat.label }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 14, fontWeight: 300, color: `${theme.fg}CC` }, children: /* @__PURE__ */ jsxRuntime.jsx(AnimatedText, { text: stat.value }) })
+        ] }),
+        i < stats.length - 1 && /* @__PURE__ */ jsxRuntime.jsx("hr", { style: { border: "none", borderTop: `1px solid ${theme.fg}0A`, margin: 0 } })
+      ] }, i)) });
+    }
+    const columns = Math.min(stats.length, 4);
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: "1.5rem", maxWidth: 640, margin: "0 auto" }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
+      display: "grid",
+      gridTemplateColumns: `repeat(${columns}, 1fr)`,
+      border: `1px solid ${theme.fg}0F`
+    }, children: stats.map((stat, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { style: {
+      padding: "1.25rem 0.5rem",
+      textAlign: "center",
+      borderRight: i < stats.length - 1 ? `1px solid ${theme.fg}0F` : void 0
+    }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
+        fontFamily: theme.fontDisplay || "inherit",
+        fontSize: "clamp(1.5rem, 5vw, 2rem)",
+        fontWeight: 300,
+        lineHeight: 1,
+        color: theme.fg
+      }, children: /* @__PURE__ */ jsxRuntime.jsx(AnimatedText, { text: stat.value }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
+        fontSize: 11,
+        fontWeight: 500,
+        textTransform: "uppercase",
+        letterSpacing: "0.25em",
+        color: theme.accent,
+        marginTop: "0.5rem"
+      }, children: stat.label })
+    ] }, i)) }) });
+  }
+  function ProductCardSection({ section, data, theme, tracking }) {
+    const product = data?.product;
+    const c = section.content;
+    const name = c.name || product?.name || "";
+    const description = c.description || product?.description || "";
+    const imageUrl = c.image_url || product?.featured_image || null;
+    const url = c.url || null;
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: "1.5rem", maxWidth: 480, margin: "0 auto" }, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { background: theme.surface, overflow: "hidden" }, children: [
+      imageUrl && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { width: "100%", aspectRatio: "1", overflow: "hidden" }, children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: imageUrl, alt: name, style: { width: "100%", height: "100%", objectFit: "cover", display: "block" } }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { padding: "1.25rem" }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { style: { fontSize: "1.25rem", fontWeight: 600, margin: "0 0 0.5rem", color: theme.fg }, children: name }),
+        description && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: "0.9rem", color: theme.muted, margin: "0 0 1rem", lineHeight: 1.5 }, children: description }),
+        url && /* @__PURE__ */ jsxRuntime.jsx(
+          "a",
+          {
+            href: url,
+            onClick: () => trackClick(tracking, "View Product", url),
+            style: {
+              display: "block",
+              width: "100%",
+              padding: "0.75rem",
+              background: theme.fg,
+              color: theme.bg,
+              textAlign: "center",
+              textDecoration: "none",
+              fontSize: "0.85rem",
+              fontWeight: 500,
+              boxSizing: "border-box",
+              letterSpacing: "0.08em",
+              textTransform: "uppercase"
+            },
+            children: "View Product"
+          }
+        )
+      ] })
+    ] }) });
+  }
+  function COAViewerSection({
+    section,
+    data,
+    theme,
+    onShowCOA,
+    tracking
+  }) {
+    const coa = data?.coa;
+    const c = section.content;
+    if (!coa) return null;
+    const buttonStyle = {
+      width: "100%",
+      padding: "0.875rem",
+      background: theme.accent,
+      color: theme.bg,
+      border: "none",
+      fontSize: "0.85rem",
+      fontWeight: 500,
+      cursor: "pointer",
+      letterSpacing: "0.08em",
+      textTransform: "uppercase",
+      textAlign: "center",
+      textDecoration: "none",
+      display: "block",
+      boxSizing: "border-box"
+    };
+    const buttonLabel = c.button_text || "View Lab Results";
+    if (coa.viewer_url) {
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: "1.5rem", maxWidth: 480, margin: "0 auto" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+        "a",
+        {
+          href: coa.viewer_url,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          onClick: () => trackClick(tracking, buttonLabel, coa.viewer_url),
+          style: buttonStyle,
+          children: buttonLabel
+        }
+      ) });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: "1.5rem", maxWidth: 480, margin: "0 auto" }, children: /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => {
+      trackClick(tracking, buttonLabel, coa.url);
+      onShowCOA();
+    }, style: buttonStyle, children: buttonLabel }) });
+  }
+  function LeadCaptureSection({ section, data, theme, onEvent }) {
+    const c = section.content;
+    const [firstName, setFirstName] = react.useState("");
+    const [email, setEmail] = react.useState("");
+    const [newsletterOptIn, setNewsletterOptIn] = react.useState(false);
+    const [status, setStatus] = react.useState("idle");
+    const [errorMsg, setErrorMsg] = react.useState("");
+    const gatewayUrl = c.gateway_url || data.gatewayUrl || "https://whale-gateway.fly.dev";
+    const storeId = c.store_id || data.store?.id;
+    const slug = c.landing_page_slug || data.landing_page?.slug;
+    async function handleSubmit(e) {
+      e.preventDefault();
+      if (!email || !storeId) return;
+      setStatus("loading");
+      setErrorMsg("");
+      const urlParams = typeof window !== "undefined" ? new URLSearchParams(window.location.search) : null;
+      const analyticsData = data.analyticsContext;
+      try {
+        const res = await fetch(`${gatewayUrl}/v1/stores/${storeId}/storefront/leads`, {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({
+            email,
+            first_name: firstName || void 0,
+            source: c.source || "landing_page",
+            landing_page_slug: slug || void 0,
+            newsletter_opt_in: newsletterOptIn || void 0,
+            tags: (() => {
+              const t = [...c.tags || []];
+              if (newsletterOptIn) t.push(c.newsletter_tag || "newsletter-subscriber");
+              return t.length > 0 ? t : void 0;
+            })(),
+            visitor_id: analyticsData?.visitorId || void 0,
+            session_id: analyticsData?.sessionId || void 0,
+            utm_source: urlParams?.get("utm_source") || void 0,
+            utm_medium: urlParams?.get("utm_medium") || void 0,
+            utm_campaign: urlParams?.get("utm_campaign") || void 0,
+            utm_content: urlParams?.get("utm_content") || void 0
+          })
+        });
+        if (!res.ok) {
+          const body = await res.json().catch(() => ({}));
+          throw new Error(body?.error?.message || "Something went wrong. Please try again.");
+        }
+        setStatus("success");
+        onEvent?.("lead", { email, first_name: firstName || void 0, source: c.source || "landing_page", landing_page_slug: slug || void 0 });
+      } catch (err) {
+        setErrorMsg(err instanceof Error ? err.message : "Something went wrong. Please try again.");
+        setStatus("error");
+      }
+    }
+    const heading = c.heading || "get 10% off your first visit.";
+    const subtitle = c.subtitle || "drop your email and we will send you the code.";
+    const buttonText = c.button_text || "Claim My Discount";
+    const successHeading = c.success_heading || "You\u2019re in!";
+    const successMessage = c.success_message || "Check your inbox for the discount code.";
+    const inputStyle = {
+      flex: 1,
+      minWidth: 0,
+      padding: "0.875rem 1rem",
+      background: theme.surface,
+      border: `1px solid ${theme.fg}15`,
+      color: theme.fg,
+      fontSize: "0.95rem",
+      fontWeight: 300,
+      outline: "none",
+      boxSizing: "border-box",
+      fontFamily: "inherit",
+      transition: "border-color 0.2s"
+    };
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { padding: "3.5rem 1.5rem", maxWidth: 560, margin: "0 auto" }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("style", { children: `@keyframes lc-spin { to { transform: rotate(360deg) } }` }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
+        background: theme.surface,
+        border: `1px solid ${theme.fg}12`,
+        padding: "clamp(2rem, 6vw, 3rem)"
+      }, children: status === "success" ? /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { textAlign: "center" }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h2", { style: {
+          fontSize: "clamp(1.5rem, 5vw, 2rem)",
+          fontWeight: 300,
+          fontFamily: theme.fontDisplay || "inherit",
+          margin: "0 0 0.75rem",
+          lineHeight: 1.2,
+          letterSpacing: "-0.02em",
+          color: theme.fg
+        }, children: successHeading }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { style: {
+          fontSize: "0.9rem",
+          color: `${theme.fg}99`,
+          margin: "0 0 1.5rem",
+          lineHeight: 1.6,
+          fontWeight: 300
+        }, children: successMessage }),
+        c.coupon_code && /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
+          display: "inline-block",
+          padding: "0.75rem 2rem",
+          background: `${theme.fg}08`,
+          border: `1px dashed ${theme.fg}30`,
+          fontSize: "clamp(1.25rem, 4vw, 1.75rem)",
+          fontWeight: 500,
+          fontFamily: "monospace",
+          letterSpacing: "0.12em",
+          color: theme.accent
+        }, children: c.coupon_code })
+      ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { textAlign: "center", marginBottom: "clamp(1.5rem, 4vw, 2rem)" }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { style: {
+            fontSize: "clamp(1.5rem, 5vw, 2.25rem)",
+            fontWeight: 300,
+            fontFamily: theme.fontDisplay || "inherit",
+            margin: "0 0 0.5rem",
+            lineHeight: 1.15,
+            letterSpacing: "-0.02em",
+            color: theme.fg
+          }, children: heading }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { style: {
+            fontSize: "0.85rem",
+            color: theme.accent,
+            margin: 0,
+            lineHeight: 1.6,
+            textTransform: "uppercase",
+            letterSpacing: "0.15em"
+          }, children: subtitle })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleSubmit, style: { display: "flex", flexDirection: "column", gap: "0.75rem" }, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: "0.75rem", flexWrap: "wrap" }, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                type: "text",
+                placeholder: "First name",
+                value: firstName,
+                onChange: (e) => setFirstName(e.target.value),
+                style: inputStyle
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                type: "email",
+                placeholder: "Email address",
+                value: email,
+                onChange: (e) => setEmail(e.target.value),
+                required: true,
+                style: inputStyle
+              }
+            )
+          ] }),
+          c.show_newsletter_opt_in !== false && /* @__PURE__ */ jsxRuntime.jsxs("label", { style: {
+            display: "flex",
+            alignItems: "center",
+            gap: "0.5rem",
+            cursor: "pointer",
+            fontSize: "0.8rem",
+            color: `${theme.fg}90`,
+            fontWeight: 300,
+            lineHeight: 1.4
+          }, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                type: "checkbox",
+                checked: newsletterOptIn,
+                onChange: (e) => setNewsletterOptIn(e.target.checked),
+                style: {
+                  width: 16,
+                  height: 16,
+                  accentColor: theme.accent,
+                  cursor: "pointer",
+                  flexShrink: 0
+                }
+              }
+            ),
+            c.newsletter_label || "Also sign me up for the newsletter \u2014 new drops, deals, and company news."
+          ] }),
+          status === "error" && errorMsg && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: "0.8rem", color: "#e55", margin: 0, fontWeight: 400 }, children: errorMsg }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              type: "submit",
+              disabled: status === "loading",
+              style: {
+                width: "100%",
+                padding: "0.875rem",
+                background: theme.fg,
+                color: theme.bg,
+                border: "none",
+                fontSize: "0.85rem",
+                fontWeight: 500,
+                cursor: status === "loading" ? "wait" : "pointer",
+                letterSpacing: "0.08em",
+                textTransform: "uppercase",
+                fontFamily: "inherit",
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                gap: "0.5rem",
+                opacity: status === "loading" ? 0.7 : 1,
+                transition: "opacity 0.2s"
+              },
+              children: [
+                status === "loading" && /* @__PURE__ */ jsxRuntime.jsx("span", { style: {
+                  display: "inline-block",
+                  width: 16,
+                  height: 16,
+                  border: `2px solid ${theme.bg}40`,
+                  borderTopColor: theme.bg,
+                  borderRadius: "50%",
+                  animation: "lc-spin 0.8s linear infinite"
+                } }),
+                buttonText
+              ]
+            }
+          )
+        ] })
+      ] }) })
+    ] });
+  }
+  function SocialLinksSection({ section, theme }) {
+    const { links } = section.content;
+    if (!links || links.length === 0) return null;
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: "1.5rem", display: "flex", justifyContent: "center", gap: "1.5rem", flexWrap: "wrap" }, children: links.map((link, i) => /* @__PURE__ */ jsxRuntime.jsx(
+      "a",
+      {
+        href: link.url,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        style: {
+          color: theme.muted,
+          textDecoration: "none",
+          fontSize: "0.85rem",
+          fontWeight: 500,
+          textTransform: "capitalize",
+          letterSpacing: "0.03em"
+        },
+        children: link.platform
+      },
+      i
+    )) });
+  }
+  function DividerSection({ theme }) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: "1rem 1.5rem", maxWidth: 640, margin: "0 auto" }, children: /* @__PURE__ */ jsxRuntime.jsx("hr", { style: { border: "none", borderTop: `1px solid ${theme.fg}0A`, margin: 0 } }) });
+  }
+  function COAModal({ coa, theme, onClose }) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { position: "fixed", inset: 0, zIndex: 9999, background: "rgba(0,0,0,0.95)", display: "flex", flexDirection: "column" }, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: {
+        display: "flex",
+        justifyContent: "space-between",
+        alignItems: "center",
+        padding: "0.75rem 1rem",
+        borderBottom: `1px solid ${theme.fg}10`
+      }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#fff", fontWeight: 500, fontSize: "0.85rem" }, children: coa.document_name || "Lab Results" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: onClose,
+            style: {
+              background: `${theme.fg}10`,
+              border: "none",
+              color: "#fff",
+              fontSize: "0.85rem",
+              cursor: "pointer",
+              padding: "0.375rem 0.75rem"
+            },
+            children: "Close"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("iframe", { src: coa.url, style: { flex: 1, border: "none", background: "#fff" }, title: "Lab Results" })
+    ] });
+  }
+  function toEmbedUrl(url) {
+    const ytMatch = url.match(/(?:youtube\.com\/watch\?v=|youtu\.be\/)([\w-]+)/);
+    if (ytMatch) return `https://www.youtube.com/embed/${ytMatch[1]}`;
+    const vimeoMatch = url.match(/vimeo\.com\/(\d+)/);
+    if (vimeoMatch) return `https://player.vimeo.com/video/${vimeoMatch[1]}`;
+    return url;
+  }
+  function LandingPage({
+    slug,
+    gatewayUrl = "https://whale-gateway.fly.dev",
+    renderSection,
+    onDataLoaded,
+    onError,
+    onEvent,
+    analyticsContext,
+    enableAnalytics = true
+  }) {
+    const [state, setState] = react.useState("loading");
+    const [data, setData] = react.useState(null);
+    const [errorMsg, setErrorMsg] = react.useState("");
+    react.useEffect(() => {
+      if (!slug) return;
+      let cancelled = false;
+      if (typeof window !== "undefined" && window.__LANDING_DATA__) {
+        const json = window.__LANDING_DATA__;
+        setData(json);
+        setState("ready");
+        onDataLoaded?.(json);
+        return;
+      }
+      async function load() {
+        try {
+          const res = await fetch(`${gatewayUrl}/l/${encodeURIComponent(slug)}`);
+          if (!cancelled) {
+            if (res.status === 404) {
+              setState("not_found");
+              return;
+            }
+            if (res.status === 410) {
+              setState("expired");
+              return;
+            }
+            if (!res.ok) {
+              const body = await res.json().catch(() => ({}));
+              throw new Error(body?.error?.message ?? `Failed to load: ${res.status}`);
+            }
+            const json = await res.json();
+            setData(json);
+            setState("ready");
+            onDataLoaded?.(json);
+          }
+        } catch (err) {
+          if (!cancelled) {
+            const e = err instanceof Error ? err : new Error(String(err));
+            setErrorMsg(e.message);
+            setState("error");
+            onError?.(e);
+          }
+        }
+      }
+      load();
+      return () => {
+        cancelled = true;
+      };
+    }, [slug, gatewayUrl]);
+    if (state === "loading") return /* @__PURE__ */ jsxRuntime.jsx(DefaultLoading, {});
+    if (state === "not_found") return /* @__PURE__ */ jsxRuntime.jsx(DefaultNotFound, {});
+    if (state === "expired") return /* @__PURE__ */ jsxRuntime.jsx(DefaultExpired, {});
+    if (state === "error") return /* @__PURE__ */ jsxRuntime.jsx(DefaultError, { message: errorMsg });
+    if (!data) return null;
+    return /* @__PURE__ */ jsxRuntime.jsx(PageLayout, { data, gatewayUrl, renderSection, onEvent, analyticsContext, enableAnalytics });
+  }
+  function isSectionVisible(section, urlParams) {
+    const vis = section.config?.visibility;
+    if (!vis?.params) return true;
+    for (const [key, allowed] of Object.entries(vis.params)) {
+      const val = urlParams.get(key);
+      if (!val || !allowed.includes(val)) return false;
+    }
+    return true;
+  }
+  function PageLayout({
+    data,
+    gatewayUrl,
+    renderSection,
+    onEvent,
+    analyticsContext,
+    enableAnalytics
+  }) {
+    const { landing_page: lp, store } = data;
+    const trackerRef = react.useRef(null);
+    react.useEffect(() => {
+      if (!enableAnalytics || typeof window === "undefined") return;
+      const analyticsConfig = window.__LANDING_ANALYTICS__;
+      if (!analyticsConfig?.slug) return;
+      let visitorId = localStorage.getItem("wt_vid") || "";
+      if (!visitorId) {
+        visitorId = crypto.randomUUID();
+        localStorage.setItem("wt_vid", visitorId);
+      }
+      let sessionId = sessionStorage.getItem("wt_sid") || "";
+      if (!sessionId) {
+        sessionId = crypto.randomUUID();
+        sessionStorage.setItem("wt_sid", sessionId);
+      }
+      Promise.resolve().then(() => (init_tracker(), tracker_exports)).then(({ BehavioralTracker: BehavioralTracker2 }) => {
+        const gwUrl = analyticsConfig.gatewayUrl || gatewayUrl;
+        const slug = analyticsConfig.slug;
+        const utmParams = new URLSearchParams(window.location.search);
+        const tracker = new BehavioralTracker2({
+          sessionId,
+          visitorId,
+          sendBatch: async (batch) => {
+            const events = batch.events.map((e) => ({
+              event_type: e.data_type,
+              event_data: e.data,
+              session_id: batch.session_id,
+              visitor_id: batch.visitor_id,
+              campaign_id: analyticsConfig.campaignId || utmParams.get("utm_campaign_id") || void 0,
+              utm_source: utmParams.get("utm_source") || void 0,
+              utm_medium: utmParams.get("utm_medium") || void 0,
+              utm_campaign: utmParams.get("utm_campaign") || void 0
+            }));
+            const body = JSON.stringify({ events });
+            if (typeof navigator !== "undefined" && navigator.sendBeacon) {
+              navigator.sendBeacon(
+                `${gwUrl}/l/${encodeURIComponent(slug)}/events`,
+                new Blob([body], { type: "application/json" })
+              );
+            } else {
+              await fetch(`${gwUrl}/l/${encodeURIComponent(slug)}/events`, {
+                method: "POST",
+                headers: { "Content-Type": "application/json" },
+                body,
+                keepalive: true
+              });
+            }
+          }
+        });
+        tracker.setPageContext(window.location.href, window.location.pathname);
+        tracker.start();
+        trackerRef.current = tracker;
+        const pageViewBody = JSON.stringify({
+          events: [{
+            event_type: "page_view",
+            event_data: { referrer: document.referrer, url: window.location.href },
+            session_id: sessionId,
+            visitor_id: visitorId,
+            campaign_id: analyticsConfig.campaignId || void 0,
+            utm_source: utmParams.get("utm_source") || void 0,
+            utm_medium: utmParams.get("utm_medium") || void 0,
+            utm_campaign: utmParams.get("utm_campaign") || void 0
+          }]
+        });
+        if (navigator.sendBeacon) {
+          navigator.sendBeacon(
+            `${gwUrl}/l/${encodeURIComponent(slug)}/events`,
+            new Blob([pageViewBody], { type: "application/json" })
+          );
+        } else {
+          fetch(`${gwUrl}/l/${encodeURIComponent(slug)}/events`, {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: pageViewBody,
+            keepalive: true
+          }).catch(() => {
+          });
+        }
+      }).catch(() => {
+      });
+      return () => {
+        if (trackerRef.current) {
+          trackerRef.current.stop();
+          trackerRef.current = null;
+        }
+      };
+    }, [enableAnalytics, gatewayUrl]);
+    const theme = {
+      bg: lp.background_color || store?.theme?.background || "#050505",
+      fg: lp.text_color || store?.theme?.foreground || "#fafafa",
+      accent: lp.accent_color || store?.theme?.accent || "#E8E2D9",
+      surface: store?.theme?.surface || "#111",
+      muted: store?.theme?.muted || "#888",
+      fontDisplay: store?.theme?.fontDisplay || void 0,
+      fontBody: store?.theme?.fontBody || void 0
+    };
+    const fontFamily = lp.font_family || theme.fontDisplay || "system-ui, -apple-system, sans-serif";
+    const logoUrl = store?.logo_url;
+    const urlParams = typeof window !== "undefined" ? new URLSearchParams(window.location.search) : new URLSearchParams();
+    const sorted = [...lp.sections].sort((a, b) => a.order - b.order).filter((s) => isSectionVisible(s, urlParams));
+    const sectionData = { ...data, gatewayUrl, landing_page: { slug: lp.slug }, analyticsContext };
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { minHeight: "100dvh", background: theme.bg, color: theme.fg, fontFamily }, children: [
+      lp.custom_css && /* @__PURE__ */ jsxRuntime.jsx("style", { children: lp.custom_css }),
+      logoUrl && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: "1.5rem", display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: logoUrl, alt: store?.name || "Store", style: { height: 40, objectFit: "contain" } }) }),
+      sorted.map((section) => {
+        const defaultRenderer = () => /* @__PURE__ */ jsxRuntime.jsx(SectionRenderer, { section, data: sectionData, theme, onEvent }, section.id);
+        if (renderSection) {
+          return /* @__PURE__ */ jsxRuntime.jsx("div", { children: renderSection(section, defaultRenderer) }, section.id);
+        }
+        return /* @__PURE__ */ jsxRuntime.jsx(SectionRenderer, { section, data: sectionData, theme, onEvent }, section.id);
+      }),
+      store?.name && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: "2rem 1.5rem", borderTop: `1px solid ${theme.surface}`, textAlign: "center" }, children: /* @__PURE__ */ jsxRuntime.jsxs("p", { style: { fontSize: "0.75rem", color: theme.muted, margin: 0 }, children: [
+        "Powered by ",
+        store.name
+      ] }) })
+    ] });
+  }
+  var containerStyle = {
+    minHeight: "100dvh",
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center",
+    fontFamily: "system-ui, -apple-system, sans-serif",
+    background: "#050505",
+    color: "#fafafa",
+    textAlign: "center",
+    padding: "2rem"
+  };
+  function DefaultLoading() {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { style: containerStyle, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { style: { width: 32, height: 32, border: "2px solid #333", borderTopColor: "#fafafa", borderRadius: "50%", animation: "spin 0.8s linear infinite", margin: "0 auto 1rem" } }),
+      /* @__PURE__ */ jsxRuntime.jsx("style", { children: `@keyframes spin { to { transform: rotate(360deg) } }` })
+    ] }) });
+  }
+  function DefaultNotFound() {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { style: containerStyle, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { style: { fontSize: "1.5rem", marginBottom: "0.5rem" }, children: "Page Not Found" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { style: { color: "#888" }, children: "This page does not exist or has been removed." })
+    ] }) });
+  }
+  function DefaultExpired() {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { style: containerStyle, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { style: { fontSize: "1.5rem", marginBottom: "0.5rem" }, children: "Page Expired" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { style: { color: "#888" }, children: "This page is no longer active." })
+    ] }) });
+  }
+  function DefaultError({ message }) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { style: containerStyle, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { style: { fontSize: "1.5rem", marginBottom: "0.5rem" }, children: "Something Went Wrong" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { style: { color: "#888" }, children: message || "Please try again later." })
+    ] }) });
+  }
+
+  // src/landing-entry.ts
+  init_tracker();
+
+  exports.LandingPage = LandingPage;
+  exports.SectionRenderer = SectionRenderer;
+
+  return exports;
+
+})({}, react, jsxRuntime);