@janbox/storefront-builder 2.0.21 → 2.0.23
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.
- package/dist/editor.js +3 -3
- package/dist/{index-DYjYzzu9.js → index-BBoR6Gy_.js} +1 -1
- package/dist/index-BPG8gpQT.js +4 -0
- package/dist/index.js +3 -3
- package/dist/lib/box/README.md +8 -0
- package/dist/lib/button/README.md +11 -17
- package/dist/lib/cell/README.md +2 -1
- package/dist/lib/container/README.md +8 -0
- package/dist/lib/flex-item/README.md +7 -1
- package/dist/lib/flexbox/README.md +8 -0
- package/dist/lib/grid/README.md +4 -3
- package/dist/lib/link/README.md +1 -1
- package/dist/lib/tab/README.md +2 -2
- package/dist/lib/tab-list/README.md +3 -3
- package/dist/templates/sections/about/index.d.ts +2 -0
- package/dist/templates/sections/brand-story/index.d.ts +2 -0
- package/dist/templates/sections/index.d.ts +2 -0
- package/dist/templates.js +938 -74
- package/dist/{toaster-1qwGcpRC.js → toaster-DMjFxzB_.js} +17 -21
- package/package.json +1 -1
- package/dist/index-CTOgorCO.js +0 -4
package/dist/templates.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { jsx as e, jsxs as t } from "@emotion/react/jsx-runtime";
|
|
2
|
-
import {
|
|
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";
|
|
3
4
|
import "lodash-es";
|
|
4
5
|
import "react";
|
|
5
6
|
import "flat";
|
|
@@ -7,7 +8,6 @@ import "@janbox/storefront-ui/utils";
|
|
|
7
8
|
import "@janbox/storefront-ui/hooks";
|
|
8
9
|
import "@emotion/react";
|
|
9
10
|
import "@floating-ui/react";
|
|
10
|
-
import { getColorVar as k } from "@janbox/storefront-ui/theme";
|
|
11
11
|
import "react-colorful";
|
|
12
12
|
import "overlayscrollbars-react";
|
|
13
13
|
import "@tanstack/react-virtual";
|
|
@@ -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
|
|
20
|
+
const h = `<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,31 +25,27 @@ const c = `<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
|
-
`,
|
|
28
|
+
`, L = "https://cdn.shopify.com/s/files/1/0959/8114/2305/files/img140.png", _ = {
|
|
29
29
|
name: "Hero",
|
|
30
|
-
icon: { source:
|
|
30
|
+
icon: { source: h },
|
|
31
31
|
templates: [
|
|
32
32
|
{
|
|
33
|
-
template: /* @__PURE__ */ e(
|
|
34
|
-
|
|
33
|
+
template: /* @__PURE__ */ e(l, { children: /* @__PURE__ */ t(
|
|
34
|
+
c,
|
|
35
35
|
{
|
|
36
36
|
sx: {
|
|
37
37
|
sm: {
|
|
38
38
|
alignItems: "center"
|
|
39
39
|
}
|
|
40
40
|
},
|
|
41
|
-
sm: {
|
|
42
|
-
cols: 2
|
|
43
|
-
},
|
|
41
|
+
sm: { cols: 2 },
|
|
44
42
|
children: [
|
|
45
43
|
/* @__PURE__ */ t(
|
|
46
|
-
|
|
44
|
+
n,
|
|
47
45
|
{
|
|
48
46
|
sx: {
|
|
49
47
|
order: 1,
|
|
50
|
-
sm: {
|
|
51
|
-
order: 0
|
|
52
|
-
}
|
|
48
|
+
sm: { order: 0 }
|
|
53
49
|
},
|
|
54
50
|
children: [
|
|
55
51
|
/* @__PURE__ */ t(
|
|
@@ -60,13 +56,9 @@ const c = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
|
|
|
60
56
|
sx: {
|
|
61
57
|
textAlign: "center",
|
|
62
58
|
fontWeight: 600,
|
|
63
|
-
sm: {
|
|
64
|
-
textAlign: "left"
|
|
65
|
-
}
|
|
66
|
-
},
|
|
67
|
-
md: {
|
|
68
|
-
sizeVariant: "5xl"
|
|
59
|
+
sm: { textAlign: "left" }
|
|
69
60
|
},
|
|
61
|
+
md: { sizeVariant: "5xl" },
|
|
70
62
|
children: [
|
|
71
63
|
"Boost Performance:",
|
|
72
64
|
`
|
|
@@ -81,41 +73,104 @@ const c = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
|
|
|
81
73
|
sx: {
|
|
82
74
|
marginTop: 12,
|
|
83
75
|
textAlign: "center",
|
|
84
|
-
md: {
|
|
85
|
-
textAlign: "left"
|
|
86
|
-
}
|
|
76
|
+
md: { textAlign: "left" }
|
|
87
77
|
},
|
|
88
78
|
children: "Discover our latest running shoes with advanced air technology soles and boost technology, conquering every terrain with comfort and confidence."
|
|
89
79
|
}
|
|
90
80
|
),
|
|
91
|
-
/* @__PURE__ */ e(
|
|
92
|
-
h,
|
|
93
|
-
{
|
|
94
|
-
sx: {
|
|
95
|
-
marginTop: 32,
|
|
96
|
-
width: "100%",
|
|
97
|
-
md: {
|
|
98
|
-
width: 200
|
|
99
|
-
}
|
|
100
|
-
},
|
|
101
|
-
children: "Explore Now"
|
|
102
|
-
}
|
|
103
|
-
)
|
|
81
|
+
/* @__PURE__ */ e(T, { sx: { marginTop: 32, width: "100%", md: { width: 200 } }, children: "Explore Now" })
|
|
104
82
|
]
|
|
105
83
|
}
|
|
106
84
|
),
|
|
107
|
-
/* @__PURE__ */ e(
|
|
85
|
+
/* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(p, { src: L }) })
|
|
86
|
+
]
|
|
87
|
+
}
|
|
88
|
+
) })
|
|
89
|
+
},
|
|
90
|
+
{
|
|
91
|
+
template: /* @__PURE__ */ e(l, { children: /* @__PURE__ */ t(
|
|
92
|
+
g,
|
|
93
|
+
{
|
|
94
|
+
sx: {
|
|
95
|
+
backgroundColor: o("primary.100"),
|
|
96
|
+
paddingTop: 32,
|
|
97
|
+
paddingRight: 20,
|
|
98
|
+
paddingBottom: 24,
|
|
99
|
+
paddingLeft: 20,
|
|
100
|
+
borderTopLeftRadius: 32,
|
|
101
|
+
borderTopRightRadius: 32,
|
|
102
|
+
borderBottomRightRadius: 32,
|
|
103
|
+
borderBottomLeftRadius: 32,
|
|
104
|
+
md: {
|
|
105
|
+
paddingTop: 56,
|
|
106
|
+
paddingRight: 48,
|
|
107
|
+
paddingBottom: 40,
|
|
108
|
+
paddingLeft: 48
|
|
109
|
+
}
|
|
110
|
+
},
|
|
111
|
+
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,
|
|
115
|
+
{
|
|
116
|
+
as: "h1",
|
|
117
|
+
sizeVariant: "4xl",
|
|
118
|
+
md: { sizeVariant: "5xl" },
|
|
119
|
+
sx: { fontWeight: 600, textAlign: "center", md: { textAlign: "left" } },
|
|
120
|
+
children: "Runway Mood, Everyday Form"
|
|
121
|
+
}
|
|
122
|
+
) }),
|
|
123
|
+
/* @__PURE__ */ t(n, { md: { colSpan: 4 }, children: [
|
|
124
|
+
/* @__PURE__ */ e(
|
|
125
|
+
i,
|
|
126
|
+
{
|
|
127
|
+
sx: { color: o("neutral.600"), textAlign: "center", md: { textAlign: "left" } },
|
|
128
|
+
children: "New arrivals shaped like a campaign board: sharp, wearable, and ready for the street."
|
|
129
|
+
}
|
|
130
|
+
),
|
|
131
|
+
/* @__PURE__ */ e(T, { sx: { width: "100%", marginTop: 24, md: { width: 200 } }, children: "Explore New Arrivals" })
|
|
132
|
+
] }),
|
|
133
|
+
/* @__PURE__ */ e(n, { md: { colSpan: 12 }, children: /* @__PURE__ */ e(
|
|
134
|
+
p,
|
|
135
|
+
{
|
|
136
|
+
src: L,
|
|
137
|
+
sx: {
|
|
138
|
+
width: "100%",
|
|
139
|
+
aspectRatio: "16 / 9",
|
|
140
|
+
objectFit: "cover",
|
|
141
|
+
borderTopLeftRadius: 28,
|
|
142
|
+
borderTopRightRadius: 28,
|
|
143
|
+
borderBottomRightRadius: 28,
|
|
144
|
+
borderBottomLeftRadius: 28
|
|
145
|
+
}
|
|
146
|
+
}
|
|
147
|
+
) })
|
|
148
|
+
] }),
|
|
149
|
+
/* @__PURE__ */ t(
|
|
150
|
+
B,
|
|
151
|
+
{
|
|
152
|
+
spaceBetween: 24,
|
|
153
|
+
md: { spaceBetween: 40 },
|
|
154
|
+
sx: { marginTop: 24, paddingTop: 16, paddingBottom: 8 },
|
|
155
|
+
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" }) })
|
|
160
|
+
]
|
|
161
|
+
}
|
|
162
|
+
)
|
|
108
163
|
]
|
|
109
164
|
}
|
|
110
165
|
) })
|
|
111
166
|
}
|
|
112
167
|
]
|
|
113
|
-
},
|
|
168
|
+
}, H = {
|
|
114
169
|
name: "FAQs",
|
|
115
|
-
icon: { source:
|
|
170
|
+
icon: { source: h },
|
|
116
171
|
templates: [
|
|
117
172
|
{
|
|
118
|
-
template: /* @__PURE__ */ t(
|
|
173
|
+
template: /* @__PURE__ */ t(l, { children: [
|
|
119
174
|
/* @__PURE__ */ e(
|
|
120
175
|
s,
|
|
121
176
|
{
|
|
@@ -133,7 +188,7 @@ const c = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
|
|
|
133
188
|
}
|
|
134
189
|
),
|
|
135
190
|
/* @__PURE__ */ t(
|
|
136
|
-
|
|
191
|
+
f,
|
|
137
192
|
{
|
|
138
193
|
openMode: "single",
|
|
139
194
|
accordionSummaryProps: {
|
|
@@ -153,7 +208,7 @@ const c = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
|
|
|
153
208
|
expandIcon: {
|
|
154
209
|
position: "right",
|
|
155
210
|
source: {
|
|
156
|
-
expanded:
|
|
211
|
+
expanded: b,
|
|
157
212
|
collapsed: x
|
|
158
213
|
}
|
|
159
214
|
}
|
|
@@ -165,37 +220,329 @@ const c = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
|
|
|
165
220
|
}
|
|
166
221
|
},
|
|
167
222
|
children: [
|
|
168
|
-
/* @__PURE__ */ t(
|
|
169
|
-
/* @__PURE__ */ e(
|
|
170
|
-
/* @__PURE__ */ e(
|
|
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." }) })
|
|
171
226
|
] }),
|
|
172
|
-
/* @__PURE__ */ t(
|
|
173
|
-
/* @__PURE__ */ e(
|
|
174
|
-
/* @__PURE__ */ e(
|
|
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." }) })
|
|
175
230
|
] }),
|
|
176
|
-
/* @__PURE__ */ t(
|
|
177
|
-
/* @__PURE__ */ e(
|
|
178
|
-
/* @__PURE__ */ e(
|
|
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." }) })
|
|
179
234
|
] }),
|
|
180
|
-
/* @__PURE__ */ t(
|
|
181
|
-
/* @__PURE__ */ e(
|
|
182
|
-
/* @__PURE__ */ e(
|
|
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." }) })
|
|
183
238
|
] }),
|
|
184
|
-
/* @__PURE__ */ t(
|
|
185
|
-
/* @__PURE__ */ e(
|
|
186
|
-
/* @__PURE__ */ e(
|
|
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." }) })
|
|
187
242
|
] }),
|
|
188
|
-
/* @__PURE__ */ t(
|
|
189
|
-
/* @__PURE__ */ e(
|
|
190
|
-
/* @__PURE__ */ e(
|
|
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." }) })
|
|
191
246
|
] })
|
|
192
247
|
]
|
|
193
248
|
}
|
|
194
249
|
)
|
|
195
250
|
] })
|
|
251
|
+
},
|
|
252
|
+
{
|
|
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: [
|
|
255
|
+
/* @__PURE__ */ e(
|
|
256
|
+
i,
|
|
257
|
+
{
|
|
258
|
+
sizeVariant: "sm",
|
|
259
|
+
sx: { color: o("primary.600"), fontWeight: 600, textTransform: "uppercase" },
|
|
260
|
+
children: "Help Desk"
|
|
261
|
+
}
|
|
262
|
+
),
|
|
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" })
|
|
266
|
+
] }),
|
|
267
|
+
/* @__PURE__ */ e(n, { md: { colSpan: 8 }, children: /* @__PURE__ */ e(
|
|
268
|
+
g,
|
|
269
|
+
{
|
|
270
|
+
sx: {
|
|
271
|
+
backgroundColor: o("neutral.100"),
|
|
272
|
+
paddingTop: 12,
|
|
273
|
+
paddingRight: 12,
|
|
274
|
+
paddingBottom: 12,
|
|
275
|
+
paddingLeft: 12,
|
|
276
|
+
borderTopLeftRadius: 28,
|
|
277
|
+
borderTopRightRadius: 28,
|
|
278
|
+
borderBottomRightRadius: 28,
|
|
279
|
+
borderBottomLeftRadius: 28,
|
|
280
|
+
md: {
|
|
281
|
+
paddingTop: 24,
|
|
282
|
+
paddingRight: 24,
|
|
283
|
+
paddingBottom: 24,
|
|
284
|
+
paddingLeft: 24
|
|
285
|
+
}
|
|
286
|
+
},
|
|
287
|
+
children: /* @__PURE__ */ t(
|
|
288
|
+
f,
|
|
289
|
+
{
|
|
290
|
+
openMode: "single",
|
|
291
|
+
sx: { rowGap: 8 },
|
|
292
|
+
accordionSummaryProps: {
|
|
293
|
+
sx: {
|
|
294
|
+
paddingTop: 14,
|
|
295
|
+
paddingBottom: 14,
|
|
296
|
+
paddingLeft: 12,
|
|
297
|
+
paddingRight: 12,
|
|
298
|
+
md: {
|
|
299
|
+
paddingTop: 18,
|
|
300
|
+
paddingBottom: 18,
|
|
301
|
+
paddingLeft: 16,
|
|
302
|
+
paddingRight: 16
|
|
303
|
+
}
|
|
304
|
+
},
|
|
305
|
+
expandIcon: {
|
|
306
|
+
position: "right",
|
|
307
|
+
source: {
|
|
308
|
+
expanded: b,
|
|
309
|
+
collapsed: x
|
|
310
|
+
}
|
|
311
|
+
}
|
|
312
|
+
},
|
|
313
|
+
accordionContentProps: {
|
|
314
|
+
sx: {
|
|
315
|
+
paddingTop: 0,
|
|
316
|
+
paddingBottom: 16,
|
|
317
|
+
paddingLeft: 12,
|
|
318
|
+
paddingRight: 12
|
|
319
|
+
}
|
|
320
|
+
},
|
|
321
|
+
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." }) })
|
|
325
|
+
] }),
|
|
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." }) })
|
|
329
|
+
] }),
|
|
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." }) })
|
|
333
|
+
] })
|
|
334
|
+
]
|
|
335
|
+
}
|
|
336
|
+
)
|
|
337
|
+
}
|
|
338
|
+
) })
|
|
339
|
+
] }) })
|
|
340
|
+
},
|
|
341
|
+
{
|
|
342
|
+
template: /* @__PURE__ */ e(l, { children: /* @__PURE__ */ t(
|
|
343
|
+
g,
|
|
344
|
+
{
|
|
345
|
+
sx: {
|
|
346
|
+
backgroundColor: o("primary.100"),
|
|
347
|
+
paddingTop: 16,
|
|
348
|
+
paddingRight: 12,
|
|
349
|
+
paddingBottom: 16,
|
|
350
|
+
paddingLeft: 12,
|
|
351
|
+
borderTopLeftRadius: 32,
|
|
352
|
+
borderTopRightRadius: 32,
|
|
353
|
+
borderBottomRightRadius: 32,
|
|
354
|
+
borderBottomLeftRadius: 32,
|
|
355
|
+
md: {
|
|
356
|
+
paddingTop: 56,
|
|
357
|
+
paddingRight: 48,
|
|
358
|
+
paddingBottom: 56,
|
|
359
|
+
paddingLeft: 48
|
|
360
|
+
}
|
|
361
|
+
},
|
|
362
|
+
children: [
|
|
363
|
+
/* @__PURE__ */ e(s, { sizeVariant: "4xl", md: { sizeVariant: "5xl" }, sx: { textAlign: "center", fontWeight: 600 }, children: "Need-to-know before you order" }),
|
|
364
|
+
/* @__PURE__ */ e(
|
|
365
|
+
i,
|
|
366
|
+
{
|
|
367
|
+
sx: {
|
|
368
|
+
color: o("neutral.600"),
|
|
369
|
+
textAlign: "center",
|
|
370
|
+
marginTop: 16,
|
|
371
|
+
marginLeft: "auto",
|
|
372
|
+
marginRight: "auto",
|
|
373
|
+
md: { width: 640 }
|
|
374
|
+
},
|
|
375
|
+
children: "A compact FAQ card for product pages and campaign landings where shoppers need quick confidence."
|
|
376
|
+
}
|
|
377
|
+
),
|
|
378
|
+
/* @__PURE__ */ t(
|
|
379
|
+
f,
|
|
380
|
+
{
|
|
381
|
+
openMode: "multiple",
|
|
382
|
+
sx: { marginTop: 20, rowGap: 6, md: { marginTop: 32, rowGap: 12 } },
|
|
383
|
+
accordionSummaryProps: {
|
|
384
|
+
sx: {
|
|
385
|
+
paddingTop: 10,
|
|
386
|
+
paddingBottom: 10,
|
|
387
|
+
paddingLeft: 8,
|
|
388
|
+
paddingRight: 8,
|
|
389
|
+
md: {
|
|
390
|
+
paddingTop: 16,
|
|
391
|
+
paddingBottom: 16,
|
|
392
|
+
paddingLeft: 16,
|
|
393
|
+
paddingRight: 16
|
|
394
|
+
}
|
|
395
|
+
},
|
|
396
|
+
expandIcon: {
|
|
397
|
+
position: "right",
|
|
398
|
+
source: {
|
|
399
|
+
expanded: b,
|
|
400
|
+
collapsed: x
|
|
401
|
+
}
|
|
402
|
+
}
|
|
403
|
+
},
|
|
404
|
+
accordionContentProps: {
|
|
405
|
+
sx: {
|
|
406
|
+
paddingTop: 0,
|
|
407
|
+
paddingBottom: 10,
|
|
408
|
+
paddingLeft: 8,
|
|
409
|
+
paddingRight: 8,
|
|
410
|
+
md: {
|
|
411
|
+
paddingBottom: 16,
|
|
412
|
+
paddingLeft: 16,
|
|
413
|
+
paddingRight: 16
|
|
414
|
+
}
|
|
415
|
+
}
|
|
416
|
+
},
|
|
417
|
+
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." }) })
|
|
421
|
+
] }),
|
|
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." }) })
|
|
425
|
+
] }),
|
|
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." }) })
|
|
429
|
+
] })
|
|
430
|
+
]
|
|
431
|
+
}
|
|
432
|
+
)
|
|
433
|
+
]
|
|
434
|
+
}
|
|
435
|
+
) })
|
|
436
|
+
},
|
|
437
|
+
{
|
|
438
|
+
template: /* @__PURE__ */ e(
|
|
439
|
+
l,
|
|
440
|
+
{
|
|
441
|
+
sx: {
|
|
442
|
+
backgroundImage: "url(https://cdn.shopify.com/s/files/1/2005/9307/files/432750572815254551-fc38f909-2492-4367-8f30-f09c5de9caf3.png)",
|
|
443
|
+
backgroundSize: "cover",
|
|
444
|
+
backgroundPosition: "right bottom",
|
|
445
|
+
backgroundRepeat: "no-repeat",
|
|
446
|
+
paddingTop: 56,
|
|
447
|
+
paddingBottom: 56,
|
|
448
|
+
md: { paddingTop: 88, paddingBottom: 88 }
|
|
449
|
+
},
|
|
450
|
+
children: /* @__PURE__ */ e(c, { cols: 1, md: { cols: 12 }, sx: { alignItems: "center" }, children: /* @__PURE__ */ e(n, { md: { colSpan: 5 }, children: /* @__PURE__ */ t(
|
|
451
|
+
g,
|
|
452
|
+
{
|
|
453
|
+
sx: {
|
|
454
|
+
backgroundColor: "rgba(255, 255, 255, 0.86)",
|
|
455
|
+
paddingTop: 24,
|
|
456
|
+
paddingRight: 16,
|
|
457
|
+
paddingBottom: 24,
|
|
458
|
+
paddingLeft: 16,
|
|
459
|
+
md: {
|
|
460
|
+
paddingTop: 0,
|
|
461
|
+
paddingRight: 0,
|
|
462
|
+
paddingBottom: 0,
|
|
463
|
+
paddingLeft: 0
|
|
464
|
+
}
|
|
465
|
+
},
|
|
466
|
+
children: [
|
|
467
|
+
/* @__PURE__ */ e(
|
|
468
|
+
s,
|
|
469
|
+
{
|
|
470
|
+
sizeVariant: "2xl",
|
|
471
|
+
md: { sizeVariant: "3xl" },
|
|
472
|
+
sx: { color: "#74331f", fontWeight: 700, textTransform: "uppercase" },
|
|
473
|
+
children: "Frequently Asked Questions"
|
|
474
|
+
}
|
|
475
|
+
),
|
|
476
|
+
/* @__PURE__ */ t(
|
|
477
|
+
f,
|
|
478
|
+
{
|
|
479
|
+
openMode: "single",
|
|
480
|
+
sx: { marginTop: 28, rowGap: 16 },
|
|
481
|
+
accordionSummaryProps: {
|
|
482
|
+
sx: {
|
|
483
|
+
paddingTop: 14,
|
|
484
|
+
paddingBottom: 14,
|
|
485
|
+
paddingLeft: 10,
|
|
486
|
+
paddingRight: 10,
|
|
487
|
+
md: {
|
|
488
|
+
paddingTop: 18,
|
|
489
|
+
paddingBottom: 18,
|
|
490
|
+
paddingLeft: 12,
|
|
491
|
+
paddingRight: 12
|
|
492
|
+
}
|
|
493
|
+
},
|
|
494
|
+
expandIcon: {
|
|
495
|
+
position: "right",
|
|
496
|
+
source: {
|
|
497
|
+
expanded: b,
|
|
498
|
+
collapsed: x
|
|
499
|
+
}
|
|
500
|
+
}
|
|
501
|
+
},
|
|
502
|
+
accordionContentProps: {
|
|
503
|
+
sx: {
|
|
504
|
+
paddingTop: 0,
|
|
505
|
+
paddingBottom: 12,
|
|
506
|
+
paddingLeft: 10,
|
|
507
|
+
paddingRight: 10,
|
|
508
|
+
md: {
|
|
509
|
+
paddingLeft: 12,
|
|
510
|
+
paddingRight: 12
|
|
511
|
+
}
|
|
512
|
+
}
|
|
513
|
+
},
|
|
514
|
+
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." }) })
|
|
518
|
+
] }),
|
|
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." }) })
|
|
522
|
+
] }),
|
|
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." }) })
|
|
526
|
+
] }),
|
|
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." }) })
|
|
530
|
+
] }),
|
|
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." }) })
|
|
534
|
+
] })
|
|
535
|
+
]
|
|
536
|
+
}
|
|
537
|
+
)
|
|
538
|
+
]
|
|
539
|
+
}
|
|
540
|
+
) }) })
|
|
541
|
+
}
|
|
542
|
+
)
|
|
196
543
|
}
|
|
197
544
|
]
|
|
198
|
-
},
|
|
545
|
+
}, w = [
|
|
199
546
|
{
|
|
200
547
|
image: "https://ucarecdn.com/3c98ccba-611f-43aa-baee-8b70deaa56c4/-/format/auto/",
|
|
201
548
|
title: "24/7 Friendly Support"
|
|
@@ -212,12 +559,12 @@ const c = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
|
|
|
212
559
|
image: "https://ucarecdn.com/8a7a086c-1ef5-43a9-a036-daaf1f15a9f1/-/format/auto/",
|
|
213
560
|
title: "Secure Online Payment"
|
|
214
561
|
}
|
|
215
|
-
],
|
|
562
|
+
], D = {
|
|
216
563
|
name: "Guarantee",
|
|
217
|
-
icon: { source:
|
|
564
|
+
icon: { source: h },
|
|
218
565
|
templates: [
|
|
219
566
|
{
|
|
220
|
-
template: /* @__PURE__ */ t(
|
|
567
|
+
template: /* @__PURE__ */ t(l, { children: [
|
|
221
568
|
/* @__PURE__ */ t(
|
|
222
569
|
s,
|
|
223
570
|
{
|
|
@@ -242,7 +589,7 @@ const c = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
|
|
|
242
589
|
{
|
|
243
590
|
sizeVariant: "base",
|
|
244
591
|
sx: {
|
|
245
|
-
color:
|
|
592
|
+
color: o("neutral.500"),
|
|
246
593
|
textAlign: "center",
|
|
247
594
|
marginTop: 16,
|
|
248
595
|
md: {
|
|
@@ -253,7 +600,7 @@ const c = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
|
|
|
253
600
|
}
|
|
254
601
|
),
|
|
255
602
|
/* @__PURE__ */ e(
|
|
256
|
-
|
|
603
|
+
c,
|
|
257
604
|
{
|
|
258
605
|
sx: {
|
|
259
606
|
width: "100%",
|
|
@@ -269,16 +616,16 @@ const c = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
|
|
|
269
616
|
md: {
|
|
270
617
|
cols: 4
|
|
271
618
|
},
|
|
272
|
-
children:
|
|
619
|
+
children: w.map((m, R) => /* @__PURE__ */ t(n, { children: [
|
|
273
620
|
/* @__PURE__ */ e(
|
|
274
|
-
|
|
621
|
+
p,
|
|
275
622
|
{
|
|
276
623
|
sx: {
|
|
277
624
|
width: 80,
|
|
278
625
|
marginLeft: "auto",
|
|
279
626
|
marginRight: "auto"
|
|
280
627
|
},
|
|
281
|
-
src:
|
|
628
|
+
src: m.image
|
|
282
629
|
}
|
|
283
630
|
),
|
|
284
631
|
/* @__PURE__ */ e(
|
|
@@ -290,18 +637,535 @@ const c = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
|
|
|
290
637
|
marginTop: 16,
|
|
291
638
|
fontWeight: 500
|
|
292
639
|
},
|
|
293
|
-
children:
|
|
640
|
+
children: m.title
|
|
294
641
|
}
|
|
295
642
|
)
|
|
296
|
-
] },
|
|
643
|
+
] }, R))
|
|
297
644
|
}
|
|
298
645
|
)
|
|
299
646
|
] })
|
|
647
|
+
},
|
|
648
|
+
{
|
|
649
|
+
template: /* @__PURE__ */ e(
|
|
650
|
+
l,
|
|
651
|
+
{
|
|
652
|
+
sx: {
|
|
653
|
+
paddingTop: 32,
|
|
654
|
+
paddingBottom: 32,
|
|
655
|
+
md: {
|
|
656
|
+
paddingTop: 64,
|
|
657
|
+
paddingBottom: 64
|
|
658
|
+
}
|
|
659
|
+
},
|
|
660
|
+
children: /* @__PURE__ */ t(
|
|
661
|
+
c,
|
|
662
|
+
{
|
|
663
|
+
sx: {
|
|
664
|
+
rowGap: 32,
|
|
665
|
+
columnGap: 48,
|
|
666
|
+
md: {
|
|
667
|
+
alignItems: "center"
|
|
668
|
+
}
|
|
669
|
+
},
|
|
670
|
+
cols: 1,
|
|
671
|
+
md: { cols: 2 },
|
|
672
|
+
children: [
|
|
673
|
+
/* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(
|
|
674
|
+
p,
|
|
675
|
+
{
|
|
676
|
+
sx: {
|
|
677
|
+
width: "100%",
|
|
678
|
+
borderTopLeftRadius: 32,
|
|
679
|
+
borderTopRightRadius: 32,
|
|
680
|
+
borderBottomRightRadius: 32,
|
|
681
|
+
borderBottomLeftRadius: 32
|
|
682
|
+
},
|
|
683
|
+
src: "https://cdn.shopify.com/s/files/1/0959/8114/2305/files/img140.png"
|
|
684
|
+
}
|
|
685
|
+
) }),
|
|
686
|
+
/* @__PURE__ */ t(n, { children: [
|
|
687
|
+
/* @__PURE__ */ e(
|
|
688
|
+
i,
|
|
689
|
+
{
|
|
690
|
+
sizeVariant: "sm",
|
|
691
|
+
sx: {
|
|
692
|
+
color: o("primary.600"),
|
|
693
|
+
textAlign: "center",
|
|
694
|
+
fontWeight: 600,
|
|
695
|
+
textTransform: "uppercase",
|
|
696
|
+
md: {
|
|
697
|
+
textAlign: "left"
|
|
698
|
+
}
|
|
699
|
+
},
|
|
700
|
+
children: "Shop with confidence"
|
|
701
|
+
}
|
|
702
|
+
),
|
|
703
|
+
/* @__PURE__ */ e(
|
|
704
|
+
s,
|
|
705
|
+
{
|
|
706
|
+
sizeVariant: "4xl",
|
|
707
|
+
sx: {
|
|
708
|
+
textAlign: "center",
|
|
709
|
+
fontWeight: 600,
|
|
710
|
+
marginTop: 12,
|
|
711
|
+
md: {
|
|
712
|
+
textAlign: "left"
|
|
713
|
+
}
|
|
714
|
+
},
|
|
715
|
+
md: { sizeVariant: "5xl" },
|
|
716
|
+
children: "Premium care from checkout to your doorstep"
|
|
717
|
+
}
|
|
718
|
+
),
|
|
719
|
+
/* @__PURE__ */ e(
|
|
720
|
+
i,
|
|
721
|
+
{
|
|
722
|
+
sizeVariant: "base",
|
|
723
|
+
sx: {
|
|
724
|
+
color: o("neutral.500"),
|
|
725
|
+
textAlign: "center",
|
|
726
|
+
marginTop: 20,
|
|
727
|
+
md: {
|
|
728
|
+
textAlign: "left"
|
|
729
|
+
}
|
|
730
|
+
},
|
|
731
|
+
children: "Every order is protected by responsive support, secure payments, and quality checks before shipping."
|
|
732
|
+
}
|
|
733
|
+
),
|
|
734
|
+
/* @__PURE__ */ t(c, { sx: { marginTop: 32, rowGap: 20, columnGap: 20 }, cols: 1, sm: { cols: 2 }, children: [
|
|
735
|
+
/* @__PURE__ */ t(n, { children: [
|
|
736
|
+
/* @__PURE__ */ e(
|
|
737
|
+
s,
|
|
738
|
+
{
|
|
739
|
+
sizeVariant: "3xl",
|
|
740
|
+
sx: { textAlign: "center", fontWeight: 600, md: { textAlign: "left" } },
|
|
741
|
+
children: "24/7"
|
|
742
|
+
}
|
|
743
|
+
),
|
|
744
|
+
/* @__PURE__ */ e(
|
|
745
|
+
i,
|
|
746
|
+
{
|
|
747
|
+
sx: { color: o("neutral.500"), textAlign: "center", md: { textAlign: "left" } },
|
|
748
|
+
children: "Friendly support team"
|
|
749
|
+
}
|
|
750
|
+
)
|
|
751
|
+
] }),
|
|
752
|
+
/* @__PURE__ */ t(n, { children: [
|
|
753
|
+
/* @__PURE__ */ e(
|
|
754
|
+
s,
|
|
755
|
+
{
|
|
756
|
+
sizeVariant: "3xl",
|
|
757
|
+
sx: { textAlign: "center", fontWeight: 600, md: { textAlign: "left" } },
|
|
758
|
+
children: "100%"
|
|
759
|
+
}
|
|
760
|
+
),
|
|
761
|
+
/* @__PURE__ */ e(
|
|
762
|
+
i,
|
|
763
|
+
{
|
|
764
|
+
sx: { color: o("neutral.500"), textAlign: "center", md: { textAlign: "left" } },
|
|
765
|
+
children: "Secure online payment"
|
|
766
|
+
}
|
|
767
|
+
)
|
|
768
|
+
] })
|
|
769
|
+
] }),
|
|
770
|
+
/* @__PURE__ */ e(T, { sx: { width: "100%", marginTop: 32, md: { width: 180 } }, children: "Explore Now" })
|
|
771
|
+
] })
|
|
772
|
+
]
|
|
773
|
+
}
|
|
774
|
+
)
|
|
775
|
+
}
|
|
776
|
+
)
|
|
777
|
+
},
|
|
778
|
+
{
|
|
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" }),
|
|
782
|
+
/* @__PURE__ */ e(
|
|
783
|
+
i,
|
|
784
|
+
{
|
|
785
|
+
sx: {
|
|
786
|
+
color: o("neutral.500"),
|
|
787
|
+
textAlign: "center",
|
|
788
|
+
marginTop: 16,
|
|
789
|
+
md: { textAlign: "left" }
|
|
790
|
+
},
|
|
791
|
+
children: "Keep the reassurance visible with a compact guarantee block that adapts from mobile stack to desktop grid."
|
|
792
|
+
}
|
|
793
|
+
)
|
|
794
|
+
] }),
|
|
795
|
+
/* @__PURE__ */ t(
|
|
796
|
+
n,
|
|
797
|
+
{
|
|
798
|
+
sx: {
|
|
799
|
+
backgroundColor: o("neutral.100"),
|
|
800
|
+
paddingTop: 28,
|
|
801
|
+
paddingRight: 24,
|
|
802
|
+
paddingBottom: 28,
|
|
803
|
+
paddingLeft: 24,
|
|
804
|
+
borderTopLeftRadius: 28,
|
|
805
|
+
borderTopRightRadius: 28,
|
|
806
|
+
borderBottomRightRadius: 28,
|
|
807
|
+
borderBottomLeftRadius: 28
|
|
808
|
+
},
|
|
809
|
+
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." })
|
|
813
|
+
]
|
|
814
|
+
}
|
|
815
|
+
),
|
|
816
|
+
/* @__PURE__ */ t(
|
|
817
|
+
n,
|
|
818
|
+
{
|
|
819
|
+
sx: {
|
|
820
|
+
backgroundColor: o("primary.100"),
|
|
821
|
+
paddingTop: 28,
|
|
822
|
+
paddingRight: 24,
|
|
823
|
+
paddingBottom: 28,
|
|
824
|
+
paddingLeft: 24,
|
|
825
|
+
borderTopLeftRadius: 28,
|
|
826
|
+
borderTopRightRadius: 28,
|
|
827
|
+
borderBottomRightRadius: 28,
|
|
828
|
+
borderBottomLeftRadius: 28
|
|
829
|
+
},
|
|
830
|
+
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." })
|
|
834
|
+
]
|
|
835
|
+
}
|
|
836
|
+
)
|
|
837
|
+
] }) })
|
|
838
|
+
}
|
|
839
|
+
]
|
|
840
|
+
}, Q = {
|
|
841
|
+
name: "Brand Story",
|
|
842
|
+
icon: { source: h },
|
|
843
|
+
templates: [
|
|
844
|
+
{
|
|
845
|
+
template: /* @__PURE__ */ e(
|
|
846
|
+
l,
|
|
847
|
+
{
|
|
848
|
+
sx: {
|
|
849
|
+
backgroundColor: "#faf5ef",
|
|
850
|
+
paddingTop: 40,
|
|
851
|
+
paddingBottom: 40,
|
|
852
|
+
paddingLeft: 16,
|
|
853
|
+
paddingRight: 16,
|
|
854
|
+
md: {
|
|
855
|
+
paddingTop: 64,
|
|
856
|
+
paddingBottom: 64,
|
|
857
|
+
paddingLeft: 48,
|
|
858
|
+
paddingRight: 48
|
|
859
|
+
}
|
|
860
|
+
},
|
|
861
|
+
children: /* @__PURE__ */ t(
|
|
862
|
+
c,
|
|
863
|
+
{
|
|
864
|
+
cols: 1,
|
|
865
|
+
md: { cols: 12 },
|
|
866
|
+
sx: {
|
|
867
|
+
rowGap: 32,
|
|
868
|
+
columnGap: 32,
|
|
869
|
+
alignItems: "center",
|
|
870
|
+
md: {
|
|
871
|
+
rowGap: 0,
|
|
872
|
+
columnGap: 40
|
|
873
|
+
}
|
|
874
|
+
},
|
|
875
|
+
children: [
|
|
876
|
+
/* @__PURE__ */ e(
|
|
877
|
+
n,
|
|
878
|
+
{
|
|
879
|
+
hidden: !0,
|
|
880
|
+
sm: { hidden: !0 },
|
|
881
|
+
md: { colSpan: 3 },
|
|
882
|
+
sx: {
|
|
883
|
+
md: {
|
|
884
|
+
paddingTop: 120
|
|
885
|
+
}
|
|
886
|
+
},
|
|
887
|
+
children: /* @__PURE__ */ e(
|
|
888
|
+
p,
|
|
889
|
+
{
|
|
890
|
+
src: "https://cdn.shopify.com/s/files/1/2005/9307/files/432750572815254551-1b13c10f-dc7c-494a-9dbb-ce3dd680f887.png",
|
|
891
|
+
alt: "Product",
|
|
892
|
+
sx: {
|
|
893
|
+
width: "100%",
|
|
894
|
+
objectFit: "cover",
|
|
895
|
+
borderTopLeftRadius: 12,
|
|
896
|
+
borderTopRightRadius: 12,
|
|
897
|
+
borderBottomRightRadius: 12,
|
|
898
|
+
borderBottomLeftRadius: 12
|
|
899
|
+
}
|
|
900
|
+
}
|
|
901
|
+
)
|
|
902
|
+
}
|
|
903
|
+
),
|
|
904
|
+
/* @__PURE__ */ e(n, { md: { colSpan: 4 }, children: /* @__PURE__ */ e(
|
|
905
|
+
p,
|
|
906
|
+
{
|
|
907
|
+
src: "https://cdn.shopify.com/s/files/1/2005/9307/files/432750572815254551-9a302469-3a91-4a94-bf0b-564f2486a9f9.png",
|
|
908
|
+
alt: "Brand founder",
|
|
909
|
+
sx: {
|
|
910
|
+
width: "100%",
|
|
911
|
+
objectFit: "cover",
|
|
912
|
+
borderTopLeftRadius: 12,
|
|
913
|
+
borderTopRightRadius: 12,
|
|
914
|
+
borderBottomRightRadius: 12,
|
|
915
|
+
borderBottomLeftRadius: 12
|
|
916
|
+
}
|
|
917
|
+
}
|
|
918
|
+
) }),
|
|
919
|
+
/* @__PURE__ */ t(n, { md: { colSpan: 5 }, children: [
|
|
920
|
+
/* @__PURE__ */ e(
|
|
921
|
+
s,
|
|
922
|
+
{
|
|
923
|
+
as: "h2",
|
|
924
|
+
sizeVariant: "3xl",
|
|
925
|
+
md: { sizeVariant: "4xl" },
|
|
926
|
+
sx: {
|
|
927
|
+
fontWeight: 600,
|
|
928
|
+
color: "#1a1a1a"
|
|
929
|
+
},
|
|
930
|
+
children: "Lorem ipsum dolor sit amet"
|
|
931
|
+
}
|
|
932
|
+
),
|
|
933
|
+
/* @__PURE__ */ e(
|
|
934
|
+
i,
|
|
935
|
+
{
|
|
936
|
+
sizeVariant: "base",
|
|
937
|
+
sx: {
|
|
938
|
+
color: "#4a4a4a",
|
|
939
|
+
marginTop: 20,
|
|
940
|
+
md: {
|
|
941
|
+
marginTop: 24
|
|
942
|
+
}
|
|
943
|
+
},
|
|
944
|
+
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 ullamco laboris nisi ut aliquip ex ea commodo consequat."
|
|
945
|
+
}
|
|
946
|
+
),
|
|
947
|
+
/* @__PURE__ */ e(
|
|
948
|
+
i,
|
|
949
|
+
{
|
|
950
|
+
sizeVariant: "base",
|
|
951
|
+
sx: {
|
|
952
|
+
color: "#4a4a4a",
|
|
953
|
+
marginTop: 20,
|
|
954
|
+
md: {
|
|
955
|
+
marginTop: 24
|
|
956
|
+
}
|
|
957
|
+
},
|
|
958
|
+
children: 'Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."'
|
|
959
|
+
}
|
|
960
|
+
),
|
|
961
|
+
/* @__PURE__ */ e(
|
|
962
|
+
p,
|
|
963
|
+
{
|
|
964
|
+
src: "https://cdn.shopify.com/s/files/1/2005/9307/files/432750572815254551-0fae58d0-dd31-4973-9cea-5cc6bfd8276a.png",
|
|
965
|
+
alt: "Signature",
|
|
966
|
+
sx: {
|
|
967
|
+
width: 140,
|
|
968
|
+
marginTop: 28,
|
|
969
|
+
md: {
|
|
970
|
+
width: 160,
|
|
971
|
+
marginTop: 36
|
|
972
|
+
}
|
|
973
|
+
}
|
|
974
|
+
}
|
|
975
|
+
),
|
|
976
|
+
/* @__PURE__ */ e(
|
|
977
|
+
i,
|
|
978
|
+
{
|
|
979
|
+
sizeVariant: "base",
|
|
980
|
+
sx: {
|
|
981
|
+
color: "#1a1a1a",
|
|
982
|
+
marginTop: 12,
|
|
983
|
+
fontWeight: 500
|
|
984
|
+
},
|
|
985
|
+
children: "Lorem ipsum dolor sit amet"
|
|
986
|
+
}
|
|
987
|
+
)
|
|
988
|
+
] })
|
|
989
|
+
]
|
|
990
|
+
}
|
|
991
|
+
)
|
|
992
|
+
}
|
|
993
|
+
)
|
|
994
|
+
}
|
|
995
|
+
]
|
|
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 = {
|
|
1001
|
+
name: "About",
|
|
1002
|
+
icon: { source: h },
|
|
1003
|
+
templates: [
|
|
1004
|
+
{
|
|
1005
|
+
template: /* @__PURE__ */ e(
|
|
1006
|
+
l,
|
|
1007
|
+
{
|
|
1008
|
+
sx: {
|
|
1009
|
+
paddingTop: 40,
|
|
1010
|
+
paddingBottom: 40,
|
|
1011
|
+
paddingLeft: 16,
|
|
1012
|
+
paddingRight: 16,
|
|
1013
|
+
md: {
|
|
1014
|
+
paddingTop: 64,
|
|
1015
|
+
paddingBottom: 64,
|
|
1016
|
+
paddingLeft: 48,
|
|
1017
|
+
paddingRight: 48
|
|
1018
|
+
}
|
|
1019
|
+
},
|
|
1020
|
+
children: /* @__PURE__ */ t(
|
|
1021
|
+
c,
|
|
1022
|
+
{
|
|
1023
|
+
cols: 1,
|
|
1024
|
+
md: { cols: 2 },
|
|
1025
|
+
sx: {
|
|
1026
|
+
rowGap: 32,
|
|
1027
|
+
columnGap: 48,
|
|
1028
|
+
alignItems: "center",
|
|
1029
|
+
md: {
|
|
1030
|
+
columnGap: 64
|
|
1031
|
+
}
|
|
1032
|
+
},
|
|
1033
|
+
children: [
|
|
1034
|
+
/* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(
|
|
1035
|
+
p,
|
|
1036
|
+
{
|
|
1037
|
+
src: "https://cdn.shopify.com/s/files/1/2005/9307/files/Frame_45283_1.webp",
|
|
1038
|
+
alt: "About us",
|
|
1039
|
+
sx: {
|
|
1040
|
+
width: "100%",
|
|
1041
|
+
objectFit: "cover",
|
|
1042
|
+
borderTopLeftRadius: 24,
|
|
1043
|
+
borderTopRightRadius: 24,
|
|
1044
|
+
borderBottomRightRadius: 24,
|
|
1045
|
+
borderBottomLeftRadius: 24
|
|
1046
|
+
}
|
|
1047
|
+
}
|
|
1048
|
+
) }),
|
|
1049
|
+
/* @__PURE__ */ t(n, { children: [
|
|
1050
|
+
/* @__PURE__ */ e(
|
|
1051
|
+
i,
|
|
1052
|
+
{
|
|
1053
|
+
sizeVariant: "sm",
|
|
1054
|
+
sx: {
|
|
1055
|
+
color: o("primary.600"),
|
|
1056
|
+
fontWeight: 600,
|
|
1057
|
+
textTransform: "uppercase"
|
|
1058
|
+
},
|
|
1059
|
+
children: "About Us"
|
|
1060
|
+
}
|
|
1061
|
+
),
|
|
1062
|
+
/* @__PURE__ */ e(
|
|
1063
|
+
s,
|
|
1064
|
+
{
|
|
1065
|
+
as: "h2",
|
|
1066
|
+
sizeVariant: "3xl",
|
|
1067
|
+
md: { sizeVariant: "4xl" },
|
|
1068
|
+
sx: {
|
|
1069
|
+
fontWeight: 700,
|
|
1070
|
+
marginTop: 12
|
|
1071
|
+
},
|
|
1072
|
+
children: "We help to bring your dream home to reality"
|
|
1073
|
+
}
|
|
1074
|
+
),
|
|
1075
|
+
/* @__PURE__ */ e(
|
|
1076
|
+
i,
|
|
1077
|
+
{
|
|
1078
|
+
sizeVariant: "base",
|
|
1079
|
+
sx: {
|
|
1080
|
+
color: o("neutral.600"),
|
|
1081
|
+
marginTop: 16,
|
|
1082
|
+
md: { marginTop: 20 }
|
|
1083
|
+
},
|
|
1084
|
+
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 ullamco laboris."
|
|
1085
|
+
}
|
|
1086
|
+
),
|
|
1087
|
+
/* @__PURE__ */ e(
|
|
1088
|
+
c,
|
|
1089
|
+
{
|
|
1090
|
+
cols: 1,
|
|
1091
|
+
sm: { cols: 3 },
|
|
1092
|
+
sx: {
|
|
1093
|
+
rowGap: 20,
|
|
1094
|
+
columnGap: 20,
|
|
1095
|
+
marginTop: 28,
|
|
1096
|
+
md: { marginTop: 36 }
|
|
1097
|
+
},
|
|
1098
|
+
children: A.map((m, R) => /* @__PURE__ */ e(n, { children: /* @__PURE__ */ t(
|
|
1099
|
+
g,
|
|
1100
|
+
{
|
|
1101
|
+
sx: {
|
|
1102
|
+
backgroundColor: o("neutral.100"),
|
|
1103
|
+
paddingTop: 20,
|
|
1104
|
+
paddingBottom: 20,
|
|
1105
|
+
paddingLeft: 16,
|
|
1106
|
+
paddingRight: 16,
|
|
1107
|
+
borderTopLeftRadius: 16,
|
|
1108
|
+
borderTopRightRadius: 16,
|
|
1109
|
+
borderBottomRightRadius: 16,
|
|
1110
|
+
borderBottomLeftRadius: 16,
|
|
1111
|
+
textAlign: "center"
|
|
1112
|
+
},
|
|
1113
|
+
children: [
|
|
1114
|
+
/* @__PURE__ */ e(
|
|
1115
|
+
p,
|
|
1116
|
+
{
|
|
1117
|
+
src: m.icon,
|
|
1118
|
+
sx: {
|
|
1119
|
+
width: 48,
|
|
1120
|
+
height: 48,
|
|
1121
|
+
objectFit: "contain",
|
|
1122
|
+
marginLeft: "auto",
|
|
1123
|
+
marginRight: "auto"
|
|
1124
|
+
}
|
|
1125
|
+
}
|
|
1126
|
+
),
|
|
1127
|
+
/* @__PURE__ */ e(
|
|
1128
|
+
s,
|
|
1129
|
+
{
|
|
1130
|
+
as: "div",
|
|
1131
|
+
sizeVariant: "3xl",
|
|
1132
|
+
sx: {
|
|
1133
|
+
fontWeight: 700,
|
|
1134
|
+
color: o("neutral.600"),
|
|
1135
|
+
marginTop: 8
|
|
1136
|
+
},
|
|
1137
|
+
children: m.value
|
|
1138
|
+
}
|
|
1139
|
+
),
|
|
1140
|
+
/* @__PURE__ */ e(
|
|
1141
|
+
i,
|
|
1142
|
+
{
|
|
1143
|
+
sizeVariant: "sm",
|
|
1144
|
+
sx: {
|
|
1145
|
+
color: o("neutral.500"),
|
|
1146
|
+
marginTop: 4
|
|
1147
|
+
},
|
|
1148
|
+
children: m.label
|
|
1149
|
+
}
|
|
1150
|
+
)
|
|
1151
|
+
]
|
|
1152
|
+
}
|
|
1153
|
+
) }, R))
|
|
1154
|
+
}
|
|
1155
|
+
)
|
|
1156
|
+
] })
|
|
1157
|
+
]
|
|
1158
|
+
}
|
|
1159
|
+
)
|
|
1160
|
+
}
|
|
1161
|
+
)
|
|
300
1162
|
}
|
|
301
1163
|
]
|
|
302
1164
|
};
|
|
303
1165
|
export {
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
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
|
|
307
1171
|
};
|