@janbox/storefront-builder 2.0.24 → 2.0.26

package/dist/templates.js

@@ -1,23 +1,11 @@
-import { jsx as e, jsxs as t } from "@emotion/react/jsx-runtime";
-import { getColorVar as o } from "@janbox/storefront-ui/theme";
-import { m as l, G as c, l as n, q as s, P as i, j as T, s as p, i as g, x as B, M as u, e as f, ar as x, as as b, f as r, h as d, A as a } from "./toaster-DMjFxzB_.js";
+import { jsx as e, jsxs as o } from "@emotion/react/jsx-runtime";
+import { getColorVar as t } from "@janbox/storefront-ui/theme";
+import { m, G as d, l as n, p as y, F as u, z as B, P as i, s as r, i as g, I as v, ax as k, j as f, t as p, x as V, M as b, e as T, ay as R, az as w, f as s, h as l, A as c, n as A } from "./toaster-Bx7Helq-.js";
 import "lodash-es";
 import "react";
 import "flat";
-import "@janbox/storefront-ui/utils";
-import "@janbox/storefront-ui/hooks";
-import "@emotion/react";
-import "@floating-ui/react";
-import "react-colorful";
-import "overlayscrollbars-react";
-import "@tanstack/react-virtual";
-import "react-frame-component";
-import "react-dropzone";
-import "react-datepicker";
-import "usehooks-ts";
-import "@hello-pangea/dnd";
 import "@janbox/storefront-ui";
-const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+const x = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M17.0021 19.5031H3.99667" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M8.99875 14.5012H3.99667" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M8.99875 9.49874H3.99667" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
@@ -25,13 +13,137 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
 <path d="M19.0029 8.97259C20.3915 10.3612 20.3915 12.6121 19.0029 14.0007C17.6143 15.3893 15.3634 15.3893 13.9748 14.0007C12.5862 12.6121 12.5862 10.3612 13.9748 8.97259C15.3634 7.58401 17.6143 7.58401 19.0029 8.97259" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M21.0037 16.0018L19.0029 14.001L21.0037 16.0018Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
-`, L = "https://cdn.shopify.com/s/files/1/0959/8114/2305/files/img140.png", _ = {
+`, W = k, C = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="5" width="20" height="14" rx="2"/><line x1="2" y1="10" x2="22" y2="10"/></svg>', G = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 10v12"/><path d="M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z"/></svg>', S = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/><path d="M9 12l2 2 4-4"/></svg>', I = ["Premium Quality", "Sleek & Functional Design", "Versatile Options"], q = [
+  { icon: C, label: "Safe Payment Options" },
+  { icon: G, label: "Secure logistics" },
+  { icon: S, label: "Purchase protection" }
+], N = {
+  template: /* @__PURE__ */ e(
+    m,
+    {
+      sx: {
+        paddingTop: 32,
+        paddingBottom: 32,
+        paddingLeft: 16,
+        paddingRight: 16,
+        md: { paddingTop: 48, paddingBottom: 48, paddingLeft: 48, paddingRight: 48 }
+      },
+      children: /* @__PURE__ */ o(
+        d,
+        {
+          cols: 1,
+          md: { cols: 2 },
+          sx: { rowGap: 32, columnGap: 48, alignItems: "center", md: { columnGap: 64 } },
+          children: [
+            /* @__PURE__ */ o(n, { children: [
+              /* @__PURE__ */ o(y, { sx: { flexDirection: "row", alignItems: "center", columnGap: 8 }, children: [
+                /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(B, { rating: 5, count: 5, size: 18, color: t("primary.600") }) }),
+                /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(i, { sizeVariant: "sm", sx: { color: t("neutral.600"), fontWeight: 600 }, children: "2,500+ Verified Reviews!" }) })
+              ] }),
+              /* @__PURE__ */ e(
+                r,
+                {
+                  as: "h1",
+                  sizeVariant: "3xl",
+                  md: { sizeVariant: "4xl" },
+                  sx: { fontWeight: 700, color: t("neutral.600"), marginTop: 16 },
+                  children: "Unleash Your Creativity with Premium Notebooks"
+                }
+              ),
+              /* @__PURE__ */ e(i, { sizeVariant: "base", sx: { color: t("neutral.500"), marginTop: 12 }, children: "Explore Our Premium Notebook Selection" }),
+              /* @__PURE__ */ e(g, { sx: { marginTop: 24 }, children: I.map((a, h) => /* @__PURE__ */ o(
+                y,
+                {
+                  sx: { flexDirection: "row", alignItems: "center", columnGap: 12, marginTop: h === 0 ? 0 : 16 },
+                  children: [
+                    /* @__PURE__ */ e(u, { sx: { flexShrink: 0 }, children: /* @__PURE__ */ e(
+                      v,
+                      {
+                        source: W,
+                        size: 20,
+                        sx: {
+                          color: t("primary.600")
+                        }
+                      }
+                    ) }),
+                    /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(i, { sizeVariant: "base", sx: { color: t("neutral.600") }, children: a }) })
+                  ]
+                },
+                h
+              )) }),
+              /* @__PURE__ */ e(
+                g,
+                {
+                  sx: {
+                    marginTop: 24,
+                    paddingTop: 24,
+                    borderStyle: "solid",
+                    borderColor: t("neutral.200"),
+                    borderTopWidth: 1
+                  },
+                  children: /* @__PURE__ */ e(r, { as: "h3", sizeVariant: "lg", sx: { fontWeight: 700, color: t("neutral.600") }, children: 'Interested in more colors for the notebook?"' })
+                }
+              ),
+              /* @__PURE__ */ e(f, { color: "primary", variant: "outlined", sx: { width: "100%", marginTop: 20 }, children: "Start Exploring →" }),
+              /* @__PURE__ */ e(f, { color: "primary", variant: "contained", sx: { width: "100%", marginTop: 12 }, children: "Show Now →" }),
+              /* @__PURE__ */ e(
+                g,
+                {
+                  sx: {
+                    marginTop: 12,
+                    backgroundColor: t("neutral.100"),
+                    paddingTop: 12,
+                    paddingBottom: 12,
+                    paddingLeft: 16,
+                    paddingRight: 16,
+                    borderTopLeftRadius: 8,
+                    borderTopRightRadius: 8,
+                    borderBottomLeftRadius: 8,
+                    borderBottomRightRadius: 8
+                  },
+                  children: /* @__PURE__ */ e(i, { sizeVariant: "sm", sx: { color: t("neutral.600"), textAlign: "center" }, children: "30-day money back guarantee" })
+                }
+              ),
+              /* @__PURE__ */ e(d, { cols: 3, sx: { columnGap: 16, marginTop: 32 }, children: q.map((a, h) => /* @__PURE__ */ o(n, { children: [
+                /* @__PURE__ */ e(
+                  v,
+                  {
+                    source: a.icon,
+                    size: 22,
+                    sx: { color: t("neutral.600"), marginLeft: "auto", marginRight: "auto" }
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  i,
+                  {
+                    sizeVariant: "sm",
+                    sx: { color: t("neutral.500"), textAlign: "center", marginTop: 8 },
+                    children: a.label
+                  }
+                )
+              ] }, h)) })
+            ] }),
+            /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(
+              p,
+              {
+                src: "https://cdn.shopify.com/s/files/1/2005/9307/files/gempages_432750572815254551-7b4ef89a-f381-4a78-934a-088101b8cb47.png?v=1716946704",
+                alt: "Premium notebook",
+                sx: { width: "100%", objectFit: "cover" }
+              }
+            ) })
+          ]
+        }
+      )
+    }
+  )
+}, z = "https://cdn.shopify.com/s/files/1/0959/8114/2305/files/img140.png", J = {
   name: "Hero",
-  icon: { source: h },
+  icon: { source: x },
   templates: [
+    N,
     {
-      template: /* @__PURE__ */ e(l, { children: /* @__PURE__ */ t(
-        c,
+      template: /* @__PURE__ */ e(m, { children: /* @__PURE__ */ o(
+        d,
         {
           sx: {
             sm: {
@@ -40,7 +152,7 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
           },
           sm: { cols: 2 },
           children: [
-            /* @__PURE__ */ t(
+            /* @__PURE__ */ o(
               n,
               {
                 sx: {
@@ -48,8 +160,8 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                   sm: { order: 0 }
                 },
                 children: [
-                  /* @__PURE__ */ t(
-                    s,
+                  /* @__PURE__ */ o(
+                    r,
                     {
                       as: "h1",
                       sizeVariant: "4xl",
@@ -78,21 +190,21 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                       children: "Discover our latest running shoes with advanced air technology soles and boost technology, conquering every terrain with comfort and confidence."
                     }
                   ),
-                  /* @__PURE__ */ e(T, { sx: { marginTop: 32, width: "100%", md: { width: 200 } }, children: "Explore Now" })
+                  /* @__PURE__ */ e(f, { sx: { marginTop: 32, width: "100%", md: { width: 200 } }, children: "Explore Now" })
                 ]
               }
             ),
-            /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(p, { src: L }) })
+            /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(p, { src: z }) })
           ]
         }
       ) })
     },
     {
-      template: /* @__PURE__ */ e(l, { children: /* @__PURE__ */ t(
+      template: /* @__PURE__ */ e(m, { children: /* @__PURE__ */ o(
         g,
         {
           sx: {
-            backgroundColor: o("primary.100"),
+            backgroundColor: t("primary.100"),
             paddingTop: 32,
             paddingRight: 20,
             paddingBottom: 24,
@@ -109,9 +221,9 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
             }
           },
           children: [
-            /* @__PURE__ */ t(c, { cols: 1, md: { cols: 12 }, sx: { rowGap: 24, columnGap: 24, alignItems: "end" }, children: [
+            /* @__PURE__ */ o(d, { cols: 1, md: { cols: 12 }, sx: { rowGap: 24, columnGap: 24, alignItems: "end" }, children: [
               /* @__PURE__ */ e(n, { md: { colSpan: 8 }, children: /* @__PURE__ */ e(
-                s,
+                r,
                 {
                   as: "h1",
                   sizeVariant: "4xl",
@@ -120,20 +232,20 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                   children: "Runway Mood, Everyday Form"
                 }
               ) }),
-              /* @__PURE__ */ t(n, { md: { colSpan: 4 }, children: [
+              /* @__PURE__ */ o(n, { md: { colSpan: 4 }, children: [
                 /* @__PURE__ */ e(
                   i,
                   {
-                    sx: { color: o("neutral.600"), textAlign: "center", md: { textAlign: "left" } },
+                    sx: { color: t("neutral.600"), textAlign: "center", md: { textAlign: "left" } },
                     children: "New arrivals shaped like a campaign board: sharp, wearable, and ready for the street."
                   }
                 ),
-                /* @__PURE__ */ e(T, { sx: { width: "100%", marginTop: 24, md: { width: 200 } }, children: "Explore New Arrivals" })
+                /* @__PURE__ */ e(f, { sx: { width: "100%", marginTop: 24, md: { width: 200 } }, children: "Explore New Arrivals" })
               ] }),
               /* @__PURE__ */ e(n, { md: { colSpan: 12 }, children: /* @__PURE__ */ e(
                 p,
                 {
-                  src: L,
+                  src: z,
                   sx: {
                     width: "100%",
                     aspectRatio: "16 / 9",
@@ -146,17 +258,17 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                 }
               ) })
             ] }),
-            /* @__PURE__ */ t(
-              B,
+            /* @__PURE__ */ o(
+              V,
               {
                 spaceBetween: 24,
                 md: { spaceBetween: 40 },
                 sx: { marginTop: 24, paddingTop: 16, paddingBottom: 8 },
                 children: [
-                  /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(i, { sizeVariant: "lg", sx: { fontWeight: 600, textTransform: "uppercase" }, children: "New Arrivals" }) }),
-                  /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(i, { sizeVariant: "lg", sx: { fontWeight: 600, textTransform: "uppercase" }, children: "Editor's Picks" }) }),
-                  /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(i, { sizeVariant: "lg", sx: { fontWeight: 600, textTransform: "uppercase" }, children: "Limited Edit" }) }),
-                  /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(i, { sizeVariant: "lg", sx: { fontWeight: 600, textTransform: "uppercase" }, children: "Tailored For Now" }) })
+                  /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(i, { sizeVariant: "lg", sx: { fontWeight: 600, textTransform: "uppercase" }, children: "New Arrivals" }) }),
+                  /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(i, { sizeVariant: "lg", sx: { fontWeight: 600, textTransform: "uppercase" }, children: "Editor's Picks" }) }),
+                  /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(i, { sizeVariant: "lg", sx: { fontWeight: 600, textTransform: "uppercase" }, children: "Limited Edit" }) }),
+                  /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(i, { sizeVariant: "lg", sx: { fontWeight: 600, textTransform: "uppercase" }, children: "Tailored For Now" }) })
                 ]
               }
             )
@@ -165,14 +277,14 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
       ) })
     }
   ]
