@levo-so/blocks 0.1.101 → 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 +6 -5
  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
@@ -1,123 +1,107 @@
1
1
  import type { IBlock } from "@levo-so/studio";
2
2
 
3
- import { LEVO_DEFAULT_BLUE_IMAGE } from "../../constants";
4
-
5
- const MEDIA_1 = {
6
- id: "XZbHDbcwJn0iZ",
7
- filename: "about-us-1.png",
3
+ const IMG_HERO = {
4
+ id: "7452723789431022689",
8
5
  kind: "image",
9
- location: "https://static.levocdn.com/WLZ1TXTD/about-us-1-8eR7q0Um91I9P.png",
6
+ location: "https://images.pexels.com/photos/28715052/pexels-photo-28715052.jpeg",
7
+ mimetype: "image/jpeg",
10
8
  srcset: {
11
- "1080w": "https://static.levocdn.com/WLZ1TXTD/about-us-1-8eR7q0Um91I9P-1080w.webp",
12
- "1200w": "https://static.levocdn.com/WLZ1TXTD/about-us-1-8eR7q0Um91I9P-1200w.webp",
13
- "1920w": "https://static.levocdn.com/WLZ1TXTD/about-us-1-8eR7q0Um91I9P-1920w.webp",
14
- "320w": "https://static.levocdn.com/WLZ1TXTD/about-us-1-8eR7q0Um91I9P-320w.webp",
15
- "640w": "https://static.levocdn.com/WLZ1TXTD/about-us-1-8eR7q0Um91I9P-640w.webp",
16
- "750w": "https://static.levocdn.com/WLZ1TXTD/about-us-1-8eR7q0Um91I9P-750w.webp",
17
- "828w": "https://static.levocdn.com/WLZ1TXTD/about-us-1-8eR7q0Um91I9P-828w.webp",
18
- path: "https://static.levocdn.com/WLZ1TXTD/about-us-1-8eR7q0Um91I9P-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/about-us-1-8eR7q0Um91I9P-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/about-us-1-8eR7q0Um91I9P-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/about-us-1-8eR7q0Um91I9P-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/about-us-1-8eR7q0Um91I9P-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/about-us-1-8eR7q0Um91I9P-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/about-us-1-8eR7q0Um91I9P-828w.webp 828w",
9
+ "320w":
10
+ "https://images.pexels.com/photos/28715052/pexels-photo-28715052.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
11
+ "640w":
12
+ "https://images.pexels.com/photos/28715052/pexels-photo-28715052.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
13
+ "750w":
14
+ "https://images.pexels.com/photos/28715052/pexels-photo-28715052.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
15
+ "828w":
16
+ "https://images.pexels.com/photos/28715052/pexels-photo-28715052.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
17
+ "1080w":
18
+ "https://images.pexels.com/photos/28715052/pexels-photo-28715052.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
19
+ "1200w":
20
+ "https://images.pexels.com/photos/28715052/pexels-photo-28715052.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
21
+ "1920w":
22
+ "https://images.pexels.com/photos/28715052/pexels-photo-28715052.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
23
+ path: "https://images.pexels.com/photos/28715052/pexels-photo-28715052.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320 320w, https://images.pexels.com/photos/28715052/pexels-photo-28715052.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/28715052/pexels-photo-28715052.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750 750w, https://images.pexels.com/photos/28715052/pexels-photo-28715052.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828 828w, https://images.pexels.com/photos/28715052/pexels-photo-28715052.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/28715052/pexels-photo-28715052.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200 1200w, https://images.pexels.com/photos/28715052/pexels-photo-28715052.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w",
19
24
  },
20
- mimetype: "image/png",
21
25
  };
22
26
 
23
- const MEDIA_2 = {
24
- id: "k5KMcTxR8dtnT",
25
- filename: "about-us-1-2.png",
26
- kind: "image",
27
- location: "https://static.levocdn.com/WLZ1TXTD/about-us-1-2-A8sge1BvXTZXp.png",
28
- srcset: {
29
- "1080w": "https://static.levocdn.com/WLZ1TXTD/about-us-1-2-A8sge1BvXTZXp-1080w.webp",
30
- "1200w": "https://static.levocdn.com/WLZ1TXTD/about-us-1-2-A8sge1BvXTZXp-1200w.webp",
31
- "1920w": "https://static.levocdn.com/WLZ1TXTD/about-us-1-2-A8sge1BvXTZXp-1920w.webp",
32
- "320w": "https://static.levocdn.com/WLZ1TXTD/about-us-1-2-A8sge1BvXTZXp-320w.webp",
33
- "640w": "https://static.levocdn.com/WLZ1TXTD/about-us-1-2-A8sge1BvXTZXp-640w.webp",
34
- "750w": "https://static.levocdn.com/WLZ1TXTD/about-us-1-2-A8sge1BvXTZXp-750w.webp",
35
- "828w": "https://static.levocdn.com/WLZ1TXTD/about-us-1-2-A8sge1BvXTZXp-828w.webp",
36
- path: "https://static.levocdn.com/WLZ1TXTD/about-us-1-2-A8sge1BvXTZXp-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/about-us-1-2-A8sge1BvXTZXp-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/about-us-1-2-A8sge1BvXTZXp-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/about-us-1-2-A8sge1BvXTZXp-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/about-us-1-2-A8sge1BvXTZXp-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/about-us-1-2-A8sge1BvXTZXp-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/about-us-1-2-A8sge1BvXTZXp-1920w.webp 1920w",
27
+ const ICON_SHIELD = {
28
+ kind: "icon",
29
+ data: {
30
+ id: "shield-tick",
31
+ label: "Shield Tick",
32
+ svgCode:
33
+ '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M12.0004 22.7599C10.9104 22.7599 9.83039 22.4399 8.98039 21.8099L4.68039 18.5999C3.54039 17.7499 2.65039 15.9699 2.65039 14.5599V7.11994C2.65039 5.57994 3.78039 3.93994 5.23039 3.39994L10.2204 1.52994C11.2104 1.15994 12.7704 1.15994 13.7604 1.52994L18.7504 3.39994C20.2004 3.93994 21.3304 5.57994 21.3304 7.11994V14.5499C21.3304 15.9699 20.4404 17.7399 19.3004 18.5899L15.0004 21.7999C14.1704 22.4399 13.0904 22.7599 12.0004 22.7599ZM10.7504 2.93994L5.76039 4.80994C4.91039 5.12994 4.16039 6.20994 4.16039 7.12994V14.5599C4.16039 15.5099 4.83039 16.8399 5.58039 17.3999L9.88039 20.6099C11.0304 21.4699 12.9704 21.4699 14.1304 20.6099L18.4304 17.3999C19.1904 16.8299 19.8504 15.5099 19.8504 14.5599V7.11994C19.8504 6.20994 19.1004 5.12994 18.2504 4.79994L13.2604 2.92994C12.5804 2.68994 11.4204 2.68994 10.7504 2.93994Z" fill="var(--color-icon-primary)"/>\n<path d="M10.6602 14.2301C10.4702 14.2301 10.2802 14.1601 10.1302 14.0101L8.52023 12.4001C8.23023 12.1101 8.23023 11.6301 8.52023 11.3401C8.81023 11.0501 9.29023 11.0501 9.58023 11.3401L10.6602 12.4201L14.4302 8.65012C14.7202 8.36012 15.2002 8.36012 15.4902 8.65012C15.7802 8.94012 15.7802 9.42012 15.4902 9.71012L11.1902 14.0101C11.0402 14.1601 10.8502 14.2301 10.6602 14.2301Z" fill="var(--color-icon-primary)"/>\n</svg>',
37
34
  },
38
- mimetype: "image/png",
39
35
  };
40
36
 
41
- const DUMMY_IMAGE = {
37
+ const ICON_FLASH = {
42
38
  kind: "icon",
43
39
  data: {
44
- id: "archive-minus",
45
- label: "Archive Minus",
46
- tags: ["archive", "custom", "directional", "minus"],
40
+ id: "flash",
41
+ label: "Flash",
47
42
  svgCode:
48
- '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M14.5 11.4H9.5C9.09 11.4 8.75 11.06 8.75 10.65C8.75 10.24 9.09 9.90002 9.5 9.90002H14.5C14.91 9.90002 15.25 10.24 15.25 10.65C15.25 11.06 14.91 11.4 14.5 11.4Z" fill="var(--color-icon-primary)"/>\n<path d="M4.92957 22.75C4.50957 22.75 4.11957 22.65 3.76957 22.45C2.99957 22 2.55957 21.09 2.55957 19.96V5.86C2.55957 3.32 4.62957 1.25 7.16957 1.25H16.8196C19.3596 1.25 21.4296 3.32 21.4296 5.86V19.95C21.4296 21.08 20.9896 21.99 20.2196 22.44C19.4496 22.89 18.4396 22.84 17.4496 22.29L12.5696 19.58C12.2796 19.42 11.7096 19.42 11.4196 19.58L6.53957 22.29C5.99957 22.59 5.44957 22.75 4.92957 22.75ZM7.17957 2.75C5.46957 2.75 4.06957 4.15 4.06957 5.86V19.95C4.06957 20.54 4.23957 20.98 4.53957 21.15C4.83957 21.33 5.30957 21.27 5.81957 20.98L10.6996 18.27C11.4396 17.86 12.5596 17.86 13.2996 18.27L18.1796 20.98C18.6896 21.27 19.1596 21.33 19.4596 21.15C19.7596 20.97 19.9296 20.53 19.9296 19.95V5.86C19.9296 4.15 18.5296 2.75 16.8196 2.75H7.17957Z" fill="var(--color-icon-primary)"/>\n</svg>',
43
+ '<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>',
49
44
  },
50
45
  };
51
46
 
52
- const DEFAULT_CONTENT = {
53
- layout: null,
54
- container: null,
55
- media: MEDIA_1,
56
- contentWrapper: null,
57
- label: "About Us",
58
- title: "Transform Your Digital Presence with Our Agency",
59
- description:
60
- "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.",
61
- features: [
62
- {
63
- featureWrapper: null,
64
- icon: DUMMY_IMAGE,
65
- feature: "Promote Your Product",
66
- },
67
- {
68
- featureWrapper: null,
69
- icon: DUMMY_IMAGE,
70
- feature: "Growing Businesses",
71
- },
72
- {
73
- featureWrapper: null,
74
- icon: DUMMY_IMAGE,
75
- feature: "Best Clients Satisfaction",
76
- },
77
- {
78
- featureWrapper: null,
79
- icon: DUMMY_IMAGE,
80
- feature: "Learn from Clients feedback",
81
- },
82
- {
83
- featureWrapper: null,
84
- icon: DUMMY_IMAGE,
85
- feature: "Success Campaign",
86
- },
87
- {
88
- featureWrapper: null,
89
- icon: DUMMY_IMAGE,
90
- feature: "24/7 customer support",
91
- },
92
- ],
93
- ctas: [
94
- {
95
- cta: "Discover More",
96
- },
97
- {
98
- cta: "Learn More",
99
- },
100
- ],
47
+ const ICON_GLOBAL = {
48
+ kind: "icon",
49
+ data: {
50
+ id: "global",
51
+ label: "Global",
52
+ svgCode:
53
+ '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M12 22.75C6.07 22.75 1.25 17.93 1.25 12C1.25 6.07 6.07 1.25 12 1.25C17.93 1.25 22.75 6.07 22.75 12C22.75 17.93 17.93 22.75 12 22.75ZM12 2.75C6.9 2.75 2.75 6.9 2.75 12C2.75 17.1 6.9 21.25 12 21.25C17.1 21.25 21.25 17.1 21.25 12C21.25 6.9 17.1 2.75 12 2.75Z" fill="var(--color-icon-primary)"/>\n<path d="M9.00023 21.75H8.00023C7.59023 21.75 7.25023 21.41 7.25023 21C7.25023 20.59 7.57023 20.26 7.98023 20.25C6.41023 14.89 6.41023 9.11 7.98023 3.75C7.57023 3.74 7.25023 3.41 7.25023 3C7.25023 2.59 7.59023 2.25 8.00023 2.25H9.00023C9.24023 2.25 9.47023 2.37 9.61023 2.56C9.75023 2.76 9.79023 3.01 9.71023 3.24C7.83023 8.89 7.83023 15.11 9.71023 20.77C9.79023 21 9.75023 21.25 9.61023 21.45C9.47023 21.63 9.24023 21.75 9.00023 21.75Z" fill="var(--color-icon-primary)"/>\n<path d="M15.0004 21.75C14.9204 21.75 14.8404 21.74 14.7604 21.71C14.3704 21.58 14.1504 21.15 14.2904 20.76C16.1704 15.11 16.1704 8.89 14.2904 3.23C14.1604 2.84 14.3704 2.41 14.7604 2.28C15.1604 2.15 15.5804 2.36 15.7104 2.75C17.7004 8.71 17.7004 15.27 15.7104 21.22C15.6104 21.55 15.3104 21.75 15.0004 21.75Z" fill="var(--color-icon-primary)"/>\n<path d="M12 17.2C9.21 17.2 6.43 16.81 3.75 16.02C3.74 16.42 3.41 16.75 3 16.75C2.59 16.75 2.25 16.41 2.25 16V15C2.25 14.76 2.37 14.53 2.56 14.39C2.76 14.25 3.01 14.21 3.24 14.29C8.89 16.17 15.12 16.17 20.77 14.29C21 14.21 21.25 14.25 21.45 14.39C21.65 14.53 21.76 14.76 21.76 15V16C21.76 16.41 21.42 16.75 21.01 16.75C20.6 16.75 20.27 16.43 20.26 16.02C17.57 16.81 14.79 17.2 12 17.2Z" fill="var(--color-icon-primary)"/>\n<path d="M20.9998 9.74999C20.9198 9.74999 20.8398 9.73999 20.7598 9.70999C15.1098 7.82999 8.87978 7.82999 3.22978 9.70999C2.82978 9.83999 2.40978 9.62999 2.27978 9.23999C2.15978 8.83999 2.36978 8.41999 2.75978 8.28999C8.71978 6.29999 15.2798 6.29999 21.2298 8.28999C21.6198 8.41999 21.8398 8.84999 21.6998 9.23999C21.6098 9.54999 21.3098 9.74999 20.9998 9.74999Z" fill="var(--color-icon-primary)"/>\n</svg>',
54
+ },
55
+ };
56
+
57
+ const ICON_TASK = {
58
+ kind: "icon",
59
+ data: {
60
+ id: "task-square",
61
+ label: "Task Square",
62
+ svgCode:
63
+ '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M17.6201 9.62H12.3701C11.9601 9.62 11.6201 9.28 11.6201 8.87C11.6201 8.46 11.9601 8.12 12.3701 8.12H17.6201C18.0301 8.12 18.3701 8.46 18.3701 8.87C18.3701 9.28 18.0401 9.62 17.6201 9.62Z" fill="var(--color-icon-primary)"/>\n<path d="M7.11957 10.38C6.92957 10.38 6.73957 10.31 6.58957 10.16L5.83957 9.41C5.54957 9.12 5.54957 8.64 5.83957 8.35C6.12957 8.06 6.60957 8.06 6.89957 8.35L7.11957 8.57L8.83957 6.85C9.12957 6.56 9.60957 6.56 9.89957 6.85C10.1896 7.14 10.1896 7.62 9.89957 7.91L7.64957 10.16C7.50957 10.3 7.31957 10.38 7.11957 10.38Z" fill="var(--color-icon-primary)"/>\n<path d="M17.6201 16.62H12.3701C11.9601 16.62 11.6201 16.28 11.6201 15.87C11.6201 15.46 11.9601 15.12 12.3701 15.12H17.6201C18.0301 15.12 18.3701 15.46 18.3701 15.87C18.3701 16.28 18.0401 16.62 17.6201 16.62Z" fill="var(--color-icon-primary)"/>\n<path d="M7.11957 17.38C6.92957 17.38 6.73957 17.31 6.58957 17.16L5.83957 16.41C5.54957 16.12 5.54957 15.64 5.83957 15.35C6.12957 15.06 6.60957 15.06 6.89957 15.35L7.11957 15.57L8.83957 13.85C9.12957 13.56 9.60957 13.56 9.89957 13.85C10.1896 14.14 10.1896 14.62 9.89957 14.91L7.64957 17.16C7.50957 17.3 7.31957 17.38 7.11957 17.38Z" fill="var(--color-icon-primary)"/>\n<path d="M15 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 9V15C22.75 20.43 20.43 22.75 15 22.75ZM9 2.75C4.39 2.75 2.75 4.39 2.75 9V15C2.75 19.61 4.39 21.25 9 21.25H15C19.61 21.25 21.25 19.61 21.25 15V9C21.25 4.39 19.61 2.75 15 2.75H9Z" fill="var(--color-icon-primary)"/>\n</svg>',
64
+ },
101
65
  };
102
66
 
103
- const CARDS_CONTENT = {
67
+ const ICON_EYE = {
68
+ kind: "icon",
69
+ data: {
70
+ id: "eye",
71
+ label: "Eye",
72
+ svgCode:
73
+ '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M11.9999 16.3299C9.60992 16.3299 7.66992 14.3899 7.66992 11.9999C7.66992 9.60992 9.60992 7.66992 11.9999 7.66992C14.3899 7.66992 16.3299 9.60992 16.3299 11.9999C16.3299 14.3899 14.3899 16.3299 11.9999 16.3299ZM11.9999 9.16992C10.4399 9.16992 9.16992 10.4399 9.16992 11.9999C9.16992 13.5599 10.4399 14.8299 11.9999 14.8299C13.5599 14.8299 14.8299 13.5599 14.8299 11.9999C14.8299 10.4399 13.5599 9.16992 11.9999 9.16992Z" fill="var(--color-icon-primary)"/>\n<path d="M12.0001 21.02C8.24008 21.02 4.69008 18.82 2.25008 15C1.19008 13.35 1.19008 10.66 2.25008 8.99998C4.70008 5.17998 8.25008 2.97998 12.0001 2.97998C15.7501 2.97998 19.3001 5.17998 21.7401 8.99998C22.8001 10.65 22.8001 13.34 21.7401 15C19.3001 18.82 15.7501 21.02 12.0001 21.02ZM12.0001 4.47998C8.77008 4.47998 5.68008 6.41998 3.52008 9.80998C2.77008 10.98 2.77008 13.02 3.52008 14.19C5.68008 17.58 8.77008 19.52 12.0001 19.52C15.2301 19.52 18.3201 17.58 20.4801 14.19C21.2301 13.02 21.2301 10.98 20.4801 9.80998C18.3201 6.41998 15.2301 4.47998 12.0001 4.47998Z" fill="var(--color-icon-primary)"/>\n</svg>',
74
+ },
75
+ };
76
+
77
+ const ICON_LIFEBUOY = {
78
+ kind: "icon",
79
+ data: {
80
+ id: "lifebuoy",
81
+ label: "Lifebuoy",
82
+ svgCode:
83
+ '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M11.9697 22.75C6.04973 22.75 1.21973 17.93 1.21973 12C1.21973 6.07 6.04973 1.25 11.9697 1.25C17.8897 1.25 22.7197 6.07 22.7197 12C22.7197 17.93 17.8997 22.75 11.9697 22.75ZM11.9697 2.75C6.86973 2.75 2.71973 6.9 2.71973 12C2.71973 17.1 6.86973 21.25 11.9697 21.25C17.0697 21.25 21.2197 17.1 21.2197 12C21.2197 6.9 17.0697 2.75 11.9697 2.75Z" fill="var(--color-icon-primary)"/>\n<path d="M12 17.25C9.1 17.25 6.75 14.89 6.75 12C6.75 9.11 9.1 6.75 12 6.75C14.9 6.75 17.25 9.11 17.25 12C17.25 14.89 14.9 17.25 12 17.25ZM12 8.25C9.93 8.25 8.25 9.93 8.25 12C8.25 14.07 9.93 15.75 12 15.75C14.07 15.75 15.75 14.07 15.75 12C15.75 9.93 14.07 8.25 12 8.25Z" fill="var(--color-icon-primary)"/>\n<path d="M8.43984 9.21C8.24984 9.21 8.04984 9.14 7.90984 9L4.36984 5.46C4.07984 5.17 4.07984 4.69 4.36984 4.4C4.65984 4.11 5.13984 4.11 5.42984 4.4L8.96984 7.94C9.25984 8.23 9.25984 8.7 8.96984 9C8.81984 9.14 8.62984 9.21 8.43984 9.21Z" fill="var(--color-icon-primary)"/>\n<path d="M4.89984 19.82C4.70984 19.82 4.51984 19.75 4.36984 19.6C4.07984 19.31 4.07984 18.83 4.36984 18.54L7.90984 15C8.19984 14.71 8.67984 14.71 8.96984 15C9.25984 15.29 9.25984 15.77 8.96984 16.06L5.42984 19.6C5.28984 19.75 5.08984 19.82 4.89984 19.82Z" fill="var(--color-icon-primary)"/>\n<path d="M19.0404 19.82C18.8504 19.82 18.6604 19.75 18.5104 19.6L14.9704 16.06C14.6804 15.77 14.6804 15.29 14.9704 15C15.2604 14.71 15.7404 14.71 16.0304 15L19.5704 18.54C19.8604 18.83 19.8604 19.31 19.5704 19.6C19.4304 19.75 19.2404 19.82 19.0404 19.82Z" fill="var(--color-icon-primary)"/>\n<path d="M15.5102 9.21C15.3202 9.21 15.1302 9.14 14.9802 8.99C14.6902 8.7 14.6902 8.22 14.9802 7.93L18.5202 4.39C18.8102 4.1 19.2902 4.1 19.5802 4.39C19.8702 4.68 19.8702 5.16 19.5802 5.45L16.0402 9C15.8902 9.14 15.7002 9.21 15.5102 9.21Z" fill="var(--color-icon-primary)"/>\n</svg>',
84
+ },
85
+ };
86
+
87
+ const DEFAULT_CONTENT = {
104
88
  layout: null,
105
89
  container: null,
106
- media: MEDIA_2,
90
+ media: IMG_HERO,
107
91
  contentWrapper: null,
108
- label: "About Us",
109
- title: "Transform Your Digital Presence with Our Agency",
92
+ label: "About Levo Pay",
93
+ title: "Building money rails businesses can trust",
110
94
  description:
111
- "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.",
112
- features: [],
113
- ctas: [
114
- {
115
- cta: "Discover More",
116
- },
117
- {
118
- cta: "Learn more",
119
- },
95
+ "We process payments, run KYC, and settle balances for 4,000+ growing companies backed by PCI DSS Level 1 controls and a 99.99% uptime SLA.",
96
+ features: [
97
+ { featureWrapper: null, icon: ICON_SHIELD, feature: "PCI DSS Level 1 certified" },
98
+ { featureWrapper: null, icon: ICON_FLASH, feature: "Sub-second settlement" },
99
+ { featureWrapper: null, icon: ICON_GLOBAL, feature: "Coverage in 60+ markets" },
100
+ { featureWrapper: null, icon: ICON_TASK, feature: "Built-in KYC and KYB" },
101
+ { featureWrapper: null, icon: ICON_EYE, feature: "Real-time ledger visibility" },
102
+ { featureWrapper: null, icon: ICON_LIFEBUOY, feature: "24/7 incident response" },
120
103
  ],
104
+ ctas: [{ cta: "Read trust report" }, { cta: "Book a demo" }],
121
105
  };
122
106
 
123
107
  export type IAboutUs1Content = typeof DEFAULT_CONTENT;
@@ -295,16 +279,18 @@ export const AboutUs1: IBlock = {
295
279
  container: {
296
280
  display: "flex",
297
281
  "column-gap": "8xl",
282
+ "align-items": "center",
298
283
  tablet: {
299
284
  "flex-direction": "column",
300
- "row-gap": "lg",
285
+ "row-gap": "2xl",
301
286
  },
302
287
  },
303
288
  media: {
304
- width: "40%",
305
- height: "400px",
306
- "border-radius": "base",
289
+ width: "44%",
290
+ height: "440px",
291
+ "border-radius": "lg",
307
292
  "box-shadow": "default",
293
+ "object-fit": "cover",
308
294
  tablet: {
309
295
  width: "100%",
310
296
  },
@@ -312,278 +298,299 @@ export const AboutUs1: IBlock = {
312
298
  height: "300px",
313
299
  },
314
300
  },
315
- features: [
316
- {
317
- icon: {
318
- width: "24px",
319
- height: "24px",
320
- },
321
- featureWrapper: {
322
- display: "flex",
323
- "column-gap": "md",
324
- "align-items": "center",
325
- },
326
- },
327
- {
328
- icon: {
329
- width: "24px",
330
- height: "24px",
331
- },
332
- featureWrapper: {
333
- display: "flex",
334
- "column-gap": "md",
335
- "align-items": "center",
336
- },
337
- },
338
- {
339
- icon: {
340
- width: "24px",
341
- height: "24px",
342
- },
343
- featureWrapper: {
344
- display: "flex",
345
- "column-gap": "md",
346
- "align-items": "center",
347
- },
348
- },
349
- {
350
- icon: {
351
- width: "24px",
352
- height: "24px",
353
- },
354
- featureWrapper: {
355
- display: "flex",
356
- "column-gap": "md",
357
- "align-items": "center",
358
- },
359
- },
360
- {
361
- icon: {
362
- width: "24px",
363
- height: "24px",
364
- },
365
- featureWrapper: {
366
- display: "flex",
367
- "column-gap": "md",
368
- "align-items": "center",
369
- },
370
- },
371
- {
372
- icon: {
373
- width: "24px",
374
- height: "24px",
375
- },
376
- featureWrapper: {
377
- display: "flex",
378
- "column-gap": "md",
379
- "align-items": "center",
380
- },
381
- },
382
- ],
301
+ features: [{}, {}, {}, {}, {}, {}],
383
302
  contentWrapper: {
384
303
  display: "flex",
385
304
  "flex-direction": "column",
386
305
  "column-gap": "none",
387
306
  "row-gap": "none",
388
307
  "justify-content": "center",
308
+ width: "56%",
309
+ tablet: {
310
+ width: "100%",
311
+ },
389
312
  },
390
313
  label: {
391
- "margin-bottom": "xs",
314
+ color: "brand",
315
+ "text-transform": "uppercase",
316
+ "letter-spacing": "0.08em",
317
+ "font-weight": 600,
318
+ "margin-bottom": "sm",
392
319
  mobile: {
393
- "margin-bottom": "3xs",
320
+ "margin-bottom": "xs",
394
321
  },
395
322
  },
396
323
  title: {
397
324
  "margin-bottom": "md",
398
325
  mobile: {
399
- "margin-bottom": "xs",
326
+ "margin-bottom": "sm",
400
327
  },
401
328
  },
402
329
  description: {
403
- "margin-bottom": "md",
330
+ "margin-bottom": "xl",
331
+ color: "text-2",
404
332
  mobile: {
405
- "margin-bottom": "xs",
333
+ "margin-bottom": "md",
406
334
  },
407
335
  },
408
336
  features_levoGroup: {
409
337
  display: "grid",
410
338
  "grid-template-columns": "repeat(2, minmax(0, 1fr))",
411
- "column-gap": "none",
412
- "row-gap": "xs",
339
+ "column-gap": "md",
340
+ "row-gap": "sm",
413
341
  "margin-bottom": "2xl",
414
342
  mobile: {
415
343
  "grid-template-columns": "repeat(1, minmax(0, 1fr))",
416
- "margin-bottom": "base",
417
- "row-gap": "2xs",
344
+ "margin-bottom": "lg",
345
+ "row-gap": "xs",
346
+ },
347
+ },
348
+ features_levoGroupItem: {
349
+ icon: {
350
+ width: "22px",
351
+ height: "22px",
352
+ "font-size": "22px",
353
+ color: "brand",
354
+ "flex-shrink": 0,
355
+ },
356
+ featureWrapper: {
357
+ display: "flex",
358
+ "column-gap": "sm",
359
+ "align-items": "center",
360
+ },
361
+ feature: {
362
+ color: "text-1",
363
+ "font-weight": 500,
418
364
  },
419
365
  },
420
366
  ctas_levoGroup: {
421
367
  display: "flex",
422
368
  "column-gap": "base",
423
369
  },
370
+ ctas: [{}, {}],
424
371
  },
425
372
  content: DEFAULT_CONTENT,
426
373
  config: {
427
374
  title: {
428
- heading: {
429
- level: 2,
430
- },
431
- selectedVariants: {
432
- Heading_Level: "H3",
433
- },
375
+ heading: { level: 2 },
376
+ selectedVariants: { Heading_Level: "H2" },
434
377
  },
378
+ ctas: [
379
+ { cta: { selectedVariants: {} } },
380
+ { cta: { selectedVariants: { Button_Variants: "Secondary" } } },
381
+ ],
435
382
  },
436
383
  },
437
384
  {
438
- key: "cards",
439
- title: "Cards",
385
+ key: "centered_stack",
386
+ title: "Centered Stack",
440
387
  styles: {
441
388
  layout: {
442
389
  "background-color": "background-1",
390
+ "padding-top": "5xl",
391
+ "padding-bottom": "5xl",
443
392
  },
444
393
  container: {
445
394
  display: "flex",
446
- "column-gap": "8xl",
447
- "flex-direction": "row-reverse",
448
- "background-color": "white",
449
- "padding-top": "5xl",
450
- "padding-bottom": "5xl",
451
- tablet: {
452
- "flex-direction": "column",
453
- "row-gap": "lg",
454
- },
395
+ "flex-direction": "column",
396
+ "align-items": "center",
397
+ "row-gap": "2xl",
398
+ "max-width": "920px",
399
+ "margin-left": "auto",
400
+ "margin-right": "auto",
455
401
  },
456
402
  media: {
457
- width: "50%",
458
- height: "auto",
459
- "border-radius": "base",
460
- tablet: {
461
- width: "100%",
462
- },
403
+ width: "100%",
404
+ height: "440px",
405
+ "border-radius": "xl",
406
+ "box-shadow": "default",
407
+ "object-fit": "cover",
463
408
  mobile: {
464
- height: "300px",
409
+ height: "260px",
465
410
  },
466
411
  },
467
- features: [
468
- {
469
- icon: {
470
- width: "24px",
471
- height: "24px",
472
- },
473
- featureWrapper: {
474
- display: "flex",
475
- "column-gap": "md",
476
- "align-items": "center",
477
- },
478
- },
479
- {
480
- icon: {
481
- width: "24px",
482
- height: "24px",
483
- },
484
- featureWrapper: {
485
- display: "flex",
486
- "column-gap": "md",
487
- "align-items": "center",
488
- },
489
- },
490
- {
491
- icon: {
492
- width: "24px",
493
- height: "24px",
494
- },
495
- featureWrapper: {
496
- display: "flex",
497
- "column-gap": "md",
498
- "align-items": "center",
499
- },
500
- },
501
- {
502
- icon: {
503
- width: "24px",
504
- height: "24px",
505
- },
506
- featureWrapper: {
507
- display: "flex",
508
- "column-gap": "md",
509
- "align-items": "center",
510
- },
511
- },
512
- {
513
- icon: {
514
- width: "24px",
515
- height: "24px",
516
- },
517
- featureWrapper: {
518
- display: "flex",
519
- "column-gap": "md",
520
- "align-items": "center",
521
- },
522
- },
523
- {
524
- icon: {
525
- width: "24px",
526
- height: "24px",
527
- },
528
- featureWrapper: {
529
- display: "flex",
530
- "column-gap": "md",
531
- "align-items": "center",
532
- },
533
- },
534
- ],
535
412
  contentWrapper: {
536
413
  display: "flex",
537
414
  "flex-direction": "column",
538
- "column-gap": "none",
539
- "row-gap": "none",
540
- "justify-content": "center",
415
+ "align-items": "center",
416
+ "text-align": "center",
417
+ width: "100%",
541
418
  },
542
419
  label: {
543
- "margin-bottom": "xs",
544
- mobile: {
545
- "margin-bottom": "3xs",
546
- },
420
+ color: "brand",
421
+ "text-transform": "uppercase",
422
+ "letter-spacing": "0.08em",
423
+ "font-weight": 600,
424
+ "margin-bottom": "sm",
547
425
  },
548
426
  title: {
549
427
  "margin-bottom": "md",
550
- mobile: {
551
- "margin-bottom": "xs",
552
- },
428
+ "max-width": "720px",
553
429
  },
554
430
  description: {
555
- "margin-bottom": "md",
556
- mobile: {
557
- "margin-bottom": "xs",
431
+ "margin-bottom": "xl",
432
+ "max-width": "640px",
433
+ color: "text-2",
434
+ },
435
+ features: [{}, {}, {}, {}, {}, {}],
436
+ features_levoGroup: {
437
+ display: "flex",
438
+ "flex-wrap": "wrap",
439
+ "justify-content": "center",
440
+ "column-gap": "sm",
441
+ "row-gap": "sm",
442
+ "margin-bottom": "2xl",
443
+ },
444
+ features_levoGroupItem: {
445
+ icon: {
446
+ width: "20px",
447
+ height: "20px",
448
+ "font-size": "20px",
449
+ color: "brand",
450
+ "flex-shrink": 0,
451
+ },
452
+ featureWrapper: {
453
+ display: "flex",
454
+ "column-gap": "xs",
455
+ "align-items": "center",
456
+ "justify-content": "center",
457
+ "background-color": "white",
458
+ "padding-top": "sm",
459
+ "padding-bottom": "sm",
460
+ "padding-left": "base",
461
+ "padding-right": "base",
462
+ "border-radius": "lg",
463
+ "box-shadow": "default",
464
+ },
465
+ feature: {
466
+ "font-weight": 500,
467
+ color: "text-1",
558
468
  },
559
469
  },
470
+ ctas_levoGroup: {
471
+ display: "flex",
472
+ "column-gap": "base",
473
+ "justify-content": "center",
474
+ },
475
+ ctas: [{}, {}],
476
+ },
477
+ content: DEFAULT_CONTENT,
478
+ config: {
479
+ title: {
480
+ heading: { level: 2 },
481
+ selectedVariants: { Heading_Level: "H2" },
482
+ },
483
+ ctas: [
484
+ { cta: { selectedVariants: {} } },
485
+ { cta: { selectedVariants: { Button_Variants: "Secondary" } } },
486
+ ],
487
+ },
488
+ },
489
+ {
490
+ key: "overlay_hero",
491
+ title: "Overlay Hero",
492
+ styles: {
493
+ layout: {
494
+ position: "relative",
495
+ "padding-top": "5xl",
496
+ "padding-bottom": "5xl",
497
+ },
498
+ container: {
499
+ position: "relative",
500
+ display: "flex",
501
+ "align-items": "center",
502
+ "justify-content": "flex-start",
503
+ "min-height": "560px",
504
+ },
505
+ media: {
506
+ position: "absolute",
507
+ top: "0",
508
+ left: "0",
509
+ width: "100%",
510
+ height: "100%",
511
+ "object-fit": "cover",
512
+ "border-radius": "xl",
513
+ "box-shadow": "default",
514
+ },
515
+ contentWrapper: {
516
+ position: "relative",
517
+ display: "flex",
518
+ "flex-direction": "column",
519
+ "background-color": "white",
520
+ "padding-top": "2xl",
521
+ "padding-bottom": "2xl",
522
+ "padding-left": "2xl",
523
+ "padding-right": "2xl",
524
+ "max-width": "540px",
525
+ "margin-left": "3xl",
526
+ "border-radius": "lg",
527
+ "box-shadow": "default",
528
+ tablet: {
529
+ "margin-left": "md",
530
+ "margin-right": "md",
531
+ "max-width": "none",
532
+ },
533
+ },
534
+ label: {
535
+ color: "brand",
536
+ "text-transform": "uppercase",
537
+ "letter-spacing": "0.08em",
538
+ "font-weight": 600,
539
+ "margin-bottom": "sm",
540
+ },
541
+ title: {
542
+ "margin-bottom": "sm",
543
+ },
544
+ description: {
545
+ "margin-bottom": "lg",
546
+ color: "text-2",
547
+ },
548
+ features: [{}, {}, {}, {}, {}, {}],
560
549
  features_levoGroup: {
561
- display: "block",
550
+ display: "grid",
562
551
  "grid-template-columns": "repeat(2, minmax(0, 1fr))",
563
- "column-gap": "none",
552
+ "column-gap": "sm",
564
553
  "row-gap": "xs",
565
- "margin-bottom": "2xl",
554
+ "margin-bottom": "lg",
566
555
  mobile: {
567
556
  "grid-template-columns": "repeat(1, minmax(0, 1fr))",
568
- "margin-bottom": "base",
569
- "row-gap": "2xs",
557
+ },
558
+ },
559
+ features_levoGroupItem: {
560
+ icon: {
561
+ width: "20px",
562
+ height: "20px",
563
+ "font-size": "20px",
564
+ color: "brand",
565
+ "flex-shrink": 0,
566
+ },
567
+ featureWrapper: {
568
+ display: "flex",
569
+ "column-gap": "xs",
570
+ "align-items": "center",
571
+ },
572
+ feature: {
573
+ "font-size": "sm",
574
+ color: "text-1",
575
+ "font-weight": 500,
570
576
  },
571
577
  },
572
578
  ctas_levoGroup: {
573
579
  display: "flex",
574
580
  "column-gap": "base",
575
581
  },
582
+ ctas: [{}, {}],
576
583
  },
577
- content: CARDS_CONTENT,
584
+ content: DEFAULT_CONTENT,
578
585
  config: {
579
586
  title: {
580
- heading: {
581
- level: 2,
582
- },
583
- selectedVariants: {
584
- Heading_Level: "H2",
585
- },
587
+ heading: { level: 2 },
588
+ selectedVariants: { Heading_Level: "H3" },
586
589
  },
590
+ ctas: [
591
+ { cta: { selectedVariants: {} } },
592
+ { cta: { selectedVariants: { Button_Variants: "Secondary" } } },
593
+ ],
587
594
  },
588
595
  },
589
596
  ],