@levo-so/blocks 0.1.100 → 0.1.102

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 (159) hide show
  1. package/package.json +5 -4
  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 +256 -32
  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-2.schema.ts +771 -761
  42. package/src/blocks/community/community-1.schema.ts +8 -23
  43. package/src/blocks/community/community-1.tsx +3 -3
  44. package/src/blocks/community/community-post-1.tsx +4 -4
  45. package/src/blocks/contact-us/contact-us-1.schema.ts +360 -14
  46. package/src/blocks/contact-us/contact-us-2.schema.ts +441 -325
  47. package/src/blocks/content/content-1.schema.ts +800 -381
  48. package/src/blocks/content/content-10.schema.ts +763 -20
  49. package/src/blocks/content/content-2.schema.ts +426 -52
  50. package/src/blocks/content/content-3.schema.ts +631 -432
  51. package/src/blocks/content/content-4.schema.ts +378 -123
  52. package/src/blocks/content/content-5.schema.ts +1152 -682
  53. package/src/blocks/content/content-6.schema.ts +679 -707
  54. package/src/blocks/content/content-7.schema.ts +694 -291
  55. package/src/blocks/content/content-8.schema.ts +247 -7
  56. package/src/blocks/content/content-9.schema.ts +855 -116
  57. package/src/blocks/cta/cta-1.schema.ts +294 -62
  58. package/src/blocks/cta/cta-2.schema.ts +302 -66
  59. package/src/blocks/cta/cta-2.tsx +1 -2
  60. package/src/blocks/cta/cta-3.schema.ts +312 -62
  61. package/src/blocks/embed/embed-1.schema.ts +181 -0
  62. package/src/blocks/event/event-listing-2.schema.ts +5 -11
  63. package/src/blocks/event/event-listing-3.schema.ts +5 -11
  64. package/src/blocks/event/event-listing-4.schema.ts +5 -11
  65. package/src/blocks/event/event-listing.schema.ts +5 -11
  66. package/src/blocks/faq/faq-1.schema.ts +439 -260
  67. package/src/blocks/faq/faq-2.schema.ts +444 -266
  68. package/src/blocks/faq/faq-3.schema.ts +1420 -224
  69. package/src/blocks/features/features-1/features-1.schema.ts +21 -21
  70. package/src/blocks/features/features-1/variants/default.ts +120 -138
  71. package/src/blocks/features/features-1/variants/index.ts +2 -2
  72. package/src/blocks/features/features-1/variants/minimal-list.ts +139 -0
  73. package/src/blocks/features/features-1/variants/stylized-cards-v1.ts +69 -385
  74. package/src/blocks/features/features-1/variants/stylized-cards-v2.ts +74 -408
  75. package/src/blocks/features/features-2.schema.ts +368 -286
  76. package/src/blocks/features/features-3.schema.ts +557 -280
  77. package/src/blocks/features/features-4.schema.ts +940 -432
  78. package/src/blocks/features/features-5.schema.ts +566 -407
  79. package/src/blocks/features/features-6.schema.ts +557 -523
  80. package/src/blocks/filter-listing/filter-listing-1.schema.ts +922 -270
  81. package/src/blocks/floating-buttons/floating-button-1.schema.ts +123 -0
  82. package/src/blocks/footer/footer-1.schema.ts +383 -401
  83. package/src/blocks/footer/footer-2.schema.ts +337 -878
  84. package/src/blocks/footer/footer-3.schema.ts +445 -381
  85. package/src/blocks/footer/footer-4.schema.ts +610 -439
  86. package/src/blocks/footer/footer-5.schema.ts +367 -321
  87. package/src/blocks/footer/footer-6.schema.ts +610 -357
  88. package/src/blocks/form/form-1.schema.ts +237 -0
  89. package/src/blocks/hero/hero-1.schema.ts +251 -221
  90. package/src/blocks/hero/hero-10.schema.ts +23 -14
  91. package/src/blocks/hero/hero-11.schema.ts +728 -601
  92. package/src/blocks/hero/hero-12.schema.ts +524 -334
  93. package/src/blocks/hero/hero-13.schema.ts +83 -95
  94. package/src/blocks/hero/hero-2.schema.ts +277 -68
  95. package/src/blocks/hero/hero-3.schema.ts +371 -235
  96. package/src/blocks/hero/hero-3.tsx +1 -1
  97. package/src/blocks/hero/hero-4.schema.ts +605 -338
  98. package/src/blocks/hero/hero-5.schema.ts +545 -61
  99. package/src/blocks/hero/hero-6.schema.ts +446 -257
  100. package/src/blocks/hero/hero-6.tsx +1 -1
  101. package/src/blocks/hero/hero-7.schema.ts +1299 -131
  102. package/src/blocks/hero/hero-7.tsx +43 -23
  103. package/src/blocks/hero/hero-8.schema.ts +736 -236
  104. package/src/blocks/hero/hero-9.schema.ts +908 -58
  105. package/src/blocks/index.ts +2 -0
  106. package/src/blocks/jobs/jobs-1.schema.ts +741 -219
  107. package/src/blocks/logos/logos-1.schema.ts +317 -321
  108. package/src/blocks/logos/logos-1.tsx +32 -19
  109. package/src/blocks/navbar/navbar-1.schema.ts +319 -186
  110. package/src/blocks/navbar/navbar-2.schema.ts +311 -190
  111. package/src/blocks/navbar/navbar-3.schema.ts +612 -570
  112. package/src/blocks/navbar/navbar-4.schema.ts +741 -1250
  113. package/src/blocks/polling/polling-1.schema.ts +161 -0
  114. package/src/blocks/pricing/pricing-1.schema.ts +549 -626
  115. package/src/blocks/products/products-listing-1.schema.ts +363 -249
  116. package/src/blocks/products/products-listing-2.schema.ts +515 -257
  117. package/src/blocks/products/products-listing-3.schema.ts +789 -836
  118. package/src/blocks/profile/profile-1.schema.ts +168 -187
  119. package/src/blocks/profile/profile-2.schema.ts +150 -122
  120. package/src/blocks/profile/profile-3.schema.ts +307 -256
  121. package/src/blocks/profile/profile-4.schema.ts +372 -504
  122. package/src/blocks/profile/profile-5.schema.ts +186 -79
  123. package/src/blocks/services/service-1.schema.ts +700 -631
  124. package/src/blocks/services/service-2.schema.ts +559 -82
  125. package/src/blocks/services/service-2.tsx +5 -3
  126. package/src/blocks/services/service-3.schema.ts +587 -215
  127. package/src/blocks/services/service-3.tsx +4 -2
  128. package/src/blocks/stats/stats-1.schema.ts +347 -257
  129. package/src/blocks/stats/stats-2.schema.ts +14 -2
  130. package/src/blocks/stats/variants/default.ts +14 -37
  131. package/src/blocks/stats/variants/extra.ts +232 -0
  132. package/src/blocks/stats/variants/hero.ts +1 -30
  133. package/src/blocks/stats/variants/index.ts +13 -1
  134. package/src/blocks/tabs/tab-1.schema.ts +1361 -214
  135. package/src/blocks/tabs/tab-2.schema.ts +984 -390
  136. package/src/blocks/tabs/tab-3.schema.ts +961 -95
  137. package/src/blocks/team/team-1.schema.ts +681 -564
  138. package/src/blocks/team/team-2.schema.ts +589 -935
  139. package/src/blocks/team/team-3.schema.ts +375 -284
  140. package/src/blocks/team/team-4.schema.ts +569 -355
  141. package/src/blocks/team/team-5.schema.ts +307 -111
  142. package/src/blocks/testimonial/testimonial-1.schema.ts +605 -706
  143. package/src/blocks/testimonial/testimonial-2.schema.ts +825 -1099
  144. package/src/blocks/testimonial/testimonial-3.schema.ts +580 -235
  145. package/src/blocks/testimonial/testimonial-4.schema.ts +1326 -1779
  146. package/src/blocks/testimonial/testimonial-5/variants/default.ts +179 -328
  147. package/src/blocks/testimonial/testimonial-5/variants/index.ts +9 -1
  148. package/src/blocks/testimonial/testimonial-5/variants/testimonialCentered.ts +194 -0
  149. package/src/blocks/testimonial/testimonial-5/variants/testimonialCompact.ts +188 -0
  150. package/src/blocks/testimonial/testimonial-5/variants/testimonialWithLogo.ts +275 -396
  151. package/src/blocks/testimonial/testimonial-5/variants/testimonialWithRatings.ts +254 -602
  152. package/src/blocks/testimonial/testimonial-5.schema.ts +6 -2
  153. package/src/blocks/testimonial/testimonial-6.schema.ts +962 -1234
  154. package/src/blocks/testimonial/testimonial-7.schema.ts +515 -233
  155. package/src/blocks/timeline/timeline-1.schema.ts +382 -140
  156. package/src/blocks/users/edit-profile.schema.ts +2 -8
  157. package/src/blocks/users/edit-profile.tsx +2 -3
  158. package/src/schemas/blocks.ts +2 -0
  159. package/src/blocks/features/features-1/variants/stylized-cards-v3.ts +0 -268
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,298 @@ 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
+ ctas: [{}],
237
+ };
238
+
239
+ const productWithoutImageCardBase = {
240
+ card: {
241
+ "background-color": "background-2",
242
+ "border-width": "1px",
243
+ "border-style": "solid",
244
+ "border-color": "border",
245
+ "border-radius": "xl",
246
+ padding: "xl",
247
+ display: "flex",
248
+ "flex-direction": "column",
249
+ height: "100%",
250
+ },
251
+ content_wrapper: {
252
+ display: "flex",
253
+ "flex-direction": "column",
254
+ "row-gap": "xs",
255
+ flex: "1",
256
+ },
257
+ title: { color: "text-1", "font-weight": "700" },
258
+ description: { color: "text-2" },
259
+ ...priceRowStyles,
260
+ ctas_levoGroup: {
261
+ display: "flex",
262
+ "flex-direction": "row",
263
+ gap: "sm",
264
+ "margin-top": "auto",
265
+ "padding-top": "lg",
266
+ },
267
+ ctas_levoGroupItem: { cta: { width: "100%" } },
268
+ ctas: [{}],
269
+ };
270
+
271
+ const productWithImageCardClean = {
272
+ ...productWithImageCardBase,
273
+ card: {
274
+ ...productWithImageCardBase.card,
275
+ "border-width": "0",
276
+ "background-color": "transparent",
277
+ },
278
+ image: {
279
+ width: "100%",
280
+ height: "280px",
281
+ "border-radius": "base",
282
+ "object-fit": "cover",
283
+ "margin-bottom": "md",
284
+ },
285
+ content_wrapper: {
286
+ display: "flex",
287
+ "flex-direction": "column",
288
+ "row-gap": "xs",
289
+ flex: "1",
290
+ padding: "none",
291
+ },
292
+ };
293
+
294
+ const productWithoutImageCardClean = {
295
+ ...productWithoutImageCardBase,
296
+ };
297
+
298
+ const productWithImageCardShadow = {
299
+ ...productWithImageCardBase,
300
+ card: {
301
+ "background-color": "background-1",
302
+ "border-radius": "xl",
303
+ "box-shadow": "default",
304
+ overflow: "hidden",
305
+ display: "flex",
306
+ "flex-direction": "column",
307
+ height: "100%",
308
+ },
309
+ };
310
+
311
+ const productWithoutImageCardPromo = {
312
+ card: {
313
+ "background-color": "brand",
314
+ "border-radius": "xl",
315
+ "box-shadow": "default",
316
+ padding: "xl",
317
+ display: "flex",
318
+ "flex-direction": "column",
319
+ "justify-content": "space-between",
320
+ height: "100%",
321
+ },
322
+ content_wrapper: {
323
+ display: "flex",
324
+ "flex-direction": "column",
325
+ "row-gap": "xs",
326
+ flex: "1",
327
+ },
328
+ title: { color: "brandForeground", "font-weight": "700" },
329
+ description: { color: "brandForeground" },
330
+ price_container: {
331
+ display: "flex",
332
+ "column-gap": "sm",
333
+ "row-gap": "2xs",
334
+ "align-items": "baseline",
335
+ "margin-top": "sm",
336
+ "flex-wrap": "wrap",
337
+ },
338
+ actual_price: { "font-weight": "700", color: "brandForeground" },
339
+ discount_price: {
340
+ color: "brandForeground",
341
+ "text-decoration": "line-through",
342
+ "font-size": "sm",
343
+ },
344
+ off_percent: {
345
+ "font-weight": "600",
346
+ color: "brand",
347
+ "background-color": "brandForeground",
348
+ "padding-top": "3xs",
349
+ "padding-bottom": "3xs",
350
+ "padding-left": "2xs",
351
+ "padding-right": "2xs",
352
+ "border-radius": "base",
353
+ "font-size": "xs",
354
+ },
355
+ ctas_levoGroup: {
356
+ display: "flex",
357
+ "flex-direction": "row",
358
+ gap: "sm",
359
+ "margin-top": "auto",
360
+ "padding-top": "lg",
361
+ },
362
+ ctas_levoGroupItem: { cta: { width: "100%" } },
363
+ ctas: [{}],
364
+ };
365
+
366
+ const productWithImageCardList = {
367
+ card: {
368
+ display: "flex",
369
+ "flex-direction": "row",
370
+ "column-gap": "xl",
371
+ "align-items": "center",
372
+ "padding-top": "lg",
373
+ "padding-bottom": "lg",
374
+ "border-bottom-style": "solid",
375
+ "border-bottom-width": "1px",
376
+ "border-bottom-color": "border",
377
+ mobile: {
378
+ "flex-direction": "column",
379
+ "align-items": "flex-start",
380
+ "row-gap": "md",
381
+ },
382
+ },
383
+ image: {
384
+ width: "240px",
385
+ height: "160px",
386
+ "object-fit": "cover",
387
+ "border-radius": "base",
388
+ "flex-shrink": "0",
389
+ mobile: { width: "100%", height: "220px" },
390
+ },
391
+ content_wrapper: {
392
+ flex: "1",
393
+ display: "flex",
394
+ "flex-direction": "column",
395
+ "row-gap": "xs",
396
+ },
397
+ title: { color: "text-1", "font-weight": "600" },
398
+ description: { color: "text-2" },
399
+ ...priceRowStyles,
400
+ ctas_levoGroup: {
401
+ display: "flex",
402
+ "flex-direction": "row",
403
+ gap: "sm",
404
+ "margin-top": "sm",
405
+ },
406
+ ctas_levoGroupItem: { cta: {} },
407
+ ctas: [{}],
408
+ };
409
+
410
+ const productWithoutImageCardList = {
411
+ card: {
412
+ display: "flex",
413
+ "flex-direction": "row",
414
+ "column-gap": "xl",
415
+ "align-items": "center",
416
+ "padding-top": "lg",
417
+ "padding-bottom": "lg",
418
+ mobile: {
419
+ "flex-direction": "column",
420
+ "align-items": "flex-start",
421
+ "row-gap": "md",
422
+ },
423
+ },
424
+ content_wrapper: {
425
+ flex: "1",
426
+ display: "flex",
427
+ "flex-direction": "column",
428
+ "row-gap": "xs",
429
+ },
430
+ title: { color: "text-1", "font-weight": "600" },
431
+ description: { color: "text-2" },
432
+ ...priceRowStyles,
433
+ ctas_levoGroup: {
434
+ display: "flex",
435
+ "flex-direction": "row",
436
+ gap: "sm",
437
+ "margin-top": "sm",
438
+ },
439
+ ctas_levoGroupItem: { cta: {} },
440
+ ctas: [{}],
441
+ };
442
+
159
443
  export const ProductsListing3: IBlock = {
160
444
  category_id: "products",
161
445
  title: "Products Listing 3",
@@ -164,47 +448,19 @@ export const ProductsListing3: IBlock = {
164
448
  prompt_description:
165
449
  "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
450
  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
- },
451
+ { key: "layout", label: "Layout", field_interface: "LayoutWidget" },
452
+ { key: "container", label: "Container", field_interface: "ContainerWidget" },
453
+ { key: "header_container", label: "Header Container", field_interface: "BoxWidget" },
454
+ { key: "header_content", label: "Header Content", field_interface: "BoxWidget" },
455
+ { key: "title", label: "Title", field_interface: "HeadingWidget" },
456
+ { key: "description", label: "Description", field_interface: "TypographyWidget" },
197
457
  {
198
458
  key: "header_ctas",
199
459
  label: "Header CTAs",
200
460
  field_interface: "BoxWidget",
201
461
  kind: "group",
202
462
  fields: [
203
- {
204
- key: "header_cta",
205
- label: "Header CTA",
206
- field_interface: "ButtonWidget",
207
- },
463
+ { key: "header_cta", label: "Header CTA", field_interface: "ButtonWidget" },
208
464
  ],
209
465
  },
210
466
  {
@@ -213,74 +469,28 @@ export const ProductsListing3: IBlock = {
213
469
  kind: "group",
214
470
  field_interface: "BoxWidget",
215
471
  fields: [
216
- {
217
- key: "groups_container",
218
- label: "Groups Container",
219
- field_interface: "BoxWidget",
220
- },
472
+ { key: "groups_container", label: "Groups Container", field_interface: "BoxWidget" },
221
473
  {
222
474
  key: "products_with_images",
223
475
  label: "Products With Images",
224
476
  kind: "group",
225
477
  field_interface: "BoxWidget",
226
478
  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
- },
479
+ { key: "card", label: "Card", field_interface: "BoxWidget" },
480
+ { key: "image", label: "Image", field_interface: "ImageWidget" },
481
+ { key: "content_wrapper", label: "Content Wrapper", field_interface: "BoxWidget" },
482
+ { key: "title", label: "Title", field_interface: "HeadingWidget" },
483
+ { key: "description", label: "Description", field_interface: "TypographyWidget" },
484
+ { key: "price_container", label: "Price Container", field_interface: "BoxWidget" },
485
+ { key: "actual_price", label: "Actual Price", field_interface: "TypographyWidget" },
486
+ { key: "discount_price", label: "Discount Price", field_interface: "TypographyWidget" },
487
+ { key: "off_percent", label: "Off Percent", field_interface: "TypographyWidget" },
272
488
  {
273
489
  key: "ctas",
274
490
  label: "CTA Button Group",
275
491
  kind: "group",
276
492
  field_interface: "ButtonWidget",
277
- fields: [
278
- {
279
- key: "cta",
280
- label: "CTA Button",
281
- field_interface: "ButtonWidget",
282
- },
283
- ],
493
+ fields: [{ key: "cta", label: "CTA Button", field_interface: "ButtonWidget" }],
284
494
  },
285
495
  ],
286
496
  },
@@ -290,58 +500,20 @@ export const ProductsListing3: IBlock = {
290
500
  kind: "group",
291
501
  field_interface: "BoxWidget",
292
502
  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
- },
503
+ { key: "card", label: "Card", field_interface: "BoxWidget" },
504
+ { key: "content_wrapper", label: "Content Wrapper", field_interface: "BoxWidget" },
505
+ { key: "title", label: "Title", field_interface: "HeadingWidget" },
506
+ { key: "description", label: "Description", field_interface: "TypographyWidget" },
507
+ { key: "price_container", label: "Price Container", field_interface: "BoxWidget" },
508
+ { key: "actual_price", label: "Actual Price", field_interface: "TypographyWidget" },
509
+ { key: "discount_price", label: "Discount Price", field_interface: "TypographyWidget" },
510
+ { key: "off_percent", label: "Off Percent", field_interface: "TypographyWidget" },
333
511
  {
334
512
  key: "ctas",
335
513
  label: "CTA Button Group",
336
514
  kind: "group",
337
515
  field_interface: "ButtonWidget",
338
- fields: [
339
- {
340
- key: "cta",
341
- label: "CTA Button",
342
- field_interface: "ButtonWidget",
343
- },
344
- ],
516
+ fields: [{ key: "cta", label: "CTA Button", field_interface: "ButtonWidget" }],
345
517
  },
346
518
  ],
347
519
  },
