@janbox/storefront-builder 2.0.23 → 2.0.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/dist/components/composer/dataset.d.ts +2 -0
  2. package/dist/constants/index.d.ts +2 -0
  3. package/dist/editor/lib/header/index.d.ts +6 -1
  4. package/dist/editor/lib/index.d.ts +4 -4
  5. package/dist/editor.js +415 -405
  6. package/dist/{index-BBoR6Gy_.js → index-C9gD44fK.js} +1 -1
  7. package/dist/index-CglXRxzd.js +4 -0
  8. package/dist/index.js +82 -75
  9. package/dist/lib/count-up/README.md +129 -0
  10. package/dist/lib/count-up/count-up.inspector/count-up.inspector.d.ts +1 -0
  11. package/dist/lib/count-up/count-up.inspector/index.d.ts +1 -0
  12. package/dist/lib/count-up/count-up.node/count-up.node.d.ts +2 -0
  13. package/dist/lib/count-up/count-up.node/helpers.d.ts +3 -0
  14. package/dist/lib/count-up/count-up.node/index.d.ts +3 -0
  15. package/dist/lib/count-up/count-up.node/types.d.ts +2 -0
  16. package/dist/lib/count-up/index.d.ts +1 -0
  17. package/dist/lib/icon/README.md +9 -18
  18. package/dist/lib/index.d.ts +2 -0
  19. package/dist/lib/rating/README.md +126 -0
  20. package/dist/lib/rating/index.d.ts +2 -0
  21. package/dist/lib/rating/rating/helpers.d.ts +4 -0
  22. package/dist/lib/rating/rating/index.d.ts +3 -0
  23. package/dist/lib/rating/rating/rating.d.ts +2 -0
  24. package/dist/lib/rating/rating/types.d.ts +10 -0
  25. package/dist/lib/rating/rating.inspector/index.d.ts +1 -0
  26. package/dist/lib/rating/rating.inspector/rating.inspector.d.ts +1 -0
  27. package/dist/lib/rating/rating.node/helpers.d.ts +3 -0
  28. package/dist/lib/rating/rating.node/index.d.ts +3 -0
  29. package/dist/lib/rating/rating.node/rating.node.d.ts +2 -0
  30. package/dist/lib/rating/rating.node/types.d.ts +2 -0
  31. package/dist/templates/sections/brand-story/about-story.d.ts +2 -0
  32. package/dist/templates/sections/hero/notebook-hero.d.ts +2 -0
  33. package/dist/templates/sections/index.d.ts +1 -0
  34. package/dist/templates/sections/testimonial/before-after.d.ts +2 -0
  35. package/dist/templates/sections/testimonial/index.d.ts +2 -0
  36. package/dist/templates.js +826 -202
  37. package/dist/{toaster-DMjFxzB_.js → toaster-CzSp838P.js} +6465 -6172
  38. package/package.json +3 -3
  39. package/dist/index-BPG8gpQT.js +0 -4
package/dist/templates.js CHANGED
@@ -1,6 +1,6 @@
1
- import { jsx as e, jsxs as t } from "@emotion/react/jsx-runtime";
2
- import { getColorVar as o } from "@janbox/storefront-ui/theme";
3
- 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";
1
+ import { jsx as e, jsxs as o } from "@emotion/react/jsx-runtime";
2
+ import { getColorVar as t } from "@janbox/storefront-ui/theme";
3
+ 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";
4
4
  import "lodash-es";
5
5
  import "react";
6
6
  import "flat";
@@ -17,7 +17,7 @@ import "react-datepicker";
17
17
  import "usehooks-ts";
18
18
  import "@hello-pangea/dnd";
19
19
  import "@janbox/storefront-ui";
20
- const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
20
+ const x = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
21
21
  <path d="M17.0021 19.5031H3.99667" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
22
22
  <path d="M8.99875 14.5012H3.99667" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
23
23
  <path d="M8.99875 9.49874H3.99667" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
@@ -25,13 +25,137 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
25
25
  <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"/>
26
26
  <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"/>
27
27
  </svg>
