@levo-so/blocks 0.1.100 → 0.1.102

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (159) hide show
  1. package/package.json +5 -4
  2. package/src/blocks/about-us/about-us-1.schema.ts +302 -295
  3. package/src/blocks/about-us/about-us-2.schema.ts +225 -220
  4. package/src/blocks/blogs/blog-author-1.schema.ts +719 -0
  5. package/src/blocks/blogs/blog-author-1.tsx +121 -0
  6. package/src/blocks/blogs/blog-listing-1.tsx +111 -33
  7. package/src/blocks/blogs/blog-listing-2.schema.ts +15 -33
  8. package/src/blocks/blogs/blog-listing-2.tsx +118 -33
  9. package/src/blocks/blogs/blog-listing-3.schema.ts +10 -22
  10. package/src/blocks/blogs/blog-listing-3.tsx +118 -33
  11. package/src/blocks/blogs/blog-post-1.schema.ts +766 -16
  12. package/src/blocks/blogs/blog-post-1.tsx +256 -32
  13. package/src/blocks/calendar/calendar-1.schema.ts +641 -192
  14. package/src/blocks/calendar/calendar-1.tsx +1 -0
  15. package/src/blocks/cards/cards-10.schema.ts +557 -544
  16. package/src/blocks/cards/cards-11.schema.ts +525 -419
  17. package/src/blocks/cards/cards-12.schema.ts +538 -147
  18. package/src/blocks/cards/cards-13.schema.ts +482 -312
  19. package/src/blocks/cards/cards-14.schema.ts +423 -196
  20. package/src/blocks/cards/cards-15.schema.ts +309 -143
  21. package/src/blocks/cards/cards-16.schema.ts +1277 -175
  22. package/src/blocks/cards/cards-17.schema.ts +2908 -1303
  23. package/src/blocks/cards/cards-18.schema.ts +1404 -217
  24. package/src/blocks/cards/cards-19.schema.ts +1105 -1084
  25. package/src/blocks/cards/cards-19.tsx +4 -5
  26. package/src/blocks/cards/cards-2.schema.ts +513 -42
  27. package/src/blocks/cards/cards-20.schema.ts +790 -212
  28. package/src/blocks/cards/cards-21.schema.ts +1215 -229
  29. package/src/blocks/cards/cards-21.tsx +51 -6
  30. package/src/blocks/cards/cards-22.schema.ts +1252 -2809
  31. package/src/blocks/cards/cards-22.tsx +6 -7
  32. package/src/blocks/cards/cards-23.schema.ts +571 -109
  33. package/src/blocks/cards/cards-3.schema.ts +355 -116
  34. package/src/blocks/cards/cards-4.schema.ts +805 -321
  35. package/src/blocks/cards/cards-5.schema.ts +216 -64
  36. package/src/blocks/cards/cards-6.schema.ts +568 -1330
  37. package/src/blocks/cards/cards-7.schema.ts +1181 -1378
  38. package/src/blocks/cards/cards-8.schema.ts +585 -221
  39. package/src/blocks/cards/cards-9.schema.ts +763 -382
  40. package/src/blocks/carousel/carousel-1.schema.ts +257 -502
  41. package/src/blocks/carousel/carousel-2.schema.ts +771 -761
  42. package/src/blocks/community/community-1.schema.ts +8 -23
  43. package/src/blocks/community/community-1.tsx +3 -3
  44. package/src/blocks/community/community-post-1.tsx +4 -4
  45. package/src/blocks/contact-us/contact-us-1.schema.ts +360 -14
  46. package/src/blocks/contact-us/contact-us-2.schema.ts +441 -325
  47. package/src/blocks/content/content-1.schema.ts +800 -381
  48. package/src/blocks/content/content-10.schema.ts +763 -20
  49. package/src/blocks/content/content-2.schema.ts +426 -52
  50. package/src/blocks/content/content-3.schema.ts +631 -432
  51. package/src/blocks/content/content-4.schema.ts +378 -123
  52. package/src/blocks/content/content-5.schema.ts +1152 -682
  53. package/src/blocks/content/content-6.schema.ts +679 -707
  54. package/src/blocks/content/content-7.schema.ts +694 -291
  55. package/src/blocks/content/content-8.schema.ts +247 -7
  56. package/src/blocks/content/content-9.schema.ts +855 -116
  57. package/src/blocks/cta/cta-1.schema.ts +294 -62
  58. package/src/blocks/cta/cta-2.schema.ts +302 -66
  59. package/src/blocks/cta/cta-2.tsx +1 -2
  60. package/src/blocks/cta/cta-3.schema.ts +312 -62
  61. package/src/blocks/embed/embed-1.schema.ts +181 -0
  62. package/src/blocks/event/event-listing-2.schema.ts +5 -11
  63. package/src/blocks/event/event-listing-3.schema.ts +5 -11
  64. package/src/blocks/event/event-listing-4.schema.ts +5 -11
  65. package/src/blocks/event/event-listing.schema.ts +5 -11
  66. package/src/blocks/faq/faq-1.schema.ts +439 -260
  67. package/src/blocks/faq/faq-2.schema.ts +444 -266
  68. package/src/blocks/faq/faq-3.schema.ts +1420 -224
  69. package/src/blocks/features/features-1/features-1.schema.ts +21 -21
  70. package/src/blocks/features/features-1/variants/default.ts +120 -138
  71. package/src/blocks/features/features-1/variants/index.ts +2 -2
  72. package/src/blocks/features/features-1/variants/minimal-list.ts +139 -0
  73. package/src/blocks/features/features-1/variants/stylized-cards-v1.ts +69 -385
  74. package/src/blocks/features/features-1/variants/stylized-cards-v2.ts +74 -408
  75. package/src/blocks/features/features-2.schema.ts +368 -286
  76. package/src/blocks/features/features-3.schema.ts +557 -280
  77. package/src/blocks/features/features-4.schema.ts +940 -432
  78. package/src/blocks/features/features-5.schema.ts +566 -407
  79. package/src/blocks/features/features-6.schema.ts +557 -523
  80. package/src/blocks/filter-listing/filter-listing-1.schema.ts +922 -270
  81. package/src/blocks/floating-buttons/floating-button-1.schema.ts +123 -0
  82. package/src/blocks/footer/footer-1.schema.ts +383 -401
  83. package/src/blocks/footer/footer-2.schema.ts +337 -878
  84. package/src/blocks/footer/footer-3.schema.ts +445 -381
  85. package/src/blocks/footer/footer-4.schema.ts +610 -439
  86. package/src/blocks/footer/footer-5.schema.ts +367 -321
  87. package/src/blocks/footer/footer-6.schema.ts +610 -357
  88. package/src/blocks/form/form-1.schema.ts +237 -0
  89. package/src/blocks/hero/hero-1.schema.ts +251 -221
  90. package/src/blocks/hero/hero-10.schema.ts +23 -14
  91. package/src/blocks/hero/hero-11.schema.ts +728 -601
  92. package/src/blocks/hero/hero-12.schema.ts +524 -334
  93. package/src/blocks/hero/hero-13.schema.ts +83 -95
  94. package/src/blocks/hero/hero-2.schema.ts +277 -68
  95. package/src/blocks/hero/hero-3.schema.ts +371 -235
  96. package/src/blocks/hero/hero-3.tsx +1 -1
  97. package/src/blocks/hero/hero-4.schema.ts +605 -338
  98. package/src/blocks/hero/hero-5.schema.ts +545 -61
  99. package/src/blocks/hero/hero-6.schema.ts +446 -257
  100. package/src/blocks/hero/hero-6.tsx +1 -1
  101. package/src/blocks/hero/hero-7.schema.ts +1299 -131
  102. package/src/blocks/hero/hero-7.tsx +43 -23
  103. package/src/blocks/hero/hero-8.schema.ts +736 -236
  104. package/src/blocks/hero/hero-9.schema.ts +908 -58
  105. package/src/blocks/index.ts +2 -0
  106. package/src/blocks/jobs/jobs-1.schema.ts +741 -219
  107. package/src/blocks/logos/logos-1.schema.ts +317 -321
  108. package/src/blocks/logos/logos-1.tsx +32 -19
  109. package/src/blocks/navbar/navbar-1.schema.ts +319 -186
  110. package/src/blocks/navbar/navbar-2.schema.ts +311 -190
  111. package/src/blocks/navbar/navbar-3.schema.ts +612 -570
  112. package/src/blocks/navbar/navbar-4.schema.ts +741 -1250
  113. package/src/blocks/polling/polling-1.schema.ts +161 -0
  114. package/src/blocks/pricing/pricing-1.schema.ts +549 -626
  115. package/src/blocks/products/products-listing-1.schema.ts +363 -249
  116. package/src/blocks/products/products-listing-2.schema.ts +515 -257
  117. package/src/blocks/products/products-listing-3.schema.ts +789 -836
  118. package/src/blocks/profile/profile-1.schema.ts +168 -187
  119. package/src/blocks/profile/profile-2.schema.ts +150 -122
  120. package/src/blocks/profile/profile-3.schema.ts +307 -256
  121. package/src/blocks/profile/profile-4.schema.ts +372 -504
  122. package/src/blocks/profile/profile-5.schema.ts +186 -79
  123. package/src/blocks/services/service-1.schema.ts +700 -631
  124. package/src/blocks/services/service-2.schema.ts +559 -82
  125. package/src/blocks/services/service-2.tsx +5 -3
  126. package/src/blocks/services/service-3.schema.ts +587 -215
  127. package/src/blocks/services/service-3.tsx +4 -2
  128. package/src/blocks/stats/stats-1.schema.ts +347 -257
  129. package/src/blocks/stats/stats-2.schema.ts +14 -2
  130. package/src/blocks/stats/variants/default.ts +14 -37
  131. package/src/blocks/stats/variants/extra.ts +232 -0
  132. package/src/blocks/stats/variants/hero.ts +1 -30
  133. package/src/blocks/stats/variants/index.ts +13 -1
  134. package/src/blocks/tabs/tab-1.schema.ts +1361 -214
  135. package/src/blocks/tabs/tab-2.schema.ts +984 -390
  136. package/src/blocks/tabs/tab-3.schema.ts +961 -95
  137. package/src/blocks/team/team-1.schema.ts +681 -564
  138. package/src/blocks/team/team-2.schema.ts +589 -935
  139. package/src/blocks/team/team-3.schema.ts +375 -284
  140. package/src/blocks/team/team-4.schema.ts +569 -355
  141. package/src/blocks/team/team-5.schema.ts +307 -111
  142. package/src/blocks/testimonial/testimonial-1.schema.ts +605 -706
  143. package/src/blocks/testimonial/testimonial-2.schema.ts +825 -1099
  144. package/src/blocks/testimonial/testimonial-3.schema.ts +580 -235
  145. package/src/blocks/testimonial/testimonial-4.schema.ts +1326 -1779
  146. package/src/blocks/testimonial/testimonial-5/variants/default.ts +179 -328
  147. package/src/blocks/testimonial/testimonial-5/variants/index.ts +9 -1
  148. package/src/blocks/testimonial/testimonial-5/variants/testimonialCentered.ts +194 -0
  149. package/src/blocks/testimonial/testimonial-5/variants/testimonialCompact.ts +188 -0
  150. package/src/blocks/testimonial/testimonial-5/variants/testimonialWithLogo.ts +275 -396
  151. package/src/blocks/testimonial/testimonial-5/variants/testimonialWithRatings.ts +254 -602
  152. package/src/blocks/testimonial/testimonial-5.schema.ts +6 -2
  153. package/src/blocks/testimonial/testimonial-6.schema.ts +962 -1234
  154. package/src/blocks/testimonial/testimonial-7.schema.ts +515 -233
  155. package/src/blocks/timeline/timeline-1.schema.ts +382 -140
  156. package/src/blocks/users/edit-profile.schema.ts +2 -8
  157. package/src/blocks/users/edit-profile.tsx +2 -3
  158. package/src/schemas/blocks.ts +2 -0
  159. package/src/blocks/features/features-1/variants/stylized-cards-v3.ts +0 -268
