@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
package/src/blocks/services/service-1.schema.ts CHANGED
@@ -1,21 +1,116 @@
1
1
  import type { IBlock } from "@levo-so/studio";
2
2
 
3
- const MEDIA = {
4
- id: "1d7oLgELQi66",
5
- filename: "services-1.png",
3
+ /** Payments terminal — used on the Payments Orchestration card. */
4
+ const IMG_PAYMENTS = {
5
+ id: "7453394741773053151",
6
6
  kind: "image",
7
- location: "https://static.levocdn.com/WLZ1TXTD/services-1-PzNoMN1prgDI.png",
7
+ location: "https://images.pexels.com/photos/5239818/pexels-photo-5239818.jpeg",
8
+ mimetype: "image/jpeg",
8
9
  srcset: {
9
- "1080w": "https://static.levocdn.com/WLZ1TXTD/services-1-PzNoMN1prgDI-1080w.webp",
10
- "1200w": "https://static.levocdn.com/WLZ1TXTD/services-1-PzNoMN1prgDI-1200w.webp",
11
- "1920w": "https://static.levocdn.com/WLZ1TXTD/services-1-PzNoMN1prgDI-1920w.webp",
12
- "320w": "https://static.levocdn.com/WLZ1TXTD/services-1-PzNoMN1prgDI-320w.webp",
13
- "640w": "https://static.levocdn.com/WLZ1TXTD/services-1-PzNoMN1prgDI-640w.webp",
14
- "750w": "https://static.levocdn.com/WLZ1TXTD/services-1-PzNoMN1prgDI-750w.webp",
15
- "828w": "https://static.levocdn.com/WLZ1TXTD/services-1-PzNoMN1prgDI-828w.webp",
16
- path: "https://static.levocdn.com/WLZ1TXTD/services-1-PzNoMN1prgDI-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/services-1-PzNoMN1prgDI-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/services-1-PzNoMN1prgDI-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/services-1-PzNoMN1prgDI-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/services-1-PzNoMN1prgDI-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/services-1-PzNoMN1prgDI-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/services-1-PzNoMN1prgDI-1920w.webp 1920w",
10
+ "320w":
11
+ "https://images.pexels.com/photos/5239818/pexels-photo-5239818.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
12
+ "640w":
13
+ "https://images.pexels.com/photos/5239818/pexels-photo-5239818.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
14
+ "750w":
15
+ "https://images.pexels.com/photos/5239818/pexels-photo-5239818.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
16
+ "828w":
17
+ "https://images.pexels.com/photos/5239818/pexels-photo-5239818.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
18
+ "1080w":
19
+ "https://images.pexels.com/photos/5239818/pexels-photo-5239818.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
20
+ "1200w":
21
+ "https://images.pexels.com/photos/5239818/pexels-photo-5239818.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
22
+ "1920w":
23
+ "https://images.pexels.com/photos/5239818/pexels-photo-5239818.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
24
+ path: "https://images.pexels.com/photos/5239818/pexels-photo-5239818.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320 320w, https://images.pexels.com/photos/5239818/pexels-photo-5239818.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/5239818/pexels-photo-5239818.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750 750w, https://images.pexels.com/photos/5239818/pexels-photo-5239818.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828 828w, https://images.pexels.com/photos/5239818/pexels-photo-5239818.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/5239818/pexels-photo-5239818.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200 1200w, https://images.pexels.com/photos/5239818/pexels-photo-5239818.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w",
25
+ },
26
+ };
27
+
28
+ /** Encryption / data security — used on the Compliance & Security card. */
29
+ const IMG_ENCRYPTION = {
30
+ id: "7453394756579999916",
31
+ kind: "image",
32
+ location: "https://images.pexels.com/photos/30885763/pexels-photo-30885763.jpeg",
33
+ mimetype: "image/jpeg",
34
+ srcset: {
35
+ "320w":
36
+ "https://images.pexels.com/photos/30885763/pexels-photo-30885763.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
37
+ "640w":
38
+ "https://images.pexels.com/photos/30885763/pexels-photo-30885763.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
39
+ "750w":
40
+ "https://images.pexels.com/photos/30885763/pexels-photo-30885763.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
41
+ "828w":
42
+ "https://images.pexels.com/photos/30885763/pexels-photo-30885763.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
43
+ "1080w":
44
+ "https://images.pexels.com/photos/30885763/pexels-photo-30885763.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
45
+ "1200w":
46
+ "https://images.pexels.com/photos/30885763/pexels-photo-30885763.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
47
+ "1920w":
48
+ "https://images.pexels.com/photos/30885763/pexels-photo-30885763.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
49
+ path: "https://images.pexels.com/photos/30885763/pexels-photo-30885763.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320 320w, https://images.pexels.com/photos/30885763/pexels-photo-30885763.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/30885763/pexels-photo-30885763.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750 750w, https://images.pexels.com/photos/30885763/pexels-photo-30885763.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828 828w, https://images.pexels.com/photos/30885763/pexels-photo-30885763.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/30885763/pexels-photo-30885763.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200 1200w, https://images.pexels.com/photos/30885763/pexels-photo-30885763.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w",
50
+ },
51
+ };
52
+
53
+ // Inlined icon SVGs — copied from apps/dashboard/src/components/iconPicker/icon_list.json.
54
+ // Never imported: each block file owns its copies.
55
+
56
+ const ICON_SHIELD_TICK = {
57
+ kind: "icon" as const,
58
+ data: {
59
+ id: "shield-tick",
60
+ label: "Shield Tick",
61
+ svgCode:
62
+ '<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>',
63
+ },
64
+ };
65
+
66
+ const ICON_FLASH = {
67
+ kind: "icon" as const,
68
+ data: {
69
+ id: "flash",
70
+ label: "Flash",
71
+ svgCode:
72
+ '<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>',
73
+ },
74
+ };
75
+
76
+ const ICON_CARD_TICK = {
77
+ kind: "icon" as const,
78
+ data: {
79
+ id: "card-tick",
80
+ label: "Card Tick",
81
+ svgCode:
82
+ '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M13.5 9.25H2C1.59 9.25 1.25 8.91 1.25 8.5C1.25 8.09 1.59 7.75 2 7.75H13.5C13.91 7.75 14.25 8.09 14.25 8.5C14.25 8.91 13.91 9.25 13.5 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.75H13.5C13.91 2.75 14.25 3.09 14.25 3.5C14.25 3.91 13.91 4.25 13.5 4.25H6.44C3.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.1V11.02C21.24 10.61 21.58 10.27 21.99 10.27C22.4 10.27 22.74 10.61 22.74 11.02V16.1C22.75 20.05 21.54 21.25 17.56 21.25Z" fill="var(--color-icon-primary)"/>\n<path d="M18.0004 8.25C17.8104 8.25 17.6204 8.18 17.4704 8.03L15.9704 6.53C15.6804 6.24 15.6804 5.76 15.9704 5.47C16.2604 5.18 16.7404 5.18 17.0304 5.47L18.0004 6.44L21.4704 2.97C21.7604 2.68 22.2404 2.68 22.5304 2.97C22.8204 3.26 22.8204 3.74 22.5304 4.03L18.5304 8.03C18.3804 8.18 18.1904 8.25 18.0004 8.25Z" fill="var(--color-icon-primary)"/>\n</svg>',
83
+ },
84
+ };
85
+
86
+ const ICON_LOCK = {
87
+ kind: "icon" as const,
88
+ data: {
89
+ id: "lock",
90
+ label: "Lock",
91
+ svgCode:
92
+ '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M18 10.75C17.59 10.75 17.25 10.41 17.25 10V8C17.25 4.85 16.36 2.75 12 2.75C7.64 2.75 6.75 4.85 6.75 8V10C6.75 10.41 6.41 10.75 6 10.75C5.59 10.75 5.25 10.41 5.25 10V8C5.25 5.1 5.95 1.25 12 1.25C18.05 1.25 18.75 5.1 18.75 8V10C18.75 10.41 18.41 10.75 18 10.75Z" fill="var(--color-icon-primary)"/>\n<path d="M12 19.25C10.21 19.25 8.75 17.79 8.75 16C8.75 14.21 10.21 12.75 12 12.75C13.79 12.75 15.25 14.21 15.25 16C15.25 17.79 13.79 19.25 12 19.25ZM12 14.25C11.04 14.25 10.25 15.04 10.25 16C10.25 16.96 11.04 17.75 12 17.75C12.96 17.75 13.75 16.96 13.75 16C13.75 15.04 12.96 14.25 12 14.25Z" fill="var(--color-icon-primary)"/>\n<path d="M17 22.75H7C2.59 22.75 1.25 21.41 1.25 17V15C1.25 10.59 2.59 9.25 7 9.25H17C21.41 9.25 22.75 10.59 22.75 15V17C22.75 21.41 21.41 22.75 17 22.75ZM7 10.75C3.42 10.75 2.75 11.43 2.75 15V17C2.75 20.57 3.42 21.25 7 21.25H17C20.58 21.25 21.25 20.57 21.25 17V15C21.25 11.43 20.58 10.75 17 10.75H7Z" fill="var(--color-icon-primary)"/>\n</svg>',
93
+ },
94
+ };
95
+
96
+ const ICON_EYE = {
97
+ kind: "icon" as const,
98
+ data: {
99
+ id: "eye",
100
+ label: "Eye",
101
+ svgCode:
102
+ '<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>',
103
+ },
104
+ };
105
+
106
+ const ICON_MEDAL_STAR = {
107
+ kind: "icon" as const,
108
+ data: {
109
+ id: "medal-star",
110
+ label: "Medal Star",
111
+ svgCode:
112
+ '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M12 16.75C11.6 16.75 11.2 16.72 10.82 16.65C8.7 16.34 6.77 15.12 5.55 13.31C4.7 12.03 4.25 10.54 4.25 9C4.25 4.73 7.73 1.25 12 1.25C16.27 1.25 19.75 4.73 19.75 9C19.75 10.54 19.3 12.03 18.45 13.31C17.22 15.13 15.29 16.34 13.15 16.66C12.8 16.72 12.4 16.75 12 16.75ZM12 2.75C8.55 2.75 5.75 5.55 5.75 9C5.75 10.25 6.11 11.45 6.79 12.47C7.78 13.93 9.33 14.91 11.05 15.16C11.69 15.27 12.32 15.27 12.91 15.16C14.66 14.91 16.21 13.92 17.2 12.46C17.88 11.44 18.24 10.24 18.24 8.98999C18.25 5.54999 15.45 2.75 12 2.75Z" fill="var(--color-icon-primary)"/>\n<path d="M6.46933 22.59C6.32933 22.59 6.19933 22.57 6.05933 22.54C5.40933 22.39 4.90933 21.89 4.75933 21.24L4.40933 19.77C4.38933 19.68 4.31933 19.61 4.21933 19.58L2.56933 19.19C1.94933 19.04 1.45933 18.58 1.28933 17.97C1.11933 17.36 1.28933 16.7 1.73933 16.25L5.63933 12.35C5.79933 12.19 6.01933 12.11 6.23933 12.13C6.45933 12.15 6.65933 12.27 6.78933 12.46C7.77933 13.92 9.32933 14.91 11.0593 15.16C11.6993 15.27 12.3293 15.27 12.9193 15.16C14.6693 14.91 16.2193 13.92 17.2093 12.46C17.3293 12.27 17.5393 12.15 17.7593 12.13C17.9793 12.11 18.1993 12.19 18.3593 12.35L22.2593 16.25C22.7093 16.7 22.8793 17.36 22.7093 17.97C22.5393 18.58 22.0393 19.05 21.4293 19.19L19.7793 19.58C19.6893 19.6 19.6193 19.67 19.5893 19.77L19.2393 21.24C19.0893 21.89 18.5893 22.39 17.9393 22.54C17.2893 22.7 16.6193 22.47 16.1993 21.96L11.9993 17.13L7.79933 21.97C7.45933 22.37 6.97933 22.59 6.46933 22.59ZM6.08933 14.03L2.79933 17.32C2.70933 17.41 2.71933 17.51 2.73933 17.57C2.74933 17.62 2.79933 17.72 2.91933 17.74L4.56933 18.13C5.21933 18.28 5.71933 18.78 5.86933 19.43L6.21933 20.9C6.24933 21.03 6.34933 21.07 6.40933 21.09C6.46933 21.1 6.56933 21.11 6.65933 21.01L10.4893 16.6C8.78933 16.27 7.22933 15.36 6.08933 14.03ZM13.5093 16.59L17.3393 20.99C17.4293 21.1 17.5393 21.1 17.5993 21.08C17.6593 21.07 17.7493 21.02 17.7893 20.89L18.1393 19.42C18.2893 18.77 18.7893 18.27 19.4393 18.12L21.0893 17.73C21.2093 17.7 21.2593 17.61 21.2693 17.56C21.2893 17.51 21.2993 17.4 21.2093 17.31L17.9193 14.02C16.7693 15.35 15.2193 16.26 13.5093 16.59Z" fill="var(--color-icon-primary)"/>\n<path d="M13.8901 12.89C13.6301 12.89 13.3201 12.82 12.9501 12.6L12.0001 12.03L11.0501 12.59C10.1801 13.11 9.61014 12.81 9.40014 12.66C9.19014 12.51 8.74014 12.06 8.97014 11.07L9.21014 10.04L8.41014 9.29999C7.97014 8.85999 7.81014 8.33001 7.96014 7.85001C8.11014 7.37001 8.55014 7.02999 9.17014 6.92999L10.2401 6.75L10.7501 5.63C11.0401 5.06 11.4901 4.73999 12.0001 4.73999C12.5101 4.73999 12.9701 5.07001 13.2501 5.64001L13.8401 6.82001L14.8301 6.94C15.4401 7.04 15.8801 7.37999 16.0401 7.85999C16.1901 8.33999 16.0301 8.87 15.5901 9.31L14.7601 10.14L15.0201 11.07C15.2501 12.06 14.8001 12.51 14.5901 12.66C14.4801 12.75 14.2401 12.89 13.8901 12.89ZM9.61014 8.39001L10.3001 9.07999C10.6201 9.39999 10.7801 9.94 10.6801 10.38L10.4901 11.18L11.2901 10.71C11.7201 10.46 12.3001 10.46 12.7201 10.71L13.5201 11.18L13.3401 10.38C13.2401 9.93001 13.3901 9.39999 13.7101 9.07999L14.4001 8.39001L13.5301 8.23999C13.1101 8.16999 12.6901 7.86001 12.5001 7.48001L12.0001 6.5L11.5001 7.5C11.3201 7.87 10.9001 8.19001 10.4801 8.26001L9.61014 8.39001Z" fill="var(--color-icon-primary)"/>\n</svg>',
17
113
  },
18
- mimetype: "image/png",
19
114
  };
20
115
 
21
116
  const DEFAULT_CONTENT = {
@@ -24,163 +119,103 @@ const DEFAULT_CONTENT = {
24
119
  "main-wrapper": null,
25
120
  "left-container": null,
26
121
  "content-box": null,
27
- "main-title": "Professional Services",
28
- "main-description": "Comprehensive solutions tailored to your business needs",
122
+ "main-title": "Payments infrastructure built for regulated markets",
29
123
  "services-accordion": [
30
124
  {
31
125
  wrapper: null,
32
126
  trigger: null,
33
127
  content: null,
34
128
  iconQuestionWrapper: null,
35
- triggerIcon: {
36
- kind: "icon",
37
- data: {
38
- id: "archive-minus",
39
- label: "Archive Minus",
40
- tags: ["archive", "custom", "directional", "minus"],
41
- svgCode:
42
- '<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
- },
44
- },
45
- question: "What consulting services do you offer?",
129
+ question: "How do you handle cardholder data?",
46
130
  answer:
47
- "We offer strategic business consulting, operational optimization, technology integration, and digital transformation services to help your organization achieve its goals.",
131
+ "Every pan is tokenized at capture with hardware-backed keys stored in an HSM. Raw card data never touches your systems; your PCI DSS scope stays scoped to SAQ A.",
48
132
  },
49
133
  {
50
134
  wrapper: null,
51
135
  trigger: null,
52
136
  content: null,
53
137
  iconQuestionWrapper: null,
54
- triggerIcon: {
55
- kind: "icon",
56
- data: {
57
- id: "archive-minus",
58
- label: "Archive Minus",
59
- tags: ["archive", "custom", "directional", "minus"],
60
- svgCode:
61
- '<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>',
62
- },
63
- },
64
- question: "How do you ensure project success?",
138
+ question: "Which markets and licenses do you cover?",
65
139
  answer:
66
- "Our proven methodology includes thorough discovery, strategic planning, agile execution, and continuous monitoring to ensure successful project delivery.",
140
+ "Licensed as an EMI in the EU and an MSB in the US and Canada. We operate in 42 markets with local acquiring in the top 12, settling in 28 currencies.",
67
141
  },
68
142
  {
69
143
  wrapper: null,
70
144
  trigger: null,
71
145
  content: null,
72
146
  iconQuestionWrapper: null,
73
- triggerIcon: {
74
- kind: "icon",
75
- data: {
76
- id: "archive-minus",
77
- label: "Archive Minus",
78
- tags: ["archive", "custom", "directional", "minus"],
79
- svgCode:
80
- '<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>',
81
- },
82
- },
83
- question: "What industries do you serve?",
147
+ question: "What is your uptime SLA?",
84
148
  answer:
85
- "We have extensive experience across healthcare, finance, manufacturing, retail, and technology sectors, delivering customized solutions for each industry.",
149
+ "99.995% on the payment authorization path, measured quarterly against a rolling 90-day window. Status page and RCA reports are public; breach credits are automatic.",
86
150
  },
87
151
  {
88
152
  wrapper: null,
89
153
  trigger: null,
90
154
  content: null,
91
155
  iconQuestionWrapper: null,
92
- triggerIcon: {
93
- kind: "icon",
94
- data: {
95
- id: "archive-minus",
96
- label: "Archive Minus",
97
- tags: ["archive", "custom", "directional", "minus"],
98
- svgCode:
99
- '<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>',
100
- },
101
- },
102
- question: "What makes your approach unique?",
156
+ question: "How long does onboarding take?",
103
157
  answer:
104
- "Our collaborative approach combines industry expertise with innovative solutions, ensuring we deliver measurable results and long-term value for our clients.",
158
+ "Ten business days for a standard KYB. You get a sandbox on day one, a named solutions engineer through go-live, and migration support from Stripe, Adyen, or Braintree.",
105
159
  },
106
160
  ],
107
161
  "features-section": null,
108
- "features-title": "Key Service Features",
162
+ "features-title": "Certified end-to-end",
109
163
  "features-list": [
110
- {
111
- "feature-item": null,
112
- title: "Expert Team",
113
- description: "Seasoned professionals with deep industry knowledge and proven track records.",
114
- },
115
- {
116
- "feature-item": null,
117
- title: "Custom Solutions",
118
- description: "Tailored approaches designed specifically for your unique business challenges.",
119
- },
120
- {
121
- "feature-item": null,
122
- title: "24/7 Support",
123
- description: "Round-the-clock assistance and dedicated account management.",
124
- },
164
+ { "feature-item": null, title: "PCI DSS Level 1" },
165
+ { "feature-item": null, title: "SOC 2 Type II" },
166
+ { "feature-item": null, title: "ISO 27001" },
125
167
  ],
126
168
  "right-container": null,
127
169
  "service-cards": [
128
170
  {
129
171
  "card-container": null,
130
- title: "Strategic Consulting",
131
- image: MEDIA,
172
+ title: "Payments orchestration",
173
+ image: IMG_PAYMENTS,
132
174
  description:
133
- "Comprehensive business strategy development and market analysis to drive growth and competitive advantage.",
175
+ "Route authorizations across acquirers by cost, approval rate, and local rails. Retry intelligently, reconcile automatically, settle in 28 currencies.",
134
176
  ctas_levoGroup: null,
135
- ctas: [{ cta: "Learn More" }, { cta: "Get Started" }],
136
- "service-features": [],
177
+ ctas: [{ cta: "Book a demo" }, { cta: "See pricing" }],
178
+ "service-features": [
179
+ {
180
+ icon: ICON_SHIELD_TICK,
181
+ title: "<p>3-D Secure 2, issuer-exempt flow</p>",
182
+ description: "Frictionless challenge on low-risk traffic.",
183
+ },
184
+ {
185
+ icon: ICON_FLASH,
186
+ title: "<p>Sub-200ms authorization</p>",
187
+ description: "P95 latency on local acquirer routes.",
188
+ },
189
+ {
190
+ icon: ICON_CARD_TICK,
191
+ title: "<p>Network tokens on 92% of volume</p>",
192
+ description: "Higher approvals, lower fraud, fewer declines.",
193
+ },
194
+ ],
137
195
  },
138
196
  {
139
197
  "card-container": null,
140
- title: "Strategic Consulting",
141
- image: null,
142
- description: "",
198
+ title: "Compliance & security",
199
+ image: IMG_ENCRYPTION,
200
+ description:
201
+ "PCI DSS Level 1 service provider with an HSM-backed vault, SOC 2 Type II controls, and continuous third-party attestation through Drata.",
143
202
  ctas_levoGroup: null,
144
- ctas: [{ cta: "Contact Us" }, { cta: "View Details" }],
203
+ ctas: [{ cta: "Read trust report" }, { cta: "Talk to compliance" }],
145
204
  "service-features": [
146
205
  {
147
- icon: {
148
- kind: "icon",
149
- data: {
150
- id: "chart-21",
151
- label: "Chart 21",
152
- tags: ["21", "business", "chart", "custom"],
153
- svgCode:
154
- '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M21 22.75H3C2.59 22.75 2.25 22.41 2.25 22C2.25 21.59 2.59 21.25 3 21.25H21C21.41 21.25 21.75 21.59 21.75 22C21.75 22.41 21.41 22.75 21 22.75Z" fill="var(--color-icon-primary)"/>\n<path d="M5.59998 19.75H4C3.04 19.75 2.25 18.96 2.25 18V9.38C2.25 8.42 3.04 7.63 4 7.63H5.59998C6.55998 7.63 7.34998 8.42 7.34998 9.38V18C7.34998 18.96 6.55998 19.75 5.59998 19.75ZM4 9.12C3.86 9.12 3.75 9.23 3.75 9.37V18C3.75 18.14 3.86 18.25 4 18.25H5.59998C5.73998 18.25 5.84998 18.14 5.84998 18V9.38C5.84998 9.24 5.73998 9.13 5.59998 9.13H4V9.12Z" fill="var(--color-icon-primary)"/>\n<path d="M12.8002 19.75H11.2002C10.2402 19.75 9.4502 18.96 9.4502 18V6.19C9.4502 5.23 10.2402 4.44 11.2002 4.44H12.8002C13.7602 4.44 14.5502 5.23 14.5502 6.19V18C14.5502 18.96 13.7602 19.75 12.8002 19.75ZM11.2002 5.94C11.0602 5.94 10.9502 6.05 10.9502 6.19V18C10.9502 18.14 11.0602 18.25 11.2002 18.25H12.8002C12.9402 18.25 13.0502 18.14 13.0502 18V6.19C13.0502 6.05 12.9402 5.94 12.8002 5.94H11.2002Z" fill="var(--color-icon-primary)"/>\n<path d="M20.0004 19.75H18.4004C17.4404 19.75 16.6504 18.96 16.6504 18V3C16.6504 2.04 17.4404 1.25 18.4004 1.25H20.0004C20.9604 1.25 21.7504 2.04 21.7504 3V18C21.7504 18.96 20.9604 19.75 20.0004 19.75ZM18.4004 2.75C18.2604 2.75 18.1504 2.86 18.1504 3V18C18.1504 18.14 18.2604 18.25 18.4004 18.25H20.0004C20.1404 18.25 20.2504 18.14 20.2504 18V3C20.2504 2.86 20.1404 2.75 20.0004 2.75H18.4004Z" fill="var(--color-icon-primary)"/>\n</svg>',
155
- },
156
- },
157
- title: "<p>Sample Required:&nbsp;Blood</p>",
206
+ icon: ICON_LOCK,
207
+ title: "<p>Tokenization at the edge</p>",
208
+ description: "AES-256 with FIPS 140-2 Level 3 HSMs.",
158
209
  },
159
210
  {
160
- icon: {
161
- kind: "icon",
162
- data: {
163
- id: "chart-21",
164
- label: "Chart 21",
165
- tags: ["21", "business", "chart", "custom"],
166
- svgCode:
167
- '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M21 22.75H3C2.59 22.75 2.25 22.41 2.25 22C2.25 21.59 2.59 21.25 3 21.25H21C21.41 21.25 21.75 21.59 21.75 22C21.75 22.41 21.41 22.75 21 22.75Z" fill="var(--color-icon-primary)"/>\n<path d="M5.59998 19.75H4C3.04 19.75 2.25 18.96 2.25 18V9.38C2.25 8.42 3.04 7.63 4 7.63H5.59998C6.55998 7.63 7.34998 8.42 7.34998 9.38V18C7.34998 18.96 6.55998 19.75 5.59998 19.75ZM4 9.12C3.86 9.12 3.75 9.23 3.75 9.37V18C3.75 18.14 3.86 18.25 4 18.25H5.59998C5.73998 18.25 5.84998 18.14 5.84998 18V9.38C5.84998 9.24 5.73998 9.13 5.59998 9.13H4V9.12Z" fill="var(--color-icon-primary)"/>\n<path d="M12.8002 19.75H11.2002C10.2402 19.75 9.4502 18.96 9.4502 18V6.19C9.4502 5.23 10.2402 4.44 11.2002 4.44H12.8002C13.7602 4.44 14.5502 5.23 14.5502 6.19V18C14.5502 18.96 13.7602 19.75 12.8002 19.75ZM11.2002 5.94C11.0602 5.94 10.9502 6.05 10.9502 6.19V18C10.9502 18.14 11.0602 18.25 11.2002 18.25H12.8002C12.9402 18.25 13.0502 18.14 13.0502 18V6.19C13.0502 6.05 12.9402 5.94 12.8002 5.94H11.2002Z" fill="var(--color-icon-primary)"/>\n<path d="M20.0004 19.75H18.4004C17.4404 19.75 16.6504 18.96 16.6504 18V3C16.6504 2.04 17.4404 1.25 18.4004 1.25H20.0004C20.9604 1.25 21.7504 2.04 21.7504 3V18C21.7504 18.96 20.9604 19.75 20.0004 19.75ZM18.4004 2.75C18.2604 2.75 18.1504 2.86 18.1504 3V18C18.1504 18.14 18.2604 18.25 18.4004 18.25H20.0004C20.1404 18.25 20.2504 18.14 20.2504 18V3C20.2504 2.86 20.1404 2.75 20.0004 2.75H18.4004Z" fill="var(--color-icon-primary)"/>\n</svg>',
168
- },
169
- },
170
- title: "<p>Sample Required:&nbsp;Blood</p>",
211
+ icon: ICON_EYE,
212
+ title: "<p>Real-time fraud scoring</p>",
213
+ description: "Device, behavior, and network signals per txn.",
171
214
  },
172
215
  {
173
- icon: {
174
- kind: "icon",
175
- data: {
176
- id: "chart-21",
177
- label: "Chart 21",
178
- tags: ["21", "business", "chart", "custom"],
179
- svgCode:
180
- '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M21 22.75H3C2.59 22.75 2.25 22.41 2.25 22C2.25 21.59 2.59 21.25 3 21.25H21C21.41 21.25 21.75 21.59 21.75 22C21.75 22.41 21.41 22.75 21 22.75Z" fill="var(--color-icon-primary)"/>\n<path d="M5.59998 19.75H4C3.04 19.75 2.25 18.96 2.25 18V9.38C2.25 8.42 3.04 7.63 4 7.63H5.59998C6.55998 7.63 7.34998 8.42 7.34998 9.38V18C7.34998 18.96 6.55998 19.75 5.59998 19.75ZM4 9.12C3.86 9.12 3.75 9.23 3.75 9.37V18C3.75 18.14 3.86 18.25 4 18.25H5.59998C5.73998 18.25 5.84998 18.14 5.84998 18V9.38C5.84998 9.24 5.73998 9.13 5.59998 9.13H4V9.12Z" fill="var(--color-icon-primary)"/>\n<path d="M12.8002 19.75H11.2002C10.2402 19.75 9.4502 18.96 9.4502 18V6.19C9.4502 5.23 10.2402 4.44 11.2002 4.44H12.8002C13.7602 4.44 14.5502 5.23 14.5502 6.19V18C14.5502 18.96 13.7602 19.75 12.8002 19.75ZM11.2002 5.94C11.0602 5.94 10.9502 6.05 10.9502 6.19V18C10.9502 18.14 11.0602 18.25 11.2002 18.25H12.8002C12.9402 18.25 13.0502 18.14 13.0502 18V6.19C13.0502 6.05 12.9402 5.94 12.8002 5.94H11.2002Z" fill="var(--color-icon-primary)"/>\n<path d="M20.0004 19.75H18.4004C17.4404 19.75 16.6504 18.96 16.6504 18V3C16.6504 2.04 17.4404 1.25 18.4004 1.25H20.0004C20.9604 1.25 21.7504 2.04 21.7504 3V18C21.7504 18.96 20.9604 19.75 20.0004 19.75ZM18.4004 2.75C18.2604 2.75 18.1504 2.86 18.1504 3V18C18.1504 18.14 18.2604 18.25 18.4004 18.25H20.0004C20.1404 18.25 20.2504 18.14 20.2504 18V3C20.2504 2.86 20.1404 2.75 20.0004 2.75H18.4004Z" fill="var(--color-icon-primary)"/>\n</svg>',
181
- },
182
- },
183
- title: "<p>Sample Required:&nbsp;Blood</p>",
216
+ icon: ICON_MEDAL_STAR,
217
+ title: "<p>SOC 2, ISO 27001, PCI DSS L1</p>",
218
+ description: "Evidence refreshed continuously, not annually.",
184
219
  },
185
220
  ],
186
221
  },
@@ -242,7 +277,7 @@ export const Service1: IBlock = {
242
277
  prompt_description:
243
278
  "Main heading for the services section. Should be professional and impactful.",
244
279
  min_characters: 8,
245
- max_characters: 40,
280
+ max_characters: 60,
246
281
  },
247
282
  },
248
283
 
@@ -273,7 +308,6 @@ export const Service1: IBlock = {
273
308
  label: "Question Wrapper",
274
309
  field_interface: "BoxWidget",
275
310
  },
276
-
277
311
  {
278
312
  key: "question",
279
313
  label: "Question",
@@ -293,7 +327,7 @@ export const Service1: IBlock = {
293
327
  prompt_description:
294
328
  "Detailed answer to the FAQ question. Should be informative and helpful.",
295
329
  min_characters: 40,
296
- max_characters: 200,
330
+ max_characters: 240,
297
331
  },
298
332
  },
299
333
  ],
@@ -320,7 +354,7 @@ export const Service1: IBlock = {
320
354
  hint: {
321
355
  prompt_description: "Title for the features section. Should highlight key benefits.",
322
356
  min_characters: 8,
323
- max_characters: 30,
357
+ max_characters: 40,
324
358
  },
325
359
  },
326
360
  {
@@ -335,7 +369,7 @@ export const Service1: IBlock = {
335
369
  field_interface: "TypographyWidget",
336
370
  hint: {
337
371
  prompt_description: "Feature title highlighting a specific service benefit.",
338
- min_characters: 8,
372
+ min_characters: 4,
339
373
  max_characters: 30,
340
374
  },
341
375
  },
@@ -399,7 +433,7 @@ export const Service1: IBlock = {
399
433
  hint: {
400
434
  prompt_description: "Service description explaining the benefits and approach.",
401
435
  min_characters: 40,
402
- max_characters: 150,
436
+ max_characters: 200,
403
437
  },
404
438
  },
405
439
  {
@@ -416,7 +450,7 @@ export const Service1: IBlock = {
416
450
  prompt_description:
417
451
  "Call-to-action button text. Should be action-oriented and concise.",
418
452
  min_characters: 5,
419
- max_characters: 20,
453
+ max_characters: 24,
420
454
  },
421
455
  },
422
456
  ],
@@ -455,7 +489,7 @@ export const Service1: IBlock = {
455
489
  hint: {
456
490
  prompt_description: "Feature title highlighting a specific service advantage.",
457
491
  min_characters: 8,
458
- max_characters: 30,
492
+ max_characters: 40,
459
493
  },
460
494
  },
461
495
  {
@@ -466,7 +500,7 @@ export const Service1: IBlock = {
466
500
  prompt_description:
467
501
  "Brief description of the service feature and its value proposition.",
468
502
  min_characters: 20,
469
- max_characters: 80,
503
+ max_characters: 100,
470
504
  },
471
505
  },
472
506
  ],
@@ -479,8 +513,6 @@ export const Service1: IBlock = {
479
513
  },
480
514
  ],