-}, H = {
+}, Z = {
   name: "FAQs",
-  icon: { source: h },
+  icon: { source: x },
   templates: [
     {
-      template: /* @__PURE__ */ t(l, { children: [
+      template: /* @__PURE__ */ o(m, { children: [
         /* @__PURE__ */ e(
-          s,
+          r,
           {
             sizeVariant: "4xl",
             sx: {
@@ -187,8 +299,8 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
             children: "Frequently Asked Questions"
           }
         ),
-        /* @__PURE__ */ t(
-          f,
+        /* @__PURE__ */ o(
+          T,
           {
             openMode: "single",
             accordionSummaryProps: {
@@ -208,8 +320,8 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
               expandIcon: {
                 position: "right",
                 source: {
-                  expanded: b,
-                  collapsed: x
+                  expanded: w,
+                  collapsed: R
                 }
               }
             },
@@ -220,29 +332,29 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
               }
             },
             children: [
-              /* @__PURE__ */ t(r, { defaultOpen: !0, children: [
-                /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(i, { sizeVariant: "base", children: "At vero eos et accusamus odio?" }) }),
-                /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation." }) })
+              /* @__PURE__ */ o(s, { defaultOpen: !0, children: [
+                /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(i, { sizeVariant: "base", children: "At vero eos et accusamus odio?" }) }),
+                /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(i, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation." }) })
               ] }),
-              /* @__PURE__ */ t(r, { children: [
-                /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(i, { sizeVariant: "base", children: "At vero eos et accusamus et iusto?" }) }),
-                /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation." }) })
+              /* @__PURE__ */ o(s, { children: [
+                /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(i, { sizeVariant: "base", children: "At vero eos et accusamus et iusto?" }) }),
+                /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(i, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation." }) })
               ] }),
-              /* @__PURE__ */ t(r, { children: [
-                /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(i, { sizeVariant: "base", children: "At vero eos et accusamus?" }) }),
-                /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation." }) })
+              /* @__PURE__ */ o(s, { children: [
+                /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(i, { sizeVariant: "base", children: "At vero eos et accusamus?" }) }),
+                /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(i, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation." }) })
               ] }),
-              /* @__PURE__ */ t(r, { children: [
-                /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(i, { sizeVariant: "base", children: "At vero eos et iusto?" }) }),
-                /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation." }) })
+              /* @__PURE__ */ o(s, { children: [
+                /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(i, { sizeVariant: "base", children: "At vero eos et iusto?" }) }),
+                /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(i, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation." }) })
               ] }),
-              /* @__PURE__ */ t(r, { children: [
-                /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(i, { sizeVariant: "base", children: "At vero eos et accusamus?" }) }),
-                /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation." }) })
+              /* @__PURE__ */ o(s, { children: [
+                /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(i, { sizeVariant: "base", children: "At vero eos et accusamus?" }) }),
+                /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(i, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation." }) })
               ] }),
-              /* @__PURE__ */ t(r, { children: [
-                /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(i, { sizeVariant: "base", children: "At vero eos et accusamus et iusto?" }) }),
-                /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation." }) })
+              /* @__PURE__ */ o(s, { children: [
+                /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(i, { sizeVariant: "base", children: "At vero eos et accusamus et iusto?" }) }),
+                /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(i, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation." }) })
               ] })
             ]
           }
@@ -250,25 +362,25 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
       ] })
     },
     {
-      template: /* @__PURE__ */ e(l, { children: /* @__PURE__ */ t(c, { cols: 1, md: { cols: 12 }, sx: { rowGap: 28, columnGap: 40, alignItems: "start" }, children: [
-        /* @__PURE__ */ t(n, { md: { colSpan: 4 }, children: [
+      template: /* @__PURE__ */ e(m, { children: /* @__PURE__ */ o(d, { cols: 1, md: { cols: 12 }, sx: { rowGap: 28, columnGap: 40, alignItems: "start" }, children: [
+        /* @__PURE__ */ o(n, { md: { colSpan: 4 }, children: [
           /* @__PURE__ */ e(
             i,
             {
               sizeVariant: "sm",
-              sx: { color: o("primary.600"), fontWeight: 600, textTransform: "uppercase" },
+              sx: { color: t("primary.600"), fontWeight: 600, textTransform: "uppercase" },
               children: "Help Desk"
             }
           ),
-          /* @__PURE__ */ e(s, { sizeVariant: "4xl", md: { sizeVariant: "5xl" }, sx: { fontWeight: 600, marginTop: 12 }, children: "Questions before checkout?" }),
-          /* @__PURE__ */ e(i, { sx: { color: o("neutral.600"), marginTop: 16 }, children: "Keep buying decisions calm with answers for shipping, returns, sizing, and payment." }),
-          /* @__PURE__ */ e(T, { sx: { width: "100%", marginTop: 28, md: { width: 180 } }, children: "Contact Support" })
+          /* @__PURE__ */ e(r, { sizeVariant: "4xl", md: { sizeVariant: "5xl" }, sx: { fontWeight: 600, marginTop: 12 }, children: "Questions before checkout?" }),
+          /* @__PURE__ */ e(i, { sx: { color: t("neutral.600"), marginTop: 16 }, children: "Keep buying decisions calm with answers for shipping, returns, sizing, and payment." }),
+          /* @__PURE__ */ e(f, { sx: { width: "100%", marginTop: 28, md: { width: 180 } }, children: "Contact Support" })
         ] }),
         /* @__PURE__ */ e(n, { md: { colSpan: 8 }, children: /* @__PURE__ */ e(
           g,
           {
             sx: {
-              backgroundColor: o("neutral.100"),
+              backgroundColor: t("neutral.100"),
               paddingTop: 12,
               paddingRight: 12,
               paddingBottom: 12,
@@ -284,8 +396,8 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                 paddingLeft: 24
               }
             },
-            children: /* @__PURE__ */ t(
-              f,
+            children: /* @__PURE__ */ o(
+              T,
               {
                 openMode: "single",
                 sx: { rowGap: 8 },
@@ -305,8 +417,8 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                   expandIcon: {
                     position: "right",
                     source: {
-                      expanded: b,
-                      collapsed: x
+                      expanded: w,
+                      collapsed: R
                     }
                   }
                 },
@@ -319,17 +431,17 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                   }
                 },
                 children: [
-                  /* @__PURE__ */ t(r, { defaultOpen: !0, children: [
-                    /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(i, { sizeVariant: "lg", sx: { fontWeight: 600 }, children: "How long does shipping usually take?" }) }),
-                    /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { sx: { color: o("neutral.600") }, children: "Most orders leave the warehouse within two business days. Delivery timing depends on destination and selected shipping method." }) })
+                  /* @__PURE__ */ o(s, { defaultOpen: !0, children: [
+                    /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(i, { sizeVariant: "lg", sx: { fontWeight: 600 }, children: "How long does shipping usually take?" }) }),
+                    /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(i, { sx: { color: t("neutral.600") }, children: "Most orders leave the warehouse within two business days. Delivery timing depends on destination and selected shipping method." }) })
                   ] }),
-                  /* @__PURE__ */ t(r, { children: [
-                    /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(i, { sizeVariant: "lg", sx: { fontWeight: 600 }, children: "Can I return an item if the fit is not right?" }) }),
-                    /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { sx: { color: o("neutral.600") }, children: "Yes. Keep the product unused with original tags and request a return within the policy window." }) })
+                  /* @__PURE__ */ o(s, { children: [
+                    /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(i, { sizeVariant: "lg", sx: { fontWeight: 600 }, children: "Can I return an item if the fit is not right?" }) }),
+                    /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(i, { sx: { color: t("neutral.600") }, children: "Yes. Keep the product unused with original tags and request a return within the policy window." }) })
                   ] }),
-                  /* @__PURE__ */ t(r, { children: [
-                    /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(i, { sizeVariant: "lg", sx: { fontWeight: 600 }, children: "Which payment methods are supported?" }) }),
-                    /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { sx: { color: o("neutral.600") }, children: "Major cards and supported local payment methods are available at checkout." }) })
+                  /* @__PURE__ */ o(s, { children: [
+                    /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(i, { sizeVariant: "lg", sx: { fontWeight: 600 }, children: "Which payment methods are supported?" }) }),
+                    /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(i, { sx: { color: t("neutral.600") }, children: "Major cards and supported local payment methods are available at checkout." }) })
                   ] })
                 ]
               }
@@ -339,11 +451,11 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
       ] }) })
     },
     {
-      template: /* @__PURE__ */ e(l, { children: /* @__PURE__ */ t(
+      template: /* @__PURE__ */ e(m, { children: /* @__PURE__ */ o(
         g,
         {
           sx: {
-            backgroundColor: o("primary.100"),
+            backgroundColor: t("primary.100"),
             paddingTop: 16,
             paddingRight: 12,
             paddingBottom: 16,
@@ -360,12 +472,12 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
             }
           },
           children: [
-            /* @__PURE__ */ e(s, { sizeVariant: "4xl", md: { sizeVariant: "5xl" }, sx: { textAlign: "center", fontWeight: 600 }, children: "Need-to-know before you order" }),
+            /* @__PURE__ */ e(r, { sizeVariant: "4xl", md: { sizeVariant: "5xl" }, sx: { textAlign: "center", fontWeight: 600 }, children: "Need-to-know before you order" }),
             /* @__PURE__ */ e(
               i,
               {
                 sx: {
-                  color: o("neutral.600"),
+                  color: t("neutral.600"),
                   textAlign: "center",
                   marginTop: 16,
                   marginLeft: "auto",
@@ -375,8 +487,8 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                 children: "A compact FAQ card for product pages and campaign landings where shoppers need quick confidence."
               }
             ),
-            /* @__PURE__ */ t(
-              f,
+            /* @__PURE__ */ o(
+              T,
               {
                 openMode: "multiple",
                 sx: { marginTop: 20, rowGap: 6, md: { marginTop: 32, rowGap: 12 } },
@@ -396,8 +508,8 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                   expandIcon: {
                     position: "right",
                     source: {
-                      expanded: b,
-                      collapsed: x
+                      expanded: w,
+                      collapsed: R
                     }
                   }
                 },
@@ -415,17 +527,17 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                   }
                 },
                 children: [
-                  /* @__PURE__ */ t(r, { defaultOpen: !0, children: [
-                    /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(i, { sizeVariant: "lg", sx: { fontWeight: 600 }, children: "Do you offer size guidance?" }) }),
-                    /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { sx: { color: o("neutral.600") }, children: "Add a fit note, measurement guide, or size recommendation here so shoppers choose confidently." }) })
+                  /* @__PURE__ */ o(s, { defaultOpen: !0, children: [
+                    /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(i, { sizeVariant: "lg", sx: { fontWeight: 600 }, children: "Do you offer size guidance?" }) }),
+                    /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(i, { sx: { color: t("neutral.600") }, children: "Add a fit note, measurement guide, or size recommendation here so shoppers choose confidently." }) })
                   ] }),
-                  /* @__PURE__ */ t(r, { defaultOpen: !0, children: [
-                    /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(i, { sizeVariant: "lg", sx: { fontWeight: 600 }, children: "Is gift packaging available?" }) }),
-                    /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { sx: { color: o("neutral.600") }, children: "Use this answer to explain gift notes, premium packaging, or seasonal wrapping options." }) })
+                  /* @__PURE__ */ o(s, { defaultOpen: !0, children: [
+                    /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(i, { sizeVariant: "lg", sx: { fontWeight: 600 }, children: "Is gift packaging available?" }) }),
+                    /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(i, { sx: { color: t("neutral.600") }, children: "Use this answer to explain gift notes, premium packaging, or seasonal wrapping options." }) })
                   ] }),
