@levo-so/blocks 0.1.101 → 0.1.103

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (177) hide show
  1. package/package.json +24 -23
  2. package/src/blocks/about-us/about-us-1.schema.ts +302 -295
  3. package/src/blocks/about-us/about-us-2.schema.ts +225 -220
  4. package/src/blocks/blogs/blog-author-1.schema.ts +719 -0
  5. package/src/blocks/blogs/blog-author-1.tsx +121 -0
  6. package/src/blocks/blogs/blog-listing-1.tsx +111 -33
  7. package/src/blocks/blogs/blog-listing-2.schema.ts +15 -33
  8. package/src/blocks/blogs/blog-listing-2.tsx +118 -33
  9. package/src/blocks/blogs/blog-listing-3.schema.ts +10 -22
  10. package/src/blocks/blogs/blog-listing-3.tsx +118 -33
  11. package/src/blocks/blogs/blog-post-1.schema.ts +766 -16
  12. package/src/blocks/blogs/blog-post-1.tsx +272 -39
  13. package/src/blocks/calendar/calendar-1.schema.ts +641 -192
  14. package/src/blocks/calendar/calendar-1.tsx +1 -0
  15. package/src/blocks/cards/cards-10.schema.ts +557 -544
  16. package/src/blocks/cards/cards-11.schema.ts +525 -419
  17. package/src/blocks/cards/cards-12.schema.ts +538 -147
  18. package/src/blocks/cards/cards-13.schema.ts +482 -312
  19. package/src/blocks/cards/cards-14.schema.ts +423 -196
  20. package/src/blocks/cards/cards-15.schema.ts +309 -143
  21. package/src/blocks/cards/cards-16.schema.ts +1277 -175
  22. package/src/blocks/cards/cards-17.schema.ts +2908 -1303
  23. package/src/blocks/cards/cards-18.schema.ts +1404 -217
  24. package/src/blocks/cards/cards-19.schema.ts +1105 -1084
  25. package/src/blocks/cards/cards-19.tsx +4 -5
  26. package/src/blocks/cards/cards-2.schema.ts +513 -42
  27. package/src/blocks/cards/cards-20.schema.ts +790 -212
  28. package/src/blocks/cards/cards-21.schema.ts +1215 -229
  29. package/src/blocks/cards/cards-21.tsx +51 -6
  30. package/src/blocks/cards/cards-22.schema.ts +1252 -2809
  31. package/src/blocks/cards/cards-22.tsx +6 -7
  32. package/src/blocks/cards/cards-23.schema.ts +571 -109
  33. package/src/blocks/cards/cards-3.schema.ts +355 -116
  34. package/src/blocks/cards/cards-4.schema.ts +805 -321
  35. package/src/blocks/cards/cards-5.schema.ts +216 -64
  36. package/src/blocks/cards/cards-6.schema.ts +568 -1330
  37. package/src/blocks/cards/cards-7.schema.ts +1181 -1378
  38. package/src/blocks/cards/cards-8.schema.ts +585 -221
  39. package/src/blocks/cards/cards-9.schema.ts +763 -382
  40. package/src/blocks/carousel/carousel-1.schema.ts +257 -502
  41. package/src/blocks/carousel/carousel-1.tsx +2 -2
  42. package/src/blocks/carousel/carousel-2.schema.ts +771 -761
  43. package/src/blocks/community/community-1.schema.ts +8 -23
  44. package/src/blocks/community/community-1.tsx +3 -3
  45. package/src/blocks/community/community-post-1.tsx +4 -4
  46. package/src/blocks/contact-us/contact-us-1.schema.ts +360 -14
  47. package/src/blocks/contact-us/contact-us-2.schema.ts +441 -325
  48. package/src/blocks/content/content-1.schema.ts +800 -381
  49. package/src/blocks/content/content-10.schema.ts +763 -20
  50. package/src/blocks/content/content-2.schema.ts +426 -52
  51. package/src/blocks/content/content-3.schema.ts +631 -432
  52. package/src/blocks/content/content-4.schema.ts +378 -123
  53. package/src/blocks/content/content-5.schema.ts +1152 -682
  54. package/src/blocks/content/content-6.schema.ts +679 -707
  55. package/src/blocks/content/content-7.schema.ts +694 -291
  56. package/src/blocks/content/content-8.schema.ts +247 -7
  57. package/src/blocks/content/content-9.schema.ts +855 -116
  58. package/src/blocks/cta/cta-1.schema.ts +294 -62
  59. package/src/blocks/cta/cta-2.schema.ts +302 -66
  60. package/src/blocks/cta/cta-2.tsx +1 -2
  61. package/src/blocks/cta/cta-3.schema.ts +312 -62
  62. package/src/blocks/ecommerce/ecommerce-1.schema.ts +477 -0
  63. package/src/blocks/ecommerce/ecommerce-1.tsx +243 -0
  64. package/src/blocks/ecommerce/ecommerce-2.schema.ts +268 -0
  65. package/src/blocks/ecommerce/ecommerce-2.tsx +238 -0
  66. package/src/blocks/ecommerce/ecommerce-3.schema.ts +56 -0
  67. package/src/blocks/ecommerce/ecommerce-3.tsx +72 -0
  68. package/src/blocks/ecommerce/ecommerce-4.schema.ts +461 -0
  69. package/src/blocks/ecommerce/ecommerce-4.tsx +249 -0
  70. package/src/blocks/ecommerce/ecommerce-5.schema.ts +230 -0
  71. package/src/blocks/ecommerce/ecommerce-5.tsx +146 -0
  72. package/src/blocks/embed/embed-1.schema.ts +181 -0
  73. package/src/blocks/event/event-listing-2.schema.ts +5 -11
  74. package/src/blocks/event/event-listing-3.schema.ts +5 -11
  75. package/src/blocks/event/event-listing-4.schema.ts +5 -11
  76. package/src/blocks/event/event-listing.schema.ts +5 -11
  77. package/src/blocks/faq/faq-1.schema.ts +439 -260
  78. package/src/blocks/faq/faq-2.schema.ts +444 -266
  79. package/src/blocks/faq/faq-3.schema.ts +1420 -224
  80. package/src/blocks/features/features-1/features-1.schema.ts +21 -21
  81. package/src/blocks/features/features-1/variants/default.ts +120 -138
  82. package/src/blocks/features/features-1/variants/index.ts +2 -2
  83. package/src/blocks/features/features-1/variants/minimal-list.ts +139 -0
  84. package/src/blocks/features/features-1/variants/stylized-cards-v1.ts +69 -385
  85. package/src/blocks/features/features-1/variants/stylized-cards-v2.ts +74 -408
  86. package/src/blocks/features/features-2.schema.ts +368 -286
  87. package/src/blocks/features/features-3.schema.ts +557 -280
  88. package/src/blocks/features/features-4.schema.ts +940 -432
  89. package/src/blocks/features/features-5.schema.ts +566 -407
  90. package/src/blocks/features/features-6.schema.ts +557 -523
  91. package/src/blocks/filter-listing/filter-listing-1.schema.ts +922 -270
  92. package/src/blocks/floating-buttons/floating-button-1.schema.ts +123 -0
  93. package/src/blocks/footer/footer-1.schema.ts +383 -401
  94. package/src/blocks/footer/footer-2.schema.ts +337 -878
  95. package/src/blocks/footer/footer-3.schema.ts +445 -381
  96. package/src/blocks/footer/footer-4.schema.ts +610 -439
  97. package/src/blocks/footer/footer-5.schema.ts +367 -321
  98. package/src/blocks/footer/footer-6.schema.ts +610 -357
  99. package/src/blocks/form/form-1.schema.ts +237 -0
  100. package/src/blocks/hero/hero-1.schema.ts +251 -221
  101. package/src/blocks/hero/hero-10.schema.ts +23 -14
  102. package/src/blocks/hero/hero-11.schema.ts +728 -601
  103. package/src/blocks/hero/hero-12.schema.ts +524 -334
  104. package/src/blocks/hero/hero-13.schema.ts +83 -95
  105. package/src/blocks/hero/hero-2.schema.ts +277 -68
  106. package/src/blocks/hero/hero-3.schema.ts +371 -235
  107. package/src/blocks/hero/hero-3.tsx +1 -1
  108. package/src/blocks/hero/hero-4.schema.ts +605 -338
  109. package/src/blocks/hero/hero-5.schema.ts +545 -61
  110. package/src/blocks/hero/hero-6.schema.ts +446 -257
  111. package/src/blocks/hero/hero-6.tsx +1 -1
  112. package/src/blocks/hero/hero-7.schema.ts +1299 -131
  113. package/src/blocks/hero/hero-7.tsx +43 -23
  114. package/src/blocks/hero/hero-8.schema.ts +736 -236
  115. package/src/blocks/hero/hero-9.schema.ts +908 -58
  116. package/src/blocks/index.ts +14 -2
  117. package/src/blocks/jobs/jobs-1.schema.ts +741 -219
  118. package/src/blocks/logos/logos-1.schema.ts +317 -321
  119. package/src/blocks/logos/logos-1.tsx +32 -19
  120. package/src/blocks/logos/logos-2.schema.ts +223 -0
  121. package/src/blocks/logos/logos-2.tsx +55 -0
  122. package/src/blocks/navbar/navbar-1.schema.ts +319 -186
  123. package/src/blocks/navbar/navbar-3.schema.ts +618 -570
  124. package/src/blocks/navbar/navbar-3.tsx +3 -2
  125. package/src/blocks/navbar/navbar-4.schema.ts +731 -1234
  126. package/src/blocks/navbar/navbar-4.tsx +1 -6
  127. package/src/blocks/polling/polling-1.schema.ts +161 -0
  128. package/src/blocks/pricing/pricing-1.schema.ts +549 -626
  129. package/src/blocks/products/products-listing-1.schema.ts +363 -249
  130. package/src/blocks/products/products-listing-2.schema.ts +515 -257
  131. package/src/blocks/products/products-listing-3.schema.ts +790 -839
  132. package/src/blocks/products/products-listing-3.tsx +86 -84
  133. package/src/blocks/profile/profile-1.schema.ts +168 -187
  134. package/src/blocks/profile/profile-2.schema.ts +150 -122
  135. package/src/blocks/profile/profile-3.schema.ts +307 -256
  136. package/src/blocks/profile/profile-4.schema.ts +372 -504
  137. package/src/blocks/profile/profile-5.schema.ts +186 -79
  138. package/src/blocks/services/service-1.schema.ts +700 -631
  139. package/src/blocks/services/service-2.schema.ts +559 -82
  140. package/src/blocks/services/service-2.tsx +5 -6
  141. package/src/blocks/services/service-3.schema.ts +592 -207
  142. package/src/blocks/services/service-3.tsx +10 -2
  143. package/src/blocks/stats/stats-1.schema.ts +347 -257
  144. package/src/blocks/stats/stats-2.schema.ts +14 -2
  145. package/src/blocks/stats/variants/default.ts +14 -37
  146. package/src/blocks/stats/variants/extra.ts +232 -0
  147. package/src/blocks/stats/variants/hero.ts +1 -30
  148. package/src/blocks/stats/variants/index.ts +13 -1
  149. package/src/blocks/tabs/tab-1.schema.ts +1361 -214
  150. package/src/blocks/tabs/tab-2.schema.ts +984 -390
  151. package/src/blocks/tabs/tab-3.schema.ts +961 -95
  152. package/src/blocks/team/team-1.schema.ts +681 -564
  153. package/src/blocks/team/team-2.schema.ts +589 -935
  154. package/src/blocks/team/team-3.schema.ts +375 -284
  155. package/src/blocks/team/team-4.schema.ts +569 -355
  156. package/src/blocks/team/team-5.schema.ts +307 -111
  157. package/src/blocks/testimonial/testimonial-1.schema.ts +605 -706
  158. package/src/blocks/testimonial/testimonial-2.schema.ts +825 -1099
  159. package/src/blocks/testimonial/testimonial-3.schema.ts +580 -235
  160. package/src/blocks/testimonial/testimonial-4.schema.ts +1326 -1779
  161. package/src/blocks/testimonial/testimonial-5/variants/default.ts +179 -328
  162. package/src/blocks/testimonial/testimonial-5/variants/index.ts +9 -1
  163. package/src/blocks/testimonial/testimonial-5/variants/testimonialCentered.ts +194 -0
  164. package/src/blocks/testimonial/testimonial-5/variants/testimonialCompact.ts +188 -0
  165. package/src/blocks/testimonial/testimonial-5/variants/testimonialWithLogo.ts +275 -396
  166. package/src/blocks/testimonial/testimonial-5/variants/testimonialWithRatings.ts +254 -602
  167. package/src/blocks/testimonial/testimonial-5.schema.ts +6 -2
  168. package/src/blocks/testimonial/testimonial-6.schema.ts +962 -1234
  169. package/src/blocks/testimonial/testimonial-7.schema.ts +515 -233
  170. package/src/blocks/timeline/timeline-1.schema.ts +382 -140
  171. package/src/blocks/users/edit-profile.schema.ts +2 -8
  172. package/src/blocks/users/edit-profile.tsx +2 -3
  173. package/src/schemas/blocks.ts +14 -2
  174. package/src/schemas/categories.ts +6 -0
  175. package/src/blocks/features/features-1/variants/stylized-cards-v3.ts +0 -268
  176. package/src/blocks/navbar/navbar-2.schema.ts +0 -1134
  177. package/src/blocks/navbar/navbar-2.tsx +0 -381
@@ -1,668 +1,247 @@
1
1
  import type { IBlock } from "@levo-so/studio";
2
2
 
