@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
@@ -2,7 +2,6 @@ import type { IBlock } from "@levo-so/studio";
2
2
 
3
3
  const MEDIA_1 = {
4
4
  id: "rSCzklLkKw1sE",
5
- filename: "team-details.png",
6
5
  kind: "image",
7
6
  location: "https://static.levocdn.com/WLZ1TXTD/team-details-CISovrrD4WHce.png",
8
7
  srcset: {
@@ -18,78 +17,69 @@ const MEDIA_1 = {
18
17
  mimetype: "image/png",
19
18
  };
20
19
 
20
+ const MEMBER_IMAGE = {
21
+ id: "2",
22
+ kind: "image",
23
+ location: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH.png",
24
+ mimetype: "image/png",
25
+ srcset: {
26
+ "320w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp",
27
+ "640w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp",
28
+ "1080w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp",
29
+ path: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp 320w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp 640w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp 1080w",
30
+ },
31
+ };
32
+
21
33
  const DEFAULT_CONTENT = {
22
34
  layout: null,
23
35
  container: null,
24
36
  header: null,
25
- title: "Meet Our Leadership Team",
37
+ title: "The people moving money safely",
26
38
  description:
27
- "Discover the talented professionals driving our company's success through innovation, expertise, and unwavering commitment to excellence.",
39
+ "Risk, engineering, and compliance leaders who've shipped PCI DSS Level 1 platforms and moved billions in settlement volume.",
28
40
  main_content: null,
29
41
  left_container: null,
30
42
  image_wrapper: null,
31
43
  main_image: MEDIA_1,
32
44
  overlay_container: null,
33
- overlay_label: "<p>Richard Murphy</p>",
34
- overlay_value: "<p>CEO, Mistify</p>",
45
+ overlay_label: "<p>Priya Shankar</p>",
46
+ overlay_value: "<p>Chief Risk Officer, Rippleways</p>",
35
47
  right_container: null,
36
48
  team_description:
37
- "<p>Alexandra “Alex” Monroe is a strategic thinker, creative storyteller, and data-driven problem solver with over a decade of experience in brand development, digital transformation, and cross-functional leadership. Known for her ability to blend analytical insight with creative intuition, Alex has helped numerous global organizations redefine their identities, connect authentically with their audiences, and achieve measurable business growth.</p><p>After earning her Master’s degree in Communication and Media Studies from the University of Chicago, Alex began her career as a junior strategist at a boutique marketing firm. Her early exposure to a variety of industries—from consumer technology to sustainable fashion—shaped her holistic approach to brand building. She quickly rose through the ranks, taking on roles that allowed her to lead campaigns across North America, Europe, and Southeast Asia.</p><p>In 2016, Alex co-founded <strong>Maven &amp; Co.</strong>, a creative consultancy dedicated to helping mission-driven companies scale with purpose. Under her leadership, the firm expanded to serve clients in over 15 countries, developing award-winning campaigns recognized by <em>AdWeek</em> and <em>Forbes</em>. Her work has focused on integrating storytelling with technology—leveraging social data, behavioral psychology, and digital design to create brand ecosystems that resonate deeply with modern consumers.</p>",
49
+ "<p>Priya Shankar leads risk and financial crime at Rippleways, overseeing KYC, sanctions, and transaction monitoring for a platform that settles more than $4B annually across 37 corridors. Before Rippleways she ran risk for a tier-one acquiring bank, where she stood up real-time AML scoring, cut false-positive rates by 62%, and walked the program through a PCI DSS Level 1 audit without a single finding.</p><p>She reads every chargeback dispute that touches the executive queue, keeps a running Slack channel with compliance analysts in six jurisdictions, and has a standing Friday call with the fraud ops team. Her operating belief: <strong>risk controls only work when the people enforcing them can explain them in one sentence</strong>. That bias toward clarity shows up in every policy Rippleways ships short, testable, enforced in code.</p><p>Priya holds a CAMS certification and an MBA from INSEAD. She mentors engineers transitioning into risk, speaks at FinCrime Europe, and co-authored the 2024 <em>State of Settlement Risk</em> report cited in the FCA's annual financial crime review.</p>",
38
50
  ctas_wrapper: null,
39
51
  ctas_levoGroup: null,
40
- ctas: [{ cta: "View Profile" }, { cta: "Contact Team" }],
52
+ ctas: [{ cta: "View profile" }, { cta: "Meet the team" }],
41
53
  team_members: [
42
54
  {
43
55
  card: null,
44
56
  content_wrapper: null,
45
57
  left_container: null,
46
58
  image_wrapper: null,
47
- member_image: {
48
- id: "2",
49
- location: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH.png",
50
- kind: "image",
51
- mimetype: "image/png",
52
- srcset: {
53
- "320w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp",
54
- "640w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp",
55
- "1080w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp",
56
- path: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp 320w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp 640w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp 1080w",
57
- },
58
- },
59
+ member_image: MEMBER_IMAGE,
59
60
  overlay_container: null,
60
- overlay_label: "CTO",
61
- overlay_value: "Michael Chen",
61
+ overlay_label: "VP, Platform Engineering",
62
+ overlay_value: "Marcus Reyes",
62
63
  right_container: null,
63
64
  member_description:
64
- "Michael leads our technology division with a focus on cutting-edge innovations and scalable solutions. His expertise in cloud architecture and AI integration has positioned us at the forefront of digital transformation.",
65
+ "Marcus runs platform at Rippleways payments infra, ledger, and the settlement engine. He joined from a tier-one exchange where he rewrote the matching engine in Rust and cut P99 latency to 400μs.",
65
66
  cta_wrapper: null,
66
- cta: "Learn More",
67
+ cta: "View profile",
67
68
  },
68
69
  {
69
70
  card: null,
70
71
  content_wrapper: null,
71
72
  left_container: null,
72
73
  image_wrapper: null,
73
- member_image: {
74
- id: "2",
75
- location: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH.png",
76
- kind: "image",
77
- mimetype: "image/png",
78
- srcset: {
79
- "320w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp",
80
- "640w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp",
81
- "1080w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp",
82
- path: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp 320w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp 640w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp 1080w",
83
- },
84
- },
74
+ member_image: MEMBER_IMAGE,
85
75
  overlay_container: null,
86
- overlay_label: "CFO",
87
- overlay_value: "Emily Rodriguez",
76
+ overlay_label: "Head of Compliance & KYC",
77
+ overlay_value: "Naomi Chen",
88
78
  right_container: null,
89
79
  member_description:
90
- "Emily brings extensive financial expertise and strategic planning to our executive team. Her leadership in financial operations and investor relations has been crucial to our sustained growth and market expansion.",
80
+ "Naomi owns KYC, sanctions, and audit readiness across 14 jurisdictions. She shipped the onboarding rewrite that cut verification time from 48h to under 9 minutes while holding false-negative rates below 0.1%.",
91
81
  cta_wrapper: null,
92
- cta: "Learn More",
82
+ cta: "View profile",
93
83
  },
94
84
  ],
95
85
  };
@@ -260,120 +250,326 @@ export const Team5: IBlock = {
260
250
  "flex-wrap": "wrap",
261
251
  "align-items": "center",
262
252
  },
263
- ctas: Array(2)
264
- .fill(0)
265
- .map(() => ({})),
266
253
  team_members_levoGroup: {
267
254
  display: "flex",
268
255
  "flex-direction": "column",
269
256
  "row-gap": "2xl",
270
257
  },
271
- "team_members.*.card": {
272
- "background-color": "background-2",
273
- "border-radius": "lg",
274
- "border-width": "1px",
275
- "border-color": "border",
276
- overflow: "hidden",
258
+ },
259
+ content: DEFAULT_CONTENT,
260
+ config: {
261
+ title: {
262
+ selectedVariants: {
263
+ Heading_Level: "H2",
264
+ },
277
265
  },
278
- "team_members.*.content_wrapper": {
266
+ team_description: {
267
+ selectedVariants: {},
268
+ },
269
+ overlay_label: {
270
+ heading: {
271
+ level: "4",
272
+ },
273
+ selectedVariants: {
274
+ Heading_Level: "H6",
275
+ },
276
+ },
277
+ ctas: [
278
+ { cta: { selectedVariants: {} } },
279
+ { cta: { selectedVariants: { Button_Variants: "Secondary" } } },
280
+ ],
281
+ },
282
+ },
283
+ {
284
+ key: "image_right",
285
+ title: "Image Right",
286
+ styles: {
287
+ layout: {},
288
+ container: {},
289
+ header: {
290
+ "text-align": "left",
291
+ "margin-bottom": "3xl",
292
+ },
293
+ title: {},
294
+ description: {
295
+ "font-size": "lg",
296
+ color: "text-2",
297
+ "line-height": "1.6",
298
+ "max-width": "800px",
299
+ mobile: {
300
+ "font-size": "base",
301
+ },
302
+ },
303
+ main_content: {
279
304
  display: "flex",
280
- "align-items": "stretch",
305
+ "flex-direction": "row-reverse",
306
+ "align-items": "start",
307
+ "column-gap": "3xl",
308
+ "margin-bottom": "3xl",
281
309
  mobile: {
282
310
  "flex-direction": "column",
311
+ "row-gap": "xl",
283
312
  },
284
313
  },
285
- "team_members.*.left_container": {
286
- flex: "1",
287
- position: "relative",
288
- },
289
- "team_members.*.image_wrapper": {
314
+ left_container: { flex: "1" },
315
+ image_wrapper: {
290
316
  position: "relative",
291
- height: "300px",
292
- mobile: {
293
- height: "250px",
294
- },
317
+ "border-radius": "xl",
318
+ overflow: "hidden",
319
+ width: "40%",
320
+ mobile: { width: "100%" },
295
321
  },
296
- "team_members.*.member_image": {
297
- width: "100%",
298
- height: "100%",
322
+ main_image: {
323
+ "border-radius": "xl",
299
324
  "object-fit": "cover",
325
+ width: "100%",
326
+ height: "480px",
300
327
  },
301
- "team_members.*.overlay_container": {
328
+ overlay_container: {
302
329
  position: "absolute",
303
330
  bottom: "0",
304
331
  left: "0",
305
332
  right: "0",
306
- "background-color": "rgba(0, 0, 0, 0.7)",
307
- "padding-top": "base",
308
- "padding-bottom": "base",
309
- "padding-left": "base",
310
- "padding-right": "base",
333
+ "padding-top": "xl",
334
+ "padding-bottom": "xl",
335
+ "padding-left": "xl",
336
+ "padding-right": "xl",
337
+ background: "linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%)",
311
338
  display: "flex",
312
339
  "flex-direction": "column",
313
- "row-gap": "xs",
340
+ "row-gap": "2xs",
314
341
  },
315
- "team_members.*.overlay_label": {
316
- "font-size": "xs",
317
- "font-weight": "500",
318
- color: "text-1",
319
- opacity: "0.8",
342
+ overlay_label: { color: "white", "font-weight": 700 },
343
+ overlay_value: { color: "white", opacity: "0.85" },
344
+ right_container: {
345
+ flex: "1",
346
+ display: "flex",
347
+ "flex-direction": "column",
348
+ "row-gap": "lg",
349
+ },
350
+ team_description: {},
351
+ cta_wrapper: { display: "flex" },
352
+ ctas_levoGroup: {
353
+ display: "flex",
354
+ "flex-direction": "row",
355
+ "column-gap": "md",
356
+ "row-gap": "md",
357
+ "flex-wrap": "wrap",
358
+ "align-items": "center",
320
359
  },
321
- "team_members.*.overlay_value": {
360
+ team_members_levoGroup: {
361
+ display: "grid",
362
+ "grid-template-columns": "repeat(2, minmax(0, 1fr))",
363
+ "column-gap": "xl",
364
+ "row-gap": "xl",
365
+ mobile: { "grid-template-columns": "repeat(1, minmax(0, 1fr))" },
366
+ },
367
+ },
368
+ content: DEFAULT_CONTENT,
369
+ config: {
370
+ title: { selectedVariants: { Heading_Level: "H2" } },
371
+ team_description: { selectedVariants: {} },
372
+ overlay_label: {
373
+ heading: { level: "4" },
374
+ selectedVariants: { Heading_Level: "H6" },
375
+ },
376
+ ctas: [
377
+ { cta: { selectedVariants: {} } },
378
+ { cta: { selectedVariants: { Button_Variants: "Secondary" } } },
379
+ ],
380
+ },
381
+ },
382
+ {
383
+ key: "editorial",
384
+ title: "Editorial",
385
+ styles: {
386
+ layout: { "background-color": "background-1" },
387
+ container: {},
388
+ header: {
389
+ display: "flex",
390
+ "flex-direction": "column",
391
+ "row-gap": "sm",
392
+ "margin-bottom": "4xl",
393
+ "padding-bottom": "xl",
394
+ "border-bottom-width": "1px",
395
+ "border-bottom-style": "solid",
396
+ "border-bottom-color": "border",
397
+ },
398
+ title: { "font-weight": 800 },
399
+ description: {
400
+ color: "text-2",
322
401
  "font-size": "lg",
323
- "font-weight": "600",
324
- color: "text-1",
402
+ "max-width": "720px",
403
+ "line-height": "1.6",
325
404
  },
326
- "team_members.*.right_container": {
327
- flex: "1",
405
+ main_content: {
406
+ display: "grid",
407
+ "grid-template-columns": "2fr 3fr",
408
+ "column-gap": "3xl",
409
+ "align-items": "start",
410
+ "margin-bottom": "5xl",
411
+ tablet: { "grid-template-columns": "1fr" },
412
+ },
413
+ left_container: {},
414
+ image_wrapper: {
415
+ position: "relative",
416
+ "border-radius": "base",
417
+ overflow: "hidden",
418
+ },
419
+ main_image: {
420
+ width: "100%",
421
+ height: "520px",
422
+ "object-fit": "cover",
423
+ "border-radius": "base",
424
+ },
425
+ overlay_container: {
426
+ position: "absolute",
427
+ left: "lg",
428
+ bottom: "lg",
429
+ "background-color": "background-1",
430
+ "padding-top": "sm",
431
+ "padding-bottom": "sm",
432
+ "padding-left": "base",
433
+ "padding-right": "base",
434
+ "border-radius": "base",
435
+ display: "flex",
436
+ "flex-direction": "column",
437
+ "box-shadow": "default",
438
+ },
439
+ overlay_label: { "font-weight": 800 },
440
+ overlay_value: { color: "text-2", "font-size": "sm" },
441
+ right_container: {
328
442
  display: "flex",
329
443
  "flex-direction": "column",
330
- "justify-content": "center",
331
- "padding-top": "2xl",
332
- "padding-bottom": "2xl",
333
- "padding-left": "2xl",
334
- "padding-right": "2xl",
335
444
  "row-gap": "lg",
336
445
  },
337
- "team_members.*.member_description": {
338
- "font-size": "base",
446
+ team_description: {
447
+ "line-height": "1.7",
448
+ "column-count": "1",
449
+ },
450
+ cta_wrapper: { display: "flex" },
451
+ ctas_levoGroup: {
452
+ display: "flex",
453
+ "column-gap": "md",
454
+ "row-gap": "md",
455
+ "flex-wrap": "wrap",
456
+ },
457
+ team_members_levoGroup: {
458
+ display: "flex",
459
+ "flex-direction": "column",
460
+ "row-gap": "3xl",
461
+ },
462
+ },
463
+ content: DEFAULT_CONTENT,
464
+ config: {
465
+ title: { selectedVariants: { Heading_Level: "H2" } },
466
+ team_description: { selectedVariants: {} },
467
+ overlay_label: {
468
+ heading: { level: "4" },
469
+ selectedVariants: { Heading_Level: "H6" },
470
+ },
471
+ ctas: [
472
+ { cta: { selectedVariants: {} } },
473
+ { cta: { selectedVariants: { Button_Variants: "Secondary" } } },
474
+ ],
475
+ },
476
+ },
477
+ {
478
+ key: "card_stack",
479
+ title: "Card Stack",
480
+ styles: {
481
+ layout: {},
482
+ container: {},
483
+ header: {
484
+ "text-align": "center",
485
+ "margin-bottom": "4xl",
486
+ display: "flex",
487
+ "flex-direction": "column",
488
+ "row-gap": "sm",
489
+ "align-items": "center",
490
+ },
491
+ title: {},
492
+ description: {
493
+ "max-width": "640px",
339
494
  color: "text-2",
340
495
  "line-height": "1.6",
341
- flex: "1",
342
496
  },
343
- "team_members.*.cta_wrapper": {
497
+ main_content: {
498
+ "background-color": "background-2",
499
+ "border-radius": "2xl",
500
+ padding: "2xl",
344
501
  display: "flex",
502
+ "column-gap": "2xl",
503
+ "align-items": "center",
504
+ "margin-bottom": "4xl",
505
+ "box-shadow": "default",
506
+ mobile: { "flex-direction": "column", "row-gap": "xl", padding: "xl" },
507
+ },
508
+ left_container: { flex: "0 0 auto" },
509
+ image_wrapper: {
510
+ position: "relative",
511
+ "border-radius": "xl",
512
+ overflow: "hidden",
513
+ width: "260px",
514
+ height: "320px",
345
515
  },
346
- "team_members.*.cta": {
516
+ main_image: {
517
+ "border-radius": "xl",
518
+ "object-fit": "cover",
519
+ width: "100%",
520
+ height: "100%",
521
+ },
522
+ overlay_container: {
523
+ position: "absolute",
524
+ bottom: "sm",
525
+ left: "sm",
526
+ right: "sm",
347
527
  "background-color": "background-1",
348
- color: "text-1",
349
- "padding-top": "base",
350
- "padding-bottom": "base",
351
- "padding-left": "2xl",
352
- "padding-right": "2xl",
353
528
  "border-radius": "base",
354
- "border-width": "1px",
355
- "border-color": "border",
356
- "align-self": "flex-start",
529
+ "padding-top": "xs",
530
+ "padding-bottom": "xs",
531
+ "padding-left": "sm",
532
+ "padding-right": "sm",
533
+ display: "flex",
534
+ "flex-direction": "column",
535
+ "box-shadow": "default",
536
+ },
537
+ overlay_label: { "font-weight": 700 },
538
+ overlay_value: { color: "text-2", "font-size": "xs" },
539
+ right_container: {
540
+ flex: "1",
541
+ display: "flex",
542
+ "flex-direction": "column",
543
+ "row-gap": "lg",
544
+ },
545
+ team_description: { "line-height": "1.7" },
546
+ cta_wrapper: { display: "flex" },
547
+ ctas_levoGroup: {
548
+ display: "flex",
549
+ "column-gap": "md",
550
+ "row-gap": "md",
551
+ "flex-wrap": "wrap",
552
+ },
553
+ team_members_levoGroup: {
554
+ display: "grid",
555
+ "grid-template-columns": "repeat(3, minmax(0, 1fr))",
556
+ gap: "lg",
557
+ tablet: { "grid-template-columns": "repeat(2, minmax(0, 1fr))" },
558
+ mobile: { "grid-template-columns": "repeat(1, minmax(0, 1fr))" },
357
559
  },
358
560
  },
359
561
  content: DEFAULT_CONTENT,
360
562
  config: {
361
- title: {
362
- selectedVariants: {
363
- Heading_Level: "H2",
364
- },
365
- },
366
- team_description: {
367
- selectedVariants: {},
368
- },
563
+ title: { selectedVariants: { Heading_Level: "H2" } },
564
+ team_description: { selectedVariants: {} },
369
565
  overlay_label: {
370
- heading: {
371
- level: "4",
372
- },
373
- selectedVariants: {
374
- Heading_Level: "H6",
375
- },
566
+ heading: { level: "4" },
567
+ selectedVariants: { Heading_Level: "H6" },
376
568
  },
569
+ ctas: [
570
+ { cta: { selectedVariants: {} } },
571
+ { cta: { selectedVariants: { Button_Variants: "Secondary" } } },
572
+ ],
377
573
  },
378
574
  },
379
575
  ],