-                  /* @__PURE__ */ t(r, { children: [
-                    /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(i, { sizeVariant: "lg", sx: { fontWeight: 600 }, children: "How do exchanges work?" }) }),
-                    /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { sx: { color: o("neutral.600") }, children: "Explain the exchange flow, timeline, and whether replacement items are reserved during processing." }) })
+                  /* @__PURE__ */ o(s, { children: [
+                    /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(i, { sizeVariant: "lg", sx: { fontWeight: 600 }, children: "How do exchanges work?" }) }),
+                    /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(i, { sx: { color: t("neutral.600") }, children: "Explain the exchange flow, timeline, and whether replacement items are reserved during processing." }) })
                   ] })
                 ]
               }
@@ -436,7 +548,7 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
     },
     {
       template: /* @__PURE__ */ e(
-        l,
+        m,
         {
           sx: {
             backgroundImage: "url(https://cdn.shopify.com/s/files/1/2005/9307/files/432750572815254551-fc38f909-2492-4367-8f30-f09c5de9caf3.png)",
@@ -447,7 +559,7 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
             paddingBottom: 56,
             md: { paddingTop: 88, paddingBottom: 88 }
           },
-          children: /* @__PURE__ */ e(c, { cols: 1, md: { cols: 12 }, sx: { alignItems: "center" }, children: /* @__PURE__ */ e(n, { md: { colSpan: 5 }, children: /* @__PURE__ */ t(
+          children: /* @__PURE__ */ e(d, { cols: 1, md: { cols: 12 }, sx: { alignItems: "center" }, children: /* @__PURE__ */ e(n, { md: { colSpan: 5 }, children: /* @__PURE__ */ o(
             g,
             {
               sx: {
@@ -465,7 +577,7 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
               },
               children: [
                 /* @__PURE__ */ e(
-                  s,
+                  r,
                   {
                     sizeVariant: "2xl",
                     md: { sizeVariant: "3xl" },
@@ -473,8 +585,8 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                     children: "Frequently Asked Questions"
                   }
                 ),
-                /* @__PURE__ */ t(
-                  f,
+                /* @__PURE__ */ o(
+                  T,
                   {
                     openMode: "single",
                     sx: { marginTop: 28, rowGap: 16 },
@@ -494,8 +606,8 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                       expandIcon: {
                         position: "right",
                         source: {
-                          expanded: b,
-                          collapsed: x
+                          expanded: w,
+                          collapsed: R
                         }
                       }
                     },
@@ -512,25 +624,25 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                       }
                     },
                     children: [
-                      /* @__PURE__ */ t(r, { children: [
-                        /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(i, { sizeVariant: "base", sx: { fontWeight: 700, color: "#74331f" }, children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod?" }) }),
-                        /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { sx: { color: "#74331f" }, children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt." }) })
+                      /* @__PURE__ */ o(s, { children: [
+                        /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(i, { sizeVariant: "base", sx: { fontWeight: 700, color: "#74331f" }, children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod?" }) }),
+                        /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(i, { sx: { color: "#74331f" }, children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt." }) })
                       ] }),
-                      /* @__PURE__ */ t(r, { children: [
-                        /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(i, { sizeVariant: "base", sx: { fontWeight: 700, color: "#74331f" }, children: "Lorem ipsum dolor sit amet, consectetur?" }) }),
-                        /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { sx: { color: "#74331f" }, children: "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip." }) })
+                      /* @__PURE__ */ o(s, { children: [
+                        /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(i, { sizeVariant: "base", sx: { fontWeight: 700, color: "#74331f" }, children: "Lorem ipsum dolor sit amet, consectetur?" }) }),
+                        /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(i, { sx: { color: "#74331f" }, children: "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip." }) })
                       ] }),
-                      /* @__PURE__ */ t(r, { children: [
-                        /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(i, { sizeVariant: "base", sx: { fontWeight: 700, color: "#74331f" }, children: "Lorem ipsum dolor sit amet, consectetur elit sed do eiusmod?" }) }),
-                        /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { sx: { color: "#74331f" }, children: "Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore." }) })
+                      /* @__PURE__ */ o(s, { children: [
+                        /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(i, { sizeVariant: "base", sx: { fontWeight: 700, color: "#74331f" }, children: "Lorem ipsum dolor sit amet, consectetur elit sed do eiusmod?" }) }),
+                        /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(i, { sx: { color: "#74331f" }, children: "Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore." }) })
                       ] }),
-                      /* @__PURE__ */ t(r, { children: [
-                        /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(i, { sizeVariant: "base", sx: { fontWeight: 700, color: "#74331f" }, children: "Lorem ipsum dolor sit amet consectetur?" }) }),
-                        /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { sx: { color: "#74331f" }, children: "Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt." }) })
+                      /* @__PURE__ */ o(s, { children: [
+                        /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(i, { sizeVariant: "base", sx: { fontWeight: 700, color: "#74331f" }, children: "Lorem ipsum dolor sit amet consectetur?" }) }),
+                        /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(i, { sx: { color: "#74331f" }, children: "Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt." }) })
                       ] }),
-                      /* @__PURE__ */ t(r, { children: [
-                        /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(i, { sizeVariant: "base", sx: { fontWeight: 700, color: "#74331f" }, children: "Lorem ipsum dolor sit amet, consectetur adipiscing sed do eiusmod?" }) }),
-                        /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { sx: { color: "#74331f" }, children: "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque." }) })
+                      /* @__PURE__ */ o(s, { children: [
+                        /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(i, { sizeVariant: "base", sx: { fontWeight: 700, color: "#74331f" }, children: "Lorem ipsum dolor sit amet, consectetur adipiscing sed do eiusmod?" }) }),
+                        /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(i, { sx: { color: "#74331f" }, children: "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque." }) })
                       ] })
                     ]
                   }