@@ -1,32 +1,81 @@
1
1
  import type { IBlock } from "@levo-so/studio";
2
2
 
3
- const DUMMY_ICON = {
3
+ const MEDIA_LOGO = {
4
+ id: "levo-logo-1024",
5
+ kind: "image",
6
+ location:
7
+ "https://static.levocdn.com/WLZ1TXTD/levo-logo-1024-LkpWlHydPFURU.svg",
8
+ mimetype: "image/svg+xml",
9
+ };
10
+
11
+ const ICON_LINKEDIN = {
4
12
  kind: "icon",
5
13
  data: {
6
- id: "archive-minus",
7
- label: "Archive Minus",
8
- tags: ["archive", "custom", "directional", "minus"],
14
+ id: "linkedin",
15
+ label: "Linkedin",
9
16
  svgCode:
10
- '<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>',
17
+ '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M22.2234 0H1.77187C0.792187 0 0 0.773438 0 1.72969V22.2656C0 23.2219 0.792187 24 1.77187 24H22.2234C23.2031 24 24 23.2219 24 22.2703V1.72969C24 0.773438 23.2031 0 22.2234 0ZM7.12031 20.4516H3.55781V8.99531H7.12031V20.4516ZM5.33906 7.43438C4.19531 7.43438 3.27188 6.51094 3.27188 5.37187C3.27188 4.23281 4.19531 3.30937 5.33906 3.30937C6.47813 3.30937 7.40156 4.23281 7.40156 5.37187C7.40156 6.50625 6.47813 7.43438 5.33906 7.43438ZM20.4516 20.4516H16.8937V14.8828C16.8937 13.5562 16.8703 11.8453 15.0422 11.8453C13.1906 11.8453 12.9094 13.2937 12.9094 14.7891V20.4516H9.35625V8.99531H12.7687V10.5609H12.8156C13.2891 9.66094 14.4516 8.70938 16.1813 8.70938C19.7859 8.70938 20.4516 11.0813 20.4516 14.1656V20.4516Z" fill="var(--color-icon-primary)"/>\n</svg>',
11
18
  },
12
19
  };
13
20
 
14
- const MEDIA = {
15
- id: "6Hg5xxyErnEM",
16
- filename: "footer-2-logo.png",
17
- kind: "image",
18
- location: "https://static.levocdn.com/WLZ1TXTD/footer-2-logo-sR8ojjdBVGGW.png",
19
- srcset: {
20
- "1080w": "https://static.levocdn.com/WLZ1TXTD/footer-2-logo-sR8ojjdBVGGW-1080w.webp",
21
- "1200w": "https://static.levocdn.com/WLZ1TXTD/footer-2-logo-sR8ojjdBVGGW-1200w.webp",
22
- "1920w": "https://static.levocdn.com/WLZ1TXTD/footer-2-logo-sR8ojjdBVGGW-1920w.webp",
23
- "320w": "https://static.levocdn.com/WLZ1TXTD/footer-2-logo-sR8ojjdBVGGW-320w.webp",
24
- "640w": "https://static.levocdn.com/WLZ1TXTD/footer-2-logo-sR8ojjdBVGGW-640w.webp",
25
- "750w": "https://static.levocdn.com/WLZ1TXTD/footer-2-logo-sR8ojjdBVGGW-750w.webp",
26
- "828w": "https://static.levocdn.com/WLZ1TXTD/footer-2-logo-sR8ojjdBVGGW-828w.webp",
27
- path: "https://static.levocdn.com/WLZ1TXTD/footer-2-logo-sR8ojjdBVGGW-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/footer-2-logo-sR8ojjdBVGGW-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/footer-2-logo-sR8ojjdBVGGW-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/footer-2-logo-sR8ojjdBVGGW-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/footer-2-logo-sR8ojjdBVGGW-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/footer-2-logo-sR8ojjdBVGGW-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/footer-2-logo-sR8ojjdBVGGW-640w.webp 640w",
21
+ const ICON_TWITTER = {
22
+ kind: "icon",
23
+ data: {
24
+ id: "twitter",
25
+ label: "Twitter",
26
+ svgCode:
27
+ '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M7.55016 21.75C16.6045 21.75 21.5583 14.2468 21.5583 7.74192C21.5583 7.53098 21.5536 7.31536 21.5442 7.10442C22.5079 6.40752 23.3395 5.54432 24 4.55536C23.1025 4.95466 22.1496 5.21544 21.1739 5.3288C22.2013 4.71297 22.9705 3.74553 23.3391 2.60583C22.3726 3.17862 21.3156 3.58267 20.2134 3.80067C19.4708 3.01162 18.489 2.48918 17.4197 2.31411C16.3504 2.13905 15.2532 2.32111 14.2977 2.83216C13.3423 3.3432 12.5818 4.15477 12.1338 5.14137C11.6859 6.12798 11.5754 7.23468 11.8195 8.29036C9.86249 8.19215 7.94794 7.68377 6.19998 6.79816C4.45203 5.91255 2.90969 4.6695 1.67297 3.14958C1.0444 4.2333 0.852057 5.51571 1.13503 6.73615C1.418 7.9566 2.15506 9.02351 3.19641 9.72005C2.41463 9.69523 1.64998 9.48474 0.965625 9.10598V9.16692C0.964925 10.3042 1.3581 11.4066 2.07831 12.2868C2.79852 13.167 3.80132 13.7706 4.91625 13.995C4.19206 14.1932 3.43198 14.2221 2.69484 14.0794C3.00945 15.0575 3.62157 15.913 4.44577 16.5264C5.26997 17.1398 6.26512 17.4807 7.29234 17.5013C5.54842 18.8712 3.39417 19.6142 1.17656 19.6107C0.783287 19.6101 0.390399 19.586 0 19.5385C2.25286 20.9838 4.87353 21.7514 7.55016 21.75Z" fill="var(--color-icon-primary)"/>\n</svg>',
28
+ },
29
+ };
30
+
31
+ const ICON_GITHUB = {
32
+ kind: "icon",
33
+ data: {
34
+ id: "github",
35
+ label: "Github",
36
+ svgCode:
37
+ '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path fill-rule="evenodd" clip-rule="evenodd" d="M12 0C5.3724 0 0 5.3808 0 12.0204C0 17.3304 3.438 21.8364 8.2068 23.4252C8.8068 23.5356 9.0252 23.1648 9.0252 22.8456C9.0252 22.5612 9.0156 21.804 9.0096 20.802C5.6712 21.528 4.9668 19.1904 4.9668 19.1904C4.422 17.8008 3.6348 17.4312 3.6348 17.4312C2.5452 16.6872 3.7176 16.7016 3.7176 16.7016C4.9212 16.7856 5.5548 17.94 5.5548 17.94C6.6252 19.776 8.364 19.2456 9.0468 18.9384C9.1572 18.162 9.4668 17.6328 9.81 17.3328C7.146 17.0292 4.344 15.9972 4.344 11.3916C4.344 10.08 4.812 9.006 5.5788 8.166C5.4552 7.8624 5.0436 6.6396 5.6964 4.986C5.6964 4.986 6.7044 4.662 8.9964 6.2172C9.97532 5.95022 10.9853 5.81423 12 5.8128C13.02 5.8176 14.046 5.9508 15.0048 6.2172C17.2956 4.662 18.3012 4.9848 18.3012 4.9848C18.9564 6.6396 18.5436 7.8624 18.4212 8.166C19.1892 9.006 19.6548 10.08 19.6548 11.3916C19.6548 16.0092 16.848 17.0256 14.1756 17.3232C14.6064 17.694 14.9892 18.4272 14.9892 19.5492C14.9892 21.1548 14.9748 22.452 14.9748 22.8456C14.9748 23.1672 15.1908 23.5416 15.8004 23.424C18.19 22.6225 20.2672 21.0904 21.7386 19.0441C23.2099 16.9977 24.001 14.5408 24 12.0204C24 5.3808 18.6264 0 12 0Z" fill="var(--color-icon-primary)"/>\n</svg>',
38
+ },
39
+ };
40
+
41
+ const ICON_YOUTUBE = {
42
+ kind: "icon",
43
+ data: {
44
+ id: "youtube",
45
+ label: "Youtube",
46
+ svgCode:
47
+ '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M17 20.75H7C3.56 20.75 1.25 18.44 1.25 15V9C1.25 5.56 3.56 3.25 7 3.25H17C20.44 3.25 22.75 5.56 22.75 9V15C22.75 18.44 20.44 20.75 17 20.75ZM7 4.75C4.42 4.75 2.75 6.42 2.75 9V15C2.75 17.58 4.42 19.25 7 19.25H17C19.58 19.25 21.25 17.58 21.25 15V9C21.25 6.42 19.58 4.75 17 4.75H7Z" fill="var(--color-icon-primary)"/>\n<path d="M10.5897 15.53C10.2997 15.53 10.0197 15.46 9.76965 15.32C9.18965 14.99 8.84961 14.32 8.84961 13.49V10.53C8.84961 9.7 9.17965 9.03002 9.76965 8.70002C10.3497 8.37002 11.0996 8.42999 11.8096 8.85999L14.2797 10.34C14.9597 10.75 15.3496 11.36 15.3496 12.01C15.3496 12.66 14.9597 13.27 14.2797 13.68L11.8096 15.16C11.3996 15.4 10.9797 15.53 10.5897 15.53ZM10.5897 9.97001C10.5497 9.97001 10.5196 9.98 10.4996 9.99C10.4296 10.03 10.3496 10.21 10.3496 10.52V13.48C10.3496 13.78 10.4296 13.96 10.4996 14.01C10.5796 14.05 10.7697 14.03 11.0297 13.87L13.4996 12.39C13.7496 12.24 13.8397 12.09 13.8397 12C13.8397 11.91 13.7496 11.77 13.4996 11.61L11.0297 10.13C10.8497 10.02 10.6897 9.97001 10.5897 9.97001Z" fill="var(--color-icon-primary)"/>\n</svg>',
48
+ },
49
+ };
50
+
51
+ const ICON_CALL = {
52
+ kind: "icon",
53
+ data: {
54
+ id: "call",
55
+ label: "Call",
56
+ svgCode:
57
+ '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M17.45 22.75C16.32 22.75 15.13 22.48 13.9 21.96C12.7 21.45 11.49 20.75 10.31 19.9C9.14 19.04 8.01 18.08 6.94 17.03C5.88 15.96 4.92 14.83 4.07 13.67C3.21 12.47 2.52 11.27 2.03 10.11C1.51 8.87 1.25 7.67 1.25 6.54C1.25 5.76 1.39 5.02 1.66 4.33C1.94 3.62 2.39 2.96 3 2.39C3.77 1.63 4.65 1.25 5.59 1.25C5.98 1.25 6.38 1.34 6.72 1.5C7.11 1.68 7.44 1.95 7.68 2.31L10 5.58C10.21 5.87 10.37 6.15 10.48 6.43C10.61 6.73 10.68 7.03 10.68 7.32C10.68 7.7 10.57 8.07 10.36 8.42C10.21 8.69 9.98 8.98 9.69 9.27L9.01 9.98C9.02 10.01 9.03 10.03 9.04 10.05C9.16 10.26 9.4 10.62 9.86 11.16C10.35 11.72 10.81 12.23 11.27 12.7C11.86 13.28 12.35 13.74 12.81 14.12C13.38 14.6 13.75 14.84 13.97 14.95L13.95 15L14.68 14.28C14.99 13.97 15.29 13.74 15.58 13.59C16.13 13.25 16.83 13.19 17.53 13.48C17.79 13.59 18.07 13.74 18.37 13.95L21.69 16.31C22.06 16.56 22.33 16.88 22.49 17.26C22.64 17.64 22.71 17.99 22.71 18.34C22.71 18.82 22.6 19.3 22.39 19.75C22.18 20.2 21.92 20.59 21.59 20.95C21.02 21.58 20.4 22.03 19.68 22.32C18.99 22.6 18.24 22.75 17.45 22.75Z" fill="var(--color-icon-primary)"/>\n</svg>',
58
+ },
59
+ };
60
+
61
+ const ICON_SMS = {
62
+ kind: "icon",
63
+ data: {
64
+ id: "sms",
65
+ label: "Sms",
66
+ svgCode:
67
+ '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M17 21.25H7C3.35 21.25 1.25 19.15 1.25 15.5V8.5C1.25 4.85 3.35 2.75 7 2.75H17C20.65 2.75 22.75 4.85 22.75 8.5V15.5C22.75 19.15 20.65 21.25 17 21.25ZM7 4.25C4.14 4.25 2.75 5.64 2.75 8.5V15.5C2.75 18.36 4.14 19.75 7 19.75H17C19.86 19.75 21.25 18.36 21.25 15.5V8.5C21.25 5.64 19.86 4.25 17 4.25H7Z" fill="var(--color-icon-primary)"/>\n<path d="M11.9998 12.87C11.1598 12.87 10.3098 12.61 9.65978 12.08L6.52978 9.57997C6.20978 9.31997 6.14978 8.84997 6.40978 8.52997C6.66978 8.20997 7.13978 8.14997 7.45978 8.40997L10.5898 10.91C11.3498 11.52 12.6398 11.52 13.3998 10.91L16.5298 8.40997C16.8498 8.14997 17.3298 8.19997 17.5798 8.52997C17.8398 8.84997 17.7898 9.32997 17.4598 9.57997L14.3298 12.08C13.6898 12.61 12.8398 12.87 11.9998 12.87Z" fill="var(--color-icon-primary)"/>\n</svg>',
68
+ },
69
+ };
70
+
71
+ const ICON_LOCATION = {
72
+ kind: "icon",
73
+ data: {
74
+ id: "location",
75
+ label: "Location",
76
+ svgCode:
77
+ '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9999 14.17C9.86988 14.17 8.12988 12.44 8.12988 10.3C8.12988 8.16 9.86988 6.44 11.9999 6.44C14.1299 6.44 15.8699 8.17 15.8699 10.31C15.8699 12.45 14.1299 14.17 11.9999 14.17ZM11.9999 7.94C10.6999 7.94 9.62988 9 9.62988 10.31C9.62988 11.62 10.6899 12.68 11.9999 12.68C13.3099 12.68 14.3699 11.62 14.3699 10.31C14.3699 9 13.2999 7.94 11.9999 7.94Z" fill="var(--color-icon-primary)"/>\n<path d="M11.9997 22.76C10.5197 22.76 9.02969 22.2 7.86969 21.09C4.91969 18.25 1.65969 13.72 2.88969 8.33C3.99969 3.44 8.26969 1.25 11.9997 1.25C11.9997 1.25 11.9997 1.25 12.0097 1.25C15.7397 1.25 20.0097 3.44 21.1197 8.34C22.3397 13.73 19.0797 18.25 16.1297 21.09C14.9697 22.2 13.4797 22.76 11.9997 22.76Z" fill="var(--color-icon-primary)"/>\n</svg>',
28
78
  },
29
- mimetype: "image/png",
30
79
  };
31
80
 
32
81
  const DEFAULT_CONTENT = {
@@ -34,78 +83,63 @@ const DEFAULT_CONTENT = {
34
83
  container: null,
35
84
  contentWrapper: null,
36
85
 
37
- // logo and description
86
+ // logo + tagline + copyright
38
87
  logoTextWrapper: null,
39
- logo: MEDIA,
40
- logoDescription: "Expert Guidance, Ensuring Clear Verdicts Every Time.",
41
- copyright: "Copyright @ 2025",
88
+ logo: MEDIA_LOGO,
89
+ logoDescription:
90
+ "Payment rails, KYC, and settlement on one PCI DSS Level 1 stack — so treasury, risk, and ops speak one API.",
91
+ copyright: "© 2026 Levo Finance, Inc.",
42
92
 
43
- // middle links area
93
+ // navigation link columns
44
94
  links: [
45
95
  {
46
- category: "Links",
96
+ category: "Product",
47
97
  links: [
48
- { cta: "Home", icon: DUMMY_ICON },
49
- { cta: "About Us", icon: DUMMY_ICON },
50
- { cta: "Teams", icon: DUMMY_ICON },
51
- { cta: "Blog", icon: DUMMY_ICON },
52
- { cta: "Appointment", icon: DUMMY_ICON },
98
+ { wrapper: null, cta: "Payments", icon: null },
99
+ { wrapper: null, cta: "Payouts", icon: null },
100
+ { wrapper: null, cta: "KYC & KYB", icon: null },
101
+ { wrapper: null, cta: "Ledger", icon: null },
102
+ { wrapper: null, cta: "Tokenization", icon: null },
53
103
  ],
54
104
  },
55
105
  {
56
- category: "Practice Areas",
106
+ category: "Developers",
57
107
  links: [
58
- { cta: "Family Law", icon: DUMMY_ICON },
59
- { cta: "Criminal Law", icon: DUMMY_ICON },
60
- { cta: "Civil Law", icon: DUMMY_ICON },
61
- { cta: "Compensation", icon: DUMMY_ICON },
62
- { cta: "Bank Law", icon: DUMMY_ICON },
63
- { cta: "Cases Succession", icon: DUMMY_ICON },
108
+ { wrapper: null, cta: "Documentation", icon: null },
109
+ { wrapper: null, cta: "API Reference", icon: null },
110
+ { wrapper: null, cta: "Changelog", icon: null },
111
+ { wrapper: null, cta: "Status", icon: null },
112
+ { wrapper: null, cta: "SDKs", icon: null },
113
+ { wrapper: null, cta: "Webhooks", icon: null },
64
114
  ],
65
115
  },
66
116
  {
67
- category: "Contact Us",
117
+ category: "Contact",
68
118
  links: [
69
119
  {
70
120
  wrapper: null,
71
-
72
- cta: "9425026178",
73
- icon: DUMMY_ICON,
121
+ cta: "+1 (415) 555-0199",
122
+ icon: ICON_CALL,
74
123
  },
75
124
  {
76
125
  wrapper: null,
77
-
78
- cta: "info@verdictlybpl.com",
79
- icon: DUMMY_ICON,
126
+ cta: "hello@levo.finance",
127
+ icon: ICON_SMS,
80
128
  },
81
129
  {
82
130
  wrapper: null,
83
-
84
- cta: "Facebook",
85
- icon: DUMMY_ICON,
131
+ cta: "535 Mission St, San Francisco",
132
+ icon: ICON_LOCATION,
86
133
  },
87
134
  {
88
135
  wrapper: null,
89
-
90
136
  cta: " ",
91
137
  icon: null,
92
138
  icon_links: [
93
- {
94
- icon: DUMMY_ICON,
95
- link: null,
96
- },
97
- {
98
- icon: DUMMY_ICON,
99
- link: null,
100
- },
101
- {
102
- icon: DUMMY_ICON,
103
- link: null,
104
- },
105
- {
106
- icon: DUMMY_ICON,
107
- link: null,
108
- },
139
+ { icon: ICON_LINKEDIN, link: null },
140
+ { icon: ICON_TWITTER, link: null },
141
+ { icon: ICON_GITHUB, link: null },
142
+ { icon: ICON_YOUTUBE, link: null },
109
143
  ],
110
144
  },
111
145
  ],
@@ -115,13 +149,75 @@ const DEFAULT_CONTENT = {
115
149
 
116
150
  export type IFooter2Content = typeof DEFAULT_CONTENT;
117
151
 
152
+ const CATEGORY_HEADER_STYLE = {
153
+ "margin-bottom": "sm",
154
+ "font-weight": 600,
155
+ "font-size": "xs",
156
+ "text-transform": "uppercase",
157
+ "letter-spacing": "0.04em",
158
+ color: "text-2",
159
+ };
160
+
161
+ const SOCIAL_ICON_BUTTON_STYLE = {
162
+ width: "36px",
163
+ height: "36px",
164
+ "border-radius": "full",
165
+ "background-color": "background-2",
166
+ display: "inline-flex",
167
+ "align-items": "center",
168
+ "justify-content": "center",
169
+ color: "text",
170
+ padding: "xs",
171
+ };
172
+
173
+ const LOGO_STYLE = {
174
+ width: "96px",
175
+ height: "auto",
176
+ tablet: { width: "72px" },
177
+ };
178
+
179
+ const NAV_LINK_ITEM_STYLES = {
180
+ wrapper: {
181
+ display: "flex",
182
+ "column-gap": "sm",
183
+ "align-items": "center",
184
+ },
185
+ icon: { display: "none" },
186
+ icon_links_levoGroup: { display: "none" },
187
+ icon_links_levoGroupItem: { icon: {} },
188
+ icon_links: [{}, {}, {}, {}],
189
+ };
190
+
191
+ const CONTACT_LINK_ITEM_STYLES = {
192
+ wrapper: {
193
+ display: "flex",
194
+ "column-gap": "sm",
195
+ "align-items": "center",
196
+ },
197
+ icon: {
198
+ width: "16px",
199
+ height: "16px",
200
+ color: "text-2",
201
+ "flex-shrink": 0,
202
+ },
203
+ icon_links_levoGroup: {
204
+ display: "flex",
205
+ "column-gap": "sm",
206
+ "margin-top": "xs",
207
+ },
208
+ icon_links_levoGroupItem: {
209
+ icon: SOCIAL_ICON_BUTTON_STYLE,
210
+ },
211
+ icon_links: [{}, {}, {}, {}],
212
+ };
213
+
118
214
  export const Footer2: IBlock = {
119
215
  category_id: "footer",
120
216
  title: "Footer 2",
121
217
  key: "footer-2",
122
218
  version: "v1",
123
219
  prompt_description:
124
- "Four-column footer with logo and tagline on the left, followed by columns for useful links, practice areas, and contact details with icons; bottom row features copyright and legal links.",
220
+ "Fintech footer with Levo logo, tagline, and copyright stacked on the left, followed by Product, Developers, and Contact columns. The Contact column ends with a social icon row (LinkedIn, Twitter, GitHub, YouTube).",
125
221
 
126
222
  content_schema: [
127
223
  {
@@ -140,7 +236,6 @@ export const Footer2: IBlock = {
140
236
  field_interface: "BoxWidget",
141
237
  },
142
238
 
143
- // logo and description area
144
239
  {
145
240
  key: "logoTextWrapper",
146
241
  label: "Logo Text Wrapper",
@@ -162,7 +257,6 @@ export const Footer2: IBlock = {
162
257
  field_interface: "TypographyWidget",
163
258
  },
164
259
 
165
- // middle links area
166
260
  {
167
261
  key: "links",
168
262
  label: "Links",
@@ -185,7 +279,6 @@ export const Footer2: IBlock = {
185
279
  label: "Wrapper",
186
280
  field_interface: "BoxWidget",
187
281
  },
188
-
189
282
  {
190
283
  key: "cta",
191
284
  label: "CTA",
@@ -228,13 +321,14 @@ export const Footer2: IBlock = {
228
321
  },
229
322
  contentWrapper: {
230
323
  display: "flex",
324
+ "column-gap": "3xl",
231
325
  tablet: {
232
326
  "flex-direction": "column",
233
327
  "row-gap": "lg",
234
328
  },
235
329
  },
236
330
  logoTextWrapper: {
237
- "max-width": "20%",
331
+ "max-width": "320px",
238
332
  display: "flex",
239
333
  "flex-direction": "column",
240
334
  "row-gap": "sm",
@@ -245,7 +339,8 @@ export const Footer2: IBlock = {
245
339
  links_levoGroup: {
246
340
  "max-width": "auto",
247
341
  display: "flex",
248
- "justify-content": "space-around",
342
+ "justify-content": "space-between",
343
+ "column-gap": "2xl",
249
344
  width: "100%",
250
345
  tablet: {
251
346
  "justify-content": "space-between",
@@ -255,855 +350,219 @@ export const Footer2: IBlock = {
255
350
  "row-gap": "2xl",
256
351
  },
257
352
  },
353
+ links_levoGroupItem: {
354
+ category: CATEGORY_HEADER_STYLE,
355
+ links_levoGroup: {
356
+ display: "flex",
357
+ "flex-direction": "column",
358
+ "row-gap": "sm",
359
+ },
360
+ links_levoGroupItem: NAV_LINK_ITEM_STYLES,
361
+ },
362
+ links: [
363
+ { links: [{}, {}, {}, {}, {}] },
364
+ { links: [{}, {}, {}, {}, {}, {}] },
365
+ {
366
+ links_levoGroupItem: CONTACT_LINK_ITEM_STYLES,
367
+ links: [{}, {}, {}, {}],
368
+ },
369
+ ],
370
+ logo: LOGO_STYLE,
371
+ },
372
+ config: {
258
373
  links: [
259
374
  {
260
375
  category: {
261
- "margin-bottom": "sm",
262
- "font-weight": 700,
263
- },
264
- links_levoGroup: {
265
- display: "flex",
266
- "flex-direction": "column",
267
- "row-gap": "xs",
376
+ heading: { level: "4" },
377
+ selectedVariants: { Heading_Level: "H6" },
268
378
  },
269
379
  links: [
270
- {
271
- wrapper: {
272
- display: "flex",
273
- "column-gap": "sm",
274
- "align-items": "center",
275
- },
276
- icon: {
277
- width: "20px",
278
- height: "20px",
279
- "border-radius": "base",
280
- },
281
- icon_links_levoGroup: {
282
- display: "flex",
283
- "column-gap": "xs",
284
- },
285
- icon_links: [
286
- {
287
- icon: {
288
- width: "20px",
289
- height: "20px",
290
- },
291
- },
292
- {
293
- icon: {
294
- width: "20px",
295
- height: "20px",
296
- },
297
- },
298
- {
299
- icon: {
300
- width: "20px",
301
- height: "20px",
302
- },
303
- },
304
- {
305
- icon: {
306
- width: "20px",
307
- height: "20px",
308
- },
309
- },
310
- ],
311
- },
312
- {
313
- wrapper: {
314
- display: "flex",
315
- "column-gap": "sm",
316
- "align-items": "center",
317
- },
318
- icon: {
319
- width: "20px",
320
- height: "20px",
321
- "border-radius": "base",
322
- },
323
- icon_links_levoGroup: {
324
- display: "flex",
325
- "column-gap": "xs",
326
- },
327
- icon_links: [
328
- {
329
- icon: {
330
- width: "20px",
331
- height: "20px",
332
- },
333
- },
334
- {
335
- icon: {
336
- width: "20px",
337
- height: "20px",
338
- },
339
- },
340
- {
341
- icon: {
342
- width: "20px",
343
- height: "20px",
344
- },
345
- },
346
- {
347
- icon: {
348
- width: "20px",
349
- height: "20px",
350
- },
351
- },
352
- ],
353
- },
354
- {
355
- wrapper: {
356
- display: "flex",
357
- "column-gap": "sm",
358
- "align-items": "center",
359
- },
360
- icon: {
361
- width: "20px",
362
- height: "20px",
363
- "border-radius": "base",
364
- },
365
- icon_links_levoGroup: {
366
- display: "flex",
367
- "column-gap": "xs",
368
- },
369
- icon_links: [
370
- {
371
- icon: {
372
- width: "20px",
373
- height: "20px",
374
- },
375
- },
376
- {
377
- icon: {
378
- width: "20px",
379
- height: "20px",
380
- },
381
- },
382
- {
383
- icon: {
384
- width: "20px",
385
- height: "20px",
386
- },
387
- },
388
- {
389
- icon: {
390
- width: "20px",
391
- height: "20px",
392
- },
393
- },
394
- ],
395
- },
396
- {
397
- wrapper: {
398
- display: "flex",
399
- "column-gap": "sm",
400
- "align-items": "center",
401
- },
402
- icon: {
403
- width: "20px",
404
- height: "20px",
405
- "border-radius": "base",
406
- },
407
- icon_links_levoGroup: {
408
- display: "flex",
409
- "column-gap": "xs",
410
- },
411
- icon_links: [
412
- {
413
- icon: {
414
- width: "20px",
415
- height: "20px",
416
- },
417
- },
418
- {
419
- icon: {
420
- width: "20px",
421
- height: "20px",
422
- },
423
- },
424
- {
425
- icon: {
426
- width: "20px",
427
- height: "20px",
428
- },
429
- },
430
- {
431
- icon: {
432
- width: "20px",
433
- height: "20px",
434
- },
435
- },
436
- ],
437
- },
438
- {
439
- wrapper: {
440
- display: "flex",
441
- "column-gap": "sm",
442
- "align-items": "center",
443
- },
444
- icon: {
445
- width: "20px",
446
- height: "20px",
447
- "border-radius": "base",
448
- },
449
- icon_links_levoGroup: {
450
- display: "flex",
451
- "column-gap": "xs",
452
- },
453
- icon_links: [
454
- {
455
- icon: {
456
- width: "20px",
457
- height: "20px",
458
- },
459
- },
460
- {
461
- icon: {
462
- width: "20px",
463
- height: "20px",
464
- },
465
- },
466
- {
467
- icon: {
468
- width: "20px",
469
- height: "20px",
470
- },
471
- },
472
- {
473
- icon: {
474
- width: "20px",
475
- height: "20px",
476
- },
477
- },
478
- ],
479
- },
380
+ { wrapper: { selectedVariants: {} } },
381
+ { wrapper: { selectedVariants: {} } },
382
+ { wrapper: { selectedVariants: {} } },
383
+ { wrapper: { selectedVariants: {} } },
384
+ { wrapper: { selectedVariants: {} } },
480
385
  ],
481
386
  },
482
387
  {
483
388
  category: {
484
- "margin-bottom": "sm",
485
- "font-weight": 700,
486
- },
487
- links_levoGroup: {
488
- display: "flex",
489
- "flex-direction": "column",
490
- "row-gap": "xs",
389
+ selectedVariants: { Heading_Level: "H6" },
390
+ heading: { level: "4" },
491
391
  },
492
392
  links: [
493
- {
494
- wrapper: {
495
- display: "flex",
496
- "column-gap": "sm",
497
- "align-items": "center",
498
- },
499
- icon: {
500
- width: "20px",
501
- height: "20px",
502
- "border-radius": "base",
503
- },
504
- icon_links_levoGroup: {
505
- display: "flex",
506
- "column-gap": "xs",
507
- },
508
- icon_links: [
509
- {
510
- icon: {
511
- width: "20px",
512
- height: "20px",
513
- },
514
- },
515
- {
516
- icon: {
517
- width: "20px",
518
- height: "20px",
519
- },
520
- },
521
- {
522
- icon: {
523
- width: "20px",
524
- height: "20px",
525
- },
526
- },
527
- {
528
- icon: {
529
- width: "20px",
530
- height: "20px",
531
- },
532
- },
533
- ],
534
- },
535
- {
536
- wrapper: {
537
- display: "flex",
538
- "column-gap": "sm",
539
- "align-items": "center",
540
- },
541
- icon: {
542
- width: "20px",
543
- height: "20px",
544
- "border-radius": "base",
545
- },
546
- icon_links_levoGroup: {
547
- display: "flex",
548
- "column-gap": "xs",
549
- },
550
- icon_links: [
551
- {
552
- icon: {
553
- width: "20px",
554
- height: "20px",
555
- },
556
- },
557
- {
558
- icon: {
559
- width: "20px",
560
- height: "20px",
561
- },
562
- },
563
- {
564
- icon: {
565
- width: "20px",
566
- height: "20px",
567
- },
568
- },
569
- {
570
- icon: {
571
- width: "20px",
572
- height: "20px",
573
- },
574
- },
575
- ],
576
- },
577
- {
578
- wrapper: {
579
- display: "flex",
580
- "column-gap": "sm",
581
- "align-items": "center",
582
- },
583
- icon: {
584
- width: "20px",
585
- height: "20px",
586
- "border-radius": "base",
587
- },
588
- icon_links_levoGroup: {
589
- display: "flex",
590
- "column-gap": "xs",
591
- },
592
- icon_links: [
593
- {
594
- icon: {
595
- width: "20px",
596
- height: "20px",
597
- },
598
- },
599
- {
600
- icon: {
601
- width: "20px",
602
- height: "20px",
603
- },
604
- },
605
- {
606
- icon: {
607
- width: "20px",
608
- height: "20px",
609
- },
610
- },
611
- {
612
- icon: {
613
- width: "20px",
614
- height: "20px",
615
- },
616
- },
617
- ],
618
- },
619
- {
620
- wrapper: {
621
- display: "flex",
622
- "column-gap": "sm",
623
- "align-items": "center",
624
- },
625
- icon: {
626
- width: "20px",
627
- height: "20px",
628
- "border-radius": "base",
629
- },
630
- icon_links_levoGroup: {
631
- display: "flex",
632
- "column-gap": "xs",
633
- },
634
- icon_links: [
635
- {
636
- icon: {
637
- width: "20px",
638
- height: "20px",
639
- },
640
- },
641
- {
642
- icon: {
643
- width: "20px",
644
- height: "20px",
645
- },
646
- },
647
- {
648
- icon: {
649
- width: "20px",
650
- height: "20px",
651
- },
652
- },
653
- {
654
- icon: {
655
- width: "20px",
656
- height: "20px",
657
- },
658
- },
659
- ],
660
- },
661
- {
662
- wrapper: {
663
- display: "flex",
664
- "column-gap": "sm",
665
- "align-items": "center",
666
- },
667
- icon: {
668
- width: "20px",
669
- height: "20px",
670
- "border-radius": "base",
671
- },
672
- icon_links_levoGroup: {
673
- display: "flex",
674
- "column-gap": "xs",
675
- },
676
- icon_links: [
677
- {
678
- icon: {
679
- width: "20px",
680
- height: "20px",
681
- },
682
- },
683
- {
684
- icon: {
685
- width: "20px",
686
- height: "20px",
687
- },
688
- },
689
- {
690
- icon: {
691
- width: "20px",
692
- height: "20px",
693
- },
694
- },
695
- {
696
- icon: {
697
- width: "20px",
698
- height: "20px",
699
- },
700
- },
701
- ],
702
- },
703
- {
704
- wrapper: {
705
- display: "flex",
706
- "column-gap": "sm",
707
- "align-items": "center",
708
- },
709
- icon: {
710
- width: "20px",
711
- height: "20px",
712
- "border-radius": "base",
713
- },
714
- icon_links_levoGroup: {
715
- display: "flex",
716
- "column-gap": "xs",
717
- },
718
- icon_links: [
719
- {
720
- icon: {
721
- width: "20px",
722
- height: "20px",
723
- },
724
- },
725
- {
726
- icon: {
727
- width: "20px",
728
- height: "20px",
729
- },
730
- },
731
- {
732
- icon: {
733
- width: "20px",
734
- height: "20px",
735
- },
736
- },
737
- {
738
- icon: {
739
- width: "20px",
740
- height: "20px",
741
- },
742
- },
743
- ],
744
- },
393
+ { wrapper: { selectedVariants: {} } },
394
+ { wrapper: { selectedVariants: {} } },
395
+ { wrapper: { selectedVariants: {} } },
396
+ { wrapper: { selectedVariants: {} } },
397
+ { wrapper: { selectedVariants: {} } },
398
+ { wrapper: { selectedVariants: {} } },
745
399
  ],
746
400
  },
747
401
  {
748
402
  category: {
749
- "margin-bottom": "sm",
750
- "font-weight": 700,
751
- },
752
- links_levoGroup: {
753
- display: "flex",
754
- "flex-direction": "column",
755
- "row-gap": "xs",
403
+ selectedVariants: { Heading_Level: "H6" },
404
+ heading: { level: "4" },
756
405
  },
757
406
  links: [
758
407
  {
759
- wrapper: {
760
- display: "flex",
761
- "column-gap": "sm",
762
- "align-items": "center",
763
- },
764
- icon: {
765
- width: "20px",
766
- height: "20px",
767
- "border-radius": "base",
768
- },
769
- icon_links_levoGroup: {
770
- display: "flex",
771
- "column-gap": "xs",
772
- },
773
- icon_links: [
774
- {
775
- icon: {
776
- width: "20px",
777
- height: "20px",
778
- },
779
- },
780
- {
781
- icon: {
782
- width: "20px",
783
- height: "20px",
784
- },
785
- },
786
- {
787
- icon: {
788
- width: "20px",
789
- height: "20px",
790
- },
791
- },
792
- {
793
- icon: {
794
- width: "20px",
795
- height: "20px",
796
- },
797
- },
798
- ],
799
- },
800
- {
801
- wrapper: {
802
- display: "flex",
803
- "column-gap": "sm",
804
- "align-items": "center",
805
- },
806
- icon: {
807
- width: "20px",
808
- height: "20px",
809
- "border-radius": "base",
810
- },
811
- icon_links_levoGroup: {
812
- display: "flex",
813
- "column-gap": "xs",
814
- },
815
- icon_links: [
816
- {
817
- icon: {
818
- width: "20px",
819
- height: "20px",
820
- },
821
- },
822
- {
823
- icon: {
824
- width: "20px",
825
- height: "20px",
826
- },
827
- },
828
- {
829
- icon: {
830
- width: "20px",
831
- height: "20px",
832
- },
833
- },
834
- {
835
- icon: {
836
- width: "20px",
837
- height: "20px",
838
- },
839
- },
840
- ],
408
+ cta: { selectedVariants: {} },
409
+ wrapper: { selectedVariants: {} },
841
410
  },
842
411
  {
843
- wrapper: {
844
- display: "flex",
845
- "column-gap": "sm",
846
- "align-items": "center",
847
- },
848
- icon: {
849
- width: "20px",
850
- height: "20px",
851
- "border-radius": "base",
852
- },
853
- icon_links_levoGroup: {
854
- display: "flex",
855
- "column-gap": "xs",
856
- },
857
- icon_links: [
858
- {
859
- icon: {
860
- width: "20px",
861
- height: "20px",
862
- },
863
- },
864
- {
865
- icon: {
866
- width: "20px",
867
- height: "20px",
868
- },
869
- },
870
- {
871
- icon: {
872
- width: "20px",
873
- height: "20px",
874
- },
875
- },
876
- {
877
- icon: {
878
- width: "20px",
879
- height: "20px",
880
- },
881
- },
882
- ],
412
+ cta: { selectedVariants: {} },
413
+ wrapper: { selectedVariants: {} },
883
414
  },
884
415
  {
885
- wrapper: {
886
- display: "flex",
887
- "column-gap": "sm",
888
- "align-items": "center",
889
- },
890
- icon: {
891
- width: "20px",
892
- height: "20px",
893
- "border-radius": "base",
894
- },
895
- icon_links_levoGroup: {
896
- display: "flex",
897
- "column-gap": "xs",
898
- },
899
- icon_links: [
900
- {
901
- icon: {
902
- width: "20px",
903
- height: "20px",
904
- },
905
- },
906
- {
907
- icon: {
908
- width: "20px",
909
- height: "20px",
910
- },
911
- },
912
- {
913
- icon: {
914
- width: "20px",
915
- height: "20px",
916
- },
917
- },
918
- {
919
- icon: {
920
- width: "20px",
921
- height: "20px",
922
- },
923
- },
924
- ],
416
+ cta: { selectedVariants: {} },
417
+ wrapper: { selectedVariants: {} },
925
418
  },
926
419
  {
927
- wrapper: {
928
- display: "flex",
929
- "column-gap": "sm",
930
- "align-items": "center",
931
- },
932
- icon: {
933
- width: "20px",
934
- height: "20px",
935
- "border-radius": "base",
936
- },
937
- icon_links_levoGroup: {
938
- display: "flex",
939
- "column-gap": "xs",
940
- },
941
- icon_links: [
942
- {
943
- icon: {
944
- width: "20px",
945
- height: "20px",
946
- },
947
- },
948
- {
949
- icon: {
950
- width: "20px",
951
- height: "20px",
952
- },
953
- },
954
- {
955
- icon: {
956
- width: "20px",
957
- height: "20px",
958
- },
959
- },
960
- {
961
- icon: {
962
- width: "20px",
963
- height: "20px",
964
- },
965
- },
966
- ],
420
+ cta: { selectedVariants: {} },
421
+ wrapper: { selectedVariants: {} },
967
422
  },
968
423
  ],
969
424
  },
970
425
  ],
971
- logo: {
972
- width: "80px",
973
- "border-radius": "base",
974
- tablet: {
975
- width: "60px",
426
+ },
427
+ content: DEFAULT_CONTENT,
428
+ },
429
+ {
430
+ title: "Centered",
431
+ key: "centered",
432
+ content: DEFAULT_CONTENT,
433
+ config: {},
434
+ styles: {
435
+ layout: {},
436
+ container: {
437
+ display: "flex",
438
+ "flex-direction": "column",
439
+ "align-items": "center",
440
+ "row-gap": "2xl",
441
+ "text-align": "center",
442
+ },
443
+ contentWrapper: {
444
+ display: "flex",
445
+ "flex-direction": "column",
446
+ "align-items": "center",
447
+ "row-gap": "xl",
448
+ width: "100%",
449
+ },
450
+ logoTextWrapper: {
451
+ display: "flex",
452
+ "flex-direction": "column",
453
+ "align-items": "center",
454
+ "row-gap": "sm",
455
+ "max-width": "480px",
456
+ "text-align": "center",
457
+ },
458
+ links_levoGroup: {
459
+ display: "flex",
460
+ "justify-content": "center",
461
+ "column-gap": "3xl",
462
+ width: "100%",
463
+ mobile: {
464
+ "flex-direction": "column",
465
+ "row-gap": "2xl",
466
+ "align-items": "center",
976
467
  },
977
468
  },
978
- },
979
- config: {
469
+ links_levoGroupItem: {
470
+ category: CATEGORY_HEADER_STYLE,
471
+ links_levoGroup: {
472
+ display: "flex",
473
+ "flex-direction": "column",
474
+ "row-gap": "sm",
475
+ "align-items": "flex-start",
476
+ },
477
+ links_levoGroupItem: NAV_LINK_ITEM_STYLES,
478
+ },
980
479
  links: [
480
+ { links: [{}, {}, {}, {}, {}] },
481
+ { links: [{}, {}, {}, {}, {}, {}] },
981
482
  {
982
- category: {
983
- heading: {
984
- level: "4",
985
- },
986
- selectedVariants: {
987
- Heading_Level: "H6",
483
+ links_levoGroupItem: {
484
+ ...CONTACT_LINK_ITEM_STYLES,
485
+ icon_links_levoGroup: {
486
+ ...CONTACT_LINK_ITEM_STYLES.icon_links_levoGroup,
487
+ "justify-content": "center",
988
488
  },
989
489
  },
990
- links: [
991
- {
992
- wrapper: {
993
- selectedVariants: {},
994
- },
995
- },
996
- {
997
- wrapper: {
998
- selectedVariants: {},
999
- },
1000
- },
1001
- {
1002
- wrapper: {
1003
- selectedVariants: {},
1004
- },
1005
- },
1006
- {
1007
- wrapper: {
1008
- selectedVariants: {},
1009
- },
1010
- },
1011
- {
1012
- wrapper: {
1013
- selectedVariants: {},
1014
- },
1015
- },
1016
- ],
490
+ links: [{}, {}, {}, {}],
1017
491
  },
1018
- {
1019
- category: {
1020
- selectedVariants: {
1021
- Heading_Level: "H6",
1022
- },
1023
- heading: {
1024
- level: "4",
1025
- },
1026
- },
1027
- links: [
1028
- {
1029
- wrapper: {
1030
- selectedVariants: {},
1031
- },
1032
- },
1033
- {
1034
- wrapper: {
1035
- selectedVariants: {},
1036
- },
1037
- },
1038
- {
1039
- wrapper: {
1040
- selectedVariants: {},
1041
- },
1042
- },
1043
- {
1044
- wrapper: {
1045
- selectedVariants: {},
1046
- },
1047
- },
1048
- {
1049
- wrapper: {
1050
- selectedVariants: {},
1051
- },
1052
- },
1053
- {
1054
- wrapper: {
1055
- selectedVariants: {},
1056
- },
1057
- },
1058
- ],
492
+ ],
493
+ logo: LOGO_STYLE,
494
+ },
495
+ },
496
+ {
497
+ title: "Compact",
498
+ key: "compact",
499
+ content: DEFAULT_CONTENT,
500
+ config: {},
501
+ styles: {
502
+ layout: {},
503
+ container: {
504
+ display: "flex",
505
+ "flex-direction": "column",
506
+ "row-gap": "base",
507
+ },
508
+ contentWrapper: {
509
+ display: "flex",
510
+ "align-items": "start",
511
+ "column-gap": "2xl",
512
+ tablet: {
513
+ "flex-direction": "column",
514
+ "row-gap": "base",
1059
515
  },
516
+ },
517
+ logoTextWrapper: {
518
+ "max-width": "280px",
519
+ display: "flex",
520
+ "flex-direction": "column",
521
+ "row-gap": "xs",
522
+ tablet: { "max-width": "100%" },
523
+ },
524
+ links_levoGroup: {
525
+ display: "flex",
526
+ "justify-content": "space-between",
527
+ "column-gap": "xl",
528
+ width: "100%",
529
+ mobile: {
530
+ "flex-direction": "column",
531
+ "row-gap": "base",
532
+ },
533
+ },
534
+ links_levoGroupItem: {
535
+ category: { ...CATEGORY_HEADER_STYLE, "margin-bottom": "xs" },
536
+ links_levoGroup: {
537
+ display: "flex",
538
+ "flex-direction": "column",
539
+ "row-gap": "xs",
540
+ },
541
+ links_levoGroupItem: NAV_LINK_ITEM_STYLES,
542
+ },
543
+ links: [
544
+ { links: [{}, {}, {}, {}, {}] },
545
+ { links: [{}, {}, {}, {}, {}, {}] },
1060
546
  {
1061
- category: {
1062
- selectedVariants: {
1063
- Heading_Level: "H6",
1064
- },
1065
- heading: {
1066
- level: "4",
1067
- },
1068
- },
1069
- links: [
1070
- {
1071
- cta: {
1072
- selectedVariants: {},
1073
- },
1074
- wrapper: {
1075
- selectedVariants: {},
1076
- },
1077
- },
1078
- {
1079
- cta: {
1080
- selectedVariants: {},
1081
- },
1082
- wrapper: {
1083
- selectedVariants: {},
1084
- },
1085
- },
1086
- {
1087
- cta: {
1088
- selectedVariants: {},
1089
- },
1090
- wrapper: {
1091
- selectedVariants: {},
1092
- },
1093
- },
1094
- {
1095
- cta: {
1096
- selectedVariants: {},
1097
- },
1098
- wrapper: {
1099
- selectedVariants: {},
547
+ links_levoGroupItem: {
548
+ ...CONTACT_LINK_ITEM_STYLES,
549
+ icon_links_levoGroupItem: {
550
+ icon: {
551
+ ...SOCIAL_ICON_BUTTON_STYLE,
552
+ width: "28px",
553
+ height: "28px",
1100
554
  },
1101
555
  },
1102
- ],
556
+ },
557
+ links: [{}, {}, {}, {}],
1103
558
  },
1104
559
  ],
560
+ logo: {
561
+ width: "72px",
562
+ height: "auto",
563
+ tablet: { width: "56px" },
564
+ },
1105
565
  },
1106
- content: DEFAULT_CONTENT,
1107
566
  },
1108
567
  ],
1109
568
  };