@neowhale/storefront 0.2.44 → 0.2.46

package/dist/{client-D7_7p7ja.d.cts → client-CiKYpyRa.d.cts}

@@ -379,7 +379,7 @@ interface QRLandingData {
 }
 interface LandingSection {
     id: string;
-    type: 'hero' | 'collage_hero' | 'text' | 'image' | 'video' | 'gallery' | 'cta' | 'stats' | 'product_card' | 'coa_viewer' | 'social_links' | 'divider' | 'lead_capture' | 'testimonials' | 'value_stack' | 'faq' | 'trust_badges' | 'countdown' | 'custom';
+    type: 'hero' | 'collage_hero' | 'text' | 'image' | 'video' | 'gallery' | 'cta' | 'stats' | 'product_card' | 'coa_viewer' | 'social_links' | 'divider' | 'lead_capture' | 'testimonials' | 'value_stack' | 'faq' | 'trust_badges' | 'countdown' | 'location_card' | 'custom';
     content: Record<string, unknown>;
     order: number;
     config?: Record<string, unknown>;

package/dist/{client-D7_7p7ja.d.ts → client-CiKYpyRa.d.ts}

@@ -379,7 +379,7 @@ interface QRLandingData {
 }
 interface LandingSection {
     id: string;
-    type: 'hero' | 'collage_hero' | 'text' | 'image' | 'video' | 'gallery' | 'cta' | 'stats' | 'product_card' | 'coa_viewer' | 'social_links' | 'divider' | 'lead_capture' | 'testimonials' | 'value_stack' | 'faq' | 'trust_badges' | 'countdown' | 'custom';
+    type: 'hero' | 'collage_hero' | 'text' | 'image' | 'video' | 'gallery' | 'cta' | 'stats' | 'product_card' | 'coa_viewer' | 'social_links' | 'divider' | 'lead_capture' | 'testimonials' | 'value_stack' | 'faq' | 'trust_badges' | 'countdown' | 'location_card' | 'custom';
     content: Record<string, unknown>;
     order: number;
     config?: Record<string, unknown>;

package/dist/index.d.cts

@@ -1,5 +1,5 @@
-export { A as Address, C as Cart, a as CartItem, b as Category, c as CategoryTreeNode, d as CheckoutSession, e as CouponValidation, f as Customer, g as CustomerAnalytics, D as DealValidation, E as EventType, L as LandingPageConfig, h as LandingPageRenderData, i as LandingSection, j as ListResponse, k as Location, l as LoyaltyAccount, m as LoyaltyReward, n as LoyaltyTransaction, O as Order, o as OrderItem, P as PaymentData, p as PixelConfig, q as PricingTier, r as Product, s as ProductVariation, Q as QRLandingData, t as QRLandingPage, u as QRLandingStore, R as Recommendation, v as Review, w as ReviewSummary, S as SendCodeResponse, x as ShippingMethod, y as ShippingRate, z as StorefrontConfig, B as StorefrontSession, T as TaxBreakdown, V as VerifyCodeResponse, W as WhaleClient, F as WhaleStorefrontConfig, G as WishlistItem } from './client-D7_7p7ja.cjs';
-export { P as PixelManager } from './pixel-manager-Blj8hb-X.cjs';
+export { A as Address, C as Cart, a as CartItem, b as Category, c as CategoryTreeNode, d as CheckoutSession, e as CouponValidation, f as Customer, g as CustomerAnalytics, D as DealValidation, E as EventType, L as LandingPageConfig, h as LandingPageRenderData, i as LandingSection, j as ListResponse, k as Location, l as LoyaltyAccount, m as LoyaltyReward, n as LoyaltyTransaction, O as Order, o as OrderItem, P as PaymentData, p as PixelConfig, q as PricingTier, r as Product, s as ProductVariation, Q as QRLandingData, t as QRLandingPage, u as QRLandingStore, R as Recommendation, v as Review, w as ReviewSummary, S as SendCodeResponse, x as ShippingMethod, y as ShippingRate, z as StorefrontConfig, B as StorefrontSession, T as TaxBreakdown, V as VerifyCodeResponse, W as WhaleClient, F as WhaleStorefrontConfig, G as WishlistItem } from './client-CiKYpyRa.cjs';
+export { P as PixelManager } from './pixel-manager-DoH7abe_.cjs';
 
 /**
  * Resilient HTTP sender for analytics/event payloads.

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-export { A as Address, C as Cart, a as CartItem, b as Category, c as CategoryTreeNode, d as CheckoutSession, e as CouponValidation, f as Customer, g as CustomerAnalytics, D as DealValidation, E as EventType, L as LandingPageConfig, h as LandingPageRenderData, i as LandingSection, j as ListResponse, k as Location, l as LoyaltyAccount, m as LoyaltyReward, n as LoyaltyTransaction, O as Order, o as OrderItem, P as PaymentData, p as PixelConfig, q as PricingTier, r as Product, s as ProductVariation, Q as QRLandingData, t as QRLandingPage, u as QRLandingStore, R as Recommendation, v as Review, w as ReviewSummary, S as SendCodeResponse, x as ShippingMethod, y as ShippingRate, z as StorefrontConfig, B as StorefrontSession, T as TaxBreakdown, V as VerifyCodeResponse, W as WhaleClient, F as WhaleStorefrontConfig, G as WishlistItem } from './client-D7_7p7ja.js';
-export { P as PixelManager } from './pixel-manager-DB8LLw9V.js';
+export { A as Address, C as Cart, a as CartItem, b as Category, c as CategoryTreeNode, d as CheckoutSession, e as CouponValidation, f as Customer, g as CustomerAnalytics, D as DealValidation, E as EventType, L as LandingPageConfig, h as LandingPageRenderData, i as LandingSection, j as ListResponse, k as Location, l as LoyaltyAccount, m as LoyaltyReward, n as LoyaltyTransaction, O as Order, o as OrderItem, P as PaymentData, p as PixelConfig, q as PricingTier, r as Product, s as ProductVariation, Q as QRLandingData, t as QRLandingPage, u as QRLandingStore, R as Recommendation, v as Review, w as ReviewSummary, S as SendCodeResponse, x as ShippingMethod, y as ShippingRate, z as StorefrontConfig, B as StorefrontSession, T as TaxBreakdown, V as VerifyCodeResponse, W as WhaleClient, F as WhaleStorefrontConfig, G as WishlistItem } from './client-CiKYpyRa.js';
+export { P as PixelManager } from './pixel-manager-DLJ39HCy.js';
 
 /**
  * Resilient HTTP sender for analytics/event payloads.

package/dist/landing.global.js

@@ -559,60 +559,36 @@ var WhaleStorefront = (function (exports) {
     if (images.length === 0) return null;
     c.overlay_opacity ?? 0.45;
     const count = Math.min(images.length, 5);
+    const imgStyle = {
+      width: "100%",
+      height: "100%",
+      objectFit: "cover",
+      objectPosition: "center top",
+      display: "block"
+    };
     return /* @__PURE__ */ jsx("div", { style: { width: "100%", overflow: "hidden", position: "relative" }, children: [
       /* @__PURE__ */ jsx("div", { style: {
         display: "grid",
-        gridTemplateColumns: "3fr 2fr",
-        gridTemplateRows: "auto",
-        gap: "2px"
+        gridTemplateColumns: count >= 3 ? "3fr 2fr" : "1fr",
+        gridTemplateRows: count >= 3 ? "1fr 1fr" : "auto",
+        gap: "2px",
+        height: "100vh",
+        maxHeight: "900px"
       }, children: [
-        count > 0 && /* @__PURE__ */ jsx("div", { style: { gridRow: count >= 3 ? "span 2" : void 0, overflow: "hidden", background: theme.surface, maxHeight: "70vh" }, children: /* @__PURE__ */ jsx(
-          "img",
-          {
-            src: images[0].url,
-            alt: images[0].alt || "",
-            loading: "eager",
-            style: { width: "100%", height: "100%", objectFit: "cover", display: "block", minHeight: "40vh" }
-          }
-        ) }),
-        count >= 2 && /* @__PURE__ */ jsx("div", { style: { overflow: "hidden", background: theme.surface }, children: /* @__PURE__ */ jsx(
-          "img",
-          {
-            src: images[1].url,
-            alt: images[1].alt || "",
-            loading: "eager",
-            style: { width: "100%", height: "100%", objectFit: "cover", display: "block", minHeight: "20vh", maxHeight: "35vh" }
-          }
-        ) }),
-        count >= 3 && /* @__PURE__ */ jsx("div", { style: { overflow: "hidden", background: theme.surface }, children: /* @__PURE__ */ jsx(
-          "img",
-          {
-            src: images[2].url,
-            alt: images[2].alt || "",
-            loading: "lazy",
-            style: { width: "100%", height: "100%", objectFit: "cover", display: "block", minHeight: "20vh", maxHeight: "35vh" }
-          }
-        ) }),
-        count >= 4 && /* @__PURE__ */ jsx("div", { style: { gridColumn: "1 / -1", display: "grid", gridTemplateColumns: count >= 5 ? "1fr 1fr" : "1fr", gap: "2px" }, children: [
-          /* @__PURE__ */ jsx("div", { style: { overflow: "hidden", background: theme.surface, maxHeight: "25vh" }, children: /* @__PURE__ */ jsx(
-            "img",
-            {
-              src: images[3].url,
-              alt: images[3].alt || "",
-              loading: "lazy",
-              style: { width: "100%", height: "100%", objectFit: "cover", display: "block" }
-            }
-          ) }),
-          count >= 5 && /* @__PURE__ */ jsx("div", { style: { overflow: "hidden", background: theme.surface, maxHeight: "25vh" }, children: /* @__PURE__ */ jsx(
-            "img",
-            {
-              src: images[4].url,
-              alt: images[4].alt || "",
-              loading: "lazy",
-              style: { width: "100%", height: "100%", objectFit: "cover", display: "block" }
-            }
-          ) })
-        ] })
+        count > 0 && /* @__PURE__ */ jsx("div", { style: {
+          gridRow: count >= 3 ? "1 / -1" : void 0,
+          overflow: "hidden",
+          background: theme.surface
+        }, children: /* @__PURE__ */ jsx("img", { src: images[0].url, alt: images[0].alt || "", loading: "eager", style: imgStyle }) }),
+        count >= 2 && /* @__PURE__ */ jsx("div", { style: { overflow: "hidden", background: theme.surface }, children: /* @__PURE__ */ jsx("img", { src: images[1].url, alt: images[1].alt || "", loading: "eager", style: imgStyle }) }),
+        count >= 3 && /* @__PURE__ */ jsx("div", { style: {
+          overflow: "hidden",
+          background: theme.surface,
+          ...count >= 4 ? { display: "grid", gridTemplateColumns: count >= 5 ? "1fr 1fr" : count >= 4 ? "1fr 1fr" : "1fr", gap: "2px" } : {}
+        }, children: count < 4 ? /* @__PURE__ */ jsx("img", { src: images[2].url, alt: images[2].alt || "", loading: "lazy", style: imgStyle }) : /* @__PURE__ */ jsx(Fragment2, { children: [
+          /* @__PURE__ */ jsx("div", { style: { overflow: "hidden" }, children: /* @__PURE__ */ jsx("img", { src: images[2].url, alt: images[2].alt || "", loading: "lazy", style: imgStyle }) }),
+          count >= 4 && /* @__PURE__ */ jsx("div", { style: { overflow: "hidden" }, children: /* @__PURE__ */ jsx("img", { src: images[3].url, alt: images[3].alt || "", loading: "lazy", style: imgStyle }) })
+        ] }) })
       ] }),
       /* @__PURE__ */ jsx("div", { style: {
         position: "absolute",
@@ -1371,6 +1347,150 @@ var WhaleStorefront = (function (exports) {
       ] }, u.label)) })
     ] });
   }