@@ -358,716 +530,497 @@ export const ProductsListing3: IBlock = {
358
530
  header_container: {
359
531
  display: "flex",
360
532
  "justify-content": "space-between",
361
- "align-items": "center",
362
- "margin-bottom": "2xl",
533
+ "align-items": "flex-end",
534
+ "column-gap": "xl",
535
+ "margin-bottom": "3xl",
363
536
  mobile: {
364
537
  "flex-direction": "column",
365
- "align-items": "center",
538
+ "align-items": "flex-start",
366
539
  "row-gap": "lg",
367
- "justify-content": "center",
368
540
  },
369
- "column-gap": "base",
370
541
  },
371
- title: {
372
- mobile: {
373
- "text-align": "center",
542
+ title: {},
543
+ description: { "max-width": "560px" },
544
+ header_ctas_levoGroup: {
545
+ display: "flex",
546
+ "flex-direction": "row",
547
+ "align-items": "center",
548
+ gap: "sm",
549
+ },
550
+ header_ctas: [{}, {}],
551
+ products_container: {},
552
+ product_groups_levoGroup: {},
553
+ product_groups: [
554
+ {
555
+ groups_container: {
556
+ display: "grid",
557
+ "grid-template-columns": "3fr 1fr",
558
+ "column-gap": "xl",
559
+ "row-gap": "xl",
560
+ tablet: { "grid-template-columns": "1fr" },
561
+ },
562
+ products_with_images_levoGroup: {
563
+ display: "grid",
564
+ "grid-template-columns": "repeat(3, minmax(0, 1fr))",
565
+ "column-gap": "xl",
566
+ "row-gap": "xl",
567
+ tablet: { "grid-template-columns": "repeat(2, minmax(0, 1fr))" },
568
+ mobile: { "grid-template-columns": "repeat(1, minmax(0, 1fr))" },
569
+ },
570
+ products_without_images_levoGroup: {
571
+ display: "flex",
572
+ "flex-direction": "column",
573
+ "row-gap": "xl",
574
+ },
575
+ products_with_images_levoGroupItem: productWithImageCardBase,
576
+ products_with_images: [productWithImageCardBase, productWithImageCardBase, productWithImageCardBase],
577
+ products_without_images_levoGroupItem: productWithoutImageCardBase,
578
+ products_without_images: [productWithoutImageCardBase],
579
+ },
580
+ ],
581
+ },
582
+ content: DEFAULT_CONTENT,
583
+ config: {
584
+ title: { selectedVariants: { Heading_Level: "H2" } },
585
+ header_ctas: [
586
+ { header_cta: {} },
587
+ { header_cta: { selectedVariants: { Button_Variants: "Secondary" } } },
588
+ ],
589
+ product_groups: [
590
+ {
591
+ products_with_images: configForProductsWithImages("H5"),
592
+ products_without_images: configForProductsWithoutImages("H5"),
374
593
  },
594
+ ],
595
+ },
596
+ },
597
+ {
598
+ key: "three-column-clean",
599
+ title: "Three Column Clean",
600
+ styles: {
601
+ layout: {},
602
+ container: {},
603
+ header_container: {
604
+ display: "flex",
605
+ "flex-direction": "column",
606
+ "align-items": "center",
607
+ "row-gap": "md",
608
+ "margin-bottom": "4xl",
609
+ mobile: { "margin-bottom": "2xl" },
375
610
  },
611
+ title: { "text-align": "center" },
612
+ description: { "text-align": "center", "max-width": "640px" },
376
613
  header_ctas_levoGroup: {
377
614
  display: "flex",
378
615
  "flex-direction": "row",
379
616
  "align-items": "center",
380
617
  gap: "sm",
618
+ "margin-top": "sm",
381
619
  },
382
- header_ctas: Array(2).map(() => ({
383
- header_cta: {},
384
- })),
620
+ header_ctas: [{}, {}],
385
621
  products_container: {},
386
- product_groups_levoGroup: [
622
+ product_groups_levoGroup: {},
623
+ product_groups: [
387
624
  {
388
625
  groups_container: {
389
626
  display: "flex",
390
- "flex-direction": "row",
391
- gap: "xl",
392
- mobile: {
393
- "flex-direction": "column",
394
- },
627
+ "flex-direction": "column",
628
+ "row-gap": "xl",
395
629
  },
396
630
  products_with_images_levoGroup: {
397
631
  display: "grid",
398
632
  "grid-template-columns": "repeat(3, minmax(0, 1fr))",
399
- "grid-template-rows": "1fr",
400
633
  "column-gap": "xl",
401
634
  "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
- },
635
+ tablet: { "grid-template-columns": "repeat(2, minmax(0, 1fr))" },
636
+ mobile: { "grid-template-columns": "repeat(1, minmax(0, 1fr))" },
413
637
  },
414
638
  products_without_images_levoGroup: {
415
639
  display: "grid",
416
640
  "grid-template-columns": "repeat(1, minmax(0, 1fr))",
417
- "grid-template-rows": "1fr",
641
+ },
642
+ products_with_images_levoGroupItem: productWithImageCardClean,
643
+ products_with_images: [
644
+ productWithImageCardClean,
645
+ productWithImageCardClean,
646
+ productWithImageCardClean,
647
+ ],
648
+ products_without_images_levoGroupItem: productWithoutImageCardClean,
649
+ products_without_images: [productWithoutImageCardClean],
650
+ },
651
+ ],
652
+ },
653
+ content: DEFAULT_CONTENT,
654
+ config: {
655
+ title: { selectedVariants: { Heading_Level: "H2" } },
656
+ header_ctas: [
657
+ { header_cta: {} },
658
+ { header_cta: { selectedVariants: { Button_Variants: "Secondary" } } },
659
+ ],
660
+ product_groups: [
661
+ {
662
+ products_with_images: configForProductsWithImages("H5"),
663
+ products_without_images: configForProductsWithoutImages("H5"),
664
+ },
665
+ ],
666
+ },
667
+ },
668
+ {
669
+ key: "shadow-cards",
670
+ title: "Shadow Cards",
671
+ styles: {
672
+ layout: {},
673
+ container: {},
674
+ header_container: {
675
+ display: "flex",
676
+ "justify-content": "space-between",
677
+ "align-items": "flex-end",
678
+ "column-gap": "xl",
679
+ "margin-bottom": "3xl",
680
+ mobile: {
681
+ "flex-direction": "column",
682
+ "align-items": "flex-start",
683
+ "row-gap": "lg",
684
+ },
685
+ },
686
+ title: {},
687
+ description: { "max-width": "560px" },
688
+ header_ctas_levoGroup: {
689
+ display: "flex",
690
+ "flex-direction": "row",
691
+ "align-items": "center",
692
+ gap: "sm",
693
+ },
694
+ header_ctas: [{}, {}],
695
+ products_container: {},
696
+ product_groups_levoGroup: {},
697
+ product_groups: [
698
+ {
699
+ groups_container: {
700
+ display: "grid",
701
+ "grid-template-columns": "3fr 1fr",
418
702
  "column-gap": "xl",
419
703
  "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
- },
704
+ tablet: { "grid-template-columns": "1fr" },
705
+ },
706
+ products_with_images_levoGroup: {
707
+ display: "grid",
708
+ "grid-template-columns": "repeat(3, minmax(0, 1fr))",
709
+ "column-gap": "xl",
710
+ "row-gap": "xl",
711
+ tablet: { "grid-template-columns": "repeat(2, minmax(0, 1fr))" },
712
+ mobile: { "grid-template-columns": "repeat(1, minmax(0, 1fr))" },
713
+ },
714
+ products_without_images_levoGroup: {
715
+ display: "grid",
716
+ "grid-template-columns": "repeat(1, minmax(0, 1fr))",
431
717
  },
718
+ products_with_images_levoGroupItem: productWithImageCardShadow,
432
719
  products_with_images: [
720
+ productWithImageCardShadow,
721
+ productWithImageCardShadow,
722
+ productWithImageCardShadow,
723
+ ],
724
+ products_without_images_levoGroupItem: productWithoutImageCardPromo,
725
+ products_without_images: [productWithoutImageCardPromo],
726
+ },
727
+ ],
728
+ },
729
+ content: DEFAULT_CONTENT,
730
+ config: {
731
+ title: { selectedVariants: { Heading_Level: "H2" } },
732
+ header_ctas: [
733
+ { header_cta: {} },
734
+ { header_cta: { selectedVariants: { Button_Variants: "Secondary" } } },
735
+ ],
736
+ product_groups: [
737
+ {
738
+ products_with_images: configForProductsWithImages("H5"),
739
+ products_without_images: [
433
740
  {
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
741
  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",
742
+ heading: { level: "4" },
743
+ selectedVariants: { Heading_Level: "H4" },
502
744
  },
745
+ description: { selectedVariants: { Typography_Variants: "Body" } },
503
746
  ctas: [
504
- {
505
- cta: {
506
- width: "100%",
507
- },
508
- },
509
- {
510
- cta: {
511
- width: "100%",
512
- },
513
- },
747
+ { cta: { selectedVariants: {} } },
748
+ { cta: { selectedVariants: { Button_Variants: "Secondary" } } },
514
749
  ],
515
750
  },
751
+ ],
752
+ },
753
+ ],
754
+ },
755
+ },
756
+ {
757
+ key: "list-view",
758
+ title: "List View",
759
+ styles: {
760
+ layout: {},
761
+ container: {},
762
+ header_container: {
763
+ display: "flex",
764
+ "flex-direction": "column",
765
+ "align-items": "flex-start",
766
+ "row-gap": "md",
767
+ "margin-bottom": "3xl",
768
+ },
769
+ title: {},
770
+ description: { "max-width": "640px" },
771
+ header_ctas_levoGroup: {
772
+ display: "flex",
773
+ "flex-direction": "row",
774
+ "align-items": "center",
775
+ gap: "sm",
776
+ "margin-top": "md",
777
+ },
778
+ header_ctas: [{}, {}],
779
+ products_container: {},
780
+ product_groups_levoGroup: {},
781
+ product_groups: [
782
+ {
783
+ groups_container: {
784
+ display: "flex",
785
+ "flex-direction": "column",
786
+ "row-gap": "lg",
787
+ },
788
+ products_with_images_levoGroup: {
789
+ display: "flex",
790
+ "flex-direction": "column",
791
+ "row-gap": "lg",
792
+ },
793
+ products_without_images_levoGroup: {
794
+ display: "flex",
795
+ "flex-direction": "column",
796
+ },
797
+ products_with_images_levoGroupItem: productWithImageCardList,
798
+ products_with_images: [
799
+ productWithImageCardList,
800
+ productWithImageCardList,
801
+ productWithImageCardList,
802
+ ],
803
+ products_without_images_levoGroupItem: productWithoutImageCardList,
804
+ products_without_images: [productWithoutImageCardList],
805
+ },
806
+ ],
807
+ },
808
+ content: DEFAULT_CONTENT,
809
+ config: {
810
+ title: { selectedVariants: { Heading_Level: "H2" } },
811
+ header_ctas: [
812
+ { header_cta: {} },
813
+ { header_cta: { selectedVariants: { Button_Variants: "Secondary" } } },
814
+ ],
815
+ product_groups: [
816
+ {
817
+ products_with_images: configForProductsWithImages("H4"),
818
+ products_without_images: configForProductsWithoutImages("H4"),
819
+ },
820
+ ],
821
+ },
822
+ },
823
+ {
824
+ key: "featured-first",
825
+ title: "Featured First",
826
+ styles: {
827
+ layout: {},
828
+ container: {},
829
+ header_container: {
830
+ display: "flex",
831
+ "flex-direction": "column",
832
+ "align-items": "center",
833
+ "row-gap": "md",
834
+ "margin-bottom": "3xl",
835
+ },
836
+ title: { "text-align": "center" },
837
+ description: { "text-align": "center", "max-width": "640px" },
838
+ header_ctas_levoGroup: {
839
+ display: "flex",
840
+ "flex-direction": "row",
841
+ "align-items": "center",
842
+ gap: "sm",
843
+ "margin-top": "md",
844
+ },
845
+ header_ctas: [{}, {}],
846
+ products_container: {},
847
+ product_groups_levoGroup: {},
848
+ product_groups: [
849
+ {
850
+ groups_container: {
851
+ display: "grid",
852
+ "grid-template-columns": "2fr 1fr",
853
+ "column-gap": "xl",
854
+ "align-items": "start",
855
+ tablet: { "grid-template-columns": "1fr", "row-gap": "xl" },
856
+ },
857
+ products_with_images_levoGroup: {
858
+ display: "flex",
859
+ "flex-direction": "column",
860
+ "row-gap": "lg",
861
+ },
862
+ products_without_images_levoGroup: {
863
+ display: "block",
864
+ },
865
+ products_with_images: [
516
866
  {
517
867
  card: {
518
- "border-style": "solid",
519
- "border-width": "1px",
520
868
  display: "flex",
521
869
  "flex-direction": "column",
522
- "justify-content": "start",
523
- "align-items": "start",
870
+ "background-color": "background-1",
871
+ "border-radius": "xl",
872
+ "box-shadow": "default",
873
+ overflow: "hidden",
524
874
  },
525
875
  image: {
526
876
  width: "100%",
527
- height: "280px",
877
+ height: "360px",
528
878
  "object-fit": "cover",
529
- "margin-bottom": "lg",
530
879
  },
531
880
  content_wrapper: {
532
- width: "100%",
881
+ padding: "xl",
533
882
  display: "flex",
534
883
  "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",
884
+ "row-gap": "sm",
553
885
  },
886
+ title: { color: "text-1", "font-weight": "700" },
887
+ description: { color: "text-2" },
554
888
  price_container: {
555
889
  display: "flex",
556
- "flex-direction": "row",
557
- "align-items": "center",
558
- "margin-bottom": "lg",
890
+ "column-gap": "sm",
559
891
  "row-gap": "2xs",
560
- "column-gap": "base",
561
- },
562
- actual_price: {
563
- "font-size": "xl",
564
- "font-weight": "700",
565
- color: "text-1",
892
+ "align-items": "baseline",
893
+ "margin-top": "xs",
894
+ "flex-wrap": "wrap",
566
895
  },
896
+ actual_price: { "font-weight": "700", color: "text-1" },
567
897
  discount_price: {
568
- "font-size": "sm",
569
898
  color: "text-3",
570
899
  "text-decoration": "line-through",
900
+ "font-size": "sm",
571
901
  },
572
902
  off_percent: {
573
- "font-size": "sm",
574
903
  "font-weight": "600",
575
904
  color: "success",
905
+ "background-color":
906
+ "color-mix(in oklch, var(--color-success) 12%, transparent)",
907
+ "padding-top": "3xs",
908
+ "padding-bottom": "3xs",
909
+ "padding-left": "2xs",
910
+ "padding-right": "2xs",
911
+ "border-radius": "base",
912
+ "font-size": "xs",
576
913
  },
577
914
  ctas_levoGroup: {
578
- "margin-top": "lg",
579
915
  display: "flex",
580
- "flex-direction": "column",
581
- "justify-content": "center",
582
- "align-items": "center",
583
- "column-gap": "base",
584
- "row-gap": "base",
916
+ "flex-direction": "row",
917
+ gap: "sm",
918
+ "padding-top": "md",
585
919
  },
586
- ctas: [
587
- {
588
- cta: {
589
- width: "100%",
590
- },
591
- },
592
- {
593
- cta: {
594
- width: "100%",
595
- },
596
- },
597
- ],
920
+ ctas_levoGroupItem: { cta: {} },
921
+ ctas: [{}],
598
922
  },
599
- ],
600
- products_without_images: [
601
- {
923
+ ...Array.from({ length: 2 }, () => ({
602
924
  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
925
  display: "flex",
636
926
  "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: {
927
+ "column-gap": "lg",
928
+ "background-color": "background-1",
929
+ "border-radius": "xl",
681
930
  "border-style": "solid",
682
931
  "border-width": "1px",
683
- display: "flex",
684
- "flex-direction": "column",
685
- "justify-content": "start",
686
- "align-items": "start",
932
+ "border-color": "border",
933
+ overflow: "hidden",
934
+ "align-items": "center",
935
+ padding: "md",
936
+ mobile: { "flex-direction": "column", "row-gap": "md", "align-items": "flex-start" },
937
+ },
938
+ image: {
939
+ width: "160px",
940
+ height: "120px",
941
+ "object-fit": "cover",
942
+ "border-radius": "base",
943
+ "flex-shrink": "0",
944
+ mobile: { width: "100%", height: "200px" },
687
945
  },
688
946
  content_wrapper: {
689
- width: "100%",
690
947
  display: "flex",
691
948
  "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",
949
+ "row-gap": "2xs",
950
+ flex: "1",
711
951
  },
952
+ title: { color: "text-1", "font-weight": "600" },
953
+ description: { color: "text-2" },
712
954
  price_container: {
713
955
  display: "flex",
714
- "flex-direction": "row",
715
- "align-items": "center",
716
- "margin-bottom": "lg",
956
+ "column-gap": "sm",
717
957
  "row-gap": "2xs",
718
- "column-gap": "base",
719
- },
720
- actual_price: {
721
- "font-size": "xl",
722
- "font-weight": "700",
723
- color: "text-1",
958
+ "align-items": "baseline",
959
+ "margin-top": "2xs",
960
+ "flex-wrap": "wrap",
724
961
  },
962
+ actual_price: { "font-weight": "700", color: "text-1" },
725
963
  discount_price: {
726
- "font-size": "sm",
727
964
  color: "text-3",
728
965
  "text-decoration": "line-through",
966
+ "font-size": "sm",
729
967
  },
730
968
  off_percent: {
731
- "font-size": "sm",
732
969
  "font-weight": "600",
733
970
  color: "success",
971
+ "background-color":
972
+ "color-mix(in oklch, var(--color-success) 12%, transparent)",
973
+ "padding-top": "3xs",
974
+ "padding-bottom": "3xs",
975
+ "padding-left": "2xs",
976
+ "padding-right": "2xs",
977
+ "border-radius": "base",
978
+ "font-size": "xs",
734
979
  },
735
980
  ctas_levoGroup: {
736
- "margin-top": "lg",
737
981
  display: "flex",
738
- "flex-direction": "column",
739
- "justify-content": "center",
740
- "align-items": "center",
741
- "column-gap": "base",
742
- "row-gap": "base",
982
+ "flex-direction": "row",
983
+ gap: "sm",
984
+ "padding-top": "xs",
743
985
  },
744
- ctas: [
745
- {
746
- cta: {
747
- width: "100%",
748
- },
749
- },
750
- {
751
- cta: {
752
- width: "100%",
753
- },
754
- },
755
- ],
756
- },
986
+ ctas_levoGroupItem: { cta: {} },
987
+ ctas: [{}],
988
+ })),
757
989
  ],
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
- },
990
+ products_without_images_levoGroupItem: {
991
+ ...productWithoutImageCardBase,
992
+ card: { ...productWithoutImageCardBase.card, height: "auto" },
770
993
  },
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
994
  products_without_images: [
930
995
  {
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
- ],
996
+ ...productWithoutImageCardBase,
997
+ card: { ...productWithoutImageCardBase.card, height: "auto" },
982
998
  },
983
999
  ],
984
- groups_container: {
985
- display: "flex",
986
- "column-gap": "base",
987
- tablet: {
988
- "flex-direction": "column",
989
- "row-gap": "base",
990
- },
991
- },
992
1000
  },