3
- const DUMMY_IMAGE = {
3
+ const ICON_FLASH = {
4
4
  kind: "icon",
5
5
  data: {
6
- id: "archive-minus",
7
- label: "Archive Minus",
8
- tags: ["archive", "custom", "directional", "minus"],
6
+ id: "flash",
7
+ label: "Flash",
9
8
  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>',
9
+ '<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>',
11
10
  },
12
11
  };
13
12
 
14
- const MEDIA_VARIANT_1_1 = {
15
- id: "rSCEklLkX4sD4",
16
- filename: "cards-6-variant-1-1.png",
17
- kind: "image",
18
- location: "https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-1-xloNUCSMDRiNX.png",
19
- srcset: {
20
- "1080w": "https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-1-xloNUCSMDRiNX-1080w.webp",
21
- "1200w": "https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-1-xloNUCSMDRiNX-1200w.webp",
22
- "1920w": "https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-1-xloNUCSMDRiNX-1920w.webp",
23
- "320w": "https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-1-xloNUCSMDRiNX-320w.webp",
24
- "640w": "https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-1-xloNUCSMDRiNX-640w.webp",
25
- "750w": "https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-1-xloNUCSMDRiNX-750w.webp",
26
- "828w": "https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-1-xloNUCSMDRiNX-828w.webp",
27
- path: "https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-1-xloNUCSMDRiNX-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-1-xloNUCSMDRiNX-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-1-xloNUCSMDRiNX-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-1-xloNUCSMDRiNX-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-1-xloNUCSMDRiNX-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-1-xloNUCSMDRiNX-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-1-xloNUCSMDRiNX-1920w.webp 1920w",
13
+ const ICON_SHIELD_TICK = {
14
+ kind: "icon",
15
+ data: {
16
+ id: "shield-tick",
17
+ label: "Shield Tick",
18
+ svgCode:
19
+ '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M12.0004 22.7599C10.9104 22.7599 9.83039 22.4399 8.98039 21.8099L4.68039 18.5999C3.54039 17.7499 2.65039 15.9699 2.65039 14.5599V7.11994C2.65039 5.57994 3.78039 3.93994 5.23039 3.39994L10.2204 1.52994C11.2104 1.15994 12.7704 1.15994 13.7604 1.52994L18.7504 3.39994C20.2004 3.93994 21.3304 5.57994 21.3304 7.11994V14.5499C21.3304 15.9699 20.4404 17.7399 19.3004 18.5899L15.0004 21.7999C14.1704 22.4399 13.0904 22.7599 12.0004 22.7599ZM10.7504 2.93994L5.76039 4.80994C4.91039 5.12994 4.16039 6.20994 4.16039 7.12994V14.5599C4.16039 15.5099 4.83039 16.8399 5.58039 17.3999L9.88039 20.6099C11.0304 21.4699 12.9704 21.4699 14.1304 20.6099L18.4304 17.3999C19.1904 16.8299 19.8504 15.5099 19.8504 14.5599V7.11994C19.8504 6.20994 19.1004 5.12994 18.2504 4.79994L13.2604 2.92994C12.5804 2.68994 11.4204 2.68994 10.7504 2.93994Z" fill="var(--color-icon-primary)"/>\n<path d="M10.6602 14.2301C10.4702 14.2301 10.2802 14.1601 10.1302 14.0101L8.52023 12.4001C8.23023 12.1101 8.23023 11.6301 8.52023 11.3401C8.81023 11.0501 9.29023 11.0501 9.58023 11.3401L10.6602 12.4201L14.4302 8.65012C14.7202 8.36012 15.2002 8.36012 15.4902 8.65012C15.7802 8.94012 15.7802 9.42012 15.4902 9.71012L11.1902 14.0101C11.0402 14.1601 10.8502 14.2301 10.6602 14.2301Z" fill="var(--color-icon-primary)"/>\n</svg>',
28
20
  },
29
- mimetype: "image/png",
30
21
  };
31
- const MEDIA_VARIANT_1_2 = {
32
- id: "8eRfu0Um9RtXi",
33
- filename: "cards-6-variant-1-2.png",
34
- kind: "image",
35
- location: "https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-2-qW3F61jcniufZ.png",
36
- srcset: {
37
- "1080w": "https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-2-qW3F61jcniufZ-1080w.webp",
38
- "1200w": "https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-2-qW3F61jcniufZ-1200w.webp",
39
- "1920w": "https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-2-qW3F61jcniufZ-1920w.webp",
40
- "320w": "https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-2-qW3F61jcniufZ-320w.webp",
41
- "640w": "https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-2-qW3F61jcniufZ-640w.webp",
42
- "750w": "https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-2-qW3F61jcniufZ-750w.webp",
43
- "828w": "https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-2-qW3F61jcniufZ-828w.webp",
44
- path: "https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-2-qW3F61jcniufZ-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-2-qW3F61jcniufZ-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-2-qW3F61jcniufZ-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-2-qW3F61jcniufZ-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-2-qW3F61jcniufZ-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-2-qW3F61jcniufZ-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-2-qW3F61jcniufZ-750w.webp 750w",
22
+
23
+ const ICON_CONVERT = {
24
+ kind: "icon",
25
+ data: {
26
+ id: "convert",
27
+ label: "Convert",
28
+ svgCode:
29
+ '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M12.005 22.7326C6.08732 22.7326 1.27734 17.9227 1.27734 12.005C1.27734 6.08732 6.08732 1.27734 12.005 1.27734C17.9227 1.27734 22.7326 6.08732 22.7326 12.005C22.7326 17.9227 17.9127 22.7326 12.005 22.7326ZM12.005 2.77423C6.9156 2.77423 2.77423 6.9156 2.77423 12.005C2.77423 17.0944 6.9156 21.2358 12.005 21.2358C17.0944 21.2358 21.2358 17.0944 21.2358 12.005C21.2358 6.9156 17.0944 2.77423 12.005 2.77423Z" fill="var(--color-icon-primary)"/>\n<path d="M14.3005 12.953C14.101 12.953 13.9114 12.8731 13.7716 12.7334L5.60865 4.55048C5.31925 4.26108 5.31925 3.78208 5.60865 3.49268C5.89805 3.20329 6.37705 3.20329 6.66645 3.49268L13.5621 10.3983L13.5721 7.66399C13.5721 7.25485 13.9114 6.91555 14.3205 6.91555C14.7296 6.88561 15.0689 7.25485 15.0689 7.66399L15.059 12.2045C15.059 12.5039 14.8793 12.7833 14.5999 12.8931C14.5001 12.933 14.4003 12.953 14.3005 12.953Z" fill="var(--color-icon-primary)"/>\n<path d="M17.863 20.7268C17.6734 20.7268 17.4838 20.657 17.3341 20.5073L10.4385 13.6017L10.4285 16.336C10.4285 16.7451 10.0892 17.0844 9.68008 17.0844C9.27093 17.0844 8.93164 16.7451 8.93164 16.336L8.94162 11.7954C8.94162 11.4961 9.12125 11.2166 9.40066 11.1069C9.68008 10.9871 9.99942 11.057 10.219 11.2665L18.382 19.4495C18.6714 19.7389 18.6714 20.2179 18.382 20.5073C18.2522 20.657 18.0526 20.7268 17.863 20.7268Z" fill="var(--color-icon-primary)"/>\n</svg>',
45
30
  },
46
- mimetype: "image/png",
47
31
  };
48
- const MEDIA_VARIANT_1_3 = {
49
- id: "1d7sFLgEaxqlC",
50
- filename: "cards-6-variant-1-3.png",
51
- kind: "image",
52
- location: "https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-3-n3q3qfSscxgv4.png",
53
- srcset: {
54
- "1080w": "https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-3-n3q3qfSscxgv4-1080w.webp",
55
- "1200w": "https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-3-n3q3qfSscxgv4-1200w.webp",
56
- "1920w": "https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-3-n3q3qfSscxgv4-1920w.webp",
57
- "320w": "https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-3-n3q3qfSscxgv4-320w.webp",
58
- "640w": "https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-3-n3q3qfSscxgv4-640w.webp",
59
- "750w": "https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-3-n3q3qfSscxgv4-750w.webp",
60
- "828w": "https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-3-n3q3qfSscxgv4-828w.webp",
61
- path: "https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-3-n3q3qfSscxgv4-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-3-n3q3qfSscxgv4-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-3-n3q3qfSscxgv4-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-3-n3q3qfSscxgv4-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-3-n3q3qfSscxgv4-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-3-n3q3qfSscxgv4-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-3-n3q3qfSscxgv4-828w.webp 828w",
32
+
33
+ const ICON_CHART_SUCCESS = {
34
+ kind: "icon",
35
+ data: {
36
+ id: "chart-success",
37
+ label: "Chart Success",
38
+ svgCode:
39
+ '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M13 22.75H9C3.57 22.75 1.25 20.43 1.25 15V9C1.25 3.57 3.57 1.25 9 1.25H15C20.43 1.25 22.75 3.57 22.75 9V13C22.75 13.41 22.41 13.75 22 13.75C21.59 13.75 21.25 13.41 21.25 13V9C21.25 4.39 19.61 2.75 15 2.75H9C4.39 2.75 2.75 4.39 2.75 9V15C2.75 19.61 4.39 21.25 9 21.25H13C13.41 21.25 13.75 21.59 13.75 22C13.75 22.41 13.41 22.75 13 22.75Z" fill="var(--color-icon-primary)"/>\n<path d="M7 14.69C6.59 14.69 6.25 14.35 6.25 13.94V10.73C6.25 10.32 6.59 9.98001 7 9.98001C7.41 9.98001 7.75 10.32 7.75 10.73V13.94C7.75 14.36 7.41 14.69 7 14.69Z" fill="var(--color-icon-primary)"/>\n<path d="M17 14.69C16.59 14.69 16.25 14.35 16.25 13.94V10.73C16.25 10.32 16.59 9.98001 17 9.98001C17.41 9.98001 17.75 10.32 17.75 10.73V13.94C17.75 14.36 17.41 14.69 17 14.69Z" fill="var(--color-icon-primary)"/>\n<path d="M17.5803 21.75C17.3803 21.75 17.1903 21.67 17.0503 21.53L15.4703 19.96C15.1803 19.67 15.1703 19.19 15.4703 18.9C15.7603 18.61 16.2403 18.6 16.5303 18.9L17.5403 19.9L20.4403 16.51C20.7103 16.19 21.1803 16.16 21.5003 16.43C21.8103 16.7 21.8503 17.17 21.5803 17.49L18.1603 21.49C18.0203 21.65 17.8303 21.74 17.6203 21.75C17.6003 21.75 17.5903 21.75 17.5803 21.75Z" fill="var(--color-icon-primary)"/>\n<path d="M12 14.25C11.59 14.25 11.25 13.91 11.25 13.5V10.5C11.25 10.09 11.59 9.75 12 9.75C12.41 9.75 12.75 10.09 12.75 10.5V13.5C12.75 13.91 12.41 14.25 12 14.25Z" fill="var(--color-icon-primary)"/>\n</svg>',
62
40
  },
63
- mimetype: "image/png",
64
41
  };
65
- const MEDIA_VARIANT_1_4 = {
66
- id: "yCrPb3F9Cnkvm",
67
- filename: "cards-6-variant-1-4.png",
68
- kind: "image",
69
- location: "https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-4-R6ewpNbO12VEA.png",
70
- srcset: {
71
- "1080w": "https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-4-R6ewpNbO12VEA-1080w.webp",
72
- "1200w": "https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-4-R6ewpNbO12VEA-1200w.webp",
73
- "1920w": "https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-4-R6ewpNbO12VEA-1920w.webp",
74
- "320w": "https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-4-R6ewpNbO12VEA-320w.webp",
75
- "640w": "https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-4-R6ewpNbO12VEA-640w.webp",
76
- "750w": "https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-4-R6ewpNbO12VEA-750w.webp",
77
- "828w": "https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-4-R6ewpNbO12VEA-828w.webp",
78
- path: "https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-4-R6ewpNbO12VEA-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-4-R6ewpNbO12VEA-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-4-R6ewpNbO12VEA-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-4-R6ewpNbO12VEA-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-4-R6ewpNbO12VEA-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-4-R6ewpNbO12VEA-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-4-R6ewpNbO12VEA-1200w.webp 1200w",
42
+
43
+ const ICON_CODE_CIRCLE = {
44
+ kind: "icon",
45
+ data: {
46
+ id: "code-circle",
47
+ label: "Code Circle",
48
+ svgCode:
49
+ '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M7.99945 14.75C7.80945 14.75 7.61945 14.68 7.46945 14.53L5.46945 12.53C5.17945 12.24 5.17945 11.7599 5.46945 11.4699L7.46945 9.46994C7.75945 9.17994 8.23945 9.17994 8.52945 9.46994C8.81945 9.75994 8.81945 10.24 8.52945 10.53L7.05945 12L8.52945 13.4699C8.81945 13.7599 8.81945 14.24 8.52945 14.53C8.37945 14.68 8.18945 14.75 7.99945 14.75Z" fill="var(--color-icon-primary)"/>\n<path d="M15.9995 14.75C15.8095 14.75 15.6195 14.68 15.4695 14.53C15.1795 14.24 15.1795 13.7599 15.4695 13.4699L16.9395 12L15.4695 10.53C15.1795 10.24 15.1795 9.75994 15.4695 9.46994C15.7595 9.17994 16.2395 9.17994 16.5295 9.46994L18.5295 11.4699C18.8195 11.7599 18.8195 12.24 18.5295 12.53L16.5295 14.53C16.3795 14.68 16.1895 14.75 15.9995 14.75Z" fill="var(--color-icon-primary)"/>\n<path d="M12 22.75C6.07 22.75 1.25 17.93 1.25 12C1.25 6.07 6.07 1.25 12 1.25C17.93 1.25 22.75 6.07 22.75 12C22.75 17.93 17.93 22.75 12 22.75ZM12 2.75C6.9 2.75 2.75 6.9 2.75 12C2.75 17.1 6.9 21.25 12 21.25C17.1 21.25 21.25 17.1 21.25 12C21.25 6.9 17.1 2.75 12 2.75Z" fill="var(--color-icon-primary)"/>\n<path d="M11.0001 15.0801C10.9001 15.0801 10.8001 15.0601 10.7101 15.0201C10.3301 14.8601 10.1501 14.4201 10.3201 14.0301L12.3201 9.36004C12.4801 8.98004 12.9201 8.80002 13.3001 8.97002C13.6801 9.13002 13.8601 9.57008 13.6901 9.96008L11.6901 14.6301C11.5701 14.9101 11.2901 15.0801 11.0001 15.0801Z" fill="var(--color-icon-primary)"/>\n</svg>',
79
50
  },
80
- mimetype: "image/png",
81
51
  };
82
- const MEDIA_VARIANT_1_5 = {
83
- id: "KQ5FNQXeVFzMv",
84
- filename: "cards-6-variant-1-5.png",
85
- kind: "image",
86
- location: "https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-5-YhEG6TcDBG2Zv.png",
87
- srcset: {
88
- "1080w": "https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-5-YhEG6TcDBG2Zv-1080w.webp",
89
- "1200w": "https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-5-YhEG6TcDBG2Zv-1200w.webp",
90
- "1920w": "https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-5-YhEG6TcDBG2Zv-1920w.webp",
91
- "320w": "https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-5-YhEG6TcDBG2Zv-320w.webp",
92
- "640w": "https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-5-YhEG6TcDBG2Zv-640w.webp",
93
- "750w": "https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-5-YhEG6TcDBG2Zv-750w.webp",
94
- "828w": "https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-5-YhEG6TcDBG2Zv-828w.webp",
95
- path: "https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-5-YhEG6TcDBG2Zv-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-5-YhEG6TcDBG2Zv-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-5-YhEG6TcDBG2Zv-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-5-YhEG6TcDBG2Zv-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-5-YhEG6TcDBG2Zv-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-5-YhEG6TcDBG2Zv-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/cards-6-variant-1-5-YhEG6TcDBG2Zv-1920w.webp 1920w",
52
+
53
+ const ICON_LIFEBUOY = {
54
+ kind: "icon",
55
+ data: {
56
+ id: "lifebuoy",
57
+ label: "Lifebuoy",
58
+ svgCode:
59
+ '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M11.9697 22.75C6.04973 22.75 1.21973 17.93 1.21973 12C1.21973 6.07 6.04973 1.25 11.9697 1.25C17.8897 1.25 22.7197 6.07 22.7197 12C22.7197 17.93 17.8997 22.75 11.9697 22.75ZM11.9697 2.75C6.86973 2.75 2.71973 6.9 2.71973 12C2.71973 17.1 6.86973 21.25 11.9697 21.25C17.0697 21.25 21.2197 17.1 21.2197 12C21.2197 6.9 17.0697 2.75 11.9697 2.75Z" fill="var(--color-icon-primary)"/>\n<path d="M12 17.25C9.1 17.25 6.75 14.89 6.75 12C6.75 9.11 9.1 6.75 12 6.75C14.9 6.75 17.25 9.11 17.25 12C17.25 14.89 14.9 17.25 12 17.25ZM12 8.25C9.93 8.25 8.25 9.93 8.25 12C8.25 14.07 9.93 15.75 12 15.75C14.07 15.75 15.75 14.07 15.75 12C15.75 9.93 14.07 8.25 12 8.25Z" fill="var(--color-icon-primary)"/>\n<path d="M8.43984 9.21C8.24984 9.21 8.04984 9.14 7.90984 9L4.36984 5.46C4.07984 5.17 4.07984 4.69 4.36984 4.4C4.65984 4.11 5.13984 4.11 5.42984 4.4L8.96984 7.94C9.25984 8.23 9.25984 8.7 8.96984 9C8.81984 9.14 8.62984 9.21 8.43984 9.21Z" fill="var(--color-icon-primary)"/>\n<path d="M4.89984 19.82C4.70984 19.82 4.51984 19.75 4.36984 19.6C4.07984 19.31 4.07984 18.83 4.36984 18.54L7.90984 15C8.19984 14.71 8.67984 14.71 8.96984 15C9.25984 15.29 9.25984 15.77 8.96984 16.06L5.42984 19.6C5.28984 19.75 5.08984 19.82 4.89984 19.82Z" fill="var(--color-icon-primary)"/>\n<path d="M19.0404 19.82C18.8504 19.82 18.6604 19.75 18.5104 19.6L14.9704 16.06C14.6804 15.77 14.6804 15.29 14.9704 15C15.2604 14.71 15.7404 14.71 16.0304 15L19.5704 18.54C19.8604 18.83 19.8604 19.31 19.5704 19.6C19.4304 19.75 19.2404 19.82 19.0404 19.82Z" fill="var(--color-icon-primary)"/>\n<path d="M15.5102 9.21C15.3202 9.21 15.1302 9.14 14.9802 8.99C14.6902 8.7 14.6902 8.22 14.9802 7.93L18.5202 4.39C18.8102 4.1 19.2902 4.1 19.5802 4.39C19.8702 4.68 19.8702 5.16 19.5802 5.45L16.0402 9C15.8902 9.14 15.7002 9.21 15.5102 9.21Z" fill="var(--color-icon-primary)"/>\n</svg>',
60
+ },
61
+ };
62
+
63
+ const ICON_ARROW_LEFT = {
64
+ kind: "icon",
65
+ data: {
66
+ id: "arrow-left",
67
+ label: "Arrow Left",
68
+ svgCode:
69
+ '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M9.57043 18.82C9.38043 18.82 9.19043 18.75 9.04043 18.6L2.97043 12.53C2.68043 12.24 2.68043 11.76 2.97043 11.47L9.04043 5.4C9.33043 5.11 9.81043 5.11 10.1004 5.4C10.3904 5.69 10.3904 6.17 10.1004 6.46L4.56043 12L10.1004 17.54C10.3904 17.83 10.3904 18.31 10.1004 18.6C9.96043 18.75 9.76043 18.82 9.57043 18.82Z" fill="currentColor"/>\n<path d="M20.4999 12.75H3.66992C3.25992 12.75 2.91992 12.41 2.91992 12C2.91992 11.59 3.25992 11.25 3.66992 11.25H20.4999C20.9099 11.25 21.2499 11.59 21.2499 12C21.2499 12.41 20.9099 12.75 20.4999 12.75Z" fill="currentColor"/>\n</svg>',
96
70
  },
97
- mimetype: "image/png",
98
71
  };
99
72
 
100
- const MEDIA_VARIANT_1_ARR = [
101
- MEDIA_VARIANT_1_1,
102
- MEDIA_VARIANT_1_2,
103
- MEDIA_VARIANT_1_3,
104
- MEDIA_VARIANT_1_4,
105
- MEDIA_VARIANT_1_5,
106
- ];
73
+ const ICON_ARROW_RIGHT = {
74
+ kind: "icon",
75
+ data: {
76
+ id: "arrow-right",
77
+ label: "Arrow Right",
78
+ svgCode:
79
+ '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M14.4301 18.82C14.2401 18.82 14.0501 18.75 13.9001 18.6C13.6101 18.31 13.6101 17.83 13.9001 17.54L19.4401 12L13.9001 6.46C13.6101 6.17 13.6101 5.69 13.9001 5.4C14.1901 5.11 14.6701 5.11 14.9601 5.4L21.0301 11.47C21.3201 11.76 21.3201 12.24 21.0301 12.53L14.9601 18.6C14.8101 18.75 14.6201 18.82 14.4301 18.82Z" fill="currentColor"/>\n<path d="M20.33 12.75H3.5C3.09 12.75 2.75 12.41 2.75 12C2.75 11.59 3.09 11.25 3.5 11.25H20.33C20.74 11.25 21.08 11.59 21.08 12C21.08 12.41 20.74 12.75 20.33 12.75Z" fill="currentColor"/>\n</svg>',
80
+ },
81
+ };
107
82
 
108
- const MEDIA_VARIANT_2 = {
109
- id: "qW3Fs1jcni2bs",
110
- filename: "cards-6-variant-2-1.png",
83
+ const IMG_TEAM = {
84
+ id: "7452995497892229131",
111
85
  kind: "image",
112
- location: "https://static.levocdn.com/WLZ1TXTD/cards-6-variant-2-1-lDiKaGwM8TrWR.png",
86
+ location: "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg",
87
+ mimetype: "image/jpeg",
113
88
  srcset: {
114
- "1080w": "https://static.levocdn.com/WLZ1TXTD/cards-6-variant-2-1-lDiKaGwM8TrWR-1080w.webp",
115
- "1200w": "https://static.levocdn.com/WLZ1TXTD/cards-6-variant-2-1-lDiKaGwM8TrWR-1200w.webp",
116
- "1920w": "https://static.levocdn.com/WLZ1TXTD/cards-6-variant-2-1-lDiKaGwM8TrWR-1920w.webp",
117
- "320w": "https://static.levocdn.com/WLZ1TXTD/cards-6-variant-2-1-lDiKaGwM8TrWR-320w.webp",
118
- "640w": "https://static.levocdn.com/WLZ1TXTD/cards-6-variant-2-1-lDiKaGwM8TrWR-640w.webp",
119
- "750w": "https://static.levocdn.com/WLZ1TXTD/cards-6-variant-2-1-lDiKaGwM8TrWR-750w.webp",
120
- "828w": "https://static.levocdn.com/WLZ1TXTD/cards-6-variant-2-1-lDiKaGwM8TrWR-828w.webp",
121
- path: "https://static.levocdn.com/WLZ1TXTD/cards-6-variant-2-1-lDiKaGwM8TrWR-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/cards-6-variant-2-1-lDiKaGwM8TrWR-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/cards-6-variant-2-1-lDiKaGwM8TrWR-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/cards-6-variant-2-1-lDiKaGwM8TrWR-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/cards-6-variant-2-1-lDiKaGwM8TrWR-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/cards-6-variant-2-1-lDiKaGwM8TrWR-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/cards-6-variant-2-1-lDiKaGwM8TrWR-640w.webp 640w",
89
+ "320w":
90
+ "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
91
+ "640w":
92
+ "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
93
+ "750w":
94
+ "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
95
+ "828w":
96
+ "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
97
+ "1080w":
98
+ "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
99
+ "1200w":
100
+ "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
101
+ "1920w":
102
+ "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
103
+ path: "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320 320w, https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750 750w, https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828 828w, https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200 1200w, https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w",
122
104
  },
123
- mimetype: "image/png",
124
105
  };
125
106
 
126
- const DEFAULT_CONTENT = {
127
- layout: null,
128
- container: null,
107
+ /**
108
+ * Six SaaS-themed cards. Each is unique and parallel in form: short title,
109
+ * one-mechanism description with a concrete proof point.
110
+ */
111
+ const CARD_REALTIME = {
112
+ card: null,
129
113
  header: null,
130
- title: "Explore Our Program",
131
- description: "Explore Our Program Explore Our Program Explore Our Program Explore Our Program",
132
- "carousel-navigation-container": null,
133
- "carousel-navigation": null,
134
- "carousel-navigation-arrow-left": " ",
135
- "carousel-navigation-arrow-right": " ",
136
- cards: [
137
- {
138
- card: null,
139
- header: null,
140
- icon: DUMMY_IMAGE,
141
- content: null,
142
- card_title: "Cardio",
143
- description:
144
- "This class introduces the fundamental principles of Pilates, focusing on controlled movement...",
145
- ctas_levoGroup: null,
146
- ctas: [
147
- {
148
- cta: "Explore More",
149
- },
150
- {
151
- cta: "Learn More",
152
- },
153
- ],
154
- },
155
- {
156
- card: null,
157
- header: null,
158
- icon: DUMMY_IMAGE,
159
- content: null,
160
- card_title: "Fat Burn",
161
- description:
162
- "This class introduces the fundamental principles of Pilates, focusing on controlled movement...",
163
- ctas_levoGroup: null,
164
- ctas: [
165
- {
166
- cta: "Explore More",
167
- },
168
- {
169
- cta: "Learn More",
170
- },
171
- ],
172
- },
173
- {
174
- card: null,
175
- header: null,
176
- icon: DUMMY_IMAGE,
177
- content: null,
178
- card_title: "Muscle Gain",
179
- description:
180
- "This class introduces the fundamental principles of Pilates, focusing on controlled movement...",
181
- ctas_levoGroup: null,
182
- ctas: [
183
- {
184
- cta: "Explore More",
185
- },
186
- {
187
- cta: "Learn More",
188
- },
189
- ],
190
- },
191
- {
192
- card: null,
193
- header: null,
194
- icon: DUMMY_IMAGE,
195
- content: null,
196
- card_title: "Weight Gain",
197
- description:
198
- "This class introduces the fundamental principles of Pilates, focusing on controlled movement...",
199
- ctas_levoGroup: null,
200
- ctas: [
201
- {
202
- cta: "Explore More",
203
- },
204
- {
205
- cta: "Learn More",
206
- },
207
- ],
208
- },
209
- ],
210
- "carousel-navigation-arrow-left_leftIcon": {
211
- kind: "icon",
212
- data: {
213
- id: "arrow-left",
214
- label: "Arrow Left",
215
- tags: ["arrow", "custom", "directional", "left"],
216
- svgCode:
217
- '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M9.57043 18.82C9.38043 18.82 9.19043 18.75 9.04043 18.6L2.97043 12.53C2.68043 12.24 2.68043 11.76 2.97043 11.47L9.04043 5.4C9.33043 5.11 9.81043 5.11 10.1004 5.4C10.3904 5.69 10.3904 6.17 10.1004 6.46L4.56043 12L10.1004 17.54C10.3904 17.83 10.3904 18.31 10.1004 18.6C9.96043 18.75 9.76043 18.82 9.57043 18.82Z" fill="currentColor"/>\n<path d="M20.4999 12.75H3.66992C3.25992 12.75 2.91992 12.41 2.91992 12C2.91992 11.59 3.25992 11.25 3.66992 11.25H20.4999C20.9099 11.25 21.2499 11.59 21.2499 12C21.2499 12.41 20.9099 12.75 20.4999 12.75Z" fill="currentColor"/>\n</svg>',
218
- },
219
- },
220
- "carousel-navigation-arrow-right_rightIcon": {
221
- kind: "icon",
222
- data: {
223
- id: "arrow-right-1",
224
- label: "Arrow Right 1",
225
- tags: ["arrow", "custom", "directional", "right"],
226
- svgCode:
227
- '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M14.4301 18.82C14.2401 18.82 14.0501 18.75 13.9001 18.6C13.6101 18.31 13.6101 17.83 13.9001 17.54L19.4401 12L13.9001 6.46C13.6101 6.17 13.6101 5.69 13.9001 5.4C14.1901 5.11 14.6701 5.11 14.9601 5.4L21.0301 11.47C21.3201 11.76 21.3201 12.24 21.0301 12.53L14.9601 18.6C14.8101 18.75 14.6201 18.82 14.4301 18.82Z" fill="currentColor"/>\n<path d="M20.33 12.75H3.5C3.09 12.75 2.75 12.41 2.75 12C2.75 11.59 3.09 11.25 3.5 11.25H20.33C20.74 11.25 21.08 11.59 21.08 12C21.08 12.41 20.74 12.75 20.33 12.75Z" fill="currentColor"/>\n</svg>',
228
- },
229
- },
114
+ icon: ICON_FLASH,
115
+ content: null,
116
+ card_title: "Real-time sync",
117
+ description:
118
+ "Edits land in under 80ms across every device and region. No refresh, no ghost cursors, no stale views.",
119
+ ctas_levoGroup: null,
120
+ ctas: [{ cta: "See benchmarks" }, { cta: "Book a demo" }],
230
121
  };
231
122
 
232
- const DEFAULT_CONTENT_VARIANT_1 = {
233
- layout: null,
234
- container: null,
123
+ const CARD_SECURITY = {
124
+ card: null,
235
125
  header: null,
236
- title: "Explore Our Program",
237
- "carousel-navigation-container": null,
238
- "carousel-navigation": null,
239
- "carousel-navigation-arrow-left": " ",
240
- "carousel-navigation-arrow-right": " ",
241
- cards: [
242
- {
243
- card: null,
244
- header: null,
245
- icon: {
246
- kind: "icon",
247
- data: {
248
- id: "archive-minus",
249
- label: "Archive Minus",
250
- tags: ["archive", "custom", "directional", "minus"],
251
- svgCode:
252
- '<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>',
253
- },
254
- },
255
- content: null,
256
- card_title: "Cardio",
257
- description: "<p>Early Childhood Education</p>",
258
- ctas_levoGroup: null,
259
- ctas: [
260
- {
261
- cta: "Learn More",
262
- },
263
- {
264
- cta: "Get Started",
265
- },
266
- ],
267
- cta_rightIcon: {
268
- kind: "icon",
269
- data: {
270
- id: "arrow-right-1",
271
- label: "Arrow Right 1",
272
- tags: ["arrow", "custom", "directional", "right"],
273
- svgCode:
274
- '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M14.4301 18.82C14.2401 18.82 14.0501 18.75 13.9001 18.6C13.6101 18.31 13.6101 17.83 13.9001 17.54L19.4401 12L13.9001 6.46C13.6101 6.17 13.6101 5.69 13.9001 5.4C14.1901 5.11 14.6701 5.11 14.9601 5.4L21.0301 11.47C21.3201 11.76 21.3201 12.24 21.0301 12.53L14.9601 18.6C14.8101 18.75 14.6201 18.82 14.4301 18.82Z" fill="currentColor"/>\n<path d="M20.33 12.75H3.5C3.09 12.75 2.75 12.41 2.75 12C2.75 11.59 3.09 11.25 3.5 11.25H20.33C20.74 11.25 21.08 11.59 21.08 12C21.08 12.41 20.74 12.75 20.33 12.75Z" fill="currentColor"/>\n</svg>',
275
- },
276
- },
277
- },
278
- {
279
- card: null,
280
- header: null,
281
- icon: {
282
- kind: "icon",
283
- data: {
284
- id: "archive-minus",
285
- label: "Archive Minus",
286
- tags: ["archive", "custom", "directional", "minus"],
287
- svgCode:
288
- '<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>',
289
- },
290
- },
291
- content: null,
292
- card_title: "Cardio",
293
- description: "<p>Early Childhood Education</p>",
294
- ctas_levoGroup: null,
295
- ctas: [
296
- {
297
- cta: "Learn More",
298
- },
299
- {
300
- cta: "Get Started",
301
- },
302
- ],
303
- cta_rightIcon: {
304
- kind: "icon",
305
- data: {
306
- id: "arrow-right-1",
307
- label: "Arrow Right 1",
308
- tags: ["arrow", "custom", "directional", "right"],
309
- svgCode:
310
- '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M14.4301 18.82C14.2401 18.82 14.0501 18.75 13.9001 18.6C13.6101 18.31 13.6101 17.83 13.9001 17.54L19.4401 12L13.9001 6.46C13.6101 6.17 13.6101 5.69 13.9001 5.4C14.1901 5.11 14.6701 5.11 14.9601 5.4L21.0301 11.47C21.3201 11.76 21.3201 12.24 21.0301 12.53L14.9601 18.6C14.8101 18.75 14.6201 18.82 14.4301 18.82Z" fill="currentColor"/>\n<path d="M20.33 12.75H3.5C3.09 12.75 2.75 12.41 2.75 12C2.75 11.59 3.09 11.25 3.5 11.25H20.33C20.74 11.25 21.08 11.59 21.08 12C21.08 12.41 20.74 12.75 20.33 12.75Z" fill="currentColor"/>\n</svg>',
311
- },
312
- },
313
- },
314
- {
315
- card: null,
316
- header: null,
317
- icon: {
318
- kind: "icon",
319
- data: {
320
- id: "archive-minus",
321
- label: "Archive Minus",
322
- tags: ["archive", "custom", "directional", "minus"],
323
- svgCode:
324
- '<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>',
325
- },
326
- },
327
- content: null,
328
- card_title: "Cardio",
329
- description: "<p>Early Childhood Education</p>",
330
- ctas_levoGroup: null,
331
- ctas: [
332
- {
333
- cta: "Learn More",
334
- },
335
- {
336
- cta: "Get Started",
337
- },
338
- ],
339
- cta_rightIcon: {
340
- kind: "icon",
341
- data: {
342
- id: "arrow-right-1",
343
- label: "Arrow Right 1",
344
- tags: ["arrow", "custom", "directional", "right"],
345
- svgCode:
346
- '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M14.4301 18.82C14.2401 18.82 14.0501 18.75 13.9001 18.6C13.6101 18.31 13.6101 17.83 13.9001 17.54L19.4401 12L13.9001 6.46C13.6101 6.17 13.6101 5.69 13.9001 5.4C14.1901 5.11 14.6701 5.11 14.9601 5.4L21.0301 11.47C21.3201 11.76 21.3201 12.24 21.0301 12.53L14.9601 18.6C14.8101 18.75 14.6201 18.82 14.4301 18.82Z" fill="currentColor"/>\n<path d="M20.33 12.75H3.5C3.09 12.75 2.75 12.41 2.75 12C2.75 11.59 3.09 11.25 3.5 11.25H20.33C20.74 11.25 21.08 11.59 21.08 12C21.08 12.41 20.74 12.75 20.33 12.75Z" fill="currentColor"/>\n</svg>',
347
- },
348
- },
349
- },
350
- {
351
- card: null,
352
- header: null,
353
- icon: {
354
- kind: "icon",
355
- data: {
356
- id: "archive-minus",
357
- label: "Archive Minus",
358
- tags: ["archive", "custom", "directional", "minus"],
359
- svgCode:
360
- '<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>',
361
- },
362
- },
363
- content: null,
364
- card_title: "Cardio",
365
- description: "<p>Early Childhood Education</p>",
366
- ctas_levoGroup: null,
367
- ctas: [
368
- {
369
- cta: "Learn More",
370
- },
371
- {
372
- cta: "Get Started",
373
- },
374
- ],
375
- cta_rightIcon: {
376
- kind: "icon",
377
- data: {
378
- id: "arrow-right-1",
379
- label: "Arrow Right 1",
380
- tags: ["arrow", "custom", "directional", "right"],
381
- svgCode:
382
- '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M14.4301 18.82C14.2401 18.82 14.0501 18.75 13.9001 18.6C13.6101 18.31 13.6101 17.83 13.9001 17.54L19.4401 12L13.9001 6.46C13.6101 6.17 13.6101 5.69 13.9001 5.4C14.1901 5.11 14.6701 5.11 14.9601 5.4L21.0301 11.47C21.3201 11.76 21.3201 12.24 21.0301 12.53L14.9601 18.6C14.8101 18.75 14.6201 18.82 14.4301 18.82Z" fill="currentColor"/>\n<path d="M20.33 12.75H3.5C3.09 12.75 2.75 12.41 2.75 12C2.75 11.59 3.09 11.25 3.5 11.25H20.33C20.74 11.25 21.08 11.59 21.08 12C21.08 12.41 20.74 12.75 20.33 12.75Z" fill="currentColor"/>\n</svg>',
383
- },
384
- },
385
- },
386
- {
387
- card: null,
388
- header: null,
389
- icon: {
390
- kind: "icon",
391
- data: {
392
- id: "archive-minus",
393
- label: "Archive Minus",
394
- tags: ["archive", "custom", "directional", "minus"],
395
- svgCode:
396
- '<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>',
397
- },
398
- },
399
- content: null,
400
- card_title: "Cardio",
401
- description: "<p>Early Childhood Education</p>",
402
- ctas_levoGroup: null,
403
- ctas: [
404
- {
405
- cta: "Learn More",
406
- },
407
- {
408
- cta: "Get Started",
409
- },
410
- ],
411
- cta_rightIcon: {
412
- kind: "icon",
413
- data: {
414
- id: "arrow-right-1",
415
- label: "Arrow Right 1",
416
- tags: ["arrow", "custom", "directional", "right"],
417
- svgCode:
418
- '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M14.4301 18.82C14.2401 18.82 14.0501 18.75 13.9001 18.6C13.6101 18.31 13.6101 17.83 13.9001 17.54L19.4401 12L13.9001 6.46C13.6101 6.17 13.6101 5.69 13.9001 5.4C14.1901 5.11 14.6701 5.11 14.9601 5.4L21.0301 11.47C21.3201 11.76 21.3201 12.24 21.0301 12.53L14.9601 18.6C14.8101 18.75 14.6201 18.82 14.4301 18.82Z" fill="currentColor"/>\n<path d="M20.33 12.75H3.5C3.09 12.75 2.75 12.41 2.75 12C2.75 11.59 3.09 11.25 3.5 11.25H20.33C20.74 11.25 21.08 11.59 21.08 12C21.08 12.41 20.74 12.75 20.33 12.75Z" fill="currentColor"/>\n</svg>',
419
- },
420
- },
421
- },
422
- ],
423
- "carousel-navigation-arrow-left_leftIcon": {
424
- kind: "icon",
425
- data: {
426
- id: "arrow-left",
427
- label: "Arrow Left",
428
- tags: ["arrow", "custom", "directional", "left"],
429
- svgCode:
430
- '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M9.57043 18.82C9.38043 18.82 9.19043 18.75 9.04043 18.6L2.97043 12.53C2.68043 12.24 2.68043 11.76 2.97043 11.47L9.04043 5.4C9.33043 5.11 9.81043 5.11 10.1004 5.4C10.3904 5.69 10.3904 6.17 10.1004 6.46L4.56043 12L10.1004 17.54C10.3904 17.83 10.3904 18.31 10.1004 18.6C9.96043 18.75 9.76043 18.82 9.57043 18.82Z" fill="currentColor"/>\n<path d="M20.4999 12.75H3.66992C3.25992 12.75 2.91992 12.41 2.91992 12C2.91992 11.59 3.25992 11.25 3.66992 11.25H20.4999C20.9099 11.25 21.2499 11.59 21.2499 12C21.2499 12.41 20.9099 12.75 20.4999 12.75Z" fill="currentColor"/>\n</svg>',
431
- },
432
- },
433
- "carousel-navigation-arrow-right_rightIcon": {
434
- kind: "icon",
435
- data: {
436
- id: "arrow-right-1",
437
- label: "Arrow Right 1",
438
- tags: ["arrow", "custom", "directional", "right"],
439
- svgCode:
440
- '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M14.4301 18.82C14.2401 18.82 14.0501 18.75 13.9001 18.6C13.6101 18.31 13.6101 17.83 13.9001 17.54L19.4401 12L13.9001 6.46C13.6101 6.17 13.6101 5.69 13.9001 5.4C14.1901 5.11 14.6701 5.11 14.9601 5.4L21.0301 11.47C21.3201 11.76 21.3201 12.24 21.0301 12.53L14.9601 18.6C14.8101 18.75 14.6201 18.82 14.4301 18.82Z" fill="currentColor"/>\n<path d="M20.33 12.75H3.5C3.09 12.75 2.75 12.41 2.75 12C2.75 11.59 3.09 11.25 3.5 11.25H20.33C20.74 11.25 21.08 11.59 21.08 12C21.08 12.41 20.74 12.75 20.33 12.75Z" fill="currentColor"/>\n</svg>',
441
- },
442
- },
126
+ icon: ICON_SHIELD_TICK,
127
+ content: null,
128
+ card_title: "Built-in security",
129
+ description:
130
+ "SOC 2 Type II, SAML SSO and SCIM provisioning ship by default, so your IT team approves in one review.",
131
+ ctas_levoGroup: null,
132
+ ctas: [{ cta: "Read trust report" }, { cta: "Talk to sales" }],
443
133
  };
444
- const DEFAULT_CONTENT_VARIANT_2 = {
134
+
135
+ const CARD_AUTOMATION = {
136
+ card: null,
137
+ header: null,
138
+ icon: ICON_CONVERT,
139
+ content: null,
140
+ card_title: "Workflow automation",
141
+ description:
142
+ "Trigger 200+ actions from any state change. Replace Zapier hacks with native rules your ops team owns.",
143
+ ctas_levoGroup: null,
144
+ ctas: [{ cta: "View recipes" }, { cta: "Book a demo" }],
145
+ };
146
+
147
+ const CARD_ANALYTICS = {
148
+ card: null,
149
+ header: null,
150
+ icon: ICON_CHART_SUCCESS,
151
+ content: null,
152
+ card_title: "Insightful analytics",
153
+ description:
154
+ "Per-project velocity, blockers and SLA dashboards refresh hourly. No warehouse, no SQL, no second tool.",
155
+ ctas_levoGroup: null,
156
+ ctas: [{ cta: "Tour dashboards" }, { cta: "Talk to sales" }],
157
+ };
158
+
159
+ const CARD_API = {
160
+ card: null,
161
+ header: null,
162
+ icon: ICON_CODE_CIRCLE,
163
+ content: null,
164
+ card_title: "Open by default",
165
+ description:
166
+ "Public REST and GraphQL APIs, signed webhooks with retry, and a typed SDK so engineers extend the product.",
167
+ ctas_levoGroup: null,
168
+ ctas: [{ cta: "Read API docs" }, { cta: "Talk to sales" }],
169
+ };
170
+
171
+ const CARD_ONBOARDING = {
172
+ card: null,
173
+ header: null,
174
+ icon: ICON_LIFEBUOY,
175
+ content: null,
176
+ card_title: "Guided onboarding",
177
+ description:
178
+ "A named CSM, scripted migrations from Asana or Monday, and 24/7 P1 support during your first 90 days.",
179
+ ctas_levoGroup: null,
180
+ ctas: [{ cta: "See onboarding" }, { cta: "Talk to sales" }],
181
+ };
182
+
183
+ const FOUR_CARDS = [CARD_REALTIME, CARD_SECURITY, CARD_AUTOMATION, CARD_ANALYTICS];
184
+ const FIVE_CARDS = [...FOUR_CARDS, CARD_API];
185
+ const SIX_CARDS = [...FIVE_CARDS, CARD_ONBOARDING];
186
+
187
+ const HEADLINE = "Why teams switch to us";
188
+ const SUBHEAD =
189
+ "Six reasons collaboration teams move from a stack of tools to one platform that ships every quarter.";
190
+
191
+ const DEFAULT_CONTENT = {
445
192
  layout: null,
446
193
  container: null,
447
194
  header: null,
448
- title: "Explore Our Program",
195
+ title_container: null,
196
+ title: HEADLINE,
197
+ description: SUBHEAD,
449
198
  "carousel-navigation-container": null,
199
+ "carousel-navigation-container-mobile": null,
200
+ "carousel-navigation-pills-container": null,
201
+ "carousel-navigation-pill": null,
450
202
  "carousel-navigation": null,
451
203
  "carousel-navigation-arrow-left": " ",
452
204
  "carousel-navigation-arrow-right": " ",
453
- cards: [
454
- {
455
- card: null,
456
- header: null,
457
- icon: {
458
- kind: "icon",
459
- data: {
460
- id: "archive-minus",
461
- label: "Archive Minus",
462
- tags: ["archive", "custom", "directional", "minus"],
463
- svgCode:
464
- '<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>',
465
- },
466
- },
467
- content: null,
468
- card_title: "Cardio",
469
- description: "<p>Early Childhood Education</p>",
470
- ctas_levoGroup: null,
471
- ctas: [
472
- {
473
- cta: "Learn More",
474
- },
475
- {
476
- cta: "Get Started",
477
- },
478
- ],
479
- cta_rightIcon: {
480
- kind: "icon",
481
- data: {
482
- id: "arrow-right-1",
483
- label: "Arrow Right 1",
484
- tags: ["arrow", "custom", "directional", "right"],
485
- svgCode:
486
- '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M14.4301 18.82C14.2401 18.82 14.0501 18.75 13.9001 18.6C13.6101 18.31 13.6101 17.83 13.9001 17.54L19.4401 12L13.9001 6.46C13.6101 6.17 13.6101 5.69 13.9001 5.4C14.1901 5.11 14.6701 5.11 14.9601 5.4L21.0301 11.47C21.3201 11.76 21.3201 12.24 21.0301 12.53L14.9601 18.6C14.8101 18.75 14.6201 18.82 14.4301 18.82Z" fill="currentColor"/>\n<path d="M20.33 12.75H3.5C3.09 12.75 2.75 12.41 2.75 12C2.75 11.59 3.09 11.25 3.5 11.25H20.33C20.74 11.25 21.08 11.59 21.08 12C21.08 12.41 20.74 12.75 20.33 12.75Z" fill="currentColor"/>\n</svg>',
487
- },
488
- },
489
- },
490
- {
491
- card: null,
492
- header: null,
493
- icon: {
494
- kind: "icon",
495
- data: {
496
- id: "archive-minus",
497
- label: "Archive Minus",
498
- tags: ["archive", "custom", "directional", "minus"],
499
- svgCode:
500
- '<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>',
501
- },
502
- },
503
- content: null,
504
- card_title: "Cardio",
505
- description: "<p>Early Childhood Education</p>",
506
- ctas_levoGroup: null,
507
- ctas: [
508
- {
509
- cta: "Learn More",
510
- },
511
- {
512
- cta: "Get Started",
513
- },
514
- ],
515
- cta_rightIcon: {
516
- kind: "icon",
517
- data: {
518
- id: "arrow-right-1",
519
- label: "Arrow Right 1",
520
- tags: ["arrow", "custom", "directional", "right"],
521
- svgCode:
522
- '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M14.4301 18.82C14.2401 18.82 14.0501 18.75 13.9001 18.6C13.6101 18.31 13.6101 17.83 13.9001 17.54L19.4401 12L13.9001 6.46C13.6101 6.17 13.6101 5.69 13.9001 5.4C14.1901 5.11 14.6701 5.11 14.9601 5.4L21.0301 11.47C21.3201 11.76 21.3201 12.24 21.0301 12.53L14.9601 18.6C14.8101 18.75 14.6201 18.82 14.4301 18.82Z" fill="currentColor"/>\n<path d="M20.33 12.75H3.5C3.09 12.75 2.75 12.41 2.75 12C2.75 11.59 3.09 11.25 3.5 11.25H20.33C20.74 11.25 21.08 11.59 21.08 12C21.08 12.41 20.74 12.75 20.33 12.75Z" fill="currentColor"/>\n</svg>',
523
- },
524
- },
525
- },
526
- {
527
- card: null,
528
- header: null,
529
- icon: {
530
- kind: "icon",
531
- data: {
532
- id: "archive-minus",
533
- label: "Archive Minus",
534
- tags: ["archive", "custom", "directional", "minus"],
535
- svgCode:
536
- '<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>',
537
- },
538
- },
539
- content: null,
540
- card_title: "Cardio",
541
- description: "<p>Early Childhood Education</p>",
542
- ctas_levoGroup: null,
543
- ctas: [
544
- {
545
- cta: "Learn More",
546
- },
547
- {
548
- cta: "Get Started",
549
- },
550
- ],
551
- cta_rightIcon: {
552
- kind: "icon",
553
- data: {
554
- id: "arrow-right-1",
555
- label: "Arrow Right 1",
556
- tags: ["arrow", "custom", "directional", "right"],
557
- svgCode:
558
- '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M14.4301 18.82C14.2401 18.82 14.0501 18.75 13.9001 18.6C13.6101 18.31 13.6101 17.83 13.9001 17.54L19.4401 12L13.9001 6.46C13.6101 6.17 13.6101 5.69 13.9001 5.4C14.1901 5.11 14.6701 5.11 14.9601 5.4L21.0301 11.47C21.3201 11.76 21.3201 12.24 21.0301 12.53L14.9601 18.6C14.8101 18.75 14.6201 18.82 14.4301 18.82Z" fill="currentColor"/>\n<path d="M20.33 12.75H3.5C3.09 12.75 2.75 12.41 2.75 12C2.75 11.59 3.09 11.25 3.5 11.25H20.33C20.74 11.25 21.08 11.59 21.08 12C21.08 12.41 20.74 12.75 20.33 12.75Z" fill="currentColor"/>\n</svg>',
559
- },
560
- },
561
- },
562
- {
563
- card: null,
564
- header: null,
565
- icon: {
566
- kind: "icon",
567
- data: {
568
- id: "archive-minus",
569
- label: "Archive Minus",
570
- tags: ["archive", "custom", "directional", "minus"],
571
- svgCode:
572
- '<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>',
573
- },
574
- },
575
- content: null,
576
- card_title: "Cardio",
577
- description: "<p>Early Childhood Education</p>",
578
- ctas_levoGroup: null,
579
- ctas: [
580
- {
581
- cta: "Learn More",
582
- },
583
- {
584
- cta: "Get Started",
585
- },
586
- ],
587
- cta_rightIcon: {
588
- kind: "icon",
589
- data: {
590
- id: "arrow-right-1",
591
- label: "Arrow Right 1",
592
- tags: ["arrow", "custom", "directional", "right"],
593
- svgCode:
594
- '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M14.4301 18.82C14.2401 18.82 14.0501 18.75 13.9001 18.6C13.6101 18.31 13.6101 17.83 13.9001 17.54L19.4401 12L13.9001 6.46C13.6101 6.17 13.6101 5.69 13.9001 5.4C14.1901 5.11 14.6701 5.11 14.9601 5.4L21.0301 11.47C21.3201 11.76 21.3201 12.24 21.0301 12.53L14.9601 18.6C14.8101 18.75 14.6201 18.82 14.4301 18.82Z" fill="currentColor"/>\n<path d="M20.33 12.75H3.5C3.09 12.75 2.75 12.41 2.75 12C2.75 11.59 3.09 11.25 3.5 11.25H20.33C20.74 11.25 21.08 11.59 21.08 12C21.08 12.41 20.74 12.75 20.33 12.75Z" fill="currentColor"/>\n</svg>',
595
- },
596
- },
597
- },
598
- {
599
- card: null,
600
- header: null,
601
- icon: {
602
- kind: "icon",
603
- data: {
604
- id: "archive-minus",
605
- label: "Archive Minus",
606
- tags: ["archive", "custom", "directional", "minus"],
607
- svgCode:
608
- '<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>',
609
- },
610
- },
611
- content: null,
612
- card_title: "Cardio",
613
- description: "<p>Early Childhood Education</p>",
614
- ctas_levoGroup: null,
615
- ctas: [
616
- {
617
- cta: "Learn More",
618
- },
619
- {
620
- cta: "Get Started",
621
- },
622
- ],
623
- cta_rightIcon: {
624
- kind: "icon",
625
- data: {
626
- id: "arrow-right-1",
627
- label: "Arrow Right 1",
628
- tags: ["arrow", "custom", "directional", "right"],
629
- svgCode:
630
- '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M14.4301 18.82C14.2401 18.82 14.0501 18.75 13.9001 18.6C13.6101 18.31 13.6101 17.83 13.9001 17.54L19.4401 12L13.9001 6.46C13.6101 6.17 13.6101 5.69 13.9001 5.4C14.1901 5.11 14.6701 5.11 14.9601 5.4L21.0301 11.47C21.3201 11.76 21.3201 12.24 21.0301 12.53L14.9601 18.6C14.8101 18.75 14.6201 18.82 14.4301 18.82Z" fill="currentColor"/>\n<path d="M20.33 12.75H3.5C3.09 12.75 2.75 12.41 2.75 12C2.75 11.59 3.09 11.25 3.5 11.25H20.33C20.74 11.25 21.08 11.59 21.08 12C21.08 12.41 20.74 12.75 20.33 12.75Z" fill="currentColor"/>\n</svg>',
631
- },
632
- },
633
- },
634
- ],
635
- "carousel-navigation-arrow-left_leftIcon": {
636
- kind: "icon",
637
- data: {
638
- id: "arrow-left",
639
- label: "Arrow Left",
640
- tags: ["arrow", "custom", "directional", "left"],
641
- svgCode:
642
- '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M9.57043 18.82C9.38043 18.82 9.19043 18.75 9.04043 18.6L2.97043 12.53C2.68043 12.24 2.68043 11.76 2.97043 11.47L9.04043 5.4C9.33043 5.11 9.81043 5.11 10.1004 5.4C10.3904 5.69 10.3904 6.17 10.1004 6.46L4.56043 12L10.1004 17.54C10.3904 17.83 10.3904 18.31 10.1004 18.6C9.96043 18.75 9.76043 18.82 9.57043 18.82Z" fill="currentColor"/>\n<path d="M20.4999 12.75H3.66992C3.25992 12.75 2.91992 12.41 2.91992 12C2.91992 11.59 3.25992 11.25 3.66992 11.25H20.4999C20.9099 11.25 21.2499 11.59 21.2499 12C21.2499 12.41 20.9099 12.75 20.4999 12.75Z" fill="currentColor"/>\n</svg>',
643
- },
644
- },
645
- "carousel-navigation-arrow-right_rightIcon": {
646
- kind: "icon",
647
- data: {
648
- id: "arrow-right-1",
649
- label: "Arrow Right 1",
650
- tags: ["arrow", "custom", "directional", "right"],
651
- svgCode:
652
- '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M14.4301 18.82C14.2401 18.82 14.0501 18.75 13.9001 18.6C13.6101 18.31 13.6101 17.83 13.9001 17.54L19.4401 12L13.9001 6.46C13.6101 6.17 13.6101 5.69 13.9001 5.4C14.1901 5.11 14.6701 5.11 14.9601 5.4L21.0301 11.47C21.3201 11.76 21.3201 12.24 21.0301 12.53L14.9601 18.6C14.8101 18.75 14.6201 18.82 14.4301 18.82Z" fill="currentColor"/>\n<path d="M20.33 12.75H3.5C3.09 12.75 2.75 12.41 2.75 12C2.75 11.59 3.09 11.25 3.5 11.25H20.33C20.74 11.25 21.08 11.59 21.08 12C21.08 12.41 20.74 12.75 20.33 12.75Z" fill="currentColor"/>\n</svg>',
653
- },
654
- },
205
+ cards: FOUR_CARDS,
206
+ "carousel-navigation-arrow-left_leftIcon": ICON_ARROW_LEFT,
207
+ "carousel-navigation-arrow-right_rightIcon": ICON_ARROW_RIGHT,
208
+ };
209
+
210
+ const DEFAULT_CONTENT_VARIANT_2 = {
211
+ ...DEFAULT_CONTENT,
212
+ cards: SIX_CARDS,
213
+ };
214
+
215
+ const DEFAULT_CONTENT_VARIANT_4 = {
216
+ ...DEFAULT_CONTENT,
217
+ cards: FIVE_CARDS,
655
218
  };
656
219
 
657
220
  export type ICards6Content = typeof DEFAULT_CONTENT;
658
221
 
222
+ const CTA_CONFIG_4 = Array.from({ length: 4 }, () => ({
223
+ ctas: [{ cta: {} }, { cta: { selectedVariants: { Button_Variants: "Secondary" } } }],
224
+ description: { selectedVariants: {} },
225
+ card_title: { selectedVariants: {} },
226
+ }));
227
+ const CTA_CONFIG_5 = Array.from({ length: 5 }, () => ({
228
+ ctas: [{ cta: {} }, { cta: { selectedVariants: { Button_Variants: "Secondary" } } }],
229
+ description: { selectedVariants: {} },
230
+ card_title: { selectedVariants: {} },
231
+ }));
232
+ const CTA_CONFIG_6 = Array.from({ length: 6 }, () => ({
233
+ ctas: [{ cta: {} }, { cta: { selectedVariants: { Button_Variants: "Secondary" } } }],
234
+ description: { selectedVariants: {} },
235
+ card_title: { selectedVariants: {} },
236
+ }));
237
+
659
238
  export const Cards6: IBlock = {
660
239
  category_id: "cards",
661
240
  title: "Cards 6",
662
241
  key: "cards-6",
663
242
  version: "v1",
664
243
  prompt_description:
665
- "A carousel of program cards with icons, titles, descriptions, and CTA buttons, featuring navigation arrows for browsing through different program options.",
244
+ "A carousel of feature cards with icons, titles, descriptions, and CTA buttons, featuring navigation arrows for browsing through different value props.",
666
245
  content_schema: [
667
246
  {
668
247
  key: "layout",
@@ -702,7 +281,7 @@ export const Cards6: IBlock = {
702
281
  field_interface: "HeadingWidget",
703
282
  hint: {
704
283
  prompt_description:
705
- "Main heading for the cards section. Should be engaging and describe the program offerings clearly.",
284
+ "Main heading for the cards section. Should be engaging and describe the offerings clearly.",
706
285
  min_characters: 12,
707
286
  max_characters: 35,
708
287
  },
@@ -807,7 +386,7 @@ export const Cards6: IBlock = {
807
386
  field_interface: "IconWidget",
808
387
  hint: {
809
388
  prompt_description:
810
- "Program icon or image representing the specific fitness program or service offered.",
389
+ "Icon representing the specific feature or benefit highlighted by the card.",
811
390
  orientation: "square",
812
391
  size: "medium",
813
392
  usecase: "icon",
@@ -828,9 +407,9 @@ export const Cards6: IBlock = {
828
407
  field_interface: "TypographyWidget",
829
408
  hint: {
830
409
  prompt_description:
831
- "Title of the fitness program or service. Should be concise and descriptive.",
410
+ "Title of the feature or benefit. Should be concise and descriptive.",
832
411
  min_characters: 4,
833
- max_characters: 20,
412
+ max_characters: 28,
834
413
  },
835
414
  },
836
415
  {
@@ -839,9 +418,9 @@ export const Cards6: IBlock = {
839
418
  field_interface: "TypographyWidget",
840
419
  hint: {
841
420
  prompt_description:
842
- "Brief description of the program, highlighting key benefits or features.",
421
+ "Brief description of the feature, highlighting the key mechanism or proof point.",
843
422
  min_characters: 50,
844
- max_characters: 120,
423
+ max_characters: 160,
845
424
  },
846
425
  },
847
426
  {
@@ -855,8 +434,7 @@ export const Cards6: IBlock = {
855
434
  label: "CTA Button",
856
435
  field_interface: "ButtonWidget",
857
436
  hint: {
858
- prompt_description:
859
- "Call-to-action button for users to learn more or sign up for the program.",
437
+ prompt_description: "Call-to-action button for users to learn more or sign up.",
860
438
  },
861
439
  },
862
440
  ],
@@ -864,7 +442,7 @@ export const Cards6: IBlock = {
864
442
  ],
865
443
  hint: {
866
444
  prompt_description:
867
- "Collection of program cards showcasing different fitness programs or services. Each card should represent a distinct offering with relevant visual and textual content.",
445
+ "Collection of feature cards. Each card should represent a distinct value prop with relevant visual and textual content.",
868
446
  min_items: 3,
869
447
  max_items: 6,
870
448
  },
@@ -875,12 +453,16 @@ export const Cards6: IBlock = {
875
453
  key: "default",
876
454
  title: "Default",
877
455
  styles: {
878
- layout: {},
456
+ layout: {
457
+ "padding-top": "3xl",
458
+ "padding-bottom": "3xl",
459
+ },
879
460
  container: {},
880
461
  header: {
881
462
  display: "flex",
882
463
  "justify-content": "space-between",
883
464
  "align-items": "center",
465
+ "column-gap": "xl",
884
466
  "margin-bottom": "2xl",
885
467
  mobile: {
886
468
  "flex-direction": "column",
@@ -888,14 +470,31 @@ export const Cards6: IBlock = {
888
470
  "row-gap": "lg",
889
471
  },
890
472
  },
473
+ title_container: {
474
+ display: "flex",
475
+ "flex-direction": "column",
476
+ "row-gap": "sm",
477
+ "max-width": "640px",
478
+ mobile: {
479
+ "text-align": "center",
480
+ "align-items": "center",
481
+ },
482
+ },
891
483
  title: {
892
484
  mobile: {
893
485
  "text-align": "center",
894
486
  },
895
487
  },
488
+ description: {
489
+ color: "text-2",
490
+ mobile: {
491
+ "text-align": "center",
492
+ },
493
+ },
896
494
  "carousel-navigation-container": {
897
495
  display: "flex",
898
496
  "justify-content": "flex-end",
497
+ "flex-shrink": "0",
899
498
  mobile: {
900
499
  display: "none",
901
500
  },
@@ -931,7 +530,7 @@ export const Cards6: IBlock = {
931
530
  display: "flex",
932
531
  "align-items": "center",
933
532
  "justify-content": "center",
934
- "background-color": "white",
533
+ "background-color": "background-1",
935
534
  color: "text-2",
936
535
  cursor: "pointer",
937
536
  "padding-top": "none",
@@ -955,7 +554,7 @@ export const Cards6: IBlock = {
955
554
  display: "flex",
956
555
  "align-items": "center",
957
556
  "justify-content": "center",
958
- "background-color": "white",
557
+ "background-color": "background-1",
959
558
  color: "text-2",
960
559
  cursor: "pointer",
961
560
  "padding-top": "none",
@@ -984,271 +583,86 @@ export const Cards6: IBlock = {
984
583
  number_of_slides: 2,
985
584
  },
986
585
  },
987
- cards: [
988
- {
989
- card: {
990
- "background-color": "brandSecondary",
991
- "border-radius": "base",
992
- "padding-top": "xl",
993
- "padding-bottom": "xl",
586
+ cards_levoGroupItem: {
587
+ card: {
588
+ "background-color": "brandSecondary",
589
+ "border-radius": "base",
590
+ "padding-top": "xl",
591
+ "padding-bottom": "xl",
592
+ "padding-left": "xl",
593
+ "padding-right": "xl",
594
+ display: "flex",
595
+ "flex-direction": "column",
596
+ "align-items": "flex-start",
597
+ "row-gap": "lg",
598
+ height: "100%",
599
+ mobile: {
600
+ "padding-top": "lg",
601
+ "padding-bottom": "lg",
994
602
  "padding-left": "lg",
995
603
  "padding-right": "lg",
996
- display: "flex",
997
- "flex-direction": "column",
998
- "align-items": "flex-start",
999
- "row-gap": "lg",
1000
- mobile: {
1001
- "padding-top": "lg",
1002
- "padding-bottom": "lg",
1003
- "padding-left": "base",
1004
- "padding-right": "base",
1005
- "row-gap": "base",
1006
- },
1007
- },
1008
- header: {
1009
- display: "flex",
1010
- "align-items": "start",
1011
- "column-gap": "sm",
1012
- width: "100%",
1013
- "justify-content": "start",
604
+ "row-gap": "base",
1014
605
  },
1015
- icon: {
606
+ },
607
+ header: {
608
+ display: "flex",
609
+ "align-items": "center",
610
+ "column-gap": "sm",
611
+ width: "100%",
612
+ "justify-content": "start",
613
+ },
614
+ icon: {
615
+ width: "28px",
616
+ height: "28px",
617
+ "font-size": "28px",
618
+ "flex-shrink": "0",
619
+ color: "brand",
620
+ mobile: {
1016
621
  width: "24px",
1017
622
  height: "24px",
1018
- "border-radius": "base",
1019
- "flex-shrink": "0",
1020
- mobile: {
1021
- width: "20px",
1022
- height: "20px",
1023
- },
623
+ "font-size": "24px",
1024
624
  },
1025
- content: {
1026
- display: "flex",
1027
- "flex-direction": "column",
1028
- "align-items": "flex-start",
1029
- "row-gap": "none",
625
+ },
626
+ content: {
627
+ display: "flex",
628
+ "flex-direction": "column",
629
+ "align-items": "flex-start",
630
+ "row-gap": "sm",
631
+ flex: "1",
632
+ width: "100%",
633
+ },
634
+ card_title: {
635
+ "font-weight": 600,
636
+ },
637
+ description: {
638
+ color: "text-2",
639
+ "margin-bottom": "lg",
640
+ mobile: {
641
+ "margin-bottom": "base",
1030
642
  },
1031
- card_title: {},
1032
- description: {
1033
- "margin-bottom": "lg",
1034
- mobile: {
1035
- "margin-bottom": "base",
1036
- },
1037
- },
1038
- ctas_levoGroup: {
1039
- display: "flex",
1040
- "flex-direction": "row",
1041
- "column-gap": "xs",
1042
- "row-gap": "xs",
1043
- "flex-wrap": "wrap",
1044
- "align-items": "center",
1045
- },
1046
- ctas: Array(2)
1047
- .fill(0)
1048
- .map(() => ({
1049
- cta: {},
1050
- })),
1051
- },
1052
- {
1053
- icon: {
1054
- width: "24px",
1055
- height: "24px",
1056
- "border-radius": "base",
1057
- "flex-shrink": "0",
1058
- mobile: {
1059
- width: "20px",
1060
- height: "20px",
1061
- },
1062
- },
1063
- header: {
1064
- display: "flex",
1065
- "align-items": "start",
1066
- "column-gap": "sm",
1067
- width: "100%",
1068
- "justify-content": "start",
1069
- },
1070
- card: {
1071
- "background-color": "brandSecondary",
1072
- "border-radius": "base",
1073
- "padding-top": "xl",
1074
- "padding-bottom": "xl",
1075
- "padding-left": "lg",
1076
- "padding-right": "lg",
1077
- display: "flex",
1078
- "flex-direction": "column",
1079
- "align-items": "flex-start",
1080
- "row-gap": "lg",
1081
- mobile: {
1082
- "padding-top": "lg",
1083
- "padding-bottom": "lg",
1084
- "padding-left": "base",
1085
- "padding-right": "base",
1086
- "row-gap": "base",
1087
- },
1088
- },
1089
- content: {
1090
- display: "flex",
1091
- "flex-direction": "column",
1092
- "align-items": "flex-start",
1093
- "row-gap": "none",
1094
- },
1095
- description: {
1096
- "margin-bottom": "lg",
1097
- mobile: {
1098
- "margin-bottom": "base",
1099
- },
1100
- },
1101
- ctas_levoGroup: {
1102
- display: "flex",
1103
- "flex-direction": "row",
1104
- "column-gap": "xs",
1105
- "row-gap": "xs",
1106
- "flex-wrap": "wrap",
1107
- "align-items": "center",
1108
- },
1109
- ctas: Array(2)
1110
- .fill(0)
1111
- .map(() => ({
1112
- cta: {},
1113
- })),
1114
- card_title: {},
1115
- },
1116
- {
1117
- icon: {
1118
- width: "24px",
1119
- height: "24px",
1120
- "border-radius": "base",
1121
- "flex-shrink": "0",
1122
- mobile: {
1123
- width: "20px",
1124
- height: "20px",
1125
- },
1126
- },
1127
- header: {
1128
- display: "flex",
1129
- "align-items": "start",
1130
- "column-gap": "sm",
1131
- width: "100%",
1132
- "justify-content": "start",
1133
- },
1134
- card: {
1135
- "background-color": "brandSecondary",
1136
- "border-radius": "base",
1137
- "padding-top": "xl",
1138
- "padding-bottom": "xl",
1139
- "padding-left": "lg",
1140
- "padding-right": "lg",
1141
- display: "flex",
1142
- "flex-direction": "column",
1143
- "align-items": "flex-start",
1144
- "row-gap": "lg",
1145
- mobile: {
1146
- "padding-top": "lg",
1147
- "padding-bottom": "lg",
1148
- "padding-left": "base",
1149
- "padding-right": "base",
1150
- "row-gap": "base",
1151
- },
1152
- },
1153
- content: {
1154
- display: "flex",
1155
- "flex-direction": "column",
1156
- "align-items": "flex-start",
1157
- "row-gap": "none",
1158
- },
1159
- description: {
1160
- "margin-bottom": "lg",
1161
- mobile: {
1162
- "margin-bottom": "base",
1163
- },
1164
- },
1165
- ctas_levoGroup: {
1166
- display: "flex",
1167
- "flex-direction": "row",
1168
- "column-gap": "xs",
1169
- "row-gap": "xs",
1170
- "flex-wrap": "wrap",
1171
- "align-items": "center",
1172
- },
1173
- ctas: Array(2)
1174
- .fill(0)
1175
- .map(() => ({
1176
- cta: {},
1177
- })),
1178
- card_title: {},
1179
- },
1180
- {
1181
- icon: {
1182
- width: "24px",
1183
- height: "24px",
1184
- "border-radius": "base",
1185
- "flex-shrink": "0",
1186
- mobile: {
1187
- width: "20px",
1188
- height: "20px",
1189
- },
1190
- },
1191
- header: {
1192
- display: "flex",
1193
- "align-items": "start",
1194
- "column-gap": "sm",
1195
- width: "100%",
1196
- "justify-content": "start",
1197
- },
1198
- card: {
1199
- "background-color": "brandSecondary",
1200
- "border-radius": "base",
1201
- "padding-top": "xl",
1202
- "padding-bottom": "xl",
1203
- "padding-left": "lg",
1204
- "padding-right": "lg",
1205
- display: "flex",
1206
- "flex-direction": "column",
1207
- "align-items": "flex-start",
1208
- "row-gap": "lg",
1209
- mobile: {
1210
- "padding-top": "lg",
1211
- "padding-bottom": "lg",
1212
- "padding-left": "base",
1213
- "padding-right": "base",
1214
- "row-gap": "base",
1215
- },
1216
- },
1217
- content: {
1218
- display: "flex",
1219
- "flex-direction": "column",
1220
- "align-items": "flex-start",
1221
- "row-gap": "none",
1222
- },
1223
- description: {
1224
- "margin-bottom": "lg",
1225
- mobile: {
1226
- "margin-bottom": "base",
1227
- },
1228
- },
1229
- ctas_levoGroup: {
1230
- display: "flex",
1231
- "flex-direction": "row",
1232
- "column-gap": "xs",
1233
- "row-gap": "xs",
1234
- "flex-wrap": "wrap",
1235
- "align-items": "center",
1236
- },
1237
- ctas: Array(2)
1238
- .fill(0)
1239
- .map(() => ({
1240
- cta: {},
1241
- })),
1242
- card_title: {},
1243
- },
1244
- ],
643
+ },
644
+ ctas_levoGroup: {
645
+ display: "flex",
646
+ "flex-direction": "row",
647
+ "column-gap": "sm",
648
+ "row-gap": "xs",
649
+ "flex-wrap": "wrap",
650
+ "align-items": "center",
651
+ "margin-top": "auto",
652
+ },
653
+ ctas_levoGroupItem: {
654
+ cta: {},
655
+ },
656
+ ctas: [{}, {}],
657
+ },
658
+ cards: [{}, {}, {}, {}],
1245
659
  "carousel-navigation-arrow-left_leftIcon": {
1246
- height: "24px",
1247
- width: "24px",
660
+ height: "20px",
661
+ width: "20px",
1248
662
  },
1249
663
  "carousel-navigation-arrow-right_rightIcon": {
1250
- height: "24px",
1251
- width: "24px",
664
+ height: "20px",
665
+ width: "20px",
1252
666
  },
1253
667
  },
1254
668
  config: {
@@ -1279,79 +693,54 @@ export const Cards6: IBlock = {
1279
693
  Heading_Level: "H2",
1280
694
  },
1281
695
  },
1282
- cards: [
1283
- {
1284
- description: {
1285
- selectedVariants: {},
1286
- },
1287
- card_title: {
1288
- selectedVariants: {},
1289
- },
1290
- },
1291
- {
1292
- description: {
1293
- selectedVariants: {},
1294
- },
1295
- card_title: {
1296
- selectedVariants: {},
1297
- },
1298
- },
1299
- {
1300
- description: {
1301
- selectedVariants: {},
1302
- },
1303
- card_title: {
1304
- selectedVariants: {},
1305
- },
1306
- },
1307
- {
1308
- description: {
1309
- selectedVariants: {},
1310
- },
1311
- card_title: {
1312
- selectedVariants: {},
1313
- },
1314
- },
1315
- ],
696
+ cards: CTA_CONFIG_4,
1316
697
  },
1317
698
  content: DEFAULT_CONTENT,
1318
699
  },
1319
700
  {
1320
- key: "variant-1",
1321
- title: "Variant 1",
701
+ key: "variant-2",
702
+ title: "Variant 2",
1322
703
  styles: {
1323
- layout: {},
704
+ layout: {
705
+ "padding-top": "3xl",
706
+ "padding-bottom": "3xl",
707
+ },
1324
708
  container: {},
1325
709
  header: {
1326
710
  display: "flex",
1327
- "justify-content": "space-between",
711
+ "flex-direction": "column",
1328
712
  "align-items": "center",
713
+ "row-gap": "sm",
1329
714
  "margin-bottom": "2xl",
1330
- mobile: {
1331
- "flex-direction": "column",
1332
- "align-items": "center",
1333
- "row-gap": "lg",
1334
- },
715
+ "text-align": "center",
716
+ },
717
+ title_container: {
718
+ display: "flex",
719
+ "flex-direction": "column",
720
+ "row-gap": "sm",
721
+ "max-width": "640px",
722
+ "align-items": "center",
723
+ "text-align": "center",
1335
724
  },
1336
725
  title: {
1337
- mobile: {
1338
- "text-align": "center",
1339
- },
726
+ "text-align": "center",
727
+ },
728
+ description: {
729
+ color: "text-2",
730
+ "text-align": "center",
1340
731
  },
1341
732
  "carousel-navigation-container": {
1342
- display: "flex",
1343
- "justify-content": "flex-end",
1344
- mobile: {
1345
- display: "none",
1346
- },
733
+ display: "none",
1347
734
  },
1348
735
  "carousel-navigation-container-mobile": {
1349
- display: "none",
1350
- mobile: {
1351
- display: "flex",
1352
- "justify-content": "center",
1353
- "margin-top": "xl",
1354
- },
736
+ display: "flex",
737
+ "justify-content": "center",
738
+ "margin-top": "xl",
739
+ },
740
+ "carousel-navigation": {
741
+ display: "flex",
742
+ "column-gap": "sm",
743
+ "align-items": "center",
1355
744
  },
1356
745
  "carousel-navigation-pills-container": {
1357
746
  display: "flex",
@@ -1367,16 +756,11 @@ export const Cards6: IBlock = {
1367
756
  cursor: "pointer",
1368
757
  transition: "all 0.3s ease",
1369
758
  },
1370
- "carousel-navigation": {
1371
- display: "flex",
1372
- "column-gap": "sm",
1373
- "align-items": "center",
1374
- },
1375
759
  "carousel-navigation-arrow-left": {
1376
760
  display: "flex",
1377
761
  "align-items": "center",
1378
762
  "justify-content": "center",
1379
- "background-color": "white",
763
+ "background-color": "background-1",
1380
764
  color: "text-2",
1381
765
  cursor: "pointer",
1382
766
  "padding-top": "none",
@@ -1388,7 +772,7 @@ export const Cards6: IBlock = {
1388
772
  "border-style": "solid",
1389
773
  width: "48px",
1390
774
  height: "48px",
1391
- "border-radius": "full",
775
+ "border-radius": "base",
1392
776
  "box-shadow": "default",
1393
777
  transition: "opacity 0.3s ease, cursor 0.3s ease",
1394
778
  mobile: {
@@ -1400,7 +784,7 @@ export const Cards6: IBlock = {
1400
784
  display: "flex",
1401
785
  "align-items": "center",
1402
786
  "justify-content": "center",
1403
- "background-color": "white",
787
+ "background-color": "background-1",
1404
788
  color: "text-2",
1405
789
  cursor: "pointer",
1406
790
  "padding-top": "none",
@@ -1412,7 +796,7 @@ export const Cards6: IBlock = {
1412
796
  "border-style": "solid",
1413
797
  width: "48px",
1414
798
  height: "48px",
1415
- "border-radius": "full",
799
+ "border-radius": "base",
1416
800
  "box-shadow": "default",
1417
801
  transition: "opacity 0.3s ease, cursor 0.3s ease",
1418
802
  mobile: {
@@ -1421,7 +805,7 @@ export const Cards6: IBlock = {
1421
805
  },
1422
806
  },
1423
807
  cards_levoGroup: {
1424
- number_of_slides: 3,
808
+ number_of_slides: 1,
1425
809
  mobile: {
1426
810
  number_of_slides: 1,
1427
811
  },
@@ -1429,101 +813,106 @@ export const Cards6: IBlock = {
1429
813
  number_of_slides: 2,
1430
814
  },
1431
815
  },
1432
- cards: Array(5)
1433
- .fill(0)
1434
- .map((v, index) => ({
1435
- card: {
1436
- "border-radius": "base",
1437
- "padding-top": "xl",
1438
- "padding-bottom": "xl",
816
+ cards_levoGroupItem: {
817
+ card: {
818
+ "border-radius": "base",
819
+ "padding-top": "8xl",
820
+ "padding-bottom": "8xl",
821
+ "padding-left": "xl",
822
+ "padding-right": "xl",
823
+ display: "flex",
824
+ "flex-direction": "column",
825
+ "align-items": "flex-start",
826
+ "row-gap": "lg",
827
+ height: "100%",
828
+ "min-height": "440px",
829
+ mobile: {
830
+ "padding-top": "3xl",
831
+ "padding-bottom": "3xl",
1439
832
  "padding-left": "lg",
1440
833
  "padding-right": "lg",
1441
- display: "flex",
1442
- "flex-direction": "column",
1443
- "align-items": "flex-start",
1444
- "row-gap": "lg",
1445
- mobile: {
1446
- "padding-top": "lg",
1447
- "padding-bottom": "lg",
1448
- "padding-left": "base",
1449
- "padding-right": "base",
1450
- "row-gap": "base",
1451
- },
1452
- "background-image": `url("${MEDIA_VARIANT_1_ARR[index]}")`,
1453
- "background-position": "50% 50%",
1454
- "background-size": "cover",
1455
- height: "450px",
1456
- },
1457
- header: {
1458
- display: "none",
1459
- "align-items": "center",
1460
- "column-gap": "sm",
1461
- width: "100%",
1462
- "justify-content": "center",
1463
- },
1464
- icon: {
1465
- width: "24px",
1466
- height: "24px",
1467
- "border-radius": "base",
1468
- "flex-shrink": "0",
1469
- mobile: {
1470
- width: "20px",
1471
- height: "20px",
1472
- },
1473
- },
1474
- content: {
1475
- display: "flex",
1476
- "flex-direction": "row",
1477
- "align-items": "start",
1478
- "row-gap": "none",
1479
- "justify-content": "space-between",
1480
- width: "100%",
1481
- "padding-bottom": "none",
1482
- height: "100%",
1483
- "padding-top": "22xl",
1484
- "column-gap": "base",
1485
- },
1486
- card_title: {
1487
- "text-align": "left",
1488
- "margin-bottom": "none",
1489
- flex: "1",
834
+ "row-gap": "base",
835
+ "min-height": "360px",
1490
836
  },
1491
- description: {
1492
- color: "white",
1493
- "text-align": "left",
1494
- "font-size": "2xl",
1495
- "font-weight": 600,
1496
- "margin-bottom": "lg",
1497
- mobile: {
1498
- "margin-bottom": "base",
1499
- },
1500
- },
1501
- ctas_levoGroup: {
1502
- display: "flex",
1503
- "flex-direction": "row",
1504
- "column-gap": "xs",
1505
- "row-gap": "xs",
1506
- "flex-wrap": "wrap",
1507
- "align-items": "center",
1508
- },
1509
- ctas: Array(2)
1510
- .fill(0)
1511
- .map(() => ({
1512
- cta: {},
1513
- })),
1514
- cta_rightIcon: {
1515
- height: "22px",
1516
- width: "22px",
1517
- "font-size": "22px",
837
+ "background-image": `linear-gradient(rgba(10, 15, 25, 0.55), rgba(10, 15, 25, 0.78)), url("${IMG_TEAM?.location}")`,
838
+ "background-position": "50% 50%",
839
+ "background-size": "cover",
840
+ "justify-content": "flex-end",
841
+ },
842
+ header: {
843
+ display: "flex",
844
+ "align-items": "center",
845
+ "column-gap": "base",
846
+ width: "100%",
847
+ "max-width": "560px",
848
+ "justify-content": "start",
849
+ },
850
+ icon: {
851
+ display: "inline-flex",
852
+ "align-items": "center",
853
+ "justify-content": "center",
854
+ width: "44px",
855
+ height: "44px",
856
+ "min-width": "44px",
857
+ "border-radius": "base",
858
+ "background-color": "rgba(255, 255, 255, 0.12)",
859
+ "backdrop-filter": "blur(8px)",
860
+ border: "1px solid",
861
+ "border-color": "rgba(255, 255, 255, 0.18)",
862
+ color: "white",
863
+ "--color-icon-primary": "#ffffff",
864
+ "flex-shrink": 0,
865
+ "font-size": "22px",
866
+ },
867
+ content: {
868
+ display: "flex",
869
+ "flex-direction": "column",
870
+ "align-items": "flex-start",
871
+ "row-gap": "sm",
872
+ width: "100%",
873
+ "max-width": "560px",
874
+ },
875
+ card_title: {
876
+ "text-align": "left",
877
+ color: "white",
878
+ "font-size": "2xl",
879
+ "font-weight": 600,
880
+ },
881
+ description: {
882
+ color: "white",
883
+ "margin-bottom": "lg",
884
+ mobile: {
885
+ "margin-bottom": "base",
1518
886
  },
1519
- })),
887
+ },
888
+ ctas_levoGroup: {
889
+ display: "flex",
890
+ "flex-direction": "row",
891
+ "column-gap": "sm",
892
+ "row-gap": "xs",
893
+ "flex-wrap": "wrap",
894
+ "align-items": "center",
895
+ "margin-top": "auto",
896
+ },
897
+ ctas_levoGroupItem: {
898
+ cta: {},
899
+ },
900
+ ctas: [{}, {}],
901
+ "content-container": {
902
+ display: "flex",
903
+ "flex-direction": "column",
904
+ "row-gap": "sm",
905
+ "max-width": "560px",
906
+ },
907
+ },
908
+ cards: [{}, {}, {}, {}, {}, {}],
1520
909
  "carousel-navigation-arrow-left_leftIcon": {
1521
- height: "24px",
1522
- width: "24px",
910
+ height: "20px",
911
+ width: "20px",
1523
912
  },
1524
913
  "carousel-navigation-arrow-right_rightIcon": {
1525
- height: "24px",
1526
- width: "24px",
914
+ height: "20px",
915
+ width: "20px",
1527
916
  },
1528
917
  },
1529
918
  config: {
@@ -1554,171 +943,45 @@ export const Cards6: IBlock = {
1554
943
  Heading_Level: "H2",
1555
944
  },
1556
945
  },
1557
- cards: [
1558
- {
1559
- ctas: [
1560
- {
1561
- cta: {
1562
- button_icons: {
1563
- right: {
1564
- enabled: true,
1565
- },
1566
- },
1567
- selectedVariants: {
1568
- Button_Variants: "Default",
1569
- },
1570
- },
1571
- },
1572
- {
1573
- cta: {
1574
- selectedVariants: {},
1575
- },
1576
- },
1577
- ],
1578
- description: {
1579
- selectedVariants: {},
1580
- },
1581
- content: {
1582
- selectedVariants: {},
1583
- },
1584
- },
1585
- {
1586
- ctas: [
1587
- {
1588
- cta: {
1589
- button_icons: {
1590
- right: {
1591
- enabled: true,
1592
- },
1593
- },
1594
- selectedVariants: {
1595
- Button_Variants: "Default",
1596
- },
1597
- },
1598
- },
1599
- {
1600
- cta: {
1601
- selectedVariants: {},
1602
- },
1603
- },
1604
- ],
1605
- description: {
1606
- selectedVariants: {},
1607
- },
1608
- content: {
1609
- selectedVariants: {},
1610
- },
1611
- },
1612
- {
1613
- ctas: [
1614
- {
1615
- cta: {
1616
- button_icons: {
1617
- right: {
1618
- enabled: true,
1619
- },
1620
- },
1621
- selectedVariants: {
1622
- Button_Variants: "Default",
1623
- },
1624
- },
1625
- },
1626
- {
1627
- cta: {
1628
- selectedVariants: {},
1629
- },
1630
- },
1631
- ],
1632
- description: {
1633
- selectedVariants: {},
1634
- },
1635
- content: {
1636
- selectedVariants: {},
1637
- },
1638
- },
1639
- {
1640
- ctas: [
1641
- {
1642
- cta: {
1643
- button_icons: {
1644
- right: {
1645
- enabled: true,
1646
- },
1647
- },
1648
- selectedVariants: {
1649
- Button_Variants: "Default",
1650
- },
1651
- },
1652
- },
1653
- {
1654
- cta: {
1655
- selectedVariants: {},
1656
- },
1657
- },
1658
- ],
1659
- description: {
1660
- selectedVariants: {},
1661
- },
1662
- content: {
1663
- selectedVariants: {},
1664
- },
1665
- },
1666
- {
1667
- ctas: [
1668
- {
1669
- cta: {
1670
- button_icons: {
1671
- right: {
1672
- enabled: true,
1673
- },
1674
- },
1675
- selectedVariants: {
1676
- Button_Variants: "Default",
1677
- },
1678
- },
1679
- },
1680
- {
1681
- cta: {
1682
- selectedVariants: {},
1683
- },
1684
- },
1685
- ],
1686
- description: {
1687
- selectedVariants: {},
1688
- },
1689
- content: {
1690
- selectedVariants: {},
1691
- },
1692
- },
1693
- ],
946
+ cards: CTA_CONFIG_6,
1694
947
  },
1695
- content: DEFAULT_CONTENT_VARIANT_1,
948
+ content: DEFAULT_CONTENT_VARIANT_2,
1696
949
  },
1697
950
  {
1698
- key: "variant-2",
1699
- title: "Variant 2",
951
+ key: "variant-4",
952
+ title: "Variant 4",
1700
953
  styles: {
1701
- layout: {},
954
+ layout: {
955
+ "padding-top": "3xl",
956
+ "padding-bottom": "3xl",
957
+ },
1702
958
  container: {},
1703
959
  header: {
1704
960
  display: "flex",
1705
961
  "justify-content": "space-between",
1706
- "align-items": "center",
962
+ "align-items": "flex-end",
963
+ "column-gap": "xl",
1707
964
  "margin-bottom": "2xl",
1708
965
  mobile: {
1709
966
  "flex-direction": "column",
1710
- "align-items": "center",
1711
- "row-gap": "lg",
967
+ "align-items": "flex-start",
968
+ "row-gap": "base",
1712
969
  },
1713
970
  },
1714
- title: {
1715
- mobile: {
1716
- "text-align": "center",
1717
- },
971
+ title_container: {
972
+ display: "flex",
973
+ "flex-direction": "column",
974
+ "row-gap": "sm",
975
+ "max-width": "640px",
976
+ },
977
+ title: {},
978
+ description: {
979
+ color: "text-2",
1718
980
  },
1719
981
  "carousel-navigation-container": {
1720
982
  display: "flex",
1721
983
  "justify-content": "flex-end",
984
+ "flex-shrink": "0",
1722
985
  mobile: {
1723
986
  display: "none",
1724
987
  },
@@ -1731,6 +994,20 @@ export const Cards6: IBlock = {
1731
994
  "margin-top": "xl",
1732
995
  },
1733
996
  },
997
+ "carousel-navigation-pills-container": {
998
+ display: "flex",
999
+ "justify-content": "center",
1000
+ "margin-top": "xl",
1001
+ "column-gap": "xs",
1002
+ },
1003
+ "carousel-navigation-pill": {
1004
+ width: "8px",
1005
+ height: "8px",
1006
+ "border-radius": "100px",
1007
+ "background-color": "border",
1008
+ cursor: "pointer",
1009
+ transition: "all 0.3s ease",
1010
+ },
1734
1011
  "carousel-navigation": {
1735
1012
  display: "flex",
1736
1013
  "column-gap": "sm",
@@ -1740,52 +1017,50 @@ export const Cards6: IBlock = {
1740
1017
  display: "flex",
1741
1018
  "align-items": "center",
1742
1019
  "justify-content": "center",
1743
- "background-color": "white",
1744
- color: "text-2",
1020
+ "background-color": "brandPrimary",
1021
+ color: "brandPrimaryForeground",
1745
1022
  cursor: "pointer",
1746
1023
  "padding-top": "none",
1747
1024
  "padding-bottom": "none",
1748
1025
  "padding-left": "none",
1749
1026
  "padding-right": "none",
1750
- "border-color": "border",
1751
- "border-width": "1px",
1027
+ "border-color": "transparent",
1028
+ "border-width": "0px",
1752
1029
  "border-style": "solid",
1753
- width: "48px",
1754
- height: "48px",
1755
- "border-radius": "base",
1756
- "box-shadow": "default",
1030
+ width: "44px",
1031
+ height: "44px",
1032
+ "border-radius": "full",
1757
1033
  transition: "opacity 0.3s ease, cursor 0.3s ease",
1758
1034
  mobile: {
1759
- width: "40px",
1760
- height: "40px",
1035
+ width: "36px",
1036
+ height: "36px",
1761
1037
  },
1762
1038
  },
1763
1039
  "carousel-navigation-arrow-right": {
1764
1040
  display: "flex",
1765
1041
  "align-items": "center",
1766
1042
  "justify-content": "center",
1767
- "background-color": "white",
1768
- color: "text-2",
1043
+ "background-color": "brandPrimary",
1044
+ color: "brandPrimaryForeground",
1769
1045
  cursor: "pointer",
1770
1046
  "padding-top": "none",
1771
1047
  "padding-bottom": "none",
1772
1048
  "padding-left": "none",
1773
1049
  "padding-right": "none",
1774
- "border-color": "border",
1775
- "border-width": "1px",
1050
+ "border-color": "transparent",
1051
+ "border-width": "0px",
1776
1052
  "border-style": "solid",
1777
- width: "48px",
1778
- height: "48px",
1779
- "border-radius": "base",
1780
- "box-shadow": "default",
1053
+ width: "44px",
1054
+ height: "44px",
1055
+ "border-radius": "full",
1781
1056
  transition: "opacity 0.3s ease, cursor 0.3s ease",
1782
1057
  mobile: {
1783
- width: "40px",
1784
- height: "40px",
1058
+ width: "36px",
1059
+ height: "36px",
1785
1060
  },
1786
1061
  },
1787
1062
  cards_levoGroup: {
1788
- number_of_slides: 1,
1063
+ number_of_slides: 4,
1789
1064
  mobile: {
1790
1065
  number_of_slides: 1,
1791
1066
  },
@@ -1793,97 +1068,93 @@ export const Cards6: IBlock = {
1793
1068
  number_of_slides: 2,
1794
1069
  },
1795
1070
  },
1796
- cards: Array(4)
1797
- .fill(0)
1798
- .map((v) => ({
1799
- card: {
1800
- "border-radius": "base",
1801
- "padding-top": "10xl",
1802
- "padding-bottom": "10xl",
1803
- "padding-left": "lg",
1804
- "padding-right": "lg",
1805
- display: "flex",
1806
- "flex-direction": "column",
1807
- "align-items": "end",
1808
- "row-gap": "lg",
1809
- mobile: {
1810
- "padding-top": "lg",
1811
- "padding-bottom": "lg",
1812
- "padding-left": "base",
1813
- "padding-right": "base",
1814
- "row-gap": "base",
1815
- },
1816
- "background-image": `url("${MEDIA_VARIANT_2?.location}")`,
1817
- "background-position": "50% 50%",
1818
- "background-size": "cover",
1819
- "justify-content": "end",
1820
- },
1821
- header: {
1822
- display: "flex",
1823
- "align-items": "start",
1824
- "column-gap": "sm",
1825
- width: "100%",
1826
- "justify-content": "start",
1827
- "flex-direction": "column",
1828
- },
1829
- icon: {
1830
- width: "24px",
1831
- height: "24px",
1832
- "border-radius": "base",
1833
- "flex-shrink": "0",
1834
- mobile: {
1835
- width: "20px",
1836
- height: "20px",
1837
- },
1838
- },
1839
- content: {
1840
- display: "flex",
1841
- "flex-direction": "column",
1842
- "align-items": "flex-start",
1843
- "row-gap": "none",
1844
- },
1845
- card_title: {
1846
- "text-align": "left",
1847
- flex: "1",
1848
- "font-size": "2xl",
1849
- "font-weight": 600,
1850
- },
1851
- description: {
1852
- "margin-bottom": "lg",
1853
- mobile: {
1854
- "margin-bottom": "base",
1855
- },
1856
- },
1857
- ctas_levoGroup: {
1858
- display: "flex",
1859
- "flex-direction": "row",
1860
- "column-gap": "xs",
1861
- "row-gap": "xs",
1862
- "flex-wrap": "wrap",
1863
- "align-items": "center",
1071
+ cards_levoGroupItem: {
1072
+ card: {
1073
+ "border-radius": "base",
1074
+ "padding-top": "lg",
1075
+ "padding-bottom": "lg",
1076
+ "padding-left": "lg",
1077
+ "padding-right": "lg",
1078
+ display: "flex",
1079
+ "flex-direction": "column",
1080
+ "align-items": "flex-start",
1081
+ "row-gap": "base",
1082
+ "border-width": "1px",
1083
+ "border-color": "border",
1084
+ "border-style": "solid",
1085
+ height: "100%",
1086
+ mobile: {
1087
+ "padding-top": "base",
1088
+ "padding-bottom": "base",
1089
+ "padding-left": "base",
1090
+ "padding-right": "base",
1864
1091
  },
1865
- ctas: Array(2)
1866
- .fill(0)
1867
- .map(() => ({
1868
- cta: {},
1869
- })),
1870
- "content-container": {
1871
- "background-color": "white",
1872
- "max-width": "350px",
1873
- "padding-top": "md",
1874
- "padding-bottom": "md",
1875
- "padding-left": "md",
1876
- "padding-right": "md",
1877
- "border-radius": "2xl",
1092
+ },
1093
+ header: {
1094
+ display: "flex",
1095
+ "align-items": "center",
1096
+ "column-gap": "sm",
1097
+ width: "100%",
1098
+ "justify-content": "start",
1099
+ },
1100
+ icon: {
1101
+ width: "36px",
1102
+ height: "36px",
1103
+ "font-size": "20px",
1104
+ "border-radius": "sm",
1105
+ "flex-shrink": "0",
1106
+ "background-color": "brandSecondary",
1107
+ color: "brand",
1108
+ display: "flex",
1109
+ "align-items": "center",
1110
+ "justify-content": "center",
1111
+ "padding-top": "xs",
1112
+ "padding-bottom": "xs",
1113
+ "padding-left": "xs",
1114
+ "padding-right": "xs",
1115
+ mobile: {
1116
+ width: "32px",
1117
+ height: "32px",
1118
+ "font-size": "18px",
1878
1119
  },
1879
- })),
1120
+ },
1121
+ content: {
1122
+ display: "flex",
1123
+ "flex-direction": "column",
1124
+ "align-items": "flex-start",
1125
+ "row-gap": "xs",
1126
+ flex: "1",
1127
+ width: "100%",
1128
+ },
1129
+ card_title: {
1130
+ "font-weight": 600,
1131
+ },
1132
+ description: {
1133
+ color: "text-2",
1134
+ "margin-bottom": "sm",
1135
+ },
1136
+ ctas_levoGroup: {
1137
+ display: "flex",
1138
+ "flex-direction": "row",
1139
+ "column-gap": "sm",
1140
+ "row-gap": "xs",
1141
+ "flex-wrap": "wrap",
1142
+ "align-items": "center",
1143
+ "margin-top": "auto",
1144
+ },
1145
+ ctas_levoGroupItem: {
1146
+ cta: {},
1147
+ },
1148
+ ctas: [{}, {}],
1149
+ },
1150
+ cards: [{}, {}, {}, {}, {}],
1880
1151
  "carousel-navigation-arrow-left_leftIcon": {
1881
- height: "24px",
1882
- width: "24px",
1152
+ height: "20px",
1153
+ width: "20px",
1883
1154
  },
1884
1155
  "carousel-navigation-arrow-right_rightIcon": {
1885
- height: "24px",
1886
- width: "24px",
1156
+ height: "20px",
1157
+ width: "20px",
1887
1158
  },
1888
1159
  },
1889
1160
  config: {
@@ -1914,42 +1185,9 @@ export const Cards6: IBlock = {
1914
1185
  Heading_Level: "H2",
1915
1186
  },
1916
1187
  },
1917
- cards: [
1918
- {
1919
- description: {
1920
- selectedVariants: {},
1921
- },
1922
- card_title: {
1923
- selectedVariants: {},
1924
- },
1925
- },
1926
- {
1927
- description: {
1928
- selectedVariants: {},
1929
- },
1930
- card_title: {
1931
- selectedVariants: {},
1932
- },
1933
- },
1934
- {
1935
- description: {
1936
- selectedVariants: {},
1937
- },
1938
- card_title: {
1939
- selectedVariants: {},
1940
- },
1941
- },
1942
- {
1943
- description: {
1944
- selectedVariants: {},
1945
- },
1946
- card_title: {
1947
- selectedVariants: {},
1948
- },
1949
- },
1950
- ],
1188
+ cards: CTA_CONFIG_5,
1951
1189
  },
1952
- content: DEFAULT_CONTENT_VARIANT_2,
1190
+ content: DEFAULT_CONTENT_VARIANT_4,
1953
1191
  },
1954
1192
  ],
1955
1193
  };