@@ -542,7 +654,7 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
       )
     }
   ]
-}, w = [
+}, L = [
   {
     image: "https://ucarecdn.com/3c98ccba-611f-43aa-baee-8b70deaa56c4/-/format/auto/",
     title: "24/7 Friendly Support"
@@ -559,14 +671,14 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
     image: "https://ucarecdn.com/8a7a086c-1ef5-43a9-a036-daaf1f15a9f1/-/format/auto/",
     title: "Secure Online Payment"
   }
-], D = {
+], $ = {
   name: "Guarantee",
-  icon: { source: h },
+  icon: { source: x },
   templates: [
     {
-      template: /* @__PURE__ */ t(l, { children: [
-        /* @__PURE__ */ t(
-          s,
+      template: /* @__PURE__ */ o(m, { children: [
+        /* @__PURE__ */ o(
+          r,
           {
             sizeVariant: "4xl",
             sx: {
@@ -589,7 +701,7 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
           {
             sizeVariant: "base",
             sx: {
-              color: o("neutral.500"),
+              color: t("neutral.500"),
               textAlign: "center",
               marginTop: 16,
               md: {
@@ -600,7 +712,7 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
           }
         ),
         /* @__PURE__ */ e(
-          c,
+          d,
           {
             sx: {
               width: "100%",
@@ -616,7 +728,7 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
             md: {
               cols: 4
             },
-            children: w.map((m, R) => /* @__PURE__ */ t(n, { children: [
+            children: L.map((a, h) => /* @__PURE__ */ o(n, { children: [
               /* @__PURE__ */ e(
                 p,
                 {
@@ -625,7 +737,7 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                     marginLeft: "auto",
                     marginRight: "auto"
                   },
-                  src: m.image
+                  src: a.image
                 }
               ),
               /* @__PURE__ */ e(
@@ -637,17 +749,17 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                     marginTop: 16,
                     fontWeight: 500
                   },
-                  children: m.title
+                  children: a.title
                 }
               )
-            ] }, R))
+            ] }, h))
           }
         )
       ] })
     },
     {
       template: /* @__PURE__ */ e(
-        l,
+        m,
         {
           sx: {
             paddingTop: 32,
@@ -657,8 +769,8 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
               paddingBottom: 64
             }
           },
-          children: /* @__PURE__ */ t(
-            c,
+          children: /* @__PURE__ */ o(
+            d,
             {
               sx: {
                 rowGap: 32,
@@ -683,13 +795,13 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                     src: "https://cdn.shopify.com/s/files/1/0959/8114/2305/files/img140.png"
                   }
                 ) }),
-                /* @__PURE__ */ t(n, { children: [
+                /* @__PURE__ */ o(n, { children: [
                   /* @__PURE__ */ e(
                     i,
                     {
                       sizeVariant: "sm",
                       sx: {
-                        color: o("primary.600"),
+                        color: t("primary.600"),
                         textAlign: "center",
                         fontWeight: 600,
                         textTransform: "uppercase",
@@ -701,7 +813,7 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                     }
                   ),
                   /* @__PURE__ */ e(
-                    s,
+                    r,
                     {
                       sizeVariant: "4xl",
                       sx: {
@@ -721,7 +833,7 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                     {
                       sizeVariant: "base",
                       sx: {
-                        color: o("neutral.500"),
+                        color: t("neutral.500"),
                         textAlign: "center",
                         marginTop: 20,
                         md: {
@@ -731,10 +843,10 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                       children: "Every order is protected by responsive support, secure payments, and quality checks before shipping."
                     }
                   ),
-                  /* @__PURE__ */ t(c, { sx: { marginTop: 32, rowGap: 20, columnGap: 20 }, cols: 1, sm: { cols: 2 }, children: [
-                    /* @__PURE__ */ t(n, { children: [
+                  /* @__PURE__ */ o(d, { sx: { marginTop: 32, rowGap: 20, columnGap: 20 }, cols: 1, sm: { cols: 2 }, children: [
+                    /* @__PURE__ */ o(n, { children: [
                       /* @__PURE__ */ e(
-                        s,
+                        r,
                         {
                           sizeVariant: "3xl",
                           sx: { textAlign: "center", fontWeight: 600, md: { textAlign: "left" } },
@@ -744,14 +856,14 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                       /* @__PURE__ */ e(
                         i,
                         {
-                          sx: { color: o("neutral.500"), textAlign: "center", md: { textAlign: "left" } },
+                          sx: { color: t("neutral.500"), textAlign: "center", md: { textAlign: "left" } },
                           children: "Friendly support team"
                         }
                       )
                     ] }),
-                    /* @__PURE__ */ t(n, { children: [
+                    /* @__PURE__ */ o(n, { children: [
                       /* @__PURE__ */ e(
-                        s,
+                        r,
                         {
                           sizeVariant: "3xl",
                           sx: { textAlign: "center", fontWeight: 600, md: { textAlign: "left" } },
@@ -761,13 +873,13 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                       /* @__PURE__ */ e(
                         i,
                         {
-                          sx: { color: o("neutral.500"), textAlign: "center", md: { textAlign: "left" } },
+                          sx: { color: t("neutral.500"), textAlign: "center", md: { textAlign: "left" } },
                           children: "Secure online payment"
                         }
                       )
                     ] })
                   ] }),
-                  /* @__PURE__ */ e(T, { sx: { width: "100%", marginTop: 32, md: { width: 180 } }, children: "Explore Now" })
+                  /* @__PURE__ */ e(f, { sx: { width: "100%", marginTop: 32, md: { width: 180 } }, children: "Explore Now" })
                 ] })
               ]
             }
@@ -776,14 +888,14 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
       )
     },
     {
-      template: /* @__PURE__ */ e(l, { children: /* @__PURE__ */ t(c, { sx: { rowGap: 24, columnGap: 24 }, cols: 1, md: { cols: 3 }, children: [
-        /* @__PURE__ */ t(n, { children: [
-          /* @__PURE__ */ e(s, { sizeVariant: "4xl", sx: { textAlign: "center", fontWeight: 600, md: { textAlign: "left" } }, children: "Built for calm, confident shopping" }),
+      template: /* @__PURE__ */ e(m, { children: /* @__PURE__ */ o(d, { sx: { rowGap: 24, columnGap: 24 }, cols: 1, md: { cols: 3 }, children: [
+        /* @__PURE__ */ o(n, { children: [
+          /* @__PURE__ */ e(r, { sizeVariant: "4xl", sx: { textAlign: "center", fontWeight: 600, md: { textAlign: "left" } }, children: "Built for calm, confident shopping" }),
           /* @__PURE__ */ e(
             i,
             {
               sx: {
-                color: o("neutral.500"),
+                color: t("neutral.500"),
                 textAlign: "center",
                 marginTop: 16,
                 md: { textAlign: "left" }
@@ -792,11 +904,11 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
             }
           )
         ] }),
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ o(
           n,
           {
             sx: {
-              backgroundColor: o("neutral.100"),
+              backgroundColor: t("neutral.100"),
               paddingTop: 28,
               paddingRight: 24,
               paddingBottom: 28,
@@ -807,17 +919,17 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
               borderBottomLeftRadius: 28
             },
             children: [
-              /* @__PURE__ */ e(p, { sx: { width: 72 }, src: w[0].image }),
-              /* @__PURE__ */ e(s, { sizeVariant: "2xl", sx: { marginTop: 24, fontWeight: 600 }, children: "Always-on support" }),
-              /* @__PURE__ */ e(i, { sx: { color: o("neutral.500"), marginTop: 12 }, children: "Ask questions before or after purchase and get guidance whenever you need it." })
+              /* @__PURE__ */ e(p, { sx: { width: 72 }, src: L[0].image }),
+              /* @__PURE__ */ e(r, { sizeVariant: "2xl", sx: { marginTop: 24, fontWeight: 600 }, children: "Always-on support" }),
+              /* @__PURE__ */ e(i, { sx: { color: t("neutral.500"), marginTop: 12 }, children: "Ask questions before or after purchase and get guidance whenever you need it." })
             ]
           }
         ),
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ o(
           n,
           {
             sx: {
-              backgroundColor: o("primary.100"),
+              backgroundColor: t("primary.100"),
               paddingTop: 28,
               paddingRight: 24,
               paddingBottom: 28,
@@ -828,22 +940,219 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
               borderBottomLeftRadius: 28
             },
             children: [
-              /* @__PURE__ */ e(p, { sx: { width: 72 }, src: w[3].image }),
-              /* @__PURE__ */ e(s, { sizeVariant: "2xl", sx: { marginTop: 24, fontWeight: 600 }, children: "Protected checkout" }),
-              /* @__PURE__ */ e(i, { sx: { color: o("neutral.600"), marginTop: 12 }, children: "Secure payment flows and trusted order handling keep every transaction simple." })
+              /* @__PURE__ */ e(p, { sx: { width: 72 }, src: L[3].image }),
+              /* @__PURE__ */ e(r, { sizeVariant: "2xl", sx: { marginTop: 24, fontWeight: 600 }, children: "Protected checkout" }),
+              /* @__PURE__ */ e(i, { sx: { color: t("neutral.600"), marginTop: 12 }, children: "Secure payment flows and trusted order handling keep every transaction simple." })
             ]
           }
         )
       ] }) })
     }
   ]
-}, Q = {
+}, E = {
+  template: /* @__PURE__ */ e(
+    m,
+    {
+      sx: {
+        paddingTop: 40,
+        paddingBottom: 40,
+        paddingLeft: 16,
+        paddingRight: 16,
+        md: {
+          paddingTop: 64,
+          paddingBottom: 64,
+          paddingLeft: 48,
+          paddingRight: 48
+        }
+      },
+      children: /* @__PURE__ */ o(
+        d,
+        {
+          cols: 1,
+          md: { cols: 2 },
+          sx: {
+            rowGap: 40,
+            columnGap: 48,
+            alignItems: "start",
+            md: {
+              columnGap: 80
+            }
+          },
+          children: [
+            /* @__PURE__ */ o(n, { children: [
+              /* @__PURE__ */ e(g, { sx: { backgroundColor: t("neutral.100") }, children: /* @__PURE__ */ e(
+                p,
+                {
+                  src: "https://cdn.shopify.com/s/files/1/2005/9307/files/myimage_7.jpg",
+                  alt: "Workspace",
+                  sx: {
+                    width: "100%",
+                    objectFit: "cover"
+                  }
+                }
+              ) }),
+              /* @__PURE__ */ e(
+                g,
+                {
+                  sx: {
+                    backgroundColor: "#ffffff",
+                    marginTop: -80,
+                    marginLeft: 24,
+                    marginRight: 24,
+                    paddingTop: 28,
+                    paddingBottom: 28,
+                    paddingLeft: 32,
+                    paddingRight: 32,
+                    md: {
+                      marginTop: -120,
+                      marginLeft: 40,
+                      marginRight: 40,
+                      paddingTop: 36,
+                      paddingBottom: 36,
+                      paddingLeft: 48,
+                      paddingRight: 48
+                    }
+                  },
+                  children: /* @__PURE__ */ e(
+                    i,
+                    {
+                      sizeVariant: "base",
+                      md: { sizeVariant: "lg" },
+                      sx: {
+                        color: t("neutral.600"),
+                        fontStyle: "italic",
+                        textAlign: "center"
+                      },
+                      children: "“We’re a fully distributed team of 85 people living and working in 15 countries around the world. And we’re working to build the best products to help our customers.”"
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ e(
+                p,
+                {
+                  src: "https://cdn.shopify.com/s/files/1/2005/9307/files/James.svg",
+                  alt: "Signature",
+                  sx: {
+                    width: 140,
+                    marginTop: 24,
+                    marginLeft: "auto",
+                    marginRight: "auto",
+                    md: {
+                      width: 160,
+                      marginTop: 28
+                    }
+                  }
+                }
+              ),
+              /* @__PURE__ */ e(
+                i,
+                {
+                  sizeVariant: "base",
+                  sx: {
+                    fontWeight: 700,
+                    color: t("neutral.600"),
+                    textAlign: "center",
+                    marginTop: 12
+                  },
+                  children: "James Frank / CEO"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ o(n, { children: [
+              /* @__PURE__ */ e(
+                r,
+                {
+                  as: "h2",
+                  sizeVariant: "3xl",
+                  md: { sizeVariant: "4xl" },
+                  sx: {
+                    fontWeight: 700,
+                    color: t("neutral.600")
+                  },
+                  children: "About us"
+                }
+              ),
+              /* @__PURE__ */ e(
+                i,
+                {
+                  sizeVariant: "base",
+                  sx: {
+                    color: t("neutral.600"),
+                    marginTop: 20,
+                    md: { marginTop: 24 }
+                  },
+                  children: "We’re a fully distributed team of 85 people living and working in 15 countries around the world. And we’re working to build the best products to help our customers build their brands and grow their businesses on social media. We’ve always aimed to do things a little differently at Buffer. Since the early days, we’ve had a focus on building one of the most unique and fulfilling workplaces by rethinking a lot of traditional practices."
+                }
+              ),
+              /* @__PURE__ */ e(
+                r,
+                {
+                  as: "h3",
+                  sizeVariant: "lg",
+                  md: { sizeVariant: "xl" },
+                  sx: {
+                    fontWeight: 700,
+                    color: t("neutral.600"),
+                    marginTop: 32,
+                    md: { marginTop: 40 }
+                  },
+                  children: "Creative"
+                }
+              ),
+              /* @__PURE__ */ e(
+                i,
+                {
+                  sizeVariant: "base",
+                  sx: {
+                    color: t("neutral.600"),
+                    marginTop: 12,
+                    md: { marginTop: 16 }
+                  },
+                  children: "We care about building a quality product, trusted relationships with our customers, and a sense of community that connects our customers and team with one another."
+                }
+              ),
+              /* @__PURE__ */ e(
+                r,
+                {
+                  as: "h3",
+                  sizeVariant: "lg",
+                  md: { sizeVariant: "xl" },
+                  sx: {
+                    fontWeight: 700,
+                    color: t("neutral.600"),
+                    marginTop: 28,
+                    md: { marginTop: 32 }
+                  },
+                  children: "Sustainability"
+                }
+              ),
+              /* @__PURE__ */ e(
+                i,
+                {
+                  sizeVariant: "base",
+                  sx: {
+                    color: t("neutral.600"),
+                    marginTop: 12,
+                    md: { marginTop: 16 }
+                  },
+                  children: "A commitment to supporting our team and our customers has helped Buffer grow from humble beginnings to now serving more than 140,000 users. Our passion for making meaningful connections flows through everything we do."
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    }
+  )
+}, X = {
   name: "Brand Story",
-  icon: { source: h },
+  icon: { source: x },
   templates: [
+    E,
     {
       template: /* @__PURE__ */ e(
-        l,
+        m,
         {
           sx: {
             backgroundColor: "#faf5ef",
@@ -858,8 +1167,8 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
               paddingRight: 48
             }
           },
-          children: /* @__PURE__ */ t(
-            c,
+          children: /* @__PURE__ */ o(
+            d,
             {
               cols: 1,
               md: { cols: 12 },
@@ -916,9 +1225,9 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                     }
                   }
                 ) }),
-                /* @__PURE__ */ t(n, { md: { colSpan: 5 }, children: [
+                /* @__PURE__ */ o(n, { md: { colSpan: 5 }, children: [
                   /* @__PURE__ */ e(
-                    s,
+                    r,
                     {
                       as: "h2",
                       sizeVariant: "3xl",
@@ -993,17 +1302,17 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
       )
     }
   ]
-}, A = [
-  { icon: "https://cdn.shopify.com/s/files/1/2005/9307/files/photo_6.png", value: "10+", label: "Years of experience" },
-  { icon: "https://cdn.shopify.com/s/files/1/2005/9307/files/photo_7.png", value: "235+", label: "Happy Clients" },
-  { icon: "https://cdn.shopify.com/s/files/1/2005/9307/files/photo_8.png", value: "50+", label: "Project completed" }
-], K = {
+}, O = [
+  { icon: "https://cdn.shopify.com/s/files/1/2005/9307/files/photo_6.png", value: 10, label: "Years of experience" },
+  { icon: "https://cdn.shopify.com/s/files/1/2005/9307/files/photo_7.png", value: 235, label: "Happy Clients" },
+  { icon: "https://cdn.shopify.com/s/files/1/2005/9307/files/photo_8.png", value: 50, label: "Project completed" }
+], ee = {
   name: "About",
-  icon: { source: h },
+  icon: { source: x },
   templates: [
     {
       template: /* @__PURE__ */ e(
-        l,
+        m,
         {
           sx: {
             paddingTop: 40,
@@ -1017,8 +1326,8 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
               paddingRight: 48
             }
           },
-          children: /* @__PURE__ */ t(
-            c,
+          children: /* @__PURE__ */ o(
+            d,
             {
               cols: 1,
               md: { cols: 2 },
@@ -1046,13 +1355,13 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                     }
                   }
                 ) }),
-                /* @__PURE__ */ t(n, { children: [
+                /* @__PURE__ */ o(n, { children: [
                   /* @__PURE__ */ e(
                     i,
                     {
                       sizeVariant: "sm",
                       sx: {
-                        color: o("primary.600"),
+                        color: t("primary.600"),
                         fontWeight: 600,
                         textTransform: "uppercase"
                       },
@@ -1060,7 +1369,7 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                     }
                   ),
                   /* @__PURE__ */ e(
-                    s,
+                    r,
                     {
                       as: "h2",
                       sizeVariant: "3xl",
@@ -1077,7 +1386,7 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                     {
                       sizeVariant: "base",
                       sx: {
-                        color: o("neutral.600"),
+                        color: t("neutral.600"),
                         marginTop: 16,
                         md: { marginTop: 20 }
                       },
@@ -1085,7 +1394,7 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                     }
                   ),
                   /* @__PURE__ */ e(
-                    c,
+                    d,
                     {
                       cols: 1,
                       sm: { cols: 3 },
@@ -1095,11 +1404,11 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                         marginTop: 28,
                         md: { marginTop: 36 }
                       },
-                      children: A.map((m, R) => /* @__PURE__ */ e(n, { children: /* @__PURE__ */ t(
+                      children: O.map((a, h) => /* @__PURE__ */ e(n, { children: /* @__PURE__ */ o(
                         g,
                         {
                           sx: {
-                            backgroundColor: o("neutral.100"),
+                            backgroundColor: t("neutral.100"),
                             paddingTop: 20,
                             paddingBottom: 20,
                             paddingLeft: 16,
@@ -1114,27 +1423,27 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                             /* @__PURE__ */ e(
                               p,
                               {
-                                src: m.icon,
+                                src: a.icon,
                                 sx: {
                                   width: 48,
                                   height: 48,
                                   objectFit: "contain",
                                   marginLeft: "auto",
-                                  marginRight: "auto"
+                                  marginRight: "auto",
+                                  marginBottom: 8
                                 }
                               }
                             ),
                             /* @__PURE__ */ e(
-                              s,
+                              A,
                               {
-                                as: "div",
+                                to: a.value,
+                                suffix: "+",
                                 sizeVariant: "3xl",
                                 sx: {
                                   fontWeight: 700,
-                                  color: o("neutral.600"),
-                                  marginTop: 8
-                                },
-                                children: m.value
+                                  color: t("neutral.600")
+                                }
                               }
                             ),
                             /* @__PURE__ */ e(
@@ -1142,15 +1451,15 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                               {
                                 sizeVariant: "sm",
                                 sx: {
-                                  color: o("neutral.500"),
+                                  color: t("neutral.500"),
                                   marginTop: 4
                                 },
-                                children: m.label
+                                children: a.label
                               }
                             )
                           ]
                         }
-                      ) }, R))
+                      ) }, h))
                     }
                   )
                 ] })
@@ -1161,11 +1470,314 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
       )
     }
   ]
+}, _ = "https://cdn.shopify.com/s/files/1/2005/9307/files/gempages_432750572815254551-5f08d6c7-f89f-496d-91ac-2aa43df3875b.png?v=1715708404", P = "https://cdn.shopify.com/s/files/1/2005/9307/files/gempages_432750572815254551-880903a5-7b8a-4f03-a99a-7d1677a9cbbf.png?v=1715708428", F = {
+  template: /* @__PURE__ */ e(
+    m,
+    {
+      sx: {
+        paddingTop: 32,
+        paddingBottom: 32,
+        paddingLeft: 16,
+        paddingRight: 16,
+        md: { paddingTop: 48, paddingBottom: 48, paddingLeft: 48, paddingRight: 48 }
+      },
+      children: /* @__PURE__ */ o(
+        d,
+        {
+          cols: 1,
+          md: { cols: 2 },
+          sx: { rowGap: 32, columnGap: 48, alignItems: "center", md: { columnGap: 64 } },
+          children: [
+            /* @__PURE__ */ e(n, { children: /* @__PURE__ */ o(d, { cols: 2, sx: { columnGap: 12 }, children: [
+              /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(
+                p,
+                {
+                  src: _,
+                  alt: "Before",
+                  sx: {
+                    width: "100%",
+                    objectFit: "cover",
+                    borderTopLeftRadius: 12,
+                    borderTopRightRadius: 12,
+                    borderBottomRightRadius: 12,
+                    borderBottomLeftRadius: 12
+                  }
+                }
+              ) }),
+              /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(
+                p,
+                {
+                  src: P,
+                  alt: "After",
+                  sx: {
+                    width: "100%",
+                    objectFit: "cover",
+                    borderTopLeftRadius: 12,
+                    borderTopRightRadius: 12,
+                    borderBottomRightRadius: 12,
+                    borderBottomLeftRadius: 12
+                  }
+                }
+              ) })
+            ] }) }),
+            /* @__PURE__ */ o(n, { children: [
+              /* @__PURE__ */ e(r, { as: "h3", sizeVariant: "2xl", sx: { fontWeight: 700, color: t("neutral.600") }, children: "The standard" }),
+              /* @__PURE__ */ e(
+                r,
+                {
+                  as: "h2",
+                  sizeVariant: "4xl",
+                  md: { sizeVariant: "5xl" },
+                  sx: { fontWeight: 700, color: t("blue.500"), marginTop: 4 },
+                  children: "Lorem ipsum"
+                }
+              ),
+              /* @__PURE__ */ o(
+                g,
+                {
+                  sx: {
+                    marginTop: 24,
+                    backgroundColor: t("neutral.100"),
+                    paddingTop: 24,
+                    paddingBottom: 24,
+                    paddingLeft: 24,
+                    paddingRight: 24,
+                    borderTopLeftRadius: 12,
+                    borderTopRightRadius: 12,
+                    borderBottomRightRadius: 12,
+                    borderBottomLeftRadius: 12
+                  },
+                  children: [
+                    /* @__PURE__ */ e(r, { as: "h4", sizeVariant: "base", sx: { fontWeight: 700, color: t("neutral.600") }, children: "Sed ut perspiciatis unde omnis iste natus" }),
+                    /* @__PURE__ */ e(i, { sizeVariant: "base", sx: { color: t("neutral.600"), marginTop: 12 }, children: '"At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus.' }),
+                    /* @__PURE__ */ o(y, { sx: { flexDirection: "row", alignItems: "center", columnGap: 8, marginTop: 20 }, children: [
+                      /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(B, { rating: 5, count: 5, size: 18, color: t("orange.500") }) }),
+                      /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(i, { sizeVariant: "sm", sx: { fontWeight: 700, color: t("neutral.600") }, children: "-Alisa G." }) })
+                    ] })
+                  ]
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    }
+  )
+}, M = [
+  {
+    rating: 5,
+    quote: '"This product completely changed the way our team works. Setup was effortless and the support team went above and beyond to help us succeed."',
+    avatar: "https://cdn.shopify.com/s/files/1/2005/9307/files/image_9_05296326-8090-405d-8f31-e83c4a2d2739.webp",
+    name: "Rita Carroll",
+    role: "Marketing Director"
+  },
+  {
+    rating: 5,
+    quote: '"We saw results within the first week. The quality is outstanding and it has become an essential part of our daily workflow."',
+    avatar: "https://cdn.shopify.com/s/files/1/2005/9307/files/image_10_80120d07-93d9-4ec1-9f95-02f565eb09ae.webp",
+    name: "Olivia Rowse",
+    role: "Product Manager"
+  },
+  {
+    rating: 4.5,
+    quote: '"Reliable, easy to use, and worth every penny. I recommend it to everyone looking to grow their business online."',
+    avatar: "https://cdn.shopify.com/s/files/1/2005/9307/files/image_11_00d15153-b18c-43c7-aeb4-21d43c1b8612.webp",
+    name: "Timothy Joseph",
+    role: "Small Business Owner"
+  }
+], ie = {
+  name: "Social Proof",
+  icon: { source: x },
+  templates: [
+    F,
+    {
+      template: /* @__PURE__ */ o(
+        m,
+        {
+          sx: {
+            backgroundColor: t("neutral.100"),
+            paddingTop: 40,
+            paddingBottom: 40,
+            paddingLeft: 16,
+            paddingRight: 16,
+            md: {
+              paddingTop: 64,
+              paddingBottom: 64,
+              paddingLeft: 48,
+              paddingRight: 48
+            }
+          },
+          children: [
+            /* @__PURE__ */ e(
+              i,
+              {
+                sizeVariant: "sm",
+                sx: {
+                  color: t("primary.600"),
+                  fontWeight: 600,
+                  textTransform: "uppercase",
+                  textAlign: "center"
+                },
+                children: "Testimonials"
+              }
+            ),
+            /* @__PURE__ */ e(
+              r,
+              {
+                as: "h2",
+                sizeVariant: "3xl",
+                md: { sizeVariant: "4xl" },
+                sx: {
+                  fontWeight: 700,
+                  color: t("neutral.600"),
+                  textAlign: "center",
+                  marginTop: 12
+                },
+                children: "Loved by thousands of customers"
+              }
+            ),
+            /* @__PURE__ */ e(
+              i,
+              {
+                sizeVariant: "base",
+                sx: {
+                  color: t("neutral.600"),
+                  textAlign: "center",
+                  marginTop: 12,
+                  marginLeft: "auto",
+                  marginRight: "auto",
+                  width: "100%",
+                  md: { width: 640 }
+                },
+                children: "Don’t just take our word for it. Here’s what real customers have to say about their experience."
+              }
+            ),
+            /* @__PURE__ */ e(
+              d,
+              {
+                cols: 1,
+                md: { cols: 3 },
+                sx: {
+                  rowGap: 24,
+                  columnGap: 24,
+                  alignItems: "stretch",
+                  marginTop: 32,
+                  md: { marginTop: 48 }
+                },
+                children: M.map((a, h) => /* @__PURE__ */ e(n, { children: /* @__PURE__ */ o(
+                  g,
+                  {
+                    sx: {
+                      height: "100%",
+                      backgroundColor: "#ffffff",
+                      borderStyle: "solid",
+                      borderColor: t("neutral.200"),
+                      borderTopWidth: 1,
+                      borderRightWidth: 1,
+                      borderBottomWidth: 1,
+                      borderLeftWidth: 1,
+                      borderTopLeftRadius: 16,
+                      borderTopRightRadius: 16,
+                      borderBottomRightRadius: 16,
+                      borderBottomLeftRadius: 16,
+                      paddingTop: 28,
+                      paddingBottom: 28,
+                      paddingLeft: 24,
+                      paddingRight: 24
+                    },
+                    children: [
+                      /* @__PURE__ */ e(B, { rating: a.rating, count: 5, size: 20, color: t("orange.500") }),
+                      /* @__PURE__ */ e(
+                        i,
+                        {
+                          sizeVariant: "base",
+                          sx: {
+                            color: t("neutral.600"),
+                            marginTop: 16
+                          },
+                          children: a.quote
+                        }
+                      ),
+                      /* @__PURE__ */ e(
+                        g,
+                        {
+                          sx: {
+                            marginTop: 24,
+                            paddingTop: 20,
+                            borderStyle: "solid",
+                            borderColor: t("neutral.200"),
+                            borderTopWidth: 1
+                          },
+                          children: /* @__PURE__ */ e(
+                            d,
+                            {
+                              cols: 1,
+                              sx: {
+                                columnGap: 12,
+                                rowGap: 0,
+                                alignItems: "center"
+                              },
+                              children: /* @__PURE__ */ o(n, { children: [
+                                /* @__PURE__ */ e(
+                                  p,
+                                  {
+                                    src: a.avatar,
+                                    alt: a.name,
+                                    sx: {
+                                      width: 48,
+                                      height: 48,
+                                      objectFit: "cover",
+                                      borderTopLeftRadius: 999,
+                                      borderTopRightRadius: 999,
+                                      borderBottomRightRadius: 999,
+                                      borderBottomLeftRadius: 999
+                                    }
+                                  }
+                                ),
+                                /* @__PURE__ */ e(
+                                  i,
+                                  {
+                                    sizeVariant: "base",
+                                    sx: {
+                                      fontWeight: 700,
+                                      color: t("neutral.600"),
+                                      marginTop: 8
+                                    },
+                                    children: a.name
+                                  }
+                                ),
+                                /* @__PURE__ */ e(
+                                  i,
+                                  {
+                                    sizeVariant: "sm",
+                                    sx: {
+                                      color: t("neutral.500"),
+                                      marginTop: 2
+                                    },
+                                    children: a.role
+                                  }
+                                )
+                              ] })
+                            }
+                          )
+                        }
+                      )
+                    ]
+                  }
+                ) }, h))
+              }
+            )
+          ]
+        }
+      )
+    }
+  ]
 };
 export {
-  K as ABOUT_SECTION_GROUP,
-  Q as BRAND_STORY_SECTION_GROUP,
-  H as FAQS_SECTION_GROUP,
-  D as GUARANTEE_SECTION_GROUP,
-  _ as HERO_SECTION_GROUP
+  ee as ABOUT_SECTION_GROUP,
+  X as BRAND_STORY_SECTION_GROUP,
+  Z as FAQS_SECTION_GROUP,
+  $ as GUARANTEE_SECTION_GROUP,
+  J as HERO_SECTION_GROUP,
+  ie as TESTIMONIAL_SECTION_GROUP
 };