@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
package/src/blocks/products/products-listing-3.schema.ts CHANGED
@@ -1,66 +1,86 @@
1
1
  import type { IBlock } from "@levo-so/studio";
2
2
 
3
- const MEDIA_1 = {
4
- id: "R6e9NbORHslK",
5
- filename: "products-listing-3-1.png",
3
+ const IMG_1 = {
4
+ id: "7453455596345027672",
6
5
  kind: "image",
7
- location: "https://static.levocdn.com/WLZ1TXTD/products-listing-3-1-30Wfpd1aIW89.png",
6
+ location: "https://images.pexels.com/photos/4226270/pexels-photo-4226270.jpeg",
7
+ mimetype: "image/jpeg",
8
8
  srcset: {
9
- "1080w": "https://static.levocdn.com/WLZ1TXTD/products-listing-3-1-30Wfpd1aIW89-1080w.webp",
10
- "1200w": "https://static.levocdn.com/WLZ1TXTD/products-listing-3-1-30Wfpd1aIW89-1200w.webp",
11
- "1920w": "https://static.levocdn.com/WLZ1TXTD/products-listing-3-1-30Wfpd1aIW89-1920w.webp",
12
- "320w": "https://static.levocdn.com/WLZ1TXTD/products-listing-3-1-30Wfpd1aIW89-320w.webp",
13
- "640w": "https://static.levocdn.com/WLZ1TXTD/products-listing-3-1-30Wfpd1aIW89-640w.webp",
14
- "750w": "https://static.levocdn.com/WLZ1TXTD/products-listing-3-1-30Wfpd1aIW89-750w.webp",
15
- "828w": "https://static.levocdn.com/WLZ1TXTD/products-listing-3-1-30Wfpd1aIW89-828w.webp",
16
- path: "https://static.levocdn.com/WLZ1TXTD/products-listing-3-1-30Wfpd1aIW89-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/products-listing-3-1-30Wfpd1aIW89-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/products-listing-3-1-30Wfpd1aIW89-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/products-listing-3-1-30Wfpd1aIW89-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/products-listing-3-1-30Wfpd1aIW89-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/products-listing-3-1-30Wfpd1aIW89-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/products-listing-3-1-30Wfpd1aIW89-1920w.webp 1920w",
9
+ "320w":
10
+ "https://images.pexels.com/photos/4226270/pexels-photo-4226270.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
11
+ "640w":
12
+ "https://images.pexels.com/photos/4226270/pexels-photo-4226270.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
13
+ "750w":
14
+ "https://images.pexels.com/photos/4226270/pexels-photo-4226270.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
15
+ "828w":
16
+ "https://images.pexels.com/photos/4226270/pexels-photo-4226270.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
17
+ "1080w":
18
+ "https://images.pexels.com/photos/4226270/pexels-photo-4226270.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
19
+ "1200w":
20
+ "https://images.pexels.com/photos/4226270/pexels-photo-4226270.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
21
+ "1920w":
22
+ "https://images.pexels.com/photos/4226270/pexels-photo-4226270.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
23
+ path: "https://images.pexels.com/photos/4226270/pexels-photo-4226270.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320 320w, https://images.pexels.com/photos/4226270/pexels-photo-4226270.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/4226270/pexels-photo-4226270.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750 750w, https://images.pexels.com/photos/4226270/pexels-photo-4226270.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828 828w, https://images.pexels.com/photos/4226270/pexels-photo-4226270.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/4226270/pexels-photo-4226270.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200 1200w, https://images.pexels.com/photos/4226270/pexels-photo-4226270.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w",
17
24
  },
18
- mimetype: "image/png",
19
25
  };
20
- const MEDIA_2 = {
21
- id: "lDiqGwMyanPx",
22
- filename: "products-listing-3-2.png",
26
+
27
+ const IMG_2 = {
28
+ id: "7453455601211151889",
23
29
  kind: "image",
24
- location: "https://static.levocdn.com/WLZ1TXTD/products-listing-3-2-OaJNLqfv7g8l.png",
30
+ location: "https://images.pexels.com/photos/5912324/pexels-photo-5912324.jpeg",
31
+ mimetype: "image/jpeg",
25
32
  srcset: {
26
- "1080w": "https://static.levocdn.com/WLZ1TXTD/products-listing-3-2-OaJNLqfv7g8l-1080w.webp",
27
- "1200w": "https://static.levocdn.com/WLZ1TXTD/products-listing-3-2-OaJNLqfv7g8l-1200w.webp",
28
- "1920w": "https://static.levocdn.com/WLZ1TXTD/products-listing-3-2-OaJNLqfv7g8l-1920w.webp",
29
- "320w": "https://static.levocdn.com/WLZ1TXTD/products-listing-3-2-OaJNLqfv7g8l-320w.webp",
30
- "640w": "https://static.levocdn.com/WLZ1TXTD/products-listing-3-2-OaJNLqfv7g8l-640w.webp",
31
- "750w": "https://static.levocdn.com/WLZ1TXTD/products-listing-3-2-OaJNLqfv7g8l-750w.webp",
32
- "828w": "https://static.levocdn.com/WLZ1TXTD/products-listing-3-2-OaJNLqfv7g8l-828w.webp",
33
- path: "https://static.levocdn.com/WLZ1TXTD/products-listing-3-2-OaJNLqfv7g8l-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/products-listing-3-2-OaJNLqfv7g8l-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/products-listing-3-2-OaJNLqfv7g8l-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/products-listing-3-2-OaJNLqfv7g8l-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/products-listing-3-2-OaJNLqfv7g8l-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/products-listing-3-2-OaJNLqfv7g8l-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/products-listing-3-2-OaJNLqfv7g8l-320w.webp 320w",
33
+ "320w":
34
+ "https://images.pexels.com/photos/5912324/pexels-photo-5912324.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
35
+ "640w":
36
+ "https://images.pexels.com/photos/5912324/pexels-photo-5912324.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
37
+ "750w":
38
+ "https://images.pexels.com/photos/5912324/pexels-photo-5912324.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
39
+ "828w":
40
+ "https://images.pexels.com/photos/5912324/pexels-photo-5912324.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
41
+ "1080w":
42
+ "https://images.pexels.com/photos/5912324/pexels-photo-5912324.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
43
+ "1200w":
44
+ "https://images.pexels.com/photos/5912324/pexels-photo-5912324.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
45
+ "1920w":
46
+ "https://images.pexels.com/photos/5912324/pexels-photo-5912324.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
47
+ path: "https://images.pexels.com/photos/5912324/pexels-photo-5912324.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320 320w, https://images.pexels.com/photos/5912324/pexels-photo-5912324.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/5912324/pexels-photo-5912324.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750 750w, https://images.pexels.com/photos/5912324/pexels-photo-5912324.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828 828w, https://images.pexels.com/photos/5912324/pexels-photo-5912324.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/5912324/pexels-photo-5912324.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200 1200w, https://images.pexels.com/photos/5912324/pexels-photo-5912324.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w",
34
48
  },
35
- mimetype: "image/png",
36
49
  };
37
- const MEDIA_3 = {
38
- id: "01TLtz7kQgTA",
39
- filename: "products-listing-3-3.png",
50
+
51
+ const IMG_3 = {
52
+ id: "7453455605901122287",
40
53
  kind: "image",
41
- location: "https://static.levocdn.com/WLZ1TXTD/products-listing-3-3-iPD7fZluUeGh.png",
54
+ location: "https://images.pexels.com/photos/5784813/pexels-photo-5784813.jpeg",
55
+ mimetype: "image/jpeg",
42
56
  srcset: {
43
- "1080w": "https://static.levocdn.com/WLZ1TXTD/products-listing-3-3-iPD7fZluUeGh-1080w.webp",
44
- "1200w": "https://static.levocdn.com/WLZ1TXTD/products-listing-3-3-iPD7fZluUeGh-1200w.webp",
45
- "1920w": "https://static.levocdn.com/WLZ1TXTD/products-listing-3-3-iPD7fZluUeGh-1920w.webp",
46
- "320w": "https://static.levocdn.com/WLZ1TXTD/products-listing-3-3-iPD7fZluUeGh-320w.webp",
47
- "640w": "https://static.levocdn.com/WLZ1TXTD/products-listing-3-3-iPD7fZluUeGh-640w.webp",
48
- "750w": "https://static.levocdn.com/WLZ1TXTD/products-listing-3-3-iPD7fZluUeGh-750w.webp",
49
- "828w": "https://static.levocdn.com/WLZ1TXTD/products-listing-3-3-iPD7fZluUeGh-828w.webp",
50
- path: "https://static.levocdn.com/WLZ1TXTD/products-listing-3-3-iPD7fZluUeGh-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/products-listing-3-3-iPD7fZluUeGh-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/products-listing-3-3-iPD7fZluUeGh-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/products-listing-3-3-iPD7fZluUeGh-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/products-listing-3-3-iPD7fZluUeGh-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/products-listing-3-3-iPD7fZluUeGh-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/products-listing-3-3-iPD7fZluUeGh-1200w.webp 1200w",
57
+ "320w":
58
+ "https://images.pexels.com/photos/5784813/pexels-photo-5784813.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
59
+ "640w":
60
+ "https://images.pexels.com/photos/5784813/pexels-photo-5784813.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
61
+ "750w":
62
+ "https://images.pexels.com/photos/5784813/pexels-photo-5784813.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
63
+ "828w":
64
+ "https://images.pexels.com/photos/5784813/pexels-photo-5784813.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
65
+ "1080w":
66
+ "https://images.pexels.com/photos/5784813/pexels-photo-5784813.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
67
+ "1200w":
68
+ "https://images.pexels.com/photos/5784813/pexels-photo-5784813.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
69
+ "1920w":
70
+ "https://images.pexels.com/photos/5784813/pexels-photo-5784813.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
71
+ path: "https://images.pexels.com/photos/5784813/pexels-photo-5784813.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320 320w, https://images.pexels.com/photos/5784813/pexels-photo-5784813.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/5784813/pexels-photo-5784813.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750 750w, https://images.pexels.com/photos/5784813/pexels-photo-5784813.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828 828w, https://images.pexels.com/photos/5784813/pexels-photo-5784813.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/5784813/pexels-photo-5784813.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200 1200w, https://images.pexels.com/photos/5784813/pexels-photo-5784813.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w",
51
72
  },
52
- mimetype: "image/png",
53
73
  };
54
74
 
55
75
  const DEFAULT_CONTENT = {
56
76
  layout: null,
57
77
  container: null,
58
78
  header_container: null,
59
- title: "Featured Products Collection",
79
+ title: "Plans that scale with your ledger",
60
80
  description:
61
- "Featured Products Collection Featured Products Collection Featured Products Collection Featured Products Collection Featured Products Collection",
81
+ "Every plan ships PCI DSS Level 1, SOC 2 Type II reports, and the full SDK. Pick the tier that matches your volume.",
62
82
  header_ctas_levoGroup: null,
63
- header_ctas: [{ header_cta: "View All Products" }, { header_cta: "Learn More" }],
83
+ header_ctas: [{ header_cta: "Compare plans" }, { header_cta: "Book a demo" }],
64
84
  products_container: null,
65
85
  product_groups: [
66
86
  {
@@ -69,63 +89,42 @@ const DEFAULT_CONTENT = {
69
89
  products_with_images: [
70
90
  {
71
91
  card: null,
72
- image: MEDIA_1,
92
+ image: IMG_1,
73
93
  content_wrapper: null,
74
- title: "<p>Master Health Checkup</p>",
75
- description: "<p>Includes 14 Tests</p>",
94
+ title: "Checkout Suite",
95
+ description: "PCI DSS Level 1 checkout across 210+ payment methods.",
76
96
  price_container: null,
77
- actual_price: "<p>₹ 1350</p>",
78
- discount_price: "<p>₹2500</p>",
79
- off_percent: "33% OFF",
97
+ actual_price: "₹ 2,999 / mo",
98
+ discount_price: "₹ 4,999",
99
+ off_percent: "40% OFF",
80
100
  ctas_levoGroup: null,
81
- ctas: [
82
- {
83
- cta: "Add to Cart",
84
- },
85
- {
86
- cta: "Learn More",
87
- },
88
- ],
101
+ ctas: [{ cta: "Get started" }],
89
102
  },
90
103
  {
91
104
  card: null,
92
- image: MEDIA_2,
105
+ image: IMG_2,
93
106
  content_wrapper: null,
94
- title: "<p>Complete Health Package</p>",
95
- description: "<p>Includes 20 Tests</p>",
107
+ title: "Fraud Radar",
108
+ description: "Real-time rules and ML scoring at 45ms p95.",
96
109
  price_container: null,
97
- actual_price: "<p>₹ 1850</p>",
98
- discount_price: "<p>₹3200</p>",
99
- off_percent: "42% OFF",
110
+ actual_price: "₹ 3,999 / mo",
111
+ discount_price: "₹ 6,999",
112
+ off_percent: "43% OFF",
100
113
  ctas_levoGroup: null,
101
- ctas: [
102
- {
103
- cta: "Add to Cart",
104
- },
105
- {
106
- cta: "Learn More",
107
- },
108
- ],
114
+ ctas: [{ cta: "Get started" }],
109
115
  },
110
116
  {
111
117
  card: null,
112
- image: MEDIA_3,
118
+ image: IMG_3,
113
119
  content_wrapper: null,
114
- title: "<p>Complete Health Package</p>",
115
- description: "<p>Includes 20 Tests</p>",
120
+ title: "Ledger & Recon",
121
+ description: "Double-entry ledger that auto-reconciles in 30 seconds.",
116
122
  price_container: null,
117
- actual_price: "<p>₹ 1850</p>",
118
- discount_price: "<p>₹3200</p>",
119
- off_percent: "42% OFF",
123
+ actual_price: "₹ 5,499 / mo",
124
+ discount_price: "₹ 8,999",
125
+ off_percent: "39% OFF",
120
126
  ctas_levoGroup: null,
121
- ctas: [
122
- {
123
- cta: "Add to Cart",
124
- },
125
- {
126
- cta: "Learn More",
127
- },
128
- ],
127
+ ctas: [{ cta: "Get started" }],
129
128
  },
130
129
  ],
131
130
  products_without_images_levoGroup: null,
@@ -133,21 +132,14 @@ const DEFAULT_CONTENT = {
133
132
  {
134
133
  card: null,
135
134
  content_wrapper: null,
136
- title: "<p>Basic Health Checkup</p>",
137
- description: "",
135
+ title: "Dev Sandbox",
136
+ description: "10K API calls a month. Full SDK. Fake ledger. No card required.",
138
137
  price_container: null,
139
- actual_price: "<p>₹ 850</p>",
140
- discount_price: "<p>₹1500</p>",
141
- off_percent: "43% OFF",
138
+ actual_price: "₹ 0 / mo",
139
+ discount_price: "₹ 1,999",
140
+ off_percent: "FREE",
142
141
  ctas_levoGroup: null,
143
- ctas: [
144
- {
145
- cta: "Add to Cart",
146
- },
147
- {
148
- cta: "Learn More",
149
- },
150
- ],
142
+ ctas: [{ cta: "Start free" }],
151
143
  },
152
144
  ],
153
145
  },
@@ -156,6 +148,296 @@ const DEFAULT_CONTENT = {
156
148
 
157
149
  export type IProductsListing3Content = typeof DEFAULT_CONTENT;
158
150
 
151
+
152
+ const configForProductsWithImages = (headingLevel: string) =>
153
+ Array.from({ length: 3 }, () => ({
154
+ ctas: [{ cta: { selectedVariants: {} } }],
155
+ description: { selectedVariants: { Typography_Variants: "Body" } },
156
+ title: {
157
+ heading: { level: "4" },
158
+ selectedVariants: { Heading_Level: headingLevel },
159
+ },
160
+ }));
161
+
162
+ const configForProductsWithoutImages = (headingLevel: string) => [
163
+ {
164
+ title: {
165
+ heading: { level: "4" },
166
+ selectedVariants: { Heading_Level: headingLevel },
167
+ },
168
+ description: { selectedVariants: { Typography_Variants: "Body" } },
169
+ ctas: [{ cta: { selectedVariants: {} } }],
170
+ },
171
+ ];
172
+
173
+ const priceRowStyles = {
174
+ price_container: {
175
+ display: "flex",
176
+ "column-gap": "sm",
177
+ "row-gap": "2xs",
178
+ "align-items": "baseline",
179
+ "margin-top": "sm",
180
+ "flex-wrap": "wrap",
181
+ },
182
+ actual_price: { "font-weight": "700", color: "text-1" },
183
+ discount_price: {
184
+ color: "text-3",
185
+ "text-decoration": "line-through",
186
+ "font-size": "sm",
187
+ },
188
+ off_percent: {
189
+ "font-weight": "600",
190
+ color: "success",
191
+ "background-color": "color-mix(in oklch, var(--color-success) 12%, transparent)",
192
+ "padding-top": "3xs",
193
+ "padding-bottom": "3xs",
194
+ "padding-left": "2xs",
195
+ "padding-right": "2xs",
196
+ "border-radius": "base",
197
+ "font-size": "xs",
198
+ },
199
+ };
200
+
201
+ const productWithImageCardBase = {
202
+ card: {
203
+ "background-color": "background-1",
204
+ "border-width": "1px",
205
+ "border-style": "solid",
206
+ "border-color": "border",
207
+ "border-radius": "xl",
208
+ overflow: "hidden",
209
+ display: "flex",
210
+ "flex-direction": "column",
211
+ height: "100%",
212
+ },
213
+ image: {
214
+ width: "100%",
215
+ height: "260px",
216
+ "object-fit": "cover",
217
+ },
218
+ content_wrapper: {
219
+ display: "flex",
220
+ "flex-direction": "column",
221
+ "row-gap": "xs",
222
+ padding: "lg",
223
+ flex: "1",
224
+ },
225
+ title: { color: "text-1", "font-weight": "600" },
226
+ description: { color: "text-2" },
227
+ ...priceRowStyles,
228
+ ctas_levoGroup: {
229
+ display: "flex",
230
+ "flex-direction": "row",
231
+ gap: "sm",
232
+ "margin-top": "auto",
233
+ "padding-top": "md",
234
+ },
235
+ ctas_levoGroupItem: { cta: { width: "100%" } },
236
+ };
237
+
238
+ const productWithoutImageCardBase = {
239
+ card: {
240
+ "background-color": "background-2",
241
+ "border-width": "1px",
242
+ "border-style": "solid",
243
+ "border-color": "border",
244
+ "border-radius": "xl",
245
+ padding: "xl",
246
+ display: "flex",
247
+ "flex-direction": "column",
248
+ height: "100%",
249
+ },
250
+ content_wrapper: {
251
+ display: "flex",
252
+ "flex-direction": "column",
253
+ "row-gap": "xs",
254
+ flex: "1",
255
+ },
256
+ title: { color: "text-1", "font-weight": "700" },
257
+ description: { color: "text-2" },
258
+ ...priceRowStyles,
259
+ ctas_levoGroup: {
260
+ display: "flex",
261
+ "flex-direction": "row",
262
+ gap: "sm",
263
+ "margin-top": "auto",
264
+ "padding-top": "lg",
265
+ },
266
+ ctas_levoGroupItem: { cta: { width: "100%" } },
267
+ };
268
+
269
+ const productWithImageCardClean = {
270
+ ...productWithImageCardBase,
271
+ card: {
272
+ ...productWithImageCardBase.card,
273
+ "border-width": "0",
274
+ "background-color": "transparent",
275
+ },
276
+ image: {
277
+ width: "100%",
278
+ height: "280px",
279
+ "border-radius": "base",
280
+ "object-fit": "cover",
281
+ "margin-bottom": "md",
282
+ },
283
+ content_wrapper: {
284
+ display: "flex",
285
+ "flex-direction": "column",
286
+ "row-gap": "xs",
287
+ flex: "1",
288
+ padding: "none",
289
+ },
290
+ };
291
+
292
+ const productWithoutImageCardClean = {
293
+ ...productWithoutImageCardBase,
294
+ };
295
+
296
+ const productWithImageCardShadow = {
297
+ ...productWithImageCardBase,
298
+ card: {
299
+ "background-color": "background-1",
300
+ "border-radius": "xl",
301
+ "box-shadow": "default",
302
+ overflow: "hidden",
303
+ display: "flex",
304
+ "flex-direction": "column",
305
+ height: "100%",
306
+ },
307
+ };
308
+
309
+ const productWithoutImageCardPromo = {
310
+ card: {
311
+ "background-color": "brand",
312
+ "border-radius": "xl",
313
+ "box-shadow": "default",
314
+ padding: "xl",
315
+ display: "flex",
316
+ "flex-direction": "column",
317
+ "justify-content": "space-between",
318
+ height: "100%",
319
+ },
320
+ content_wrapper: {
321
+ display: "flex",
322
+ "flex-direction": "column",
323
+ "row-gap": "xs",
324
+ flex: "1",
325
+ },
326
+ title: { color: "brandForeground", "font-weight": "700" },
327
+ description: { color: "brandForeground" },
328
+ price_container: {
329
+ display: "flex",
330
+ "column-gap": "sm",
331
+ "row-gap": "2xs",
332
+ "align-items": "baseline",
333
+ "margin-top": "sm",
334
+ "flex-wrap": "wrap",
335
+ },
336
+ actual_price: { "font-weight": "700", color: "brandForeground" },
337
+ discount_price: {
338
+ color: "brandForeground",
339
+ "text-decoration": "line-through",
340
+ "font-size": "sm",
341
+ },
342
+ off_percent: {
343
+ "font-weight": "600",
344
+ color: "brand",
345
+ "background-color": "brandForeground",
346
+ "padding-top": "3xs",
347
+ "padding-bottom": "3xs",
348
+ "padding-left": "2xs",
349
+ "padding-right": "2xs",
350
+ "border-radius": "base",
351
+ "font-size": "xs",
352
+ },
353
+ ctas_levoGroup: {
354
+ display: "flex",
355
+ "flex-direction": "row",
356
+ gap: "sm",
357
+ "margin-top": "auto",
358
+ "padding-top": "lg",
359
+ },
360
+ ctas_levoGroupItem: { cta: { width: "100%" } },
361
+ ctas: [{}],
362
+ };
363
+
364
+ const productWithImageCardList = {
365
+ card: {
366
+ display: "flex",
367
+ "flex-direction": "row",
368
+ "column-gap": "xl",
369
+ "align-items": "center",
370
+ "padding-top": "lg",
371
+ "padding-bottom": "lg",
372
+ "border-bottom-style": "solid",
373
+ "border-bottom-width": "1px",
374
+ "border-bottom-color": "border",
375
+ mobile: {
376
+ "flex-direction": "column",
377
+ "align-items": "flex-start",
378
+ "row-gap": "md",
379
+ },
380
+ },
381
+ image: {
382
+ width: "240px",
383
+ height: "160px",
384
+ "object-fit": "cover",
385
+ "border-radius": "base",
386
+ "flex-shrink": "0",
387
+ mobile: { width: "100%", height: "220px" },
388
+ },
389
+ content_wrapper: {
390
+ flex: "1",
391
+ display: "flex",
392
+ "flex-direction": "column",
393
+ "row-gap": "xs",
394
+ },
395
+ title: { color: "text-1", "font-weight": "600" },
396
+ description: { color: "text-2" },
397
+ ...priceRowStyles,
398
+ ctas_levoGroup: {
399
+ display: "flex",
400
+ "flex-direction": "row",
401
+ gap: "sm",
402
+ "margin-top": "sm",
403
+ },
404
+ ctas_levoGroupItem: { cta: {} },
405
+ ctas: [{}],
406
+ };
407
+
408
+ const productWithoutImageCardList = {
409
+ card: {
410
+ display: "flex",
411
+ "flex-direction": "row",
412
+ "column-gap": "xl",
413
+ "align-items": "center",
414
+ "padding-top": "lg",
415
+ "padding-bottom": "lg",
416
+ mobile: {
417
+ "flex-direction": "column",
418
+ "align-items": "flex-start",
419
+ "row-gap": "md",
420
+ },
421
+ },
422
+ content_wrapper: {
423
+ flex: "1",
424
+ display: "flex",
425
+ "flex-direction": "column",
426
+ "row-gap": "xs",
427
+ },
428
+ title: { color: "text-1", "font-weight": "600" },
429
+ description: { color: "text-2" },
430
+ ...priceRowStyles,
431
+ ctas_levoGroup: {
432
+ display: "flex",
433
+ "flex-direction": "row",
434
+ gap: "sm",
435
+ "margin-top": "sm",
436
+ },
437
+ ctas_levoGroupItem: { cta: {} },
438
+ ctas: [{}],
439
+ };
440
+
159
441
  export const ProductsListing3: IBlock = {
160
442
  category_id: "products",
161
443
  title: "Products Listing 3",
@@ -164,47 +446,19 @@ export const ProductsListing3: IBlock = {
164
446
  prompt_description:
165
447
  "A product listing block with header, product cards featuring images, titles, descriptions, price containers with actual price, discount price, and off percent, plus CTA buttons",
166
448
  content_schema: [
167
- {
168
- key: "layout",
169
- label: "Layout",
170
- field_interface: "LayoutWidget",
171
- },
172
- {
173
- key: "container",
174
- label: "Container",
175
- field_interface: "ContainerWidget",
176
- },
177
- {
178
- key: "header_container",
179
- label: "Header Container",
180
- field_interface: "BoxWidget",
181
- },
182
- {
183
- key: "header_content",
184
- label: "Header Content",
185
- field_interface: "BoxWidget",
186
- },
187
- {
188
- key: "title",
189
- label: "Title",
190
- field_interface: "HeadingWidget",
191
- },
192
- {
193
- key: "description",
194
- label: "Description",
195
- field_interface: "TypographyWidget",
196
- },
449
+ { key: "layout", label: "Layout", field_interface: "LayoutWidget" },
450
+ { key: "container", label: "Container", field_interface: "ContainerWidget" },
451
+ { key: "header_container", label: "Header Container", field_interface: "BoxWidget" },
452
+ { key: "header_content", label: "Header Content", field_interface: "BoxWidget" },
453
+ { key: "title", label: "Title", field_interface: "HeadingWidget" },
454
+ { key: "description", label: "Description", field_interface: "TypographyWidget" },
197
455
  {
198
456
  key: "header_ctas",
199
457
  label: "Header CTAs",
200
458
  field_interface: "BoxWidget",
201
459
  kind: "group",
202
460
  fields: [
203
- {
204
- key: "header_cta",
205
- label: "Header CTA",
206
- field_interface: "ButtonWidget",
207
- },
461
+ { key: "header_cta", label: "Header CTA", field_interface: "ButtonWidget" },
208
462
  ],
209
463
  },
210
464
  {
@@ -213,74 +467,28 @@ export const ProductsListing3: IBlock = {
213
467
  kind: "group",
214
468
  field_interface: "BoxWidget",
215
469
  fields: [
216
- {
217
- key: "groups_container",
218
- label: "Groups Container",
219
- field_interface: "BoxWidget",
220
- },
470
+ { key: "groups_container", label: "Groups Container", field_interface: "BoxWidget" },
221
471
  {
222
472
  key: "products_with_images",
223
473
  label: "Products With Images",
224
474
  kind: "group",
225
475
  field_interface: "BoxWidget",
226
476
  fields: [
227
- {
228
- key: "card",
229
- label: "Card",
230
- field_interface: "BoxWidget",
231
- },
232
- {
233
- key: "image",
234
- label: "Image",
235
- field_interface: "ImageWidget",
236
- },
237
- {
238
- key: "content_wrapper",
239
- label: "Content Wrapper",
240
- field_interface: "BoxWidget",
241
- },
242
- {
243
- key: "title",
244
- label: "Title",
245
- field_interface: "HeadingWidget",
246
- },
247
- {
248
- key: "description",
249
- label: "Description",
250
- field_interface: "TypographyWidget",
251
- },
252
- {
253
- key: "price_container",
254
- label: "Price Container",
255
- field_interface: "BoxWidget",
256
- },
257
- {
258
- key: "actual_price",
259
- label: "Actual Price",
260
- field_interface: "TypographyWidget",
261
- },
262
- {
263
- key: "discount_price",
264
- label: "Discount Price",
265
- field_interface: "TypographyWidget",
266
- },
267
- {
268
- key: "off_percent",
269
- label: "Off Percent",
270
- field_interface: "TypographyWidget",
271
- },
477
+ { key: "card", label: "Card", field_interface: "BoxWidget" },
478
+ { key: "image", label: "Image", field_interface: "ImageWidget" },
479
+ { key: "content_wrapper", label: "Content Wrapper", field_interface: "BoxWidget" },
480
+ { key: "title", label: "Title", field_interface: "HeadingWidget" },
481
+ { key: "description", label: "Description", field_interface: "TypographyWidget" },
482
+ { key: "price_container", label: "Price Container", field_interface: "BoxWidget" },
483
+ { key: "actual_price", label: "Actual Price", field_interface: "TypographyWidget" },
484
+ { key: "discount_price", label: "Discount Price", field_interface: "TypographyWidget" },
485
+ { key: "off_percent", label: "Off Percent", field_interface: "TypographyWidget" },
272
486
  {
273
487
  key: "ctas",
274
488
  label: "CTA Button Group",
275
489
  kind: "group",
276
- field_interface: "ButtonWidget",
277
- fields: [
278
- {
279
- key: "cta",
280
- label: "CTA Button",
281
- field_interface: "ButtonWidget",
282
- },
283
- ],
490
+ field_interface: "BoxWidget",
491
+ fields: [{ key: "cta", label: "CTA Button", field_interface: "ButtonWidget" }],
284
492
  },
285
493
  ],
286
494
  },
@@ -290,58 +498,20 @@ export const ProductsListing3: IBlock = {
290
498
  kind: "group",
291
499
  field_interface: "BoxWidget",
292
500
  fields: [
293
- {
294
- key: "card",
295
- label: "Card",
296
- field_interface: "BoxWidget",
297
- },
298
- {
299
- key: "content_wrapper",
300
- label: "Content Wrapper",
301
- field_interface: "BoxWidget",
302
- },
303
- {
304
- key: "title",
305
- label: "Title",
306
- field_interface: "HeadingWidget",
307
- },
308
- {
309
- key: "description",
310
- label: "Description",
311
- field_interface: "TypographyWidget",
312
- },
313
- {
314
- key: "price_container",
315
- label: "Price Container",
316
- field_interface: "BoxWidget",
317
- },
318
- {
319
- key: "actual_price",
320
- label: "Actual Price",
321
- field_interface: "TypographyWidget",
322
- },
323
- {
324
- key: "discount_price",
325
- label: "Discount Price",
326
- field_interface: "TypographyWidget",
327
- },
328
- {
329
- key: "off_percent",
330
- label: "Off Percent",
331
- field_interface: "TypographyWidget",
332
- },
501
+ { key: "card", label: "Card", field_interface: "BoxWidget" },
502
+ { key: "content_wrapper", label: "Content Wrapper", field_interface: "BoxWidget" },
503
+ { key: "title", label: "Title", field_interface: "HeadingWidget" },
504
+ { key: "description", label: "Description", field_interface: "TypographyWidget" },
505
+ { key: "price_container", label: "Price Container", field_interface: "BoxWidget" },
506
+ { key: "actual_price", label: "Actual Price", field_interface: "TypographyWidget" },
507
+ { key: "discount_price", label: "Discount Price", field_interface: "TypographyWidget" },
508
+ { key: "off_percent", label: "Off Percent", field_interface: "TypographyWidget" },
333
509
  {
334
510
  key: "ctas",
335
511
  label: "CTA Button Group",
336
512
  kind: "group",
337
- field_interface: "ButtonWidget",
338
- fields: [
339
- {
340
- key: "cta",
341
- label: "CTA Button",
342
- field_interface: "ButtonWidget",
343
- },
344
- ],
513
+ field_interface: "BoxWidget",
514
+ fields: [{ key: "cta", label: "CTA Button", field_interface: "ButtonWidget" }],
345
515
  },
346
516
  ],
347
517
  },
@@ -358,716 +528,497 @@ export const ProductsListing3: IBlock = {
358
528
  header_container: {
359
529
  display: "flex",
360
530
  "justify-content": "space-between",
361
- "align-items": "center",
362
- "margin-bottom": "2xl",
531
+ "align-items": "flex-end",
532
+ "column-gap": "xl",
533
+ "margin-bottom": "3xl",
363
534
  mobile: {
364
535
  "flex-direction": "column",
365
- "align-items": "center",
536
+ "align-items": "flex-start",
366
537
  "row-gap": "lg",
367
- "justify-content": "center",
368
538
  },
369
- "column-gap": "base",
370
539
  },
371
- title: {
372
- mobile: {
373
- "text-align": "center",
540
+ title: {},
541
+ description: { "max-width": "560px" },
542
+ header_ctas_levoGroup: {
543
+ display: "flex",
544
+ "flex-direction": "row",
545
+ "align-items": "center",
546
+ gap: "sm",
547
+ },
548
+ header_ctas: [{}, {}],
549
+ products_container: {},
550
+ product_groups_levoGroup: {},
551
+ product_groups: [
552
+ {
553
+ groups_container: {
554
+ display: "grid",
555
+ "grid-template-columns": "3fr 1fr",
556
+ "column-gap": "xl",
557
+ "row-gap": "xl",
558
+ tablet: { "grid-template-columns": "1fr" },
559
+ },
560
+ products_with_images_levoGroup: {
561
+ display: "grid",
562
+ "grid-template-columns": "repeat(3, minmax(0, 1fr))",
563
+ "column-gap": "xl",
564
+ "row-gap": "xl",
565
+ tablet: { "grid-template-columns": "repeat(2, minmax(0, 1fr))" },
566
+ mobile: { "grid-template-columns": "repeat(1, minmax(0, 1fr))" },
567
+ },
568
+ products_without_images_levoGroup: {
569
+ display: "flex",
570
+ "flex-direction": "column",
571
+ "row-gap": "xl",
572
+ },
573
+ products_with_images_levoGroupItem: productWithImageCardBase,
574
+ products_with_images: [productWithImageCardBase, productWithImageCardBase, productWithImageCardBase],
575
+ products_without_images_levoGroupItem: productWithoutImageCardBase,
576
+ products_without_images: [productWithoutImageCardBase],
577
+ },
578
+ ],
579
+ },
580
+ content: DEFAULT_CONTENT,
581
+ config: {
582
+ title: { selectedVariants: { Heading_Level: "H2" } },
583
+ header_ctas: [
584
+ { header_cta: {} },
585
+ { header_cta: { selectedVariants: { Button_Variants: "Secondary" } } },
586
+ ],
587
+ product_groups: [
588
+ {
589
+ products_with_images: configForProductsWithImages("H5"),
590
+ products_without_images: configForProductsWithoutImages("H5"),
374
591
  },
592
+ ],
593
+ },
594
+ },
595
+ {
596
+ key: "three-column-clean",
597
+ title: "Three Column Clean",
598
+ styles: {
599
+ layout: {},
600
+ container: {},
601
+ header_container: {
602
+ display: "flex",
603
+ "flex-direction": "column",
604
+ "align-items": "center",
605
+ "row-gap": "md",
606
+ "margin-bottom": "4xl",
607
+ mobile: { "margin-bottom": "2xl" },
375
608
  },
609
+ title: { "text-align": "center" },
610
+ description: { "text-align": "center", "max-width": "640px" },
376
611
  header_ctas_levoGroup: {
377
612
  display: "flex",
378
613
  "flex-direction": "row",
379
614
  "align-items": "center",
380
615
  gap: "sm",
616
+ "margin-top": "sm",
381
617
  },
382
- header_ctas: Array(2).map(() => ({
383
- header_cta: {},
384
- })),
618
+ header_ctas: [{}, {}],
385
619
  products_container: {},
386
- product_groups_levoGroup: [
620
+ product_groups_levoGroup: {},
621
+ product_groups: [
387
622
  {
388
623
  groups_container: {
389
624
  display: "flex",
390
- "flex-direction": "row",
391
- gap: "xl",
392
- mobile: {
393
- "flex-direction": "column",
394
- },
625
+ "flex-direction": "column",
626
+ "row-gap": "xl",
395
627
  },
396
628
  products_with_images_levoGroup: {
397
629
  display: "grid",
398
630
  "grid-template-columns": "repeat(3, minmax(0, 1fr))",
399
- "grid-template-rows": "1fr",
400
631
  "column-gap": "xl",
401
632
  "row-gap": "xl",
402
- flex: "3",
403
- tablet: {
404
- "grid-template-columns": "repeat(2, minmax(0, 1fr))",
405
- "grid-template-rows": "1fr",
406
- flex: "2",
407
- },
408
- mobile: {
409
- "grid-template-columns": "repeat(1, minmax(0, 1fr))",
410
- "grid-template-rows": "auto",
411
- flex: "1",
412
- },
633
+ tablet: { "grid-template-columns": "repeat(2, minmax(0, 1fr))" },
634
+ mobile: { "grid-template-columns": "repeat(1, minmax(0, 1fr))" },
413
635
  },
414
636
  products_without_images_levoGroup: {
415
637
  display: "grid",
416
638
  "grid-template-columns": "repeat(1, minmax(0, 1fr))",
417
- "grid-template-rows": "1fr",
639
+ },
640
+ products_with_images_levoGroupItem: productWithImageCardClean,
641
+ products_with_images: [
642
+ productWithImageCardClean,
643
+ productWithImageCardClean,
644
+ productWithImageCardClean,
645
+ ],
646
+ products_without_images_levoGroupItem: productWithoutImageCardClean,
647
+ products_without_images: [productWithoutImageCardClean],
648
+ },
649
+ ],
650
+ },
651
+ content: DEFAULT_CONTENT,
652
+ config: {
653
+ title: { selectedVariants: { Heading_Level: "H2" } },
654
+ header_ctas: [
655
+ { header_cta: {} },
656
+ { header_cta: { selectedVariants: { Button_Variants: "Secondary" } } },
657
+ ],
658
+ product_groups: [
659
+ {
660
+ products_with_images: configForProductsWithImages("H5"),
661
+ products_without_images: configForProductsWithoutImages("H5"),
662
+ },
663
+ ],
664
+ },
665
+ },
666
+ {
667
+ key: "shadow-cards",
668
+ title: "Shadow Cards",
669
+ styles: {
670
+ layout: {},
671
+ container: {},
672
+ header_container: {
673
+ display: "flex",
674
+ "justify-content": "space-between",
675
+ "align-items": "flex-end",
676
+ "column-gap": "xl",
677
+ "margin-bottom": "3xl",
678
+ mobile: {
679
+ "flex-direction": "column",
680
+ "align-items": "flex-start",
681
+ "row-gap": "lg",
682
+ },
683
+ },
684
+ title: {},
685
+ description: { "max-width": "560px" },
686
+ header_ctas_levoGroup: {
687
+ display: "flex",
688
+ "flex-direction": "row",
689
+ "align-items": "center",
690
+ gap: "sm",
691
+ },
692
+ header_ctas: [{}, {}],
693
+ products_container: {},
694
+ product_groups_levoGroup: {},
695
+ product_groups: [
696
+ {
697
+ groups_container: {
698
+ display: "grid",
699
+ "grid-template-columns": "3fr 1fr",
418
700
  "column-gap": "xl",
419
701
  "row-gap": "xl",
420
- flex: "1",
421
- tablet: {
422
- "grid-template-columns": "repeat(1, minmax(0, 1fr))",
423
- "grid-template-rows": "1fr",
424
- flex: "1",
425
- },
426
- mobile: {
427
- "grid-template-columns": "repeat(1, minmax(0, 1fr))",
428
- "grid-template-rows": "auto",
429
- flex: "1",
430
- },
702
+ tablet: { "grid-template-columns": "1fr" },
703
+ },
704
+ products_with_images_levoGroup: {
705
+ display: "grid",
706
+ "grid-template-columns": "repeat(3, minmax(0, 1fr))",
707
+ "column-gap": "xl",
708
+ "row-gap": "xl",
709
+ tablet: { "grid-template-columns": "repeat(2, minmax(0, 1fr))" },
710
+ mobile: { "grid-template-columns": "repeat(1, minmax(0, 1fr))" },
711
+ },
712
+ products_without_images_levoGroup: {
713
+ display: "grid",
714
+ "grid-template-columns": "repeat(1, minmax(0, 1fr))",
431
715
  },
716
+ products_with_images_levoGroupItem: productWithImageCardShadow,
432
717
  products_with_images: [
718
+ productWithImageCardShadow,
719
+ productWithImageCardShadow,
720
+ productWithImageCardShadow,
721
+ ],
722
+ products_without_images_levoGroupItem: productWithoutImageCardPromo,
723
+ products_without_images: [productWithoutImageCardPromo],
724
+ },
725
+ ],
726
+ },
727
+ content: DEFAULT_CONTENT,
728
+ config: {
729
+ title: { selectedVariants: { Heading_Level: "H2" } },
730
+ header_ctas: [
731
+ { header_cta: {} },
732
+ { header_cta: { selectedVariants: { Button_Variants: "Secondary" } } },
733
+ ],
734
+ product_groups: [
735
+ {
736
+ products_with_images: configForProductsWithImages("H5"),
737
+ products_without_images: [
433
738
  {
434
- card: {
435
- "border-style": "solid",
436
- "border-width": "1px",
437
- display: "flex",
438
- "flex-direction": "column",
439
- "justify-content": "start",
440
- "align-items": "start",
441
- },
442
- image: {
443
- width: "100%",
444
- height: "280px",
445
- "object-fit": "cover",
446
- "margin-bottom": "lg",
447
- },
448
- content_wrapper: {
449
- width: "100%",
450
- display: "flex",
451
- "flex-direction": "column",
452
- "justify-content": "start",
453
- "align-items": "start",
454
- "padding-left": "base",
455
- "padding-right": "base",
456
- "padding-bottom": "base",
457
- },
458
- title: {
459
- color: "text-1",
460
- "font-size": "lg",
461
- "font-weight": "600",
462
- "text-align": "center",
463
- "margin-bottom": "sm",
464
- },
465
- description: {
466
- color: "text-2",
467
- "text-align": "left",
468
- "margin-bottom": "lg",
469
- "line-height": "1.5",
470
- },
471
- price_container: {
472
- display: "flex",
473
- "flex-direction": "row",
474
- "align-items": "center",
475
- "margin-bottom": "lg",
476
- "row-gap": "2xs",
477
- "column-gap": "base",
478
- },
479
- actual_price: {
480
- "font-size": "xl",
481
- "font-weight": "700",
482
- color: "text-1",
483
- },
484
- discount_price: {
485
- "font-size": "sm",
486
- color: "text-3",
487
- "text-decoration": "line-through",
488
- },
489
- off_percent: {
490
- "font-size": "sm",
491
- "font-weight": "600",
492
- color: "success",
493
- },
494
- ctas_levoGroup: {
495
- "margin-top": "lg",
496
- display: "flex",
497
- "flex-direction": "column",
498
- "justify-content": "center",
499
- "align-items": "center",
500
- "column-gap": "base",
501
- "row-gap": "base",
739
+ title: {
740
+ heading: { level: "4" },
741
+ selectedVariants: { Heading_Level: "H4" },
502
742
  },
743
+ description: { selectedVariants: { Typography_Variants: "Body" } },
503
744
  ctas: [
504
- {
505
- cta: {
506
- width: "100%",
507
- },
508
- },
509
- {
510
- cta: {
511
- width: "100%",
512
- },
513
- },
745
+ { cta: { selectedVariants: {} } },
746
+ { cta: { selectedVariants: { Button_Variants: "Secondary" } } },
514
747
  ],
515
748
  },
749
+ ],
750
+ },
751
+ ],
752
+ },
753
+ },
754
+ {
755
+ key: "list-view",
756
+ title: "List View",
757
+ styles: {
758
+ layout: {},
759
+ container: {},
760
+ header_container: {
761
+ display: "flex",
762
+ "flex-direction": "column",
763
+ "align-items": "flex-start",
764
+ "row-gap": "md",
765
+ "margin-bottom": "3xl",
766
+ },
767
+ title: {},
768
+ description: { "max-width": "640px" },
769
+ header_ctas_levoGroup: {
770
+ display: "flex",
771
+ "flex-direction": "row",
772
+ "align-items": "center",
773
+ gap: "sm",
774
+ "margin-top": "md",
775
+ },
776
+ header_ctas: [{}, {}],
777
+ products_container: {},
778
+ product_groups_levoGroup: {},
779
+ product_groups: [
780
+ {
781
+ groups_container: {
782
+ display: "flex",
783
+ "flex-direction": "column",
784
+ "row-gap": "lg",
785
+ },
786
+ products_with_images_levoGroup: {
787
+ display: "flex",
788
+ "flex-direction": "column",
789
+ "row-gap": "lg",
790
+ },
791
+ products_without_images_levoGroup: {
792
+ display: "flex",
793
+ "flex-direction": "column",
794
+ },
795
+ products_with_images_levoGroupItem: productWithImageCardList,
796
+ products_with_images: [
797
+ productWithImageCardList,
798
+ productWithImageCardList,
799
+ productWithImageCardList,
800
+ ],
801
+ products_without_images_levoGroupItem: productWithoutImageCardList,
802
+ products_without_images: [productWithoutImageCardList],
803
+ },
804
+ ],
805
+ },
806
+ content: DEFAULT_CONTENT,
807
+ config: {
808
+ title: { selectedVariants: { Heading_Level: "H2" } },
809
+ header_ctas: [
810
+ { header_cta: {} },
811
+ { header_cta: { selectedVariants: { Button_Variants: "Secondary" } } },
812
+ ],
813
+ product_groups: [
814
+ {
815
+ products_with_images: configForProductsWithImages("H4"),
816
+ products_without_images: configForProductsWithoutImages("H4"),
817
+ },
818
+ ],
819
+ },
820
+ },
821
+ {
822
+ key: "featured-first",
823
+ title: "Featured First",
824
+ styles: {
825
+ layout: {},
826
+ container: {},
827
+ header_container: {
828
+ display: "flex",
829
+ "flex-direction": "column",
830
+ "align-items": "center",
831
+ "row-gap": "md",
832
+ "margin-bottom": "3xl",
833
+ },
834
+ title: { "text-align": "center" },
835
+ description: { "text-align": "center", "max-width": "640px" },
836
+ header_ctas_levoGroup: {
837
+ display: "flex",
838
+ "flex-direction": "row",
839
+ "align-items": "center",
840
+ gap: "sm",
841
+ "margin-top": "md",
842
+ },
843
+ header_ctas: [{}, {}],
844
+ products_container: {},
845
+ product_groups_levoGroup: {},
846
+ product_groups: [
847
+ {
848
+ groups_container: {
849
+ display: "grid",
850
+ "grid-template-columns": "2fr 1fr",
851
+ "column-gap": "xl",
852
+ "align-items": "start",
853
+ tablet: { "grid-template-columns": "1fr", "row-gap": "xl" },
854
+ },
855
+ products_with_images_levoGroup: {
856
+ display: "flex",
857
+ "flex-direction": "column",
858
+ "row-gap": "lg",
859
+ },
860
+ products_without_images_levoGroup: {
861
+ display: "block",
862
+ },
863
+ products_with_images: [
516
864
  {
517
865
  card: {
518
- "border-style": "solid",
519
- "border-width": "1px",
520
866
  display: "flex",
521
867
  "flex-direction": "column",
522
- "justify-content": "start",
523
- "align-items": "start",
868
+ "background-color": "background-1",
869
+ "border-radius": "xl",
870
+ "box-shadow": "default",
871
+ overflow: "hidden",
524
872
  },
525
873
  image: {
526
874
  width: "100%",
527
- height: "280px",
875
+ height: "360px",
528
876
  "object-fit": "cover",
529
- "margin-bottom": "lg",
530
877
  },
531
878
  content_wrapper: {
532
- width: "100%",
879
+ padding: "xl",
533
880
  display: "flex",
534
881
  "flex-direction": "column",
535
- "justify-content": "start",
536
- "align-items": "start",
537
- "padding-left": "base",
538
- "padding-right": "base",
539
- "padding-bottom": "base",
540
- },
541
- title: {
542
- color: "text-1",
543
- "font-size": "lg",
544
- "font-weight": "600",
545
- "text-align": "center",
546
- "margin-bottom": "sm",
547
- },
548
- description: {
549
- color: "text-2",
550
- "text-align": "left",
551
- "margin-bottom": "lg",
552
- "line-height": "1.5",
882
+ "row-gap": "sm",
553
883
  },
884
+ title: { color: "text-1", "font-weight": "700" },
885
+ description: { color: "text-2" },
554
886
  price_container: {
555
887
  display: "flex",
556
- "flex-direction": "row",
557
- "align-items": "center",
558
- "margin-bottom": "lg",
888
+ "column-gap": "sm",
559
889
  "row-gap": "2xs",
560
- "column-gap": "base",
561
- },
562
- actual_price: {
563
- "font-size": "xl",
564
- "font-weight": "700",
565
- color: "text-1",
890
+ "align-items": "baseline",
891
+ "margin-top": "xs",
892
+ "flex-wrap": "wrap",
566
893
  },
894
+ actual_price: { "font-weight": "700", color: "text-1" },
567
895
  discount_price: {
568
- "font-size": "sm",
569
896
  color: "text-3",
570
897
  "text-decoration": "line-through",
898
+ "font-size": "sm",
571
899
  },
572
900
  off_percent: {
573
- "font-size": "sm",
574
901
  "font-weight": "600",
575
902
  color: "success",
903
+ "background-color":
904
+ "color-mix(in oklch, var(--color-success) 12%, transparent)",
905
+ "padding-top": "3xs",
906
+ "padding-bottom": "3xs",
907
+ "padding-left": "2xs",
908
+ "padding-right": "2xs",
909
+ "border-radius": "base",
910
+ "font-size": "xs",
576
911
  },
577
912
  ctas_levoGroup: {
578
- "margin-top": "lg",
579
913
  display: "flex",
580
- "flex-direction": "column",
581
- "justify-content": "center",
582
- "align-items": "center",
583
- "column-gap": "base",
584
- "row-gap": "base",
914
+ "flex-direction": "row",
915
+ gap: "sm",
916
+ "padding-top": "md",
585
917
  },
586
- ctas: [
587
- {
588
- cta: {
589
- width: "100%",
590
- },
591
- },
592
- {
593
- cta: {
594
- width: "100%",
595
- },
596
- },
597
- ],
918
+ ctas_levoGroupItem: { cta: {} },
919
+ ctas: [{}],
598
920
  },
599
- ],
600
- products_without_images: [
601
- {
921
+ ...Array.from({ length: 2 }, () => ({
602
922
  card: {
603
- "border-style": "solid",
604
- "border-width": "1px",
605
- display: "flex",
606
- "flex-direction": "column",
607
- "justify-content": "start",
608
- "align-items": "start",
609
- },
610
- content_wrapper: {
611
- width: "100%",
612
- display: "flex",
613
- "flex-direction": "column",
614
- "justify-content": "start",
615
- "align-items": "start",
616
- "padding-left": "base",
617
- "padding-right": "base",
618
- "padding-bottom": "base",
619
- "padding-top": "base",
620
- },
621
- title: {
622
- color: "text-1",
623
- "font-size": "lg",
624
- "font-weight": "600",
625
- "text-align": "center",
626
- "margin-bottom": "sm",
627
- },
628
- description: {
629
- color: "text-2",
630
- "text-align": "left",
631
- "margin-bottom": "lg",
632
- "line-height": "1.5",
633
- },
634
- price_container: {
635
923
  display: "flex",
636
924
  "flex-direction": "row",
637
- "align-items": "center",
638
- "margin-bottom": "lg",
639
- "row-gap": "2xs",
640
- "column-gap": "base",
641
- },
642
- actual_price: {
643
- "font-size": "xl",
644
- "font-weight": "700",
645
- color: "text-1",
646
- },
647
- discount_price: {
648
- "font-size": "sm",
649
- color: "text-3",
650
- "text-decoration": "line-through",
651
- },
652
- off_percent: {
653
- "font-size": "sm",
654
- "font-weight": "600",
655
- color: "success",
656
- },
657
- ctas_levoGroup: {
658
- "margin-top": "lg",
659
- display: "flex",
660
- "flex-direction": "column",
661
- "justify-content": "center",
662
- "align-items": "center",
663
- "column-gap": "base",
664
- "row-gap": "base",
665
- },
666
- ctas: [
667
- {
668
- cta: {
669
- width: "100%",
670
- },
671
- },
672
- {
673
- cta: {
674
- width: "100%",
675
- },
676
- },
677
- ],
678
- },
679
- {
680
- card: {
925
+ "column-gap": "lg",
926
+ "background-color": "background-1",
927
+ "border-radius": "xl",
681
928
  "border-style": "solid",
682
929
  "border-width": "1px",
683
- display: "flex",
684
- "flex-direction": "column",
685
- "justify-content": "start",
686
- "align-items": "start",
930
+ "border-color": "border",
931
+ overflow: "hidden",
932
+ "align-items": "center",
933
+ padding: "md",
934
+ mobile: { "flex-direction": "column", "row-gap": "md", "align-items": "flex-start" },
935
+ },
936
+ image: {
937
+ width: "160px",
938
+ height: "120px",
939
+ "object-fit": "cover",
940
+ "border-radius": "base",
941
+ "flex-shrink": "0",
942
+ mobile: { width: "100%", height: "200px" },
687
943
  },
688
944
  content_wrapper: {
689
- width: "100%",
690
945
  display: "flex",
691
946
  "flex-direction": "column",
692
- "justify-content": "start",
693
- "align-items": "start",
694
- "padding-left": "base",
695
- "padding-right": "base",
696
- "padding-bottom": "base",
697
- "padding-top": "base",
698
- },
699
- title: {
700
- color: "text-1",
701
- "font-size": "lg",
702
- "font-weight": "600",
703
- "text-align": "center",
704
- "margin-bottom": "sm",
705
- },
706
- description: {
707
- color: "text-2",
708
- "text-align": "left",
709
- "margin-bottom": "lg",
710
- "line-height": "1.5",
947
+ "row-gap": "2xs",
948
+ flex: "1",
711
949
  },
950
+ title: { color: "text-1", "font-weight": "600" },
951
+ description: { color: "text-2" },
712
952
  price_container: {
713
953
  display: "flex",
714
- "flex-direction": "row",
715
- "align-items": "center",
716
- "margin-bottom": "lg",
954
+ "column-gap": "sm",
717
955
  "row-gap": "2xs",
718
- "column-gap": "base",
719
- },
720
- actual_price: {
721
- "font-size": "xl",
722
- "font-weight": "700",
723
- color: "text-1",
956
+ "align-items": "baseline",
957
+ "margin-top": "2xs",
958
+ "flex-wrap": "wrap",
724
959
  },
960
+ actual_price: { "font-weight": "700", color: "text-1" },
725
961
  discount_price: {
726
- "font-size": "sm",
727
962
  color: "text-3",
728
963
  "text-decoration": "line-through",
964
+ "font-size": "sm",
729
965
  },
730
966
  off_percent: {
731
- "font-size": "sm",
732
967
  "font-weight": "600",
733
968
  color: "success",
969
+ "background-color":
970
+ "color-mix(in oklch, var(--color-success) 12%, transparent)",
971
+ "padding-top": "3xs",
972
+ "padding-bottom": "3xs",
973
+ "padding-left": "2xs",
974
+ "padding-right": "2xs",
975
+ "border-radius": "base",
976
+ "font-size": "xs",
734
977
  },
735
978
  ctas_levoGroup: {
736
- "margin-top": "lg",
737
979
  display: "flex",
738
- "flex-direction": "column",
739
- "justify-content": "center",
740
- "align-items": "center",
741
- "column-gap": "base",
742
- "row-gap": "base",
980
+ "flex-direction": "row",
981
+ gap: "sm",
982
+ "padding-top": "xs",
743
983
  },
744
- ctas: [
745
- {
746
- cta: {
747
- width: "100%",
748
- },
749
- },
750
- {
751
- cta: {
752
- width: "100%",
753
- },
754
- },
755
- ],
756
- },
984
+ ctas_levoGroupItem: { cta: {} },
985
+ ctas: [{}],
986
+ })),
757
987
  ],
758
- },
759
- ],
760
- product_groups: [
761
- {
762
- products_with_images_levoGroup: {
763
- display: "grid",
764
- "grid-template-columns": "repeat(3, minmax(0, 1fr))",
765
- "column-gap": "base",
766
- tablet: {
767
- "grid-template-columns": "repeat(1, minmax(0, 1fr))",
768
- "row-gap": "base",
769
- },
988
+ products_without_images_levoGroupItem: {
989
+ ...productWithoutImageCardBase,
990
+ card: { ...productWithoutImageCardBase.card, height: "auto" },
770
991
  },
771
- products_with_images: [
772
- {
773
- title: {
774
- "font-weight": 700,
775
- },
776
- card: {
777
- "border-style": "solid",
778
- "border-width": "1px",
779
- "border-color": "border",
780
- },
781
- content_wrapper: {
782
- "border-style": "solid",
783
- "border-width": "1px",
784
- "border-color": "border",
785
- padding: "base",
786
- display: "flex",
787
- "flex-direction": "column",
788
- "row-gap": "xs",
789
- },
790
- price_container: {
791
- display: "flex",
792
- "column-gap": "base",
793
- },
794
- image: {
795
- tablet: {
796
- width: "100%",
797
- },
798
- },
799
- description: {
800
- "font-weight": 500,
801
- },
802
- ctas_levoGroup: {
803
- "margin-top": "lg",
804
- display: "flex",
805
- "flex-direction": "column",
806
- "justify-content": "center",
807
- "align-items": "center",
808
- "column-gap": "base",
809
- "row-gap": "base",
810
- },
811
- ctas: [
812
- {
813
- cta: {
814
- width: "100%",
815
- },
816
- },
817
- {
818
- cta: {
819
- width: "100%",
820
- },
821
- },
822
- ],
823
- },
824
- {
825
- title: {
826
- "font-weight": 700,
827
- },
828
- card: {
829
- "border-style": "solid",
830
- "border-width": "1px",
831
- "border-color": "border",
832
- },
833
- content_wrapper: {
834
- "border-style": "solid",
835
- "border-width": "1px",
836
- "border-color": "border",
837
- padding: "base",
838
- display: "flex",
839
- "flex-direction": "column",
840
- "row-gap": "xs",
841
- },
842
- price_container: {
843
- display: "flex",
844
- "column-gap": "base",
845
- },
846
- image: {
847
- tablet: {
848
- width: "100%",
849
- },
850
- },
851
- description: {
852
- "font-weight": 500,
853
- },
854
- ctas_levoGroup: {
855
- "margin-top": "lg",
856
- display: "flex",
857
- "flex-direction": "column",
858
- "justify-content": "center",
859
- "align-items": "center",
860
- "column-gap": "base",
861
- "row-gap": "base",
862
- },
863
- ctas: [
864
- {
865
- cta: {
866
- width: "100%",
867
- },
868
- },
869
- {
870
- cta: {
871
- width: "100%",
872
- },
873
- },
874
- ],
875
- },
876
- {
877
- title: {
878
- "font-weight": 700,
879
- },
880
- card: {
881
- "border-style": "solid",
882
- "border-width": "1px",
883
- "border-color": "border",
884
- },
885
- content_wrapper: {
886
- "border-style": "solid",
887
- "border-width": "1px",
888
- "border-color": "border",
889
- padding: "base",
890
- display: "flex",
891
- "flex-direction": "column",
892
- "row-gap": "xs",
893
- },
894
- price_container: {
895
- display: "flex",
896
- "column-gap": "base",
897
- },
898
- image: {
899
- tablet: {
900
- width: "100%",
901
- },
902
- },
903
- description: {
904
- "font-weight": 500,
905
- },
906
- ctas_levoGroup: {
907
- "margin-top": "lg",
908
- display: "flex",
909
- "flex-direction": "column",
910
- "justify-content": "center",
911
- "align-items": "center",
912
- "column-gap": "base",
913
- "row-gap": "base",
914
- },
915
- ctas: [
916
- {
917
- cta: {
918
- width: "100%",
919
- },
920
- },
921
- {
922
- cta: {
923
- width: "100%",
924
- },
925
- },
926
- ],
927
- },
928
- ],
929
992
  products_without_images: [
930
993
  {
931
- title: {
932
- "font-weight": 700,
933
- },
934
- card: {
935
- "border-style": "solid",
936
- "border-width": "1px",
937
- "border-color": "border",
938
- padding: "base",
939
- width: "300px",
940
- tablet: {
941
- width: "100%",
942
- },
943
- },
944
- price_container: {
945
- "margin-top": "14xl",
946
- display: "flex",
947
- "column-gap": "base",
948
- },
949
- content_wrapper: {
950
- "border-style": "solid",
951
- "border-width": "1px",
952
- "border-color": "border",
953
- padding: "base",
954
- display: "flex",
955
- "flex-direction": "column",
956
- "row-gap": "xs",
957
- },
958
- description: {
959
- "font-weight": 500,
960
- },
961
- ctas_levoGroup: {
962
- "margin-top": "lg",
963
- display: "flex",
964
- "flex-direction": "column",
965
- "justify-content": "center",
966
- "align-items": "center",
967
- "column-gap": "base",
968
- "row-gap": "base",
969
- },
970
- ctas: [
971
- {
972
- cta: {
973
- width: "100%",
974
- },
975
- },
976
- {
977
- cta: {
978
- width: "100%",
979
- },
980
- },
981
- ],
994
+ ...productWithoutImageCardBase,
995
+ card: { ...productWithoutImageCardBase.card, height: "auto" },
982
996
  },
983
997
  ],
984
- groups_container: {
985
- display: "flex",
986
- "column-gap": "base",
987
- tablet: {
988
- "flex-direction": "column",
989
- "row-gap": "base",
990
- },
991
- },
992
998
  },
993
999
  ],
994
- description: {
995
- "max-width": "738px",
996
- },
997
1000
  },
998
1001
  content: DEFAULT_CONTENT,
999
1002
  config: {
1000
- title: {
1001
- selectedVariants: {
1002
- Heading_Level: "H2",
1003
- },
1004
- },
1003
+ title: { selectedVariants: { Heading_Level: "H2" } },
1004
+ header_ctas: [
1005
+ { header_cta: {} },
1006
+ { header_cta: { selectedVariants: { Button_Variants: "Secondary" } } },
1007
+ ],
1005
1008
  product_groups: [
1006
1009
  {
1007
1010
  products_with_images: [
1008
1011
  {
1009
- description: {
1010
- selectedVariants: {
1011
- Typography_Variants: "Body",
1012
- },
1013
- },
1012
+ ctas: [{ cta: { selectedVariants: {} } }],
1014
1013
  title: {
1015
- heading: {
1016
- level: "4",
1017
- },
1018
- selectedVariants: {
1019
- Heading_Level: "H6",
1020
- },
1021
- },
1022
- },
1023
- {
1024
- description: {
1025
- selectedVariants: {
1026
- Typography_Variants: "Body",
1027
- },
1028
- },
1029
- title: {
1030
- selectedVariants: {
1031
- Heading_Level: "H6",
1032
- },
1033
- heading: {
1034
- level: "4",
1035
- },
1036
- },
1037
- },
1038
- {
1039
- description: {
1040
- selectedVariants: {
1041
- Typography_Variants: "Body",
1042
- },
1043
- },
1044
- title: {
1045
- selectedVariants: {
1046
- Heading_Level: "H6",
1047
- },
1048
- heading: {
1049
- level: "4",
1050
- },
1051
- },
1052
- },
1053
- ],
1054
- products_without_images: [
1055
- {
1056
- title: {
1057
- heading: {
1058
- level: "4",
1059
- },
1060
- selectedVariants: {
1061
- Heading_Level: "H6",
1062
- },
1063
- },
1064
- description: {
1065
- selectedVariants: {
1066
- Typography_Variants: "Body",
1067
- },
1014
+ heading: { level: "3" },
1015
+ selectedVariants: { Heading_Level: "H3" },
1068
1016
  },
1017
+ description: { selectedVariants: { Typography_Variants: "Large" } },
1069
1018
  },
1019
+ ...configForProductsWithImages("H5").slice(0, 2),
1070
1020
  ],
1021
+ products_without_images: configForProductsWithoutImages("H5"),
1071
1022
  },
1072
1023
  ],
1073
1024
  },