@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,96 +1,166 @@
1
1
  import type { IBlock } from "@levo-so/studio";
2
2
 
3
- const DUMMY_IMAGE = {
3
+ const ICON_CLIPBOARD = {
4
4
  kind: "icon",
5
5
  data: {
6
- id: "archive-minus",
7
- label: "Archive Minus",
8
- tags: ["archive", "custom", "directional", "minus"],
9
- 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>',
6
+ "id": "clipboard",
7
+ "label": "Clipboard",
8
+ "svgCode": "<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M13.0505 19.4201C12.5105 19.4201 11.9405 19.3701 11.3205 19.2701L6.63048 18.5301C5.15048 18.3001 4.01048 17.8901 3.16048 17.2901C0.970475 15.7701 1.10048 13.1601 1.38048 11.3301L2.12048 6.64005C2.80048 2.34005 5.02048 0.730051 9.32048 1.40005L14.0105 2.14005C16.2205 2.49005 19.1905 3.38005 19.3805 7.11005C19.4205 7.75005 19.3805 8.48005 19.2405 9.34005L18.5105 14.0301C17.9305 17.7001 16.2205 19.4201 13.0505 19.4201ZM7.53048 2.75005C5.15048 2.75005 4.07048 3.96005 3.60048 6.88005L2.86048 11.5701C2.40048 14.5201 3.24048 15.5201 4.02048 16.0701C4.68048 16.5401 5.61048 16.8601 6.86048 17.0501L11.5505 17.7901C15.0405 18.3401 16.4805 17.2901 17.0305 13.7901L17.7605 9.10005C17.8805 8.35005 17.9205 7.72005 17.8805 7.19005V7.18005C17.7705 5.08005 16.5805 4.05005 13.7705 3.61005L9.09048 2.88005C8.51048 2.79005 8.00048 2.75005 7.53048 2.75005Z\" fill=\"var(--color-icon-primary)\"/>\n<path d=\"M14.6803 22.75C13.8303 22.75 12.8703 22.57 11.7603 22.2L7.25025 20.7C4.68025 19.8499 3.29025 18.6299 2.87025 16.8499C2.80025 16.5499 2.92025 16.2299 3.18025 16.0599C3.44025 15.8899 3.78025 15.8899 4.03025 16.0699C4.69025 16.5399 5.61025 16.8599 6.86025 17.0499L11.5503 17.79C15.0403 18.34 16.4803 17.2899 17.0303 13.7899L17.7603 9.09995C17.8803 8.34995 17.9203 7.71995 17.8803 7.18995C17.8703 6.92995 18.0003 6.66995 18.2303 6.51995C18.4603 6.36995 18.7503 6.35995 18.9903 6.48995C21.6703 7.91995 22.3803 10.2099 21.2203 13.7099L19.7203 18.2199C19.0103 20.3399 18.0803 21.64 16.7803 22.29C16.1503 22.6 15.4603 22.75 14.6803 22.75ZM5.73025 18.36C6.21025 18.6799 6.85025 18.99 7.72025 19.28L12.2303 20.78C13.9503 21.3499 15.1803 21.4 16.1003 20.95C17.0203 20.49 17.7203 19.4699 18.2903 17.7499L19.7903 13.2399C20.6103 10.7599 20.2903 9.43995 19.3403 8.54995C19.3203 8.79995 19.2803 9.05995 19.2403 9.33995L18.5103 14.0299C17.8303 18.33 15.6103 19.9399 11.3103 19.28L6.62025 18.54C6.31025 18.4799 6.01025 18.42 5.73025 18.36Z\" fill=\"var(--color-icon-primary)\"/>\n<path d=\"M8.24 9.71999C6.87 9.71999 5.75 8.59999 5.75 7.22999C5.75 5.85999 6.87 4.73999 8.24 4.73999C9.61 4.73999 10.73 5.85999 10.73 7.22999C10.73 8.59999 9.61 9.71999 8.24 9.71999ZM8.24 6.24999C7.7 6.24999 7.25 6.68999 7.25 7.23999C7.25 7.78999 7.69 8.22999 8.24 8.22999C8.78 8.22999 9.23 7.78999 9.23 7.23999C9.23 6.68999 8.78 6.24999 8.24 6.24999Z\" fill=\"var(--color-icon-primary)\"/>\n</svg>"
11
9
  },
12
10
  };
13
11
 
14
- const MEDIA = {
15
- id: "zuc3twW4Y6dAK",
16
- filename: "faq-2-1.png",
17
- kind: "image",
18
- location: "https://static.levocdn.com/WLZ1TXTD/faq-2-1-dO4QMwFgYhADD.png",
19
- srcset: {
20
- "1080w": "https://static.levocdn.com/WLZ1TXTD/faq-2-1-dO4QMwFgYhADD-1080w.webp",
21
- "1200w": "https://static.levocdn.com/WLZ1TXTD/faq-2-1-dO4QMwFgYhADD-1200w.webp",
22
- "1920w": "https://static.levocdn.com/WLZ1TXTD/faq-2-1-dO4QMwFgYhADD-1920w.webp",
23
- "320w": "https://static.levocdn.com/WLZ1TXTD/faq-2-1-dO4QMwFgYhADD-320w.webp",
24
- "640w": "https://static.levocdn.com/WLZ1TXTD/faq-2-1-dO4QMwFgYhADD-640w.webp",
25
- "750w": "https://static.levocdn.com/WLZ1TXTD/faq-2-1-dO4QMwFgYhADD-750w.webp",
26
- "828w": "https://static.levocdn.com/WLZ1TXTD/faq-2-1-dO4QMwFgYhADD-828w.webp",
27
- path: "https://static.levocdn.com/WLZ1TXTD/faq-2-1-dO4QMwFgYhADD-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/faq-2-1-dO4QMwFgYhADD-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/faq-2-1-dO4QMwFgYhADD-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/faq-2-1-dO4QMwFgYhADD-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/faq-2-1-dO4QMwFgYhADD-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/faq-2-1-dO4QMwFgYhADD-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/faq-2-1-dO4QMwFgYhADD-1920w.webp 1920w",
12
+ const ICON_FLASH = {
13
+ kind: "icon",
14
+ data: {
15
+ "id": "flash",
16
+ "label": "Flash",
17
+ "svgCode": "<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>"
18
+ },
19
+ };
20
+
21
+ const ICON_LOCK = {
22
+ kind: "icon",
23
+ data: {
24
+ "id": "lock",
25
+ "label": "Lock",
26
+ "svgCode": "<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>"
27
+ },
28
+ };
29
+
30
+ const ICON_MESSAGES = {
31
+ kind: "icon",
32
+ data: {
33
+ "id": "messages",
34
+ "label": "Messages",
35
+ "svgCode": "<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M9.98999 22.78C9.38999 22.78 8.81999 22.48 8.42999 21.95L7.23001 20.35C7.23001 20.36 7.18 20.33 7.16 20.33H6.79001C3.37001 20.33 1.25 19.4 1.25 14.79V10.79C1.25 6.58001 3.82001 5.48001 5.98001 5.29001C6.22001 5.26001 6.50001 5.25 6.79001 5.25H13.19C16.81 5.25 18.73 7.17001 18.73 10.79V14.79C18.73 15.08 18.72 15.36 18.68 15.63C18.5 17.76 17.4 20.33 13.19 20.33H12.79L11.55 21.95C11.16 22.48 10.59 22.78 9.98999 22.78ZM6.79001 6.75C6.56001 6.75 6.34 6.76 6.13 6.78C3.81 6.98 2.75 8.25001 2.75 10.79V14.79C2.75 18.22 3.81001 18.83 6.79001 18.83H7.19C7.64 18.83 8.14999 19.08 8.42999 19.44L9.63 21.05C9.85001 21.35 10.13 21.35 10.35 21.05L11.55 19.45C11.84 19.06 12.3 18.83 12.79 18.83H13.19C15.73 18.83 17 17.76 17.19 15.48C17.22 15.24 17.23 15.02 17.23 14.79V10.79C17.23 8.00001 15.98 6.75 13.19 6.75H6.79001Z\" fill=\"var(--color-icon-primary)\"/>\n<path d=\"M9.99023 14.19C9.43023 14.19 8.99023 13.74 8.99023 13.19C8.99023 12.64 9.44023 12.19 9.99023 12.19C10.5402 12.19 10.9902 12.64 10.9902 13.19C10.9902 13.74 10.5502 14.19 9.99023 14.19Z\" fill=\"var(--color-icon-primary)\"/>\n<path d=\"M13.1895 14.19C12.6295 14.19 12.1895 13.74 12.1895 13.19C12.1895 12.64 12.6395 12.19 13.1895 12.19C13.7395 12.19 14.1895 12.64 14.1895 13.19C14.1895 13.74 13.7395 14.19 13.1895 14.19Z\" fill=\"var(--color-icon-primary)\"/>\n<path d=\"M6.7998 14.19C6.2398 14.19 5.7998 13.74 5.7998 13.19C5.7998 12.64 6.2498 12.19 6.7998 12.19C7.3498 12.19 7.7998 12.64 7.7998 13.19C7.7998 13.74 7.3498 14.19 6.7998 14.19Z\" fill=\"var(--color-icon-primary)\"/>\n<path d=\"M17.9396 16.29C17.7396 16.29 17.5396 16.21 17.3996 16.06C17.2396 15.9 17.1697 15.67 17.1997 15.45C17.2297 15.24 17.2396 15.02 17.2396 14.79V10.79C17.2396 8.00001 15.9897 6.75 13.1997 6.75H6.79963C6.56963 6.75 6.34966 6.76 6.13966 6.78C5.91966 6.81 5.68964 6.72999 5.52964 6.57999C5.36964 6.41999 5.27963 6.20001 5.29963 5.98001C5.47963 3.82001 6.58963 1.25 10.7996 1.25H17.1997C20.8197 1.25 22.7396 3.17001 22.7396 6.79001V10.79C22.7396 15 20.1697 16.1 18.0097 16.29C17.9797 16.29 17.9596 16.29 17.9396 16.29ZM6.91966 5.25H13.1896C16.8096 5.25 18.7297 7.17001 18.7297 10.79V14.66C20.4297 14.24 21.2297 12.99 21.2297 10.79V6.79001C21.2297 4.00001 19.9796 2.75 17.1896 2.75H10.7897C8.58965 2.75 7.34966 3.55 6.91966 5.25Z\" fill=\"var(--color-icon-primary)\"/>\n</svg>"
28
36
  },
29
- mimetype: "image/png",
37
+ };
38
+
39
+ const IMG_COLLAB_LAPTOPS = {
40
+ "id": "7452770844182882693",
41
+ "kind": "image",
42
+ "location": "https://images.pexels.com/photos/7212946/pexels-photo-7212946.jpeg",
43
+ "mimetype": "image/jpeg",
44
+ "srcset": {
45
+ "320w": "https://images.pexels.com/photos/7212946/pexels-photo-7212946.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
46
+ "640w": "https://images.pexels.com/photos/7212946/pexels-photo-7212946.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
47
+ "750w": "https://images.pexels.com/photos/7212946/pexels-photo-7212946.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
48
+ "828w": "https://images.pexels.com/photos/7212946/pexels-photo-7212946.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
49
+ "1080w": "https://images.pexels.com/photos/7212946/pexels-photo-7212946.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
50
+ "1200w": "https://images.pexels.com/photos/7212946/pexels-photo-7212946.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
51
+ "1920w": "https://images.pexels.com/photos/7212946/pexels-photo-7212946.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
52
+ "path": "https://images.pexels.com/photos/7212946/pexels-photo-7212946.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320 320w, https://images.pexels.com/photos/7212946/pexels-photo-7212946.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/7212946/pexels-photo-7212946.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750 750w, https://images.pexels.com/photos/7212946/pexels-photo-7212946.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828 828w, https://images.pexels.com/photos/7212946/pexels-photo-7212946.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/7212946/pexels-photo-7212946.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200 1200w, https://images.pexels.com/photos/7212946/pexels-photo-7212946.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w"
53
+ }
54
+ };
55
+
56
+ const IMG_WORKSPACE = {
57
+ "id": "7452770855441966815",
58
+ "kind": "image",
59
+ "location": "https://images.pexels.com/photos/8353783/pexels-photo-8353783.jpeg",
60
+ "mimetype": "image/jpeg",
61
+ "srcset": {
62
+ "320w": "https://images.pexels.com/photos/8353783/pexels-photo-8353783.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
63
+ "640w": "https://images.pexels.com/photos/8353783/pexels-photo-8353783.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
64
+ "750w": "https://images.pexels.com/photos/8353783/pexels-photo-8353783.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
65
+ "828w": "https://images.pexels.com/photos/8353783/pexels-photo-8353783.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
66
+ "1080w": "https://images.pexels.com/photos/8353783/pexels-photo-8353783.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
67
+ "1200w": "https://images.pexels.com/photos/8353783/pexels-photo-8353783.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
68
+ "1920w": "https://images.pexels.com/photos/8353783/pexels-photo-8353783.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
69
+ "path": "https://images.pexels.com/photos/8353783/pexels-photo-8353783.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320 320w, https://images.pexels.com/photos/8353783/pexels-photo-8353783.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/8353783/pexels-photo-8353783.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750 750w, https://images.pexels.com/photos/8353783/pexels-photo-8353783.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828 828w, https://images.pexels.com/photos/8353783/pexels-photo-8353783.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/8353783/pexels-photo-8353783.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200 1200w, https://images.pexels.com/photos/8353783/pexels-photo-8353783.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w"
70
+ }
71
+ };
72
+
73
+ const IMG_LAPTOP = {
74
+ "id": "7452770846882657249",
75
+ "kind": "image",
76
+ "location": "https://images.pexels.com/photos/1187692/pexels-photo-1187692.jpeg",
77
+ "mimetype": "image/jpeg",
78
+ "srcset": {
79
+ "320w": "https://images.pexels.com/photos/1187692/pexels-photo-1187692.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
80
+ "640w": "https://images.pexels.com/photos/1187692/pexels-photo-1187692.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
81
+ "750w": "https://images.pexels.com/photos/1187692/pexels-photo-1187692.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
82
+ "828w": "https://images.pexels.com/photos/1187692/pexels-photo-1187692.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
83
+ "1080w": "https://images.pexels.com/photos/1187692/pexels-photo-1187692.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
84
+ "1200w": "https://images.pexels.com/photos/1187692/pexels-photo-1187692.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
85
+ "1920w": "https://images.pexels.com/photos/1187692/pexels-photo-1187692.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
86
+ "path": "https://images.pexels.com/photos/1187692/pexels-photo-1187692.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320 320w, https://images.pexels.com/photos/1187692/pexels-photo-1187692.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/1187692/pexels-photo-1187692.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750 750w, https://images.pexels.com/photos/1187692/pexels-photo-1187692.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828 828w, https://images.pexels.com/photos/1187692/pexels-photo-1187692.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/1187692/pexels-photo-1187692.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200 1200w, https://images.pexels.com/photos/1187692/pexels-photo-1187692.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w"
87
+ }
88
+ };
89
+
90
+ const IMG_HEADSET = {
91
+ "id": "7452770850418168512",
92
+ "kind": "image",
93
+ "location": "https://images.pexels.com/photos/32151782/pexels-photo-32151782.jpeg",
94
+ "mimetype": "image/jpeg",
95
+ "srcset": {
96
+ "320w": "https://images.pexels.com/photos/32151782/pexels-photo-32151782.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
97
+ "640w": "https://images.pexels.com/photos/32151782/pexels-photo-32151782.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
98
+ "750w": "https://images.pexels.com/photos/32151782/pexels-photo-32151782.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
99
+ "828w": "https://images.pexels.com/photos/32151782/pexels-photo-32151782.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
100
+ "1080w": "https://images.pexels.com/photos/32151782/pexels-photo-32151782.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
101
+ "1200w": "https://images.pexels.com/photos/32151782/pexels-photo-32151782.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
102
+ "1920w": "https://images.pexels.com/photos/32151782/pexels-photo-32151782.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
103
+ "path": "https://images.pexels.com/photos/32151782/pexels-photo-32151782.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320 320w, https://images.pexels.com/photos/32151782/pexels-photo-32151782.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/32151782/pexels-photo-32151782.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750 750w, https://images.pexels.com/photos/32151782/pexels-photo-32151782.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828 828w, https://images.pexels.com/photos/32151782/pexels-photo-32151782.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/32151782/pexels-photo-32151782.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200 1200w, https://images.pexels.com/photos/32151782/pexels-photo-32151782.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w"
104
+ }
30
105
  };
31
106
 
32
107
  const DEFAULT_CONTENT = {
33
108
  layout: null,
34
109
  container: null,
35
-
36
- // text and accordions wrapper
37
110
  content_container: null,
38
-
39
- // text wrapper
40
111
  text_container: null,
41
- faq_label: "FAQ's",
42
- title: "Legal Queries Solved",
43
- description: "We're here to help you navigate the complexities of the legal system.",
44
-
112
+ faq_label: "FAQs",
113
+ title: "How work flows through our platform",
114
+ description:
115
+ "Everything teams ask in onboarding — process, automation, roles, and support — laid out by the people who ship the product.",
45
116
  faqs: [
46
117
  {
47
118
  wrapper: null,
48
119
  trigger: null,
49
120
  content: null,
50
121
  iconQuestionWrapper: null,
51
- triggerIcon: DUMMY_IMAGE,
52
- question: "How do I initiate a legal consultation with your team?",
122
+ triggerIcon: ICON_CLIPBOARD,
123
+ question: "How does onboarding work for new teams?",
53
124
  answer:
54
- "Simply reach out through our contact page, and our team will promptly schedule a confidential consultation to address your legal concerns",
55
- media: MEDIA,
125
+ "A named implementation manager runs a kickoff, imports your data, and maps your existing workflows. Most teams go live in under two weeks from contract.",
126
+ media: IMG_COLLAB_LAPTOPS,
56
127
  },
57
128
  {
58
129
  wrapper: null,
59
130
  trigger: null,
60
131
  content: null,
61
132
  iconQuestionWrapper: null,
62
- triggerIcon: DUMMY_IMAGE,
63
- question: "What areas of law does your firm specialize in?",
133
+ triggerIcon: ICON_FLASH,
134
+ question: "What automations are available by default?",
64
135
  answer:
65
- "Simply reach out through our contact page, and our team will promptly schedule a confidential consultation to address your legal concerns",
66
- media: MEDIA,
136
+ "Trigger-based rules, scheduled jobs, and AI-assisted drafts ship out of the box. Authors build logic visually no code and promote flows from draft to production.",
137
+ media: IMG_WORKSPACE,
67
138
  },
68
139
  {
69
140
  wrapper: null,
70
141
  trigger: null,
71
142
  content: null,
72
143
  iconQuestionWrapper: null,
73
- triggerIcon: DUMMY_IMAGE,
74
- question: "How does your fee structure work?",
144
+ triggerIcon: ICON_LOCK,
145
+ question: "How do permissions and roles work?",
75
146
  answer:
76
- "Simply reach out through our contact page, and our team will promptly schedule a confidential consultation to address your legal concerns",
77
- media: MEDIA,
147
+ "Row-level access, fine-grained role presets, and SCIM provisioning keep access aligned with your IdP. Every change is logged to an immutable audit trail.",
148
+ media: IMG_LAPTOP,
78
149
  },
79
150
  {
80
151
  wrapper: null,
81
152
  trigger: null,
82
153
  content: null,
83
154
  iconQuestionWrapper: null,
84
- triggerIcon: DUMMY_IMAGE,
85
- question: "What sets your legal team apart from others?",
155
+ triggerIcon: ICON_MESSAGES,
156
+ question: "What's included in customer support?",
86
157
  answer:
87
- "Simply reach out through our contact page, and our team will promptly schedule a confidential consultation to address your legal concerns",
88
- media: MEDIA,
158
+ "24×5 chat and email on Team, 24×7 with a one-hour P1 response on Enterprise. Every plan includes the full product docs, community forum, and monthly office hours.",
159
+ media: IMG_HEADSET,
89
160
  },
90
161
  ],
91
-
92
162
  ctas_levoGroup: null,
93
- ctas: [{ cta: "More about us" }, { cta: "Get Started" }],
163
+ ctas: [{ cta: "Book a demo" }, { cta: "See the docs" }],
94
164
  };
95
165
 
96
166
  export type IFaq2Content = typeof DEFAULT_CONTENT;
@@ -101,138 +171,62 @@ export const Faq2: IBlock = {
101
171
  key: "faq-2",
102
172
  version: "v1",
103
173
  prompt_description:
104
- "Two-column layout with a prominent FAQ heading and accordion-style list of questions on the left, paired with a large illustrative image on the right.",
174
+ "Two-column layout with FAQ heading and accordion on the left, and a media preview that swaps as each question is opened on the right.",
105
175
  content_schema: [
106
- {
107
- key: "layout",
108
- label: "Layout",
109
- field_interface: "LayoutWidget",
110
- // Layout widgets typically structure the page; no hint required unless the layout is content-driven.
111
- },
112
- {
113
- key: "container",
114
- label: "Container",
115
- field_interface: "ContainerWidget",
116
- // Outer container for spacing/alignment; no direct hint needed.
117
- },
118
- {
119
- key: "content_container",
120
- label: "Content Container",
121
- field_interface: "BoxWidget",
122
- // Section container; structural, not content-driven.
123
- },
124
- {
125
- key: "text_container",
126
- label: "Text Container",
127
- field_interface: "BoxWidget",
128
- // Container for stacked text; no content hint.
129
- },
176
+ { key: "layout", label: "Layout", field_interface: "LayoutWidget" },
177
+ { key: "container", label: "Container", field_interface: "ContainerWidget" },
178
+ { key: "content_container", label: "Content Container", field_interface: "BoxWidget" },
179
+ { key: "text_container", label: "Text Container", field_interface: "BoxWidget" },
130
180
  {
131
181
  key: "faq_label",
132
182
  label: "Label",
133
183
  field_interface: "TypographyWidget",
134
- hint: {
135
- prompt_description:
136
- "Section label introducing the FAQ block. Brief and clear, indicating this section is for frequently asked questions. Use a neutral, professional, approachable tone.",
137
- min_characters: 4,
138
- max_characters: 16,
139
- },
184
+ hint: { prompt_description: "Short section label.", min_characters: 4, max_characters: 16 },
140
185
  },
141
186
  {
142
187
  key: "title",
143
188
  label: "Title",
144
189
  field_interface: "HeadingWidget",
145
- hint: {
146
- prompt_description:
147
- "The main headline for the FAQ section, reassuring visitors that their legal questions will be answered. Use a confident, helpful, and direct tone.",
148
- min_characters: 16,
149
- max_characters: 40,
150
- },
151
- },
152
- {
153
- key: "description",
154
- label: "Description",
155
- field_interface: "TypographyWidget",
190
+ hint: { prompt_description: "Main headline.", min_characters: 16, max_characters: 40 },
156
191
  },
192
+ { key: "description", label: "Description", field_interface: "TypographyWidget" },
157
193
  {
158
194
  key: "faqs",
159
195
  label: "FAQs",
160
196
  field_interface: "BoxWidget",
161
197
  kind: "group",
162
198
  fields: [
163
- {
164
- key: "wrapper",
165
- label: "Wrapper",
166
- field_interface: "BoxWidget",
167
- // Accordion item wrapper; no hint needed.
168
- },
169
- {
170
- key: "trigger",
171
- label: "Trigger",
172
- field_interface: "BoxWidget",
173
- // Container for question; no content hint.
174
- },
175
- {
176
- key: "iconQuestionWrapper",
177
- label: "Question Wrapper",
178
- field_interface: "BoxWidget",
179
- },
199
+ { key: "wrapper", label: "Wrapper", field_interface: "BoxWidget" },
200
+ { key: "trigger", label: "Trigger", field_interface: "BoxWidget" },
201
+ { key: "iconQuestionWrapper", label: "Question Wrapper", field_interface: "BoxWidget" },
180
202
  {
181
203
  key: "triggerIcon",
182
204
  label: "Icon",
183
205
  field_interface: "IconWidget",
184
- hint: {
185
- prompt_description:
186
- "Small icon displayed next to each FAQ question, representing the expandable nature or category of the question.",
187
- orientation: "square",
188
- size: "icon",
189
- usecase: "icon",
190
- },
206
+ hint: { prompt_description: "Small icon matching the question's meaning.", orientation: "square", size: "icon", usecase: "icon" },
191
207
  },
192
208
  {
193
209
  key: "question",
194
210
  label: "Question",
195
211
  field_interface: "TypographyWidget",
196
- hint: {
197
- prompt_description:
198
- "A frequently asked legal question. Should be direct, clear, and phrased from the client's perspective. Professional, sincere tone.",
199
- min_characters: 32,
200
- max_characters: 90,
201
- },
202
- },
203
- {
204
- key: "content",
205
- label: "Content",
206
- field_interface: "BoxWidget",
207
- // Content wrapper for the answer; no direct content hint.
212
+ hint: { prompt_description: "A frequently asked B2B SaaS process question.", min_characters: 32, max_characters: 90 },
208
213
  },
214
+ { key: "content", label: "Content", field_interface: "BoxWidget" },
209
215
  {
210
216
  key: "answer",
211
217
  label: "Answer",
212
218
  field_interface: "TypographyWidget",
213
- hint: {
214
- prompt_description:
215
- "Concise, helpful answer to the legal FAQ. Reassure the client, provide next steps or informative details. Tone should be clear, supportive, and professional.",
216
- min_characters: 56,
217
- max_characters: 220,
218
- },
219
+ hint: { prompt_description: "Concise, helpful answer.", min_characters: 56, max_characters: 220 },
219
220
  },
220
221
  {
221
222
  key: "media",
222
223
  label: "Media",
223
224
  field_interface: "MediaWidget",
224
- hint: {
225
- prompt_description:
226
- "A large, clean illustration or icon supporting the FAQ section visually. Typically abstract, law-related, or brand-aligned. Should convey trust and clarity, used as a visual balance opposite the FAQs.",
227
- orientation: "portrait",
228
- size: "large",
229
- usecase: "other",
230
- },
225
+ hint: { prompt_description: "Landscape photograph matching the question.", orientation: "landscape", size: "large", usecase: "other" },
231
226
  },
232
227
  ],
233
228
  hint: {
234
- prompt_description:
235
- "A group of collapsible FAQ items, each featuring a legal question and informative answer for clients and site visitors.",
229
+ prompt_description: "A group of collapsible FAQ items with matching imagery for each.",
236
230
  min_items: 4,
237
231
  max_items: 8,
238
232
  },
@@ -242,13 +236,7 @@ export const Faq2: IBlock = {
242
236
  label: "CTA Buttons Group",
243
237
  field_interface: "BoxWidget",
244
238
  kind: "group",
245
- fields: [
246
- {
247
- key: "cta",
248
- label: "CTA Button",
249
- field_interface: "ButtonWidget",
250
- },
251
- ],
239
+ fields: [{ key: "cta", label: "CTA Button", field_interface: "ButtonWidget" }],
252
240
  },
253
241
  ],
254
242
  layouts: [
@@ -261,45 +249,31 @@ export const Faq2: IBlock = {
261
249
  display: "flex",
262
250
  "align-items": "center",
263
251
  "justify-content": "between",
264
- "column-gap": "12xl",
265
- tablet: {
266
- "column-gap": "6xl",
267
- },
268
- mobile: {
269
- "flex-direction": "column",
270
- },
252
+ "column-gap": "5xl",
253
+ tablet: { "column-gap": "3xl" },
254
+ mobile: { "flex-direction": "column", "row-gap": "2xl" },
271
255
  },
272
256
  content_container: {
273
257
  display: "flex",
274
258
  flex: "1",
275
259
  "flex-direction": "column",
276
260
  "row-gap": "xl",
277
- tablet: {
278
- "row-gap": "md",
279
- },
261
+ tablet: { "row-gap": "lg" },
280
262
  },
281
263
  text_container: {
282
264
  display: "flex",
283
265
  "flex-direction": "column",
284
266
  "row-gap": "md",
285
- tablet: {
286
- "row-gap": "2xs",
287
- },
288
267
  },
289
- faq_image: {
290
- height: "479px",
291
- width: "356px",
292
- "border-radius": "base",
293
- tablet: {
294
- width: "300px",
295
- height: "403px",
296
- },
297
- mobile: {
298
- display: "none",
299
- },
268
+ faq_label: {
269
+ color: "brand",
270
+ "text-transform": "uppercase",
271
+ "letter-spacing": "0.08em",
272
+ "font-weight": 600,
273
+ "font-size": "xs",
274
+ "max-width": "fit-content",
300
275
  },
301
- faq_label: {},
302
- title: {},
276
+ title: { "font-weight": 700 },
303
277
  ctas_levoGroup: {
304
278
  display: "flex",
305
279
  "flex-direction": "row",
@@ -307,106 +281,310 @@ export const Faq2: IBlock = {
307
281
  "row-gap": "md",
308
282
  "flex-wrap": "wrap",
309
283
  "align-items": "center",
284
+ "margin-top": "sm",
310
285
  },
311
- ctas: Array(2)
312
- .fill(0)
313
- .map(() => ({
314
- width: "fit-content",
315
- })),
316
- faqs: Array(4)
317
- .fill(0)
318
- .map((v) => ({
319
- wrapper: {
320
- "padding-top": "none",
321
- "padding-bottom": "none",
322
- "border-color": "var(--color-border)",
323
- "border-bottom-width": "1px",
324
- "border-style": "solid",
325
- },
326
- question: {
327
- "font-weight": 600,
328
- tablet: {
329
- "text-align": "left",
330
- },
331
- },
332
- content: {
333
- "padding-top": "none",
334
- "padding-bottom": "lg",
335
- },
336
- trigger: {
337
- width: "100%",
338
- display: "flex",
339
- "align-items": "center",
340
- "justify-content": "space-between",
341
- "padding-top": "base",
342
- "padding-bottom": "base",
343
- },
344
- iconQuestionWrapper: {
345
- display: "flex",
346
- "align-items": "center",
347
- "column-gap": "base",
348
- },
349
- features_list: {
350
- display: "flex",
351
- "flex-direction": "row",
352
- "column-gap": "lg",
353
- "margin-top": "base",
354
- "flex-wrap": "wrap",
355
- },
356
- features: Array(4)
357
- .fill(0)
358
- .map((v) => ({
359
- wrapper: {
360
- display: "flex",
361
- "align-items": "center",
362
- "column-gap": "xs",
363
- "background-color": "brand",
364
- "padding-left": "sm",
365
- "padding-right": "sm",
366
- "padding-top": "2xs",
367
- "padding-bottom": "2xs",
368
- "border-radius": "md",
369
- },
370
- icon: {
371
- width: "16px",
372
- height: "16px",
373
- },
374
- label: {
375
- color: "brandForeground",
376
- },
377
- })),
378
- features_levoGroup: {
379
- display: "flex",
380
- "flex-direction": "column",
381
- "row-gap": "base",
382
- "margin-top": "base",
383
- },
384
- })),
286
+ ctas: Array(2).fill(0).map(() => ({ width: "fit-content" })),
287
+ faqs: Array(4).fill(0).map(() => ({
288
+ wrapper: {
289
+ "padding-top": "none",
290
+ "padding-bottom": "none",
291
+ "border-color": "var(--color-border)",
292
+ "border-bottom-width": "1px",
293
+ "border-style": "solid",
294
+ },
295
+ question: { "font-weight": 600, "text-align": "left" },
296
+ content: { "padding-top": "none", "padding-bottom": "lg" },
297
+ trigger: {
298
+ width: "100%",
299
+ display: "flex",
300
+ "align-items": "center",
301
+ "justify-content": "space-between",
302
+ "padding-top": "lg",
303
+ "padding-bottom": "lg",
304
+ },
305
+ iconQuestionWrapper: {
306
+ display: "flex",
307
+ "align-items": "center",
308
+ "column-gap": "base",
309
+ },
310
+ triggerIcon: { width: "20px", height: "20px", "flex-shrink": "0" },
311
+ media: {
312
+ height: "520px",
313
+ width: "440px",
314
+ "border-radius": "base",
315
+ "object-fit": "cover",
316
+ tablet: { width: "340px", height: "440px" },
317
+ mobile: { display: "none" },
318
+ },
319
+ })),
385
320
  },
386
321
  content: DEFAULT_CONTENT,
387
322
  config: {
388
- title: {
389
- heading: {
390
- level: 2,
323
+ title: { heading: { level: 2 }, selectedVariants: { Heading_Level: "H2" } },
324
+ faqs: Array(4).fill(0).map(() => ({
325
+ question: { heading: { level: "4" }, selectedVariants: { Heading_Level: "H5" } },
326
+ })),
327
+ ctas: [
328
+ { cta: { selectedVariants: {} } },
329
+ { cta: { selectedVariants: { Button_Variants: "Secondary" } } },
330
+ ],
331
+ },
332
+ },
333
+ {
334
+ key: "minimal-borderless",
335
+ title: "Minimal Borderless",
336
+ styles: {
337
+ layout: {},
338
+ container: {
339
+ display: "flex",
340
+ "flex-direction": "column",
341
+ "row-gap": "2xl",
342
+ "align-items": "center",
343
+ "max-width": "820px",
344
+ "margin-left": "auto",
345
+ "margin-right": "auto",
346
+ },
347
+ content_container: {
348
+ display: "flex",
349
+ "flex-direction": "column",
350
+ "row-gap": "xl",
351
+ width: "100%",
352
+ "align-items": "center",
353
+ "text-align": "center",
354
+ },
355
+ text_container: {
356
+ display: "flex",
357
+ "flex-direction": "column",
358
+ "row-gap": "md",
359
+ "align-items": "center",
360
+ "text-align": "center",
361
+ },
362
+ faq_label: {
363
+ color: "brand",
364
+ "text-transform": "uppercase",
365
+ "letter-spacing": "0.08em",
366
+ "font-weight": 600,
367
+ "font-size": "xs",
368
+ "max-width": "fit-content",
369
+ },
370
+ title: { "text-align": "center", "font-weight": 700 },
371
+ description: { "text-align": "center", color: "text-3" },
372
+ ctas_levoGroup: {
373
+ display: "flex",
374
+ "column-gap": "md",
375
+ "flex-wrap": "wrap",
376
+ "align-items": "center",
377
+ "justify-content": "center",
378
+ },
379
+ ctas: Array(2).fill(0).map(() => ({ width: "fit-content" })),
380
+ faqs: Array(4).fill(0).map(() => ({
381
+ wrapper: {
382
+ "padding-top": "xs",
383
+ "padding-bottom": "xs",
384
+ width: "100%",
385
+ },
386
+ question: { "font-weight": 500, "text-align": "left" },
387
+ content: { "padding-top": "xs", "padding-bottom": "base", "text-align": "left" },
388
+ trigger: {
389
+ width: "100%",
390
+ display: "flex",
391
+ "align-items": "center",
392
+ "justify-content": "space-between",
393
+ "padding-top": "base",
394
+ "padding-bottom": "base",
395
+ },
396
+ iconQuestionWrapper: {
397
+ display: "flex",
398
+ "align-items": "center",
399
+ "column-gap": "base",
400
+ },
401
+ triggerIcon: { width: "20px", height: "20px", "flex-shrink": "0" },
402
+ media: { display: "none" },
403
+ })),
404
+ },
405
+ content: DEFAULT_CONTENT,
406
+ config: {
407
+ title: { heading: { level: 2 }, selectedVariants: { Heading_Level: "H2" } },
408
+ faqs: Array(4).fill(0).map(() => ({
409
+ question: { heading: { level: "4" }, selectedVariants: { Heading_Level: "H5" } },
410
+ })),
411
+ ctas: [
412
+ { cta: { selectedVariants: {} } },
413
+ { cta: { selectedVariants: { Button_Variants: "Secondary" } } },
414
+ ],
415
+ },
416
+ },
417
+ {
418
+ key: "card-stack",
419
+ title: "Card Stack",
420
+ styles: {
421
+ layout: {},
422
+ container: {
423
+ display: "flex",
424
+ "flex-direction": "column",
425
+ "row-gap": "2xl",
426
+ },
427
+ content_container: {
428
+ display: "flex",
429
+ "flex-direction": "column",
430
+ "row-gap": "xl",
431
+ },
432
+ text_container: {
433
+ display: "flex",
434
+ "flex-direction": "column",
435
+ "row-gap": "md",
436
+ "align-items": "center",
437
+ "text-align": "center",
438
+ },
439
+ faq_label: {
440
+ color: "brand",
441
+ "text-transform": "uppercase",
442
+ "letter-spacing": "0.08em",
443
+ "font-weight": 600,
444
+ "font-size": "xs",
445
+ "max-width": "fit-content",
446
+ },
447
+ title: { "text-align": "center", "font-weight": 700 },
448
+ description: { "text-align": "center", color: "text-3" },
449
+ ctas_levoGroup: {
450
+ display: "flex",
451
+ "column-gap": "md",
452
+ "flex-wrap": "wrap",
453
+ "align-items": "center",
454
+ "justify-content": "center",
455
+ },
456
+ ctas: Array(2).fill(0).map(() => ({ width: "fit-content" })),
457
+ faqs_levoGroup: {
458
+ display: "flex",
459
+ "flex-direction": "column",
460
+ "row-gap": "md",
461
+ width: "100%",
462
+ "max-width": "820px",
463
+ "margin-left": "auto",
464
+ "margin-right": "auto",
465
+ },
466
+ faqs: Array(4).fill(0).map(() => ({
467
+ wrapper: {
468
+ "padding-top": "xl",
469
+ "padding-bottom": "xl",
470
+ "padding-left": "xl",
471
+ "padding-right": "xl",
472
+ "border-radius": "base",
473
+ "background-color": "background-2",
474
+ "box-shadow": "default",
475
+ height: "100%",
391
476
  },
392
- selectedVariants: {
393
- Heading_Level: "H2",
477
+ question: { "font-weight": 600, "text-align": "left" },
478
+ content: { "padding-top": "sm", "padding-bottom": "none", "text-align": "left" },
479
+ trigger: {
480
+ width: "100%",
481
+ display: "flex",
482
+ "align-items": "center",
483
+ "justify-content": "space-between",
394
484
  },
485
+ iconQuestionWrapper: {
486
+ display: "flex",
487
+ "align-items": "center",
488
+ "column-gap": "base",
489
+ },
490
+ triggerIcon: { width: "22px", height: "22px", "flex-shrink": "0" },
491
+ media: { display: "none" },
492
+ })),
493
+ },
494
+ content: DEFAULT_CONTENT,
495
+ config: {
496
+ title: { heading: { level: 2 }, selectedVariants: { Heading_Level: "H2" } },
497
+ faqs: Array(4).fill(0).map(() => ({
498
+ question: { heading: { level: "4" }, selectedVariants: { Heading_Level: "H5" } },
499
+ })),
500
+ ctas: [
501
+ { cta: { selectedVariants: {} } },
502
+ { cta: { selectedVariants: { Button_Variants: "Secondary" } } },
503
+ ],
504
+ },
505
+ },
506
+ {
507
+ key: "sidebar",
508
+ title: "Sidebar",
509
+ styles: {
510
+ layout: {},
511
+ container: {
512
+ display: "flex",
513
+ "column-gap": "4xl",
514
+ "align-items": "flex-start",
515
+ tablet: { "column-gap": "2xl" },
516
+ mobile: { "flex-direction": "column", "row-gap": "2xl" },
517
+ },
518
+ content_container: {
519
+ display: "flex",
520
+ "flex-direction": "column",
521
+ "row-gap": "md",
522
+ flex: "2",
395
523
  },
396
- faqs: Array(4)
397
- .fill(0)
398
- .map((v) => {
399
- return {
400
- question: {
401
- heading: {
402
- level: "4",
403
- },
404
- selectedVariants: {
405
- Heading_Level: "H5",
406
- },
407
- },
408
- };
409
- }),
524
+ text_container: {
525
+ display: "flex",
526
+ "flex-direction": "column",
527
+ "row-gap": "md",
528
+ flex: "1",
529
+ position: "sticky",
530
+ top: "2xl",
531
+ },
532
+ faq_label: {
533
+ color: "brand",
534
+ "font-weight": 600,
535
+ "text-transform": "uppercase",
536
+ "letter-spacing": "0.08em",
537
+ "font-size": "xs",
538
+ "max-width": "fit-content",
539
+ },
540
+ title: { "font-weight": 700 },
541
+ ctas_levoGroup: {
542
+ display: "flex",
543
+ "flex-direction": "row",
544
+ "column-gap": "md",
545
+ "row-gap": "sm",
546
+ "flex-wrap": "wrap",
547
+ "align-items": "center",
548
+ "margin-top": "sm",
549
+ },
550
+ ctas: Array(2).fill(0).map(() => ({ width: "fit-content" })),
551
+ faqs: Array(4).fill(0).map(() => ({
552
+ wrapper: {
553
+ "padding-top": "none",
554
+ "padding-bottom": "none",
555
+ "border-color": "var(--color-border)",
556
+ "border-bottom-width": "1px",
557
+ "border-style": "solid",
558
+ },
559
+ question: { "font-weight": 600, "text-align": "left" },
560
+ content: { "padding-top": "none", "padding-bottom": "lg" },
561
+ trigger: {
562
+ width: "100%",
563
+ display: "flex",
564
+ "align-items": "center",
565
+ "justify-content": "space-between",
566
+ "padding-top": "lg",
567
+ "padding-bottom": "lg",
568
+ },
569
+ iconQuestionWrapper: {
570
+ display: "flex",
571
+ "align-items": "center",
572
+ "column-gap": "base",
573
+ },
574
+ triggerIcon: { width: "20px", height: "20px", "flex-shrink": "0" },
575
+ media: { display: "none" },
576
+ })),
577
+ },
578
+ content: DEFAULT_CONTENT,
579
+ config: {
580
+ title: { heading: { level: 2 }, selectedVariants: { Heading_Level: "H2" } },
581
+ faqs: Array(4).fill(0).map(() => ({
582
+ question: { heading: { level: "4" }, selectedVariants: { Heading_Level: "H5" } },
583
+ })),
584
+ ctas: [
585
+ { cta: { selectedVariants: {} } },
586
+ { cta: { selectedVariants: { Button_Variants: "Secondary" } } },
587
+ ],
410
588
  },
411
589
  },
412
590
  ],