@levo-so/blocks 0.1.101 → 0.1.103

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (177) hide show
  1. package/package.json +24 -23
  2. package/src/blocks/about-us/about-us-1.schema.ts +302 -295
  3. package/src/blocks/about-us/about-us-2.schema.ts +225 -220
  4. package/src/blocks/blogs/blog-author-1.schema.ts +719 -0
  5. package/src/blocks/blogs/blog-author-1.tsx +121 -0
  6. package/src/blocks/blogs/blog-listing-1.tsx +111 -33
  7. package/src/blocks/blogs/blog-listing-2.schema.ts +15 -33
  8. package/src/blocks/blogs/blog-listing-2.tsx +118 -33
  9. package/src/blocks/blogs/blog-listing-3.schema.ts +10 -22
  10. package/src/blocks/blogs/blog-listing-3.tsx +118 -33
  11. package/src/blocks/blogs/blog-post-1.schema.ts +766 -16
  12. package/src/blocks/blogs/blog-post-1.tsx +272 -39
  13. package/src/blocks/calendar/calendar-1.schema.ts +641 -192
  14. package/src/blocks/calendar/calendar-1.tsx +1 -0
  15. package/src/blocks/cards/cards-10.schema.ts +557 -544
  16. package/src/blocks/cards/cards-11.schema.ts +525 -419
  17. package/src/blocks/cards/cards-12.schema.ts +538 -147
  18. package/src/blocks/cards/cards-13.schema.ts +482 -312
  19. package/src/blocks/cards/cards-14.schema.ts +423 -196
  20. package/src/blocks/cards/cards-15.schema.ts +309 -143
  21. package/src/blocks/cards/cards-16.schema.ts +1277 -175
  22. package/src/blocks/cards/cards-17.schema.ts +2908 -1303
  23. package/src/blocks/cards/cards-18.schema.ts +1404 -217
  24. package/src/blocks/cards/cards-19.schema.ts +1105 -1084
  25. package/src/blocks/cards/cards-19.tsx +4 -5
  26. package/src/blocks/cards/cards-2.schema.ts +513 -42
  27. package/src/blocks/cards/cards-20.schema.ts +790 -212
  28. package/src/blocks/cards/cards-21.schema.ts +1215 -229
  29. package/src/blocks/cards/cards-21.tsx +51 -6
  30. package/src/blocks/cards/cards-22.schema.ts +1252 -2809
  31. package/src/blocks/cards/cards-22.tsx +6 -7
  32. package/src/blocks/cards/cards-23.schema.ts +571 -109
  33. package/src/blocks/cards/cards-3.schema.ts +355 -116
  34. package/src/blocks/cards/cards-4.schema.ts +805 -321
  35. package/src/blocks/cards/cards-5.schema.ts +216 -64
  36. package/src/blocks/cards/cards-6.schema.ts +568 -1330
  37. package/src/blocks/cards/cards-7.schema.ts +1181 -1378
  38. package/src/blocks/cards/cards-8.schema.ts +585 -221
  39. package/src/blocks/cards/cards-9.schema.ts +763 -382
  40. package/src/blocks/carousel/carousel-1.schema.ts +257 -502
  41. package/src/blocks/carousel/carousel-1.tsx +2 -2
  42. package/src/blocks/carousel/carousel-2.schema.ts +771 -761
  43. package/src/blocks/community/community-1.schema.ts +8 -23
  44. package/src/blocks/community/community-1.tsx +3 -3
  45. package/src/blocks/community/community-post-1.tsx +4 -4
  46. package/src/blocks/contact-us/contact-us-1.schema.ts +360 -14
  47. package/src/blocks/contact-us/contact-us-2.schema.ts +441 -325
  48. package/src/blocks/content/content-1.schema.ts +800 -381
  49. package/src/blocks/content/content-10.schema.ts +763 -20
  50. package/src/blocks/content/content-2.schema.ts +426 -52
  51. package/src/blocks/content/content-3.schema.ts +631 -432
  52. package/src/blocks/content/content-4.schema.ts +378 -123
  53. package/src/blocks/content/content-5.schema.ts +1152 -682
  54. package/src/blocks/content/content-6.schema.ts +679 -707
  55. package/src/blocks/content/content-7.schema.ts +694 -291
  56. package/src/blocks/content/content-8.schema.ts +247 -7
  57. package/src/blocks/content/content-9.schema.ts +855 -116
  58. package/src/blocks/cta/cta-1.schema.ts +294 -62
  59. package/src/blocks/cta/cta-2.schema.ts +302 -66
  60. package/src/blocks/cta/cta-2.tsx +1 -2
  61. package/src/blocks/cta/cta-3.schema.ts +312 -62
  62. package/src/blocks/ecommerce/ecommerce-1.schema.ts +477 -0
  63. package/src/blocks/ecommerce/ecommerce-1.tsx +243 -0
  64. package/src/blocks/ecommerce/ecommerce-2.schema.ts +268 -0
  65. package/src/blocks/ecommerce/ecommerce-2.tsx +238 -0
  66. package/src/blocks/ecommerce/ecommerce-3.schema.ts +56 -0
  67. package/src/blocks/ecommerce/ecommerce-3.tsx +72 -0
  68. package/src/blocks/ecommerce/ecommerce-4.schema.ts +461 -0
  69. package/src/blocks/ecommerce/ecommerce-4.tsx +249 -0
  70. package/src/blocks/ecommerce/ecommerce-5.schema.ts +230 -0
  71. package/src/blocks/ecommerce/ecommerce-5.tsx +146 -0
  72. package/src/blocks/embed/embed-1.schema.ts +181 -0
  73. package/src/blocks/event/event-listing-2.schema.ts +5 -11
  74. package/src/blocks/event/event-listing-3.schema.ts +5 -11
  75. package/src/blocks/event/event-listing-4.schema.ts +5 -11
  76. package/src/blocks/event/event-listing.schema.ts +5 -11
  77. package/src/blocks/faq/faq-1.schema.ts +439 -260
  78. package/src/blocks/faq/faq-2.schema.ts +444 -266
  79. package/src/blocks/faq/faq-3.schema.ts +1420 -224
  80. package/src/blocks/features/features-1/features-1.schema.ts +21 -21
  81. package/src/blocks/features/features-1/variants/default.ts +120 -138
  82. package/src/blocks/features/features-1/variants/index.ts +2 -2
  83. package/src/blocks/features/features-1/variants/minimal-list.ts +139 -0
  84. package/src/blocks/features/features-1/variants/stylized-cards-v1.ts +69 -385
  85. package/src/blocks/features/features-1/variants/stylized-cards-v2.ts +74 -408
  86. package/src/blocks/features/features-2.schema.ts +368 -286
  87. package/src/blocks/features/features-3.schema.ts +557 -280
  88. package/src/blocks/features/features-4.schema.ts +940 -432
  89. package/src/blocks/features/features-5.schema.ts +566 -407
  90. package/src/blocks/features/features-6.schema.ts +557 -523
  91. package/src/blocks/filter-listing/filter-listing-1.schema.ts +922 -270
  92. package/src/blocks/floating-buttons/floating-button-1.schema.ts +123 -0
  93. package/src/blocks/footer/footer-1.schema.ts +383 -401
  94. package/src/blocks/footer/footer-2.schema.ts +337 -878
  95. package/src/blocks/footer/footer-3.schema.ts +445 -381
  96. package/src/blocks/footer/footer-4.schema.ts +610 -439
  97. package/src/blocks/footer/footer-5.schema.ts +367 -321
  98. package/src/blocks/footer/footer-6.schema.ts +610 -357
  99. package/src/blocks/form/form-1.schema.ts +237 -0
  100. package/src/blocks/hero/hero-1.schema.ts +251 -221
  101. package/src/blocks/hero/hero-10.schema.ts +23 -14
  102. package/src/blocks/hero/hero-11.schema.ts +728 -601
  103. package/src/blocks/hero/hero-12.schema.ts +524 -334
  104. package/src/blocks/hero/hero-13.schema.ts +83 -95
  105. package/src/blocks/hero/hero-2.schema.ts +277 -68
  106. package/src/blocks/hero/hero-3.schema.ts +371 -235
  107. package/src/blocks/hero/hero-3.tsx +1 -1
  108. package/src/blocks/hero/hero-4.schema.ts +605 -338
  109. package/src/blocks/hero/hero-5.schema.ts +545 -61
  110. package/src/blocks/hero/hero-6.schema.ts +446 -257
  111. package/src/blocks/hero/hero-6.tsx +1 -1
  112. package/src/blocks/hero/hero-7.schema.ts +1299 -131
  113. package/src/blocks/hero/hero-7.tsx +43 -23
  114. package/src/blocks/hero/hero-8.schema.ts +736 -236
  115. package/src/blocks/hero/hero-9.schema.ts +908 -58
  116. package/src/blocks/index.ts +14 -2
  117. package/src/blocks/jobs/jobs-1.schema.ts +741 -219
  118. package/src/blocks/logos/logos-1.schema.ts +317 -321
  119. package/src/blocks/logos/logos-1.tsx +32 -19
  120. package/src/blocks/logos/logos-2.schema.ts +223 -0
  121. package/src/blocks/logos/logos-2.tsx +55 -0
  122. package/src/blocks/navbar/navbar-1.schema.ts +319 -186
  123. package/src/blocks/navbar/navbar-3.schema.ts +618 -570
  124. package/src/blocks/navbar/navbar-3.tsx +3 -2
  125. package/src/blocks/navbar/navbar-4.schema.ts +731 -1234
  126. package/src/blocks/navbar/navbar-4.tsx +1 -6
  127. package/src/blocks/polling/polling-1.schema.ts +161 -0
  128. package/src/blocks/pricing/pricing-1.schema.ts +549 -626
  129. package/src/blocks/products/products-listing-1.schema.ts +363 -249
  130. package/src/blocks/products/products-listing-2.schema.ts +515 -257
  131. package/src/blocks/products/products-listing-3.schema.ts +790 -839
  132. package/src/blocks/products/products-listing-3.tsx +86 -84
  133. package/src/blocks/profile/profile-1.schema.ts +168 -187
  134. package/src/blocks/profile/profile-2.schema.ts +150 -122
  135. package/src/blocks/profile/profile-3.schema.ts +307 -256
  136. package/src/blocks/profile/profile-4.schema.ts +372 -504
  137. package/src/blocks/profile/profile-5.schema.ts +186 -79
  138. package/src/blocks/services/service-1.schema.ts +700 -631
  139. package/src/blocks/services/service-2.schema.ts +559 -82
  140. package/src/blocks/services/service-2.tsx +5 -6
  141. package/src/blocks/services/service-3.schema.ts +592 -207
  142. package/src/blocks/services/service-3.tsx +10 -2
  143. package/src/blocks/stats/stats-1.schema.ts +347 -257
  144. package/src/blocks/stats/stats-2.schema.ts +14 -2
  145. package/src/blocks/stats/variants/default.ts +14 -37
  146. package/src/blocks/stats/variants/extra.ts +232 -0
  147. package/src/blocks/stats/variants/hero.ts +1 -30
  148. package/src/blocks/stats/variants/index.ts +13 -1
  149. package/src/blocks/tabs/tab-1.schema.ts +1361 -214
  150. package/src/blocks/tabs/tab-2.schema.ts +984 -390
  151. package/src/blocks/tabs/tab-3.schema.ts +961 -95
  152. package/src/blocks/team/team-1.schema.ts +681 -564
  153. package/src/blocks/team/team-2.schema.ts +589 -935
  154. package/src/blocks/team/team-3.schema.ts +375 -284
  155. package/src/blocks/team/team-4.schema.ts +569 -355
  156. package/src/blocks/team/team-5.schema.ts +307 -111
  157. package/src/blocks/testimonial/testimonial-1.schema.ts +605 -706
  158. package/src/blocks/testimonial/testimonial-2.schema.ts +825 -1099
  159. package/src/blocks/testimonial/testimonial-3.schema.ts +580 -235
  160. package/src/blocks/testimonial/testimonial-4.schema.ts +1326 -1779
  161. package/src/blocks/testimonial/testimonial-5/variants/default.ts +179 -328
  162. package/src/blocks/testimonial/testimonial-5/variants/index.ts +9 -1
  163. package/src/blocks/testimonial/testimonial-5/variants/testimonialCentered.ts +194 -0
  164. package/src/blocks/testimonial/testimonial-5/variants/testimonialCompact.ts +188 -0
  165. package/src/blocks/testimonial/testimonial-5/variants/testimonialWithLogo.ts +275 -396
  166. package/src/blocks/testimonial/testimonial-5/variants/testimonialWithRatings.ts +254 -602
  167. package/src/blocks/testimonial/testimonial-5.schema.ts +6 -2
  168. package/src/blocks/testimonial/testimonial-6.schema.ts +962 -1234
  169. package/src/blocks/testimonial/testimonial-7.schema.ts +515 -233
  170. package/src/blocks/timeline/timeline-1.schema.ts +382 -140
  171. package/src/blocks/users/edit-profile.schema.ts +2 -8
  172. package/src/blocks/users/edit-profile.tsx +2 -3
  173. package/src/schemas/blocks.ts +14 -2
  174. package/src/schemas/categories.ts +6 -0
  175. package/src/blocks/features/features-1/variants/stylized-cards-v3.ts +0 -268
  176. package/src/blocks/navbar/navbar-2.schema.ts +0 -1134
  177. package/src/blocks/navbar/navbar-2.tsx +0 -381