993
1001
  ],
994
- description: {
995
- "max-width": "738px",
996
- },
997
1002
  },
998
1003
  content: DEFAULT_CONTENT,
999
1004
  config: {
1000
- title: {
1001
- selectedVariants: {
1002
- Heading_Level: "H2",
1003
- },
1004
- },
1005
+ title: { selectedVariants: { Heading_Level: "H2" } },
1006
+ header_ctas: [
1007
+ { header_cta: {} },
1008
+ { header_cta: { selectedVariants: { Button_Variants: "Secondary" } } },
1009
+ ],
1005
1010
  product_groups: [
1006
1011
  {
1007
1012
  products_with_images: [
1008
1013
  {
1009
- description: {
1010
- selectedVariants: {
1011
- Typography_Variants: "Body",
1012
- },
1013
- },
1014
- 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
- {
1014
+ ctas: [{ cta: { selectedVariants: {} } }],
1056
1015
  title: {
1057
- heading: {
1058
- level: "4",
1059
- },
1060
- selectedVariants: {
1061
- Heading_Level: "H6",
1062
- },
1063
- },
1064
- description: {
1065
- selectedVariants: {
1066
- Typography_Variants: "Body",
1067
- },
1016
+ heading: { level: "3" },
1017
+ selectedVariants: { Heading_Level: "H3" },
1068
1018
  },
1019
+ description: { selectedVariants: { Typography_Variants: "Large" } },
1069
1020
  },
1021
+ ...configForProductsWithImages("H5").slice(0, 2),
1070
1022
  ],
1023
+ products_without_images: configForProductsWithoutImages("H5"),
1071
1024
  },
1072
1025
  ],
1073
1026
  },