481
515
  },
482
-
483
- // Service features below cards
484
516
  ],
485
517
  layouts: [
486
518
  {
@@ -500,624 +532,661 @@ export const Service1: IBlock = {
500
532
  width: "100%",
501
533
  },
502
534
  "left-container": {
503
- "flex-direction": "row",
535
+ "flex-direction": "column",
504
536
  "row-gap": "3xl",
505
537
  width: "70%",
506
538
  "border-style": "solid",
507
539
  "border-width": "1px",
508
540
  "border-color": "border",
509
- padding: "base",
510
- "border-radius": "base",
541
+ padding: "xl",
542
+ "border-radius": "lg",
543
+ display: "flex",
544
+ mobile: { width: "100%" },
511
545
  },
512
546
  "content-box": {},
513
547
  "main-title": {
514
- "margin-bottom": "xs",
515
- },
516
- "main-description": {
517
- color: "text-2",
518
- "line-height": "1.6",
519
548
  "margin-bottom": "xl",
549
+ "font-weight": 700,
550
+ "line-height": "1.2",
520
551
  },
521
552
  "services-accordion_levoGroup": {
522
553
  display: "flex",
523
554
  "flex-direction": "column",
524
- padding: "base",
525
- "border-radius": "base",
526
555
  },
527
- "services-accordion": [
528
- {
529
- wrapper: {
530
- "border-bottom-width": "1px",
531
- "border-style": "solid",
532
- "border-color": "border",
533
- "padding-top": "none",
534
- "padding-bottom": "none",
535
- },
536
- question: {
537
- "font-weight": 600,
538
- },
539
- answer: {
540
- "padding-bottom": "lg",
541
- },
542
- trigger: {
543
- width: "100%",
544
- display: "flex",
545
- "align-items": "center",
546
- "justify-content": "space-between",
547
- "padding-top": "lg",
548
- "padding-bottom": "lg",
549
- },
550
- iconQuestionWrapper: {
551
- display: "flex",
552
- "align-items": "center",
553
- "column-gap": "base",
554
- },
556
+ "services-accordion_levoGroupItem": {
557
+ wrapper: {
558
+ "border-bottom-width": "1px",
559
+ "border-style": "solid",
560
+ "border-color": "border",
561
+ "padding-top": "none",
562
+ "padding-bottom": "none",
555
563
  },
556
- {
557
- wrapper: {
558
- "border-bottom-width": "1px",
559
- "border-style": "solid",
560
- "border-color": "border",
561
- "padding-top": "none",
562
- "padding-bottom": "none",
563
- },
564
- question: {
565
- "font-weight": 600,
566
- },
567
- answer: {
568
- "padding-bottom": "lg",
569
- },
570
- trigger: {
571
- width: "100%",
572
- display: "flex",
573
- "align-items": "center",
574
- "justify-content": "space-between",
575
- "padding-top": "lg",
576
- "padding-bottom": "lg",
577
- },
578
- iconQuestionWrapper: {
579
- display: "flex",
580
- "align-items": "center",
581
- "column-gap": "base",
582
- },
564
+ question: {
565
+ "font-weight": 600,
583
566
  },
584
- {
585
- wrapper: {
586
- "border-bottom-width": "1px",
587
- "border-style": "solid",
588
- "border-color": "border",
589
- "padding-top": "none",
590
- "padding-bottom": "none",
591
- },
592
- question: {
593
- "font-weight": 600,
594
- },
595
- answer: {
596
- "padding-bottom": "lg",
597
- },
598
- trigger: {
599
- width: "100%",
600
- display: "flex",
601
- "align-items": "center",
602
- "justify-content": "space-between",
603
- "padding-top": "lg",
604
- "padding-bottom": "lg",
605
- },
606
- iconQuestionWrapper: {
607
- display: "flex",
608
- "align-items": "center",
609
- "column-gap": "base",
610
- },
567
+ answer: {
568
+ "padding-bottom": "lg",
569
+ color: "text-2",
570
+ "line-height": "1.6",
611
571
  },
612
- {
613
- wrapper: {
614
- "border-bottom-width": "1px",
615
- "border-style": "solid",
616
- "border-color": "border",
617
- "padding-top": "none",
618
- "padding-bottom": "none",
619
- },
620
- question: {
621
- "font-weight": 600,
622
- },
623
- answer: {
624
- "padding-bottom": "lg",
625
- },
626
- trigger: {
627
- width: "100%",
628
- display: "flex",
629
- "align-items": "center",
630
- "justify-content": "space-between",
631
- "padding-top": "lg",
632
- "padding-bottom": "lg",
633
- },
634
- iconQuestionWrapper: {
635
- display: "flex",
636
- "align-items": "center",
637
- "column-gap": "base",
638
- },
572
+ trigger: {
573
+ width: "100%",
574
+ display: "flex",
575
+ "align-items": "center",
576
+ "justify-content": "space-between",
577
+ "padding-top": "lg",
578
+ "padding-bottom": "lg",
639
579
  },
640
- ],
580
+ iconQuestionWrapper: {
581
+ display: "flex",
582
+ "align-items": "center",
583
+ "column-gap": "base",
584
+ },
585
+ },
586
+ "services-accordion": [{}, {}, {}, {}],
641
587
  "features-section": {
642
588
  display: "flex",
643
589
  "flex-direction": "column",
644
- "row-gap": "lg",
645
- padding: "base",
590
+ "row-gap": "base",
646
591
  },
647
592
  "features-title": {
648
593
  "font-weight": 600,
594
+ color: "brand",
595
+ "text-transform": "uppercase",
596
+ "letter-spacing": "0.08em",
597
+ "font-size": "xs",
649
598
  },
650
599
  "features-list_levoGroup": {
651
600
  display: "flex",
652
601
  "flex-direction": "row",
653
- "row-gap": "base",
654
- "column-gap": "base",
602
+ "flex-wrap": "wrap",
603
+ "row-gap": "sm",
604
+ "column-gap": "sm",
655
605
  },
656
- "features-list": [
657
- {
658
- "feature-item": {
606
+ "features-list_levoGroupItem": {
607
+ "feature-item": {
608
+ display: "flex",
609
+ "align-items": "center",
610
+ },
611
+ title: {
612
+ "font-weight": 600,
613
+ "background-color": "brandSecondary",
614
+ "border-radius": "3xl",
615
+ color: "brandSecondaryForeground",
616
+ "padding-right": "base",
617
+ "padding-left": "base",
618
+ "padding-top": "3xs",
619
+ "padding-bottom": "3xs",
620
+ "font-size": "xs",
621
+ },
622
+ },
623
+ "features-list": [{}, {}, {}],
624
+ "right-container": {
625
+ display: "flex",
626
+ "flex-direction": "column",
627
+ "row-gap": "xl",
628
+ width: "30%",
629
+ mobile: { width: "100%" },
630
+ },
631
+ "service-cards_levoGroup": {
632
+ display: "flex",
633
+ "flex-direction": "column",
634
+ "row-gap": "xl",
635
+ },
636
+ "service-cards_levoGroupItem": {
637
+ "card-container": {
638
+ display: "flex",
639
+ "flex-direction": "column",
640
+ "row-gap": "lg",
641
+ "padding-top": "xl",
642
+ "padding-bottom": "xl",
643
+ "padding-left": "xl",
644
+ "padding-right": "xl",
645
+ "border-radius": "lg",
646
+ "border-width": "1px",
647
+ "border-style": "solid",
648
+ "border-color": "border",
649
+ height: "100%",
650
+ },
651
+ title: {
652
+ "font-weight": 600,
653
+ },
654
+ image: {
655
+ width: "100%",
656
+ height: "180px",
657
+ "object-fit": "cover",
658
+ "border-radius": "base",
659
+ },
660
+ description: {
661
+ color: "text-2",
662
+ "line-height": "1.6",
663
+ "font-size": "sm",
664
+ },
665
+ ctas_levoGroup: {
666
+ display: "flex",
667
+ "flex-direction": "row",
668
+ "column-gap": "sm",
669
+ "row-gap": "sm",
670
+ "flex-wrap": "wrap",
671
+ "margin-top": "auto",
672
+ },
673
+ ctas_levoGroupItem: { cta: {} },
674
+ "service-features_levoGroup": {
675
+ display: "flex",
676
+ "flex-direction": "column",
677
+ "row-gap": "sm",
678
+ },
679
+ "service-features_levoGroupItem": {
680
+ "feature-container": {
659
681
  display: "flex",
660
- "align-items": "flex-start",
661
682
  "column-gap": "sm",
683
+ "align-items": "flex-start",
684
+ },
685
+ icon: {
686
+ width: "22px",
687
+ height: "22px",
688
+ "flex-shrink": "0",
689
+ "font-size": "22px",
690
+ },
691
+ "text-container": {
692
+ display: "flex",
693
+ "flex-direction": "column",
694
+ "row-gap": "3xs",
662
695
  },
663
696
  title: {
664
697
  "font-weight": 600,
665
- "margin-bottom": "xs",
666
- "background-color": "brandSecondary",
667
- "border-radius": "3xl",
668
- color: "brandSecondaryForeground",
669
- "padding-right": "sm",
670
- "padding-left": "sm",
671
- "padding-top": "4xs",
672
- "padding-bottom": "4xs",
698
+ "font-size": "sm",
673
699
  },
674
700
  description: {
675
- "font-size": "sm",
701
+ "font-size": "xs",
676
702
  color: "text-2",
677
703
  "line-height": "1.5",
678
704
  },
679
705
  },
706
+ "service-features": [{}, {}, {}],
707
+ },
708
+ "service-cards": [{}, {}],
709
+ },
710
+ content: DEFAULT_CONTENT,
711
+ config: {
712
+ "main-title": {
713
+ heading: { level: 2 },
714
+ selectedVariants: { Heading_Level: "H2" },
715
+ },
716
+ "features-title": {
717
+ heading: { level: "5" },
718
+ selectedVariants: { Heading_Level: "H6" },
719
+ },
720
+ "service-cards": [
680
721
  {
681
- "feature-item": {
682
- display: "flex",
683
- "align-items": "flex-start",
684
- "column-gap": "sm",
722
+ title: {
723
+ heading: { level: "5" },
724
+ selectedVariants: { Heading_Level: "H5" },
685
725
  },
726
+ description: { selectedVariants: { Typography_Variants: "Small" } },
727
+ "card-container": { selectedVariants: {} },
728
+ ctas: [
729
+ { cta: { selectedVariants: {} } },
730
+ { cta: { selectedVariants: { Button_Variants: "Secondary" } } },
731
+ ],
732
+ "service-features": [
733
+ { title: { selectedVariants: { Typography_Variants: "Small" } } },
734
+ { title: { selectedVariants: { Typography_Variants: "Small" } } },
735
+ { title: { selectedVariants: { Typography_Variants: "Small" } } },
736
+ ],
737
+ },
738
+ {
686
739
  title: {
687
- "font-weight": 600,
688
- "margin-bottom": "xs",
689
- "background-color": "brandSecondary",
690
- "border-radius": "3xl",
691
- color: "brandSecondaryForeground",
692
- "padding-right": "sm",
693
- "padding-left": "sm",
694
- "padding-top": "4xs",
695
- "padding-bottom": "4xs",
740
+ heading: { level: "5" },
741
+ selectedVariants: { Heading_Level: "H5" },
696
742
  },
697
- description: {
698
- "font-size": "sm",
699
- color: "text-2",
700
- "line-height": "1.5",
743
+ description: { selectedVariants: { Typography_Variants: "Small" } },
744
+ "card-container": { selectedVariants: {} },
745
+ ctas: [
746
+ { cta: { selectedVariants: {} } },
747
+ { cta: { selectedVariants: { Button_Variants: "Secondary" } } },
748
+ ],
749
+ "service-features": [
750
+ { title: { selectedVariants: { Typography_Variants: "Small" } } },
751
+ { title: { selectedVariants: { Typography_Variants: "Small" } } },
752
+ { title: { selectedVariants: { Typography_Variants: "Small" } } },
753
+ ],
754
+ },
755
+ ],
756
+ "services-accordion": [
757
+ {
758
+ question: {
759
+ heading: { level: "5" },
760
+ selectedVariants: { Heading_Level: "H6" },
701
761
  },
702
762
  },
703
763
  {
704
- "feature-item": {
705
- display: "flex",
706
- "align-items": "flex-start",
707
- "column-gap": "sm",
764
+ question: {
765
+ heading: { level: "5" },
766
+ selectedVariants: { Heading_Level: "H6" },
708
767
  },
709
- title: {
710
- "font-weight": 600,
711
- "margin-bottom": "xs",
712
- "background-color": "brandSecondary",
713
- "border-radius": "3xl",
714
- color: "brandSecondaryForeground",
715
- "padding-right": "sm",
716
- "padding-left": "sm",
717
- "padding-top": "4xs",
718
- "padding-bottom": "4xs",
768
+ },
769
+ {
770
+ question: {
771
+ heading: { level: "5" },
772
+ selectedVariants: { Heading_Level: "H6" },
719
773
  },
720
- description: {
721
- "font-size": "sm",
722
- color: "text-2",
723
- "line-height": "1.5",
774
+ },
775
+ {
776
+ question: {
777
+ heading: { level: "5" },
778
+ selectedVariants: { Heading_Level: "H6" },
724
779
  },
725
780
  },
726
781
  ],
727
- "right-container": {
782
+ "features-list": [
783
+ { title: { selectedVariants: {} } },
784
+ { title: { selectedVariants: {} } },
785
+ { title: { selectedVariants: {} } },
786
+ ],
787
+ },
788
+ },
789
+ ...((): any[] => {
790
+ const accordionStyleItem = {
791
+ wrapper: {
792
+ "border-bottom-width": "1px",
793
+ "border-style": "solid",
794
+ "border-color": "border",
795
+ },
796
+ question: { "font-weight": 600 },
797
+ answer: {
798
+ "padding-bottom": "lg",
799
+ color: "text-2",
800
+ "line-height": "1.6",
801
+ },
802
+ trigger: {
803
+ width: "100%",
804
+ display: "flex",
805
+ "align-items": "center",
806
+ "justify-content": "space-between",
807
+ "padding-top": "lg",
808
+ "padding-bottom": "lg",
809
+ },
810
+ iconQuestionWrapper: {
811
+ display: "flex",
812
+ "align-items": "center",
813
+ "column-gap": "base",
814
+ },
815
+ };
816
+ const featureStyleItem = {
817
+ "feature-item": {
818
+ display: "flex",
819
+ "align-items": "center",
820
+ },
821
+ title: {
822
+ "font-weight": 600,
823
+ "background-color": "brandSecondary",
824
+ color: "brandSecondaryForeground",
825
+ "border-radius": "3xl",
826
+ "padding-left": "base",
827
+ "padding-right": "base",
828
+ "padding-top": "3xs",
829
+ "padding-bottom": "3xs",
830
+ "font-size": "xs",
831
+ },
832
+ };
833
+ const makeCard = (extra: any = {}) => ({
834
+ "card-container": {
728
835
  display: "flex",
729
836
  "flex-direction": "column",
730
- "row-gap": "3xl",
731
- width: "30%",
837
+ "row-gap": "lg",
838
+ "padding-top": "xl",
839
+ "padding-bottom": "xl",
840
+ "padding-left": "xl",
841
+ "padding-right": "xl",
842
+ "border-radius": "lg",
843
+ "border-width": "1px",
844
+ "border-style": "solid",
845
+ "border-color": "border",
846
+ height: "100%",
847
+ ...extra,
732
848
  },
733
- "service-cards_levoGroup": {
849
+ title: { "font-weight": 600 },
850
+ image: {
851
+ width: "100%",
852
+ "aspect-ratio": "16 / 9",
853
+ "object-fit": "cover",
854
+ "border-radius": "base",
855
+ },
856
+ description: {
857
+ color: "text-2",
858
+ "line-height": "1.6",
859
+ "font-size": "sm",
860
+ },
861
+ ctas_levoGroup: {
734
862
  display: "flex",
735
- "grid-template-columns": "repeat(1, minmax(0, 1fr))",
736
- "row-gap": "xl",
737
- "column-gap": "lg",
738
- mobile: {
739
- "grid-template-columns": "repeat(1, minmax(0, 1fr))",
740
- },
741
- "flex-direction": "column-reverse",
863
+ "flex-direction": "row",
864
+ "column-gap": "sm",
865
+ "row-gap": "sm",
866
+ "flex-wrap": "wrap",
867
+ "margin-top": "auto",
742
868
  },
743
- "service-cards": [
869
+ ctas: [{ cta: {} }, { cta: {} }],
870
+ "service-features_levoGroup": {
871
+ display: "flex",
872
+ "flex-direction": "column",
873
+ "row-gap": "sm",
874
+ },
875
+ "service-features": [
744
876
  {
745
- "card-container": {
877
+ "feature-container": {
746
878
  display: "flex",
747
- "flex-direction": "column",
748
- "row-gap": "xs",
749
- "padding-top": "lg",
750
- "padding-bottom": "lg",
751
- "padding-left": "lg",
752
- "padding-right": "lg",
753
- "border-radius": "lg",
754
- "border-width": "1px",
755
- "border-style": "solid",
756
- "border-color": "border",
757
- },
758
- title: {
759
- "font-weight": 600,
879
+ "column-gap": "sm",
880
+ "align-items": "flex-start",
760
881
  },
761
- image: {
762
- width: "100%",
763
- height: "200px",
764
- "object-fit": "cover",
765
- "border-radius": "base",
882
+ icon: {
883
+ width: "22px",
884
+ height: "22px",
885
+ "flex-shrink": "0",
886
+ "font-size": "22px",
766
887
  },
767
- description: {
768
- color: "text-2",
769
- "line-height": "1.6",
770
- "font-size": "sm",
771
- "flex-grow": "1",
772
- },
773
- ctas_levoGroup: {
888
+ "text-container": {
774
889
  display: "flex",
775
890
  "flex-direction": "column",
776
- gap: "sm",
777
- "margin-top": "auto",
891
+ "row-gap": "3xs",
778
892
  },
779
- ctas: Array(2)
780
- .fill(0)
781
- .map(() => ({ cta: {} })),
782
- "service-features_levoGroup": {
783
- display: "grid",
784
- "grid-template-columns": "repeat(1, minmax(0, 1fr))",
785
- "row-gap": "6xs",
786
- "column-gap": "lg",
787
- mobile: {
788
- "grid-template-columns": "repeat(1, minmax(0, 1fr))",
789
- },
893
+ title: { "font-weight": 600, "font-size": "sm" },
894
+ description: {
895
+ "font-size": "xs",
896
+ color: "text-2",
897
+ "line-height": "1.5",
790
898
  },
791
- "service-features": [
792
- {
793
- "feature-container": {
794
- display: "flex",
795
- "column-gap": "2xs",
796
- },
797
- icon: {
798
- width: "22px",
799
- height: "22px",
800
- "flex-shrink": "0",
801
- "font-size": "22px",
802
- },
803
- "text-container": {
804
- display: "flex",
805
- "flex-direction": "column",
806
- },
807
- title: {
808
- "margin-bottom": "xs",
809
- },
810
- description: {
811
- "font-size": "xs",
812
- color: "text-2",
813
- "line-height": "1.5",
814
- },
815
- },
816
- {
817
- "feature-container": {
818
- display: "flex",
819
- "column-gap": "2xs",
820
- },
821
- icon: {
822
- width: "22px",
823
- height: "22px",
824
- "flex-shrink": "0",
825
- "font-size": "22px",
826
- },
827
- "text-container": {
828
- display: "flex",
829
- "flex-direction": "column",
830
- },
831
- title: {
832
- "margin-bottom": "xs",
833
- },
834
- description: {
835
- "font-size": "xs",
836
- color: "text-2",
837
- "line-height": "1.5",
838
- },
839
- },
840
- {
841
- "feature-container": {
842
- display: "flex",
843
- "column-gap": "2xs",
844
- },
845
- icon: {
846
- width: "22px",
847
- height: "22px",
848
- "flex-shrink": "0",
849
- "font-size": "22px",
850
- },
851
- "text-container": {
852
- display: "flex",
853
- "flex-direction": "column",
854
- },
855
- title: {
856
- "margin-bottom": "xs",
857
- },
858
- description: {
859
- "font-size": "xs",
860
- color: "text-2",
861
- "line-height": "1.5",
862
- },
863
- },
864
- ],
865
899
  },
866
900
  {
867
- "card-container": {
901
+ "feature-container": {
868
902
  display: "flex",
869
- "flex-direction": "column",
870
- "row-gap": "xs",
871
- "padding-top": "lg",
872
- "padding-bottom": "lg",
873
- "padding-left": "lg",
874
- "padding-right": "lg",
875
- "border-radius": "lg",
876
- "border-width": "1px",
877
- "border-style": "solid",
878
- "border-color": "border",
903
+ "column-gap": "sm",
904
+ "align-items": "flex-start",
879
905
  },
880
- title: {
881
- "font-weight": 600,
906
+ icon: {
907
+ width: "22px",
908
+ height: "22px",
909
+ "flex-shrink": "0",
910
+ "font-size": "22px",
882
911
  },
883
- image: {
884
- width: "100%",
885
- height: "200px",
886
- "object-fit": "cover",
887
- "border-radius": "base",
912
+ "text-container": {
913
+ display: "flex",
914
+ "flex-direction": "column",
915
+ "row-gap": "3xs",
888
916
  },
917
+ title: { "font-weight": 600, "font-size": "sm" },
889
918
  description: {
919
+ "font-size": "xs",
890
920
  color: "text-2",
891
- "line-height": "1.6",
892
- "font-size": "sm",
893
- "flex-grow": "1",
921
+ "line-height": "1.5",
922
+ },
923
+ },
924
+ {
925
+ "feature-container": {
926
+ display: "flex",
927
+ "column-gap": "sm",
928
+ "align-items": "flex-start",
929
+ },
930
+ icon: {
931
+ width: "22px",
932
+ height: "22px",
933
+ "flex-shrink": "0",
934
+ "font-size": "22px",
894
935
  },
895
- ctas_levoGroup: {
936
+ "text-container": {
896
937
  display: "flex",
897
938
  "flex-direction": "column",
898
- gap: "sm",
899
- "margin-top": "auto",
939
+ "row-gap": "3xs",
900
940
  },
901
- ctas: Array(2)
902
- .fill(0)
903
- .map(() => ({ cta: {} })),
904
- "service-features_levoGroup": {
905
- display: "grid",
906
- "grid-template-columns": "repeat(1, minmax(0, 1fr))",
907
- "row-gap": "6xs",
908
- "column-gap": "lg",
909
- mobile: {
910
- "grid-template-columns": "repeat(1, minmax(0, 1fr))",
911
- },
941
+ title: { "font-weight": 600, "font-size": "sm" },
942
+ description: {
943
+ "font-size": "xs",
944
+ color: "text-2",
945
+ "line-height": "1.5",
912
946
  },
913
- "service-features": [
914
- {
915
- "feature-container": {
916
- display: "flex",
917
- "column-gap": "2xs",
918
- },
919
- icon: {
920
- width: "22px",
921
- height: "22px",
922
- "flex-shrink": "0",
923
- "font-size": "22px",
924
- },
925
- "text-container": {
926
- display: "flex",
927
- "flex-direction": "column",
928
- },
929
- title: {
930
- "margin-bottom": "xs",
931
- },
932
- description: {
933
- "font-size": "xs",
934
- color: "text-2",
935
- "line-height": "1.5",
936
- },
937
- },
938
- {
939
- "feature-container": {
940
- display: "flex",
941
- "column-gap": "2xs",
942
- },
943
- icon: {
944
- width: "22px",
945
- height: "22px",
946
- "flex-shrink": "0",
947
- "font-size": "22px",
948
- },
949
- "text-container": {
950
- display: "flex",
951
- "flex-direction": "column",
952
- },
953
- title: {
954
- "margin-bottom": "xs",
955
- },
956
- description: {
957
- "font-size": "xs",
958
- color: "text-2",
959
- "line-height": "1.5",
960
- },
961
- },
962
- {
963
- "feature-container": {
964
- display: "flex",
965
- "column-gap": "2xs",
966
- },
967
- icon: {
968
- width: "22px",
969
- height: "22px",
970
- "flex-shrink": "0",
971
- "font-size": "22px",
972
- },
973
- "text-container": {
974
- display: "flex",
975
- "flex-direction": "column",
976
- },
977
- title: {
978
- "margin-bottom": "xs",
979
- },
980
- description: {
981
- "font-size": "xs",
982
- color: "text-2",
983
- "line-height": "1.5",
984
- },
985
- },
986
- ],
987
947
  },
988
948
  ],
989
- },
990
- content: DEFAULT_CONTENT,
991
- config: {
949
+ });
950
+
951
+ const commonConfig = {
992
952
  "main-title": {
993
- heading: {
994
- level: 2,
995
- },
996
- selectedVariants: {
997
- Heading_Level: "H2",
998
- },
953
+ heading: { level: 2 },
954
+ selectedVariants: { Heading_Level: "H2" },
999
955
  },
1000
956
  "features-title": {
1001
- heading: {
1002
- level: "4",
1003
- },
1004
- selectedVariants: {
1005
- Heading_Level: "H5",
1006
- },
957
+ heading: { level: "5" },
958
+ selectedVariants: { Heading_Level: "H6" },
1007
959
  },
1008
960
  "service-cards": [
1009
961
  {
1010
962
  title: {
1011
- heading: {
1012
- level: "5",
1013
- },
1014
- selectedVariants: {
1015
- Heading_Level: "H6",
1016
- },
1017
- },
1018
- description: {
1019
- selectedVariants: {
1020
- Typography_Variants: "Small",
1021
- },
1022
- },
1023
- "card-container": {
1024
- selectedVariants: {},
963
+ heading: { level: "5" },
964
+ selectedVariants: { Heading_Level: "H5" },
1025
965
  },
966
+ description: { selectedVariants: { Typography_Variants: "Small" } },
967
+ "card-container": { selectedVariants: {} },
968
+ ctas: [
969
+ { cta: { selectedVariants: {} } },
970
+ { cta: { selectedVariants: { Button_Variants: "Secondary" } } },
971
+ ],
972
+ "service-features": [
973
+ { title: { selectedVariants: { Typography_Variants: "Small" } } },
974
+ { title: { selectedVariants: { Typography_Variants: "Small" } } },
975
+ { title: { selectedVariants: { Typography_Variants: "Small" } } },
976
+ ],
1026
977
  },
1027
978
  {
1028
979
  title: {
1029
- heading: {
1030
- level: "5",
1031
- },
1032
- selectedVariants: {
1033
- Heading_Level: "H6",
1034
- },
980
+ heading: { level: "5" },
981
+ selectedVariants: { Heading_Level: "H5" },
1035
982
  },
983
+ description: { selectedVariants: { Typography_Variants: "Small" } },
984
+ "card-container": { selectedVariants: {} },
985
+ ctas: [
986
+ { cta: { selectedVariants: {} } },
987
+ { cta: { selectedVariants: { Button_Variants: "Secondary" } } },
988
+ ],
1036
989
  "service-features": [
1037
- {
1038
- title: {
1039
- selectedVariants: {
1040
- Typography_Variants: "Small",
1041
- },
1042
- },
1043
- },
1044
- {
1045
- title: {
1046
- selectedVariants: {
1047
- Typography_Variants: "Small",
1048
- },
1049
- },
1050
- },
1051
- {
1052
- title: {
1053
- selectedVariants: {
1054
- Typography_Variants: "Small",
1055
- },
1056
- },
1057
- },
990
+ { title: { selectedVariants: { Typography_Variants: "Small" } } },
991
+ { title: { selectedVariants: { Typography_Variants: "Small" } } },
992
+ { title: { selectedVariants: { Typography_Variants: "Small" } } },
1058
993
  ],
1059
- "card-container": {
1060
- selectedVariants: {},
1061
- },
1062
994
  },
1063
995
  ],
1064
996
  "services-accordion": [
1065
997
  {
1066
998
  question: {
1067
- heading: {
1068
- level: "5",
1069
- },
1070
- selectedVariants: {
1071
- Heading_Level: "H6",
1072
- },
999
+ heading: { level: "5" },
1000
+ selectedVariants: { Heading_Level: "H6" },
1073
1001
  },
1074
1002
  },
1075
1003
  {
1076
1004
  question: {
1077
- selectedVariants: {
1078
- Heading_Level: "H6",
1079
- },
1080
- heading: {
1081
- level: "5",
1082
- },
1005
+ heading: { level: "5" },
1006
+ selectedVariants: { Heading_Level: "H6" },
1083
1007
  },
1084
1008
  },
1085
1009
  {
1086
1010
  question: {
1087
- selectedVariants: {
1088
- Heading_Level: "H6",
1089
- },
1090
- heading: {
1091
- level: "5",
1092
- },
1011
+ heading: { level: "5" },
1012
+ selectedVariants: { Heading_Level: "H6" },
1093
1013
  },
1094
1014
  },
1095
1015
  {
1096
1016
  question: {
1097
- selectedVariants: {
1098
- Heading_Level: "H6",
1099
- },
1017
+ heading: { level: "5" },
1018
+ selectedVariants: { Heading_Level: "H6" },
1100
1019
  },
1101
1020
  },
1102
1021
  ],
1103
1022
  "features-list": [
1104
- {
1105
- title: {
1106
- selectedVariants: {},
1023
+ { title: { selectedVariants: {} } },
1024
+ { title: { selectedVariants: {} } },
1025
+ { title: { selectedVariants: {} } },
1026
+ ],
1027
+ };
1028
+
1029
+ return [
1030
+ {
1031
+ key: "stacked-hero",
1032
+ title: "Stacked Hero",
1033
+ styles: {
1034
+ layout: { "background-color": "background-2" },
1035
+ container: {},
1036
+ "main-wrapper": {
1037
+ display: "flex",
1038
+ "flex-direction": "column",
1039
+ "row-gap": "3xl",
1040
+ width: "100%",
1107
1041
  },
1108
- },
1109
- {
1110
- title: {
1111
- selectedVariants: {},
1042
+ "left-container": {
1043
+ width: "100%",
1044
+ "text-align": "center",
1045
+ display: "flex",
1046
+ "flex-direction": "column",
1047
+ "align-items": "center",
1048
+ "row-gap": "xl",
1049
+ },
1050
+ "content-box": { "max-width": "720px" },
1051
+ "main-title": {
1052
+ "margin-bottom": "sm",
1053
+ "font-weight": 700,
1054
+ "line-height": "1.15",
1112
1055
  },
1056
+ "services-accordion_levoGroup": {
1057
+ display: "flex",
1058
+ "flex-direction": "column",
1059
+ "background-color": "background-1",
1060
+ "padding-left": "xl",
1061
+ "padding-right": "xl",
1062
+ "padding-top": "sm",
1063
+ "padding-bottom": "sm",
1064
+ "border-radius": "xl",
1065
+ "max-width": "720px",
1066
+ "margin-left": "auto",
1067
+ "margin-right": "auto",
1068
+ width: "100%",
1069
+ "text-align": "left",
1070
+ },
1071
+ "services-accordion_levoGroupItem": accordionStyleItem,
1072
+ "services-accordion": [{}, {}, {}, {}],
1073
+ "features-section": {
1074
+ display: "flex",
1075
+ "flex-direction": "column",
1076
+ "row-gap": "sm",
1077
+ "align-items": "center",
1078
+ },
1079
+ "features-title": {
1080
+ "font-weight": 600,
1081
+ color: "brand",
1082
+ "text-transform": "uppercase",
1083
+ "letter-spacing": "0.08em",
1084
+ "font-size": "xs",
1085
+ },
1086
+ "features-list_levoGroup": {
1087
+ display: "flex",
1088
+ "flex-direction": "row",
1089
+ "column-gap": "sm",
1090
+ "row-gap": "sm",
1091
+ "flex-wrap": "wrap",
1092
+ "justify-content": "center",
1093
+ },
1094
+ "features-list_levoGroupItem": featureStyleItem,
1095
+ "features-list": [{}, {}, {}],
1096
+ "right-container": {
1097
+ display: "grid",
1098
+ "grid-template-columns": "repeat(2, minmax(0, 1fr))",
1099
+ "column-gap": "xl",
1100
+ "row-gap": "xl",
1101
+ width: "100%",
1102
+ mobile: { "grid-template-columns": "repeat(1, minmax(0, 1fr))" },
1103
+ },
1104
+ "service-cards_levoGroup": {
1105
+ display: "contents",
1106
+ },
1107
+ "service-cards_levoGroupItem": makeCard({
1108
+ "background-color": "background-1",
1109
+ "border-width": "0",
1110
+ }),
1111
+ "service-cards": [{}, {}],
1113
1112
  },
1114
- {
1115
- title: {
1116
- selectedVariants: {},
1113
+ content: DEFAULT_CONTENT,
1114
+ config: commonConfig,
1115
+ },
1116
+ {
1117
+ key: "grid-cards",
1118
+ title: "Grid Cards",
1119
+ styles: {
1120
+ layout: {},
1121
+ container: {},
1122
+ "main-wrapper": {
1123
+ display: "flex",
1124
+ "flex-direction": "column",
1125
+ "row-gap": "3xl",
1126
+ width: "100%",
1127
+ },
1128
+ "left-container": {
1129
+ width: "100%",
1130
+ display: "flex",
1131
+ "flex-direction": "row",
1132
+ "column-gap": "2xl",
1133
+ "align-items": "flex-start",
1134
+ mobile: { "flex-direction": "column", "row-gap": "xl" },
1135
+ },
1136
+ "content-box": { flex: "1" },
1137
+ "main-title": {
1138
+ "margin-bottom": "xs",
1139
+ "font-weight": 700,
1140
+ "line-height": "1.2",
1141
+ },
1142
+ "services-accordion_levoGroup": {
1143
+ display: "none",
1144
+ },
1145
+ "services-accordion_levoGroupItem": accordionStyleItem,
1146
+ "services-accordion": [{}, {}, {}, {}],
1147
+ "features-section": {
1148
+ display: "flex",
1149
+ "flex-direction": "column",
1150
+ "row-gap": "base",
1151
+ flex: "1",
1152
+ },
1153
+ "features-title": {
1154
+ "font-weight": 600,
1155
+ color: "brand",
1156
+ "text-transform": "uppercase",
1157
+ "letter-spacing": "0.08em",
1158
+ "font-size": "xs",
1159
+ },
1160
+ "features-list_levoGroup": {
1161
+ display: "flex",
1162
+ "flex-direction": "row",
1163
+ "flex-wrap": "wrap",
1164
+ "row-gap": "sm",
1165
+ "column-gap": "sm",
1166
+ },
1167
+ "features-list_levoGroupItem": featureStyleItem,
1168
+ "features-list": [{}, {}, {}],
1169
+ "right-container": {
1170
+ display: "grid",
1171
+ "grid-template-columns": "repeat(2, minmax(0, 1fr))",
1172
+ "column-gap": "xl",
1173
+ "row-gap": "xl",
1174
+ width: "100%",
1175
+ mobile: { "grid-template-columns": "repeat(1, minmax(0, 1fr))" },
1176
+ },
1177
+ "service-cards_levoGroup": {
1178
+ display: "contents",
1117
1179
  },
1180
+ "service-cards_levoGroupItem": makeCard({
1181
+ "box-shadow": "default",
1182
+ "border-width": "0",
1183
+ }),
1184
+ "service-cards": [{}, {}],
1118
1185
  },
1119
- ],
1120
- },
1121
- },
1186
+ content: DEFAULT_CONTENT,
1187
+ config: commonConfig,
1188
+ },
1189
+ ];
1190
+ })(),
1122
1191
  ],
1123
1192
  };