28
- `, L = "https://cdn.shopify.com/s/files/1/0959/8114/2305/files/img140.png", _ = {
28
+ `, 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 = [
29
+ { icon: C, label: "Safe Payment Options" },
30
+ { icon: G, label: "Secure logistics" },
31
+ { icon: S, label: "Purchase protection" }
32
+ ], E = {
33
+ template: /* @__PURE__ */ e(
34
+ m,
35
+ {
36
+ sx: {
37
+ paddingTop: 32,
38
+ paddingBottom: 32,
39
+ paddingLeft: 16,
40
+ paddingRight: 16,
41
+ md: { paddingTop: 48, paddingBottom: 48, paddingLeft: 48, paddingRight: 48 }
42
+ },
43
+ children: /* @__PURE__ */ o(
44
+ d,
45
+ {
46
+ cols: 1,
47
+ md: { cols: 2 },
48
+ sx: { rowGap: 32, columnGap: 48, alignItems: "center", md: { columnGap: 64 } },
49
+ children: [
50
+ /* @__PURE__ */ o(r, { children: [
51
+ /* @__PURE__ */ o(L, { sx: { flexDirection: "row", alignItems: "center", columnGap: 8 }, children: [
52
+ /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(B, { rating: 5, count: 5, size: 18, color: t("primary.600") }) }),
53
+ /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(i, { sizeVariant: "sm", sx: { color: t("neutral.600"), fontWeight: 600 }, children: "2,500+ Verified Reviews!" }) })
54
+ ] }),
55
+ /* @__PURE__ */ e(
56
+ n,
57
+ {
58
+ as: "h1",
59
+ sizeVariant: "3xl",
60
+ md: { sizeVariant: "4xl" },
61
+ sx: { fontWeight: 700, color: t("neutral.600"), marginTop: 16 },
62
+ children: "Unleash Your Creativity with Premium Notebooks"
63
+ }
64
+ ),
65
+ /* @__PURE__ */ e(i, { sizeVariant: "base", sx: { color: t("neutral.500"), marginTop: 12 }, children: "Explore Our Premium Notebook Selection" }),
66
+ /* @__PURE__ */ e(g, { sx: { marginTop: 24 }, children: I.map((a, h) => /* @__PURE__ */ o(
67
+ L,
68
+ {
69
+ sx: { flexDirection: "row", alignItems: "center", columnGap: 12, marginTop: h === 0 ? 0 : 16 },
70
+ children: [
71
+ /* @__PURE__ */ e(u, { sx: { flexShrink: 0 }, children: /* @__PURE__ */ e(
72
+ v,
73
+ {
74
+ source: W,
75
+ size: 20,
76
+ sx: {
77
+ color: t("primary.600")
78
+ }
79
+ }
80
+ ) }),
81
+ /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(i, { sizeVariant: "base", sx: { color: t("neutral.600") }, children: a }) })
82
+ ]
83
+ },
84
+ h
85
+ )) }),
86
+ /* @__PURE__ */ e(
87
+ g,
88
+ {
89
+ sx: {
90
+ marginTop: 24,
91
+ paddingTop: 24,
92
+ borderStyle: "solid",
93
+ borderColor: t("neutral.200"),
94
+ borderTopWidth: 1
95
+ },
96
+ children: /* @__PURE__ */ e(n, { as: "h3", sizeVariant: "lg", sx: { fontWeight: 700, color: t("neutral.600") }, children: 'Interested in more colors for the notebook?"' })
97
+ }
98
+ ),
99
+ /* @__PURE__ */ e(f, { color: "primary", variant: "outlined", sx: { width: "100%", marginTop: 20 }, children: "Start Exploring →" }),
100
+ /* @__PURE__ */ e(f, { color: "primary", variant: "contained", sx: { width: "100%", marginTop: 12 }, children: "Show Now →" }),
101
+ /* @__PURE__ */ e(
102
+ g,
103
+ {
104
+ sx: {
105
+ marginTop: 12,
106
+ backgroundColor: t("neutral.100"),
107
+ paddingTop: 12,
108
+ paddingBottom: 12,
109
+ paddingLeft: 16,
110
+ paddingRight: 16,
111
+ borderTopLeftRadius: 8,
112
+ borderTopRightRadius: 8,
113
+ borderBottomLeftRadius: 8,
114
+ borderBottomRightRadius: 8
115
+ },
116
+ children: /* @__PURE__ */ e(i, { sizeVariant: "sm", sx: { color: t("neutral.600"), textAlign: "center" }, children: "30-day money back guarantee" })
117
+ }
118
+ ),
119
+ /* @__PURE__ */ e(d, { cols: 3, sx: { columnGap: 16, marginTop: 32 }, children: q.map((a, h) => /* @__PURE__ */ o(r, { children: [
120
+ /* @__PURE__ */ e(
121
+ v,
122
+ {
123
+ source: a.icon,
124
+ size: 22,
125
+ sx: { color: t("neutral.600"), marginLeft: "auto", marginRight: "auto" }
126
+ }
127
+ ),
128
+ /* @__PURE__ */ e(
129
+ i,
130
+ {
131
+ sizeVariant: "sm",
132
+ sx: { color: t("neutral.500"), textAlign: "center", marginTop: 8 },
133
+ children: a.label
134
+ }
135
+ )
136
+ ] }, h)) })
137
+ ] }),
138
+ /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
139
+ p,
140
+ {
141
+ src: "https://cdn.shopify.com/s/files/1/2005/9307/files/gempages_432750572815254551-7b4ef89a-f381-4a78-934a-088101b8cb47.png?v=1716946704",
142
+ alt: "Premium notebook",
143
+ sx: { width: "100%", objectFit: "cover" }
144
+ }
145
+ ) })
146
+ ]
147
+ }
148
+ )
149
+ }
150
+ )
151
+ }, z = "https://cdn.shopify.com/s/files/1/0959/8114/2305/files/img140.png", se = {
29
152
  name: "Hero",
30
- icon: { source: h },
153
+ icon: { source: x },
31
154
  templates: [
155
+ E,
32
156
  {
33
- template: /* @__PURE__ */ e(l, { children: /* @__PURE__ */ t(
34
- c,
157
+ template: /* @__PURE__ */ e(m, { children: /* @__PURE__ */ o(
158
+ d,
35
159
  {
36
160
  sx: {
37
161
  sm: {
@@ -40,16 +164,16 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
40
164
  },
41
165
  sm: { cols: 2 },
42
166
  children: [
43
- /* @__PURE__ */ t(
44
- n,
167
+ /* @__PURE__ */ o(
168
+ r,
45
169
  {
46
170
  sx: {
47
171
  order: 1,
48
172
  sm: { order: 0 }
49
173
  },
50
174
  children: [
51
- /* @__PURE__ */ t(
52
- s,
175
+ /* @__PURE__ */ o(
176
+ n,
53
177
  {
54
178
  as: "h1",
55
179
  sizeVariant: "4xl",
@@ -78,21 +202,21 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
78
202
  children: "Discover our latest running shoes with advanced air technology soles and boost technology, conquering every terrain with comfort and confidence."
79
203
  }
80
204
  ),
81
- /* @__PURE__ */ e(T, { sx: { marginTop: 32, width: "100%", md: { width: 200 } }, children: "Explore Now" })
205
+ /* @__PURE__ */ e(f, { sx: { marginTop: 32, width: "100%", md: { width: 200 } }, children: "Explore Now" })
82
206
  ]
83
207
  }
84
208
  ),
85
- /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(p, { src: L }) })
209
+ /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(p, { src: z }) })
86
210
  ]
87
211
  }
88
212
  ) })
89
213
  },
90
214
  {
91
- template: /* @__PURE__ */ e(l, { children: /* @__PURE__ */ t(
215
+ template: /* @__PURE__ */ e(m, { children: /* @__PURE__ */ o(
92
216
  g,
93
217
  {
94
218
  sx: {
95
- backgroundColor: o("primary.100"),
219
+ backgroundColor: t("primary.100"),
96
220
  paddingTop: 32,
97
221
  paddingRight: 20,
98
222
  paddingBottom: 24,
@@ -109,9 +233,9 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
109
233
  }
110
234
  },
111
235
  children: [
112
- /* @__PURE__ */ t(c, { cols: 1, md: { cols: 12 }, sx: { rowGap: 24, columnGap: 24, alignItems: "end" }, children: [
113
- /* @__PURE__ */ e(n, { md: { colSpan: 8 }, children: /* @__PURE__ */ e(
114
- s,
236
+ /* @__PURE__ */ o(d, { cols: 1, md: { cols: 12 }, sx: { rowGap: 24, columnGap: 24, alignItems: "end" }, children: [
237
+ /* @__PURE__ */ e(r, { md: { colSpan: 8 }, children: /* @__PURE__ */ e(
238
+ n,
115
239
  {
116
240
  as: "h1",
117
241
  sizeVariant: "4xl",
@@ -120,20 +244,20 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
120
244
  children: "Runway Mood, Everyday Form"
121
245
  }
122
246
  ) }),
123
- /* @__PURE__ */ t(n, { md: { colSpan: 4 }, children: [
247
+ /* @__PURE__ */ o(r, { md: { colSpan: 4 }, children: [
124
248
  /* @__PURE__ */ e(
125
249
  i,
126
250
  {
127
- sx: { color: o("neutral.600"), textAlign: "center", md: { textAlign: "left" } },
251
+ sx: { color: t("neutral.600"), textAlign: "center", md: { textAlign: "left" } },
128
252
  children: "New arrivals shaped like a campaign board: sharp, wearable, and ready for the street."
129
253
  }
130
254
  ),
131
- /* @__PURE__ */ e(T, { sx: { width: "100%", marginTop: 24, md: { width: 200 } }, children: "Explore New Arrivals" })
255
+ /* @__PURE__ */ e(f, { sx: { width: "100%", marginTop: 24, md: { width: 200 } }, children: "Explore New Arrivals" })
132
256
  ] }),
133
- /* @__PURE__ */ e(n, { md: { colSpan: 12 }, children: /* @__PURE__ */ e(
257
+ /* @__PURE__ */ e(r, { md: { colSpan: 12 }, children: /* @__PURE__ */ e(
134
258
  p,
135
259
  {
136
- src: L,
260
+ src: z,
137
261
  sx: {
138
262
  width: "100%",
139
263
  aspectRatio: "16 / 9",
@@ -146,17 +270,17 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
146
270
  }
147
271
  ) })
148
272
  ] }),
149
- /* @__PURE__ */ t(
150
- B,
273
+ /* @__PURE__ */ o(
274
+ V,
151
275
  {
152
276
  spaceBetween: 24,
153
277
  md: { spaceBetween: 40 },
154
278
  sx: { marginTop: 24, paddingTop: 16, paddingBottom: 8 },
155
279
  children: [
156
- /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(i, { sizeVariant: "lg", sx: { fontWeight: 600, textTransform: "uppercase" }, children: "New Arrivals" }) }),
157
- /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(i, { sizeVariant: "lg", sx: { fontWeight: 600, textTransform: "uppercase" }, children: "Editor's Picks" }) }),
158
- /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(i, { sizeVariant: "lg", sx: { fontWeight: 600, textTransform: "uppercase" }, children: "Limited Edit" }) }),
159
- /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(i, { sizeVariant: "lg", sx: { fontWeight: 600, textTransform: "uppercase" }, children: "Tailored For Now" }) })
280
+ /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(i, { sizeVariant: "lg", sx: { fontWeight: 600, textTransform: "uppercase" }, children: "New Arrivals" }) }),
281
+ /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(i, { sizeVariant: "lg", sx: { fontWeight: 600, textTransform: "uppercase" }, children: "Editor's Picks" }) }),
282
+ /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(i, { sizeVariant: "lg", sx: { fontWeight: 600, textTransform: "uppercase" }, children: "Limited Edit" }) }),
283
+ /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(i, { sizeVariant: "lg", sx: { fontWeight: 600, textTransform: "uppercase" }, children: "Tailored For Now" }) })
160
284
  ]
161
285
  }
162
286
  )
@@ -165,14 +289,14 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
165
289
  ) })
166
290
  }
167
291
  ]
168
- }, H = {
292
+ }, le = {
169
293
  name: "FAQs",
170
- icon: { source: h },
294
+ icon: { source: x },
171
295
  templates: [
172
296
  {
173
- template: /* @__PURE__ */ t(l, { children: [
297
+ template: /* @__PURE__ */ o(m, { children: [
174
298
  /* @__PURE__ */ e(
175
- s,
299
+ n,
176
300
  {
177
301
  sizeVariant: "4xl",
178
302
  sx: {
@@ -187,8 +311,8 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
187
311
  children: "Frequently Asked Questions"
188
312
  }
189
313
  ),
190
- /* @__PURE__ */ t(
191
- f,
314
+ /* @__PURE__ */ o(
315
+ T,
192
316
  {
193
317
  openMode: "single",
194
318
  accordionSummaryProps: {
@@ -208,8 +332,8 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
208
332
  expandIcon: {
209
333
  position: "right",
210
334
  source: {
211
- expanded: b,
212
- collapsed: x
335
+ expanded: w,
336
+ collapsed: R
213
337
  }
214
338
  }
215
339
  },
@@ -220,29 +344,29 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
220
344
  }
221
345
  },
222
346
  children: [
223
- /* @__PURE__ */ t(r, { defaultOpen: !0, children: [
224
- /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(i, { sizeVariant: "base", children: "At vero eos et accusamus odio?" }) }),
225
- /* @__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." }) })
347
+ /* @__PURE__ */ o(s, { defaultOpen: !0, children: [
348
+ /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(i, { sizeVariant: "base", children: "At vero eos et accusamus odio?" }) }),
349
+ /* @__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." }) })
226
350
  ] }),
227
- /* @__PURE__ */ t(r, { children: [
228
- /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(i, { sizeVariant: "base", children: "At vero eos et accusamus et iusto?" }) }),
229
- /* @__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." }) })
351
+ /* @__PURE__ */ o(s, { children: [
352
+ /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(i, { sizeVariant: "base", children: "At vero eos et accusamus et iusto?" }) }),
353
+ /* @__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." }) })
230
354
  ] }),
231
- /* @__PURE__ */ t(r, { children: [
232
- /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(i, { sizeVariant: "base", children: "At vero eos et accusamus?" }) }),
233
- /* @__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." }) })
355
+ /* @__PURE__ */ o(s, { children: [
356
+ /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(i, { sizeVariant: "base", children: "At vero eos et accusamus?" }) }),
357
+ /* @__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." }) })
234
358
  ] }),
235
- /* @__PURE__ */ t(r, { children: [
236
- /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(i, { sizeVariant: "base", children: "At vero eos et iusto?" }) }),
237
- /* @__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." }) })
359
+ /* @__PURE__ */ o(s, { children: [
360
+ /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(i, { sizeVariant: "base", children: "At vero eos et iusto?" }) }),
361
+ /* @__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." }) })
238
362
  ] }),
239
- /* @__PURE__ */ t(r, { children: [
240
- /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(i, { sizeVariant: "base", children: "At vero eos et accusamus?" }) }),
241
- /* @__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." }) })
363
+ /* @__PURE__ */ o(s, { children: [
364
+ /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(i, { sizeVariant: "base", children: "At vero eos et accusamus?" }) }),
365
+ /* @__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." }) })
242
366
  ] }),
243
- /* @__PURE__ */ t(r, { children: [
244
- /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(i, { sizeVariant: "base", children: "At vero eos et accusamus et iusto?" }) }),
245
- /* @__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." }) })
367
+ /* @__PURE__ */ o(s, { children: [
368
+ /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(i, { sizeVariant: "base", children: "At vero eos et accusamus et iusto?" }) }),
369
+ /* @__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." }) })
246
370
  ] })
247
371
  ]
248
372
  }
@@ -250,25 +374,25 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
250
374
  ] })
251
375
  },
252
376
  {
253
- template: /* @__PURE__ */ e(l, { children: /* @__PURE__ */ t(c, { cols: 1, md: { cols: 12 }, sx: { rowGap: 28, columnGap: 40, alignItems: "start" }, children: [
254
- /* @__PURE__ */ t(n, { md: { colSpan: 4 }, children: [
377
+ template: /* @__PURE__ */ e(m, { children: /* @__PURE__ */ o(d, { cols: 1, md: { cols: 12 }, sx: { rowGap: 28, columnGap: 40, alignItems: "start" }, children: [
378
+ /* @__PURE__ */ o(r, { md: { colSpan: 4 }, children: [
255
379
  /* @__PURE__ */ e(
256
380
  i,
257
381
  {
258
382
  sizeVariant: "sm",
259
- sx: { color: o("primary.600"), fontWeight: 600, textTransform: "uppercase" },
383
+ sx: { color: t("primary.600"), fontWeight: 600, textTransform: "uppercase" },
260
384
  children: "Help Desk"
261
385
  }
262
386
  ),
263
- /* @__PURE__ */ e(s, { sizeVariant: "4xl", md: { sizeVariant: "5xl" }, sx: { fontWeight: 600, marginTop: 12 }, children: "Questions before checkout?" }),
264
- /* @__PURE__ */ e(i, { sx: { color: o("neutral.600"), marginTop: 16 }, children: "Keep buying decisions calm with answers for shipping, returns, sizing, and payment." }),
265
- /* @__PURE__ */ e(T, { sx: { width: "100%", marginTop: 28, md: { width: 180 } }, children: "Contact Support" })
387
+ /* @__PURE__ */ e(n, { sizeVariant: "4xl", md: { sizeVariant: "5xl" }, sx: { fontWeight: 600, marginTop: 12 }, children: "Questions before checkout?" }),
388
+ /* @__PURE__ */ e(i, { sx: { color: t("neutral.600"), marginTop: 16 }, children: "Keep buying decisions calm with answers for shipping, returns, sizing, and payment." }),
389
+ /* @__PURE__ */ e(f, { sx: { width: "100%", marginTop: 28, md: { width: 180 } }, children: "Contact Support" })
266
390
  ] }),
267
- /* @__PURE__ */ e(n, { md: { colSpan: 8 }, children: /* @__PURE__ */ e(
391
+ /* @__PURE__ */ e(r, { md: { colSpan: 8 }, children: /* @__PURE__ */ e(
268
392
  g,
269
393
  {
270
394
  sx: {
271
- backgroundColor: o("neutral.100"),
395
+ backgroundColor: t("neutral.100"),
272
396
  paddingTop: 12,
273
397
  paddingRight: 12,
274
398
  paddingBottom: 12,
@@ -284,8 +408,8 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
284
408
  paddingLeft: 24
285
409
  }
286
410
  },
287
- children: /* @__PURE__ */ t(
288
- f,
411
+ children: /* @__PURE__ */ o(
412
+ T,
289
413
  {
290
414
  openMode: "single",
291
415
  sx: { rowGap: 8 },
@@ -305,8 +429,8 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
305
429
  expandIcon: {
306
430
  position: "right",
307
431
  source: {
308
- expanded: b,
309
- collapsed: x
432
+ expanded: w,
433
+ collapsed: R
310
434
  }
311
435
  }
312
436
  },
@@ -319,17 +443,17 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
319
443
  }
320
444
  },
321
445
  children: [
322
- /* @__PURE__ */ t(r, { defaultOpen: !0, children: [
323
- /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(i, { sizeVariant: "lg", sx: { fontWeight: 600 }, children: "How long does shipping usually take?" }) }),
324
- /* @__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." }) })
446
+ /* @__PURE__ */ o(s, { defaultOpen: !0, children: [
447
+ /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(i, { sizeVariant: "lg", sx: { fontWeight: 600 }, children: "How long does shipping usually take?" }) }),
448
+ /* @__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." }) })
325
449
  ] }),
326
- /* @__PURE__ */ t(r, { children: [
327
- /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(i, { sizeVariant: "lg", sx: { fontWeight: 600 }, children: "Can I return an item if the fit is not right?" }) }),
328
- /* @__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." }) })
450
+ /* @__PURE__ */ o(s, { children: [
451
+ /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(i, { sizeVariant: "lg", sx: { fontWeight: 600 }, children: "Can I return an item if the fit is not right?" }) }),
452
+ /* @__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." }) })
329
453
  ] }),
330
- /* @__PURE__ */ t(r, { children: [
331
- /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(i, { sizeVariant: "lg", sx: { fontWeight: 600 }, children: "Which payment methods are supported?" }) }),
332
- /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { sx: { color: o("neutral.600") }, children: "Major cards and supported local payment methods are available at checkout." }) })
454
+ /* @__PURE__ */ o(s, { children: [
455
+ /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(i, { sizeVariant: "lg", sx: { fontWeight: 600 }, children: "Which payment methods are supported?" }) }),
456
+ /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(i, { sx: { color: t("neutral.600") }, children: "Major cards and supported local payment methods are available at checkout." }) })
333
457
  ] })
334
458
  ]
335
459
  }
@@ -339,11 +463,11 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
339
463
  ] }) })
340
464
  },
341
465
  {
342
- template: /* @__PURE__ */ e(l, { children: /* @__PURE__ */ t(
466
+ template: /* @__PURE__ */ e(m, { children: /* @__PURE__ */ o(
343
467
  g,
344
468
  {
345
469
  sx: {
346
- backgroundColor: o("primary.100"),
470
+ backgroundColor: t("primary.100"),
347
471
  paddingTop: 16,
348
472
  paddingRight: 12,
349
473
  paddingBottom: 16,
@@ -360,12 +484,12 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
360
484
  }
361
485
  },
362
486
  children: [
363
- /* @__PURE__ */ e(s, { sizeVariant: "4xl", md: { sizeVariant: "5xl" }, sx: { textAlign: "center", fontWeight: 600 }, children: "Need-to-know before you order" }),
487
+ /* @__PURE__ */ e(n, { sizeVariant: "4xl", md: { sizeVariant: "5xl" }, sx: { textAlign: "center", fontWeight: 600 }, children: "Need-to-know before you order" }),
364
488
  /* @__PURE__ */ e(
365
489
  i,
366
490
  {
367
491
  sx: {
368
- color: o("neutral.600"),
492
+ color: t("neutral.600"),
369
493
  textAlign: "center",
370
494
  marginTop: 16,
371
495
  marginLeft: "auto",
@@ -375,8 +499,8 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
375
499
  children: "A compact FAQ card for product pages and campaign landings where shoppers need quick confidence."
376
500
  }
377
501
  ),
378
- /* @__PURE__ */ t(
379
- f,
502
+ /* @__PURE__ */ o(
503
+ T,
380
504
  {
381
505
  openMode: "multiple",
382
506
  sx: { marginTop: 20, rowGap: 6, md: { marginTop: 32, rowGap: 12 } },
@@ -396,8 +520,8 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
396
520
  expandIcon: {
397
521
  position: "right",
398
522
  source: {
399
- expanded: b,
400
- collapsed: x
523
+ expanded: w,
524
+ collapsed: R
401
525
  }
402
526
  }
403
527
  },
@@ -415,17 +539,17 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
415
539
  }
416
540
  },
417
541
  children: [
418
- /* @__PURE__ */ t(r, { defaultOpen: !0, children: [
419
- /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(i, { sizeVariant: "lg", sx: { fontWeight: 600 }, children: "Do you offer size guidance?" }) }),
420
- /* @__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." }) })
542
+ /* @__PURE__ */ o(s, { defaultOpen: !0, children: [
543
+ /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(i, { sizeVariant: "lg", sx: { fontWeight: 600 }, children: "Do you offer size guidance?" }) }),
544
+ /* @__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." }) })
421
545
  ] }),
422
- /* @__PURE__ */ t(r, { defaultOpen: !0, children: [
423
- /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(i, { sizeVariant: "lg", sx: { fontWeight: 600 }, children: "Is gift packaging available?" }) }),
424
- /* @__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." }) })
546
+ /* @__PURE__ */ o(s, { defaultOpen: !0, children: [
547
+ /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(i, { sizeVariant: "lg", sx: { fontWeight: 600 }, children: "Is gift packaging available?" }) }),
548
+ /* @__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." }) })
425
549
  ] }),
426
- /* @__PURE__ */ t(r, { children: [
427
- /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(i, { sizeVariant: "lg", sx: { fontWeight: 600 }, children: "How do exchanges work?" }) }),
428
- /* @__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." }) })
550
+ /* @__PURE__ */ o(s, { children: [
551
+ /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(i, { sizeVariant: "lg", sx: { fontWeight: 600 }, children: "How do exchanges work?" }) }),
552
+ /* @__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." }) })
429
553
  ] })
430
554
  ]
431
555
  }
@@ -436,7 +560,7 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
436
560
  },
437
561
  {
438
562
  template: /* @__PURE__ */ e(
439
- l,
563
+ m,
440
564
  {
441
565
  sx: {
442
566
  backgroundImage: "url(https://cdn.shopify.com/s/files/1/2005/9307/files/432750572815254551-fc38f909-2492-4367-8f30-f09c5de9caf3.png)",
@@ -447,7 +571,7 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
447
571
  paddingBottom: 56,
448
572
  md: { paddingTop: 88, paddingBottom: 88 }
449
573
  },
450
- children: /* @__PURE__ */ e(c, { cols: 1, md: { cols: 12 }, sx: { alignItems: "center" }, children: /* @__PURE__ */ e(n, { md: { colSpan: 5 }, children: /* @__PURE__ */ t(
574
+ children: /* @__PURE__ */ e(d, { cols: 1, md: { cols: 12 }, sx: { alignItems: "center" }, children: /* @__PURE__ */ e(r, { md: { colSpan: 5 }, children: /* @__PURE__ */ o(
451
575
  g,
452
576
  {
453
577
  sx: {
@@ -465,7 +589,7 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
465
589
  },
466
590
  children: [
467
591
  /* @__PURE__ */ e(
468
- s,
592
+ n,
469
593
  {
470
594
  sizeVariant: "2xl",
471
595
  md: { sizeVariant: "3xl" },
@@ -473,8 +597,8 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
473
597
  children: "Frequently Asked Questions"
474
598
  }
475
599
  ),
476
- /* @__PURE__ */ t(
477
- f,
600
+ /* @__PURE__ */ o(
601
+ T,
478
602
  {
479
603
  openMode: "single",
480
604
  sx: { marginTop: 28, rowGap: 16 },
@@ -494,8 +618,8 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
494
618
  expandIcon: {
495
619
  position: "right",
496
620
  source: {
497
- expanded: b,
498
- collapsed: x
621
+ expanded: w,
622
+ collapsed: R
499
623
  }
500
624
  }
501
625
  },
@@ -512,25 +636,25 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
512
636
  }
513
637
  },
514
638
  children: [
515
- /* @__PURE__ */ t(r, { children: [
516
- /* @__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?" }) }),
517
- /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { sx: { color: "#74331f" }, children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt." }) })
639
+ /* @__PURE__ */ o(s, { children: [
640
+ /* @__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?" }) }),
641
+ /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(i, { sx: { color: "#74331f" }, children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt." }) })
518
642
  ] }),
519
- /* @__PURE__ */ t(r, { children: [
520
- /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(i, { sizeVariant: "base", sx: { fontWeight: 700, color: "#74331f" }, children: "Lorem ipsum dolor sit amet, consectetur?" }) }),
521
- /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { sx: { color: "#74331f" }, children: "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip." }) })
643
+ /* @__PURE__ */ o(s, { children: [
644
+ /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(i, { sizeVariant: "base", sx: { fontWeight: 700, color: "#74331f" }, children: "Lorem ipsum dolor sit amet, consectetur?" }) }),
645
+ /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(i, { sx: { color: "#74331f" }, children: "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip." }) })
522
646
  ] }),
523
- /* @__PURE__ */ t(r, { children: [
524
- /* @__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?" }) }),
525
- /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { sx: { color: "#74331f" }, children: "Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore." }) })
647
+ /* @__PURE__ */ o(s, { children: [
648
+ /* @__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?" }) }),
649
+ /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(i, { sx: { color: "#74331f" }, children: "Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore." }) })
526
650
  ] }),
527
- /* @__PURE__ */ t(r, { children: [
528
- /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(i, { sizeVariant: "base", sx: { fontWeight: 700, color: "#74331f" }, children: "Lorem ipsum dolor sit amet consectetur?" }) }),
529
- /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { sx: { color: "#74331f" }, children: "Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt." }) })
651
+ /* @__PURE__ */ o(s, { children: [
652
+ /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(i, { sizeVariant: "base", sx: { fontWeight: 700, color: "#74331f" }, children: "Lorem ipsum dolor sit amet consectetur?" }) }),
653
+ /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(i, { sx: { color: "#74331f" }, children: "Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt." }) })
530
654
  ] }),
531
- /* @__PURE__ */ t(r, { children: [
532
- /* @__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?" }) }),
533
- /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { sx: { color: "#74331f" }, children: "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque." }) })
655
+ /* @__PURE__ */ o(s, { children: [
656
+ /* @__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?" }) }),
657
+ /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(i, { sx: { color: "#74331f" }, children: "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque." }) })
534
658
  ] })
535
659
  ]
536
660
  }
@@ -542,7 +666,7 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
542
666
  )
543
667
  }
544
668
  ]
545
- }, w = [
669
+ }, y = [
546
670
  {
547
671
  image: "https://ucarecdn.com/3c98ccba-611f-43aa-baee-8b70deaa56c4/-/format/auto/",
548
672
  title: "24/7 Friendly Support"
@@ -559,14 +683,14 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
559
683
  image: "https://ucarecdn.com/8a7a086c-1ef5-43a9-a036-daaf1f15a9f1/-/format/auto/",
560
684
  title: "Secure Online Payment"
561
685
  }
562
- ], D = {
686
+ ], ce = {
563
687
  name: "Guarantee",
564
- icon: { source: h },
688
+ icon: { source: x },
565
689
  templates: [
566
690
  {
567
- template: /* @__PURE__ */ t(l, { children: [
568
- /* @__PURE__ */ t(
569
- s,
691
+ template: /* @__PURE__ */ o(m, { children: [
692
+ /* @__PURE__ */ o(
693
+ n,
570
694
  {
571
695
  sizeVariant: "4xl",
572
696
  sx: {
@@ -589,7 +713,7 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
589
713
  {
590
714
  sizeVariant: "base",
591
715
  sx: {
592
- color: o("neutral.500"),
716
+ color: t("neutral.500"),
593
717
  textAlign: "center",
594
718
  marginTop: 16,
595
719
  md: {
@@ -600,7 +724,7 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
600
724
  }
601
725
  ),
602
726
  /* @__PURE__ */ e(
603
- c,
727
+ d,
604
728
  {
605
729
  sx: {
606
730
  width: "100%",
@@ -616,7 +740,7 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
616
740
  md: {
617
741
  cols: 4
618
742
  },
619
- children: w.map((m, R) => /* @__PURE__ */ t(n, { children: [
743
+ children: y.map((a, h) => /* @__PURE__ */ o(r, { children: [
620
744
  /* @__PURE__ */ e(
621
745
  p,
622
746
  {
@@ -625,7 +749,7 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
625
749
  marginLeft: "auto",
626
750
  marginRight: "auto"
627
751
  },
628
- src: m.image
752
+ src: a.image
629
753
  }
630
754
  ),
631
755
  /* @__PURE__ */ e(
@@ -637,17 +761,17 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
637
761
  marginTop: 16,
638
762
  fontWeight: 500
639
763
  },
640
- children: m.title
764
+ children: a.title
641
765
  }
642
766
  )
643
- ] }, R))
767
+ ] }, h))
644
768
  }
645
769
  )
646
770
  ] })
647
771
  },
648
772
  {
649
773
  template: /* @__PURE__ */ e(
650
- l,
774
+ m,
651
775
  {
652
776
  sx: {
653
777
  paddingTop: 32,
@@ -657,8 +781,8 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
657
781
  paddingBottom: 64
658
782
  }
659
783
  },
660
- children: /* @__PURE__ */ t(
661
- c,
784
+ children: /* @__PURE__ */ o(
785
+ d,
662
786
  {
663
787
  sx: {
664
788
  rowGap: 32,
@@ -670,7 +794,7 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
670
794
  cols: 1,
671
795
  md: { cols: 2 },
672
796
  children: [
673
- /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(
797
+ /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
674
798
  p,
675
799
  {
676
800
  sx: {
@@ -683,13 +807,13 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
683
807
  src: "https://cdn.shopify.com/s/files/1/0959/8114/2305/files/img140.png"
684
808
  }
685
809
  ) }),
686
- /* @__PURE__ */ t(n, { children: [
810
+ /* @__PURE__ */ o(r, { children: [
687
811
  /* @__PURE__ */ e(
688
812
  i,
689
813
  {
690
814
  sizeVariant: "sm",
691
815
  sx: {
692
- color: o("primary.600"),
816
+ color: t("primary.600"),
693
817
  textAlign: "center",
694
818
  fontWeight: 600,
695
819
  textTransform: "uppercase",
@@ -701,7 +825,7 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
701
825
  }
702
826
  ),
703
827
  /* @__PURE__ */ e(
704
- s,
828
+ n,
705
829
  {
706
830
  sizeVariant: "4xl",
707
831
  sx: {
@@ -721,7 +845,7 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
721
845
  {
722
846
  sizeVariant: "base",
723
847
  sx: {
724
- color: o("neutral.500"),
848
+ color: t("neutral.500"),
725
849
  textAlign: "center",
726
850
  marginTop: 20,
727
851
  md: {
@@ -731,10 +855,10 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
731
855
  children: "Every order is protected by responsive support, secure payments, and quality checks before shipping."
732
856
  }
733
857
  ),
734
- /* @__PURE__ */ t(c, { sx: { marginTop: 32, rowGap: 20, columnGap: 20 }, cols: 1, sm: { cols: 2 }, children: [
735
- /* @__PURE__ */ t(n, { children: [
858
+ /* @__PURE__ */ o(d, { sx: { marginTop: 32, rowGap: 20, columnGap: 20 }, cols: 1, sm: { cols: 2 }, children: [
859
+ /* @__PURE__ */ o(r, { children: [
736
860
  /* @__PURE__ */ e(
737
- s,
861
+ n,
738
862
  {
739
863
  sizeVariant: "3xl",
740
864
  sx: { textAlign: "center", fontWeight: 600, md: { textAlign: "left" } },
@@ -744,14 +868,14 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
744
868
  /* @__PURE__ */ e(
745
869
  i,
746
870
  {
747
- sx: { color: o("neutral.500"), textAlign: "center", md: { textAlign: "left" } },
871
+ sx: { color: t("neutral.500"), textAlign: "center", md: { textAlign: "left" } },
748
872
  children: "Friendly support team"
749
873
  }
750
874
  )
751
875
  ] }),
752
- /* @__PURE__ */ t(n, { children: [
876
+ /* @__PURE__ */ o(r, { children: [
753
877
  /* @__PURE__ */ e(
754
- s,
878
+ n,
755
879
  {
756
880
  sizeVariant: "3xl",
757
881
  sx: { textAlign: "center", fontWeight: 600, md: { textAlign: "left" } },
@@ -761,13 +885,13 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
761
885
  /* @__PURE__ */ e(
762
886
  i,
763
887
  {
764
- sx: { color: o("neutral.500"), textAlign: "center", md: { textAlign: "left" } },
888
+ sx: { color: t("neutral.500"), textAlign: "center", md: { textAlign: "left" } },
765
889
  children: "Secure online payment"
766
890
  }
767
891
  )
768
892
  ] })
769
893
  ] }),
770
- /* @__PURE__ */ e(T, { sx: { width: "100%", marginTop: 32, md: { width: 180 } }, children: "Explore Now" })
894
+ /* @__PURE__ */ e(f, { sx: { width: "100%", marginTop: 32, md: { width: 180 } }, children: "Explore Now" })
771
895
  ] })
772
896
  ]
773
897
  }
@@ -776,14 +900,14 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
776
900
  )
777
901
  },
778
902
  {
779
- template: /* @__PURE__ */ e(l, { children: /* @__PURE__ */ t(c, { sx: { rowGap: 24, columnGap: 24 }, cols: 1, md: { cols: 3 }, children: [
780
- /* @__PURE__ */ t(n, { children: [
781
- /* @__PURE__ */ e(s, { sizeVariant: "4xl", sx: { textAlign: "center", fontWeight: 600, md: { textAlign: "left" } }, children: "Built for calm, confident shopping" }),
903
+ template: /* @__PURE__ */ e(m, { children: /* @__PURE__ */ o(d, { sx: { rowGap: 24, columnGap: 24 }, cols: 1, md: { cols: 3 }, children: [
904
+ /* @__PURE__ */ o(r, { children: [
905
+ /* @__PURE__ */ e(n, { sizeVariant: "4xl", sx: { textAlign: "center", fontWeight: 600, md: { textAlign: "left" } }, children: "Built for calm, confident shopping" }),
782
906
  /* @__PURE__ */ e(
783
907
  i,
784
908
  {
785
909
  sx: {
786
- color: o("neutral.500"),
910
+ color: t("neutral.500"),
787
911
  textAlign: "center",
788
912
  marginTop: 16,
789
913
  md: { textAlign: "left" }
@@ -792,11 +916,11 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
792
916
  }
793
917
  )
794
918
  ] }),
795
- /* @__PURE__ */ t(
796
- n,
919
+ /* @__PURE__ */ o(
920
+ r,
797
921
  {
798
922
  sx: {
799
- backgroundColor: o("neutral.100"),
923
+ backgroundColor: t("neutral.100"),
800
924
  paddingTop: 28,
801
925
  paddingRight: 24,
802
926
  paddingBottom: 28,
@@ -807,17 +931,17 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
807
931
  borderBottomLeftRadius: 28
808
932
  },
809
933
  children: [
810
- /* @__PURE__ */ e(p, { sx: { width: 72 }, src: w[0].image }),
811
- /* @__PURE__ */ e(s, { sizeVariant: "2xl", sx: { marginTop: 24, fontWeight: 600 }, children: "Always-on support" }),
812
- /* @__PURE__ */ e(i, { sx: { color: o("neutral.500"), marginTop: 12 }, children: "Ask questions before or after purchase and get guidance whenever you need it." })
934
+ /* @__PURE__ */ e(p, { sx: { width: 72 }, src: y[0].image }),
935
+ /* @__PURE__ */ e(n, { sizeVariant: "2xl", sx: { marginTop: 24, fontWeight: 600 }, children: "Always-on support" }),
936
+ /* @__PURE__ */ e(i, { sx: { color: t("neutral.500"), marginTop: 12 }, children: "Ask questions before or after purchase and get guidance whenever you need it." })
813
937
  ]
814
938
  }
815
939
  ),
816
- /* @__PURE__ */ t(
817
- n,
940
+ /* @__PURE__ */ o(
941
+ r,
818
942
  {
819
943
  sx: {
820
- backgroundColor: o("primary.100"),
944
+ backgroundColor: t("primary.100"),
821
945
  paddingTop: 28,
822
946
  paddingRight: 24,
823
947
  paddingBottom: 28,
@@ -828,22 +952,219 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
828
952
  borderBottomLeftRadius: 28
829
953
  },
830
954
  children: [
831
- /* @__PURE__ */ e(p, { sx: { width: 72 }, src: w[3].image }),
832
- /* @__PURE__ */ e(s, { sizeVariant: "2xl", sx: { marginTop: 24, fontWeight: 600 }, children: "Protected checkout" }),
833
- /* @__PURE__ */ e(i, { sx: { color: o("neutral.600"), marginTop: 12 }, children: "Secure payment flows and trusted order handling keep every transaction simple." })
955
+ /* @__PURE__ */ e(p, { sx: { width: 72 }, src: y[3].image }),
956
+ /* @__PURE__ */ e(n, { sizeVariant: "2xl", sx: { marginTop: 24, fontWeight: 600 }, children: "Protected checkout" }),
957
+ /* @__PURE__ */ e(i, { sx: { color: t("neutral.600"), marginTop: 12 }, children: "Secure payment flows and trusted order handling keep every transaction simple." })
834
958
  ]
835
959
  }
836
960
  )
837
961
  ] }) })
838
962
  }
839
963
  ]
840
- }, Q = {
964
+ }, N = {
965
+ template: /* @__PURE__ */ e(
966
+ m,
967
+ {
968
+ sx: {
969
+ paddingTop: 40,
970
+ paddingBottom: 40,
971
+ paddingLeft: 16,
972
+ paddingRight: 16,
973
+ md: {
974
+ paddingTop: 64,
975
+ paddingBottom: 64,
976
+ paddingLeft: 48,
977
+ paddingRight: 48
978
+ }
979
+ },
980
+ children: /* @__PURE__ */ o(
981
+ d,
982
+ {
983
+ cols: 1,
984
+ md: { cols: 2 },
985
+ sx: {
986
+ rowGap: 40,
987
+ columnGap: 48,
988
+ alignItems: "start",
989
+ md: {
990
+ columnGap: 80
991
+ }
992
+ },
993
+ children: [
994
+ /* @__PURE__ */ o(r, { children: [
995
+ /* @__PURE__ */ e(g, { sx: { backgroundColor: t("neutral.100") }, children: /* @__PURE__ */ e(
996
+ p,
997
+ {
998
+ src: "https://cdn.shopify.com/s/files/1/2005/9307/files/myimage_7.jpg",
999
+ alt: "Workspace",
1000
+ sx: {
1001
+ width: "100%",
1002
+ objectFit: "cover"
1003
+ }
1004
+ }
1005
+ ) }),
1006
+ /* @__PURE__ */ e(
1007
+ g,
1008
+ {
1009
+ sx: {
1010
+ backgroundColor: "#ffffff",
1011
+ marginTop: -80,
1012
+ marginLeft: 24,
1013
+ marginRight: 24,
1014
+ paddingTop: 28,
1015
+ paddingBottom: 28,
1016
+ paddingLeft: 32,
1017
+ paddingRight: 32,
1018
+ md: {
1019
+ marginTop: -120,
1020
+ marginLeft: 40,
1021
+ marginRight: 40,
1022
+ paddingTop: 36,
1023
+ paddingBottom: 36,
1024
+ paddingLeft: 48,
1025
+ paddingRight: 48
1026
+ }
1027
+ },
1028
+ children: /* @__PURE__ */ e(
1029
+ i,
1030
+ {
1031
+ sizeVariant: "base",
1032
+ md: { sizeVariant: "lg" },
1033
+ sx: {
1034
+ color: t("neutral.600"),
1035
+ fontStyle: "italic",
1036
+ textAlign: "center"
1037
+ },
1038
+ 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.”"
1039
+ }
1040
+ )
1041
+ }
1042
+ ),
1043
+ /* @__PURE__ */ e(
1044
+ p,
1045
+ {
1046
+ src: "https://cdn.shopify.com/s/files/1/2005/9307/files/James.svg",
1047
+ alt: "Signature",
1048
+ sx: {
1049
+ width: 140,
1050
+ marginTop: 24,
1051
+ marginLeft: "auto",
1052
+ marginRight: "auto",
1053
+ md: {
1054
+ width: 160,
1055
+ marginTop: 28
1056
+ }
1057
+ }
1058
+ }
1059
+ ),
1060
+ /* @__PURE__ */ e(
1061
+ i,
1062
+ {
1063
+ sizeVariant: "base",
1064
+ sx: {
1065
+ fontWeight: 700,
1066
+ color: t("neutral.600"),
1067
+ textAlign: "center",
1068
+ marginTop: 12
1069
+ },
1070
+ children: "James Frank / CEO"
1071
+ }
1072
+ )
1073
+ ] }),
1074
+ /* @__PURE__ */ o(r, { children: [
1075
+ /* @__PURE__ */ e(
1076
+ n,
1077
+ {
1078
+ as: "h2",
1079
+ sizeVariant: "3xl",
1080
+ md: { sizeVariant: "4xl" },
1081
+ sx: {
1082
+ fontWeight: 700,
1083
+ color: t("neutral.600")
1084
+ },
1085
+ children: "About us"
1086
+ }
1087
+ ),
1088
+ /* @__PURE__ */ e(
1089
+ i,
1090
+ {
1091
+ sizeVariant: "base",
1092
+ sx: {
1093
+ color: t("neutral.600"),
1094
+ marginTop: 20,
1095
+ md: { marginTop: 24 }
1096
+ },
1097
+ 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."
1098
+ }
1099
+ ),
1100
+ /* @__PURE__ */ e(
1101
+ n,
1102
+ {
1103
+ as: "h3",
1104
+ sizeVariant: "lg",
1105
+ md: { sizeVariant: "xl" },
1106
+ sx: {
1107
+ fontWeight: 700,
1108
+ color: t("neutral.600"),
1109
+ marginTop: 32,
1110
+ md: { marginTop: 40 }
1111
+ },
1112
+ children: "Creative"
1113
+ }
1114
+ ),
1115
+ /* @__PURE__ */ e(
1116
+ i,
1117
+ {
1118
+ sizeVariant: "base",
1119
+ sx: {
1120
+ color: t("neutral.600"),
1121
+ marginTop: 12,
1122
+ md: { marginTop: 16 }
1123
+ },
1124
+ 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."
1125
+ }
1126
+ ),
1127
+ /* @__PURE__ */ e(
1128
+ n,
1129
+ {
1130
+ as: "h3",
1131
+ sizeVariant: "lg",
1132
+ md: { sizeVariant: "xl" },
1133
+ sx: {
1134
+ fontWeight: 700,
1135
+ color: t("neutral.600"),
1136
+ marginTop: 28,
1137
+ md: { marginTop: 32 }
1138
+ },
1139
+ children: "Sustainability"
1140
+ }
1141
+ ),
1142
+ /* @__PURE__ */ e(
1143
+ i,
1144
+ {
1145
+ sizeVariant: "base",
1146
+ sx: {
1147
+ color: t("neutral.600"),
1148
+ marginTop: 12,
1149
+ md: { marginTop: 16 }
1150
+ },
1151
+ 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."
1152
+ }
1153
+ )
1154
+ ] })
1155
+ ]
1156
+ }
1157
+ )
1158
+ }
1159
+ )
1160
+ }, pe = {
841
1161
  name: "Brand Story",
842
- icon: { source: h },
1162
+ icon: { source: x },
843
1163
  templates: [
1164
+ N,
844
1165
  {
845
1166
  template: /* @__PURE__ */ e(
846
- l,
1167
+ m,
847
1168
  {
848
1169
  sx: {
849
1170
  backgroundColor: "#faf5ef",
@@ -858,8 +1179,8 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
858
1179
  paddingRight: 48
859
1180
  }
860
1181
  },
861
- children: /* @__PURE__ */ t(
862
- c,
1182
+ children: /* @__PURE__ */ o(
1183
+ d,
863
1184
  {
864
1185
  cols: 1,
865
1186
  md: { cols: 12 },
@@ -874,7 +1195,7 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
874
1195
  },
875
1196
  children: [
876
1197
  /* @__PURE__ */ e(
877
- n,
1198
+ r,
878
1199
  {
879
1200
  hidden: !0,
880
1201
  sm: { hidden: !0 },
@@ -901,7 +1222,7 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
901
1222
  )
902
1223
  }
903
1224
  ),
904
- /* @__PURE__ */ e(n, { md: { colSpan: 4 }, children: /* @__PURE__ */ e(
1225
+ /* @__PURE__ */ e(r, { md: { colSpan: 4 }, children: /* @__PURE__ */ e(
905
1226
  p,
906
1227
  {
907
1228
  src: "https://cdn.shopify.com/s/files/1/2005/9307/files/432750572815254551-9a302469-3a91-4a94-bf0b-564f2486a9f9.png",
@@ -916,9 +1237,9 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
916
1237
  }
917
1238
  }
918
1239
  ) }),
919
- /* @__PURE__ */ t(n, { md: { colSpan: 5 }, children: [
1240
+ /* @__PURE__ */ o(r, { md: { colSpan: 5 }, children: [
920
1241
  /* @__PURE__ */ e(
921
- s,
1242
+ n,
922
1243
  {
923
1244
  as: "h2",
924
1245
  sizeVariant: "3xl",
@@ -993,17 +1314,17 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
993
1314
  )
994
1315
  }
995
1316
  ]
996
- }, A = [
997
- { icon: "https://cdn.shopify.com/s/files/1/2005/9307/files/photo_6.png", value: "10+", label: "Years of experience" },
998
- { icon: "https://cdn.shopify.com/s/files/1/2005/9307/files/photo_7.png", value: "235+", label: "Happy Clients" },
999
- { icon: "https://cdn.shopify.com/s/files/1/2005/9307/files/photo_8.png", value: "50+", label: "Project completed" }
1000
- ], K = {
1317
+ }, O = [
1318
+ { icon: "https://cdn.shopify.com/s/files/1/2005/9307/files/photo_6.png", value: 10, label: "Years of experience" },
1319
+ { icon: "https://cdn.shopify.com/s/files/1/2005/9307/files/photo_7.png", value: 235, label: "Happy Clients" },
1320
+ { icon: "https://cdn.shopify.com/s/files/1/2005/9307/files/photo_8.png", value: 50, label: "Project completed" }
1321
+ ], me = {
1001
1322
  name: "About",
1002
- icon: { source: h },
1323
+ icon: { source: x },
1003
1324
  templates: [
1004
1325
  {
1005
1326
  template: /* @__PURE__ */ e(
1006
- l,
1327
+ m,
1007
1328
  {
1008
1329
  sx: {
1009
1330
  paddingTop: 40,
@@ -1017,8 +1338,8 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
1017
1338
  paddingRight: 48
1018
1339
  }
1019
1340
  },
1020
- children: /* @__PURE__ */ t(
1021
- c,
1341
+ children: /* @__PURE__ */ o(
1342
+ d,
1022
1343
  {
1023
1344
  cols: 1,
1024
1345
  md: { cols: 2 },
@@ -1031,7 +1352,7 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
1031
1352
  }
1032
1353
  },
1033
1354
  children: [
1034
- /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(
1355
+ /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
1035
1356
  p,
1036
1357
  {
1037
1358
  src: "https://cdn.shopify.com/s/files/1/2005/9307/files/Frame_45283_1.webp",
@@ -1046,13 +1367,13 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
1046
1367
  }
1047
1368
  }
1048
1369
  ) }),
1049
- /* @__PURE__ */ t(n, { children: [
1370
+ /* @__PURE__ */ o(r, { children: [
1050
1371
  /* @__PURE__ */ e(
1051
1372
  i,
1052
1373
  {
1053
1374
  sizeVariant: "sm",
1054
1375
  sx: {
1055
- color: o("primary.600"),
1376
+ color: t("primary.600"),
1056
1377
  fontWeight: 600,
1057
1378
  textTransform: "uppercase"
1058
1379
  },
@@ -1060,7 +1381,7 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
1060
1381
  }
1061
1382
  ),
1062
1383
  /* @__PURE__ */ e(
1063
- s,
1384
+ n,
1064
1385
  {
1065
1386
  as: "h2",
1066
1387
  sizeVariant: "3xl",
@@ -1077,7 +1398,7 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
1077
1398
  {
1078
1399
  sizeVariant: "base",
1079
1400
  sx: {
1080
- color: o("neutral.600"),
1401
+ color: t("neutral.600"),
1081
1402
  marginTop: 16,
1082
1403
  md: { marginTop: 20 }
1083
1404
  },
@@ -1085,7 +1406,7 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
1085
1406
  }
1086
1407
  ),
1087
1408
  /* @__PURE__ */ e(
1088
- c,
1409
+ d,
1089
1410
  {
1090
1411
  cols: 1,
1091
1412
  sm: { cols: 3 },
@@ -1095,11 +1416,11 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
1095
1416
  marginTop: 28,
1096
1417
  md: { marginTop: 36 }
1097
1418
  },
1098
- children: A.map((m, R) => /* @__PURE__ */ e(n, { children: /* @__PURE__ */ t(
1419
+ children: O.map((a, h) => /* @__PURE__ */ e(r, { children: /* @__PURE__ */ o(
1099
1420
  g,
1100
1421
  {
1101
1422
  sx: {
1102
- backgroundColor: o("neutral.100"),
1423
+ backgroundColor: t("neutral.100"),
1103
1424
  paddingTop: 20,
1104
1425
  paddingBottom: 20,
1105
1426
  paddingLeft: 16,
@@ -1114,27 +1435,27 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
1114
1435
  /* @__PURE__ */ e(
1115
1436
  p,
1116
1437
  {
1117
- src: m.icon,
1438
+ src: a.icon,
1118
1439
  sx: {
1119
1440
  width: 48,
1120
1441
  height: 48,
1121
1442
  objectFit: "contain",
1122
1443
  marginLeft: "auto",
1123
- marginRight: "auto"
1444
+ marginRight: "auto",
1445
+ marginBottom: 8
1124
1446
  }
1125
1447
  }
1126
1448
  ),
1127
1449
  /* @__PURE__ */ e(
1128
- s,
1450
+ A,
1129
1451
  {
1130
- as: "div",
1452
+ to: a.value,
1453
+ suffix: "+",
1131
1454
  sizeVariant: "3xl",
1132
1455
  sx: {
1133
1456
  fontWeight: 700,
1134
- color: o("neutral.600"),
1135
- marginTop: 8
1136
- },
1137
- children: m.value
1457
+ color: t("neutral.600")
1458
+ }
1138
1459
  }
1139
1460
  ),
1140
1461
  /* @__PURE__ */ e(
@@ -1142,15 +1463,15 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
1142
1463
  {
1143
1464
  sizeVariant: "sm",
1144
1465
  sx: {
1145
- color: o("neutral.500"),
1466
+ color: t("neutral.500"),
1146
1467
  marginTop: 4
1147
1468
  },
1148
- children: m.label
1469
+ children: a.label
1149
1470
  }
1150
1471
  )
1151
1472
  ]
1152
1473
  }
1153
- ) }, R))
1474
+ ) }, h))
1154
1475
  }
1155
1476
  )
1156
1477
  ] })
@@ -1161,11 +1482,314 @@ const h = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
1161
1482
  )
1162
1483
  }
1163
1484
  ]
1485
+ }, _ = "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 = {
1486
+ template: /* @__PURE__ */ e(
1487
+ m,
1488
+ {
1489
+ sx: {
1490
+ paddingTop: 32,
1491
+ paddingBottom: 32,
1492
+ paddingLeft: 16,
1493
+ paddingRight: 16,
1494
+ md: { paddingTop: 48, paddingBottom: 48, paddingLeft: 48, paddingRight: 48 }
1495
+ },
1496
+ children: /* @__PURE__ */ o(
1497
+ d,
1498
+ {
1499
+ cols: 1,
1500
+ md: { cols: 2 },
1501
+ sx: { rowGap: 32, columnGap: 48, alignItems: "center", md: { columnGap: 64 } },
1502
+ children: [
1503
+ /* @__PURE__ */ e(r, { children: /* @__PURE__ */ o(d, { cols: 2, sx: { columnGap: 12 }, children: [
1504
+ /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
1505
+ p,
1506
+ {
1507
+ src: _,
1508
+ alt: "Before",
1509
+ sx: {
1510
+ width: "100%",
1511
+ objectFit: "cover",
1512
+ borderTopLeftRadius: 12,
1513
+ borderTopRightRadius: 12,
1514
+ borderBottomRightRadius: 12,
1515
+ borderBottomLeftRadius: 12
1516
+ }
1517
+ }
1518
+ ) }),
1519
+ /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
1520
+ p,
1521
+ {
1522
+ src: P,
1523
+ alt: "After",
1524
+ sx: {
1525
+ width: "100%",
1526
+ objectFit: "cover",
1527
+ borderTopLeftRadius: 12,
1528
+ borderTopRightRadius: 12,
1529
+ borderBottomRightRadius: 12,
1530
+ borderBottomLeftRadius: 12
1531
+ }
1532
+ }
1533
+ ) })
1534
+ ] }) }),
1535
+ /* @__PURE__ */ o(r, { children: [
1536
+ /* @__PURE__ */ e(n, { as: "h3", sizeVariant: "2xl", sx: { fontWeight: 700, color: t("neutral.600") }, children: "The standard" }),
1537
+ /* @__PURE__ */ e(
1538
+ n,
1539
+ {
1540
+ as: "h2",
1541
+ sizeVariant: "4xl",
1542
+ md: { sizeVariant: "5xl" },
1543
+ sx: { fontWeight: 700, color: t("blue.500"), marginTop: 4 },
1544
+ children: "Lorem ipsum"
1545
+ }
1546
+ ),
1547
+ /* @__PURE__ */ o(
1548
+ g,
1549
+ {
1550
+ sx: {
1551
+ marginTop: 24,
1552
+ backgroundColor: t("neutral.100"),
1553
+ paddingTop: 24,
1554
+ paddingBottom: 24,
1555
+ paddingLeft: 24,
1556
+ paddingRight: 24,
1557
+ borderTopLeftRadius: 12,
1558
+ borderTopRightRadius: 12,
1559
+ borderBottomRightRadius: 12,
1560
+ borderBottomLeftRadius: 12
1561
+ },
1562
+ children: [
1563
+ /* @__PURE__ */ e(n, { as: "h4", sizeVariant: "base", sx: { fontWeight: 700, color: t("neutral.600") }, children: "Sed ut perspiciatis unde omnis iste natus" }),
1564
+ /* @__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.' }),
1565
+ /* @__PURE__ */ o(L, { sx: { flexDirection: "row", alignItems: "center", columnGap: 8, marginTop: 20 }, children: [
1566
+ /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(B, { rating: 5, count: 5, size: 18, color: t("orange.500") }) }),
1567
+ /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(i, { sizeVariant: "sm", sx: { fontWeight: 700, color: t("neutral.600") }, children: "-Alisa G." }) })
1568
+ ] })
1569
+ ]
1570
+ }
1571
+ )
1572
+ ] })
1573
+ ]
1574
+ }
1575
+ )
1576
+ }
1577
+ )
1578
+ }, M = [
1579
+ {
1580
+ rating: 5,
1581
+ 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."',
1582
+ avatar: "https://cdn.shopify.com/s/files/1/2005/9307/files/image_9_05296326-8090-405d-8f31-e83c4a2d2739.webp",
1583
+ name: "Rita Carroll",
1584
+ role: "Marketing Director"
1585
+ },
1586
+ {
1587
+ rating: 5,
1588
+ quote: '"We saw results within the first week. The quality is outstanding and it has become an essential part of our daily workflow."',
1589
+ avatar: "https://cdn.shopify.com/s/files/1/2005/9307/files/image_10_80120d07-93d9-4ec1-9f95-02f565eb09ae.webp",
1590
+ name: "Olivia Rowse",
1591
+ role: "Product Manager"
1592
+ },
1593
+ {
1594
+ rating: 4.5,
1595
+ quote: '"Reliable, easy to use, and worth every penny. I recommend it to everyone looking to grow their business online."',
1596
+ avatar: "https://cdn.shopify.com/s/files/1/2005/9307/files/image_11_00d15153-b18c-43c7-aeb4-21d43c1b8612.webp",
1597
+ name: "Timothy Joseph",
1598
+ role: "Small Business Owner"
1599
+ }
1600
+ ], ge = {
1601
+ name: "Social Proof",
1602
+ icon: { source: x },
1603
+ templates: [
1604
+ F,
1605
+ {
1606
+ template: /* @__PURE__ */ o(
1607
+ m,
1608
+ {
1609
+ sx: {
1610
+ backgroundColor: t("neutral.100"),
1611
+ paddingTop: 40,
1612
+ paddingBottom: 40,
1613
+ paddingLeft: 16,
1614
+ paddingRight: 16,
1615
+ md: {
1616
+ paddingTop: 64,
1617
+ paddingBottom: 64,
1618
+ paddingLeft: 48,
1619
+ paddingRight: 48
1620
+ }
1621
+ },
1622
+ children: [
1623
+ /* @__PURE__ */ e(
1624
+ i,
1625
+ {
1626
+ sizeVariant: "sm",
1627
+ sx: {
1628
+ color: t("primary.600"),
1629
+ fontWeight: 600,
1630
+ textTransform: "uppercase",
1631
+ textAlign: "center"
1632
+ },
1633
+ children: "Testimonials"
1634
+ }
1635
+ ),
1636
+ /* @__PURE__ */ e(
1637
+ n,
1638
+ {
1639
+ as: "h2",
1640
+ sizeVariant: "3xl",
1641
+ md: { sizeVariant: "4xl" },
1642
+ sx: {
1643
+ fontWeight: 700,
1644
+ color: t("neutral.600"),
1645
+ textAlign: "center",
1646
+ marginTop: 12
1647
+ },
1648
+ children: "Loved by thousands of customers"
1649
+ }
1650
+ ),
1651
+ /* @__PURE__ */ e(
1652
+ i,
1653
+ {
1654
+ sizeVariant: "base",
1655
+ sx: {
1656
+ color: t("neutral.600"),
1657
+ textAlign: "center",
1658
+ marginTop: 12,
1659
+ marginLeft: "auto",
1660
+ marginRight: "auto",
1661
+ width: "100%",
1662
+ md: { width: 640 }
1663
+ },
1664
+ children: "Don’t just take our word for it. Here’s what real customers have to say about their experience."
1665
+ }
1666
+ ),
1667
+ /* @__PURE__ */ e(
1668
+ d,
1669
+ {
1670
+ cols: 1,
1671
+ md: { cols: 3 },
1672
+ sx: {
1673
+ rowGap: 24,
1674
+ columnGap: 24,
1675
+ alignItems: "stretch",
1676
+ marginTop: 32,
1677
+ md: { marginTop: 48 }
1678
+ },
1679
+ children: M.map((a, h) => /* @__PURE__ */ e(r, { children: /* @__PURE__ */ o(
1680
+ g,
1681
+ {
1682
+ sx: {
1683
+ height: "100%",
1684
+ backgroundColor: "#ffffff",
1685
+ borderStyle: "solid",
1686
+ borderColor: t("neutral.200"),
1687
+ borderTopWidth: 1,
1688
+ borderRightWidth: 1,
1689
+ borderBottomWidth: 1,
1690
+ borderLeftWidth: 1,
1691
+ borderTopLeftRadius: 16,
1692
+ borderTopRightRadius: 16,
1693
+ borderBottomRightRadius: 16,
1694
+ borderBottomLeftRadius: 16,
1695
+ paddingTop: 28,
1696
+ paddingBottom: 28,
1697
+ paddingLeft: 24,
1698
+ paddingRight: 24
1699
+ },
1700
+ children: [
1701
+ /* @__PURE__ */ e(B, { rating: a.rating, count: 5, size: 20, color: t("orange.500") }),
1702
+ /* @__PURE__ */ e(
1703
+ i,
1704
+ {
1705
+ sizeVariant: "base",
1706
+ sx: {
1707
+ color: t("neutral.600"),
1708
+ marginTop: 16
1709
+ },
1710
+ children: a.quote
1711
+ }
1712
+ ),
1713
+ /* @__PURE__ */ e(
1714
+ g,
1715
+ {
1716
+ sx: {
1717
+ marginTop: 24,
1718
+ paddingTop: 20,
1719
+ borderStyle: "solid",
1720
+ borderColor: t("neutral.200"),
1721
+ borderTopWidth: 1
1722
+ },
1723
+ children: /* @__PURE__ */ e(
1724
+ d,
1725
+ {
1726
+ cols: 1,
1727
+ sx: {
1728
+ columnGap: 12,
1729
+ rowGap: 0,
1730
+ alignItems: "center"
1731
+ },
1732
+ children: /* @__PURE__ */ o(r, { children: [
1733
+ /* @__PURE__ */ e(
1734
+ p,
1735
+ {
1736
+ src: a.avatar,
1737
+ alt: a.name,
1738
+ sx: {
1739
+ width: 48,
1740
+ height: 48,
1741
+ objectFit: "cover",
1742
+ borderTopLeftRadius: 999,
1743
+ borderTopRightRadius: 999,
1744
+ borderBottomRightRadius: 999,
1745
+ borderBottomLeftRadius: 999
1746
+ }
1747
+ }
1748
+ ),
1749
+ /* @__PURE__ */ e(
1750
+ i,
1751
+ {
1752
+ sizeVariant: "base",
1753
+ sx: {
1754
+ fontWeight: 700,
1755
+ color: t("neutral.600"),
1756
+ marginTop: 8
1757
+ },
1758
+ children: a.name
1759
+ }
1760
+ ),
1761
+ /* @__PURE__ */ e(
1762
+ i,
1763
+ {
1764
+ sizeVariant: "sm",
1765
+ sx: {
1766
+ color: t("neutral.500"),
1767
+ marginTop: 2
1768
+ },
1769
+ children: a.role
1770
+ }
1771
+ )
1772
+ ] })
1773
+ }
1774
+ )
1775
+ }
1776
+ )
1777
+ ]
1778
+ }
1779
+ ) }, h))
1780
+ }
1781
+ )
1782
+ ]
1783
+ }
1784
+ )
1785
+ }
1786
+ ]
1164
1787
  };
1165
1788
  export {
1166
- K as ABOUT_SECTION_GROUP,
1167
- Q as BRAND_STORY_SECTION_GROUP,
1168
- H as FAQS_SECTION_GROUP,
1169
- D as GUARANTEE_SECTION_GROUP,
1170
- _ as HERO_SECTION_GROUP
1789
+ me as ABOUT_SECTION_GROUP,
1790
+ pe as BRAND_STORY_SECTION_GROUP,
1791
+ le as FAQS_SECTION_GROUP,
1792
+ ce as GUARANTEE_SECTION_GROUP,
1793
+ se as HERO_SECTION_GROUP,
1794
+ ge as TESTIMONIAL_SECTION_GROUP
1171
1795
  };