@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/cards/cards-7.schema.ts CHANGED
@@ -1,107 +1,125 @@
1
1
  import type { IBlock } from "@levo-so/studio";
2
2
 
3
- const MEDIA_DEFAULT_1 = {
4
- id: "zucDqwW4YQGr5",
5
- filename: "cards-7-default-1.png",
3
+ const IMG_1 = {
4
+ id: "7452997459830865178",
6
5
  kind: "image",
7
- location: "https://static.levocdn.com/WLZ1TXTD/cards-7-default-1-VbXwlm7BPI1Ed.png",
6
+ location: "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg",
7
+ mimetype: "image/jpeg",
8
8
  srcset: {
9
- "1080w": "https://static.levocdn.com/WLZ1TXTD/cards-7-default-1-VbXwlm7BPI1Ed-1080w.webp",
10
- "1200w": "https://static.levocdn.com/WLZ1TXTD/cards-7-default-1-VbXwlm7BPI1Ed-1200w.webp",
11
- "1920w": "https://static.levocdn.com/WLZ1TXTD/cards-7-default-1-VbXwlm7BPI1Ed-1920w.webp",
12
- "320w": "https://static.levocdn.com/WLZ1TXTD/cards-7-default-1-VbXwlm7BPI1Ed-320w.webp",
13
- "640w": "https://static.levocdn.com/WLZ1TXTD/cards-7-default-1-VbXwlm7BPI1Ed-640w.webp",
14
- "750w": "https://static.levocdn.com/WLZ1TXTD/cards-7-default-1-VbXwlm7BPI1Ed-750w.webp",
15
- "828w": "https://static.levocdn.com/WLZ1TXTD/cards-7-default-1-VbXwlm7BPI1Ed-828w.webp",
16
- path: "https://static.levocdn.com/WLZ1TXTD/cards-7-default-1-VbXwlm7BPI1Ed-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/cards-7-default-1-VbXwlm7BPI1Ed-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/cards-7-default-1-VbXwlm7BPI1Ed-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/cards-7-default-1-VbXwlm7BPI1Ed-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/cards-7-default-1-VbXwlm7BPI1Ed-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/cards-7-default-1-VbXwlm7BPI1Ed-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/cards-7-default-1-VbXwlm7BPI1Ed-640w.webp 640w",
9
+ "320w":
10
+ "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
11
+ "640w":
12
+ "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
13
+ "750w":
14
+ "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
15
+ "828w":
16
+ "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
17
+ "1080w":
18
+ "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
19
+ "1200w":
20
+ "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
21
+ "1920w":
22
+ "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
23
+ path: "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320 320w, https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750 750w, https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828 828w, https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200 1200w, https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w",
17
24
  },
18
- mimetype: "image/png",
19
25
  };
20
- const MEDIA_DEFAULT_2 = {
21
- id: "lDiUoGwM7dzZl",
22
- filename: "cards-7-default-2.png",
26
+
27
+ const IMG_2 = {
28
+ id: "7452997527100306136",
23
29
  kind: "image",
24
- location: "https://static.levocdn.com/WLZ1TXTD/cards-7-default-2-6HgFQxxyUl2HW.png",
30
+ location: "https://images.pexels.com/photos/7670738/pexels-photo-7670738.jpeg",
31
+ mimetype: "image/jpeg",
25
32
  srcset: {
26
- "1080w": "https://static.levocdn.com/WLZ1TXTD/cards-7-default-2-6HgFQxxyUl2HW-1080w.webp",
27
- "1200w": "https://static.levocdn.com/WLZ1TXTD/cards-7-default-2-6HgFQxxyUl2HW-1200w.webp",
28
- "1920w": "https://static.levocdn.com/WLZ1TXTD/cards-7-default-2-6HgFQxxyUl2HW-1920w.webp",
29
- "320w": "https://static.levocdn.com/WLZ1TXTD/cards-7-default-2-6HgFQxxyUl2HW-320w.webp",
30
- "640w": "https://static.levocdn.com/WLZ1TXTD/cards-7-default-2-6HgFQxxyUl2HW-640w.webp",
31
- "750w": "https://static.levocdn.com/WLZ1TXTD/cards-7-default-2-6HgFQxxyUl2HW-750w.webp",
32
- "828w": "https://static.levocdn.com/WLZ1TXTD/cards-7-default-2-6HgFQxxyUl2HW-828w.webp",
33
- path: "https://static.levocdn.com/WLZ1TXTD/cards-7-default-2-6HgFQxxyUl2HW-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/cards-7-default-2-6HgFQxxyUl2HW-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/cards-7-default-2-6HgFQxxyUl2HW-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/cards-7-default-2-6HgFQxxyUl2HW-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/cards-7-default-2-6HgFQxxyUl2HW-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/cards-7-default-2-6HgFQxxyUl2HW-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/cards-7-default-2-6HgFQxxyUl2HW-1080w.webp 1080w",
33
+ "320w":
34
+ "https://images.pexels.com/photos/7670738/pexels-photo-7670738.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
35
+ "640w":
36
+ "https://images.pexels.com/photos/7670738/pexels-photo-7670738.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
37
+ "750w":
38
+ "https://images.pexels.com/photos/7670738/pexels-photo-7670738.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
39
+ "828w":
40
+ "https://images.pexels.com/photos/7670738/pexels-photo-7670738.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
41
+ "1080w":
42
+ "https://images.pexels.com/photos/7670738/pexels-photo-7670738.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
43
+ "1200w":
44
+ "https://images.pexels.com/photos/7670738/pexels-photo-7670738.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
45
+ "1920w":
46
+ "https://images.pexels.com/photos/7670738/pexels-photo-7670738.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
47
+ path: "https://images.pexels.com/photos/7670738/pexels-photo-7670738.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320 320w, https://images.pexels.com/photos/7670738/pexels-photo-7670738.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/7670738/pexels-photo-7670738.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750 750w, https://images.pexels.com/photos/7670738/pexels-photo-7670738.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828 828w, https://images.pexels.com/photos/7670738/pexels-photo-7670738.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/7670738/pexels-photo-7670738.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200 1200w, https://images.pexels.com/photos/7670738/pexels-photo-7670738.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w",
34
48
  },
35
- mimetype: "image/png",
36
49
  };
37
- const MEDIA_DEFAULT_3 = {
38
- id: "lDiU0GwM7dzZt",
39
- filename: "cards-7-default-3.png",
50
+
51
+ const IMG_3 = {
52
+ id: "7452997605766073294",
40
53
  kind: "image",
41
- location: "https://static.levocdn.com/WLZ1TXTD/cards-7-default-3-fF90RWpVa2Is6.png",
54
+ location: "https://images.pexels.com/photos/10020092/pexels-photo-10020092.jpeg",
55
+ mimetype: "image/jpeg",
42
56
  srcset: {
43
- "1080w": "https://static.levocdn.com/WLZ1TXTD/cards-7-default-3-fF90RWpVa2Is6-1080w.webp",
44
- "1200w": "https://static.levocdn.com/WLZ1TXTD/cards-7-default-3-fF90RWpVa2Is6-1200w.webp",
45
- "1920w": "https://static.levocdn.com/WLZ1TXTD/cards-7-default-3-fF90RWpVa2Is6-1920w.webp",
46
- "320w": "https://static.levocdn.com/WLZ1TXTD/cards-7-default-3-fF90RWpVa2Is6-320w.webp",
47
- "640w": "https://static.levocdn.com/WLZ1TXTD/cards-7-default-3-fF90RWpVa2Is6-640w.webp",
48
- "750w": "https://static.levocdn.com/WLZ1TXTD/cards-7-default-3-fF90RWpVa2Is6-750w.webp",
49
- "828w": "https://static.levocdn.com/WLZ1TXTD/cards-7-default-3-fF90RWpVa2Is6-828w.webp",
50
- path: "https://static.levocdn.com/WLZ1TXTD/cards-7-default-3-fF90RWpVa2Is6-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/cards-7-default-3-fF90RWpVa2Is6-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/cards-7-default-3-fF90RWpVa2Is6-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/cards-7-default-3-fF90RWpVa2Is6-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/cards-7-default-3-fF90RWpVa2Is6-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/cards-7-default-3-fF90RWpVa2Is6-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/cards-7-default-3-fF90RWpVa2Is6-640w.webp 640w",
57
+ "320w":
58
+ "https://images.pexels.com/photos/10020092/pexels-photo-10020092.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
59
+ "640w":
60
+ "https://images.pexels.com/photos/10020092/pexels-photo-10020092.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
61
+ "750w":
62
+ "https://images.pexels.com/photos/10020092/pexels-photo-10020092.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
63
+ "828w":
64
+ "https://images.pexels.com/photos/10020092/pexels-photo-10020092.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
65
+ "1080w":
66
+ "https://images.pexels.com/photos/10020092/pexels-photo-10020092.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
67
+ "1200w":
68
+ "https://images.pexels.com/photos/10020092/pexels-photo-10020092.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
69
+ "1920w":
70
+ "https://images.pexels.com/photos/10020092/pexels-photo-10020092.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
71
+ path: "https://images.pexels.com/photos/10020092/pexels-photo-10020092.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320 320w, https://images.pexels.com/photos/10020092/pexels-photo-10020092.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/10020092/pexels-photo-10020092.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750 750w, https://images.pexels.com/photos/10020092/pexels-photo-10020092.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828 828w, https://images.pexels.com/photos/10020092/pexels-photo-10020092.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/10020092/pexels-photo-10020092.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200 1200w, https://images.pexels.com/photos/10020092/pexels-photo-10020092.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w",
51
72
  },
52
- mimetype: "image/png",
53
73
  };
54
74
 
55
- const MEDIA_VARIANT_1_1 = {
56
- id: "8eRw0UmW6gqM",
57
- filename: "cards-7-variant-1-1.png",
58
- kind: "image",
59
- location: "https://static.levocdn.com/WLZ1TXTD/cards-7-variant-1-1-xloNCSMg9CfT.png",
60
- srcset: {
61
- "1080w": "https://static.levocdn.com/WLZ1TXTD/cards-7-variant-1-1-xloNCSMg9CfT-1080w.webp",
62
- "1200w": "https://static.levocdn.com/WLZ1TXTD/cards-7-variant-1-1-xloNCSMg9CfT-1200w.webp",
63
- "1920w": "https://static.levocdn.com/WLZ1TXTD/cards-7-variant-1-1-xloNCSMg9CfT-1920w.webp",
64
- "320w": "https://static.levocdn.com/WLZ1TXTD/cards-7-variant-1-1-xloNCSMg9CfT-320w.webp",
65
- "640w": "https://static.levocdn.com/WLZ1TXTD/cards-7-variant-1-1-xloNCSMg9CfT-640w.webp",
66
- "750w": "https://static.levocdn.com/WLZ1TXTD/cards-7-variant-1-1-xloNCSMg9CfT-750w.webp",
67
- "828w": "https://static.levocdn.com/WLZ1TXTD/cards-7-variant-1-1-xloNCSMg9CfT-828w.webp",
68
- path: "https://static.levocdn.com/WLZ1TXTD/cards-7-variant-1-1-xloNCSMg9CfT-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/cards-7-variant-1-1-xloNCSMg9CfT-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/cards-7-variant-1-1-xloNCSMg9CfT-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/cards-7-variant-1-1-xloNCSMg9CfT-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/cards-7-variant-1-1-xloNCSMg9CfT-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/cards-7-variant-1-1-xloNCSMg9CfT-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/cards-7-variant-1-1-xloNCSMg9CfT-320w.webp 320w",
75
+ const ICON_FLASH = {
76
+ kind: "icon",
77
+ data: {
78
+ id: "flash",
79
+ label: "Flash",
80
+ svgCode:
81
+ '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M9.98959 22.75C9.78959 22.75 9.62959 22.71 9.50959 22.66C9.10959 22.51 8.42959 22.02 8.42959 20.47V14.02H6.08959C4.74959 14.02 4.26959 13.39 4.09959 13.02C3.92959 12.64 3.77959 11.87 4.65959 10.86L12.2296 2.26001C13.2496 1.10001 14.0796 1.18001 14.4796 1.33001C14.8796 1.48001 15.5596 1.97001 15.5596 3.52001V9.97001H17.8996C19.2396 9.97001 19.7196 10.6 19.8896 10.97C20.0596 11.35 20.2096 12.12 19.3296 13.13L11.7596 21.73C11.0496 22.54 10.4296 22.75 9.98959 22.75ZM13.9296 2.74001C13.8996 2.78001 13.6896 2.88001 13.3596 3.26001L5.78959 11.86C5.50959 12.18 5.46959 12.38 5.46959 12.42C5.48959 12.43 5.66959 12.53 6.08959 12.53H9.17959C9.58959 12.53 9.92959 12.87 9.92959 13.28V20.48C9.92959 20.98 10.0196 21.2 10.0596 21.26C10.0896 21.22 10.2996 21.12 10.6296 20.74L18.1996 12.14C18.4796 11.82 18.5196 11.62 18.5196 11.58C18.4996 11.57 18.3196 11.47 17.8996 11.47H14.8096C14.3996 11.47 14.0596 11.13 14.0596 10.72V3.52001C14.0696 3.02001 13.9696 2.81001 13.9296 2.74001Z" fill="var(--color-icon-primary)"/>\n</svg>',
69
82
  },
70
- mimetype: "image/png",
71
83
  };
72
- const MEDIA_VARIANT_1_2 = {
73
- id: "uY2MYb6kKlIc",
74
- filename: "cards-7-variant-1-2.png",
75
- kind: "image",
76
- location: "https://static.levocdn.com/WLZ1TXTD/cards-7-variant-1-2-BwjgoiMOXVZ1.png",
77
- srcset: {
78
- "1080w": "https://static.levocdn.com/WLZ1TXTD/cards-7-variant-1-2-BwjgoiMOXVZ1-1080w.webp",
79
- "1200w": "https://static.levocdn.com/WLZ1TXTD/cards-7-variant-1-2-BwjgoiMOXVZ1-1200w.webp",
80
- "1920w": "https://static.levocdn.com/WLZ1TXTD/cards-7-variant-1-2-BwjgoiMOXVZ1-1920w.webp",
81
- "320w": "https://static.levocdn.com/WLZ1TXTD/cards-7-variant-1-2-BwjgoiMOXVZ1-320w.webp",
82
- "640w": "https://static.levocdn.com/WLZ1TXTD/cards-7-variant-1-2-BwjgoiMOXVZ1-640w.webp",
83
- "750w": "https://static.levocdn.com/WLZ1TXTD/cards-7-variant-1-2-BwjgoiMOXVZ1-750w.webp",
84
- "828w": "https://static.levocdn.com/WLZ1TXTD/cards-7-variant-1-2-BwjgoiMOXVZ1-828w.webp",
85
- path: "https://static.levocdn.com/WLZ1TXTD/cards-7-variant-1-2-BwjgoiMOXVZ1-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/cards-7-variant-1-2-BwjgoiMOXVZ1-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/cards-7-variant-1-2-BwjgoiMOXVZ1-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/cards-7-variant-1-2-BwjgoiMOXVZ1-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/cards-7-variant-1-2-BwjgoiMOXVZ1-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/cards-7-variant-1-2-BwjgoiMOXVZ1-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/cards-7-variant-1-2-BwjgoiMOXVZ1-640w.webp 640w",
84
+
85
+ const ICON_CONVERT = {
86
+ kind: "icon",
87
+ data: {
88
+ id: "convert",
89
+ label: "Convert",
90
+ svgCode:
91
+ '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M12.005 22.7326C6.08732 22.7326 1.27734 17.9227 1.27734 12.005C1.27734 6.08732 6.08732 1.27734 12.005 1.27734C17.9227 1.27734 22.7326 6.08732 22.7326 12.005C22.7326 17.9227 17.9127 22.7326 12.005 22.7326ZM12.005 2.77423C6.9156 2.77423 2.77423 6.9156 2.77423 12.005C2.77423 17.0944 6.9156 21.2358 12.005 21.2358C17.0944 21.2358 21.2358 17.0944 21.2358 12.005C21.2358 6.9156 17.0944 2.77423 12.005 2.77423Z" fill="var(--color-icon-primary)"/>\n<path d="M14.3005 12.953C14.101 12.953 13.9114 12.8731 13.7716 12.7334L5.60865 4.55048C5.31925 4.26108 5.31925 3.78208 5.60865 3.49268C5.89805 3.20329 6.37705 3.20329 6.66645 3.49268L13.5621 10.3983L13.5721 7.66399C13.5721 7.25485 13.9114 6.91555 14.3205 6.91555C14.7296 6.88561 15.0689 7.25485 15.0689 7.66399L15.059 12.2045C15.059 12.5039 14.8793 12.7833 14.5999 12.8931C14.5001 12.933 14.4003 12.953 14.3005 12.953Z" fill="var(--color-icon-primary)"/>\n<path d="M17.863 20.7268C17.6734 20.7268 17.4838 20.657 17.3341 20.5073L10.4385 13.6017L10.4285 16.336C10.4285 16.7451 10.0892 17.0844 9.68008 17.0844C9.27093 17.0844 8.93164 16.7451 8.93164 16.336L8.94162 11.7954C8.94162 11.4961 9.12125 11.2166 9.40066 11.1069C9.68008 10.9871 9.99942 11.057 10.219 11.2665L18.382 19.4495C18.6714 19.7389 18.6714 20.2179 18.382 20.5073C18.2522 20.657 18.0526 20.7268 17.863 20.7268Z" fill="var(--color-icon-primary)"/>\n</svg>',
86
92
  },
87
- mimetype: "image/png",
88
93
  };
89
- const MEDIA_VARIANT_1_3 = {
90
- id: "2EYr5YIeODoD",
91
- filename: "cards-7-variant-1-3.png",
92
- kind: "image",
93
- location: "https://static.levocdn.com/WLZ1TXTD/cards-7-variant-1-3-JtagEUPixJlJ.png",
94
- srcset: {
95
- "1080w": "https://static.levocdn.com/WLZ1TXTD/cards-7-variant-1-3-JtagEUPixJlJ-1080w.webp",
96
- "1200w": "https://static.levocdn.com/WLZ1TXTD/cards-7-variant-1-3-JtagEUPixJlJ-1200w.webp",
97
- "1920w": "https://static.levocdn.com/WLZ1TXTD/cards-7-variant-1-3-JtagEUPixJlJ-1920w.webp",
98
- "320w": "https://static.levocdn.com/WLZ1TXTD/cards-7-variant-1-3-JtagEUPixJlJ-320w.webp",
99
- "640w": "https://static.levocdn.com/WLZ1TXTD/cards-7-variant-1-3-JtagEUPixJlJ-640w.webp",
100
- "750w": "https://static.levocdn.com/WLZ1TXTD/cards-7-variant-1-3-JtagEUPixJlJ-750w.webp",
101
- "828w": "https://static.levocdn.com/WLZ1TXTD/cards-7-variant-1-3-JtagEUPixJlJ-828w.webp",
102
- path: "https://static.levocdn.com/WLZ1TXTD/cards-7-variant-1-3-JtagEUPixJlJ-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/cards-7-variant-1-3-JtagEUPixJlJ-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/cards-7-variant-1-3-JtagEUPixJlJ-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/cards-7-variant-1-3-JtagEUPixJlJ-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/cards-7-variant-1-3-JtagEUPixJlJ-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/cards-7-variant-1-3-JtagEUPixJlJ-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/cards-7-variant-1-3-JtagEUPixJlJ-750w.webp 750w",
94
+
95
+ const ICON_CHART = {
96
+ kind: "icon",
97
+ data: {
98
+ id: "chart-success",
99
+ label: "Chart Success",
100
+ svgCode:
101
+ '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M13 22.75H9C3.57 22.75 1.25 20.43 1.25 15V9C1.25 3.57 3.57 1.25 9 1.25H15C20.43 1.25 22.75 3.57 22.75 9V13C22.75 13.41 22.41 13.75 22 13.75C21.59 13.75 21.25 13.41 21.25 13V9C21.25 4.39 19.61 2.75 15 2.75H9C4.39 2.75 2.75 4.39 2.75 9V15C2.75 19.61 4.39 21.25 9 21.25H13C13.41 21.25 13.75 21.59 13.75 22C13.75 22.41 13.41 22.75 13 22.75Z" fill="var(--color-icon-primary)"/>\n<path d="M7 14.69C6.59 14.69 6.25 14.35 6.25 13.94V10.73C6.25 10.32 6.59 9.98001 7 9.98001C7.41 9.98001 7.75 10.32 7.75 10.73V13.94C7.75 14.36 7.41 14.69 7 14.69Z" fill="var(--color-icon-primary)"/>\n<path d="M17 14.69C16.59 14.69 16.25 14.35 16.25 13.94V10.73C16.25 10.32 16.59 9.98001 17 9.98001C17.41 9.98001 17.75 10.32 17.75 10.73V13.94C17.75 14.36 17.41 14.69 17 14.69Z" fill="var(--color-icon-primary)"/>\n<path d="M17.5803 21.75C17.3803 21.75 17.1903 21.67 17.0503 21.53L15.4703 19.96C15.1803 19.67 15.1703 19.19 15.4703 18.9C15.7603 18.61 16.2403 18.6 16.5303 18.9L17.5403 19.9L20.4403 16.51C20.7103 16.19 21.1803 16.16 21.5003 16.43C21.8103 16.7 21.8503 17.17 21.5803 17.49L18.1603 21.49C18.0203 21.65 17.8303 21.74 17.6203 21.75C17.6003 21.75 17.5903 21.75 17.5803 21.75Z" fill="var(--color-icon-primary)"/>\n<path d="M12 14.25C11.59 14.25 11.25 13.91 11.25 13.5V10.5C11.25 10.09 11.59 9.75 12 9.75C12.41 9.75 12.75 10.09 12.75 10.5V13.5C12.75 13.91 12.41 14.25 12 14.25Z" fill="var(--color-icon-primary)"/>\n</svg>',
102
+ },
103
+ };
104
+
105
+ const ICON_ARROW_LEFT = {
106
+ kind: "icon",
107
+ data: {
108
+ id: "arrow-left",
109
+ label: "Arrow Left",
110
+ svgCode:
111
+ '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M9.57043 18.82C9.38043 18.82 9.19043 18.75 9.04043 18.6L2.97043 12.53C2.68043 12.24 2.68043 11.76 2.97043 11.47L9.04043 5.4C9.33043 5.11 9.81043 5.11 10.1004 5.4C10.3904 5.69 10.3904 6.17 10.1004 6.46L4.56043 12L10.1004 17.54C10.3904 17.83 10.3904 18.31 10.1004 18.6C9.96043 18.75 9.76043 18.82 9.57043 18.82Z" fill="currentColor"/>\n<path d="M20.4999 12.75H3.66992C3.25992 12.75 2.91992 12.41 2.91992 12C2.91992 11.59 3.25992 11.25 3.66992 11.25H20.4999C20.9099 11.25 21.2499 11.59 21.2499 12C21.2499 12.41 20.9099 12.75 20.4999 12.75Z" fill="currentColor"/>\n</svg>',
112
+ },
113
+ };
114
+
115
+ const ICON_ARROW_RIGHT = {
116
+ kind: "icon",
117
+ data: {
118
+ id: "arrow-right",
119
+ label: "Arrow Right",
120
+ svgCode:
121
+ '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M14.4301 18.82C14.2401 18.82 14.0501 18.75 13.9001 18.6C13.6101 18.31 13.6101 17.83 13.9001 17.54L19.4401 12L13.9001 6.46C13.6101 6.17 13.6101 5.69 13.9001 5.4C14.1901 5.11 14.6701 5.11 14.9601 5.4L21.0301 11.47C21.3201 11.76 21.3201 12.24 21.0301 12.53L14.9601 18.6C14.8101 18.75 14.6201 18.82 14.4301 18.82Z" fill="currentColor"/>\n<path d="M20.33 12.75H3.5C3.09 12.75 2.75 12.41 2.75 12C2.75 11.59 3.09 11.25 3.5 11.25H20.33C20.74 11.25 21.08 11.59 21.08 12C21.08 12.41 20.74 12.75 20.33 12.75Z" fill="currentColor"/>\n</svg>',
103
122
  },
104
- mimetype: "image/png",
105
123
  };
106
124
 
107
125
  const DEFAULT_CONTENT = {
@@ -109,9 +127,9 @@ const DEFAULT_CONTENT = {
109
127
  container: null,
110
128
  header: null,
111
129
  "header-content": null,
112
- title: "Featured Solutions Overview",
130
+ title: "Why teams switch to Levo",
113
131
  description:
114
- "Discover comprehensive business solutions designed to accelerate growth and streamline operations across multiple industries.",
132
+ "From real-time docs to automated workflows, Levo replaces five disconnected tools with one workspace teams actually want to open.",
115
133
  "carousel-container": null,
116
134
  "carousel-navigation-arrow-left": " ",
117
135
  "carousel-navigation-arrow-right": " ",
@@ -122,348 +140,187 @@ const DEFAULT_CONTENT = {
122
140
  cards: [
123
141
  {
124
142
  card: null,
125
- label: "<p>Boston</p>",
126
- "label-icon": {
127
- kind: "icon",
128
- data: {
129
- id: "location",
130
- label: "Location",
131
- tags: ["custom", "location"],
132
- svgCode:
133
- '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M11.9999 14.17C9.86988 14.17 8.12988 12.44 8.12988 10.3C8.12988 8.16 9.86988 6.44 11.9999 6.44C14.1299 6.44 15.8699 8.17 15.8699 10.31C15.8699 12.45 14.1299 14.17 11.9999 14.17ZM11.9999 7.94C10.6999 7.94 9.62988 9 9.62988 10.31C9.62988 11.62 10.6899 12.68 11.9999 12.68C13.3099 12.68 14.3699 11.62 14.3699 10.31C14.3699 9 13.2999 7.94 11.9999 7.94Z" fill="var(--color-icon-primary)"/>\n<path d="M11.9997 22.76C10.5197 22.76 9.02969 22.2 7.86969 21.09C4.91969 18.25 1.65969 13.72 2.88969 8.33C3.99969 3.44 8.26969 1.25 11.9997 1.25C11.9997 1.25 11.9997 1.25 12.0097 1.25C15.7397 1.25 20.0097 3.44 21.1197 8.34C22.3397 13.73 19.0797 18.25 16.1297 21.09C14.9697 22.2 13.4797 22.76 11.9997 22.76ZM11.9997 2.75C9.08969 2.75 5.34969 4.3 4.35969 8.66C3.27969 13.37 6.23969 17.43 8.91969 20C10.6497 21.67 13.3597 21.67 15.0897 20C17.7597 17.43 20.7197 13.37 19.6597 8.66C18.6597 4.3 14.9097 2.75 11.9997 2.75Z" fill="var(--color-icon-primary)"/>\n</svg>',
134
- },
135
- },
143
+ label: "<p>Real-time</p>",
144
+ "label-icon": ICON_FLASH,
136
145
  "image-container": null,
137
- image: MEDIA_DEFAULT_1,
146
+ image: IMG_1,
138
147
  "content-container": null,
139
148
  "header-container": null,
140
- "card-title": "Enterprise Analytics Platform",
149
+ "card-title": "Real-time collaboration",
141
150
  "card-description":
142
- "Advanced data analytics and business intelligence solutions for enterprise-level decision making.",
151
+ "Edit docs, boards, and tasks together with sub-100ms cursors. No refresh, no conflicts, no version files in inboxes.",
143
152
  stats: [
144
- {
145
- stat_card: null,
146
- number: "99.9%",
147
- label: "Uptime",
148
- },
149
- {
150
- stat_card: null,
151
- number: "500K+",
152
- label: "Data Points",
153
- },
154
- {
155
- stat_card: null,
156
- number: "24/7",
157
- label: "Support",
158
- },
153
+ { stat_card: null, number: "120ms", label: "Sync latency" },
154
+ { stat_card: null, number: "50+", label: "Editors per doc" },
155
+ { stat_card: null, number: "99.99%", label: "Uptime SLA" },
159
156
  ],
160
157
  ctas_levoGroup: null,
161
- ctas: [{ cta: "Learn More" }, { cta: "Learn More" }],
158
+ ctas: [{ cta: "Try workspace" }, { cta: "See demo" }],
162
159
  },
163
160
  {
164
161
  card: null,
165
- label: "<p>Boston</p>",
166
- "label-icon": {
167
- kind: "icon",
168
- data: {
169
- id: "location",
170
- label: "Location",
171
- tags: ["custom", "location"],
172
- svgCode:
173
- '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M11.9999 14.17C9.86988 14.17 8.12988 12.44 8.12988 10.3C8.12988 8.16 9.86988 6.44 11.9999 6.44C14.1299 6.44 15.8699 8.17 15.8699 10.31C15.8699 12.45 14.1299 14.17 11.9999 14.17ZM11.9999 7.94C10.6999 7.94 9.62988 9 9.62988 10.31C9.62988 11.62 10.6899 12.68 11.9999 12.68C13.3099 12.68 14.3699 11.62 14.3699 10.31C14.3699 9 13.2999 7.94 11.9999 7.94Z" fill="var(--color-icon-primary)"/>\n<path d="M11.9997 22.76C10.5197 22.76 9.02969 22.2 7.86969 21.09C4.91969 18.25 1.65969 13.72 2.88969 8.33C3.99969 3.44 8.26969 1.25 11.9997 1.25C11.9997 1.25 11.9997 1.25 12.0097 1.25C15.7397 1.25 20.0097 3.44 21.1197 8.34C22.3397 13.73 19.0797 18.25 16.1297 21.09C14.9697 22.2 13.4797 22.76 11.9997 22.76ZM11.9997 2.75C9.08969 2.75 5.34969 4.3 4.35969 8.66C3.27969 13.37 6.23969 17.43 8.91969 20C10.6497 21.67 13.3597 21.67 15.0897 20C17.7597 17.43 20.7197 13.37 19.6597 8.66C18.6597 4.3 14.9097 2.75 11.9997 2.75Z" fill="var(--color-icon-primary)"/>\n</svg>',
174
- },
175
- },
162
+ label: "<p>Automation</p>",
163
+ "label-icon": ICON_CONVERT,
176
164
  "image-container": null,
177
- image: MEDIA_DEFAULT_2,
165
+ image: IMG_2,
178
166
  "content-container": null,
179
167
  "header-container": null,
180
- "card-title": "Enterprise Analytics Platform",
168
+ "card-title": "Workflows on autopilot",
181
169
  "card-description":
182
- "Advanced data analytics and business intelligence solutions for enterprise-level decision making.",
170
+ "Trigger reviews, handoffs, and Slack updates from any field change. Pre-built recipes for HubSpot, Linear, Notion, and 200 more apps.",
183
171
  stats: [
184
- {
185
- stat_card: null,
186
- number: "99.9%",
187
- label: "Uptime",
188
- },
189
- {
190
- stat_card: null,
191
- number: "500K+",
192
- label: "Data Points",
193
- },
194
- {
195
- stat_card: null,
196
- number: "24/7",
197
- label: "Support",
198
- },
172
+ { stat_card: null, number: "200+", label: "Integrations" },
173
+ { stat_card: null, number: "12h", label: "Saved per week" },
174
+ { stat_card: null, number: "0", label: "Lines of glue code" },
199
175
  ],
200
176
  ctas_levoGroup: null,
201
- ctas: [{ cta: "Learn More" }, { cta: "Learn More" }],
177
+ ctas: [{ cta: "Browse recipes" }, { cta: "Talk to sales" }],
202
178
  },
203
179
  {
204
180
  card: null,
181
+ label: "<p>Insights</p>",
182
+ "label-icon": ICON_CHART,
205
183
  "image-container": null,
206
- label: "<p>Boston</p>",
207
- "label-icon": {
208
- kind: "icon",
209
- data: {
210
- id: "location",
211
- label: "Location",
212
- tags: ["custom", "location"],
213
- svgCode:
214
- '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M11.9999 14.17C9.86988 14.17 8.12988 12.44 8.12988 10.3C8.12988 8.16 9.86988 6.44 11.9999 6.44C14.1299 6.44 15.8699 8.17 15.8699 10.31C15.8699 12.45 14.1299 14.17 11.9999 14.17ZM11.9999 7.94C10.6999 7.94 9.62988 9 9.62988 10.31C9.62988 11.62 10.6899 12.68 11.9999 12.68C13.3099 12.68 14.3699 11.62 14.3699 10.31C14.3699 9 13.2999 7.94 11.9999 7.94Z" fill="var(--color-icon-primary)"/>\n<path d="M11.9997 22.76C10.5197 22.76 9.02969 22.2 7.86969 21.09C4.91969 18.25 1.65969 13.72 2.88969 8.33C3.99969 3.44 8.26969 1.25 11.9997 1.25C11.9997 1.25 11.9997 1.25 12.0097 1.25C15.7397 1.25 20.0097 3.44 21.1197 8.34C22.3397 13.73 19.0797 18.25 16.1297 21.09C14.9697 22.2 13.4797 22.76 11.9997 22.76ZM11.9997 2.75C9.08969 2.75 5.34969 4.3 4.35969 8.66C3.27969 13.37 6.23969 17.43 8.91969 20C10.6497 21.67 13.3597 21.67 15.0897 20C17.7597 17.43 20.7197 13.37 19.6597 8.66C18.6597 4.3 14.9097 2.75 11.9997 2.75Z" fill="var(--color-icon-primary)"/>\n</svg>',
215
- },
216
- },
217
- image: MEDIA_DEFAULT_3,
184
+ image: IMG_3,
218
185
  "content-container": null,
219
186
  "header-container": null,
220
- "card-title": "Enterprise Analytics Platform",
187
+ "card-title": "Insights that ship",
221
188
  "card-description":
222
- "Advanced data analytics and business intelligence solutions for enterprise-level decision making.",
189
+ "Live dashboards on cycle time, blockers, and load — wired into the same data your team already updates. No spreadsheets, no exports.",
223
190
  stats: [
224
- {
225
- stat_card: null,
226
- number: "99.9%",
227
- label: "Uptime",
228
- },
229
- {
230
- stat_card: null,
231
- number: "500K+",
232
- label: "Data Points",
233
- },
234
- {
235
- stat_card: null,
236
- number: "24/7",
237
- label: "Support",
238
- },
191
+ { stat_card: null, number: "30+", label: "Pre-built reports" },
192
+ { stat_card: null, number: "Live", label: "Refresh rate" },
193
+ { stat_card: null, number: "SOC 2", label: "Type II" },
239
194
  ],
240
195
  ctas_levoGroup: null,
241
- ctas: [{ cta: "Learn More" }, { cta: "Learn More" }],
196
+ ctas: [{ cta: "View reports" }, { cta: "Read trust report" }],
242
197
  },
243
198
  ],
244
- "carousel-navigation-arrow-left_leftIcon": {
245
- kind: "icon",
246
- data: {
247
- id: "arrow-left",
248
- label: "Arrow Left",
249
- tags: ["arrow", "custom", "directional", "left"],
250
- svgCode:
251
- '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M9.57043 18.82C9.38043 18.82 9.19043 18.75 9.04043 18.6L2.97043 12.53C2.68043 12.24 2.68043 11.76 2.97043 11.47L9.04043 5.4C9.33043 5.11 9.81043 5.11 10.1004 5.4C10.3904 5.69 10.3904 6.17 10.1004 6.46L4.56043 12L10.1004 17.54C10.3904 17.83 10.3904 18.31 10.1004 18.6C9.96043 18.75 9.76043 18.82 9.57043 18.82Z" fill="currentColor"/>\n<path d="M20.4999 12.75H3.66992C3.25992 12.75 2.91992 12.41 2.91992 12C2.91992 11.59 3.25992 11.25 3.66992 11.25H20.4999C20.9099 11.25 21.2499 11.59 21.2499 12C21.2499 12.41 20.9099 12.75 20.4999 12.75Z" fill="currentColor"/>\n</svg>',
199
+ "carousel-navigation-arrow-left_leftIcon": ICON_ARROW_LEFT,
200
+ "carousel-navigation-arrow-right_rightIcon": ICON_ARROW_RIGHT,
201
+ "carousel-navigation-arrow-left-bottom_leftIcon": ICON_ARROW_LEFT,
202
+ "carousel-navigation-arrow-right-bottom_rightIcon": ICON_ARROW_RIGHT,
203
+ };
204
+
205
+ export type ICards7Content = typeof DEFAULT_CONTENT;
206
+
207
+ const cardsItemStylesDefault = {
208
+ card: {
209
+ display: "flex",
210
+ "background-color": "white",
211
+ "border-radius": "lg",
212
+ "box-shadow": "lg",
213
+ overflow: "hidden",
214
+ "align-items": "stretch",
215
+ height: "100%",
216
+ "border-style": "solid",
217
+ "border-width": "1px",
218
+ "border-color": "border",
219
+ mobile: {
220
+ "flex-direction": "column",
221
+ "min-height": "auto",
222
+ "row-gap": "base",
252
223
  },
253
- },
254
- "carousel-navigation-arrow-right_rightIcon": {
255
- kind: "icon",
256
- data: {
257
- id: "arrow-right-1",
258
- label: "Arrow Right 1",
259
- tags: ["arrow", "custom", "directional", "right"],
260
- svgCode:
261
- '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M14.4301 18.82C14.2401 18.82 14.0501 18.75 13.9001 18.6C13.6101 18.31 13.6101 17.83 13.9001 17.54L19.4401 12L13.9001 6.46C13.6101 6.17 13.6101 5.69 13.9001 5.4C14.1901 5.11 14.6701 5.11 14.9601 5.4L21.0301 11.47C21.3201 11.76 21.3201 12.24 21.0301 12.53L14.9601 18.6C14.8101 18.75 14.6201 18.82 14.4301 18.82Z" fill="currentColor"/>\n<path d="M20.33 12.75H3.5C3.09 12.75 2.75 12.41 2.75 12C2.75 11.59 3.09 11.25 3.5 11.25H20.33C20.74 11.25 21.08 11.59 21.08 12C21.08 12.41 20.74 12.75 20.33 12.75Z" fill="currentColor"/>\n</svg>',
224
+ tablet: {
225
+ "flex-direction": "column",
226
+ "align-items": "start",
262
227
  },
263
228
  },
264
- "carousel-navigation-arrow-left-bottom_leftIcon": {
265
- kind: "icon",
266
- data: {
267
- id: "arrow-left",
268
- label: "Arrow Left",
269
- tags: ["arrow", "custom", "directional", "left"],
270
- svgCode:
271
- '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M9.57043 18.82C9.38043 18.82 9.19043 18.75 9.04043 18.6L2.97043 12.53C2.68043 12.24 2.68043 11.76 2.97043 11.47L9.04043 5.4C9.33043 5.11 9.81043 5.11 10.1004 5.4C10.3904 5.69 10.3904 6.17 10.1004 6.46L4.56043 12L10.1004 17.54C10.3904 17.83 10.3904 18.31 10.1004 18.6C9.96043 18.75 9.76043 18.82 9.57043 18.82Z" fill="currentColor"/>\n<path d="M20.4999 12.75H3.66992C3.25992 12.75 2.91992 12.41 2.91992 12C2.91992 11.59 3.25992 11.25 3.66992 11.25H20.4999C20.9099 11.25 21.2499 11.59 21.2499 12C21.2499 12.41 20.9099 12.75 20.4999 12.75Z" fill="currentColor"/>\n</svg>',
229
+ "image-container": {
230
+ flex: "0 0 40%",
231
+ "aspect-ratio": "4 / 3",
232
+ overflow: "hidden",
233
+ mobile: {
234
+ flex: "none",
235
+ width: "100%",
236
+ "aspect-ratio": "16 / 9",
272
237
  },
273
- },
274
- "carousel-navigation-arrow-right-bottom_rightIcon": {
275
- kind: "icon",
276
- data: {
277
- id: "arrow-right-1",
278
- label: "Arrow Right 1",
279
- tags: ["arrow", "custom", "directional", "right"],
280
- svgCode:
281
- '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M14.4301 18.82C14.2401 18.82 14.0501 18.75 13.9001 18.6C13.6101 18.31 13.6101 17.83 13.9001 17.54L19.4401 12L13.9001 6.46C13.6101 6.17 13.6101 5.69 13.9001 5.4C14.1901 5.11 14.6701 5.11 14.9601 5.4L21.0301 11.47C21.3201 11.76 21.3201 12.24 21.0301 12.53L14.9601 18.6C14.8101 18.75 14.6201 18.82 14.4301 18.82Z" fill="currentColor"/>\n<path d="M20.33 12.75H3.5C3.09 12.75 2.75 12.41 2.75 12C2.75 11.59 3.09 11.25 3.5 11.25H20.33C20.74 11.25 21.08 11.59 21.08 12C21.08 12.41 20.74 12.75 20.33 12.75Z" fill="currentColor"/>\n</svg>',
238
+ tablet: {
239
+ width: "100%",
240
+ "aspect-ratio": "16 / 9",
282
241
  },
283
242
  },
284
- };
285
-
286
- const DEFAULT_CONTENT_VARIANT_1 = {
287
- layout: null,
288
- container: null,
289
- header: null,
290
- "header-content": null,
291
- title: "Featured Solutions Overview",
292
- description:
293
- "Discover comprehensive business solutions designed to accelerate growth and streamline operations across multiple industries.",
294
- "carousel-container": null,
295
- "carousel-navigation-arrow-left": " ",
296
- "carousel-navigation-arrow-right": " ",
297
- "carousel-navigation-bottom-container": null,
298
- "carousel-navigation-bottom": null,
299
- "carousel-navigation-arrow-left-bottom": " ",
300
- "carousel-navigation-arrow-right-bottom": " ",
301
- cards: [
302
- {
303
- card: null,
304
- label: "<p>Boston</p>",
305
- "label-icon": {
306
- kind: "icon",
307
- data: {
308
- id: "location",
309
- label: "Location",
310
- tags: ["custom", "location"],
311
- svgCode:
312
- '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M11.9999 14.17C9.86988 14.17 8.12988 12.44 8.12988 10.3C8.12988 8.16 9.86988 6.44 11.9999 6.44C14.1299 6.44 15.8699 8.17 15.8699 10.31C15.8699 12.45 14.1299 14.17 11.9999 14.17ZM11.9999 7.94C10.6999 7.94 9.62988 9 9.62988 10.31C9.62988 11.62 10.6899 12.68 11.9999 12.68C13.3099 12.68 14.3699 11.62 14.3699 10.31C14.3699 9 13.2999 7.94 11.9999 7.94Z" fill="var(--color-icon-primary)"/>\n<path d="M11.9997 22.76C10.5197 22.76 9.02969 22.2 7.86969 21.09C4.91969 18.25 1.65969 13.72 2.88969 8.33C3.99969 3.44 8.26969 1.25 11.9997 1.25C11.9997 1.25 11.9997 1.25 12.0097 1.25C15.7397 1.25 20.0097 3.44 21.1197 8.34C22.3397 13.73 19.0797 18.25 16.1297 21.09C14.9697 22.2 13.4797 22.76 11.9997 22.76ZM11.9997 2.75C9.08969 2.75 5.34969 4.3 4.35969 8.66C3.27969 13.37 6.23969 17.43 8.91969 20C10.6497 21.67 13.3597 21.67 15.0897 20C17.7597 17.43 20.7197 13.37 19.6597 8.66C18.6597 4.3 14.9097 2.75 11.9997 2.75Z" fill="var(--color-icon-primary)"/>\n</svg>',
313
- },
314
- },
315
- "image-container": null,
316
- image: MEDIA_VARIANT_1_1,
317
- "content-container": null,
318
- "header-container": null,
319
- "card-title": "Enterprise Analytics Platform",
320
- "card-description":
321
- "Advanced data analytics and business intelligence solutions for enterprise-level decision making.",
322
- stats: [
323
- {
324
- stat_card: null,
325
- number: "99.9%",
326
- label: "Uptime",
327
- },
328
- {
329
- stat_card: null,
330
- number: "500K+",
331
- label: "Data Points",
332
- },
333
- {
334
- stat_card: null,
335
- number: "24/7",
336
- label: "Support",
337
- },
338
- ],
339
- ctas_levoGroup: null,
340
- ctas: [{ cta: "Learn More" }, { cta: "Learn More" }],
341
- },
342
- {
343
- card: null,
344
- label: "<p>Boston</p>",
345
- "label-icon": {
346
- kind: "icon",
347
- data: {
348
- id: "location",
349
- label: "Location",
350
- tags: ["custom", "location"],
351
- svgCode:
352
- '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M11.9999 14.17C9.86988 14.17 8.12988 12.44 8.12988 10.3C8.12988 8.16 9.86988 6.44 11.9999 6.44C14.1299 6.44 15.8699 8.17 15.8699 10.31C15.8699 12.45 14.1299 14.17 11.9999 14.17ZM11.9999 7.94C10.6999 7.94 9.62988 9 9.62988 10.31C9.62988 11.62 10.6899 12.68 11.9999 12.68C13.3099 12.68 14.3699 11.62 14.3699 10.31C14.3699 9 13.2999 7.94 11.9999 7.94Z" fill="var(--color-icon-primary)"/>\n<path d="M11.9997 22.76C10.5197 22.76 9.02969 22.2 7.86969 21.09C4.91969 18.25 1.65969 13.72 2.88969 8.33C3.99969 3.44 8.26969 1.25 11.9997 1.25C11.9997 1.25 11.9997 1.25 12.0097 1.25C15.7397 1.25 20.0097 3.44 21.1197 8.34C22.3397 13.73 19.0797 18.25 16.1297 21.09C14.9697 22.2 13.4797 22.76 11.9997 22.76ZM11.9997 2.75C9.08969 2.75 5.34969 4.3 4.35969 8.66C3.27969 13.37 6.23969 17.43 8.91969 20C10.6497 21.67 13.3597 21.67 15.0897 20C17.7597 17.43 20.7197 13.37 19.6597 8.66C18.6597 4.3 14.9097 2.75 11.9997 2.75Z" fill="var(--color-icon-primary)"/>\n</svg>',
353
- },
354
- },
355
- "image-container": null,
356
- image: MEDIA_VARIANT_1_2,
357
- "content-container": null,
358
- "header-container": null,
359
- "card-title": "Enterprise Analytics Platform",
360
- "card-description":
361
- "Advanced data analytics and business intelligence solutions for enterprise-level decision making.",
362
- stats: [
363
- {
364
- stat_card: null,
365
- number: "99.9%",
366
- label: "Uptime",
367
- },
368
- {
369
- stat_card: null,
370
- number: "500K+",
371
- label: "Data Points",
372
- },
373
- {
374
- stat_card: null,
375
- number: "24/7",
376
- label: "Support",
377
- },
378
- ],
379
- ctas_levoGroup: null,
380
- ctas: [{ cta: "Learn More" }, { cta: "Learn More" }],
243
+ "label-container": {
244
+ display: "none",
245
+ },
246
+ image: {
247
+ width: "100%",
248
+ height: "100%",
249
+ "object-fit": "cover",
250
+ },
251
+ "content-container": {
252
+ flex: "1",
253
+ padding: "2xl",
254
+ display: "flex",
255
+ "flex-direction": "column",
256
+ "row-gap": "lg",
257
+ mobile: {
258
+ padding: "lg",
381
259
  },
382
- {
383
- card: null,
384
- "image-container": null,
385
- label: "<p>Boston</p>",
386
- "label-icon": {
387
- kind: "icon",
388
- data: {
389
- id: "location",
390
- label: "Location",
391
- tags: ["custom", "location"],
392
- svgCode:
393
- '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M11.9999 14.17C9.86988 14.17 8.12988 12.44 8.12988 10.3C8.12988 8.16 9.86988 6.44 11.9999 6.44C14.1299 6.44 15.8699 8.17 15.8699 10.31C15.8699 12.45 14.1299 14.17 11.9999 14.17ZM11.9999 7.94C10.6999 7.94 9.62988 9 9.62988 10.31C9.62988 11.62 10.6899 12.68 11.9999 12.68C13.3099 12.68 14.3699 11.62 14.3699 10.31C14.3699 9 13.2999 7.94 11.9999 7.94Z" fill="var(--color-icon-primary)"/>\n<path d="M11.9997 22.76C10.5197 22.76 9.02969 22.2 7.86969 21.09C4.91969 18.25 1.65969 13.72 2.88969 8.33C3.99969 3.44 8.26969 1.25 11.9997 1.25C11.9997 1.25 11.9997 1.25 12.0097 1.25C15.7397 1.25 20.0097 3.44 21.1197 8.34C22.3397 13.73 19.0797 18.25 16.1297 21.09C14.9697 22.2 13.4797 22.76 11.9997 22.76ZM11.9997 2.75C9.08969 2.75 5.34969 4.3 4.35969 8.66C3.27969 13.37 6.23969 17.43 8.91969 20C10.6497 21.67 13.3597 21.67 15.0897 20C17.7597 17.43 20.7197 13.37 19.6597 8.66C18.6597 4.3 14.9097 2.75 11.9997 2.75Z" fill="var(--color-icon-primary)"/>\n</svg>',
394
- },
395
- },
396
- image: MEDIA_VARIANT_1_3,
397
- "content-container": null,
398
- "header-container": null,
399
- "card-title": "Enterprise Analytics Platform",
400
- "card-description":
401
- "Advanced data analytics and business intelligence solutions for enterprise-level decision making.",
402
- stats: [
403
- {
404
- stat_card: null,
405
- number: "99.9%",
406
- label: "Uptime",
407
- },
408
- {
409
- stat_card: null,
410
- number: "500K+",
411
- label: "Data Points",
412
- },
413
- {
414
- stat_card: null,
415
- number: "24/7",
416
- label: "Support",
417
- },
418
- ],
419
- ctas_levoGroup: null,
420
- ctas: [{ cta: "Learn More" }, { cta: "Learn More" }],
260
+ tablet: {
261
+ "flex-direction": "column",
421
262
  },
422
- ],
423
- "carousel-navigation-arrow-left_leftIcon": {
424
- kind: "icon",
425
- data: {
426
- id: "arrow-left",
427
- label: "Arrow Left",
428
- tags: ["arrow", "custom", "directional", "left"],
429
- svgCode:
430
- '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M9.57043 18.82C9.38043 18.82 9.19043 18.75 9.04043 18.6L2.97043 12.53C2.68043 12.24 2.68043 11.76 2.97043 11.47L9.04043 5.4C9.33043 5.11 9.81043 5.11 10.1004 5.4C10.3904 5.69 10.3904 6.17 10.1004 6.46L4.56043 12L10.1004 17.54C10.3904 17.83 10.3904 18.31 10.1004 18.6C9.96043 18.75 9.76043 18.82 9.57043 18.82Z" fill="currentColor"/>\n<path d="M20.4999 12.75H3.66992C3.25992 12.75 2.91992 12.41 2.91992 12C2.91992 11.59 3.25992 11.25 3.66992 11.25H20.4999C20.9099 11.25 21.2499 11.59 21.2499 12C21.2499 12.41 20.9099 12.75 20.4999 12.75Z" fill="currentColor"/>\n</svg>',
263
+ },
264
+ "header-container": {
265
+ "margin-bottom": "0",
266
+ },
267
+ "card-title": {
268
+ "margin-bottom": "sm",
269
+ },
270
+ "card-description": {
271
+ color: "text-2",
272
+ tablet: {
273
+ "max-width": "600px",
431
274
  },
432
275
  },
433
- "carousel-navigation-arrow-right_rightIcon": {
434
- kind: "icon",
435
- data: {
436
- id: "arrow-right-1",
437
- label: "Arrow Right 1",
438
- tags: ["arrow", "custom", "directional", "right"],
439
- svgCode:
440
- '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M14.4301 18.82C14.2401 18.82 14.0501 18.75 13.9001 18.6C13.6101 18.31 13.6101 17.83 13.9001 17.54L19.4401 12L13.9001 6.46C13.6101 6.17 13.6101 5.69 13.9001 5.4C14.1901 5.11 14.6701 5.11 14.9601 5.4L21.0301 11.47C21.3201 11.76 21.3201 12.24 21.0301 12.53L14.9601 18.6C14.8101 18.75 14.6201 18.82 14.4301 18.82Z" fill="currentColor"/>\n<path d="M20.33 12.75H3.5C3.09 12.75 2.75 12.41 2.75 12C2.75 11.59 3.09 11.25 3.5 11.25H20.33C20.74 11.25 21.08 11.59 21.08 12C21.08 12.41 20.74 12.75 20.33 12.75Z" fill="currentColor"/>\n</svg>',
276
+ stats_levoGroup: {
277
+ display: "grid",
278
+ "column-gap": "lg",
279
+ mobile: {
280
+ "row-gap": "sm",
281
+ "column-gap": "sm",
282
+ "grid-template-columns": "repeat(2, minmax(0, 1fr))",
283
+ },
284
+ "grid-template-columns": "repeat(3, minmax(0, 1fr))",
285
+ tablet: {
286
+ "grid-template-columns": "repeat(3, minmax(0, 1fr))",
287
+ "row-gap": "lg",
441
288
  },
442
289
  },
443
- "carousel-navigation-arrow-left-bottom_leftIcon": {
444
- kind: "icon",
445
- data: {
446
- id: "arrow-left",
447
- label: "Arrow Left",
448
- tags: ["arrow", "custom", "directional", "left"],
449
- svgCode:
450
- '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M9.57043 18.82C9.38043 18.82 9.19043 18.75 9.04043 18.6L2.97043 12.53C2.68043 12.24 2.68043 11.76 2.97043 11.47L9.04043 5.4C9.33043 5.11 9.81043 5.11 10.1004 5.4C10.3904 5.69 10.3904 6.17 10.1004 6.46L4.56043 12L10.1004 17.54C10.3904 17.83 10.3904 18.31 10.1004 18.6C9.96043 18.75 9.76043 18.82 9.57043 18.82Z" fill="currentColor"/>\n<path d="M20.4999 12.75H3.66992C3.25992 12.75 2.91992 12.41 2.91992 12C2.91992 11.59 3.25992 11.25 3.66992 11.25H20.4999C20.9099 11.25 21.2499 11.59 21.2499 12C21.2499 12.41 20.9099 12.75 20.4999 12.75Z" fill="currentColor"/>\n</svg>',
290
+ stat_card: {
291
+ "text-align": "center",
292
+ mobile: {
293
+ flex: "1 1 calc(50% - 4px)",
294
+ "min-width": "80px",
451
295
  },
452
296
  },
453
- "carousel-navigation-arrow-right-bottom_rightIcon": {
454
- kind: "icon",
455
- data: {
456
- id: "arrow-right-1",
457
- label: "Arrow Right 1",
458
- tags: ["arrow", "custom", "directional", "right"],
459
- svgCode:
460
- '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M14.4301 18.82C14.2401 18.82 14.0501 18.75 13.9001 18.6C13.6101 18.31 13.6101 17.83 13.9001 17.54L19.4401 12L13.9001 6.46C13.6101 6.17 13.6101 5.69 13.9001 5.4C14.1901 5.11 14.6701 5.11 14.9601 5.4L21.0301 11.47C21.3201 11.76 21.3201 12.24 21.0301 12.53L14.9601 18.6C14.8101 18.75 14.6201 18.82 14.4301 18.82Z" fill="currentColor"/>\n<path d="M20.33 12.75H3.5C3.09 12.75 2.75 12.41 2.75 12C2.75 11.59 3.09 11.25 3.5 11.25H20.33C20.74 11.25 21.08 11.59 21.08 12C21.08 12.41 20.74 12.75 20.33 12.75Z" fill="currentColor"/>\n</svg>',
297
+ number: {
298
+ color: "text-1",
299
+ "margin-bottom": "xs",
300
+ },
301
+ label: {
302
+ color: "text-2",
303
+ },
304
+ ctas_levoGroup: {
305
+ "margin-top": "auto",
306
+ display: "flex",
307
+ "flex-direction": "row",
308
+ "align-items": "center",
309
+ "column-gap": "sm",
310
+ },
311
+ ctas: [{ cta: {} }, { cta: {} }],
312
+ stats_levoGroupItem: {
313
+ number: {
314
+ tablet: {
315
+ "font-size": "2xl",
316
+ },
317
+ "font-weight": 700,
461
318
  },
319
+ label: {},
462
320
  },
321
+ stats: [{}, {}, {}],
463
322
  };
464
323
 
465
- export type ICards7Content = typeof DEFAULT_CONTENT;
466
-
467
324
  export const Cards7: IBlock = {
468
325
  category_id: "cards",
469
326
  title: "Cards 7",
@@ -630,27 +487,18 @@ export const Cards7: IBlock = {
630
487
  key: "card",
631
488
  label: "Card",
632
489
  field_interface: "BoxWidget",
633
- hint: {
634
- prompt_description:
635
- "Individual card container that organizes the image and content in a horizontal layout.",
636
- },
637
490
  },
638
491
  {
639
492
  key: "image-container",
640
493
  label: "Image Container",
641
494
  field_interface: "BoxWidget",
642
- hint: {
643
- prompt_description:
644
- "Container for the card image, providing consistent sizing and positioning on the left side.",
645
- },
646
495
  },
647
496
  {
648
497
  key: "image",
649
498
  label: "Image",
650
499
  field_interface: "ImageWidget",
651
500
  hint: {
652
- prompt_description:
653
- "Visual representation of the featured solution or service. Should be professional and relevant to the card content.",
501
+ prompt_description: "Visual representation of the featured solution or service.",
654
502
  orientation: "landscape",
655
503
  size: "large",
656
504
  },
@@ -659,19 +507,11 @@ export const Cards7: IBlock = {
659
507
  key: "content-container",
660
508
  label: "Content Container",
661
509
  field_interface: "BoxWidget",
662
- hint: {
663
- prompt_description:
664
- "Right-side container that holds all text content, stats, and CTA button with proper vertical spacing.",
665
- },
666
510
  },
667
511
  {
668
512
  key: "label-container",
669
513
  label: "Label Container",
670
514
  field_interface: "BoxWidget",
671
- hint: {
672
- prompt_description:
673
- "Container for the card's label, positioned at the top of the content area.",
674
- },
675
515
  },
676
516
  {
677
517
  key: "label-icon",
@@ -680,8 +520,6 @@ export const Cards7: IBlock = {
680
520
  hint: {
681
521
  prompt_description:
682
522
  "Icon for the individual card. Should clearly identify the solution or feature being presented.",
683
- min_characters: 15,
684
- max_characters: 50,
685
523
  },
686
524
  },
687
525
  {
@@ -689,20 +527,15 @@ export const Cards7: IBlock = {
689
527
  label: "Label",
690
528
  field_interface: "TypographyWidget",
691
529
  hint: {
692
- prompt_description:
693
- "Label for the individual card. Should clearly identify the solution or feature being presented.",
694
- min_characters: 15,
695
- max_characters: 50,
530
+ prompt_description: "Short branded label identifying the card category.",
531
+ min_characters: 4,
532
+ max_characters: 30,
696
533
  },
697
534
  },
698
535
  {
699
536
  key: "header-container",
700
537
  label: "Header Container",
701
538
  field_interface: "BoxWidget",
702
- hint: {
703
- prompt_description:
704
- "Container for the card's title and description, positioned at the top of the content area.",
705
- },
706
539
  },
707
540
  {
708
541
  key: "card-title",
@@ -720,10 +553,9 @@ export const Cards7: IBlock = {
720
553
  label: "Card Description",
721
554
  field_interface: "TypographyWidget",
722
555
  hint: {
723
- prompt_description:
724
- "Detailed description of the card's solution or feature, explaining its benefits and capabilities.",
556
+ prompt_description: "Detailed description of the card's solution or feature.",
725
557
  min_characters: 60,
726
- max_characters: 150,
558
+ max_characters: 180,
727
559
  },
728
560
  },
729
561
  {
@@ -736,18 +568,13 @@ export const Cards7: IBlock = {
736
568
  key: "stat_card",
737
569
  label: "Stat Card",
738
570
  field_interface: "BoxWidget",
739
- hint: {
740
- prompt_description:
741
- "Individual stat container holding a metric number and its descriptive label.",
742
- },
743
571
  },
744
572
  {
745
573
  key: "number",
746
574
  label: "Number",
747
575
  field_interface: "HeadingWidget",
748
576
  hint: {
749
- prompt_description:
750
- "The metric value or statistic (e.g., '99.9%', '500K+', '24/7'). Should be impactful and relevant.",
577
+ prompt_description: "Metric value (e.g., '99.9%', '500K+').",
751
578
  min_characters: 2,
752
579
  max_characters: 8,
753
580
  },
@@ -757,8 +584,7 @@ export const Cards7: IBlock = {
757
584
  label: "Label",
758
585
  field_interface: "TypographyWidget",
759
586
  hint: {
760
- prompt_description:
761
- "Descriptive label explaining what the number represents (e.g., 'Uptime', 'Users', 'Support').",
587
+ prompt_description: "Descriptive label explaining what the number represents.",
762
588
  min_characters: 4,
763
589
  max_characters: 20,
764
590
  },
@@ -766,7 +592,7 @@ export const Cards7: IBlock = {
766
592
  ],
767
593
  hint: {
768
594
  prompt_description:
769
- "Collection of key performance metrics or statistics that demonstrate the value and effectiveness of the featured solution.",
595
+ "Key performance metrics that demonstrate the value of the featured solution.",
770
596
  min_items: 3,
771
597
  max_items: 4,
772
598
  },
@@ -782,8 +608,7 @@ export const Cards7: IBlock = {
782
608
  label: "CTA Button",
783
609
  field_interface: "ButtonWidget",
784
610
  hint: {
785
- prompt_description:
786
- "Call-to-action button encouraging users to learn more or engage with the featured solution.",
611
+ prompt_description: "Call-to-action button encouraging users to engage.",
787
612
  },
788
613
  },
789
614
  ],
@@ -791,7 +616,7 @@ export const Cards7: IBlock = {
791
616
  ],
792
617
  hint: {
793
618
  prompt_description:
794
- "Carousel of feature cards showcasing different solutions or services. Each card combines visual content with detailed information and key metrics.",
619
+ "Carousel of feature cards. Each card combines visual content with detailed information and key metrics.",
795
620
  min_items: 3,
796
621
  max_items: 6,
797
622
  },
@@ -812,14 +637,20 @@ export const Cards7: IBlock = {
812
637
  },
813
638
  },
814
639
  "header-content": {
815
- "max-width": "800px",
640
+ "max-width": "720px",
816
641
  "margin-left": "auto",
817
642
  "margin-right": "auto",
643
+ display: "flex",
644
+ "flex-direction": "column",
645
+ "align-items": "center",
646
+ "row-gap": "base",
818
647
  },
819
648
  title: {
820
- "margin-bottom": "lg",
649
+ "margin-bottom": "0",
650
+ },
651
+ description: {
652
+ color: "text-2",
821
653
  },
822
- description: {},
823
654
  "carousel-container": {
824
655
  display: "flex",
825
656
  "align-items": "center",
@@ -829,10 +660,6 @@ export const Cards7: IBlock = {
829
660
  "flex-direction": "column",
830
661
  "row-gap": "lg",
831
662
  },
832
- tablet: {
833
- "padding-left": "none",
834
- "padding-right": "none",
835
- },
836
663
  },
837
664
  "carousel-navigation-arrow-left": {
838
665
  display: "flex",
@@ -842,60 +669,39 @@ export const Cards7: IBlock = {
842
669
  "background-color": "white",
843
670
  color: "text-2",
844
671
  cursor: "pointer",
845
- "font-size": "lg",
846
- "font-weight": "500",
847
672
  "padding-top": "none",
848
673
  "padding-bottom": "none",
849
674
  "padding-left": "none",
850
675
  "padding-right": "none",
851
- "border-color": "transparent",
852
- "border-width": "0px",
853
- "border-style": "solid",
854
- _hover: {
855
- opacity: "0.9",
856
- },
857
676
  width: "48px",
858
677
  height: "48px",
859
678
  border: "1px solid var(--color-border)",
860
- transition: "opacity 0.3s ease, cursor 0.3s ease",
861
- mobile: {
862
- width: "40px",
863
- height: "40px",
864
-
865
- "padding-top": "none",
866
- "padding-bottom": "none",
867
- "padding-left": "none",
868
- "padding-right": "none",
869
- },
870
- tablet: {
871
- display: "none",
872
- },
679
+ "box-shadow": "0 2px 8px rgba(0, 0, 0, 0.08)",
680
+ transition: "opacity 0.3s ease",
681
+ "flex-shrink": 0,
682
+ mobile: { display: "none" },
683
+ tablet: { display: "none" },
873
684
  },
874
685
  "carousel-navigation-arrow-right": {
875
- width: "48px",
876
- height: "48px",
877
- "border-radius": "50%",
878
- "background-color": "white",
879
- border: "1px solid var(--color-border)",
880
- cursor: "pointer",
881
686
  display: "flex",
882
687
  "align-items": "center",
883
688
  "justify-content": "center",
884
- mobile: {
885
- width: "40px",
886
- height: "40px",
887
-
888
- "font-size": "xs",
889
- },
689
+ "border-radius": "50%",
690
+ "background-color": "white",
691
+ color: "text-2",
692
+ cursor: "pointer",
890
693
  "padding-top": "none",
891
694
  "padding-bottom": "none",
892
695
  "padding-left": "none",
893
696
  "padding-right": "none",
894
- "column-gap": "none",
895
- color: "text-3",
896
- tablet: {
897
- display: "none",
898
- },
697
+ width: "48px",
698
+ height: "48px",
699
+ border: "1px solid var(--color-border)",
700
+ "box-shadow": "0 2px 8px rgba(0, 0, 0, 0.08)",
701
+ transition: "opacity 0.3s ease",
702
+ "flex-shrink": 0,
703
+ mobile: { display: "none" },
704
+ tablet: { display: "none" },
899
705
  },
900
706
  cards_levoGroup: {
901
707
  flex: "1",
@@ -908,947 +714,1015 @@ export const Cards7: IBlock = {
908
714
  number_of_slides: 1,
909
715
  },
910
716
  },
717
+ cards_levoGroupItem: cardsItemStylesDefault,
718
+ cards: [{}, {}, {}],
719
+ "carousel-navigation-arrow-left_leftIcon": {
720
+ height: "20px",
721
+ width: "20px",
722
+ "font-size": "20px",
723
+ "flex-shrink": 0,
724
+ },
725
+ "carousel-navigation-arrow-right_rightIcon": {
726
+ height: "20px",
727
+ width: "20px",
728
+ "font-size": "20px",
729
+ "flex-shrink": 0,
730
+ },
731
+ "carousel-navigation-bottom-container": {
732
+ display: "none",
733
+ "justify-content": "center",
734
+ "margin-top": "2xl",
735
+ tablet: { display: "flex" },
736
+ mobile: { display: "flex" },
737
+ },
738
+ "carousel-navigation-bottom": {
739
+ display: "flex",
740
+ "column-gap": "sm",
741
+ "align-items": "center",
742
+ },
743
+ "carousel-navigation-arrow-left-bottom": {
744
+ display: "flex",
745
+ "align-items": "center",
746
+ "justify-content": "center",
747
+ "border-radius": "50%",
748
+ "background-color": "white",
749
+ color: "text-2",
750
+ cursor: "pointer",
751
+ "padding-top": "none",
752
+ "padding-bottom": "none",
753
+ "padding-left": "none",
754
+ "padding-right": "none",
755
+ width: "44px",
756
+ height: "44px",
757
+ border: "1px solid var(--color-border)",
758
+ transition: "opacity 0.3s ease",
759
+ },
760
+ "carousel-navigation-arrow-right-bottom": {
761
+ display: "flex",
762
+ "align-items": "center",
763
+ "justify-content": "center",
764
+ "border-radius": "50%",
765
+ "background-color": "white",
766
+ color: "text-2",
767
+ cursor: "pointer",
768
+ "padding-top": "none",
769
+ "padding-bottom": "none",
770
+ "padding-left": "none",
771
+ "padding-right": "none",
772
+ width: "44px",
773
+ height: "44px",
774
+ border: "1px solid var(--color-border)",
775
+ transition: "opacity 0.3s ease",
776
+ },
777
+ "carousel-navigation-arrow-left-bottom_leftIcon": {
778
+ height: "20px",
779
+ width: "20px",
780
+ "font-size": "20px",
781
+ },
782
+ "carousel-navigation-arrow-right-bottom_rightIcon": {
783
+ height: "20px",
784
+ width: "20px",
785
+ "font-size": "20px",
786
+ },
787
+ "carousel-navigation-container": { display: "none" },
788
+ "carousel-navigation": { display: "none" },
789
+ "carousel-navigation-pill": { display: "none" },
790
+ },
791
+ config: {
792
+ cards_levoGroup: { carousel: { loop: false } },
793
+ "carousel-navigation-arrow-left": {
794
+ button_icons: { left: { enabled: true } },
795
+ },
796
+ "carousel-navigation-arrow-right": {
797
+ button_icons: { right: { enabled: true } },
798
+ },
799
+ "carousel-navigation-arrow-left-bottom": {
800
+ button_icons: { left: { enabled: true } },
801
+ },
802
+ "carousel-navigation-arrow-right-bottom": {
803
+ button_icons: { right: { enabled: true } },
804
+ },
805
+ title: {
806
+ heading: { level: 2 },
807
+ selectedVariants: { Heading_Level: "H2" },
808
+ },
809
+ "card-title": {
810
+ heading: { level: 3 },
811
+ selectedVariants: { Heading_Level: "H3" },
812
+ },
813
+ number: {
814
+ heading: { level: 4 },
815
+ selectedVariants: { Heading_Level: "H4" },
816
+ },
911
817
  cards: [
912
818
  {
913
- card: {
914
- display: "flex",
915
- "background-color": "white",
916
- "border-radius": "base",
917
- "box-shadow": "lg",
918
- overflow: "hidden",
919
- "align-items": "stretch",
920
- mobile: {
921
- "flex-direction": "column",
922
- "min-height": "auto",
923
- "row-gap": "base",
924
- },
925
- "border-style": "solid",
926
- "border-width": "1px",
927
- "padding-left": "base",
928
- "padding-right": "base",
929
- "padding-top": "base",
930
- "padding-bottom": "base",
931
- tablet: {
932
- "flex-direction": "column",
933
- "align-items": "start",
819
+ "card-title": { selectedVariants: { Heading_Level: "H3" } },
820
+ "card-description": { selectedVariants: {} },
821
+ ctas: [
822
+ { cta: { selectedVariants: { Button_Sizes: "Medium" } } },
823
+ {
824
+ cta: {
825
+ selectedVariants: {
826
+ Button_Sizes: "Medium",
827
+ Button_Variants: "Secondary",
828
+ },
829
+ },
934
830
  },
935
- },
936
- "image-container": {
937
- flex: "0 0 40%",
938
- mobile: {
939
- flex: "none",
940
- width: "100%",
941
- height: "100%",
942
- },
943
- tablet: {
944
- width: "100%",
945
- },
946
- },
947
- "label-container": {
948
- display: "none",
949
- },
950
- image: {
951
- width: "100%",
952
- height: "100%",
953
- "object-fit": "cover",
954
- },
955
- "content-container": {
956
- flex: "1",
957
- padding: "2xl",
958
- display: "flex",
959
- "flex-direction": "column",
960
- "justify-content": "space-between",
961
- mobile: {
962
- padding: "lg",
963
- "padding-left": "none",
964
- "padding-right": "none",
965
- "padding-bottom": "none",
966
- "padding-top": "none",
967
- },
968
- tablet: {
969
- "flex-direction": "column",
970
- },
971
- },
972
- "header-container": {
973
- "margin-bottom": "lg",
974
- },
975
- "card-title": {
976
- "margin-bottom": "sm",
977
- },
978
- "card-description": {
979
- tablet: {
980
- "max-width": "600px",
981
- },
982
- },
983
- stats_levoGroup: {
984
- display: "grid",
985
- "column-gap": "lg",
986
- "margin-bottom": "lg",
987
- mobile: {
988
- "flex-wrap": "wrap",
989
- "row-gap": "sm",
990
- "column-gap": "sm",
991
- "grid-template-columns": "repeat(2, minmax(0, 1fr))",
992
- },
993
- "grid-template-columns": "repeat(3, minmax(0, 1fr))",
994
- tablet: {
995
- "grid-template-columns": "repeat(3, minmax(0, 1fr))",
996
- "row-gap": "lg",
997
- },
998
- },
999
- stat_card: {
1000
- "text-align": "center",
1001
- mobile: {
1002
- flex: "1 1 calc(50% - 4px)",
1003
- "min-width": "80px",
1004
- },
1005
- },
1006
- number: {
1007
- color: "text-1",
1008
- "margin-bottom": "xs",
1009
- },
1010
- label: {
1011
- color: "text-2",
1012
- },
1013
- ctas_levoGroup: {
1014
- "align-self": "flex-start",
1015
- display: "flex",
1016
- "flex-direction": "row",
1017
- "align-items": "center",
1018
- gap: "sm",
1019
- },
1020
- ctas: Array(2).map(() => ({
1021
- cta: {},
1022
- })),
1023
- stats: [
1024
- {
1025
- number: {
1026
- tablet: {
1027
- "font-size": "2xl",
1028
- },
1029
- "font-weight": 700,
1030
- },
1031
- label: {},
1032
- },
1033
- {
1034
- number: {
1035
- tablet: {
1036
- "font-size": "2xl",
1037
- },
1038
- "font-weight": 700,
1039
- },
1040
- label: {},
831
+ ],
832
+ },
833
+ {
834
+ "card-title": { selectedVariants: { Heading_Level: "H3" } },
835
+ "card-description": { selectedVariants: {} },
836
+ ctas: [
837
+ { cta: { selectedVariants: { Button_Sizes: "Medium" } } },
838
+ {
839
+ cta: {
840
+ selectedVariants: {
841
+ Button_Sizes: "Medium",
842
+ Button_Variants: "Secondary",
843
+ },
844
+ },
1041
845
  },
846
+ ],
847
+ },
848
+ {
849
+ "card-title": { selectedVariants: { Heading_Level: "H3" } },
850
+ "card-description": { selectedVariants: {} },
851
+ ctas: [
852
+ { cta: { selectedVariants: { Button_Sizes: "Medium" } } },
1042
853
  {
1043
- number: {
1044
- tablet: {
1045
- "font-size": "2xl",
854
+ cta: {
855
+ selectedVariants: {
856
+ Button_Sizes: "Medium",
857
+ Button_Variants: "Secondary",
1046
858
  },
1047
- "font-weight": 700,
1048
859
  },
1049
- label: {},
1050
860
  },
1051
861
  ],
1052
862
  },
863
+ ],
864
+ },
865
+ content: DEFAULT_CONTENT,
866
+ },
867
+ {
868
+ key: "variant-1",
869
+ title: "Variant 1",
870
+ styles: {
871
+ layout: {},
872
+ container: {},
873
+ header: {
874
+ "text-align": "center",
875
+ "margin-bottom": "4xl",
876
+ mobile: { "margin-bottom": "2xl" },
877
+ },
878
+ "header-content": {
879
+ "max-width": "720px",
880
+ "margin-left": "auto",
881
+ "margin-right": "auto",
882
+ display: "flex",
883
+ "flex-direction": "column",
884
+ "align-items": "center",
885
+ "row-gap": "base",
886
+ },
887
+ title: { "margin-bottom": "0" },
888
+ description: { color: "text-2" },
889
+ "carousel-container": {
890
+ display: "flex",
891
+ "align-items": "center",
892
+ "column-gap": "lg",
893
+ position: "relative",
894
+ mobile: {
895
+ "flex-direction": "column",
896
+ "row-gap": "lg",
897
+ },
898
+ },
899
+ "carousel-navigation-arrow-left": { display: "none" },
900
+ "carousel-navigation-arrow-right": { display: "none" },
901
+ cards_levoGroup: {
902
+ flex: "1",
903
+ mobile: { "max-width": "100%", order: "1" },
904
+ number_of_slides: 1,
905
+ tablet: { number_of_slides: 1 },
906
+ },
907
+ cards_levoGroupItem: {
908
+ ...cardsItemStylesDefault,
909
+ stats_levoGroup: { display: "none" },
910
+ "label-container": {
911
+ display: "flex",
912
+ "align-items": "center",
913
+ "column-gap": "2xs",
914
+ "background-color": "brandSecondary",
915
+ width: "fit-content",
916
+ "border-radius": "3xl",
917
+ "padding-left": "sm",
918
+ "padding-right": "sm",
919
+ "padding-top": "3xs",
920
+ "padding-bottom": "3xs",
921
+ },
922
+ label: {
923
+ color: "brandSecondaryForeground",
924
+ "font-size": "xs",
925
+ "font-weight": 600,
926
+ "text-transform": "uppercase",
927
+ "letter-spacing": "0.06em",
928
+ },
929
+ },
930
+ cards: [{}, {}, {}],
931
+ "carousel-navigation-arrow-left_leftIcon": { display: "none" },
932
+ "carousel-navigation-arrow-right_rightIcon": { display: "none" },
933
+ "carousel-navigation-bottom-container": {
934
+ display: "none",
935
+ "justify-content": "center",
936
+ "margin-top": "2xl",
937
+ tablet: { display: "flex" },
938
+ mobile: { display: "flex" },
939
+ },
940
+ "carousel-navigation-bottom": {
941
+ display: "flex",
942
+ "column-gap": "sm",
943
+ "align-items": "center",
944
+ mobile: { display: "none" },
945
+ },
946
+ "carousel-navigation-arrow-left-bottom": {
947
+ display: "flex",
948
+ "align-items": "center",
949
+ "justify-content": "center",
950
+ "border-radius": "50%",
951
+ "background-color": "white",
952
+ color: "text-2",
953
+ cursor: "pointer",
954
+ width: "44px",
955
+ height: "44px",
956
+ border: "1px solid var(--color-border)",
957
+ },
958
+ "carousel-navigation-arrow-right-bottom": {
959
+ display: "flex",
960
+ "align-items": "center",
961
+ "justify-content": "center",
962
+ "border-radius": "50%",
963
+ "background-color": "white",
964
+ color: "text-2",
965
+ cursor: "pointer",
966
+ width: "44px",
967
+ height: "44px",
968
+ border: "1px solid var(--color-border)",
969
+ },
970
+ "carousel-navigation-arrow-left-bottom_leftIcon": {
971
+ height: "20px",
972
+ width: "20px",
973
+ "font-size": "20px",
974
+ },
975
+ "carousel-navigation-arrow-right-bottom_rightIcon": {
976
+ height: "20px",
977
+ width: "20px",
978
+ "font-size": "20px",
979
+ },
980
+ "carousel-navigation-container": {
981
+ display: "flex",
982
+ "justify-content": "center",
983
+ "margin-top": "2xl",
984
+ },
985
+ "carousel-navigation": {
986
+ display: "flex",
987
+ "column-gap": "sm",
988
+ "align-items": "center",
989
+ },
990
+ "carousel-navigation-pill": {
991
+ width: "8px",
992
+ height: "8px",
993
+ "border-radius": "8px",
994
+ "background-color": "var(--color-border)",
995
+ cursor: "pointer",
996
+ transition: "all 0.3s ease",
997
+ },
998
+ },
999
+ config: {
1000
+ cards_levoGroup: { carousel: { loop: false } },
1001
+ "carousel-navigation-arrow-left-bottom": {
1002
+ button_icons: { left: { enabled: true } },
1003
+ },
1004
+ "carousel-navigation-arrow-right-bottom": {
1005
+ button_icons: { right: { enabled: true } },
1006
+ },
1007
+ title: {
1008
+ heading: { level: 2 },
1009
+ selectedVariants: { Heading_Level: "H2" },
1010
+ },
1011
+ "card-title": {
1012
+ heading: { level: 3 },
1013
+ selectedVariants: { Heading_Level: "H3" },
1014
+ },
1015
+ cards: [
1053
1016
  {
1054
- card: {
1055
- display: "flex",
1056
- "background-color": "white",
1057
- "border-radius": "base",
1058
- "box-shadow": "lg",
1059
- overflow: "hidden",
1060
- "align-items": "stretch",
1061
- mobile: {
1062
- "flex-direction": "column",
1063
- "min-height": "auto",
1064
- "row-gap": "base",
1065
- },
1066
- "border-style": "solid",
1067
- "border-width": "1px",
1068
- "padding-left": "base",
1069
- "padding-right": "base",
1070
- "padding-top": "base",
1071
- "padding-bottom": "base",
1072
- tablet: {
1073
- "flex-direction": "column",
1074
- "align-items": "start",
1075
- },
1076
- },
1077
- "image-container": {
1078
- flex: "0 0 40%",
1079
- mobile: {
1080
- flex: "none",
1081
- width: "100%",
1082
- height: "100%",
1083
- },
1084
- tablet: {
1085
- width: "100%",
1086
- },
1087
- },
1088
- "label-container": {
1089
- display: "none",
1090
- },
1091
- image: {
1092
- width: "100%",
1093
- height: "100%",
1094
- "object-fit": "cover",
1095
- },
1096
- "content-container": {
1097
- flex: "1",
1098
- padding: "2xl",
1099
- display: "flex",
1100
- "flex-direction": "column",
1101
- "justify-content": "space-between",
1102
- mobile: {
1103
- padding: "lg",
1104
- "padding-left": "none",
1105
- "padding-right": "none",
1106
- "padding-bottom": "none",
1107
- "padding-top": "none",
1108
- },
1109
- tablet: {
1110
- "flex-direction": "column",
1111
- },
1112
- },
1113
- "header-container": {
1114
- "margin-bottom": "lg",
1115
- },
1116
- "card-title": {
1117
- "margin-bottom": "sm",
1118
- },
1119
- "card-description": {
1120
- tablet: {
1121
- "max-width": "600px",
1122
- },
1123
- },
1124
- stats_levoGroup: {
1125
- display: "grid",
1126
- "column-gap": "lg",
1127
- "margin-bottom": "lg",
1128
- mobile: {
1129
- "flex-wrap": "wrap",
1130
- "row-gap": "sm",
1131
- "column-gap": "sm",
1132
- "grid-template-columns": "repeat(2, minmax(0, 1fr))",
1133
- },
1134
- "grid-template-columns": "repeat(3, minmax(0, 1fr))",
1135
- tablet: {
1136
- "grid-template-columns": "repeat(3, minmax(0, 1fr))",
1137
- "row-gap": "lg",
1138
- },
1139
- },
1140
- stat_card: {
1141
- "text-align": "center",
1142
- mobile: {
1143
- flex: "1 1 calc(50% - 4px)",
1144
- "min-width": "80px",
1145
- },
1146
- },
1147
- number: {
1148
- color: "text-1",
1149
- "margin-bottom": "xs",
1150
- },
1151
- label: {
1152
- color: "text-2",
1153
- },
1154
- ctas_levoGroup: {
1155
- "align-self": "flex-start",
1156
- display: "flex",
1157
- "flex-direction": "row",
1158
- "align-items": "center",
1159
- gap: "sm",
1160
- },
1161
- ctas: Array(2).map(() => ({})),
1162
- stats: [
1017
+ "card-title": { selectedVariants: { Heading_Level: "H3" } },
1018
+ "card-description": { selectedVariants: {} },
1019
+ ctas: [
1020
+ { cta: { selectedVariants: { Button_Sizes: "Medium" } } },
1163
1021
  {
1164
- number: {
1165
- tablet: {
1166
- "font-size": "2xl",
1022
+ cta: {
1023
+ selectedVariants: {
1024
+ Button_Sizes: "Medium",
1025
+ Button_Variants: "Secondary",
1167
1026
  },
1168
- "font-weight": 700,
1169
1027
  },
1170
- label: {},
1171
1028
  },
1029
+ ],
1030
+ },
1031
+ {
1032
+ "card-title": { selectedVariants: { Heading_Level: "H3" } },
1033
+ "card-description": { selectedVariants: {} },
1034
+ ctas: [
1035
+ { cta: { selectedVariants: { Button_Sizes: "Medium" } } },
1172
1036
  {
1173
- number: {
1174
- tablet: {
1175
- "font-size": "2xl",
1037
+ cta: {
1038
+ selectedVariants: {
1039
+ Button_Sizes: "Medium",
1040
+ Button_Variants: "Secondary",
1176
1041
  },
1177
- "font-weight": 700,
1178
1042
  },
1179
- label: {},
1180
1043
  },
1044
+ ],
1045
+ },
1046
+ {
1047
+ "card-title": { selectedVariants: { Heading_Level: "H3" } },
1048
+ "card-description": { selectedVariants: {} },
1049
+ ctas: [
1050
+ { cta: { selectedVariants: { Button_Sizes: "Medium" } } },
1181
1051
  {
1182
- number: {
1183
- tablet: {
1184
- "font-size": "2xl",
1052
+ cta: {
1053
+ selectedVariants: {
1054
+ Button_Sizes: "Medium",
1055
+ Button_Variants: "Secondary",
1185
1056
  },
1186
- "font-weight": 700,
1187
1057
  },
1188
- label: {},
1189
1058
  },
1190
1059
  ],
1191
1060
  },
1061
+ ],
1062
+ },
1063
+ content: DEFAULT_CONTENT,
1064
+ },
1065
+ {
1066
+ key: "variant-2",
1067
+ title: "Variant 2",
1068
+ styles: {
1069
+ layout: {},
1070
+ container: {},
1071
+ header: {
1072
+ "text-align": "left",
1073
+ "margin-bottom": "3xl",
1074
+ mobile: { "margin-bottom": "2xl" },
1075
+ },
1076
+ "header-content": {
1077
+ display: "flex",
1078
+ "flex-direction": "column",
1079
+ "row-gap": "base",
1080
+ "max-width": "720px",
1081
+ },
1082
+ title: { "margin-bottom": "0" },
1083
+ description: { color: "text-2" },
1084
+ "carousel-container": {
1085
+ display: "flex",
1086
+ "align-items": "stretch",
1087
+ "column-gap": "lg",
1088
+ position: "relative",
1089
+ mobile: {
1090
+ "flex-direction": "column",
1091
+ "row-gap": "lg",
1092
+ },
1093
+ },
1094
+ "carousel-navigation-arrow-left": { display: "none" },
1095
+ "carousel-navigation-arrow-right": { display: "none" },
1096
+ cards_levoGroup: {
1097
+ flex: "1",
1098
+ number_of_slides: 2,
1099
+ mobile: { number_of_slides: 1 },
1100
+ tablet: { number_of_slides: 1 },
1101
+ },
1102
+ cards_levoGroupItem: {
1103
+ card: {
1104
+ display: "flex",
1105
+ "flex-direction": "column",
1106
+ "background-color": "background-2",
1107
+ "border-radius": "lg",
1108
+ overflow: "hidden",
1109
+ "border-style": "solid",
1110
+ "border-width": "1px",
1111
+ "border-color": "border",
1112
+ height: "100%",
1113
+ },
1114
+ "image-container": {
1115
+ "aspect-ratio": "16 / 9",
1116
+ overflow: "hidden",
1117
+ mobile: { "aspect-ratio": "16 / 9" },
1118
+ },
1119
+ image: {
1120
+ width: "100%",
1121
+ height: "100%",
1122
+ "object-fit": "cover",
1123
+ },
1124
+ "content-container": {
1125
+ "padding-top": "xl",
1126
+ "padding-bottom": "xl",
1127
+ "padding-left": "xl",
1128
+ "padding-right": "xl",
1129
+ display: "flex",
1130
+ "flex-direction": "column",
1131
+ "row-gap": "base",
1132
+ flex: "1",
1133
+ mobile: {
1134
+ "padding-top": "lg",
1135
+ "padding-bottom": "lg",
1136
+ "padding-left": "lg",
1137
+ "padding-right": "lg",
1138
+ },
1139
+ },
1140
+ "header-container": { "margin-bottom": "0" },
1141
+ "card-title": { "margin-bottom": "xs" },
1142
+ "card-description": { color: "text-2" },
1143
+ "label-container": { display: "none" },
1144
+ stats_levoGroup: { display: "none" },
1145
+ ctas_levoGroup: {
1146
+ "margin-top": "auto",
1147
+ display: "flex",
1148
+ "flex-direction": "row",
1149
+ "align-items": "center",
1150
+ "column-gap": "sm",
1151
+ },
1152
+ ctas: [{ cta: {} }, { cta: {} }],
1153
+ stats_levoGroupItem: { number: {}, label: {} },
1154
+ stats: [{}, {}, {}],
1155
+ },
1156
+ cards: [{}, {}, {}],
1157
+ "carousel-navigation-container": {
1158
+ display: "flex",
1159
+ "justify-content": "center",
1160
+ "margin-top": "2xl",
1161
+ },
1162
+ "carousel-navigation": {
1163
+ display: "flex",
1164
+ "column-gap": "sm",
1165
+ "align-items": "center",
1166
+ },
1167
+ "carousel-navigation-pill": {
1168
+ width: "10px",
1169
+ height: "10px",
1170
+ "border-radius": "full",
1171
+ "background-color": "border",
1172
+ cursor: "pointer",
1173
+ transition: "all 0.3s ease",
1174
+ },
1175
+ "carousel-navigation-bottom-container": { display: "none" },
1176
+ "carousel-navigation-bottom": { display: "none" },
1177
+ "carousel-navigation-arrow-left-bottom": { display: "none" },
1178
+ "carousel-navigation-arrow-right-bottom": { display: "none" },
1179
+ "carousel-navigation-arrow-left-bottom_leftIcon": { display: "none" },
1180
+ "carousel-navigation-arrow-right-bottom_rightIcon": { display: "none" },
1181
+ "carousel-navigation-arrow-left_leftIcon": { display: "none" },
1182
+ "carousel-navigation-arrow-right_rightIcon": { display: "none" },
1183
+ },
1184
+ config: {
1185
+ cards_levoGroup: { carousel: { loop: true } },
1186
+ title: {
1187
+ heading: { level: 2 },
1188
+ selectedVariants: { Heading_Level: "H2" },
1189
+ },
1190
+ cards: [
1192
1191
  {
1193
- card: {
1194
- display: "flex",
1195
- "background-color": "white",
1196
- "border-radius": "base",
1197
- "box-shadow": "lg",
1198
- overflow: "hidden",
1199
- "align-items": "stretch",
1200
- mobile: {
1201
- "flex-direction": "column",
1202
- "min-height": "auto",
1203
- "row-gap": "base",
1204
- },
1205
- "border-style": "solid",
1206
- "border-width": "1px",
1207
- "padding-left": "base",
1208
- "padding-right": "base",
1209
- "padding-top": "base",
1210
- "padding-bottom": "base",
1211
- tablet: {
1212
- "flex-direction": "column",
1213
- "align-items": "start",
1214
- },
1215
- },
1216
- "image-container": {
1217
- flex: "0 0 40%",
1218
- mobile: {
1219
- flex: "none",
1220
- width: "100%",
1221
- height: "100%",
1222
- },
1223
- tablet: {
1224
- width: "100%",
1225
- },
1226
- },
1227
- "label-container": {
1228
- display: "none",
1229
- },
1230
- image: {
1231
- width: "100%",
1232
- height: "100%",
1233
- "object-fit": "cover",
1234
- },
1235
- "content-container": {
1236
- flex: "1",
1237
- padding: "2xl",
1238
- display: "flex",
1239
- "flex-direction": "column",
1240
- "justify-content": "space-between",
1241
- mobile: {
1242
- padding: "lg",
1243
- "padding-left": "none",
1244
- "padding-right": "none",
1245
- "padding-bottom": "none",
1246
- "padding-top": "none",
1247
- },
1248
- tablet: {
1249
- "flex-direction": "column",
1250
- },
1251
- },
1252
- "header-container": {
1253
- "margin-bottom": "lg",
1254
- },
1255
- "card-title": {
1256
- "margin-bottom": "sm",
1257
- },
1258
- "card-description": {
1259
- tablet: {
1260
- "max-width": "600px",
1261
- },
1262
- },
1263
- stats_levoGroup: {
1264
- display: "grid",
1265
- "column-gap": "lg",
1266
- "margin-bottom": "lg",
1267
- mobile: {
1268
- "flex-wrap": "wrap",
1269
- "row-gap": "sm",
1270
- "column-gap": "sm",
1271
- "grid-template-columns": "repeat(2, minmax(0, 1fr))",
1272
- },
1273
- "grid-template-columns": "repeat(3, minmax(0, 1fr))",
1274
- tablet: {
1275
- "grid-template-columns": "repeat(3, minmax(0, 1fr))",
1276
- "row-gap": "lg",
1277
- },
1278
- },
1279
- stat_card: {
1280
- "text-align": "center",
1281
- mobile: {
1282
- flex: "1 1 calc(50% - 4px)",
1283
- "min-width": "80px",
1284
- },
1285
- },
1286
- number: {
1287
- color: "text-1",
1288
- "margin-bottom": "xs",
1289
- },
1290
- label: {
1291
- color: "text-2",
1292
- },
1293
- ctas_levoGroup: {
1294
- "align-self": "flex-start",
1295
- display: "flex",
1296
- "flex-direction": "row",
1297
- "align-items": "center",
1298
- gap: "sm",
1299
- },
1300
- ctas: Array(2).map(() => ({})),
1301
- stats: [
1192
+ "card-title": { selectedVariants: { Heading_Level: "H3" } },
1193
+ "card-description": { selectedVariants: {} },
1194
+ ctas: [
1195
+ { cta: { selectedVariants: { Button_Sizes: "Medium" } } },
1302
1196
  {
1303
- number: {
1304
- tablet: {
1305
- "font-size": "2xl",
1197
+ cta: {
1198
+ selectedVariants: {
1199
+ Button_Sizes: "Medium",
1200
+ Button_Variants: "Secondary",
1306
1201
  },
1307
- "font-weight": 700,
1308
1202
  },
1309
- label: {},
1310
1203
  },
1204
+ ],
1205
+ },
1206
+ {
1207
+ "card-title": { selectedVariants: { Heading_Level: "H3" } },
1208
+ "card-description": { selectedVariants: {} },
1209
+ ctas: [
1210
+ { cta: { selectedVariants: { Button_Sizes: "Medium" } } },
1311
1211
  {
1312
- number: {
1313
- tablet: {
1314
- "font-size": "2xl",
1212
+ cta: {
1213
+ selectedVariants: {
1214
+ Button_Sizes: "Medium",
1215
+ Button_Variants: "Secondary",
1315
1216
  },
1316
- "font-weight": 700,
1317
1217
  },
1318
- label: {},
1319
1218
  },
1219
+ ],
1220
+ },
1221
+ {
1222
+ "card-title": { selectedVariants: { Heading_Level: "H3" } },
1223
+ "card-description": { selectedVariants: {} },
1224
+ ctas: [
1225
+ { cta: { selectedVariants: { Button_Sizes: "Medium" } } },
1320
1226
  {
1321
- number: {
1322
- tablet: {
1323
- "font-size": "2xl",
1227
+ cta: {
1228
+ selectedVariants: {
1229
+ Button_Sizes: "Medium",
1230
+ Button_Variants: "Secondary",
1324
1231
  },
1325
- "font-weight": 700,
1326
1232
  },
1327
- label: {},
1328
1233
  },
1329
1234
  ],
1330
1235
  },
1331
1236
  ],
1332
- "carousel-navigation-arrow-left_leftIcon": {
1333
- height: "22px",
1334
- width: "22px",
1335
- "font-size": "22px",
1336
- },
1337
- "carousel-navigation-arrow-right_rightIcon": {
1338
- height: "24px",
1339
- width: "24px",
1237
+ },
1238
+ content: DEFAULT_CONTENT,
1239
+ },
1240
+ {
1241
+ key: "variant-3",
1242
+ title: "Variant 3",
1243
+ styles: {
1244
+ layout: {},
1245
+ container: {},
1246
+ header: {
1247
+ "text-align": "center",
1248
+ "margin-bottom": "4xl",
1249
+ mobile: { "margin-bottom": "2xl" },
1340
1250
  },
1341
- "carousel-navigation-bottom-container": {
1342
- display: "none",
1343
- "justify-content": "center",
1344
- "margin-top": "2xl",
1345
- tablet: {
1346
- display: "flex",
1347
- },
1348
- mobile: {
1349
- display: "flex",
1350
- },
1251
+ "header-content": {
1252
+ "max-width": "720px",
1253
+ "margin-left": "auto",
1254
+ "margin-right": "auto",
1255
+ display: "flex",
1256
+ "flex-direction": "column",
1257
+ "align-items": "center",
1258
+ "row-gap": "base",
1351
1259
  },
1352
- "carousel-navigation-bottom": {
1260
+ title: { "margin-bottom": "0" },
1261
+ description: { color: "text-2" },
1262
+ "carousel-container": {
1353
1263
  display: "flex",
1354
- "column-gap": "sm",
1355
1264
  "align-items": "center",
1265
+ "column-gap": "xl",
1266
+ position: "relative",
1267
+ mobile: {
1268
+ "flex-direction": "column",
1269
+ "row-gap": "lg",
1270
+ },
1356
1271
  },
1357
- "carousel-navigation-arrow-left-bottom": {
1272
+ "carousel-navigation-arrow-left": {
1358
1273
  display: "flex",
1359
1274
  "align-items": "center",
1360
1275
  "justify-content": "center",
1361
- "border-radius": "50%",
1362
- "background-color": "white",
1363
- color: "text-2",
1276
+ "border-radius": "base",
1277
+ "background-color": "brandSecondary",
1278
+ color: "text-1",
1364
1279
  cursor: "pointer",
1365
- "font-size": "lg",
1366
- "font-weight": "500",
1367
1280
  "padding-top": "none",
1368
1281
  "padding-bottom": "none",
1369
1282
  "padding-left": "none",
1370
1283
  "padding-right": "none",
1371
- "border-color": "transparent",
1372
- "border-width": "0px",
1373
- "border-style": "solid",
1374
- _hover: {
1375
- opacity: "0.9",
1376
- },
1377
- width: "48px",
1378
- height: "48px",
1379
- border: "1px solid var(--color-border)",
1380
- transition: "opacity 0.3s ease, cursor 0.3s ease",
1381
- "box-shadow": "0 2px 8px rgba(0, 0, 0, 0.1)",
1382
- mobile: {
1383
- width: "40px",
1384
- height: "40px",
1385
- },
1284
+ width: "44px",
1285
+ height: "44px",
1286
+ "flex-shrink": 0,
1287
+ mobile: { display: "none" },
1288
+ tablet: { display: "none" },
1386
1289
  },
1387
- "carousel-navigation-arrow-right-bottom": {
1388
- width: "48px",
1389
- height: "48px",
1390
- "border-radius": "50%",
1391
- "background-color": "white",
1392
- border: "1px solid var(--color-border)",
1393
- cursor: "pointer",
1290
+ "carousel-navigation-arrow-right": {
1394
1291
  display: "flex",
1395
1292
  "align-items": "center",
1396
1293
  "justify-content": "center",
1397
- transition: "opacity 0.3s ease, cursor 0.3s ease",
1398
- "box-shadow": "0 2px 8px rgba(0, 0, 0, 0.1)",
1294
+ "border-radius": "base",
1295
+ "background-color": "brandSecondary",
1296
+ color: "text-1",
1297
+ cursor: "pointer",
1399
1298
  "padding-top": "none",
1400
1299
  "padding-bottom": "none",
1401
1300
  "padding-left": "none",
1402
1301
  "padding-right": "none",
1403
- color: "text-2",
1404
- mobile: {
1405
- width: "40px",
1406
- height: "40px",
1302
+ width: "44px",
1303
+ height: "44px",
1304
+ "flex-shrink": 0,
1305
+ mobile: { display: "none" },
1306
+ tablet: { display: "none" },
1307
+ },
1308
+ cards_levoGroup: {
1309
+ flex: "1",
1310
+ number_of_slides: 1,
1311
+ mobile: { number_of_slides: 1 },
1312
+ tablet: { number_of_slides: 1 },
1313
+ },
1314
+ cards_levoGroupItem: {
1315
+ card: {
1316
+ display: "flex",
1317
+ "flex-direction": "row-reverse",
1318
+ "background-color": "white",
1319
+ "border-radius": "lg",
1320
+ overflow: "hidden",
1321
+ "align-items": "stretch",
1322
+ "border-style": "solid",
1323
+ "border-width": "1px",
1324
+ "border-color": "border",
1325
+ height: "100%",
1326
+ mobile: {
1327
+ "flex-direction": "column",
1328
+ "row-gap": "base",
1329
+ },
1330
+ tablet: {
1331
+ "flex-direction": "column",
1332
+ "align-items": "start",
1333
+ },
1334
+ },
1335
+ "image-container": {
1336
+ flex: "0 0 45%",
1337
+ "aspect-ratio": "4 / 3",
1338
+ overflow: "hidden",
1339
+ mobile: {
1340
+ flex: "none",
1341
+ width: "100%",
1342
+ "aspect-ratio": "16 / 9",
1343
+ },
1344
+ tablet: {
1345
+ width: "100%",
1346
+ "aspect-ratio": "16 / 9",
1347
+ },
1348
+ },
1349
+ image: {
1350
+ width: "100%",
1351
+ height: "100%",
1352
+ "object-fit": "cover",
1353
+ },
1354
+ "content-container": {
1355
+ flex: "1",
1356
+ padding: "2xl",
1357
+ display: "flex",
1358
+ "flex-direction": "column",
1359
+ "justify-content": "center",
1360
+ "row-gap": "base",
1361
+ mobile: { padding: "lg" },
1362
+ },
1363
+ "header-container": { "margin-bottom": "0" },
1364
+ "card-title": { "margin-bottom": "sm" },
1365
+ "card-description": { color: "text-2" },
1366
+ "label-container": { display: "none" },
1367
+ stats_levoGroup: { display: "none" },
1368
+ ctas_levoGroup: {
1369
+ "margin-top": "lg",
1370
+ display: "flex",
1371
+ "flex-direction": "row",
1372
+ "align-items": "center",
1373
+ "column-gap": "sm",
1407
1374
  },
1375
+ ctas: [{ cta: {} }, { cta: {} }],
1376
+ stats_levoGroupItem: { number: {}, label: {} },
1377
+ stats: [{}, {}, {}],
1408
1378
  },
1409
- "carousel-navigation-arrow-left-bottom_leftIcon": {
1379
+ cards: [{}, {}, {}],
1380
+ "carousel-navigation-arrow-left_leftIcon": {
1410
1381
  height: "22px",
1411
1382
  width: "22px",
1412
1383
  "font-size": "22px",
1413
1384
  },
1414
- "carousel-navigation-arrow-right-bottom_rightIcon": {
1385
+ "carousel-navigation-arrow-right_rightIcon": {
1415
1386
  height: "22px",
1416
1387
  width: "22px",
1417
1388
  "font-size": "22px",
1418
1389
  },
1419
- },
1420
- config: {
1421
- cards_levoGroup: {
1422
- carousel: {
1423
- loop: false,
1424
- },
1390
+ "carousel-navigation-bottom-container": {
1391
+ display: "flex",
1392
+ "justify-content": "center",
1393
+ "margin-top": "2xl",
1394
+ },
1395
+ "carousel-navigation-bottom": {
1396
+ display: "flex",
1397
+ "column-gap": "sm",
1398
+ "align-items": "center",
1399
+ },
1400
+ "carousel-navigation-arrow-left-bottom": {
1401
+ display: "flex",
1402
+ "align-items": "center",
1403
+ "justify-content": "center",
1404
+ "border-radius": "base",
1405
+ "background-color": "brandSecondary",
1406
+ color: "text-1",
1407
+ cursor: "pointer",
1408
+ width: "44px",
1409
+ height: "44px",
1410
+ mobile: { width: "36px", height: "36px" },
1425
1411
  },
1412
+ "carousel-navigation-arrow-right-bottom": {
1413
+ display: "flex",
1414
+ "align-items": "center",
1415
+ "justify-content": "center",
1416
+ "border-radius": "base",
1417
+ "background-color": "brandSecondary",
1418
+ color: "text-1",
1419
+ cursor: "pointer",
1420
+ width: "44px",
1421
+ height: "44px",
1422
+ mobile: { width: "36px", height: "36px" },
1423
+ },
1424
+ "carousel-navigation-arrow-left-bottom_leftIcon": {
1425
+ height: "20px",
1426
+ width: "20px",
1427
+ "font-size": "20px",
1428
+ },
1429
+ "carousel-navigation-arrow-right-bottom_rightIcon": {
1430
+ height: "20px",
1431
+ width: "20px",
1432
+ "font-size": "20px",
1433
+ },
1434
+ "carousel-navigation-container": { display: "none" },
1435
+ "carousel-navigation": { display: "none" },
1436
+ "carousel-navigation-pill": { display: "none" },
1437
+ },
1438
+ config: {
1439
+ cards_levoGroup: { carousel: { loop: true } },
1426
1440
  "carousel-navigation-arrow-left": {
1427
- button_icons: {
1428
- left: {
1429
- enabled: true,
1430
- },
1431
- },
1441
+ button_icons: { left: { enabled: true } },
1432
1442
  },
1433
1443
  "carousel-navigation-arrow-right": {
1434
- button_icons: {
1435
- right: {
1436
- enabled: true,
1437
- },
1438
- },
1444
+ button_icons: { right: { enabled: true } },
1439
1445
  },
1440
1446
  "carousel-navigation-arrow-left-bottom": {
1441
- button_icons: {
1442
- left: {
1443
- enabled: true,
1444
- },
1445
- },
1447
+ button_icons: { left: { enabled: true } },
1446
1448
  },
1447
1449
  "carousel-navigation-arrow-right-bottom": {
1448
- button_icons: {
1449
- right: {
1450
- enabled: true,
1451
- },
1452
- },
1450
+ button_icons: { right: { enabled: true } },
1453
1451
  },
1454
1452
  title: {
1455
- heading: {
1456
- level: 2,
1457
- },
1458
- selectedVariants: {
1459
- Heading_Level: "H2",
1460
- },
1453
+ heading: { level: 2 },
1454
+ selectedVariants: { Heading_Level: "H2" },
1461
1455
  },
1462
1456
  "card-title": {
1463
- heading: {
1464
- level: 3,
1465
- },
1466
- selectedVariants: {
1467
- Heading_Level: "H3",
1468
- },
1469
- },
1470
- number: {
1471
- heading: {
1472
- level: 4,
1473
- },
1474
- selectedVariants: {
1475
- Heading_Level: "H4",
1476
- },
1457
+ heading: { level: 3 },
1458
+ selectedVariants: { Heading_Level: "H3" },
1477
1459
  },
1478
1460
  cards: [
1479
1461
  {
1480
- "card-title": {
1481
- selectedVariants: {
1482
- Heading_Level: "H3",
1483
- },
1484
- },
1485
- "card-description": {
1486
- selectedVariants: {},
1487
- },
1488
- stats: [
1462
+ "card-title": { selectedVariants: { Heading_Level: "H3" } },
1463
+ "card-description": { selectedVariants: {} },
1464
+ ctas: [
1465
+ { cta: { selectedVariants: { Button_Sizes: "Medium" } } },
1489
1466
  {
1490
- number: {
1491
- heading: {
1492
- level: "4",
1493
- },
1467
+ cta: {
1494
1468
  selectedVariants: {
1495
- Heading_Level: "H4",
1469
+ Button_Sizes: "Medium",
1470
+ Button_Variants: "Secondary",
1496
1471
  },
1497
1472
  },
1498
- label: {
1499
- selectedVariants: {},
1500
- },
1501
1473
  },
1474
+ ],
1475
+ },
1476
+ {
1477
+ "card-title": { selectedVariants: { Heading_Level: "H3" } },
1478
+ "card-description": { selectedVariants: {} },
1479
+ ctas: [
1480
+ { cta: { selectedVariants: { Button_Sizes: "Medium" } } },
1502
1481
  {
1503
- number: {
1482
+ cta: {
1504
1483
  selectedVariants: {
1505
- Heading_Level: "H4",
1484
+ Button_Sizes: "Medium",
1485
+ Button_Variants: "Secondary",
1506
1486
  },
1507
1487
  },
1508
- label: {
1509
- selectedVariants: {},
1510
- },
1511
1488
  },
1489
+ ],
1490
+ },
1491
+ {
1492
+ "card-title": { selectedVariants: { Heading_Level: "H3" } },
1493
+ "card-description": { selectedVariants: {} },
1494
+ ctas: [
1495
+ { cta: { selectedVariants: { Button_Sizes: "Medium" } } },
1512
1496
  {
1513
- number: {
1497
+ cta: {
1514
1498
  selectedVariants: {
1515
- Heading_Level: "H4",
1499
+ Button_Sizes: "Medium",
1500
+ Button_Variants: "Secondary",
1516
1501
  },
1517
1502
  },
1518
- label: {
1519
- selectedVariants: {},
1520
- },
1521
1503
  },
1522
1504
  ],
1523
- cta: {
1524
- selectedVariants: {
1525
- Button_Sizes: "Large",
1526
- },
1527
- },
1528
- },
1529
- {
1530
- "card-title": {
1531
- selectedVariants: {
1532
- Heading_Level: "H3",
1533
- },
1534
- },
1535
- "card-description": {
1536
- selectedVariants: {},
1537
- },
1538
- cta: {
1539
- selectedVariants: {
1540
- Button_Sizes: "Large",
1541
- },
1542
- },
1543
- },
1544
- {
1545
- "card-title": {
1546
- selectedVariants: {
1547
- Heading_Level: "H3",
1548
- },
1549
- },
1550
- "card-description": {
1551
- selectedVariants: {},
1552
- },
1553
- cta: {
1554
- selectedVariants: {
1555
- Button_Sizes: "Large",
1556
- },
1557
- },
1558
1505
  },
1559
1506
  ],
1560
1507
  },
1561
1508
  content: DEFAULT_CONTENT,
1562
1509
  },
1563
1510
  {
1564
- key: "variant-1",
1565
- title: "Variant 1",
1511
+ key: "variant-4",
1512
+ title: "Variant 4",
1566
1513
  styles: {
1567
1514
  layout: {},
1568
1515
  container: {},
1569
1516
  header: {
1570
1517
  "text-align": "center",
1571
1518
  "margin-bottom": "4xl",
1572
- mobile: {
1573
- "margin-bottom": "2xl",
1574
- },
1519
+ mobile: { "margin-bottom": "2xl" },
1575
1520
  },
1576
1521
  "header-content": {
1577
- "max-width": "800px",
1522
+ "max-width": "720px",
1578
1523
  "margin-left": "auto",
1579
1524
  "margin-right": "auto",
1525
+ display: "flex",
1526
+ "flex-direction": "column",
1527
+ "align-items": "center",
1528
+ "row-gap": "base",
1580
1529
  },
1581
- title: {
1582
- "margin-bottom": "lg",
1583
- },
1584
- description: {},
1530
+ title: { "margin-bottom": "0" },
1531
+ description: { color: "text-2" },
1585
1532
  "carousel-container": {
1586
1533
  display: "flex",
1587
- "align-items": "center",
1534
+ "align-items": "stretch",
1588
1535
  "column-gap": "lg",
1589
1536
  position: "relative",
1590
1537
  mobile: {
1591
1538
  "flex-direction": "column",
1592
1539
  "row-gap": "lg",
1593
1540
  },
1594
- tablet: {
1595
- "padding-left": "none",
1596
- "padding-right": "none",
1597
- },
1598
1541
  },
1599
1542
  "carousel-navigation-arrow-left": {
1600
- display: "none",
1543
+ display: "flex",
1601
1544
  "align-items": "center",
1602
1545
  "justify-content": "center",
1603
1546
  "border-radius": "50%",
1604
1547
  "background-color": "white",
1605
1548
  color: "text-2",
1606
1549
  cursor: "pointer",
1607
- "font-size": "lg",
1608
- "font-weight": "500",
1609
- "padding-top": "none",
1610
- "padding-bottom": "none",
1611
- "padding-left": "none",
1612
- "padding-right": "none",
1613
- "border-color": "transparent",
1614
- "border-width": "0px",
1615
- "border-style": "solid",
1616
- _hover: {
1617
- opacity: "0.9",
1618
- },
1619
1550
  width: "48px",
1620
1551
  height: "48px",
1621
1552
  border: "1px solid var(--color-border)",
1622
- transition: "opacity 0.3s ease, cursor 0.3s ease",
1623
- mobile: {
1624
- width: "40px",
1625
- height: "40px",
1626
-
1627
- "padding-top": "none",
1628
- "padding-bottom": "none",
1629
- "padding-left": "none",
1630
- "padding-right": "none",
1631
- },
1632
- tablet: {
1633
- display: "none",
1634
- },
1553
+ "box-shadow": "0 2px 8px rgba(0, 0, 0, 0.08)",
1554
+ "flex-shrink": 0,
1555
+ mobile: { display: "none" },
1556
+ tablet: { display: "none" },
1635
1557
  },
1636
1558
  "carousel-navigation-arrow-right": {
1637
- width: "48px",
1638
- height: "48px",
1559
+ display: "flex",
1560
+ "align-items": "center",
1561
+ "justify-content": "center",
1639
1562
  "border-radius": "50%",
1640
1563
  "background-color": "white",
1641
- border: "1px solid var(--color-border)",
1564
+ color: "text-2",
1642
1565
  cursor: "pointer",
1643
- display: "none",
1644
- "align-items": "center",
1645
- "justify-content": "center",
1646
- mobile: {
1647
- width: "40px",
1648
- height: "40px",
1649
-
1650
- "font-size": "xs",
1651
- },
1652
- "padding-top": "none",
1653
- "padding-bottom": "none",
1654
- "padding-left": "none",
1655
- "padding-right": "none",
1656
- "column-gap": "none",
1657
- color: "text-3",
1658
- tablet: {
1659
- display: "none",
1660
- },
1566
+ width: "48px",
1567
+ height: "48px",
1568
+ border: "1px solid var(--color-border)",
1569
+ "box-shadow": "0 2px 8px rgba(0, 0, 0, 0.08)",
1570
+ "flex-shrink": 0,
1571
+ mobile: { display: "none" },
1572
+ tablet: { display: "none" },
1661
1573
  },
1662
1574
  cards_levoGroup: {
1663
1575
  flex: "1",
1664
- mobile: {
1665
- "max-width": "100%",
1666
- order: "1",
1576
+ number_of_slides: 3,
1577
+ mobile: { number_of_slides: 1 },
1578
+ tablet: { number_of_slides: 2 },
1579
+ },
1580
+ cards_levoGroupItem: {
1581
+ card: {
1582
+ display: "flex",
1583
+ "flex-direction": "column",
1584
+ "background-color": "white",
1585
+ "border-radius": "lg",
1586
+ overflow: "hidden",
1587
+ "border-style": "solid",
1588
+ "border-width": "1px",
1589
+ "border-color": "border",
1590
+ "box-shadow": "default",
1591
+ height: "100%",
1592
+ },
1593
+ "image-container": {
1594
+ "aspect-ratio": "16 / 10",
1595
+ overflow: "hidden",
1596
+ mobile: { "aspect-ratio": "16 / 9" },
1597
+ },
1598
+ image: {
1599
+ width: "100%",
1600
+ height: "100%",
1601
+ "object-fit": "cover",
1602
+ },
1603
+ "content-container": {
1604
+ "padding-top": "xl",
1605
+ "padding-bottom": "xl",
1606
+ "padding-left": "xl",
1607
+ "padding-right": "xl",
1608
+ display: "flex",
1609
+ "flex-direction": "column",
1610
+ "row-gap": "base",
1611
+ flex: "1",
1612
+ mobile: {
1613
+ "padding-top": "lg",
1614
+ "padding-bottom": "lg",
1615
+ "padding-left": "lg",
1616
+ "padding-right": "lg",
1617
+ },
1618
+ },
1619
+ "header-container": { "margin-bottom": "0" },
1620
+ "card-title": { "margin-bottom": "xs" },
1621
+ "card-description": {
1622
+ color: "text-2",
1623
+ "line-height": "1.6",
1624
+ },
1625
+ "label-container": {
1626
+ display: "flex",
1627
+ "align-items": "center",
1628
+ "column-gap": "2xs",
1629
+ "background-color": "brandSecondary",
1630
+ width: "fit-content",
1631
+ "border-radius": "3xl",
1632
+ "padding-left": "sm",
1633
+ "padding-right": "sm",
1634
+ "padding-top": "3xs",
1635
+ "padding-bottom": "3xs",
1636
+ },
1637
+ label: {
1638
+ color: "brandSecondaryForeground",
1639
+ "font-size": "xs",
1640
+ "font-weight": 600,
1641
+ "text-transform": "uppercase",
1642
+ "letter-spacing": "0.06em",
1667
1643
  },
1668
- number_of_slides: 1,
1669
- tablet: {
1670
- number_of_slides: 1,
1644
+ "label-icon": {
1645
+ width: "14px",
1646
+ height: "14px",
1647
+ "font-size": "14px",
1648
+ "flex-shrink": 0,
1671
1649
  },
1672
- },
1673
- cards: Array(3)
1674
- .fill(0)
1675
- .map((v) => ({
1676
- card: {
1677
- display: "flex",
1678
- "background-color": "white",
1679
- "border-radius": "base",
1680
- "box-shadow": "lg",
1681
- overflow: "hidden",
1682
- "align-items": "stretch",
1683
- mobile: {
1684
- "flex-direction": "column",
1685
- "min-height": "auto",
1686
- "row-gap": "base",
1687
- },
1688
- "border-style": "solid",
1689
- "border-width": "1px",
1690
- "padding-left": "base",
1691
- "padding-right": "base",
1692
- "padding-top": "base",
1693
- "padding-bottom": "base",
1694
- tablet: {
1695
- "flex-direction": "column",
1696
- "align-items": "start",
1697
- },
1698
- },
1699
- "image-container": {
1700
- flex: "0 0 40%",
1701
- mobile: {
1702
- flex: "none",
1703
- width: "100%",
1704
- height: "100%",
1705
- },
1706
- tablet: {
1707
- width: "100%",
1708
- },
1709
- },
1710
- image: {
1711
- width: "100%",
1712
- height: "100%",
1713
- "object-fit": "cover",
1714
- },
1715
- "content-container": {
1716
- flex: "1",
1717
- padding: "2xl",
1718
- display: "flex",
1719
- "flex-direction": "column",
1720
- "justify-content": "space-between",
1721
- mobile: {
1722
- padding: "lg",
1723
- "padding-left": "none",
1724
- "padding-right": "none",
1725
- "padding-bottom": "none",
1726
- "padding-top": "none",
1727
- },
1728
- tablet: {
1729
- "flex-direction": "column",
1730
- },
1731
- },
1732
- "header-container": {
1733
- "margin-bottom": "lg",
1734
- },
1735
- "card-title": {
1736
- "margin-bottom": "sm",
1737
- },
1738
- "card-description": {
1739
- tablet: {
1740
- "max-width": "600px",
1741
- },
1742
- },
1743
- stats_levoGroup: {
1744
- display: "none",
1745
- "column-gap": "lg",
1746
- "margin-bottom": "lg",
1747
- mobile: {
1748
- "flex-wrap": "wrap",
1749
- "row-gap": "sm",
1750
- "column-gap": "sm",
1751
- "grid-template-columns": "repeat(2, minmax(0, 1fr))",
1752
- },
1753
- "grid-template-columns": "repeat(3, minmax(0, 1fr))",
1754
- tablet: {
1755
- "grid-template-columns": "repeat(3, minmax(0, 1fr))",
1756
- "row-gap": "lg",
1757
- },
1758
- },
1759
- stat_card: {
1760
- "text-align": "center",
1761
- mobile: {
1762
- flex: "1 1 calc(50% - 4px)",
1763
- "min-width": "80px",
1764
- },
1765
- },
1650
+ stats_levoGroup: {
1651
+ display: "flex",
1652
+ "column-gap": "base",
1653
+ "padding-top": "base",
1654
+ "border-top": "1px solid var(--color-border)",
1655
+ "flex-wrap": "nowrap",
1656
+ "align-items": "flex-start",
1657
+ },
1658
+ stat_card: {
1659
+ "text-align": "left",
1660
+ display: "flex",
1661
+ "flex-direction": "column",
1662
+ "row-gap": "3xs",
1663
+ "min-width": "0",
1664
+ flex: "1 1 0",
1665
+ },
1666
+ number: {
1667
+ color: "text-1",
1668
+ "margin-bottom": "2xs",
1669
+ "font-size": "xl",
1670
+ "font-weight": 700,
1671
+ "line-height": 1.1,
1672
+ "white-space": "nowrap",
1673
+ },
1674
+ label_stat: {},
1675
+ ctas_levoGroup: {
1676
+ "margin-top": "auto",
1677
+ display: "flex",
1678
+ "flex-direction": "row",
1679
+ "align-items": "center",
1680
+ "column-gap": "sm",
1681
+ },
1682
+ ctas: [{ cta: {} }, { cta: {} }],
1683
+ stats_levoGroupItem: {
1766
1684
  number: {
1767
- color: "text-1",
1768
- "margin-bottom": "xs",
1685
+ "font-weight": 700,
1686
+ "font-size": "xl",
1687
+ "white-space": "nowrap",
1688
+ "line-height": 1.1,
1769
1689
  },
1770
1690
  label: {
1771
- color: "brandSecondaryForeground",
1772
- },
1773
-
1774
- ctas_levoGroup: {
1775
- "align-self": "flex-start",
1776
- display: "flex",
1777
- "flex-direction": "row",
1778
- "align-items": "center",
1779
- gap: "sm",
1780
- },
1781
- ctas: Array(2).map(() => ({
1782
- cta: {
1783
- "align-self": "flex-start",
1784
- },
1785
- })),
1786
- stats: [
1787
- {
1788
- number: {
1789
- tablet: {
1790
- "font-size": "2xl",
1791
- },
1792
- "font-size": "3xl",
1793
- },
1794
- },
1795
- {
1796
- number: {
1797
- "font-size": "3xl",
1798
- tablet: {
1799
- "font-size": "2xl",
1800
- },
1801
- },
1802
- },
1803
- {
1804
- number: {
1805
- "font-size": "3xl",
1806
- tablet: {
1807
- "font-size": "2xl",
1808
- },
1809
- },
1810
- },
1811
- ],
1812
- "label-container": {
1813
- display: "flex",
1814
- "align-items": "center",
1815
- "column-gap": "2xs",
1816
- "background-color": "brandSecondary",
1817
- width: "fit-content",
1818
- "border-radius": "3xl",
1819
- "padding-left": "xs",
1820
- "padding-right": "xs",
1821
- "padding-top": "4xs",
1822
- "padding-bottom": "4xs",
1691
+ "font-size": "xs",
1692
+ color: "text-2",
1693
+ "line-height": 1.3,
1823
1694
  },
1824
- })),
1695
+ },
1696
+ stats: [{}, {}, {}],
1697
+ },
1698
+ cards: [{}, {}, {}],
1825
1699
  "carousel-navigation-arrow-left_leftIcon": {
1826
- height: "22px",
1827
- width: "22px",
1828
- "font-size": "22px",
1700
+ height: "20px",
1701
+ width: "20px",
1702
+ "font-size": "20px",
1829
1703
  },
1830
1704
  "carousel-navigation-arrow-right_rightIcon": {
1831
- height: "24px",
1832
- width: "24px",
1705
+ height: "20px",
1706
+ width: "20px",
1707
+ "font-size": "20px",
1833
1708
  },
1834
1709
  "carousel-navigation-bottom-container": {
1835
1710
  display: "none",
1836
- "justify-content": "center",
1837
- "margin-top": "2xl",
1838
- tablet: {
1711
+ mobile: {
1839
1712
  display: "flex",
1713
+ "justify-content": "center",
1714
+ "margin-top": "xl",
1840
1715
  },
1841
- mobile: {
1716
+ tablet: {
1842
1717
  display: "flex",
1718
+ "justify-content": "center",
1719
+ "margin-top": "xl",
1843
1720
  },
1844
1721
  },
1845
1722
  "carousel-navigation-bottom": {
1846
1723
  display: "flex",
1847
1724
  "column-gap": "sm",
1848
1725
  "align-items": "center",
1849
- mobile: {
1850
- display: "none",
1851
- },
1852
1726
  },
1853
1727
  "carousel-navigation-arrow-left-bottom": {
1854
1728
  display: "flex",
@@ -1858,182 +1732,111 @@ export const Cards7: IBlock = {
1858
1732
  "background-color": "white",
1859
1733
  color: "text-2",
1860
1734
  cursor: "pointer",
1861
- "font-size": "lg",
1862
- "font-weight": "500",
1863
- "padding-top": "none",
1864
- "padding-bottom": "none",
1865
- "padding-left": "none",
1866
- "padding-right": "none",
1867
- "border-color": "transparent",
1868
- "border-width": "0px",
1869
- "border-style": "solid",
1870
- _hover: {
1871
- opacity: "0.9",
1872
- },
1873
- width: "48px",
1874
- height: "48px",
1735
+ width: "40px",
1736
+ height: "40px",
1875
1737
  border: "1px solid var(--color-border)",
1876
- transition: "opacity 0.3s ease, cursor 0.3s ease",
1877
- "box-shadow": "0 2px 8px rgba(0, 0, 0, 0.1)",
1878
- mobile: {
1879
- width: "40px",
1880
- height: "40px",
1881
- },
1882
1738
  },
1883
1739
  "carousel-navigation-arrow-right-bottom": {
1884
- width: "48px",
1885
- height: "48px",
1886
- "border-radius": "50%",
1887
- "background-color": "white",
1888
- border: "1px solid var(--color-border)",
1889
- cursor: "pointer",
1890
1740
  display: "flex",
1891
1741
  "align-items": "center",
1892
1742
  "justify-content": "center",
1893
- transition: "opacity 0.3s ease, cursor 0.3s ease",
1894
- "box-shadow": "0 2px 8px rgba(0, 0, 0, 0.1)",
1895
- "padding-top": "none",
1896
- "padding-bottom": "none",
1897
- "padding-left": "none",
1898
- "padding-right": "none",
1743
+ "border-radius": "50%",
1744
+ "background-color": "white",
1899
1745
  color: "text-2",
1900
- mobile: {
1901
- width: "40px",
1902
- height: "40px",
1903
- },
1746
+ cursor: "pointer",
1747
+ width: "40px",
1748
+ height: "40px",
1749
+ border: "1px solid var(--color-border)",
1904
1750
  },
1905
1751
  "carousel-navigation-arrow-left-bottom_leftIcon": {
1906
- height: "22px",
1907
- width: "22px",
1908
- "font-size": "22px",
1752
+ height: "18px",
1753
+ width: "18px",
1754
+ "font-size": "18px",
1909
1755
  },
1910
1756
  "carousel-navigation-arrow-right-bottom_rightIcon": {
1911
- height: "22px",
1912
- width: "22px",
1913
- "font-size": "22px",
1914
- },
1915
- "carousel-navigation-container": {
1916
- display: "flex",
1917
- "justify-content": "center",
1918
- "margin-top": "2xl",
1919
- },
1920
- "carousel-navigation": {
1921
- display: "flex",
1922
- "column-gap": "sm",
1923
- "align-items": "center",
1924
- },
1925
- "carousel-navigation-pill": {
1926
- width: "8px",
1927
- height: "8px",
1928
- "border-radius": "8px",
1929
- "background-color": "var(--color-border)",
1930
- cursor: "pointer",
1931
- transition: "all 0.3s ease",
1932
- "&:hover": {
1933
- "background-color": "var(--color-brand-secondary)",
1934
- },
1757
+ height: "18px",
1758
+ width: "18px",
1759
+ "font-size": "18px",
1935
1760
  },
1761
+ "carousel-navigation-container": { display: "none" },
1762
+ "carousel-navigation": { display: "none" },
1763
+ "carousel-navigation-pill": { display: "none" },
1936
1764
  },
1937
1765
  config: {
1938
- cards_levoGroup: {
1939
- carousel: {
1940
- loop: false,
1941
- },
1942
- },
1766
+ cards_levoGroup: { carousel: { loop: true } },
1943
1767
  "carousel-navigation-arrow-left": {
1944
- button_icons: {
1945
- left: {
1946
- enabled: true,
1947
- },
1948
- },
1768
+ button_icons: { left: { enabled: true } },
1949
1769
  },
1950
1770
  "carousel-navigation-arrow-right": {
1951
- button_icons: {
1952
- right: {
1953
- enabled: true,
1954
- },
1955
- },
1771
+ button_icons: { right: { enabled: true } },
1956
1772
  },
1957
1773
  "carousel-navigation-arrow-left-bottom": {
1958
- button_icons: {
1959
- left: {
1960
- enabled: true,
1961
- },
1962
- },
1774
+ button_icons: { left: { enabled: true } },
1963
1775
  },
1964
1776
  "carousel-navigation-arrow-right-bottom": {
1965
- button_icons: {
1966
- right: {
1967
- enabled: true,
1968
- },
1969
- },
1777
+ button_icons: { right: { enabled: true } },
1970
1778
  },
1971
1779
  title: {
1972
- heading: {
1973
- level: 2,
1974
- },
1975
- selectedVariants: {
1976
- Heading_Level: "H2",
1977
- },
1780
+ heading: { level: 2 },
1781
+ selectedVariants: { Heading_Level: "H2" },
1978
1782
  },
1979
1783
  "card-title": {
1980
- heading: {
1981
- level: 3,
1982
- },
1983
- selectedVariants: {
1984
- Heading_Level: "H3",
1985
- },
1784
+ heading: { level: 3 },
1785
+ selectedVariants: { Heading_Level: "H3" },
1986
1786
  },
1987
1787
  number: {
1988
- heading: {
1989
- level: 4,
1990
- },
1991
- selectedVariants: {
1992
- Heading_Level: "H4",
1993
- },
1788
+ heading: { level: 4 },
1789
+ selectedVariants: { Heading_Level: "H4" },
1994
1790
  },
1995
1791
  cards: [
1996
1792
  {
1997
- "card-title": {
1998
- heading: {
1999
- level: "3",
2000
- },
2001
- selectedVariants: {
2002
- Heading_Level: "H3",
2003
- },
2004
- },
2005
- cta: {
2006
- selectedVariants: {
2007
- Button_Sizes: "Large",
1793
+ "card-title": { selectedVariants: { Heading_Level: "H3" } },
1794
+ "card-description": { selectedVariants: {} },
1795
+ ctas: [
1796
+ { cta: { selectedVariants: { Button_Sizes: "Medium" } } },
1797
+ {
1798
+ cta: {
1799
+ selectedVariants: {
1800
+ Button_Sizes: "Medium",
1801
+ Button_Variants: "Secondary",
1802
+ },
1803
+ },
2008
1804
  },
2009
- },
2010
- "card-description": {
2011
- selectedVariants: {},
2012
- },
1805
+ ],
2013
1806
  },
2014
1807
  {
2015
- "card-title": {
2016
- selectedVariants: {
2017
- Heading_Level: "H3",
1808
+ "card-title": { selectedVariants: { Heading_Level: "H3" } },
1809
+ "card-description": { selectedVariants: {} },
1810
+ ctas: [
1811
+ { cta: { selectedVariants: { Button_Sizes: "Medium" } } },
1812
+ {
1813
+ cta: {
1814
+ selectedVariants: {
1815
+ Button_Sizes: "Medium",
1816
+ Button_Variants: "Secondary",
1817
+ },
1818
+ },
2018
1819
  },
2019
- },
2020
- "card-description": {
2021
- selectedVariants: {},
2022
- },
1820
+ ],
2023
1821
  },
2024
1822
  {
2025
- "card-title": {
2026
- selectedVariants: {
2027
- Heading_Level: "H3",
1823
+ "card-title": { selectedVariants: { Heading_Level: "H3" } },
1824
+ "card-description": { selectedVariants: {} },
1825
+ ctas: [
1826
+ { cta: { selectedVariants: { Button_Sizes: "Medium" } } },
1827
+ {
1828
+ cta: {
1829
+ selectedVariants: {
1830
+ Button_Sizes: "Medium",
1831
+ Button_Variants: "Secondary",
1832
+ },
1833
+ },
2028
1834
  },
2029
- },
2030
- "card-description": {
2031
- selectedVariants: {},
2032
- },
1835
+ ],
2033
1836
  },
2034
1837
  ],
2035
1838
  },
2036
- content: DEFAULT_CONTENT_VARIANT_1,
1839
+ content: DEFAULT_CONTENT,
2037
1840
  },
2038
1841
  ],
2039
1842
  };