+  function LocationCardSection({ section, theme, onEvent }) {
+    const c = section.content;
+    const locations = c.locations || [];
+    if (locations.length === 0) return null;
+    return /* @__PURE__ */ jsx("div", { style: { padding: "1.5rem", maxWidth: 900, margin: "0 auto" }, children: /* @__PURE__ */ jsx("div", { style: {
+      display: "grid",
+      gridTemplateColumns: locations.length === 1 ? "minmax(0, 420px)" : `repeat(${Math.min(locations.length, 2)}, 1fr)`,
+      gap: "2px",
+      justifyContent: "center"
+    }, children: locations.map((loc, i) => /* @__PURE__ */ jsx("div", { style: {
+      background: theme.surface,
+      overflow: "hidden",
+      display: "flex",
+      flexDirection: "column"
+    }, children: [
+      /* @__PURE__ */ jsx("div", { style: { position: "relative", aspectRatio: "4/5", overflow: "hidden" }, children: [
+        /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: loc.image,
+            alt: loc.name,
+            style: { width: "100%", height: "100%", objectFit: "cover", display: "block" }
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { style: {
+          position: "absolute",
+          inset: 0,
+          background: "linear-gradient(to top, rgba(0,0,0,0.6) 0%, transparent 50%)"
+        } }),
+        /* @__PURE__ */ jsx("div", { style: { position: "absolute", bottom: 0, left: 0, padding: "clamp(0.75rem, 3vw, 1.25rem)" }, children: [
+          /* @__PURE__ */ jsx("p", { style: {
+            fontSize: "clamp(1.25rem, 5vw, 1.75rem)",
+            fontWeight: 300,
+            fontFamily: theme.fontDisplay || "inherit",
+            color: "#fff",
+            margin: 0,
+            lineHeight: 1.1
+          }, children: loc.name }),
+          /* @__PURE__ */ jsx("p", { style: {
+            fontSize: "0.65rem",
+            letterSpacing: "0.2em",
+            color: "rgba(255,255,255,0.6)",
+            margin: "0.25rem 0 0",
+            fontWeight: 600
+          }, children: [
+            loc.city,
+            ", ",
+            loc.state
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { style: {
+        padding: "clamp(0.75rem, 3vw, 1.25rem)",
+        display: "flex",
+        flexDirection: "column",
+        gap: "0.5rem",
+        flex: 1
+      }, children: [
+        loc.tagline && /* @__PURE__ */ jsx("p", { style: { fontSize: "0.8rem", color: `${theme.fg}80`, fontWeight: 500, fontStyle: "italic", margin: 0 }, children: loc.tagline }),
+        loc.rating != null && loc.review_count != null && loc.review_count > 0 && /* @__PURE__ */ jsx("div", { style: { display: "flex", alignItems: "center", gap: "0.375rem" }, children: [
+          /* @__PURE__ */ jsx(Stars, { rating: loc.rating, color: theme.accent, size: 13 }),
+          /* @__PURE__ */ jsx("span", { style: { fontSize: "0.75rem", color: `${theme.fg}99` }, children: [
+            loc.rating.toFixed(1),
+            " (",
+            loc.review_count,
+            ")"
+          ] })
+        ] }),
+        loc.address && /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: loc.directions_url || `https://maps.google.com/?q=${encodeURIComponent(loc.address + ", " + loc.city + ", " + loc.state)}`,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            style: { fontSize: "0.75rem", color: `${theme.fg}55`, fontWeight: 500, textDecoration: "none", lineHeight: 1.5 },
+            children: [
+              loc.address,
+              ", ",
+              loc.city,
+              ", ",
+              loc.state
+            ]
+          }
+        ),
+        loc.phone && /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: loc.phone_href || `tel:${loc.phone}`,
+            style: { fontSize: "0.75rem", color: `${theme.fg}55`, fontWeight: 500, textDecoration: "none" },
+            children: loc.phone
+          }
+        ),
+        loc.hours && /* @__PURE__ */ jsx("p", { style: { fontSize: "0.7rem", color: `${theme.fg}40`, margin: 0 }, children: loc.hours }),
+        /* @__PURE__ */ jsx("div", { style: { display: "flex", gap: "0.5rem", marginTop: "auto", paddingTop: "0.25rem" }, children: [
+          /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: loc.directions_url || `https://maps.google.com/?q=${encodeURIComponent(loc.address + ", " + loc.city + ", " + loc.state)}`,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              onClick: () => onEvent?.("cta_click", { label: "directions", location: loc.name }),
+              style: {
+                flex: 1,
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                padding: "0.625rem",
+                background: theme.fg,
+                color: theme.bg,
+                fontSize: "0.7rem",
+                fontWeight: 700,
+                letterSpacing: "0.1em",
+                textDecoration: "none",
+                textAlign: "center"
+              },
+              children: "directions"
+            }
+          ),
+          loc.shop_url && /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: loc.shop_url,
+              onClick: () => onEvent?.("cta_click", { label: "shop", location: loc.name }),
+              style: {
+                flex: 1,
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                padding: "0.625rem",
+                border: `1px solid ${theme.fg}20`,
+                color: `${theme.fg}CC`,
+                fontSize: "0.7rem",
+                fontWeight: 700,
+                letterSpacing: "0.1em",
+                textDecoration: "none",
+                textAlign: "center"
+              },
+              children: "shop"
+            }
+          )
+        ] })
+      ] })
+    ] }, i)) }) });
+  }
 
   // src/react/components/section-renderer.tsx
   function SectionRenderer({
@@ -1417,6 +1537,8 @@ var WhaleStorefront = (function (exports) {
           return /* @__PURE__ */ jsx(TrustBadgesSection, { section, theme });
         case "countdown":
           return /* @__PURE__ */ jsx(CountdownSection, { section, theme });
+        case "location_card":
+          return /* @__PURE__ */ jsx(LocationCardSection, { section, theme, onEvent });
         case "divider":
           return /* @__PURE__ */ jsx(DividerSection, { theme });
         default:

package/dist/next/index.d.cts

@@ -1,4 +1,4 @@
-import { F as WhaleStorefrontConfig, W as WhaleClient, r as Product } from '../client-D7_7p7ja.cjs';
+import { F as WhaleStorefrontConfig, W as WhaleClient, r as Product } from '../client-CiKYpyRa.cjs';
 import { NextRequest, NextResponse } from 'next/server';
 
 /**

package/dist/next/index.d.ts

@@ -1,4 +1,4 @@
-import { F as WhaleStorefrontConfig, W as WhaleClient, r as Product } from '../client-D7_7p7ja.js';
+import { F as WhaleStorefrontConfig, W as WhaleClient, r as Product } from '../client-CiKYpyRa.js';
 import { NextRequest, NextResponse } from 'next/server';
 
 /**

package/dist/{pixel-manager-DB8LLw9V.d.ts → pixel-manager-DLJ39HCy.d.ts}

@@ -1,4 +1,4 @@
-import { p as PixelConfig } from './client-D7_7p7ja.js';
+import { p as PixelConfig } from './client-CiKYpyRa.js';
 
 declare class PixelManager {
     private providers;

package/dist/{pixel-manager-Blj8hb-X.d.cts → pixel-manager-DoH7abe_.d.cts}

@@ -1,4 +1,4 @@
-import { p as PixelConfig } from './client-D7_7p7ja.cjs';
+import { p as PixelConfig } from './client-CiKYpyRa.cjs';
 
 declare class PixelManager {
     private providers;

package/dist/react/index.cjs

@@ -2303,60 +2303,36 @@ function CollageHeroSection({ section, theme, tracking, onEvent }) {
   if (images.length === 0) return null;
   c.overlay_opacity ?? 0.45;
   const count = Math.min(images.length, 5);
+  const imgStyle = {
+    width: "100%",
+    height: "100%",
+    objectFit: "cover",
+    objectPosition: "center top",
+    display: "block"
+  };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: "100%", overflow: "hidden", position: "relative" }, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { style: {
       display: "grid",
-      gridTemplateColumns: "3fr 2fr",
-      gridTemplateRows: "auto",
-      gap: "2px"
+      gridTemplateColumns: count >= 3 ? "3fr 2fr" : "1fr",
+      gridTemplateRows: count >= 3 ? "1fr 1fr" : "auto",
+      gap: "2px",
+      height: "100vh",
+      maxHeight: "900px"
     }, children: [
-      count > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { gridRow: count >= 3 ? "span 2" : void 0, overflow: "hidden", background: theme.surface, maxHeight: "70vh" }, children: /* @__PURE__ */ jsxRuntime.jsx(
-        "img",
-        {
-          src: images[0].url,
-          alt: images[0].alt || "",
-          loading: "eager",
-          style: { width: "100%", height: "100%", objectFit: "cover", display: "block", minHeight: "40vh" }
-        }
-      ) }),
-      count >= 2 && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { overflow: "hidden", background: theme.surface }, children: /* @__PURE__ */ jsxRuntime.jsx(
-        "img",
-        {
-          src: images[1].url,
-          alt: images[1].alt || "",
-          loading: "eager",
-          style: { width: "100%", height: "100%", objectFit: "cover", display: "block", minHeight: "20vh", maxHeight: "35vh" }
-        }
-      ) }),
-      count >= 3 && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { overflow: "hidden", background: theme.surface }, children: /* @__PURE__ */ jsxRuntime.jsx(
-        "img",
-        {
-          src: images[2].url,
-          alt: images[2].alt || "",
-          loading: "lazy",
-          style: { width: "100%", height: "100%", objectFit: "cover", display: "block", minHeight: "20vh", maxHeight: "35vh" }
-        }
-      ) }),
-      count >= 4 && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { gridColumn: "1 / -1", display: "grid", gridTemplateColumns: count >= 5 ? "1fr 1fr" : "1fr", gap: "2px" }, children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { overflow: "hidden", background: theme.surface, maxHeight: "25vh" }, children: /* @__PURE__ */ jsxRuntime.jsx(
-          "img",
-          {
-            src: images[3].url,
-            alt: images[3].alt || "",
-            loading: "lazy",
-            style: { width: "100%", height: "100%", objectFit: "cover", display: "block" }
-          }
-        ) }),
-        count >= 5 && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { overflow: "hidden", background: theme.surface, maxHeight: "25vh" }, children: /* @__PURE__ */ jsxRuntime.jsx(
-          "img",
-          {
-            src: images[4].url,
-            alt: images[4].alt || "",
-            loading: "lazy",
-            style: { width: "100%", height: "100%", objectFit: "cover", display: "block" }
-          }
-        ) })
-      ] })
+      count > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
+        gridRow: count >= 3 ? "1 / -1" : void 0,
+        overflow: "hidden",
+        background: theme.surface
+      }, children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: images[0].url, alt: images[0].alt || "", loading: "eager", style: imgStyle }) }),
+      count >= 2 && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { overflow: "hidden", background: theme.surface }, children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: images[1].url, alt: images[1].alt || "", loading: "eager", style: imgStyle }) }),
+      count >= 3 && /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
+        overflow: "hidden",
+        background: theme.surface,
+        ...count >= 4 ? { display: "grid", gridTemplateColumns: count >= 5 ? "1fr 1fr" : count >= 4 ? "1fr 1fr" : "1fr", gap: "2px" } : {}
+      }, children: count < 4 ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: images[2].url, alt: images[2].alt || "", loading: "lazy", style: imgStyle }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { overflow: "hidden" }, children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: images[2].url, alt: images[2].alt || "", loading: "lazy", style: imgStyle }) }),
+        count >= 4 && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { overflow: "hidden" }, children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: images[3].url, alt: images[3].alt || "", loading: "lazy", style: imgStyle }) })
+      ] }) })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
       position: "absolute",
