@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.
Files changed (177) hide show
  1. package/package.json +24 -23
  2. package/src/blocks/about-us/about-us-1.schema.ts +302 -295
  3. package/src/blocks/about-us/about-us-2.schema.ts +225 -220
  4. package/src/blocks/blogs/blog-author-1.schema.ts +719 -0
  5. package/src/blocks/blogs/blog-author-1.tsx +121 -0
  6. package/src/blocks/blogs/blog-listing-1.tsx +111 -33
  7. package/src/blocks/blogs/blog-listing-2.schema.ts +15 -33
  8. package/src/blocks/blogs/blog-listing-2.tsx +118 -33
  9. package/src/blocks/blogs/blog-listing-3.schema.ts +10 -22
  10. package/src/blocks/blogs/blog-listing-3.tsx +118 -33
  11. package/src/blocks/blogs/blog-post-1.schema.ts +766 -16
  12. package/src/blocks/blogs/blog-post-1.tsx +272 -39
  13. package/src/blocks/calendar/calendar-1.schema.ts +641 -192
  14. package/src/blocks/calendar/calendar-1.tsx +1 -0
  15. package/src/blocks/cards/cards-10.schema.ts +557 -544
  16. package/src/blocks/cards/cards-11.schema.ts +525 -419
  17. package/src/blocks/cards/cards-12.schema.ts +538 -147
  18. package/src/blocks/cards/cards-13.schema.ts +482 -312
  19. package/src/blocks/cards/cards-14.schema.ts +423 -196
  20. package/src/blocks/cards/cards-15.schema.ts +309 -143
  21. package/src/blocks/cards/cards-16.schema.ts +1277 -175
  22. package/src/blocks/cards/cards-17.schema.ts +2908 -1303
  23. package/src/blocks/cards/cards-18.schema.ts +1404 -217
  24. package/src/blocks/cards/cards-19.schema.ts +1105 -1084
  25. package/src/blocks/cards/cards-19.tsx +4 -5
  26. package/src/blocks/cards/cards-2.schema.ts +513 -42
  27. package/src/blocks/cards/cards-20.schema.ts +790 -212
  28. package/src/blocks/cards/cards-21.schema.ts +1215 -229
  29. package/src/blocks/cards/cards-21.tsx +51 -6
  30. package/src/blocks/cards/cards-22.schema.ts +1252 -2809
  31. package/src/blocks/cards/cards-22.tsx +6 -7
  32. package/src/blocks/cards/cards-23.schema.ts +571 -109
  33. package/src/blocks/cards/cards-3.schema.ts +355 -116
  34. package/src/blocks/cards/cards-4.schema.ts +805 -321
  35. package/src/blocks/cards/cards-5.schema.ts +216 -64
  36. package/src/blocks/cards/cards-6.schema.ts +568 -1330
  37. package/src/blocks/cards/cards-7.schema.ts +1181 -1378
  38. package/src/blocks/cards/cards-8.schema.ts +585 -221
  39. package/src/blocks/cards/cards-9.schema.ts +763 -382
  40. package/src/blocks/carousel/carousel-1.schema.ts +257 -502
  41. package/src/blocks/carousel/carousel-1.tsx +2 -2
  42. package/src/blocks/carousel/carousel-2.schema.ts +771 -761
  43. package/src/blocks/community/community-1.schema.ts +8 -23
  44. package/src/blocks/community/community-1.tsx +3 -3
  45. package/src/blocks/community/community-post-1.tsx +4 -4
  46. package/src/blocks/contact-us/contact-us-1.schema.ts +360 -14
  47. package/src/blocks/contact-us/contact-us-2.schema.ts +441 -325
  48. package/src/blocks/content/content-1.schema.ts +800 -381
  49. package/src/blocks/content/content-10.schema.ts +763 -20
  50. package/src/blocks/content/content-2.schema.ts +426 -52
  51. package/src/blocks/content/content-3.schema.ts +631 -432
  52. package/src/blocks/content/content-4.schema.ts +378 -123
  53. package/src/blocks/content/content-5.schema.ts +1152 -682
  54. package/src/blocks/content/content-6.schema.ts +679 -707
  55. package/src/blocks/content/content-7.schema.ts +694 -291
  56. package/src/blocks/content/content-8.schema.ts +247 -7
  57. package/src/blocks/content/content-9.schema.ts +855 -116
  58. package/src/blocks/cta/cta-1.schema.ts +294 -62
  59. package/src/blocks/cta/cta-2.schema.ts +302 -66
  60. package/src/blocks/cta/cta-2.tsx +1 -2
  61. package/src/blocks/cta/cta-3.schema.ts +312 -62
  62. package/src/blocks/ecommerce/ecommerce-1.schema.ts +477 -0
  63. package/src/blocks/ecommerce/ecommerce-1.tsx +243 -0
  64. package/src/blocks/ecommerce/ecommerce-2.schema.ts +268 -0
  65. package/src/blocks/ecommerce/ecommerce-2.tsx +238 -0
  66. package/src/blocks/ecommerce/ecommerce-3.schema.ts +56 -0
  67. package/src/blocks/ecommerce/ecommerce-3.tsx +72 -0
  68. package/src/blocks/ecommerce/ecommerce-4.schema.ts +461 -0
  69. package/src/blocks/ecommerce/ecommerce-4.tsx +249 -0
  70. package/src/blocks/ecommerce/ecommerce-5.schema.ts +230 -0
  71. package/src/blocks/ecommerce/ecommerce-5.tsx +146 -0
  72. package/src/blocks/embed/embed-1.schema.ts +181 -0
  73. package/src/blocks/event/event-listing-2.schema.ts +5 -11
  74. package/src/blocks/event/event-listing-3.schema.ts +5 -11
  75. package/src/blocks/event/event-listing-4.schema.ts +5 -11
  76. package/src/blocks/event/event-listing.schema.ts +5 -11
  77. package/src/blocks/faq/faq-1.schema.ts +439 -260
  78. package/src/blocks/faq/faq-2.schema.ts +444 -266
  79. package/src/blocks/faq/faq-3.schema.ts +1420 -224
  80. package/src/blocks/features/features-1/features-1.schema.ts +21 -21
  81. package/src/blocks/features/features-1/variants/default.ts +120 -138
  82. package/src/blocks/features/features-1/variants/index.ts +2 -2
  83. package/src/blocks/features/features-1/variants/minimal-list.ts +139 -0
  84. package/src/blocks/features/features-1/variants/stylized-cards-v1.ts +69 -385
  85. package/src/blocks/features/features-1/variants/stylized-cards-v2.ts +74 -408
  86. package/src/blocks/features/features-2.schema.ts +368 -286
  87. package/src/blocks/features/features-3.schema.ts +557 -280
  88. package/src/blocks/features/features-4.schema.ts +940 -432
  89. package/src/blocks/features/features-5.schema.ts +566 -407
  90. package/src/blocks/features/features-6.schema.ts +557 -523
  91. package/src/blocks/filter-listing/filter-listing-1.schema.ts +922 -270
  92. package/src/blocks/floating-buttons/floating-button-1.schema.ts +123 -0
  93. package/src/blocks/footer/footer-1.schema.ts +383 -401
  94. package/src/blocks/footer/footer-2.schema.ts +337 -878
  95. package/src/blocks/footer/footer-3.schema.ts +445 -381
  96. package/src/blocks/footer/footer-4.schema.ts +610 -439
  97. package/src/blocks/footer/footer-5.schema.ts +367 -321
  98. package/src/blocks/footer/footer-6.schema.ts +610 -357
  99. package/src/blocks/form/form-1.schema.ts +237 -0
  100. package/src/blocks/hero/hero-1.schema.ts +251 -221
  101. package/src/blocks/hero/hero-10.schema.ts +23 -14
  102. package/src/blocks/hero/hero-11.schema.ts +728 -601
  103. package/src/blocks/hero/hero-12.schema.ts +524 -334
  104. package/src/blocks/hero/hero-13.schema.ts +83 -95
  105. package/src/blocks/hero/hero-2.schema.ts +277 -68
  106. package/src/blocks/hero/hero-3.schema.ts +371 -235
  107. package/src/blocks/hero/hero-3.tsx +1 -1
  108. package/src/blocks/hero/hero-4.schema.ts +605 -338
  109. package/src/blocks/hero/hero-5.schema.ts +545 -61
  110. package/src/blocks/hero/hero-6.schema.ts +446 -257
  111. package/src/blocks/hero/hero-6.tsx +1 -1
  112. package/src/blocks/hero/hero-7.schema.ts +1299 -131
  113. package/src/blocks/hero/hero-7.tsx +43 -23
  114. package/src/blocks/hero/hero-8.schema.ts +736 -236
  115. package/src/blocks/hero/hero-9.schema.ts +908 -58
  116. package/src/blocks/index.ts +14 -2
  117. package/src/blocks/jobs/jobs-1.schema.ts +741 -219
  118. package/src/blocks/logos/logos-1.schema.ts +317 -321
  119. package/src/blocks/logos/logos-1.tsx +32 -19
  120. package/src/blocks/logos/logos-2.schema.ts +223 -0
  121. package/src/blocks/logos/logos-2.tsx +55 -0
  122. package/src/blocks/navbar/navbar-1.schema.ts +319 -186
  123. package/src/blocks/navbar/navbar-3.schema.ts +618 -570
  124. package/src/blocks/navbar/navbar-3.tsx +3 -2
  125. package/src/blocks/navbar/navbar-4.schema.ts +731 -1234
  126. package/src/blocks/navbar/navbar-4.tsx +1 -6
  127. package/src/blocks/polling/polling-1.schema.ts +161 -0
  128. package/src/blocks/pricing/pricing-1.schema.ts +549 -626
  129. package/src/blocks/products/products-listing-1.schema.ts +363 -249
  130. package/src/blocks/products/products-listing-2.schema.ts +515 -257
  131. package/src/blocks/products/products-listing-3.schema.ts +790 -839
  132. package/src/blocks/products/products-listing-3.tsx +86 -84
  133. package/src/blocks/profile/profile-1.schema.ts +168 -187
  134. package/src/blocks/profile/profile-2.schema.ts +150 -122
  135. package/src/blocks/profile/profile-3.schema.ts +307 -256
  136. package/src/blocks/profile/profile-4.schema.ts +372 -504
  137. package/src/blocks/profile/profile-5.schema.ts +186 -79
  138. package/src/blocks/services/service-1.schema.ts +700 -631
  139. package/src/blocks/services/service-2.schema.ts +559 -82
  140. package/src/blocks/services/service-2.tsx +5 -6
  141. package/src/blocks/services/service-3.schema.ts +592 -207
  142. package/src/blocks/services/service-3.tsx +10 -2
  143. package/src/blocks/stats/stats-1.schema.ts +347 -257
  144. package/src/blocks/stats/stats-2.schema.ts +14 -2
  145. package/src/blocks/stats/variants/default.ts +14 -37
  146. package/src/blocks/stats/variants/extra.ts +232 -0
  147. package/src/blocks/stats/variants/hero.ts +1 -30
  148. package/src/blocks/stats/variants/index.ts +13 -1
  149. package/src/blocks/tabs/tab-1.schema.ts +1361 -214
  150. package/src/blocks/tabs/tab-2.schema.ts +984 -390
  151. package/src/blocks/tabs/tab-3.schema.ts +961 -95
  152. package/src/blocks/team/team-1.schema.ts +681 -564
  153. package/src/blocks/team/team-2.schema.ts +589 -935
  154. package/src/blocks/team/team-3.schema.ts +375 -284
  155. package/src/blocks/team/team-4.schema.ts +569 -355
  156. package/src/blocks/team/team-5.schema.ts +307 -111
  157. package/src/blocks/testimonial/testimonial-1.schema.ts +605 -706
  158. package/src/blocks/testimonial/testimonial-2.schema.ts +825 -1099
  159. package/src/blocks/testimonial/testimonial-3.schema.ts +580 -235
  160. package/src/blocks/testimonial/testimonial-4.schema.ts +1326 -1779
  161. package/src/blocks/testimonial/testimonial-5/variants/default.ts +179 -328
  162. package/src/blocks/testimonial/testimonial-5/variants/index.ts +9 -1
  163. package/src/blocks/testimonial/testimonial-5/variants/testimonialCentered.ts +194 -0
  164. package/src/blocks/testimonial/testimonial-5/variants/testimonialCompact.ts +188 -0
  165. package/src/blocks/testimonial/testimonial-5/variants/testimonialWithLogo.ts +275 -396
  166. package/src/blocks/testimonial/testimonial-5/variants/testimonialWithRatings.ts +254 -602
  167. package/src/blocks/testimonial/testimonial-5.schema.ts +6 -2
  168. package/src/blocks/testimonial/testimonial-6.schema.ts +962 -1234
  169. package/src/blocks/testimonial/testimonial-7.schema.ts +515 -233
  170. package/src/blocks/timeline/timeline-1.schema.ts +382 -140
  171. package/src/blocks/users/edit-profile.schema.ts +2 -8
  172. package/src/blocks/users/edit-profile.tsx +2 -3
  173. package/src/schemas/blocks.ts +14 -2
  174. package/src/schemas/categories.ts +6 -0
  175. package/src/blocks/features/features-1/variants/stylized-cards-v3.ts +0 -268
  176. package/src/blocks/navbar/navbar-2.schema.ts +0 -1134
  177. 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 MEDIA_1 = {
4
- id: "Imv2Br3xZnrf",
5
- filename: "product-listing-2-1.jpg",
3
+ const IMG_1 = {
4
+ id: "7453455593728034312",
6
5
  kind: "image",
7
- location: "https://static.levocdn.com/WLZ1TXTD/product-listing-2-1-w9frJuthKQ8f.jpg",
6
+ location: "https://images.pexels.com/photos/17235420/pexels-photo-17235420.jpeg",
7
+ mimetype: "image/jpeg",
8
8
  srcset: {
9
- "1080w": "https://static.levocdn.com/WLZ1TXTD/product-listing-2-1-w9frJuthKQ8f-1080w.webp",
10
- "1200w": "https://static.levocdn.com/WLZ1TXTD/product-listing-2-1-w9frJuthKQ8f-1200w.webp",
11
- "1920w": "https://static.levocdn.com/WLZ1TXTD/product-listing-2-1-w9frJuthKQ8f-1920w.webp",
12
- "320w": "https://static.levocdn.com/WLZ1TXTD/product-listing-2-1-w9frJuthKQ8f-320w.webp",
13
- "640w": "https://static.levocdn.com/WLZ1TXTD/product-listing-2-1-w9frJuthKQ8f-640w.webp",
14
- "750w": "https://static.levocdn.com/WLZ1TXTD/product-listing-2-1-w9frJuthKQ8f-750w.webp",
15
- "828w": "https://static.levocdn.com/WLZ1TXTD/product-listing-2-1-w9frJuthKQ8f-828w.webp",
16
- path: "https://static.levocdn.com/WLZ1TXTD/product-listing-2-1-w9frJuthKQ8f-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/product-listing-2-1-w9frJuthKQ8f-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/product-listing-2-1-w9frJuthKQ8f-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/product-listing-2-1-w9frJuthKQ8f-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/product-listing-2-1-w9frJuthKQ8f-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/product-listing-2-1-w9frJuthKQ8f-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/product-listing-2-1-w9frJuthKQ8f-1920w.webp 1920w",
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 MEDIA_2 = {
22
- id: "pKknltJ2E9tp",
23
- filename: "product-listing-2-3.jpg",
27
+ const IMG_2 = {
28
+ id: "7453455573150835909",
24
29
  kind: "image",
25
- location: "https://static.levocdn.com/WLZ1TXTD/product-listing-2-3-aytUN3yzqdh4.jpg",
30
+ location: "https://images.pexels.com/photos/4691470/pexels-photo-4691470.jpeg",
31
+ mimetype: "image/jpeg",
26
32
  srcset: {
27
- "1080w": "https://static.levocdn.com/WLZ1TXTD/product-listing-2-3-aytUN3yzqdh4-1080w.webp",
28
- "1200w": "https://static.levocdn.com/WLZ1TXTD/product-listing-2-3-aytUN3yzqdh4-1200w.webp",
29
- "1920w": "https://static.levocdn.com/WLZ1TXTD/product-listing-2-3-aytUN3yzqdh4-1920w.webp",
30
- "320w": "https://static.levocdn.com/WLZ1TXTD/product-listing-2-3-aytUN3yzqdh4-320w.webp",
31
- "640w": "https://static.levocdn.com/WLZ1TXTD/product-listing-2-3-aytUN3yzqdh4-640w.webp",
32
- "750w": "https://static.levocdn.com/WLZ1TXTD/product-listing-2-3-aytUN3yzqdh4-750w.webp",
33
- "828w": "https://static.levocdn.com/WLZ1TXTD/product-listing-2-3-aytUN3yzqdh4-828w.webp",
34
- path: "https://static.levocdn.com/WLZ1TXTD/product-listing-2-3-aytUN3yzqdh4-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/product-listing-2-3-aytUN3yzqdh4-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/product-listing-2-3-aytUN3yzqdh4-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/product-listing-2-3-aytUN3yzqdh4-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/product-listing-2-3-aytUN3yzqdh4-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/product-listing-2-3-aytUN3yzqdh4-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/product-listing-2-3-aytUN3yzqdh4-750w.webp 750w",
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 MEDIA_3 = {
40
- id: "jfwkpeTXrkef",
41
- filename: "product-listing-2-2.jpg",
51
+ const IMG_3 = {
52
+ id: "7453455598573832948",
42
53
  kind: "image",
43
- location: "https://static.levocdn.com/WLZ1TXTD/product-listing-2-2-iPDjfZlgejpk.jpg",
54
+ location: "https://images.pexels.com/photos/5834243/pexels-photo-5834243.jpeg",
55
+ mimetype: "image/jpeg",
44
56
  srcset: {
45
- "1080w": "https://static.levocdn.com/WLZ1TXTD/product-listing-2-2-iPDjfZlgejpk-1080w.webp",
46
- "1200w": "https://static.levocdn.com/WLZ1TXTD/product-listing-2-2-iPDjfZlgejpk-1200w.webp",
47
- "1920w": "https://static.levocdn.com/WLZ1TXTD/product-listing-2-2-iPDjfZlgejpk-1920w.webp",
48
- "320w": "https://static.levocdn.com/WLZ1TXTD/product-listing-2-2-iPDjfZlgejpk-320w.webp",
49
- "640w": "https://static.levocdn.com/WLZ1TXTD/product-listing-2-2-iPDjfZlgejpk-640w.webp",
50
- "750w": "https://static.levocdn.com/WLZ1TXTD/product-listing-2-2-iPDjfZlgejpk-750w.webp",
51
- "828w": "https://static.levocdn.com/WLZ1TXTD/product-listing-2-2-iPDjfZlgejpk-828w.webp",
52
- path: "https://static.levocdn.com/WLZ1TXTD/product-listing-2-2-iPDjfZlgejpk-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/product-listing-2-2-iPDjfZlgejpk-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/product-listing-2-2-iPDjfZlgejpk-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/product-listing-2-2-iPDjfZlgejpk-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/product-listing-2-2-iPDjfZlgejpk-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/product-listing-2-2-iPDjfZlgejpk-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/product-listing-2-2-iPDjfZlgejpk-1080w.webp 1080w",
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 Bestsellers",
62
- description: "Our Bestsellers Our Bestsellers Our Bestsellers Our Bestsellers Our Bestsellers ",
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: "View All Bestsellers" }, { header_cta: "Learn More" }],
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: MEDIA_1,
98
+ image: IMG_1,
70
99
  title_price_container: null,
71
- title: "Calm Daily CBD Oil",
72
- price: "$25",
100
+ title: "POS Terminal 3",
101
+ price: "$499",
73
102
  description_container: null,
74
- description: "25mg CBD per serving",
103
+ description: "EMV chip + NFC contactless, PCI DSS Level 1 out of the box.",
75
104
  rating_container: null,
76
- rating_text: "4.2",
105
+ rating_text: "4.8",
77
106
  ctas_levoGroup: null,
78
- ctas: [{ cta: "Add to Cart" }, { cta: "Learn More" }],
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: MEDIA_2,
112
+ image: IMG_2,
93
113
  title_price_container: null,
94
- title: "Calm Daily CBD Oil",
95
- price: "$25",
114
+ title: "Corporate Card",
115
+ price: "$0 setup",
96
116
  description_container: null,
97
- description: "25mg CBD per serving",
117
+ description: "Unlimited virtual cards with real-time spend controls and MCC rules.",
98
118
  rating_container: null,
99
- rating_text: "4.2",
119
+ rating_text: "4.7",
100
120
  ctas_levoGroup: null,
101
- ctas: [{ cta: "Add to Cart" }, { cta: "Learn More" }],
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: MEDIA_3,
126
+ image: IMG_3,
116
127
  title_price_container: null,
117
- title: "Calm Daily CBD Oil",
118
- price: "$25",
128
+ title: "Trader Pro",
129
+ price: "$49 / mo",
119
130
  description_container: null,
120
- description: "25mg CBD per serving",
131
+ description: "Portfolio analytics with a sub-100ms market data stream.",
121
132
  rating_container: null,
122
- rating_text: "4.2",
133
+ rating_text: "4.9",
123
134
  ctas_levoGroup: null,
124
- ctas: [{ cta: "Add to Cart" }, { cta: "Learn More" }],
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
- "margin-bottom": "2xl",
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
- "box-shadow": "none",
306
- "padding-top": "none",
307
- "padding-bottom": "lg",
308
- "padding-left": "none",
309
- "padding-right": "none",
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
- gap: "sm",
354
- "margin-top": "md",
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: "280px",
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
- "margin-bottom": "sm",
380
- "padding-left": "none",
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
- "margin-bottom": "sm",
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": "column",
721
+ "flex-direction": "row",
410
722
  gap: "sm",
411
- "margin-top": "md",
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: "280px",
743
+ height: "220px",
428
744
  "border-radius": "base",
429
- "margin-bottom": "lg",
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
- "margin-bottom": "sm",
437
- "padding-left": "none",
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
- "margin-bottom": "sm",
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": "column",
775
+ "flex-direction": "row",
467
776
  gap: "sm",
468
- "margin-top": "md",
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
- level: "2",
481
- },
482
- selectedVariants: {
483
- Heading_Level: "H2",
484
- },
789
+ heading: { level: "2" },
790
+ selectedVariants: { Heading_Level: "H2" },
485
791
  },
486
- products: [
487
- {
488
- title: {
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
  ],