@@ -1,60 +1,91 @@
1
1
  import type { IBlock } from "@levo-so/studio";
2
2
 
3
+ const ICON_ACCEPTANCE = {
4
+ kind: "icon",
5
+ data: {
6
+ id: "card",
7
+ label: "Card",
8
+ svgCode:
9
+ '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M22 9.25H2C1.59 9.25 1.25 8.91 1.25 8.5C1.25 8.09 1.59 7.75 2 7.75H22C22.41 7.75 22.75 8.09 22.75 8.5C22.75 8.91 22.41 9.25 22 9.25Z" fill="var(--color-icon-primary)"/>\n<path d="M8 17.25H6C5.59 17.25 5.25 16.91 5.25 16.5C5.25 16.09 5.59 15.75 6 15.75H8C8.41 15.75 8.75 16.09 8.75 16.5C8.75 16.91 8.41 17.25 8 17.25Z" fill="var(--color-icon-primary)"/>\n<path d="M14.5 17.25H10.5C10.09 17.25 9.75 16.91 9.75 16.5C9.75 16.09 10.09 15.75 10.5 15.75H14.5C14.91 15.75 15.25 16.09 15.25 16.5C15.25 16.91 14.91 17.25 14.5 17.25Z" fill="var(--color-icon-primary)"/>\n<path d="M17.56 21.25H6.44C2.46 21.25 1.25 20.05 1.25 16.11V7.89C1.25 3.95 2.46 2.75 6.44 2.75H17.55C21.53 2.75 22.74 3.95 22.74 7.89V16.1C22.75 20.05 21.54 21.25 17.56 21.25ZM6.44 4.25C3.3 4.25 2.75 4.79 2.75 7.89V16.1C2.75 19.2 3.3 19.74 6.44 19.74H17.55C20.69 19.74 21.24 19.2 21.24 16.1V7.89C21.24 4.79 20.69 4.25 17.55 4.25H6.44Z" fill="var(--color-icon-primary)"/>\n</svg>',
10
+ },
11
+ };
12
+
13
+ const ICON_RISK = {
14
+ kind: "icon",
15
+ data: {
16
+ id: "shield-tick",
17
+ label: "Shield Tick",
18
+ svgCode:
19
+ '<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>',
20
+ },
21
+ };
22
+
23
+ const ICON_PAYOUTS = {
24
+ kind: "icon",
25
+ data: {
26
+ id: "money-send",
27
+ label: "Money Send",
28
+ svgCode:
29
+ '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M13.05 16.25H11.17C9.84001 16.25 8.75 15.13 8.75 13.75C8.75 13.34 9.09 13 9.5 13C9.91 13 10.25 13.34 10.25 13.75C10.25 14.3 10.66 14.75 11.17 14.75H13.05C13.44 14.75 13.75 14.4 13.75 13.97C13.75 13.43 13.6 13.35 13.26 13.23L10.25 12.18C9.61 11.95 8.75 11.49 8.75 10.02C8.75 8.76999 9.74001 7.73999 10.95 7.73999H12.83C14.16 7.73999 15.25 8.85999 15.25 10.24C15.25 10.65 14.91 10.99 14.5 10.99C14.09 10.99 13.75 10.65 13.75 10.24C13.75 9.68999 13.34 9.23999 12.83 9.23999H10.95C10.56 9.23999 10.25 9.58999 10.25 10.02C10.25 10.56 10.4 10.64 10.74 10.76L13.75 11.81C14.39 12.04 15.25 12.5 15.25 13.97C15.25 15.23 14.26 16.25 13.05 16.25Z" fill="var(--color-icon-primary)"/>\n<path d="M12 17.25C11.59 17.25 11.25 16.91 11.25 16.5V7.5C11.25 7.09 11.59 6.75 12 6.75C12.41 6.75 12.75 7.09 12.75 7.5V16.5C12.75 16.91 12.41 17.25 12 17.25Z" fill="var(--color-icon-primary)"/>\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.25C12.41 1.25 12.75 1.59 12.75 2C12.75 2.41 12.41 2.75 12 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 11.59 21.59 11.25 22 11.25C22.41 11.25 22.75 11.59 22.75 12C22.75 17.93 17.93 22.75 12 22.75Z" fill="var(--color-icon-primary)"/>\n<path d="M22 6.75C21.59 6.75 21.25 6.41 21.25 6V2.75H18C17.59 2.75 17.25 2.41 17.25 2C17.25 1.59 17.59 1.25 18 1.25H22C22.41 1.25 22.75 1.59 22.75 2V6C22.75 6.41 22.41 6.75 22 6.75Z" fill="var(--color-icon-primary)"/>\n<path d="M16.9995 7.75C16.8095 7.75 16.6195 7.68 16.4695 7.53C16.1795 7.24 16.1795 6.76 16.4695 6.47L21.4695 1.47C21.7595 1.18 22.2395 1.18 22.5295 1.47C22.8195 1.76 22.8195 2.24 22.5295 2.53L17.5295 7.53C17.3795 7.68 17.1895 7.75 16.9995 7.75Z" fill="var(--color-icon-primary)"/>\n</svg>',
30
+ },
31
+ };
32
+
33
+ const ICON_REPORTING = {
34
+ kind: "icon",
35
+ data: {
36
+ id: "chart-success",
37
+ label: "Chart Success",
38
+ svgCode:
39
+ '<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>',
40
+ },
41
+ };
42
+
3
43
  const DEFAULT_CONTENT = {
4
44
  layout: null,
5
45
  container: null,
6
- title: "Comprehensive Solutions Overview",
46
+ title: "Operations that don't wake you up",
7
47
  description:
8
- "Comprehensive Solutions Overview Comprehensive Solutions Overview Comprehensive Solutions Overview Comprehensive Solutions Overview Comprehensive Solutions Overview",
48
+ "From first authorization to final reconciliation the surface your team actually runs on, built on PCI DSS Level 1 rails, hardware-backed keys, and a real-time ledger.",
9
49
  sections: [
10
50
  {
11
51
  wrapper: null,
12
52
  trigger: null,
13
53
  content: null,
14
- sectionTitle: "Technology Solutions",
54
+ sectionTitle: "Acceptance",
15
55
  container: null,
16
56
  headerContainer: null,
17
57
  iconLabelContainer: null,
18
- icon: {
19
- kind: "icon",
20
- data: {
21
- id: "arrow-circle-right",
22
- label: "Arrow Circle Right",
23
- tags: ["arrow", "circle", "custom", "directional", "right"],
24
- svgCode:
25
- '<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="M10.7397 16.28C10.5497 16.28 10.3597 16.21 10.2097 16.06C9.91969 15.77 9.91969 15.29 10.2097 15L13.2097 12L10.2097 8.99997C9.91969 8.70997 9.91969 8.22997 10.2097 7.93997C10.4997 7.64997 10.9797 7.64997 11.2697 7.93997L14.7997 11.47C15.0897 11.76 15.0897 12.24 14.7997 12.53L11.2697 16.06C11.1197 16.21 10.9297 16.28 10.7397 16.28Z" fill="var(--color-icon-primary)"/>\n</svg>',
26
- },
27
- },
28
- label: "Technology",
29
- title: "Advanced Technology Infrastructure",
58
+ icon: ICON_ACCEPTANCE,
59
+ label: "Accept",
60
+ title: "Authorizations that clear on the first try",
30
61
  cards: [
31
62
  {
32
63
  card: null,
33
- label: "Cloud Computing",
34
- title: "Scalable Cloud Infrastructure",
64
+ label: "Tokenization",
65
+ title: "Network-grade token vault",
35
66
  description:
36
- "<p>The journey starts here where your team and ours align on goals, scope, roles, and timelines. Together, we define responsibilities, set milestones, and establish a clear path forward for a smooth implementation.</p>",
67
+ "<p>Cards land in a PCI DSS Level 1 vault backed by hardware security modules, with network tokens minted per brand so raw PANs never touch your stack.</p>",
37
68
  },
38
69
  {
39
70
  card: null,
40
- label: "Cloud Computing",
41
- title: "Scalable Cloud Infrastructure",
71
+ label: "Routing",
72
+ title: "Smart network routing",
42
73
  description:
43
- "<p>The journey starts here where your team and ours align on goals, scope, roles, and timelines. Together, we define responsibilities, set milestones, and establish a clear path forward for a smooth implementation.</p>",
74
+ "<p>Every authorization picks the cheapest-to-clear rail in p99 under 50ms, with issuer-aware retries that lift approval rates two to four points on declined volume.</p>",
44
75
  },
45
76
  {
46
77
  card: null,
47
- label: "Cloud Computing",
48
- title: "Scalable Cloud Infrastructure",
78
+ label: "3DS2",
79
+ title: "Friction only when it pays",
49
80
  description:
50
- "<p>The journey starts here where your team and ours align on goals, scope, roles, and timelines. Together, we define responsibilities, set milestones, and establish a clear path forward for a smooth implementation.</p>",
81
+ "<p>Exemptions, TRA, and delegated authentication are applied automatically under PSD2 so step-up fires on the riskiest four percent of traffic, not everyone.</p>",
51
82
  },
52
83
  {
53
84
  card: null,
54
- label: "Cloud Computing",
55
- title: "Scalable Cloud Infrastructure",
85
+ label: "Local rails",
86
+ title: "Alternative payment methods",
56
87
  description:
57
- "<p>The journey starts here where your team and ours align on goals, scope, roles, and timelines. Together, we define responsibilities, set milestones, and establish a clear path forward for a smooth implementation.</p>",
88
+ "<p>UPI, SEPA Instant, Pix, ACH, and 60+ wallets ship behind the same API contract, so adding a market is a config change rather than an integration.</p>",
58
89
  },
59
90
  ],
60
91
  },
@@ -62,50 +93,41 @@ const DEFAULT_CONTENT = {
62
93
  wrapper: null,
63
94
  trigger: null,
64
95
  content: null,
65
- sectionTitle: "Technology Solutions",
96
+ sectionTitle: "Risk & compliance",
66
97
  container: null,
67
98
  headerContainer: null,
68
99
  iconLabelContainer: null,
69
- icon: {
70
- kind: "icon",
71
- data: {
72
- id: "arrow-circle-right",
73
- label: "Arrow Circle Right",
74
- tags: ["arrow", "circle", "custom", "directional", "right"],
75
- svgCode:
76
- '<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="M10.7397 16.28C10.5497 16.28 10.3597 16.21 10.2097 16.06C9.91969 15.77 9.91969 15.29 10.2097 15L13.2097 12L10.2097 8.99997C9.91969 8.70997 9.91969 8.22997 10.2097 7.93997C10.4997 7.64997 10.9797 7.64997 11.2697 7.93997L14.7997 11.47C15.0897 11.76 15.0897 12.24 14.7997 12.53L11.2697 16.06C11.1197 16.21 10.9297 16.28 10.7397 16.28Z" fill="var(--color-icon-primary)"/>\n</svg>',
77
- },
78
- },
79
- label: "Technology",
80
- title: "Advanced Technology Infrastructure",
100
+ icon: ICON_RISK,
101
+ label: "Protect",
102
+ title: "Fraud catches that don't punish good customers",
81
103
  cards: [
82
104
  {
83
105
  card: null,
84
- label: "Cloud Computing",
85
- title: "Scalable Cloud Infrastructure",
106
+ label: "Signals",
107
+ title: "Device and behavior graph",
86
108
  description:
87
- "<p>The journey starts here where your team and ours align on goals, scope, roles, and timelines. Together, we define responsibilities, set milestones, and establish a clear path forward for a smooth implementation.</p>",
109
+ "<p>A 400-signal fingerprintdevice, velocity, issuer history, merchant overlap scores every authorization in under 30ms with a public model card per rule.</p>",
88
110
  },
89
111
  {
90
112
  card: null,
91
- label: "Cloud Computing",
92
- title: "Scalable Cloud Infrastructure",
113
+ label: "Screening",
114
+ title: "Sanctions and PEP lists",
93
115
  description:
94
- "<p>The journey starts here — where your team and ours align on goals, scope, roles, and timelines. Together, we define responsibilities, set milestones, and establish a clear path forward for a smooth implementation.</p>",
116
+ "<p>OFAC, EU, UN, and UK HMT lists refresh hourly with fuzzy match scoring, audit trails, and configurable thresholds so compliance reviews never queue up.</p>",
95
117
  },
96
118
  {
97
119
  card: null,
98
- label: "Cloud Computing",
99
- title: "Scalable Cloud Infrastructure",
120
+ label: "Onboarding",
121
+ title: "KYC and KYB in minutes",
100
122
  description:
101
- "<p>The journey starts here — where your team and ours align on goals, scope, roles, and timelines. Together, we define responsibilities, set milestones, and establish a clear path forward for a smooth implementation.</p>",
123
+ "<p>Identity, liveness, and business verification across 180 countries, wired to case management so analysts see one timeline instead of five browser tabs.</p>",
102
124
  },
103
125
  {
104
126
  card: null,
105
- label: "Cloud Computing",
106
- title: "Scalable Cloud Infrastructure",
127
+ label: "Scope",
128
+ title: "PCI scope stays small",
107
129
  description:
108
- "<p>The journey starts here where your team and ours align on goals, scope, roles, and timelines. Together, we define responsibilities, set milestones, and establish a clear path forward for a smooth implementation.</p>",
130
+ "<p>Hosted fields and a SAQ-A path keep your servers out of cardholder scope, cutting the annual audit from weeks of engineering time to a signed attestation.</p>",
109
131
  },
110
132
  ],
111
133
  },
@@ -113,50 +135,41 @@ const DEFAULT_CONTENT = {
113
135
  wrapper: null,
114
136
  trigger: null,
115
137
  content: null,
116
- sectionTitle: "Technology Solutions",
138
+ sectionTitle: "Treasury & payouts",
117
139
  container: null,
118
140
  headerContainer: null,
119
141
  iconLabelContainer: null,
120
- icon: {
121
- kind: "icon",
122
- data: {
123
- id: "arrow-circle-right",
124
- label: "Arrow Circle Right",
125
- tags: ["arrow", "circle", "custom", "directional", "right"],
126
- svgCode:
127
- '<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="M10.7397 16.28C10.5497 16.28 10.3597 16.21 10.2097 16.06C9.91969 15.77 9.91969 15.29 10.2097 15L13.2097 12L10.2097 8.99997C9.91969 8.70997 9.91969 8.22997 10.2097 7.93997C10.4997 7.64997 10.9797 7.64997 11.2697 7.93997L14.7997 11.47C15.0897 11.76 15.0897 12.24 14.7997 12.53L11.2697 16.06C11.1197 16.21 10.9297 16.28 10.7397 16.28Z" fill="var(--color-icon-primary)"/>\n</svg>',
128
- },
129
- },
130
- label: "Technology",
131
- title: "Advanced Technology Infrastructure",
142
+ icon: ICON_PAYOUTS,
143
+ label: "Move",
144
+ title: "Money leaves on the schedule you set",
132
145
  cards: [
133
146
  {
134
147
  card: null,
135
- label: "Cloud Computing",
136
- title: "Scalable Cloud Infrastructure",
148
+ label: "Rails",
149
+ title: "Payouts on any rail",
137
150
  description:
138
- "<p>The journey starts here where your team and ours align on goals, scope, roles, and timelines. Together, we define responsibilities, set milestones, and establish a clear path forward for a smooth implementation.</p>",
151
+ "<p>ACH, SEPA, Faster Payments, wire, and card push land from a single balance API, with delivery receipts and failure reasons surfaced per payout leg.</p>",
139
152
  },
140
153
  {
141
154
  card: null,
142
- label: "Cloud Computing",
143
- title: "Scalable Cloud Infrastructure",
155
+ label: "FX",
156
+ title: "Interbank FX at settlement",
144
157
  description:
145
- "<p>The journey starts here where your team and ours align on goals, scope, roles, and timelines. Together, we define responsibilities, set milestones, and establish a clear path forward for a smooth implementation.</p>",
158
+ "<p>Conversions execute at the rate quoted at auth not a day later with a 50 bps cap and hedging baked in for 38 currency pairs settling T+0.</p>",
146
159
  },
147
160
  {
148
161
  card: null,
149
- label: "Cloud Computing",
150
- title: "Scalable Cloud Infrastructure",
162
+ label: "Balances",
163
+ title: "Multi-currency treasury",
151
164
  description:
152
- "<p>The journey starts here where your team and ours align on goals, scope, roles, and timelines. Together, we define responsibilities, set milestones, and establish a clear path forward for a smooth implementation.</p>",
165
+ "<p>Hold balances in 14 currencies, sweep against named pools, and fund payouts locally so cross-border transfers stop eating into gross margin.</p>",
153
166
  },
154
167
  {
155
168
  card: null,
156
- label: "Cloud Computing",
157
- title: "Scalable Cloud Infrastructure",
169
+ label: "Automation",
170
+ title: "Scheduled sweeps and splits",
158
171
  description:
159
- "<p>The journey starts here where your team and ours align on goals, scope, roles, and timelines. Together, we define responsibilities, set milestones, and establish a clear path forward for a smooth implementation.</p>",
172
+ "<p>Rule-based sweeps settle marketplace sellers, partners, and tax authorities on a cron you own with dry-run simulations before a single cent moves.</p>",
160
173
  },
161
174
  ],
162
175
  },
@@ -164,50 +177,41 @@ const DEFAULT_CONTENT = {
164
177
  wrapper: null,
165
178
  trigger: null,
166
179
  content: null,
167
- sectionTitle: "Technology Solutions",
180
+ sectionTitle: "Reporting & reconciliation",
168
181
  container: null,
169
182
  headerContainer: null,
170
183
  iconLabelContainer: null,
171
- icon: {
172
- kind: "icon",
173
- data: {
174
- id: "arrow-circle-right",
175
- label: "Arrow Circle Right",
176
- tags: ["arrow", "circle", "custom", "directional", "right"],
177
- svgCode:
178
- '<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="M10.7397 16.28C10.5497 16.28 10.3597 16.21 10.2097 16.06C9.91969 15.77 9.91969 15.29 10.2097 15L13.2097 12L10.2097 8.99997C9.91969 8.70997 9.91969 8.22997 10.2097 7.93997C10.4997 7.64997 10.9797 7.64997 11.2697 7.93997L14.7997 11.47C15.0897 11.76 15.0897 12.24 14.7997 12.53L11.2697 16.06C11.1197 16.21 10.9297 16.28 10.7397 16.28Z" fill="var(--color-icon-primary)"/>\n</svg>',
179
- },
180
- },
181
- label: "Technology",
182
- title: "Advanced Technology Infrastructure",
184
+ icon: ICON_REPORTING,
185
+ label: "Close",
186
+ title: "Books close the same day the month ends",
183
187
  cards: [
184
188
  {
185
189
  card: null,
186
- label: "Cloud Computing",
187
- title: "Scalable Cloud Infrastructure",
190
+ label: "Ledger",
191
+ title: "Real-time double-entry",
188
192
  description:
189
- "<p>The journey starts here — where your team and ours align on goals, scope, roles, and timelines. Together, we define responsibilities, set milestones, and establish a clear path forward for a smooth implementation.</p>",
193
+ "<p>Every authorization, capture, refund, and fee is posted to an append-only ledger in under a second, reconciled against the bank feed automatically.</p>",
190
194
  },
191
195
  {
192
196
  card: null,
193
- label: "Cloud Computing",
194
- title: "Scalable Cloud Infrastructure",
197
+ label: "Disputes",
198
+ title: "Chargebacks with evidence",
195
199
  description:
196
- "<p>The journey starts here — where your team and ours align on goals, scope, roles, and timelines. Together, we define responsibilities, set milestones, and establish a clear path forward for a smooth implementation.</p>",
200
+ "<p>Dispute cases auto-assemble receipts, device logs, and 3DS outcomes, then file through Verifi and Ethoca before the issuer window narrows.</p>",
197
201
  },
198
202
  {
199
203
  card: null,
200
- label: "Cloud Computing",
201
- title: "Scalable Cloud Infrastructure",
204
+ label: "RevRec",
205
+ title: "ASC 606 revenue recognition",
202
206
  description:
203
- "<p>The journey starts here — where your team and ours align on goals, scope, roles, and timelines. Together, we define responsibilities, set milestones, and establish a clear path forward for a smooth implementation.</p>",
207
+ "<p>Subscription, usage, and one-time flows map to performance obligations with deferred revenue waterfalls your auditor can reproduce in a click.</p>",
204
208
  },
205
209
  {
206
210
  card: null,
207
- label: "Cloud Computing",
208
- title: "Scalable Cloud Infrastructure",
211
+ label: "Export",
212
+ title: "Finance-grade exports",
209
213
  description:
210
- "<p>The journey starts here — where your team and ours align on goals, scope, roles, and timelines. Together, we define responsibilities, set milestones, and establish a clear path forward for a smooth implementation.</p>",
214
+ "<p>NetSuite, QuickBooks, and SAP sync nightly with line-level reference IDs, so month-end matches your statement without a spreadsheet reconciliation.</p>",
211
215
  },
212
216
  ],
213
217
  },
@@ -410,7 +414,7 @@ export const Content9: IBlock = {
410
414
  },
411
415
  sections: Array(4)
412
416
  .fill(0)
413
- .map((v) => ({
417
+ .map(() => ({
414
418
  wrapper: {
415
419
  "padding-top": "none",
416
420
  "padding-bottom": "none",
@@ -428,7 +432,7 @@ export const Content9: IBlock = {
428
432
  },
429
433
  content: {
430
434
  "padding-top": "none",
431
- "padding-bottom": "lg",
435
+ "padding-bottom": "xl",
432
436
  },
433
437
  trigger: {
434
438
  "padding-top": "lg",
@@ -445,8 +449,10 @@ export const Content9: IBlock = {
445
449
  "flex-direction": "row",
446
450
  "row-gap": "base",
447
451
  "column-gap": "lg",
452
+ "align-items": "center",
448
453
  mobile: {
449
454
  "flex-direction": "column",
455
+ "align-items": "flex-start",
450
456
  },
451
457
  },
452
458
  iconLabelContainer: {
@@ -460,10 +466,12 @@ export const Content9: IBlock = {
460
466
  "padding-top": "4xs",
461
467
  "padding-bottom": "4xs",
462
468
  "border-radius": "3xl",
469
+ "flex-shrink": "0",
463
470
  },
464
471
  label: {
465
472
  "text-transform": "uppercase",
466
- "letter-spacing": "0.05em",
473
+ "letter-spacing": "0.08em",
474
+ "font-weight": 600,
467
475
  color: "brand",
468
476
  },
469
477
  title: {
@@ -473,17 +481,21 @@ export const Content9: IBlock = {
473
481
  },
474
482
  },
475
483
  icon: {
476
- height: "22px",
477
- width: "22px",
478
- "font-size": "22px",
484
+ height: "20px",
485
+ width: "20px",
486
+ "font-size": "20px",
487
+ "flex-shrink": "0",
479
488
  },
480
489
  cards_levoGroup: {
481
- display: "flex",
490
+ display: "grid",
491
+ "grid-template-columns": "repeat(4, 1fr)",
482
492
  "column-gap": "sm",
493
+ "row-gap": "sm",
483
494
  tablet: {
484
- display: "flex",
485
- "flex-direction": "column",
486
- "row-gap": "sm",
495
+ "grid-template-columns": "repeat(2, 1fr)",
496
+ },
497
+ mobile: {
498
+ "grid-template-columns": "1fr",
487
499
  },
488
500
  },
489
501
  cards: Array(4)
@@ -491,14 +503,21 @@ export const Content9: IBlock = {
491
503
  .map(() => ({
492
504
  card: {
493
505
  "background-color": "background-3",
494
- "padding-left": "base",
495
- "padding-right": "base",
496
- "padding-top": "base",
497
- "padding-bottom": "base",
506
+ "padding-left": "lg",
507
+ "padding-right": "lg",
508
+ "padding-top": "lg",
509
+ "padding-bottom": "lg",
498
510
  "border-radius": "base",
511
+ height: "100%",
512
+ display: "flex",
513
+ "flex-direction": "column",
514
+ "row-gap": "sm",
499
515
  },
500
516
  label: {
501
517
  color: "brand",
518
+ "text-transform": "uppercase",
519
+ "letter-spacing": "0.08em",
520
+ "font-weight": 600,
502
521
  },
503
522
  title: {
504
523
  "font-weight": 700,
@@ -520,6 +539,9 @@ export const Content9: IBlock = {
520
539
  })),
521
540
  description: {
522
541
  "text-align": "center",
542
+ "max-width": "640px",
543
+ "margin-left": "auto",
544
+ "margin-right": "auto",
523
545
  },
524
546
  },
525
547
  content: DEFAULT_CONTENT,
@@ -581,5 +603,722 @@ export const Content9: IBlock = {
581
603
  })),
582
604
  },
583
605
  },
606
+ {
607
+ key: "side_by_side",
608
+ title: "Side by Side",
609
+ styles: {
610
+ layout: {},
611
+ container: {
612
+ display: "flex",
613
+ "flex-direction": "row",
614
+ "column-gap": "4xl",
615
+ tablet: {
616
+ "flex-direction": "column",
617
+ "row-gap": "3xl",
618
+ },
619
+ },
620
+ header: {
621
+ display: "flex",
622
+ "flex-direction": "column",
623
+ "row-gap": "base",
624
+ "flex-shrink": "0",
625
+ width: "35%",
626
+ position: "sticky",
627
+ top: "100px",
628
+ "align-self": "flex-start",
629
+ tablet: {
630
+ width: "100%",
631
+ position: "static",
632
+ },
633
+ },
634
+ title: {},
635
+ description: {},
636
+ accordions_container: {
637
+ display: "flex",
638
+ "flex-direction": "column",
639
+ "row-gap": "lg",
640
+ "flex-grow": "1",
641
+ },
642
+ sections: Array(4)
643
+ .fill(0)
644
+ .map(() => ({
645
+ wrapper: {
646
+ "padding-top": "none",
647
+ "padding-bottom": "none",
648
+ "border-color": "border",
649
+ "border-bottom-width": "1px",
650
+ "border-style": "solid",
651
+ },
652
+ sectionTitle: {
653
+ "font-size": "xl",
654
+ "font-weight": 600,
655
+ color: "text-1",
656
+ tablet: {
657
+ "font-size": "lg",
658
+ },
659
+ },
660
+ content: {
661
+ "padding-top": "none",
662
+ "padding-bottom": "xl",
663
+ },
664
+ trigger: {
665
+ "padding-top": "lg",
666
+ "padding-bottom": "lg",
667
+ display: "flex",
668
+ },
669
+ container: {
670
+ display: "flex",
671
+ "flex-direction": "column",
672
+ "row-gap": "lg",
673
+ },
674
+ headerContainer: {
675
+ display: "flex",
676
+ "flex-direction": "row",
677
+ "row-gap": "base",
678
+ "column-gap": "lg",
679
+ "align-items": "center",
680
+ mobile: {
681
+ "flex-direction": "column",
682
+ "align-items": "flex-start",
683
+ },
684
+ },
685
+ iconLabelContainer: {
686
+ display: "flex",
687
+ "align-items": "center",
688
+ "column-gap": "2xs",
689
+ "background-color": "background-3",
690
+ width: "fit-content",
691
+ "padding-left": "2xs",
692
+ "padding-right": "2xs",
693
+ "padding-top": "4xs",
694
+ "padding-bottom": "4xs",
695
+ "border-radius": "3xl",
696
+ "flex-shrink": "0",
697
+ },
698
+ label: {
699
+ "text-transform": "uppercase",
700
+ "letter-spacing": "0.08em",
701
+ "font-weight": 600,
702
+ color: "brand",
703
+ },
704
+ title: {
705
+ "font-weight": 700,
706
+ },
707
+ icon: {
708
+ height: "20px",
709
+ width: "20px",
710
+ "font-size": "20px",
711
+ "flex-shrink": "0",
712
+ },
713
+ cards_levoGroup: {
714
+ display: "grid",
715
+ "grid-template-columns": "repeat(2, 1fr)",
716
+ "column-gap": "sm",
717
+ "row-gap": "sm",
718
+ tablet: {
719
+ "grid-template-columns": "1fr",
720
+ },
721
+ },
722
+ cards: Array(4)
723
+ .fill(0)
724
+ .map(() => ({
725
+ card: {
726
+ "background-color": "background-3",
727
+ "padding-left": "lg",
728
+ "padding-right": "lg",
729
+ "padding-top": "lg",
730
+ "padding-bottom": "lg",
731
+ "border-radius": "base",
732
+ height: "100%",
733
+ display: "flex",
734
+ "flex-direction": "column",
735
+ "row-gap": "sm",
736
+ },
737
+ label: {
738
+ color: "brand",
739
+ "text-transform": "uppercase",
740
+ "letter-spacing": "0.08em",
741
+ "font-weight": 600,
742
+ },
743
+ title: {
744
+ "font-weight": 700,
745
+ "padding-top": "2xs",
746
+ "padding-bottom": "2xs",
747
+ },
748
+ label_divider: {
749
+ width: "20px",
750
+ height: "1px",
751
+ "background-color": "brand",
752
+ },
753
+ label_container: {
754
+ display: "flex",
755
+ "justify-content": "start",
756
+ "align-items": "center",
757
+ "column-gap": "3xs",
758
+ },
759
+ })),
760
+ })),
761
+ },
762
+ content: DEFAULT_CONTENT,
763
+ config: {
764
+ title: {
765
+ selectedVariants: {
766
+ Heading_Level: "H2",
767
+ },
768
+ },
769
+ sections: Array(4)
770
+ .fill(0)
771
+ .map(() => ({
772
+ label: {
773
+ selectedVariants: {
774
+ Typography_Variants: "Small",
775
+ },
776
+ },
777
+ title: {
778
+ selectedVariants: {
779
+ Heading_Level: "H5",
780
+ },
781
+ },
782
+ cards: Array(4)
783
+ .fill(0)
784
+ .map(() => ({
785
+ title: {
786
+ selectedVariants: {
787
+ Heading_Level: "H6",
788
+ },
789
+ },
790
+ })),
791
+ })),
792
+ },
793
+ },
794
+ {
795
+ key: "tabbed_cards",
796
+ title: "Tabbed Cards",
797
+ styles: {
798
+ layout: {
799
+ "background-color": "background-2",
800
+ },
801
+ container: {
802
+ display: "flex",
803
+ "flex-direction": "column",
804
+ "row-gap": "3xl",
805
+ },
806
+ header: {
807
+ display: "flex",
808
+ "flex-direction": "column",
809
+ "align-items": "center",
810
+ "row-gap": "base",
811
+ },
812
+ title: {
813
+ "text-align": "center",
814
+ },
815
+ description: {
816
+ "text-align": "center",
817
+ "max-width": "640px",
818
+ },
819
+ accordions_container: {
820
+ display: "flex",
821
+ "flex-direction": "column",
822
+ "row-gap": "lg",
823
+ },
824
+ sections: Array(4)
825
+ .fill(0)
826
+ .map(() => ({
827
+ wrapper: {
828
+ "background-color": "background-1",
829
+ "border-radius": "xl",
830
+ "padding-top": "none",
831
+ "padding-bottom": "none",
832
+ overflow: "hidden",
833
+ },
834
+ sectionTitle: {
835
+ "font-size": "xl",
836
+ "font-weight": 600,
837
+ color: "text-1",
838
+ },
839
+ content: {
840
+ "padding-top": "none",
841
+ "padding-bottom": "xl",
842
+ "padding-left": "xl",
843
+ "padding-right": "xl",
844
+ },
845
+ trigger: {
846
+ "padding-top": "lg",
847
+ "padding-bottom": "lg",
848
+ "padding-left": "xl",
849
+ "padding-right": "xl",
850
+ display: "flex",
851
+ },
852
+ container: {
853
+ display: "flex",
854
+ "flex-direction": "column",
855
+ "row-gap": "lg",
856
+ },
857
+ headerContainer: {
858
+ display: "flex",
859
+ "flex-direction": "row",
860
+ "column-gap": "lg",
861
+ "row-gap": "base",
862
+ "align-items": "center",
863
+ mobile: {
864
+ "flex-direction": "column",
865
+ "align-items": "flex-start",
866
+ },
867
+ },
868
+ iconLabelContainer: {
869
+ display: "flex",
870
+ "align-items": "center",
871
+ "column-gap": "2xs",
872
+ "background-color": "background-3",
873
+ width: "fit-content",
874
+ "padding-left": "2xs",
875
+ "padding-right": "2xs",
876
+ "padding-top": "4xs",
877
+ "padding-bottom": "4xs",
878
+ "border-radius": "3xl",
879
+ "flex-shrink": "0",
880
+ },
881
+ label: {
882
+ "text-transform": "uppercase",
883
+ "letter-spacing": "0.08em",
884
+ "font-weight": 600,
885
+ color: "brand",
886
+ },
887
+ title: {
888
+ "font-weight": 700,
889
+ },
890
+ icon: {
891
+ height: "20px",
892
+ width: "20px",
893
+ "font-size": "20px",
894
+ "flex-shrink": "0",
895
+ },
896
+ cards_levoGroup: {
897
+ display: "grid",
898
+ "grid-template-columns": "repeat(4, 1fr)",
899
+ "column-gap": "sm",
900
+ "row-gap": "sm",
901
+ tablet: {
902
+ "grid-template-columns": "repeat(2, 1fr)",
903
+ },
904
+ mobile: {
905
+ "grid-template-columns": "1fr",
906
+ },
907
+ },
908
+ cards: Array(4)
909
+ .fill(0)
910
+ .map(() => ({
911
+ card: {
912
+ "background-color": "background-2",
913
+ "padding-left": "lg",
914
+ "padding-right": "lg",
915
+ "padding-top": "lg",
916
+ "padding-bottom": "lg",
917
+ "border-radius": "base",
918
+ height: "100%",
919
+ display: "flex",
920
+ "flex-direction": "column",
921
+ "row-gap": "sm",
922
+ },
923
+ label: {
924
+ color: "brand",
925
+ "text-transform": "uppercase",
926
+ "letter-spacing": "0.08em",
927
+ "font-weight": 600,
928
+ },
929
+ title: {
930
+ "font-weight": 700,
931
+ "padding-top": "2xs",
932
+ "padding-bottom": "2xs",
933
+ },
934
+ label_divider: {
935
+ width: "20px",
936
+ height: "1px",
937
+ "background-color": "brand",
938
+ },
939
+ label_container: {
940
+ display: "flex",
941
+ "justify-content": "start",
942
+ "align-items": "center",
943
+ "column-gap": "3xs",
944
+ },
945
+ })),
946
+ })),
947
+ },
948
+ content: DEFAULT_CONTENT,
949
+ config: {
950
+ title: {
951
+ selectedVariants: {
952
+ Heading_Level: "H2",
953
+ },
954
+ },
955
+ sections: Array(4)
956
+ .fill(0)
957
+ .map(() => ({
958
+ label: {
959
+ selectedVariants: {
960
+ Typography_Variants: "Small",
961
+ },
962
+ },
963
+ title: {
964
+ selectedVariants: {
965
+ Heading_Level: "H5",
966
+ },
967
+ },
968
+ cards: Array(4)
969
+ .fill(0)
970
+ .map(() => ({
971
+ title: {
972
+ selectedVariants: {
973
+ Heading_Level: "H6",
974
+ },
975
+ },
976
+ })),
977
+ })),
978
+ },
979
+ },
980
+ {
981
+ key: "minimal_flat",
982
+ title: "Minimal Flat",
983
+ styles: {
984
+ layout: {},
985
+ container: {
986
+ display: "flex",
987
+ "flex-direction": "column",
988
+ "row-gap": "3xl",
989
+ },
990
+ header: {
991
+ display: "flex",
992
+ "flex-direction": "column",
993
+ "row-gap": "xs",
994
+ },
995
+ title: {},
996
+ description: {
997
+ color: "text-2",
998
+ "max-width": "640px",
999
+ },
1000
+ accordions_container: {
1001
+ display: "flex",
1002
+ "flex-direction": "column",
1003
+ },
1004
+ sections: Array(4)
1005
+ .fill(0)
1006
+ .map(() => ({
1007
+ wrapper: {
1008
+ "padding-top": "none",
1009
+ "padding-bottom": "none",
1010
+ "border-color": "border",
1011
+ "border-bottom-width": "1px",
1012
+ "border-style": "solid",
1013
+ },
1014
+ sectionTitle: {
1015
+ "font-size": "lg",
1016
+ "font-weight": 500,
1017
+ color: "text-1",
1018
+ },
1019
+ content: {
1020
+ "padding-top": "sm",
1021
+ "padding-bottom": "xl",
1022
+ },
1023
+ trigger: {
1024
+ "padding-top": "lg",
1025
+ "padding-bottom": "lg",
1026
+ display: "flex",
1027
+ },
1028
+ container: {
1029
+ display: "flex",
1030
+ "flex-direction": "column",
1031
+ "row-gap": "lg",
1032
+ },
1033
+ headerContainer: {
1034
+ display: "flex",
1035
+ "flex-direction": "column",
1036
+ "row-gap": "xs",
1037
+ },
1038
+ iconLabelContainer: {
1039
+ display: "flex",
1040
+ "align-items": "center",
1041
+ "column-gap": "3xs",
1042
+ width: "fit-content",
1043
+ },
1044
+ label: {
1045
+ "text-transform": "uppercase",
1046
+ "letter-spacing": "0.08em",
1047
+ "font-weight": 600,
1048
+ color: "text-2",
1049
+ },
1050
+ title: {
1051
+ "font-weight": 600,
1052
+ },
1053
+ icon: {
1054
+ height: "18px",
1055
+ width: "18px",
1056
+ "font-size": "18px",
1057
+ "flex-shrink": "0",
1058
+ },
1059
+ cards_levoGroup: {
1060
+ display: "grid",
1061
+ "grid-template-columns": "repeat(4, 1fr)",
1062
+ "column-gap": "base",
1063
+ "row-gap": "base",
1064
+ tablet: {
1065
+ "grid-template-columns": "repeat(2, 1fr)",
1066
+ },
1067
+ mobile: {
1068
+ "grid-template-columns": "1fr",
1069
+ },
1070
+ },
1071
+ cards: Array(4)
1072
+ .fill(0)
1073
+ .map(() => ({
1074
+ card: {
1075
+ "padding-left": "lg",
1076
+ "padding-right": "lg",
1077
+ "padding-top": "lg",
1078
+ "padding-bottom": "lg",
1079
+ "border-radius": "sm",
1080
+ border: "1px solid",
1081
+ "border-color": "var(--color-border)",
1082
+ height: "100%",
1083
+ display: "flex",
1084
+ "flex-direction": "column",
1085
+ "row-gap": "sm",
1086
+ },
1087
+ label: {
1088
+ color: "text-2",
1089
+ "text-transform": "uppercase",
1090
+ "letter-spacing": "0.08em",
1091
+ "font-weight": 600,
1092
+ },
1093
+ title: {
1094
+ "font-weight": 600,
1095
+ "padding-top": "3xs",
1096
+ "padding-bottom": "3xs",
1097
+ },
1098
+ label_divider: {
1099
+ display: "none",
1100
+ },
1101
+ label_container: {
1102
+ display: "flex",
1103
+ "justify-content": "start",
1104
+ "align-items": "center",
1105
+ "column-gap": "3xs",
1106
+ },
1107
+ })),
1108
+ })),
1109
+ },
1110
+ content: DEFAULT_CONTENT,
1111
+ config: {
1112
+ title: {
1113
+ selectedVariants: {
1114
+ Heading_Level: "H2",
1115
+ },
1116
+ },
1117
+ sections: Array(4)
1118
+ .fill(0)
1119
+ .map(() => ({
1120
+ label: {
1121
+ selectedVariants: {
1122
+ Typography_Variants: "Muted",
1123
+ },
1124
+ },
1125
+ title: {
1126
+ selectedVariants: {
1127
+ Heading_Level: "H5",
1128
+ },
1129
+ },
1130
+ cards: Array(4)
1131
+ .fill(0)
1132
+ .map(() => ({
1133
+ title: {
1134
+ selectedVariants: {
1135
+ Heading_Level: "H6",
1136
+ },
1137
+ },
1138
+ })),
1139
+ })),
1140
+ },
1141
+ },
1142
+ {
1143
+ key: "full_width_sections",
1144
+ title: "Full Width Sections",
1145
+ styles: {
1146
+ layout: {},
1147
+ container: {
1148
+ display: "flex",
1149
+ "flex-direction": "column",
1150
+ "row-gap": "4xl",
1151
+ },
1152
+ header: {
1153
+ display: "flex",
1154
+ "flex-direction": "column",
1155
+ "align-items": "center",
1156
+ "row-gap": "sm",
1157
+ },
1158
+ title: {
1159
+ "text-align": "center",
1160
+ },
1161
+ description: {
1162
+ "text-align": "center",
1163
+ "max-width": "640px",
1164
+ color: "text-2",
1165
+ },
1166
+ accordions_container: {
1167
+ display: "flex",
1168
+ "flex-direction": "column",
1169
+ "row-gap": "xl",
1170
+ },
1171
+ sections: Array(4)
1172
+ .fill(0)
1173
+ .map(() => ({
1174
+ wrapper: {
1175
+ "background-color": "background-2",
1176
+ "border-radius": "lg",
1177
+ "padding-top": "none",
1178
+ "padding-bottom": "none",
1179
+ },
1180
+ sectionTitle: {
1181
+ "font-size": "xl",
1182
+ "font-weight": 600,
1183
+ color: "text-1",
1184
+ },
1185
+ content: {
1186
+ "padding-top": "none",
1187
+ "padding-bottom": "xl",
1188
+ "padding-left": "xl",
1189
+ "padding-right": "xl",
1190
+ },
1191
+ trigger: {
1192
+ "padding-top": "xl",
1193
+ "padding-bottom": "xl",
1194
+ "padding-left": "xl",
1195
+ "padding-right": "xl",
1196
+ display: "flex",
1197
+ },
1198
+ container: {
1199
+ display: "flex",
1200
+ "flex-direction": "column",
1201
+ "row-gap": "lg",
1202
+ },
1203
+ headerContainer: {
1204
+ display: "flex",
1205
+ "flex-direction": "row",
1206
+ "column-gap": "lg",
1207
+ "row-gap": "sm",
1208
+ "align-items": "center",
1209
+ mobile: {
1210
+ "flex-direction": "column",
1211
+ "align-items": "flex-start",
1212
+ },
1213
+ },
1214
+ iconLabelContainer: {
1215
+ display: "flex",
1216
+ "align-items": "center",
1217
+ "column-gap": "2xs",
1218
+ "background-color": "background-1",
1219
+ width: "fit-content",
1220
+ "padding-left": "sm",
1221
+ "padding-right": "sm",
1222
+ "padding-top": "3xs",
1223
+ "padding-bottom": "3xs",
1224
+ "border-radius": "3xl",
1225
+ "flex-shrink": "0",
1226
+ },
1227
+ label: {
1228
+ "text-transform": "uppercase",
1229
+ "letter-spacing": "0.08em",
1230
+ "font-weight": 600,
1231
+ color: "brand",
1232
+ },
1233
+ title: {
1234
+ "font-weight": 700,
1235
+ },
1236
+ icon: {
1237
+ height: "20px",
1238
+ width: "20px",
1239
+ "font-size": "20px",
1240
+ "flex-shrink": "0",
1241
+ },
1242
+ cards_levoGroup: {
1243
+ display: "grid",
1244
+ "grid-template-columns": "repeat(2, 1fr)",
1245
+ "column-gap": "base",
1246
+ "row-gap": "base",
1247
+ tablet: {
1248
+ "grid-template-columns": "1fr",
1249
+ },
1250
+ },
1251
+ cards: Array(4)
1252
+ .fill(0)
1253
+ .map(() => ({
1254
+ card: {
1255
+ "background-color": "background-1",
1256
+ "padding-left": "lg",
1257
+ "padding-right": "lg",
1258
+ "padding-top": "lg",
1259
+ "padding-bottom": "lg",
1260
+ "border-radius": "base",
1261
+ height: "100%",
1262
+ display: "flex",
1263
+ "flex-direction": "column",
1264
+ "row-gap": "sm",
1265
+ },
1266
+ label: {
1267
+ color: "brand",
1268
+ "text-transform": "uppercase",
1269
+ "letter-spacing": "0.08em",
1270
+ "font-weight": 600,
1271
+ },
1272
+ title: {
1273
+ "font-weight": 700,
1274
+ "padding-top": "2xs",
1275
+ "padding-bottom": "2xs",
1276
+ },
1277
+ label_divider: {
1278
+ width: "20px",
1279
+ height: "1px",
1280
+ "background-color": "brand",
1281
+ },
1282
+ label_container: {
1283
+ display: "flex",
1284
+ "justify-content": "start",
1285
+ "align-items": "center",
1286
+ "column-gap": "3xs",
1287
+ },
1288
+ })),
1289
+ })),
1290
+ },
1291
+ content: DEFAULT_CONTENT,
1292
+ config: {
1293
+ title: {
1294
+ selectedVariants: {
1295
+ Heading_Level: "H2",
1296
+ },
1297
+ },
1298
+ sections: Array(4)
1299
+ .fill(0)
1300
+ .map(() => ({
1301
+ label: {
1302
+ selectedVariants: {
1303
+ Typography_Variants: "Small",
1304
+ },
1305
+ },
1306
+ title: {
1307
+ selectedVariants: {
1308
+ Heading_Level: "H5",
1309
+ },
1310
+ },
1311
+ cards: Array(4)
1312
+ .fill(0)
1313
+ .map(() => ({
1314
+ title: {
1315
+ selectedVariants: {
1316
+ Heading_Level: "H6",
1317
+ },
1318
+ },
1319
+ })),
1320
+ })),
1321
+ },
1322
+ },
584
1323
  ],
585
1324
  };