@@ -3109,6 +3085,150 @@ function CountdownSection({ section, theme }) {
     ] }, u.label)) })
   ] });
 }
+function LocationCardSection({ section, theme, onEvent }) {
+  const c = section.content;
+  const locations = c.locations || [];
+  if (locations.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: "1.5rem", maxWidth: 900, margin: "0 auto" }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
+    display: "grid",
+    gridTemplateColumns: locations.length === 1 ? "minmax(0, 420px)" : `repeat(${Math.min(locations.length, 2)}, 1fr)`,
+    gap: "2px",
+    justifyContent: "center"
+  }, children: locations.map((loc, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { style: {
+    background: theme.surface,
+    overflow: "hidden",
+    display: "flex",
+    flexDirection: "column"
+  }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { position: "relative", aspectRatio: "4/5", overflow: "hidden" }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "img",
+        {
+          src: loc.image,
+          alt: loc.name,
+          style: { width: "100%", height: "100%", objectFit: "cover", display: "block" }
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
+        position: "absolute",
+        inset: 0,
+        background: "linear-gradient(to top, rgba(0,0,0,0.6) 0%, transparent 50%)"
+      } }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { position: "absolute", bottom: 0, left: 0, padding: "clamp(0.75rem, 3vw, 1.25rem)" }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { style: {
+          fontSize: "clamp(1.25rem, 5vw, 1.75rem)",
+          fontWeight: 300,
+          fontFamily: theme.fontDisplay || "inherit",
+          color: "#fff",
+          margin: 0,
+          lineHeight: 1.1
+        }, children: loc.name }),
+        /* @__PURE__ */ jsxRuntime.jsxs("p", { style: {
+          fontSize: "0.65rem",
+          letterSpacing: "0.2em",
+          color: "rgba(255,255,255,0.6)",
+          margin: "0.25rem 0 0",
+          fontWeight: 600
+        }, children: [
+          loc.city,
+          ", ",
+          loc.state
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: {
+      padding: "clamp(0.75rem, 3vw, 1.25rem)",
+      display: "flex",
+      flexDirection: "column",
+      gap: "0.5rem",
+      flex: 1
+    }, children: [
+      loc.tagline && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: "0.8rem", color: `${theme.fg}80`, fontWeight: 500, fontStyle: "italic", margin: 0 }, children: loc.tagline }),
+      loc.rating != null && loc.review_count != null && loc.review_count > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "0.375rem" }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Stars, { rating: loc.rating, color: theme.accent, size: 13 }),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { fontSize: "0.75rem", color: `${theme.fg}99` }, children: [
+          loc.rating.toFixed(1),
+          " (",
+          loc.review_count,
+          ")"
+        ] })
+      ] }),
+      loc.address && /* @__PURE__ */ jsxRuntime.jsxs(
+        "a",
+        {
+          href: loc.directions_url || `https://maps.google.com/?q=${encodeURIComponent(loc.address + ", " + loc.city + ", " + loc.state)}`,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          style: { fontSize: "0.75rem", color: `${theme.fg}55`, fontWeight: 500, textDecoration: "none", lineHeight: 1.5 },
+          children: [
+            loc.address,
+            ", ",
+            loc.city,
+            ", ",
+            loc.state
+          ]
+        }
+      ),
+      loc.phone && /* @__PURE__ */ jsxRuntime.jsx(
+        "a",
+        {
+          href: loc.phone_href || `tel:${loc.phone}`,
+          style: { fontSize: "0.75rem", color: `${theme.fg}55`, fontWeight: 500, textDecoration: "none" },
+          children: loc.phone
+        }
+      ),
+      loc.hours && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: "0.7rem", color: `${theme.fg}40`, margin: 0 }, children: loc.hours }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: "0.5rem", marginTop: "auto", paddingTop: "0.25rem" }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "a",
+          {
+            href: loc.directions_url || `https://maps.google.com/?q=${encodeURIComponent(loc.address + ", " + loc.city + ", " + loc.state)}`,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            onClick: () => onEvent?.("cta_click", { label: "directions", location: loc.name }),
+            style: {
+              flex: 1,
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              padding: "0.625rem",
+              background: theme.fg,
+              color: theme.bg,
+              fontSize: "0.7rem",
+              fontWeight: 700,
+              letterSpacing: "0.1em",
+              textDecoration: "none",
+              textAlign: "center"
+            },
+            children: "directions"
+          }
+        ),
+        loc.shop_url && /* @__PURE__ */ jsxRuntime.jsx(
+          "a",
+          {
+            href: loc.shop_url,
+            onClick: () => onEvent?.("cta_click", { label: "shop", location: loc.name }),
+            style: {
+              flex: 1,
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              padding: "0.625rem",
+              border: `1px solid ${theme.fg}20`,
+              color: `${theme.fg}CC`,
+              fontSize: "0.7rem",
+              fontWeight: 700,
+              letterSpacing: "0.1em",
+              textDecoration: "none",
+              textAlign: "center"
+            },
+            children: "shop"
+          }
+        )
+      ] })
+    ] })
+  ] }, i)) }) });
+}
 function SectionRenderer({
   section,
   data,
@@ -3153,6 +3273,8 @@ function SectionRenderer({
         return /* @__PURE__ */ jsxRuntime.jsx(TrustBadgesSection, { section, theme });
       case "countdown":
         return /* @__PURE__ */ jsxRuntime.jsx(CountdownSection, { section, theme });
+      case "location_card":
+        return /* @__PURE__ */ jsxRuntime.jsx(LocationCardSection, { section, theme, onEvent });
       case "divider":
         return /* @__PURE__ */ jsxRuntime.jsx(DividerSection, { theme });
       default: