@janbox/storefront-builder 2.0.25 → 2.0.27

package/dist/templates.js

@@ -1,21 +1,9 @@
 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 r, p as L, F as u, E as B, P as i, s as n, i as g, I as v, ay as k, j as f, t as p, y as V, M as b, e as T, az as R, aA as w, f as s, h as l, A as c, n as A } from "./toaster-CzSp838P.js";
+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-DzezW7No.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 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"/>
@@ -29,7 +17,7 @@ const x = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
   { icon: C, label: "Safe Payment Options" },
   { icon: G, label: "Secure logistics" },
   { icon: S, label: "Purchase protection" }
-], E = {
+], N = {
   template: /* @__PURE__ */ e(
     m,
     {
@@ -47,13 +35,13 @@ const x = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
           md: { cols: 2 },
           sx: { rowGap: 32, columnGap: 48, alignItems: "center", md: { columnGap: 64 } },
           children: [
-            /* @__PURE__ */ o(r, { children: [
-              /* @__PURE__ */ o(L, { sx: { flexDirection: "row", alignItems: "center", columnGap: 8 }, 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(
-                n,
+                r,
                 {
                   as: "h1",
                   sizeVariant: "3xl",
@@ -64,7 +52,7 @@ const x = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
               ),
               /* @__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(
-                L,
+                y,
                 {
                   sx: { flexDirection: "row", alignItems: "center", columnGap: 12, marginTop: h === 0 ? 0 : 16 },
                   children: [
@@ -93,7 +81,7 @@ const x = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                     borderColor: t("neutral.200"),
                     borderTopWidth: 1
                   },
-                  children: /* @__PURE__ */ e(n, { as: "h3", sizeVariant: "lg", sx: { fontWeight: 700, color: t("neutral.600") }, children: 'Interested in more colors for the notebook?"' })
+                  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 →" }),
@@ -116,7 +104,7 @@ const x = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                   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(r, { children: [
+              /* @__PURE__ */ e(d, { cols: 3, sx: { columnGap: 16, marginTop: 32 }, children: q.map((a, h) => /* @__PURE__ */ o(n, { children: [
                 /* @__PURE__ */ e(
                   v,
                   {
@@ -135,7 +123,7 @@ const x = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                 )
               ] }, h)) })
             ] }),
-            /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
+            /* @__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",
@@ -148,11 +136,11 @@ const x = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
       )
     }
   )
-}, z = "https://cdn.shopify.com/s/files/1/0959/8114/2305/files/img140.png", se = {
+}, z = "https://cdn.shopify.com/s/files/1/0959/8114/2305/files/img140.png", J = {
   name: "Hero",
   icon: { source: x },
   templates: [
-    E,
+    N,
     {
       template: /* @__PURE__ */ e(m, { children: /* @__PURE__ */ o(
         d,
@@ -165,7 +153,7 @@ const x = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
           sm: { cols: 2 },
           children: [
             /* @__PURE__ */ o(
-              r,
+              n,
               {
                 sx: {
                   order: 1,
@@ -173,7 +161,7 @@ const x = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                 },
                 children: [
                   /* @__PURE__ */ o(
-                    n,
+                    r,
                     {
                       as: "h1",
                       sizeVariant: "4xl",
@@ -206,7 +194,7 @@ const x = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                 ]
               }
             ),
-            /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(p, { src: z }) })
+            /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(p, { src: z }) })
           ]
         }
       ) })
@@ -234,8 +222,8 @@ const x = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
           },
           children: [
             /* @__PURE__ */ o(d, { cols: 1, md: { cols: 12 }, sx: { rowGap: 24, columnGap: 24, alignItems: "end" }, children: [
-              /* @__PURE__ */ e(r, { md: { colSpan: 8 }, children: /* @__PURE__ */ e(
-                n,
+              /* @__PURE__ */ e(n, { md: { colSpan: 8 }, children: /* @__PURE__ */ e(
+                r,
                 {
                   as: "h1",
                   sizeVariant: "4xl",
@@ -244,7 +232,7 @@ const x = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                   children: "Runway Mood, Everyday Form"
                 }
               ) }),
-              /* @__PURE__ */ o(r, { md: { colSpan: 4 }, children: [
+              /* @__PURE__ */ o(n, { md: { colSpan: 4 }, children: [
                 /* @__PURE__ */ e(
                   i,
                   {
@@ -254,7 +242,7 @@ const x = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                 ),
                 /* @__PURE__ */ e(f, { sx: { width: "100%", marginTop: 24, md: { width: 200 } }, children: "Explore New Arrivals" })
               ] }),
-              /* @__PURE__ */ e(r, { md: { colSpan: 12 }, children: /* @__PURE__ */ e(
+              /* @__PURE__ */ e(n, { md: { colSpan: 12 }, children: /* @__PURE__ */ e(
                 p,
                 {
                   src: z,
@@ -289,14 +277,14 @@ const x = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
       ) })
     }
   ]
-}, le = {
+}, Z = {
   name: "FAQs",
   icon: { source: x },
   templates: [
     {
       template: /* @__PURE__ */ o(m, { children: [
         /* @__PURE__ */ e(
-          n,
+          r,
           {
             sizeVariant: "4xl",
             sx: {
@@ -375,7 +363,7 @@ const x = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
     },
     {
       template: /* @__PURE__ */ e(m, { children: /* @__PURE__ */ o(d, { cols: 1, md: { cols: 12 }, sx: { rowGap: 28, columnGap: 40, alignItems: "start" }, children: [
-        /* @__PURE__ */ o(r, { md: { colSpan: 4 }, children: [
+        /* @__PURE__ */ o(n, { md: { colSpan: 4 }, children: [
           /* @__PURE__ */ e(
             i,
             {
@@ -384,11 +372,11 @@ const x = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
               children: "Help Desk"
             }
           ),
-          /* @__PURE__ */ e(n, { sizeVariant: "4xl", md: { sizeVariant: "5xl" }, sx: { fontWeight: 600, marginTop: 12 }, children: "Questions before checkout?" }),
+          /* @__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(r, { md: { colSpan: 8 }, children: /* @__PURE__ */ e(
+        /* @__PURE__ */ e(n, { md: { colSpan: 8 }, children: /* @__PURE__ */ e(
           g,
           {
             sx: {
@@ -484,7 +472,7 @@ const x = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
             }
           },
           children: [
-            /* @__PURE__ */ e(n, { 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,
               {
@@ -571,7 +559,7 @@ const x = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
             paddingBottom: 56,
             md: { paddingTop: 88, paddingBottom: 88 }
           },
-          children: /* @__PURE__ */ e(d, { cols: 1, md: { cols: 12 }, sx: { alignItems: "center" }, children: /* @__PURE__ */ e(r, { md: { colSpan: 5 }, children: /* @__PURE__ */ o(
+          children: /* @__PURE__ */ e(d, { cols: 1, md: { cols: 12 }, sx: { alignItems: "center" }, children: /* @__PURE__ */ e(n, { md: { colSpan: 5 }, children: /* @__PURE__ */ o(
             g,
             {
               sx: {
@@ -589,7 +577,7 @@ const x = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
               },
               children: [
                 /* @__PURE__ */ e(
-                  n,
+                  r,
                   {
                     sizeVariant: "2xl",
                     md: { sizeVariant: "3xl" },
@@ -666,7 +654,7 @@ const x = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
       )
     }
   ]
-}, y = [
+}, L = [
   {
     image: "https://ucarecdn.com/3c98ccba-611f-43aa-baee-8b70deaa56c4/-/format/auto/",
     title: "24/7 Friendly Support"
@@ -683,14 +671,14 @@ const x = `<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"
   }
-], ce = {
+], $ = {
   name: "Guarantee",
   icon: { source: x },
   templates: [
     {
       template: /* @__PURE__ */ o(m, { children: [
         /* @__PURE__ */ o(
-          n,
+          r,
           {
             sizeVariant: "4xl",
             sx: {
@@ -740,7 +728,7 @@ const x = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
             md: {
               cols: 4
             },
-            children: y.map((a, h) => /* @__PURE__ */ o(r, { children: [
+            children: L.map((a, h) => /* @__PURE__ */ o(n, { children: [
               /* @__PURE__ */ e(
                 p,
                 {
@@ -794,7 +782,7 @@ const x = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
               cols: 1,
               md: { cols: 2 },
               children: [
-                /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
+                /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(
                   p,
                   {
                     sx: {
@@ -807,7 +795,7 @@ const x = `<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__ */ o(r, { children: [
+                /* @__PURE__ */ o(n, { children: [
                   /* @__PURE__ */ e(
                     i,
                     {
@@ -825,7 +813,7 @@ const x = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                     }
                   ),
                   /* @__PURE__ */ e(
-                    n,
+                    r,
                     {
                       sizeVariant: "4xl",
                       sx: {
@@ -856,9 +844,9 @@ const x = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                     }
                   ),
                   /* @__PURE__ */ o(d, { sx: { marginTop: 32, rowGap: 20, columnGap: 20 }, cols: 1, sm: { cols: 2 }, children: [
-                    /* @__PURE__ */ o(r, { children: [
+                    /* @__PURE__ */ o(n, { children: [
                       /* @__PURE__ */ e(
-                        n,
+                        r,
                         {
                           sizeVariant: "3xl",
                           sx: { textAlign: "center", fontWeight: 600, md: { textAlign: "left" } },
@@ -873,9 +861,9 @@ const x = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                         }
                       )
                     ] }),
-                    /* @__PURE__ */ o(r, { children: [
+                    /* @__PURE__ */ o(n, { children: [
                       /* @__PURE__ */ e(
-                        n,
+                        r,
                         {
                           sizeVariant: "3xl",
                           sx: { textAlign: "center", fontWeight: 600, md: { textAlign: "left" } },
@@ -901,8 +889,8 @@ const x = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
     },
     {
       template: /* @__PURE__ */ e(m, { children: /* @__PURE__ */ o(d, { sx: { rowGap: 24, columnGap: 24 }, cols: 1, md: { cols: 3 }, children: [
-        /* @__PURE__ */ o(r, { children: [
-          /* @__PURE__ */ e(n, { sizeVariant: "4xl", sx: { textAlign: "center", fontWeight: 600, md: { textAlign: "left" } }, children: "Built for calm, confident shopping" }),
+        /* @__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,
             {
@@ -917,7 +905,7 @@ const x = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
           )
         ] }),
         /* @__PURE__ */ o(
-          r,
+          n,
           {
             sx: {
               backgroundColor: t("neutral.100"),
@@ -931,14 +919,14 @@ const x = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
               borderBottomLeftRadius: 28
             },
             children: [
-              /* @__PURE__ */ e(p, { sx: { width: 72 }, src: y[0].image }),
-              /* @__PURE__ */ e(n, { sizeVariant: "2xl", sx: { marginTop: 24, fontWeight: 600 }, children: "Always-on support" }),
+              /* @__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__ */ o(
-          r,
+          n,
           {
             sx: {
               backgroundColor: t("primary.100"),
@@ -952,8 +940,8 @@ const x = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
               borderBottomLeftRadius: 28
             },
             children: [
-              /* @__PURE__ */ e(p, { sx: { width: 72 }, src: y[3].image }),
-              /* @__PURE__ */ e(n, { sizeVariant: "2xl", sx: { marginTop: 24, fontWeight: 600 }, children: "Protected checkout" }),
+              /* @__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." })
             ]
           }
@@ -961,7 +949,7 @@ const x = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
       ] }) })
     }
   ]
-}, N = {
+}, E = {
   template: /* @__PURE__ */ e(
     m,
     {
@@ -991,7 +979,7 @@ const x = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
             }
           },
           children: [
-            /* @__PURE__ */ o(r, { children: [
+            /* @__PURE__ */ o(n, { children: [
               /* @__PURE__ */ e(g, { sx: { backgroundColor: t("neutral.100") }, children: /* @__PURE__ */ e(
                 p,
                 {
@@ -1071,9 +1059,9 @@ const x = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                 }
               )
             ] }),
-            /* @__PURE__ */ o(r, { children: [
+            /* @__PURE__ */ o(n, { children: [
               /* @__PURE__ */ e(
-                n,
+                r,
                 {
                   as: "h2",
                   sizeVariant: "3xl",
@@ -1098,7 +1086,7 @@ const x = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                 }
               ),
               /* @__PURE__ */ e(
-                n,
+                r,
                 {
                   as: "h3",
                   sizeVariant: "lg",
@@ -1125,7 +1113,7 @@ const x = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                 }
               ),
               /* @__PURE__ */ e(
-                n,
+                r,
                 {
                   as: "h3",
                   sizeVariant: "lg",
@@ -1157,11 +1145,11 @@ const x = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
       )
     }
   )
-}, pe = {
+}, X = {
   name: "Brand Story",
   icon: { source: x },
   templates: [
-    N,
+    E,
     {
       template: /* @__PURE__ */ e(
         m,
@@ -1195,7 +1183,7 @@ const x = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
               },
               children: [
                 /* @__PURE__ */ e(
-                  r,
+                  n,
                   {
                     hidden: !0,
                     sm: { hidden: !0 },
@@ -1222,7 +1210,7 @@ const x = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                     )
                   }
                 ),
-                /* @__PURE__ */ e(r, { md: { colSpan: 4 }, children: /* @__PURE__ */ e(
+                /* @__PURE__ */ e(n, { md: { colSpan: 4 }, children: /* @__PURE__ */ e(
                   p,
                   {
                     src: "https://cdn.shopify.com/s/files/1/2005/9307/files/432750572815254551-9a302469-3a91-4a94-bf0b-564f2486a9f9.png",
@@ -1237,9 +1225,9 @@ const x = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                     }
                   }
                 ) }),
-                /* @__PURE__ */ o(r, { md: { colSpan: 5 }, children: [
+                /* @__PURE__ */ o(n, { md: { colSpan: 5 }, children: [
                   /* @__PURE__ */ e(
-                    n,
+                    r,
                     {
                       as: "h2",
                       sizeVariant: "3xl",
@@ -1318,7 +1306,7 @@ const x = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
   { 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" }
-], me = {
+], ee = {
   name: "About",
   icon: { source: x },
   templates: [
@@ -1352,7 +1340,7 @@ const x = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                 }
               },
               children: [
-                /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
+                /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(
                   p,
                   {
                     src: "https://cdn.shopify.com/s/files/1/2005/9307/files/Frame_45283_1.webp",
@@ -1367,7 +1355,7 @@ const x = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                     }
                   }
                 ) }),
-                /* @__PURE__ */ o(r, { children: [
+                /* @__PURE__ */ o(n, { children: [
                   /* @__PURE__ */ e(
                     i,
                     {
@@ -1381,7 +1369,7 @@ const x = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                     }
                   ),
                   /* @__PURE__ */ e(
-                    n,
+                    r,
                     {
                       as: "h2",
                       sizeVariant: "3xl",
@@ -1416,7 +1404,7 @@ const x = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                         marginTop: 28,
                         md: { marginTop: 36 }
                       },
-                      children: O.map((a, h) => /* @__PURE__ */ e(r, { children: /* @__PURE__ */ o(
+                      children: O.map((a, h) => /* @__PURE__ */ e(n, { children: /* @__PURE__ */ o(
                         g,
                         {
                           sx: {
@@ -1500,8 +1488,8 @@ const x = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
           md: { cols: 2 },
           sx: { rowGap: 32, columnGap: 48, alignItems: "center", md: { columnGap: 64 } },
           children: [
-            /* @__PURE__ */ e(r, { children: /* @__PURE__ */ o(d, { cols: 2, sx: { columnGap: 12 }, children: [
-              /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
+            /* @__PURE__ */ e(n, { children: /* @__PURE__ */ o(d, { cols: 2, sx: { columnGap: 12 }, children: [
+              /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(
                 p,
                 {
                   src: _,
@@ -1516,7 +1504,7 @@ const x = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                   }
                 }
               ) }),
-              /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
+              /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(
                 p,
                 {
                   src: P,
@@ -1532,10 +1520,10 @@ const x = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                 }
               ) })
             ] }) }),
-            /* @__PURE__ */ o(r, { children: [
-              /* @__PURE__ */ e(n, { as: "h3", sizeVariant: "2xl", sx: { fontWeight: 700, color: t("neutral.600") }, children: "The standard" }),
+            /* @__PURE__ */ o(n, { children: [
+              /* @__PURE__ */ e(r, { as: "h3", sizeVariant: "2xl", sx: { fontWeight: 700, color: t("neutral.600") }, children: "The standard" }),
               /* @__PURE__ */ e(
-                n,
+                r,
                 {
                   as: "h2",
                   sizeVariant: "4xl",
@@ -1560,9 +1548,9 @@ const x = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                     borderBottomLeftRadius: 12
                   },
                   children: [
-                    /* @__PURE__ */ e(n, { as: "h4", sizeVariant: "base", sx: { fontWeight: 700, color: t("neutral.600") }, children: "Sed ut perspiciatis unde omnis iste natus" }),
+                    /* @__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(L, { sx: { flexDirection: "row", alignItems: "center", columnGap: 8, marginTop: 20 }, children: [
+                    /* @__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." }) })
                     ] })
@@ -1597,7 +1585,7 @@ const x = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
     name: "Timothy Joseph",
     role: "Small Business Owner"
   }
-], ge = {
+], ie = {
   name: "Social Proof",
   icon: { source: x },
   templates: [
@@ -1634,7 +1622,7 @@ const x = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
               }
             ),
             /* @__PURE__ */ e(
-              n,
+              r,
               {
                 as: "h2",
                 sizeVariant: "3xl",
@@ -1676,7 +1664,7 @@ const x = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                   marginTop: 32,
                   md: { marginTop: 48 }
                 },
-                children: M.map((a, h) => /* @__PURE__ */ e(r, { children: /* @__PURE__ */ o(
+                children: M.map((a, h) => /* @__PURE__ */ e(n, { children: /* @__PURE__ */ o(
                   g,
                   {
                     sx: {
@@ -1729,7 +1717,7 @@ const x = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                                 rowGap: 0,
                                 alignItems: "center"
                               },
-                              children: /* @__PURE__ */ o(r, { children: [
+                              children: /* @__PURE__ */ o(n, { children: [
                                 /* @__PURE__ */ e(
                                   p,
                                   {
@@ -1786,10 +1774,10 @@ const x = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
   ]
 };
 export {
-  me as ABOUT_SECTION_GROUP,
-  pe as BRAND_STORY_SECTION_GROUP,
-  le as FAQS_SECTION_GROUP,
-  ce as GUARANTEE_SECTION_GROUP,
-  se as HERO_SECTION_GROUP,
-  ge as TESTIMONIAL_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
 };