@levo-so/blocks 0.1.101 → 0.1.103
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/package.json +24 -23
- package/src/blocks/about-us/about-us-1.schema.ts +302 -295
- package/src/blocks/about-us/about-us-2.schema.ts +225 -220
- package/src/blocks/blogs/blog-author-1.schema.ts +719 -0
- package/src/blocks/blogs/blog-author-1.tsx +121 -0
- package/src/blocks/blogs/blog-listing-1.tsx +111 -33
- package/src/blocks/blogs/blog-listing-2.schema.ts +15 -33
- package/src/blocks/blogs/blog-listing-2.tsx +118 -33
- package/src/blocks/blogs/blog-listing-3.schema.ts +10 -22
- package/src/blocks/blogs/blog-listing-3.tsx +118 -33
- package/src/blocks/blogs/blog-post-1.schema.ts +766 -16
- package/src/blocks/blogs/blog-post-1.tsx +272 -39
- package/src/blocks/calendar/calendar-1.schema.ts +641 -192
- package/src/blocks/calendar/calendar-1.tsx +1 -0
- package/src/blocks/cards/cards-10.schema.ts +557 -544
- package/src/blocks/cards/cards-11.schema.ts +525 -419
- package/src/blocks/cards/cards-12.schema.ts +538 -147
- package/src/blocks/cards/cards-13.schema.ts +482 -312
- package/src/blocks/cards/cards-14.schema.ts +423 -196
- package/src/blocks/cards/cards-15.schema.ts +309 -143
- package/src/blocks/cards/cards-16.schema.ts +1277 -175
- package/src/blocks/cards/cards-17.schema.ts +2908 -1303
- package/src/blocks/cards/cards-18.schema.ts +1404 -217
- package/src/blocks/cards/cards-19.schema.ts +1105 -1084
- package/src/blocks/cards/cards-19.tsx +4 -5
- package/src/blocks/cards/cards-2.schema.ts +513 -42
- package/src/blocks/cards/cards-20.schema.ts +790 -212
- package/src/blocks/cards/cards-21.schema.ts +1215 -229
- package/src/blocks/cards/cards-21.tsx +51 -6
- package/src/blocks/cards/cards-22.schema.ts +1252 -2809
- package/src/blocks/cards/cards-22.tsx +6 -7
- package/src/blocks/cards/cards-23.schema.ts +571 -109
- package/src/blocks/cards/cards-3.schema.ts +355 -116
- package/src/blocks/cards/cards-4.schema.ts +805 -321
- package/src/blocks/cards/cards-5.schema.ts +216 -64
- package/src/blocks/cards/cards-6.schema.ts +568 -1330
- package/src/blocks/cards/cards-7.schema.ts +1181 -1378
- package/src/blocks/cards/cards-8.schema.ts +585 -221
- package/src/blocks/cards/cards-9.schema.ts +763 -382
- package/src/blocks/carousel/carousel-1.schema.ts +257 -502
- package/src/blocks/carousel/carousel-1.tsx +2 -2
- package/src/blocks/carousel/carousel-2.schema.ts +771 -761
- package/src/blocks/community/community-1.schema.ts +8 -23
- package/src/blocks/community/community-1.tsx +3 -3
- package/src/blocks/community/community-post-1.tsx +4 -4
- package/src/blocks/contact-us/contact-us-1.schema.ts +360 -14
- package/src/blocks/contact-us/contact-us-2.schema.ts +441 -325
- package/src/blocks/content/content-1.schema.ts +800 -381
- package/src/blocks/content/content-10.schema.ts +763 -20
- package/src/blocks/content/content-2.schema.ts +426 -52
- package/src/blocks/content/content-3.schema.ts +631 -432
- package/src/blocks/content/content-4.schema.ts +378 -123
- package/src/blocks/content/content-5.schema.ts +1152 -682
- package/src/blocks/content/content-6.schema.ts +679 -707
- package/src/blocks/content/content-7.schema.ts +694 -291
- package/src/blocks/content/content-8.schema.ts +247 -7
- package/src/blocks/content/content-9.schema.ts +855 -116
- package/src/blocks/cta/cta-1.schema.ts +294 -62
- package/src/blocks/cta/cta-2.schema.ts +302 -66
- package/src/blocks/cta/cta-2.tsx +1 -2
- package/src/blocks/cta/cta-3.schema.ts +312 -62
- package/src/blocks/ecommerce/ecommerce-1.schema.ts +477 -0
- package/src/blocks/ecommerce/ecommerce-1.tsx +243 -0
- package/src/blocks/ecommerce/ecommerce-2.schema.ts +268 -0
- package/src/blocks/ecommerce/ecommerce-2.tsx +238 -0
- package/src/blocks/ecommerce/ecommerce-3.schema.ts +56 -0
- package/src/blocks/ecommerce/ecommerce-3.tsx +72 -0
- package/src/blocks/ecommerce/ecommerce-4.schema.ts +461 -0
- package/src/blocks/ecommerce/ecommerce-4.tsx +249 -0
- package/src/blocks/ecommerce/ecommerce-5.schema.ts +230 -0
- package/src/blocks/ecommerce/ecommerce-5.tsx +146 -0
- package/src/blocks/embed/embed-1.schema.ts +181 -0
- package/src/blocks/event/event-listing-2.schema.ts +5 -11
- package/src/blocks/event/event-listing-3.schema.ts +5 -11
- package/src/blocks/event/event-listing-4.schema.ts +5 -11
- package/src/blocks/event/event-listing.schema.ts +5 -11
- package/src/blocks/faq/faq-1.schema.ts +439 -260
- package/src/blocks/faq/faq-2.schema.ts +444 -266
- package/src/blocks/faq/faq-3.schema.ts +1420 -224
- package/src/blocks/features/features-1/features-1.schema.ts +21 -21
- package/src/blocks/features/features-1/variants/default.ts +120 -138
- package/src/blocks/features/features-1/variants/index.ts +2 -2
- package/src/blocks/features/features-1/variants/minimal-list.ts +139 -0
- package/src/blocks/features/features-1/variants/stylized-cards-v1.ts +69 -385
- package/src/blocks/features/features-1/variants/stylized-cards-v2.ts +74 -408
- package/src/blocks/features/features-2.schema.ts +368 -286
- package/src/blocks/features/features-3.schema.ts +557 -280
- package/src/blocks/features/features-4.schema.ts +940 -432
- package/src/blocks/features/features-5.schema.ts +566 -407
- package/src/blocks/features/features-6.schema.ts +557 -523
- package/src/blocks/filter-listing/filter-listing-1.schema.ts +922 -270
- package/src/blocks/floating-buttons/floating-button-1.schema.ts +123 -0
- package/src/blocks/footer/footer-1.schema.ts +383 -401
- package/src/blocks/footer/footer-2.schema.ts +337 -878
- package/src/blocks/footer/footer-3.schema.ts +445 -381
- package/src/blocks/footer/footer-4.schema.ts +610 -439
- package/src/blocks/footer/footer-5.schema.ts +367 -321
- package/src/blocks/footer/footer-6.schema.ts +610 -357
- package/src/blocks/form/form-1.schema.ts +237 -0
- package/src/blocks/hero/hero-1.schema.ts +251 -221
- package/src/blocks/hero/hero-10.schema.ts +23 -14
- package/src/blocks/hero/hero-11.schema.ts +728 -601
- package/src/blocks/hero/hero-12.schema.ts +524 -334
- package/src/blocks/hero/hero-13.schema.ts +83 -95
- package/src/blocks/hero/hero-2.schema.ts +277 -68
- package/src/blocks/hero/hero-3.schema.ts +371 -235
- package/src/blocks/hero/hero-3.tsx +1 -1
- package/src/blocks/hero/hero-4.schema.ts +605 -338
- package/src/blocks/hero/hero-5.schema.ts +545 -61
- package/src/blocks/hero/hero-6.schema.ts +446 -257
- package/src/blocks/hero/hero-6.tsx +1 -1
- package/src/blocks/hero/hero-7.schema.ts +1299 -131
- package/src/blocks/hero/hero-7.tsx +43 -23
- package/src/blocks/hero/hero-8.schema.ts +736 -236
- package/src/blocks/hero/hero-9.schema.ts +908 -58
- package/src/blocks/index.ts +14 -2
- package/src/blocks/jobs/jobs-1.schema.ts +741 -219
- package/src/blocks/logos/logos-1.schema.ts +317 -321
- package/src/blocks/logos/logos-1.tsx +32 -19
- package/src/blocks/logos/logos-2.schema.ts +223 -0
- package/src/blocks/logos/logos-2.tsx +55 -0
- package/src/blocks/navbar/navbar-1.schema.ts +319 -186
- package/src/blocks/navbar/navbar-3.schema.ts +618 -570
- package/src/blocks/navbar/navbar-3.tsx +3 -2
- package/src/blocks/navbar/navbar-4.schema.ts +731 -1234
- package/src/blocks/navbar/navbar-4.tsx +1 -6
- package/src/blocks/polling/polling-1.schema.ts +161 -0
- package/src/blocks/pricing/pricing-1.schema.ts +549 -626
- package/src/blocks/products/products-listing-1.schema.ts +363 -249
- package/src/blocks/products/products-listing-2.schema.ts +515 -257
- package/src/blocks/products/products-listing-3.schema.ts +790 -839
- package/src/blocks/products/products-listing-3.tsx +86 -84
- package/src/blocks/profile/profile-1.schema.ts +168 -187
- package/src/blocks/profile/profile-2.schema.ts +150 -122
- package/src/blocks/profile/profile-3.schema.ts +307 -256
- package/src/blocks/profile/profile-4.schema.ts +372 -504
- package/src/blocks/profile/profile-5.schema.ts +186 -79
- package/src/blocks/services/service-1.schema.ts +700 -631
- package/src/blocks/services/service-2.schema.ts +559 -82
- package/src/blocks/services/service-2.tsx +5 -6
- package/src/blocks/services/service-3.schema.ts +592 -207
- package/src/blocks/services/service-3.tsx +10 -2
- package/src/blocks/stats/stats-1.schema.ts +347 -257
- package/src/blocks/stats/stats-2.schema.ts +14 -2
- package/src/blocks/stats/variants/default.ts +14 -37
- package/src/blocks/stats/variants/extra.ts +232 -0
- package/src/blocks/stats/variants/hero.ts +1 -30
- package/src/blocks/stats/variants/index.ts +13 -1
- package/src/blocks/tabs/tab-1.schema.ts +1361 -214
- package/src/blocks/tabs/tab-2.schema.ts +984 -390
- package/src/blocks/tabs/tab-3.schema.ts +961 -95
- package/src/blocks/team/team-1.schema.ts +681 -564
- package/src/blocks/team/team-2.schema.ts +589 -935
- package/src/blocks/team/team-3.schema.ts +375 -284
- package/src/blocks/team/team-4.schema.ts +569 -355
- package/src/blocks/team/team-5.schema.ts +307 -111
- package/src/blocks/testimonial/testimonial-1.schema.ts +605 -706
- package/src/blocks/testimonial/testimonial-2.schema.ts +825 -1099
- package/src/blocks/testimonial/testimonial-3.schema.ts +580 -235
- package/src/blocks/testimonial/testimonial-4.schema.ts +1326 -1779
- package/src/blocks/testimonial/testimonial-5/variants/default.ts +179 -328
- package/src/blocks/testimonial/testimonial-5/variants/index.ts +9 -1
- package/src/blocks/testimonial/testimonial-5/variants/testimonialCentered.ts +194 -0
- package/src/blocks/testimonial/testimonial-5/variants/testimonialCompact.ts +188 -0
- package/src/blocks/testimonial/testimonial-5/variants/testimonialWithLogo.ts +275 -396
- package/src/blocks/testimonial/testimonial-5/variants/testimonialWithRatings.ts +254 -602
- package/src/blocks/testimonial/testimonial-5.schema.ts +6 -2
- package/src/blocks/testimonial/testimonial-6.schema.ts +962 -1234
- package/src/blocks/testimonial/testimonial-7.schema.ts +515 -233
- package/src/blocks/timeline/timeline-1.schema.ts +382 -140
- package/src/blocks/users/edit-profile.schema.ts +2 -8
- package/src/blocks/users/edit-profile.tsx +2 -3
- package/src/schemas/blocks.ts +14 -2
- package/src/schemas/categories.ts +6 -0
- package/src/blocks/features/features-1/variants/stylized-cards-v3.ts +0 -268
- package/src/blocks/navbar/navbar-2.schema.ts +0 -1134
- package/src/blocks/navbar/navbar-2.tsx +0 -381
|
@@ -1,141 +1,148 @@
|
|
|
1
1
|
import type { IBlock } from "@levo-so/studio";
|
|
2
2
|
|
|
3
|
-
const
|
|
4
|
-
id: "
|
|
5
|
-
filename: "product-listing-2-1.jpg",
|
|
3
|
+
const IMG_1 = {
|
|
4
|
+
id: "7453455593728034312",
|
|
6
5
|
kind: "image",
|
|
7
|
-
location: "https://
|
|
6
|
+
location: "https://images.pexels.com/photos/17235420/pexels-photo-17235420.jpeg",
|
|
7
|
+
mimetype: "image/jpeg",
|
|
8
8
|
srcset: {
|
|
9
|
-
"
|
|
10
|
-
|
|
11
|
-
"
|
|
12
|
-
|
|
13
|
-
"
|
|
14
|
-
|
|
15
|
-
"828w":
|
|
16
|
-
|
|
9
|
+
"320w":
|
|
10
|
+
"https://images.pexels.com/photos/17235420/pexels-photo-17235420.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
|
|
11
|
+
"640w":
|
|
12
|
+
"https://images.pexels.com/photos/17235420/pexels-photo-17235420.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
|
|
13
|
+
"750w":
|
|
14
|
+
"https://images.pexels.com/photos/17235420/pexels-photo-17235420.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
|
|
15
|
+
"828w":
|
|
16
|
+
"https://images.pexels.com/photos/17235420/pexels-photo-17235420.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
|
|
17
|
+
"1080w":
|
|
18
|
+
"https://images.pexels.com/photos/17235420/pexels-photo-17235420.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
|
|
19
|
+
"1200w":
|
|
20
|
+
"https://images.pexels.com/photos/17235420/pexels-photo-17235420.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
|
|
21
|
+
"1920w":
|
|
22
|
+
"https://images.pexels.com/photos/17235420/pexels-photo-17235420.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
|
|
23
|
+
path: "https://images.pexels.com/photos/17235420/pexels-photo-17235420.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320 320w, https://images.pexels.com/photos/17235420/pexels-photo-17235420.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/17235420/pexels-photo-17235420.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750 750w, https://images.pexels.com/photos/17235420/pexels-photo-17235420.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828 828w, https://images.pexels.com/photos/17235420/pexels-photo-17235420.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/17235420/pexels-photo-17235420.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200 1200w, https://images.pexels.com/photos/17235420/pexels-photo-17235420.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w",
|
|
17
24
|
},
|
|
18
|
-
mimetype: "image/jpeg",
|
|
19
25
|
};
|
|
20
26
|
|
|
21
|
-
const
|
|
22
|
-
id: "
|
|
23
|
-
filename: "product-listing-2-3.jpg",
|
|
27
|
+
const IMG_2 = {
|
|
28
|
+
id: "7453455573150835909",
|
|
24
29
|
kind: "image",
|
|
25
|
-
location: "https://
|
|
30
|
+
location: "https://images.pexels.com/photos/4691470/pexels-photo-4691470.jpeg",
|
|
31
|
+
mimetype: "image/jpeg",
|
|
26
32
|
srcset: {
|
|
27
|
-
"
|
|
28
|
-
|
|
29
|
-
"
|
|
30
|
-
|
|
31
|
-
"
|
|
32
|
-
|
|
33
|
-
"828w":
|
|
34
|
-
|
|
33
|
+
"320w":
|
|
34
|
+
"https://images.pexels.com/photos/4691470/pexels-photo-4691470.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
|
|
35
|
+
"640w":
|
|
36
|
+
"https://images.pexels.com/photos/4691470/pexels-photo-4691470.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
|
|
37
|
+
"750w":
|
|
38
|
+
"https://images.pexels.com/photos/4691470/pexels-photo-4691470.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
|
|
39
|
+
"828w":
|
|
40
|
+
"https://images.pexels.com/photos/4691470/pexels-photo-4691470.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
|
|
41
|
+
"1080w":
|
|
42
|
+
"https://images.pexels.com/photos/4691470/pexels-photo-4691470.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
|
|
43
|
+
"1200w":
|
|
44
|
+
"https://images.pexels.com/photos/4691470/pexels-photo-4691470.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
|
|
45
|
+
"1920w":
|
|
46
|
+
"https://images.pexels.com/photos/4691470/pexels-photo-4691470.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
|
|
47
|
+
path: "https://images.pexels.com/photos/4691470/pexels-photo-4691470.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320 320w, https://images.pexels.com/photos/4691470/pexels-photo-4691470.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/4691470/pexels-photo-4691470.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750 750w, https://images.pexels.com/photos/4691470/pexels-photo-4691470.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828 828w, https://images.pexels.com/photos/4691470/pexels-photo-4691470.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/4691470/pexels-photo-4691470.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200 1200w, https://images.pexels.com/photos/4691470/pexels-photo-4691470.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w",
|
|
35
48
|
},
|
|
36
|
-
mimetype: "image/jpeg",
|
|
37
49
|
};
|
|
38
50
|
|
|
39
|
-
const
|
|
40
|
-
id: "
|
|
41
|
-
filename: "product-listing-2-2.jpg",
|
|
51
|
+
const IMG_3 = {
|
|
52
|
+
id: "7453455598573832948",
|
|
42
53
|
kind: "image",
|
|
43
|
-
location: "https://
|
|
54
|
+
location: "https://images.pexels.com/photos/5834243/pexels-photo-5834243.jpeg",
|
|
55
|
+
mimetype: "image/jpeg",
|
|
44
56
|
srcset: {
|
|
45
|
-
"
|
|
46
|
-
|
|
47
|
-
"
|
|
48
|
-
|
|
49
|
-
"
|
|
50
|
-
|
|
51
|
-
"828w":
|
|
52
|
-
|
|
57
|
+
"320w":
|
|
58
|
+
"https://images.pexels.com/photos/5834243/pexels-photo-5834243.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
|
|
59
|
+
"640w":
|
|
60
|
+
"https://images.pexels.com/photos/5834243/pexels-photo-5834243.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
|
|
61
|
+
"750w":
|
|
62
|
+
"https://images.pexels.com/photos/5834243/pexels-photo-5834243.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
|
|
63
|
+
"828w":
|
|
64
|
+
"https://images.pexels.com/photos/5834243/pexels-photo-5834243.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
|
|
65
|
+
"1080w":
|
|
66
|
+
"https://images.pexels.com/photos/5834243/pexels-photo-5834243.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
|
|
67
|
+
"1200w":
|
|
68
|
+
"https://images.pexels.com/photos/5834243/pexels-photo-5834243.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
|
|
69
|
+
"1920w":
|
|
70
|
+
"https://images.pexels.com/photos/5834243/pexels-photo-5834243.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
|
|
71
|
+
path: "https://images.pexels.com/photos/5834243/pexels-photo-5834243.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320 320w, https://images.pexels.com/photos/5834243/pexels-photo-5834243.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/5834243/pexels-photo-5834243.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750 750w, https://images.pexels.com/photos/5834243/pexels-photo-5834243.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828 828w, https://images.pexels.com/photos/5834243/pexels-photo-5834243.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/5834243/pexels-photo-5834243.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200 1200w, https://images.pexels.com/photos/5834243/pexels-photo-5834243.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w",
|
|
72
|
+
},
|
|
73
|
+
};
|
|
74
|
+
|
|
75
|
+
const STAR_ICON = {
|
|
76
|
+
kind: "icon" as const,
|
|
77
|
+
data: {
|
|
78
|
+
id: "star",
|
|
79
|
+
label: "Star",
|
|
80
|
+
svgCode:
|
|
81
|
+
'<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M17.6601 22.6701C17.1301 22.6701 16.4501 22.5001 15.6001 22.0001L12.6101 20.2301C12.3001 20.0501 11.7001 20.0501 11.4001 20.2301L8.40012 22.0001C6.63012 23.0501 5.59012 22.6301 5.12012 22.2901C4.66012 21.9501 3.94012 21.0801 4.41012 19.0801L5.12012 16.0101C5.20012 15.6901 5.04012 15.1401 4.80012 14.9001L2.32012 12.4201C1.08012 11.1801 1.18012 10.1201 1.35012 9.60007C1.52012 9.08007 2.06012 8.16007 3.78012 7.87007L6.97012 7.34007C7.27012 7.29007 7.70012 6.97007 7.83012 6.70007L9.60012 3.17007C10.4001 1.56007 11.4501 1.32007 12.0001 1.32007C12.5501 1.32007 13.6001 1.56007 14.4001 3.17007L16.1601 6.69007C16.3001 6.96007 16.7301 7.28007 17.0301 7.33007L20.2201 7.86007C21.9501 8.15007 22.4901 9.07007 22.6501 9.59007C22.8101 10.1101 22.9101 11.1701 21.6801 12.4101L19.2001 14.9001C18.9601 15.1401 18.8101 15.6801 18.8801 16.0101L19.5901 19.0801C20.0501 21.0801 19.3401 21.9501 18.8801 22.2901C18.6301 22.4701 18.2301 22.6701 17.6601 22.6701ZM12.0001 18.5901C12.4901 18.5901 12.9801 18.7101 13.3701 18.9401L16.3601 20.7101C17.2301 21.2301 17.7801 21.2301 17.9901 21.0801C18.2001 20.9301 18.3501 20.4001 18.1301 19.4201L17.4201 16.3501C17.2301 15.5201 17.5401 14.4501 18.1401 13.8401L20.6201 11.3601C21.1101 10.8701 21.3301 10.3901 21.2301 10.0601C21.1201 9.73007 20.6601 9.46007 19.9801 9.35007L16.7901 8.82007C16.0201 8.69007 15.1801 8.07007 14.8301 7.37007L13.0701 3.85007C12.7501 3.21007 12.3501 2.83007 12.0001 2.83007C11.6501 2.83007 11.2501 3.21007 10.9401 3.85007L9.17012 7.37007C8.82012 8.07007 7.98012 8.69007 7.21012 8.82007L4.03012 9.35007C3.35012 9.46007 2.89012 9.73007 2.78012 10.0601C2.67012 10.3901 2.90012 10.8801 3.39012 11.3601L5.87012 13.8401C6.47012 14.4401 6.78012 15.5201 6.59012 16.3501L5.88012 19.4201C5.65012 20.4101 5.81012 20.9301 6.02012 21.0801C6.23012 21.2301 6.77012 21.2201 7.65012 20.7101L10.6401 18.9401C11.0201 18.7101 11.5101 18.5901 12.0001 18.5901Z" fill="var(--color-icon-primary)"/>\n</svg>',
|
|
53
82
|
},
|
|
54
|
-
mimetype: "image/jpeg",
|
|
55
83
|
};
|
|
56
84
|
|
|
57
85
|
const DEFAULT_CONTENT = {
|
|
58
86
|
layout: null,
|
|
59
87
|
container: null,
|
|
60
88
|
header_container: null,
|
|
61
|
-
title: "Our
|
|
62
|
-
description:
|
|
89
|
+
title: "Our most-loved fintech products",
|
|
90
|
+
description:
|
|
91
|
+
"Shipped to hundreds of finance teams. Each one is PCI DSS Level 1, SOC 2 audited, and priced to scale with volume.",
|
|
63
92
|
header_ctas_levoGroup: null,
|
|
64
|
-
header_ctas: [{ header_cta: "
|
|
93
|
+
header_ctas: [{ header_cta: "See full catalog" }, { header_cta: "Book a demo" }],
|
|
65
94
|
products_levoGroup: null,
|
|
66
95
|
products: [
|
|
67
96
|
{
|
|
68
97
|
card: null,
|
|
69
|
-
image:
|
|
98
|
+
image: IMG_1,
|
|
70
99
|
title_price_container: null,
|
|
71
|
-
title: "
|
|
72
|
-
price: "$
|
|
100
|
+
title: "POS Terminal 3",
|
|
101
|
+
price: "$499",
|
|
73
102
|
description_container: null,
|
|
74
|
-
description: "
|
|
103
|
+
description: "EMV chip + NFC contactless, PCI DSS Level 1 out of the box.",
|
|
75
104
|
rating_container: null,
|
|
76
|
-
rating_text: "4.
|
|
105
|
+
rating_text: "4.8",
|
|
77
106
|
ctas_levoGroup: null,
|
|
78
|
-
ctas: [{ cta: "Add to
|
|
79
|
-
rating_icon:
|
|
80
|
-
kind: "icon",
|
|
81
|
-
data: {
|
|
82
|
-
id: "star",
|
|
83
|
-
label: "Star",
|
|
84
|
-
tags: ["custom", "directional", "star", "support-like-question"],
|
|
85
|
-
svgCode:
|
|
86
|
-
'<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M17.6601 22.6701C17.1301 22.6701 16.4501 22.5001 15.6001 22.0001L12.6101 20.2301C12.3001 20.0501 11.7001 20.0501 11.4001 20.2301L8.40012 22.0001C6.63012 23.0501 5.59012 22.6301 5.12012 22.2901C4.66012 21.9501 3.94012 21.0801 4.41012 19.0801L5.12012 16.0101C5.20012 15.6901 5.04012 15.1401 4.80012 14.9001L2.32012 12.4201C1.08012 11.1801 1.18012 10.1201 1.35012 9.60007C1.52012 9.08007 2.06012 8.16007 3.78012 7.87007L6.97012 7.34007C7.27012 7.29007 7.70012 6.97007 7.83012 6.70007L9.60012 3.17007C10.4001 1.56007 11.4501 1.32007 12.0001 1.32007C12.5501 1.32007 13.6001 1.56007 14.4001 3.17007L16.1601 6.69007C16.3001 6.96007 16.7301 7.28007 17.0301 7.33007L20.2201 7.86007C21.9501 8.15007 22.4901 9.07007 22.6501 9.59007C22.8101 10.1101 22.9101 11.1701 21.6801 12.4101L19.2001 14.9001C18.9601 15.1401 18.8101 15.6801 18.8801 16.0101L19.5901 19.0801C20.0501 21.0801 19.3401 21.9501 18.8801 22.2901C18.6301 22.4701 18.2301 22.6701 17.6601 22.6701ZM12.0001 18.5901C12.4901 18.5901 12.9801 18.7101 13.3701 18.9401L16.3601 20.7101C17.2301 21.2301 17.7801 21.2301 17.9901 21.0801C18.2001 20.9301 18.3501 20.4001 18.1301 19.4201L17.4201 16.3501C17.2301 15.5201 17.5401 14.4501 18.1401 13.8401L20.6201 11.3601C21.1101 10.8701 21.3301 10.3901 21.2301 10.0601C21.1201 9.73007 20.6601 9.46007 19.9801 9.35007L16.7901 8.82007C16.0201 8.69007 15.1801 8.07007 14.8301 7.37007L13.0701 3.85007C12.7501 3.21007 12.3501 2.83007 12.0001 2.83007C11.6501 2.83007 11.2501 3.21007 10.9401 3.85007L9.17012 7.37007C8.82012 8.07007 7.98012 8.69007 7.21012 8.82007L4.03012 9.35007C3.35012 9.46007 2.89012 9.73007 2.78012 10.0601C2.67012 10.3901 2.90012 10.8801 3.39012 11.3601L5.87012 13.8401C6.47012 14.4401 6.78012 15.5201 6.59012 16.3501L5.88012 19.4201C5.65012 20.4101 5.81012 20.9301 6.02012 21.0801C6.23012 21.2301 6.77012 21.2201 7.65012 20.7101L10.6401 18.9401C11.0201 18.7101 11.5101 18.5901 12.0001 18.5901Z" fill="var(--color-icon-primary)"/>\n</svg>',
|
|
87
|
-
},
|
|
88
|
-
},
|
|
107
|
+
ctas: [{ cta: "Add to cart" }, { cta: "See specs" }],
|
|
108
|
+
rating_icon: STAR_ICON,
|
|
89
109
|
},
|
|
90
110
|
{
|
|
91
111
|
card: null,
|
|
92
|
-
image:
|
|
112
|
+
image: IMG_2,
|
|
93
113
|
title_price_container: null,
|
|
94
|
-
title: "
|
|
95
|
-
price: "$
|
|
114
|
+
title: "Corporate Card",
|
|
115
|
+
price: "$0 setup",
|
|
96
116
|
description_container: null,
|
|
97
|
-
description: "
|
|
117
|
+
description: "Unlimited virtual cards with real-time spend controls and MCC rules.",
|
|
98
118
|
rating_container: null,
|
|
99
|
-
rating_text: "4.
|
|
119
|
+
rating_text: "4.7",
|
|
100
120
|
ctas_levoGroup: null,
|
|
101
|
-
ctas: [{ cta: "
|
|
102
|
-
rating_icon:
|
|
103
|
-
kind: "icon",
|
|
104
|
-
data: {
|
|
105
|
-
id: "star",
|
|
106
|
-
label: "Star",
|
|
107
|
-
tags: ["custom", "directional", "star", "support-like-question"],
|
|
108
|
-
svgCode:
|
|
109
|
-
'<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M17.6601 22.6701C17.1301 22.6701 16.4501 22.5001 15.6001 22.0001L12.6101 20.2301C12.3001 20.0501 11.7001 20.0501 11.4001 20.2301L8.40012 22.0001C6.63012 23.0501 5.59012 22.6301 5.12012 22.2901C4.66012 21.9501 3.94012 21.0801 4.41012 19.0801L5.12012 16.0101C5.20012 15.6901 5.04012 15.1401 4.80012 14.9001L2.32012 12.4201C1.08012 11.1801 1.18012 10.1201 1.35012 9.60007C1.52012 9.08007 2.06012 8.16007 3.78012 7.87007L6.97012 7.34007C7.27012 7.29007 7.70012 6.97007 7.83012 6.70007L9.60012 3.17007C10.4001 1.56007 11.4501 1.32007 12.0001 1.32007C12.5501 1.32007 13.6001 1.56007 14.4001 3.17007L16.1601 6.69007C16.3001 6.96007 16.7301 7.28007 17.0301 7.33007L20.2201 7.86007C21.9501 8.15007 22.4901 9.07007 22.6501 9.59007C22.8101 10.1101 22.9101 11.1701 21.6801 12.4101L19.2001 14.9001C18.9601 15.1401 18.8101 15.6801 18.8801 16.0101L19.5901 19.0801C20.0501 21.0801 19.3401 21.9501 18.8801 22.2901C18.6301 22.4701 18.2301 22.6701 17.6601 22.6701ZM12.0001 18.5901C12.4901 18.5901 12.9801 18.7101 13.3701 18.9401L16.3601 20.7101C17.2301 21.2301 17.7801 21.2301 17.9901 21.0801C18.2001 20.9301 18.3501 20.4001 18.1301 19.4201L17.4201 16.3501C17.2301 15.5201 17.5401 14.4501 18.1401 13.8401L20.6201 11.3601C21.1101 10.8701 21.3301 10.3901 21.2301 10.0601C21.1201 9.73007 20.6601 9.46007 19.9801 9.35007L16.7901 8.82007C16.0201 8.69007 15.1801 8.07007 14.8301 7.37007L13.0701 3.85007C12.7501 3.21007 12.3501 2.83007 12.0001 2.83007C11.6501 2.83007 11.2501 3.21007 10.9401 3.85007L9.17012 7.37007C8.82012 8.07007 7.98012 8.69007 7.21012 8.82007L4.03012 9.35007C3.35012 9.46007 2.89012 9.73007 2.78012 10.0601C2.67012 10.3901 2.90012 10.8801 3.39012 11.3601L5.87012 13.8401C6.47012 14.4401 6.78012 15.5201 6.59012 16.3501L5.88012 19.4201C5.65012 20.4101 5.81012 20.9301 6.02012 21.0801C6.23012 21.2301 6.77012 21.2201 7.65012 20.7101L10.6401 18.9401C11.0201 18.7101 11.5101 18.5901 12.0001 18.5901Z" fill="var(--color-icon-primary)"/>\n</svg>',
|
|
110
|
-
},
|
|
111
|
-
},
|
|
121
|
+
ctas: [{ cta: "Issue a card" }, { cta: "See limits" }],
|
|
122
|
+
rating_icon: STAR_ICON,
|
|
112
123
|
},
|
|
113
124
|
{
|
|
114
125
|
card: null,
|
|
115
|
-
image:
|
|
126
|
+
image: IMG_3,
|
|
116
127
|
title_price_container: null,
|
|
117
|
-
title: "
|
|
118
|
-
price: "$
|
|
128
|
+
title: "Trader Pro",
|
|
129
|
+
price: "$49 / mo",
|
|
119
130
|
description_container: null,
|
|
120
|
-
description: "
|
|
131
|
+
description: "Portfolio analytics with a sub-100ms market data stream.",
|
|
121
132
|
rating_container: null,
|
|
122
|
-
rating_text: "4.
|
|
133
|
+
rating_text: "4.9",
|
|
123
134
|
ctas_levoGroup: null,
|
|
124
|
-
ctas: [{ cta: "
|
|
125
|
-
rating_icon:
|
|
126
|
-
kind: "icon",
|
|
127
|
-
data: {
|
|
128
|
-
id: "star",
|
|
129
|
-
label: "Star",
|
|
130
|
-
tags: ["custom", "directional", "star", "support-like-question"],
|
|
131
|
-
svgCode:
|
|
132
|
-
'<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M17.6601 22.6701C17.1301 22.6701 16.4501 22.5001 15.6001 22.0001L12.6101 20.2301C12.3001 20.0501 11.7001 20.0501 11.4001 20.2301L8.40012 22.0001C6.63012 23.0501 5.59012 22.6301 5.12012 22.2901C4.66012 21.9501 3.94012 21.0801 4.41012 19.0801L5.12012 16.0101C5.20012 15.6901 5.04012 15.1401 4.80012 14.9001L2.32012 12.4201C1.08012 11.1801 1.18012 10.1201 1.35012 9.60007C1.52012 9.08007 2.06012 8.16007 3.78012 7.87007L6.97012 7.34007C7.27012 7.29007 7.70012 6.97007 7.83012 6.70007L9.60012 3.17007C10.4001 1.56007 11.4501 1.32007 12.0001 1.32007C12.5501 1.32007 13.6001 1.56007 14.4001 3.17007L16.1601 6.69007C16.3001 6.96007 16.7301 7.28007 17.0301 7.33007L20.2201 7.86007C21.9501 8.15007 22.4901 9.07007 22.6501 9.59007C22.8101 10.1101 22.9101 11.1701 21.6801 12.4101L19.2001 14.9001C18.9601 15.1401 18.8101 15.6801 18.8801 16.0101L19.5901 19.0801C20.0501 21.0801 19.3401 21.9501 18.8801 22.2901C18.6301 22.4701 18.2301 22.6701 17.6601 22.6701ZM12.0001 18.5901C12.4901 18.5901 12.9801 18.7101 13.3701 18.9401L16.3601 20.7101C17.2301 21.2301 17.7801 21.2301 17.9901 21.0801C18.2001 20.9301 18.3501 20.4001 18.1301 19.4201L17.4201 16.3501C17.2301 15.5201 17.5401 14.4501 18.1401 13.8401L20.6201 11.3601C21.1101 10.8701 21.3301 10.3901 21.2301 10.0601C21.1201 9.73007 20.6601 9.46007 19.9801 9.35007L16.7901 8.82007C16.0201 8.69007 15.1801 8.07007 14.8301 7.37007L13.0701 3.85007C12.7501 3.21007 12.3501 2.83007 12.0001 2.83007C11.6501 2.83007 11.2501 3.21007 10.9401 3.85007L9.17012 7.37007C8.82012 8.07007 7.98012 8.69007 7.21012 8.82007L4.03012 9.35007C3.35012 9.46007 2.89012 9.73007 2.78012 10.0601C2.67012 10.3901 2.90012 10.8801 3.39012 11.3601L5.87012 13.8401C6.47012 14.4401 6.78012 15.5201 6.59012 16.3501L5.88012 19.4201C5.65012 20.4101 5.81012 20.9301 6.02012 21.0801C6.23012 21.2301 6.77012 21.2201 7.65012 20.7101L10.6401 18.9401C11.0201 18.7101 11.5101 18.5901 12.0001 18.5901Z" fill="var(--color-icon-primary)"/>\n</svg>',
|
|
133
|
-
},
|
|
134
|
-
},
|
|
135
|
+
ctas: [{ cta: "Start 14-day trial" }, { cta: "Book a demo" }],
|
|
136
|
+
rating_icon: STAR_ICON,
|
|
135
137
|
},
|
|
136
138
|
],
|
|
137
139
|
};
|
|
138
140
|
|
|
141
|
+
const TWO_COL_CONTENT = {
|
|
142
|
+
...DEFAULT_CONTENT,
|
|
143
|
+
products: [DEFAULT_CONTENT.products[0], DEFAULT_CONTENT.products[1]],
|
|
144
|
+
};
|
|
145
|
+
|
|
139
146
|
export type IProductsListing2Content = typeof DEFAULT_CONTENT;
|
|
140
147
|
|
|
141
148
|
export const ProductsListing2: IBlock = {
|
|
@@ -272,7 +279,8 @@ export const ProductsListing2: IBlock = {
|
|
|
272
279
|
display: "flex",
|
|
273
280
|
"justify-content": "space-between",
|
|
274
281
|
"align-items": "center",
|
|
275
|
-
"
|
|
282
|
+
"column-gap": "xl",
|
|
283
|
+
"margin-bottom": "3xl",
|
|
276
284
|
mobile: {
|
|
277
285
|
"flex-direction": "column",
|
|
278
286
|
"align-items": "flex-start",
|
|
@@ -280,13 +288,13 @@ export const ProductsListing2: IBlock = {
|
|
|
280
288
|
},
|
|
281
289
|
},
|
|
282
290
|
title: {},
|
|
291
|
+
description: { "max-width": "520px" },
|
|
283
292
|
header_ctas_levoGroup: {
|
|
284
293
|
display: "flex",
|
|
285
294
|
"flex-direction": "row",
|
|
286
295
|
"align-items": "center",
|
|
287
296
|
gap: "sm",
|
|
288
297
|
},
|
|
289
|
-
header_ctas: Array(2).map(() => ({})),
|
|
290
298
|
products_levoGroup: {
|
|
291
299
|
display: "grid",
|
|
292
300
|
"grid-template-columns": "repeat(3, minmax(0, 1fr))",
|
|
@@ -299,86 +307,396 @@ export const ProductsListing2: IBlock = {
|
|
|
299
307
|
"grid-template-columns": "repeat(1, minmax(0, 1fr))",
|
|
300
308
|
},
|
|
301
309
|
},
|
|
310
|
+
products_levoGroupItem: {
|
|
311
|
+
card: {
|
|
312
|
+
"box-shadow": "none",
|
|
313
|
+
"padding-top": "none",
|
|
314
|
+
"padding-bottom": "lg",
|
|
315
|
+
"padding-left": "none",
|
|
316
|
+
"padding-right": "none",
|
|
317
|
+
display: "flex",
|
|
318
|
+
"flex-direction": "column",
|
|
319
|
+
height: "100%",
|
|
320
|
+
},
|
|
321
|
+
image: {
|
|
322
|
+
width: "100%",
|
|
323
|
+
height: "280px",
|
|
324
|
+
"border-radius": "base",
|
|
325
|
+
"margin-bottom": "lg",
|
|
326
|
+
"object-fit": "cover",
|
|
327
|
+
},
|
|
328
|
+
title_price_container: {
|
|
329
|
+
display: "flex",
|
|
330
|
+
"justify-content": "space-between",
|
|
331
|
+
"align-items": "center",
|
|
332
|
+
"column-gap": "sm",
|
|
333
|
+
"margin-bottom": "xs",
|
|
334
|
+
},
|
|
335
|
+
title: {},
|
|
336
|
+
price: {},
|
|
337
|
+
description_container: {
|
|
338
|
+
display: "flex",
|
|
339
|
+
"justify-content": "space-between",
|
|
340
|
+
"align-items": "center",
|
|
341
|
+
"column-gap": "sm",
|
|
342
|
+
"margin-bottom": "sm",
|
|
343
|
+
},
|
|
344
|
+
description: { "margin-bottom": "none" },
|
|
345
|
+
rating_container: {
|
|
346
|
+
display: "flex",
|
|
347
|
+
"align-items": "center",
|
|
348
|
+
"column-gap": "4xs",
|
|
349
|
+
"flex-shrink": "0",
|
|
350
|
+
},
|
|
351
|
+
rating_icon: {
|
|
352
|
+
color: "warning",
|
|
353
|
+
width: "16px",
|
|
354
|
+
height: "16px",
|
|
355
|
+
},
|
|
356
|
+
rating_text: {},
|
|
357
|
+
ctas_levoGroup: {
|
|
358
|
+
display: "flex",
|
|
359
|
+
"flex-direction": "row",
|
|
360
|
+
gap: "sm",
|
|
361
|
+
"margin-top": "auto",
|
|
362
|
+
"padding-top": "sm",
|
|
363
|
+
},
|
|
364
|
+
ctas_levoGroupItem: { cta: {} },
|
|
365
|
+
},
|
|
366
|
+
products: [{}, {}, {}],
|
|
367
|
+
},
|
|
368
|
+
content: DEFAULT_CONTENT,
|
|
369
|
+
config: {
|
|
370
|
+
title: {
|
|
371
|
+
heading: { level: "2" },
|
|
372
|
+
selectedVariants: { Heading_Level: "H2" },
|
|
373
|
+
},
|
|
374
|
+
header_ctas: [
|
|
375
|
+
{ header_cta: { selectedVariants: {} } },
|
|
376
|
+
{ header_cta: { selectedVariants: { Button_Variants: "Secondary" } } },
|
|
377
|
+
],
|
|
378
|
+
products: Array.from({ length: 3 }, () => ({
|
|
379
|
+
title: {
|
|
380
|
+
selectedVariants: { Heading_Level: "H4" },
|
|
381
|
+
heading: { level: "4" },
|
|
382
|
+
},
|
|
383
|
+
description: { selectedVariants: {} },
|
|
384
|
+
rating_text: { selectedVariants: {} },
|
|
385
|
+
price: { selectedVariants: { Typography_Variants: "Large" } },
|
|
386
|
+
ctas: [
|
|
387
|
+
{ cta: { selectedVariants: {} } },
|
|
388
|
+
{ cta: { selectedVariants: { Button_Variants: "Secondary" } } },
|
|
389
|
+
],
|
|
390
|
+
})),
|
|
391
|
+
},
|
|
392
|
+
},
|
|
393
|
+
{
|
|
394
|
+
key: "bordered-cards",
|
|
395
|
+
title: "Bordered Cards",
|
|
396
|
+
styles: {
|
|
397
|
+
layout: {},
|
|
398
|
+
container: {},
|
|
399
|
+
header_container: {
|
|
400
|
+
display: "flex",
|
|
401
|
+
"flex-direction": "column",
|
|
402
|
+
"align-items": "center",
|
|
403
|
+
"row-gap": "md",
|
|
404
|
+
"margin-bottom": "4xl",
|
|
405
|
+
},
|
|
406
|
+
title: { "text-align": "center" },
|
|
407
|
+
description: { "text-align": "center", "max-width": "640px" },
|
|
408
|
+
header_ctas_levoGroup: {
|
|
409
|
+
display: "flex",
|
|
410
|
+
"flex-direction": "row",
|
|
411
|
+
"align-items": "center",
|
|
412
|
+
gap: "sm",
|
|
413
|
+
"margin-top": "sm",
|
|
414
|
+
},
|
|
415
|
+
products_levoGroup: {
|
|
416
|
+
display: "grid",
|
|
417
|
+
"grid-template-columns": "repeat(3, minmax(0, 1fr))",
|
|
418
|
+
"column-gap": "xl",
|
|
419
|
+
"row-gap": "xl",
|
|
420
|
+
tablet: { "grid-template-columns": "repeat(2, minmax(0, 1fr))" },
|
|
421
|
+
mobile: { "grid-template-columns": "repeat(1, minmax(0, 1fr))" },
|
|
422
|
+
},
|
|
423
|
+
products_levoGroupItem: {
|
|
424
|
+
card: {
|
|
425
|
+
"border-width": "1px",
|
|
426
|
+
"border-style": "solid",
|
|
427
|
+
"border-color": "border",
|
|
428
|
+
"border-radius": "xl",
|
|
429
|
+
overflow: "hidden",
|
|
430
|
+
"padding-top": "none",
|
|
431
|
+
"padding-bottom": "lg",
|
|
432
|
+
"padding-left": "none",
|
|
433
|
+
"padding-right": "none",
|
|
434
|
+
display: "flex",
|
|
435
|
+
"flex-direction": "column",
|
|
436
|
+
height: "100%",
|
|
437
|
+
},
|
|
438
|
+
image: {
|
|
439
|
+
width: "100%",
|
|
440
|
+
height: "240px",
|
|
441
|
+
"margin-bottom": "lg",
|
|
442
|
+
"object-fit": "cover",
|
|
443
|
+
},
|
|
444
|
+
title_price_container: {
|
|
445
|
+
display: "flex",
|
|
446
|
+
"justify-content": "space-between",
|
|
447
|
+
"align-items": "center",
|
|
448
|
+
"column-gap": "sm",
|
|
449
|
+
"margin-bottom": "xs",
|
|
450
|
+
"padding-left": "lg",
|
|
451
|
+
"padding-right": "lg",
|
|
452
|
+
},
|
|
453
|
+
title: {},
|
|
454
|
+
price: {},
|
|
455
|
+
description_container: {
|
|
456
|
+
display: "flex",
|
|
457
|
+
"justify-content": "space-between",
|
|
458
|
+
"align-items": "center",
|
|
459
|
+
"column-gap": "sm",
|
|
460
|
+
"margin-bottom": "sm",
|
|
461
|
+
"padding-left": "lg",
|
|
462
|
+
"padding-right": "lg",
|
|
463
|
+
},
|
|
464
|
+
description: {},
|
|
465
|
+
rating_container: {
|
|
466
|
+
display: "flex",
|
|
467
|
+
"align-items": "center",
|
|
468
|
+
"column-gap": "4xs",
|
|
469
|
+
"flex-shrink": "0",
|
|
470
|
+
},
|
|
471
|
+
rating_icon: {
|
|
472
|
+
color: "warning",
|
|
473
|
+
width: "16px",
|
|
474
|
+
height: "16px",
|
|
475
|
+
},
|
|
476
|
+
rating_text: {},
|
|
477
|
+
ctas_levoGroup: {
|
|
478
|
+
display: "flex",
|
|
479
|
+
"flex-direction": "row",
|
|
480
|
+
gap: "sm",
|
|
481
|
+
"margin-top": "auto",
|
|
482
|
+
"padding-top": "md",
|
|
483
|
+
"padding-left": "lg",
|
|
484
|
+
"padding-right": "lg",
|
|
485
|
+
},
|
|
486
|
+
ctas_levoGroupItem: { cta: { width: "100%" } },
|
|
487
|
+
},
|
|
488
|
+
products: Array.from({ length: 3 }, () => ({})),
|
|
489
|
+
},
|
|
490
|
+
content: DEFAULT_CONTENT,
|
|
491
|
+
config: {
|
|
492
|
+
title: {
|
|
493
|
+
heading: { level: "2" },
|
|
494
|
+
selectedVariants: { Heading_Level: "H2" },
|
|
495
|
+
},
|
|
496
|
+
header_ctas: [
|
|
497
|
+
{ header_cta: { selectedVariants: {} } },
|
|
498
|
+
{ header_cta: { selectedVariants: { Button_Variants: "Secondary" } } },
|
|
499
|
+
],
|
|
500
|
+
products: Array.from({ length: 3 }, () => ({
|
|
501
|
+
title: {
|
|
502
|
+
selectedVariants: { Heading_Level: "H4" },
|
|
503
|
+
heading: { level: "4" },
|
|
504
|
+
},
|
|
505
|
+
description: { selectedVariants: {} },
|
|
506
|
+
rating_text: { selectedVariants: {} },
|
|
507
|
+
price: { selectedVariants: { Typography_Variants: "Large" } },
|
|
508
|
+
ctas: [
|
|
509
|
+
{ cta: { selectedVariants: {} } },
|
|
510
|
+
{ cta: { selectedVariants: { Button_Variants: "Secondary" } } },
|
|
511
|
+
],
|
|
512
|
+
})),
|
|
513
|
+
},
|
|
514
|
+
},
|
|
515
|
+
{
|
|
516
|
+
key: "minimal-two-col",
|
|
517
|
+
title: "Minimal Two Column",
|
|
518
|
+
styles: {
|
|
519
|
+
layout: {},
|
|
520
|
+
container: {},
|
|
521
|
+
header_container: {
|
|
522
|
+
display: "flex",
|
|
523
|
+
"justify-content": "space-between",
|
|
524
|
+
"align-items": "flex-end",
|
|
525
|
+
"column-gap": "xl",
|
|
526
|
+
"margin-bottom": "3xl",
|
|
527
|
+
mobile: {
|
|
528
|
+
"flex-direction": "column",
|
|
529
|
+
"align-items": "flex-start",
|
|
530
|
+
"row-gap": "lg",
|
|
531
|
+
},
|
|
532
|
+
},
|
|
533
|
+
title: {},
|
|
534
|
+
description: { "max-width": "480px" },
|
|
535
|
+
header_ctas: [{}, {}],
|
|
536
|
+
header_ctas_levoGroup: {
|
|
537
|
+
display: "flex",
|
|
538
|
+
"flex-direction": "row",
|
|
539
|
+
"align-items": "center",
|
|
540
|
+
gap: "sm",
|
|
541
|
+
},
|
|
542
|
+
products_levoGroup: {
|
|
543
|
+
display: "grid",
|
|
544
|
+
"grid-template-columns": "repeat(2, minmax(0, 1fr))",
|
|
545
|
+
"column-gap": "3xl",
|
|
546
|
+
"row-gap": "3xl",
|
|
547
|
+
mobile: {
|
|
548
|
+
"grid-template-columns": "repeat(1, minmax(0, 1fr))",
|
|
549
|
+
},
|
|
550
|
+
},
|
|
551
|
+
products_levoGroupItem: {
|
|
552
|
+
card: {
|
|
553
|
+
"box-shadow": "none",
|
|
554
|
+
"padding-top": "none",
|
|
555
|
+
"padding-bottom": "lg",
|
|
556
|
+
"padding-left": "none",
|
|
557
|
+
"padding-right": "none",
|
|
558
|
+
display: "flex",
|
|
559
|
+
"flex-direction": "column",
|
|
560
|
+
height: "100%",
|
|
561
|
+
},
|
|
562
|
+
image: {
|
|
563
|
+
width: "100%",
|
|
564
|
+
height: "420px",
|
|
565
|
+
"border-radius": "base",
|
|
566
|
+
"margin-bottom": "lg",
|
|
567
|
+
"object-fit": "cover",
|
|
568
|
+
},
|
|
569
|
+
title_price_container: {
|
|
570
|
+
display: "flex",
|
|
571
|
+
"justify-content": "space-between",
|
|
572
|
+
"align-items": "center",
|
|
573
|
+
"column-gap": "sm",
|
|
574
|
+
"margin-bottom": "2xs",
|
|
575
|
+
},
|
|
576
|
+
title: {},
|
|
577
|
+
price: {},
|
|
578
|
+
description_container: {
|
|
579
|
+
display: "flex",
|
|
580
|
+
"justify-content": "space-between",
|
|
581
|
+
"align-items": "center",
|
|
582
|
+
"column-gap": "sm",
|
|
583
|
+
"margin-bottom": "sm",
|
|
584
|
+
},
|
|
585
|
+
description: {},
|
|
586
|
+
rating_container: {
|
|
587
|
+
display: "flex",
|
|
588
|
+
"align-items": "center",
|
|
589
|
+
"column-gap": "4xs",
|
|
590
|
+
"flex-shrink": "0",
|
|
591
|
+
},
|
|
592
|
+
rating_icon: {
|
|
593
|
+
color: "warning",
|
|
594
|
+
width: "16px",
|
|
595
|
+
height: "16px",
|
|
596
|
+
},
|
|
597
|
+
rating_text: {},
|
|
598
|
+
ctas_levoGroup: {
|
|
599
|
+
display: "flex",
|
|
600
|
+
"flex-direction": "row",
|
|
601
|
+
gap: "sm",
|
|
602
|
+
"margin-top": "auto",
|
|
603
|
+
"padding-top": "md",
|
|
604
|
+
},
|
|
605
|
+
ctas_levoGroupItem: {
|
|
606
|
+
cta: {},
|
|
607
|
+
},
|
|
608
|
+
},
|
|
609
|
+
products: [{}, {}],
|
|
610
|
+
},
|
|
611
|
+
content: TWO_COL_CONTENT,
|
|
612
|
+
config: {
|
|
613
|
+
title: {
|
|
614
|
+
heading: { level: "2" },
|
|
615
|
+
selectedVariants: { Heading_Level: "H2" },
|
|
616
|
+
},
|
|
617
|
+
header_ctas: [
|
|
618
|
+
{ header_cta: { selectedVariants: {} } },
|
|
619
|
+
{ header_cta: { selectedVariants: { Button_Variants: "Secondary" } } },
|
|
620
|
+
],
|
|
621
|
+
products: Array.from({ length: 2 }, () => ({
|
|
622
|
+
title: {
|
|
623
|
+
selectedVariants: { Heading_Level: "H3" },
|
|
624
|
+
heading: { level: "3" },
|
|
625
|
+
},
|
|
626
|
+
description: { selectedVariants: {} },
|
|
627
|
+
rating_text: { selectedVariants: {} },
|
|
628
|
+
price: { selectedVariants: { Typography_Variants: "Large" } },
|
|
629
|
+
ctas: [
|
|
630
|
+
{ cta: { selectedVariants: {} } },
|
|
631
|
+
{ cta: { selectedVariants: { Button_Variants: "Secondary" } } },
|
|
632
|
+
],
|
|
633
|
+
})),
|
|
634
|
+
},
|
|
635
|
+
},
|
|
636
|
+
{
|
|
637
|
+
key: "featured-first",
|
|
638
|
+
title: "Featured First",
|
|
639
|
+
styles: {
|
|
640
|
+
layout: {},
|
|
641
|
+
container: {},
|
|
642
|
+
header_container: {
|
|
643
|
+
display: "flex",
|
|
644
|
+
"justify-content": "space-between",
|
|
645
|
+
"align-items": "center",
|
|
646
|
+
"column-gap": "xl",
|
|
647
|
+
"margin-bottom": "3xl",
|
|
648
|
+
mobile: {
|
|
649
|
+
"flex-direction": "column",
|
|
650
|
+
"align-items": "flex-start",
|
|
651
|
+
"row-gap": "lg",
|
|
652
|
+
},
|
|
653
|
+
},
|
|
654
|
+
title: {},
|
|
655
|
+
description: { "max-width": "520px" },
|
|
656
|
+
header_ctas_levoGroup: {
|
|
657
|
+
display: "flex",
|
|
658
|
+
"flex-direction": "row",
|
|
659
|
+
"align-items": "center",
|
|
660
|
+
gap: "sm",
|
|
661
|
+
},
|
|
662
|
+
products_levoGroup: {
|
|
663
|
+
display: "grid",
|
|
664
|
+
"grid-template-columns": "2fr 1fr",
|
|
665
|
+
"grid-template-rows": "auto auto",
|
|
666
|
+
"column-gap": "xl",
|
|
667
|
+
"row-gap": "xl",
|
|
668
|
+
tablet: { "grid-template-columns": "repeat(2, minmax(0, 1fr))" },
|
|
669
|
+
mobile: { "grid-template-columns": "repeat(1, minmax(0, 1fr))" },
|
|
670
|
+
},
|
|
302
671
|
products: [
|
|
303
672
|
{
|
|
304
673
|
card: {
|
|
305
|
-
"
|
|
306
|
-
"
|
|
307
|
-
"padding-
|
|
308
|
-
"padding-
|
|
309
|
-
"padding-
|
|
310
|
-
|
|
311
|
-
image: {
|
|
312
|
-
width: "100%",
|
|
313
|
-
height: "280px",
|
|
314
|
-
"border-radius": "base",
|
|
315
|
-
"margin-bottom": "lg",
|
|
316
|
-
"object-fit": "cover",
|
|
317
|
-
},
|
|
318
|
-
title_price_container: {
|
|
319
|
-
display: "flex",
|
|
320
|
-
"justify-content": "space-between",
|
|
321
|
-
"align-items": "center",
|
|
322
|
-
"margin-bottom": "sm",
|
|
323
|
-
"padding-left": "none",
|
|
324
|
-
"padding-right": "none",
|
|
325
|
-
},
|
|
326
|
-
title: {},
|
|
327
|
-
price: {},
|
|
328
|
-
description_container: {
|
|
329
|
-
display: "flex",
|
|
330
|
-
"justify-content": "space-between",
|
|
331
|
-
"align-items": "center",
|
|
332
|
-
"margin-bottom": "sm",
|
|
333
|
-
"padding-left": "none",
|
|
334
|
-
"padding-right": "none",
|
|
335
|
-
},
|
|
336
|
-
description: {
|
|
337
|
-
"margin-bottom": "sm",
|
|
338
|
-
},
|
|
339
|
-
rating_container: {
|
|
340
|
-
display: "flex",
|
|
341
|
-
"align-items": "center",
|
|
342
|
-
"column-gap": "4xs",
|
|
343
|
-
},
|
|
344
|
-
rating_icon: {
|
|
345
|
-
color: "text-2",
|
|
346
|
-
width: "16px",
|
|
347
|
-
height: "16px",
|
|
348
|
-
},
|
|
349
|
-
rating_text: {},
|
|
350
|
-
ctas_levoGroup: {
|
|
674
|
+
"border-radius": "xl",
|
|
675
|
+
"background-color": "background-2",
|
|
676
|
+
"padding-top": "xl",
|
|
677
|
+
"padding-bottom": "xl",
|
|
678
|
+
"padding-left": "xl",
|
|
679
|
+
"padding-right": "xl",
|
|
351
680
|
display: "flex",
|
|
352
681
|
"flex-direction": "column",
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
ctas: Array(2)
|
|
357
|
-
.fill(0)
|
|
358
|
-
.map(() => ({ cta: {} })),
|
|
359
|
-
},
|
|
360
|
-
{
|
|
361
|
-
card: {
|
|
362
|
-
"box-shadow": "none",
|
|
363
|
-
"padding-top": "none",
|
|
364
|
-
"padding-bottom": "lg",
|
|
365
|
-
"padding-left": "none",
|
|
366
|
-
"padding-right": "none",
|
|
682
|
+
"grid-row": "span 2",
|
|
683
|
+
height: "100%",
|
|
684
|
+
tablet: { "grid-row": "auto" },
|
|
367
685
|
},
|
|
368
686
|
image: {
|
|
369
687
|
width: "100%",
|
|
370
|
-
height: "
|
|
688
|
+
height: "480px",
|
|
371
689
|
"border-radius": "base",
|
|
372
690
|
"margin-bottom": "lg",
|
|
373
691
|
"object-fit": "cover",
|
|
692
|
+
tablet: { height: "280px" },
|
|
374
693
|
},
|
|
375
694
|
title_price_container: {
|
|
376
695
|
display: "flex",
|
|
377
696
|
"justify-content": "space-between",
|
|
378
697
|
"align-items": "center",
|
|
379
|
-
"
|
|
380
|
-
"
|
|
381
|
-
"padding-right": "none",
|
|
698
|
+
"column-gap": "sm",
|
|
699
|
+
"margin-bottom": "xs",
|
|
382
700
|
},
|
|
383
701
|
title: {},
|
|
384
702
|
price: {},
|
|
@@ -386,56 +704,53 @@ export const ProductsListing2: IBlock = {
|
|
|
386
704
|
display: "flex",
|
|
387
705
|
"justify-content": "space-between",
|
|
388
706
|
"align-items": "center",
|
|
389
|
-
"
|
|
390
|
-
"padding-left": "none",
|
|
391
|
-
"padding-right": "none",
|
|
392
|
-
},
|
|
393
|
-
description: {
|
|
707
|
+
"column-gap": "sm",
|
|
394
708
|
"margin-bottom": "sm",
|
|
395
709
|
},
|
|
710
|
+
description: {},
|
|
396
711
|
rating_container: {
|
|
397
712
|
display: "flex",
|
|
398
713
|
"align-items": "center",
|
|
399
714
|
"column-gap": "4xs",
|
|
715
|
+
"flex-shrink": "0",
|
|
400
716
|
},
|
|
401
|
-
rating_icon: {
|
|
402
|
-
color: "text-2",
|
|
403
|
-
width: "16px",
|
|
404
|
-
height: "16px",
|
|
405
|
-
},
|
|
717
|
+
rating_icon: { color: "warning", width: "16px", height: "16px" },
|
|
406
718
|
rating_text: {},
|
|
407
719
|
ctas_levoGroup: {
|
|
408
720
|
display: "flex",
|
|
409
|
-
"flex-direction": "
|
|
721
|
+
"flex-direction": "row",
|
|
410
722
|
gap: "sm",
|
|
411
|
-
"margin-top": "
|
|
723
|
+
"margin-top": "auto",
|
|
724
|
+
"padding-top": "md",
|
|
412
725
|
},
|
|
413
726
|
ctas: Array(2)
|
|
414
727
|
.fill(0)
|
|
415
728
|
.map(() => ({ cta: {} })),
|
|
416
729
|
},
|
|
417
|
-
{
|
|
730
|
+
...Array.from({ length: 2 }, () => ({
|
|
418
731
|
card: {
|
|
419
732
|
"box-shadow": "none",
|
|
420
733
|
"padding-top": "none",
|
|
421
734
|
"padding-bottom": "lg",
|
|
422
735
|
"padding-left": "none",
|
|
423
736
|
"padding-right": "none",
|
|
737
|
+
display: "flex",
|
|
738
|
+
"flex-direction": "column",
|
|
739
|
+
height: "100%",
|
|
424
740
|
},
|
|
425
741
|
image: {
|
|
426
742
|
width: "100%",
|
|
427
|
-
height: "
|
|
743
|
+
height: "220px",
|
|
428
744
|
"border-radius": "base",
|
|
429
|
-
"margin-bottom": "
|
|
745
|
+
"margin-bottom": "md",
|
|
430
746
|
"object-fit": "cover",
|
|
431
747
|
},
|
|
432
748
|
title_price_container: {
|
|
433
749
|
display: "flex",
|
|
434
750
|
"justify-content": "space-between",
|
|
435
751
|
"align-items": "center",
|
|
436
|
-
"
|
|
437
|
-
"
|
|
438
|
-
"padding-right": "none",
|
|
752
|
+
"column-gap": "sm",
|
|
753
|
+
"margin-bottom": "2xs",
|
|
439
754
|
},
|
|
440
755
|
title: {},
|
|
441
756
|
price: {},
|
|
@@ -443,111 +758,54 @@ export const ProductsListing2: IBlock = {
|
|
|
443
758
|
display: "flex",
|
|
444
759
|
"justify-content": "space-between",
|
|
445
760
|
"align-items": "center",
|
|
446
|
-
"
|
|
447
|
-
"padding-left": "none",
|
|
448
|
-
"padding-right": "none",
|
|
449
|
-
},
|
|
450
|
-
description: {
|
|
761
|
+
"column-gap": "sm",
|
|
451
762
|
"margin-bottom": "sm",
|
|
452
763
|
},
|
|
764
|
+
description: {},
|
|
453
765
|
rating_container: {
|
|
454
766
|
display: "flex",
|
|
455
767
|
"align-items": "center",
|
|
456
768
|
"column-gap": "4xs",
|
|
769
|
+
"flex-shrink": "0",
|
|
457
770
|
},
|
|
458
|
-
rating_icon: {
|
|
459
|
-
color: "text-2",
|
|
460
|
-
width: "16px",
|
|
461
|
-
height: "16px",
|
|
462
|
-
},
|
|
771
|
+
rating_icon: { color: "warning", width: "16px", height: "16px" },
|
|
463
772
|
rating_text: {},
|
|
464
773
|
ctas_levoGroup: {
|
|
465
774
|
display: "flex",
|
|
466
|
-
"flex-direction": "
|
|
775
|
+
"flex-direction": "row",
|
|
467
776
|
gap: "sm",
|
|
468
|
-
"margin-top": "
|
|
777
|
+
"margin-top": "auto",
|
|
778
|
+
"padding-top": "sm",
|
|
469
779
|
},
|
|
470
780
|
ctas: Array(2)
|
|
471
781
|
.fill(0)
|
|
472
782
|
.map(() => ({ cta: {} })),
|
|
473
|
-
},
|
|
783
|
+
})),
|
|
474
784
|
],
|
|
475
785
|
},
|
|
476
786
|
content: DEFAULT_CONTENT,
|
|
477
787
|
config: {
|
|
478
788
|
title: {
|
|
479
|
-
heading: {
|
|
480
|
-
|
|
481
|
-
},
|
|
482
|
-
selectedVariants: {
|
|
483
|
-
Heading_Level: "H2",
|
|
484
|
-
},
|
|
789
|
+
heading: { level: "2" },
|
|
790
|
+
selectedVariants: { Heading_Level: "H2" },
|
|
485
791
|
},
|
|
486
|
-
|
|
487
|
-
{
|
|
488
|
-
|
|
489
|
-
selectedVariants: {
|
|
490
|
-
Heading_Level: "H4",
|
|
491
|
-
},
|
|
492
|
-
heading: {
|
|
493
|
-
level: "4",
|
|
494
|
-
},
|
|
495
|
-
},
|
|
496
|
-
description: {
|
|
497
|
-
selectedVariants: {},
|
|
498
|
-
},
|
|
499
|
-
rating_text: {
|
|
500
|
-
selectedVariants: {},
|
|
501
|
-
},
|
|
502
|
-
price: {
|
|
503
|
-
selectedVariants: {
|
|
504
|
-
Typography_Variants: "Large",
|
|
505
|
-
},
|
|
506
|
-
},
|
|
507
|
-
},
|
|
508
|
-
{
|
|
509
|
-
title: {
|
|
510
|
-
selectedVariants: {
|
|
511
|
-
Heading_Level: "H4",
|
|
512
|
-
},
|
|
513
|
-
heading: {
|
|
514
|
-
level: "4",
|
|
515
|
-
},
|
|
516
|
-
},
|
|
517
|
-
description: {
|
|
518
|
-
selectedVariants: {},
|
|
519
|
-
},
|
|
520
|
-
rating_text: {
|
|
521
|
-
selectedVariants: {},
|
|
522
|
-
},
|
|
523
|
-
price: {
|
|
524
|
-
selectedVariants: {
|
|
525
|
-
Typography_Variants: "Large",
|
|
526
|
-
},
|
|
527
|
-
},
|
|
528
|
-
},
|
|
529
|
-
{
|
|
530
|
-
title: {
|
|
531
|
-
selectedVariants: {
|
|
532
|
-
Heading_Level: "H4",
|
|
533
|
-
},
|
|
534
|
-
heading: {
|
|
535
|
-
level: "4",
|
|
536
|
-
},
|
|
537
|
-
},
|
|
538
|
-
description: {
|
|
539
|
-
selectedVariants: {},
|
|
540
|
-
},
|
|
541
|
-
rating_text: {
|
|
542
|
-
selectedVariants: {},
|
|
543
|
-
},
|
|
544
|
-
price: {
|
|
545
|
-
selectedVariants: {
|
|
546
|
-
Typography_Variants: "Large",
|
|
547
|
-
},
|
|
548
|
-
},
|
|
549
|
-
},
|
|
792
|
+
header_ctas: [
|
|
793
|
+
{ header_cta: { selectedVariants: {} } },
|
|
794
|
+
{ header_cta: { selectedVariants: { Button_Variants: "Secondary" } } },
|
|
550
795
|
],
|
|
796
|
+
products: Array.from({ length: 3 }, () => ({
|
|
797
|
+
title: {
|
|
798
|
+
selectedVariants: { Heading_Level: "H4" },
|
|
799
|
+
heading: { level: "4" },
|
|
800
|
+
},
|
|
801
|
+
description: { selectedVariants: {} },
|
|
802
|
+
rating_text: { selectedVariants: {} },
|
|
803
|
+
price: { selectedVariants: { Typography_Variants: "Large" } },
|
|
804
|
+
ctas: [
|
|
805
|
+
{ cta: { selectedVariants: {} } },
|
|
806
|
+
{ cta: { selectedVariants: { Button_Variants: "Secondary" } } },
|
|
807
|
+
],
|
|
808
|
+
})),
|
|
551
809
|
},
|
|
552
810
|
},
|
|
553
811
|
],
|