@levo-so/blocks 0.1.100 → 0.1.102

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (159) hide show
  1. package/package.json +5 -4
  2. package/src/blocks/about-us/about-us-1.schema.ts +302 -295
  3. package/src/blocks/about-us/about-us-2.schema.ts +225 -220
  4. package/src/blocks/blogs/blog-author-1.schema.ts +719 -0
  5. package/src/blocks/blogs/blog-author-1.tsx +121 -0
  6. package/src/blocks/blogs/blog-listing-1.tsx +111 -33
  7. package/src/blocks/blogs/blog-listing-2.schema.ts +15 -33
  8. package/src/blocks/blogs/blog-listing-2.tsx +118 -33
  9. package/src/blocks/blogs/blog-listing-3.schema.ts +10 -22
  10. package/src/blocks/blogs/blog-listing-3.tsx +118 -33
  11. package/src/blocks/blogs/blog-post-1.schema.ts +766 -16
  12. package/src/blocks/blogs/blog-post-1.tsx +256 -32
  13. package/src/blocks/calendar/calendar-1.schema.ts +641 -192
  14. package/src/blocks/calendar/calendar-1.tsx +1 -0
  15. package/src/blocks/cards/cards-10.schema.ts +557 -544
  16. package/src/blocks/cards/cards-11.schema.ts +525 -419
  17. package/src/blocks/cards/cards-12.schema.ts +538 -147
  18. package/src/blocks/cards/cards-13.schema.ts +482 -312
  19. package/src/blocks/cards/cards-14.schema.ts +423 -196
  20. package/src/blocks/cards/cards-15.schema.ts +309 -143
  21. package/src/blocks/cards/cards-16.schema.ts +1277 -175
  22. package/src/blocks/cards/cards-17.schema.ts +2908 -1303
  23. package/src/blocks/cards/cards-18.schema.ts +1404 -217
  24. package/src/blocks/cards/cards-19.schema.ts +1105 -1084
  25. package/src/blocks/cards/cards-19.tsx +4 -5
  26. package/src/blocks/cards/cards-2.schema.ts +513 -42
  27. package/src/blocks/cards/cards-20.schema.ts +790 -212
  28. package/src/blocks/cards/cards-21.schema.ts +1215 -229
  29. package/src/blocks/cards/cards-21.tsx +51 -6
  30. package/src/blocks/cards/cards-22.schema.ts +1252 -2809
  31. package/src/blocks/cards/cards-22.tsx +6 -7
  32. package/src/blocks/cards/cards-23.schema.ts +571 -109
  33. package/src/blocks/cards/cards-3.schema.ts +355 -116
  34. package/src/blocks/cards/cards-4.schema.ts +805 -321
  35. package/src/blocks/cards/cards-5.schema.ts +216 -64
  36. package/src/blocks/cards/cards-6.schema.ts +568 -1330
  37. package/src/blocks/cards/cards-7.schema.ts +1181 -1378
  38. package/src/blocks/cards/cards-8.schema.ts +585 -221
  39. package/src/blocks/cards/cards-9.schema.ts +763 -382
  40. package/src/blocks/carousel/carousel-1.schema.ts +257 -502
  41. package/src/blocks/carousel/carousel-2.schema.ts +771 -761
  42. package/src/blocks/community/community-1.schema.ts +8 -23
  43. package/src/blocks/community/community-1.tsx +3 -3
  44. package/src/blocks/community/community-post-1.tsx +4 -4
  45. package/src/blocks/contact-us/contact-us-1.schema.ts +360 -14
  46. package/src/blocks/contact-us/contact-us-2.schema.ts +441 -325
  47. package/src/blocks/content/content-1.schema.ts +800 -381
  48. package/src/blocks/content/content-10.schema.ts +763 -20
  49. package/src/blocks/content/content-2.schema.ts +426 -52
  50. package/src/blocks/content/content-3.schema.ts +631 -432
  51. package/src/blocks/content/content-4.schema.ts +378 -123
  52. package/src/blocks/content/content-5.schema.ts +1152 -682
  53. package/src/blocks/content/content-6.schema.ts +679 -707
  54. package/src/blocks/content/content-7.schema.ts +694 -291
  55. package/src/blocks/content/content-8.schema.ts +247 -7
  56. package/src/blocks/content/content-9.schema.ts +855 -116
  57. package/src/blocks/cta/cta-1.schema.ts +294 -62
  58. package/src/blocks/cta/cta-2.schema.ts +302 -66
  59. package/src/blocks/cta/cta-2.tsx +1 -2
  60. package/src/blocks/cta/cta-3.schema.ts +312 -62
  61. package/src/blocks/embed/embed-1.schema.ts +181 -0
  62. package/src/blocks/event/event-listing-2.schema.ts +5 -11
  63. package/src/blocks/event/event-listing-3.schema.ts +5 -11
  64. package/src/blocks/event/event-listing-4.schema.ts +5 -11
  65. package/src/blocks/event/event-listing.schema.ts +5 -11
  66. package/src/blocks/faq/faq-1.schema.ts +439 -260
  67. package/src/blocks/faq/faq-2.schema.ts +444 -266
  68. package/src/blocks/faq/faq-3.schema.ts +1420 -224
  69. package/src/blocks/features/features-1/features-1.schema.ts +21 -21
  70. package/src/blocks/features/features-1/variants/default.ts +120 -138
  71. package/src/blocks/features/features-1/variants/index.ts +2 -2
  72. package/src/blocks/features/features-1/variants/minimal-list.ts +139 -0
  73. package/src/blocks/features/features-1/variants/stylized-cards-v1.ts +69 -385
  74. package/src/blocks/features/features-1/variants/stylized-cards-v2.ts +74 -408
  75. package/src/blocks/features/features-2.schema.ts +368 -286
  76. package/src/blocks/features/features-3.schema.ts +557 -280
  77. package/src/blocks/features/features-4.schema.ts +940 -432
  78. package/src/blocks/features/features-5.schema.ts +566 -407
  79. package/src/blocks/features/features-6.schema.ts +557 -523
  80. package/src/blocks/filter-listing/filter-listing-1.schema.ts +922 -270
  81. package/src/blocks/floating-buttons/floating-button-1.schema.ts +123 -0
  82. package/src/blocks/footer/footer-1.schema.ts +383 -401
  83. package/src/blocks/footer/footer-2.schema.ts +337 -878
  84. package/src/blocks/footer/footer-3.schema.ts +445 -381
  85. package/src/blocks/footer/footer-4.schema.ts +610 -439
  86. package/src/blocks/footer/footer-5.schema.ts +367 -321
  87. package/src/blocks/footer/footer-6.schema.ts +610 -357
  88. package/src/blocks/form/form-1.schema.ts +237 -0
  89. package/src/blocks/hero/hero-1.schema.ts +251 -221
  90. package/src/blocks/hero/hero-10.schema.ts +23 -14
  91. package/src/blocks/hero/hero-11.schema.ts +728 -601
  92. package/src/blocks/hero/hero-12.schema.ts +524 -334
  93. package/src/blocks/hero/hero-13.schema.ts +83 -95
  94. package/src/blocks/hero/hero-2.schema.ts +277 -68
  95. package/src/blocks/hero/hero-3.schema.ts +371 -235
  96. package/src/blocks/hero/hero-3.tsx +1 -1
  97. package/src/blocks/hero/hero-4.schema.ts +605 -338
  98. package/src/blocks/hero/hero-5.schema.ts +545 -61
  99. package/src/blocks/hero/hero-6.schema.ts +446 -257
  100. package/src/blocks/hero/hero-6.tsx +1 -1
  101. package/src/blocks/hero/hero-7.schema.ts +1299 -131
  102. package/src/blocks/hero/hero-7.tsx +43 -23
  103. package/src/blocks/hero/hero-8.schema.ts +736 -236
  104. package/src/blocks/hero/hero-9.schema.ts +908 -58
  105. package/src/blocks/index.ts +2 -0
  106. package/src/blocks/jobs/jobs-1.schema.ts +741 -219
  107. package/src/blocks/logos/logos-1.schema.ts +317 -321
  108. package/src/blocks/logos/logos-1.tsx +32 -19
  109. package/src/blocks/navbar/navbar-1.schema.ts +319 -186
  110. package/src/blocks/navbar/navbar-2.schema.ts +311 -190
  111. package/src/blocks/navbar/navbar-3.schema.ts +612 -570
  112. package/src/blocks/navbar/navbar-4.schema.ts +741 -1250
  113. package/src/blocks/polling/polling-1.schema.ts +161 -0
  114. package/src/blocks/pricing/pricing-1.schema.ts +549 -626
  115. package/src/blocks/products/products-listing-1.schema.ts +363 -249
  116. package/src/blocks/products/products-listing-2.schema.ts +515 -257
  117. package/src/blocks/products/products-listing-3.schema.ts +789 -836
  118. package/src/blocks/profile/profile-1.schema.ts +168 -187
  119. package/src/blocks/profile/profile-2.schema.ts +150 -122
  120. package/src/blocks/profile/profile-3.schema.ts +307 -256
  121. package/src/blocks/profile/profile-4.schema.ts +372 -504
  122. package/src/blocks/profile/profile-5.schema.ts +186 -79
  123. package/src/blocks/services/service-1.schema.ts +700 -631
  124. package/src/blocks/services/service-2.schema.ts +559 -82
  125. package/src/blocks/services/service-2.tsx +5 -3
  126. package/src/blocks/services/service-3.schema.ts +587 -215
  127. package/src/blocks/services/service-3.tsx +4 -2
  128. package/src/blocks/stats/stats-1.schema.ts +347 -257
  129. package/src/blocks/stats/stats-2.schema.ts +14 -2
  130. package/src/blocks/stats/variants/default.ts +14 -37
  131. package/src/blocks/stats/variants/extra.ts +232 -0
  132. package/src/blocks/stats/variants/hero.ts +1 -30
  133. package/src/blocks/stats/variants/index.ts +13 -1
  134. package/src/blocks/tabs/tab-1.schema.ts +1361 -214
  135. package/src/blocks/tabs/tab-2.schema.ts +984 -390
  136. package/src/blocks/tabs/tab-3.schema.ts +961 -95
  137. package/src/blocks/team/team-1.schema.ts +681 -564
  138. package/src/blocks/team/team-2.schema.ts +589 -935
  139. package/src/blocks/team/team-3.schema.ts +375 -284
  140. package/src/blocks/team/team-4.schema.ts +569 -355
  141. package/src/blocks/team/team-5.schema.ts +307 -111
  142. package/src/blocks/testimonial/testimonial-1.schema.ts +605 -706
  143. package/src/blocks/testimonial/testimonial-2.schema.ts +825 -1099
  144. package/src/blocks/testimonial/testimonial-3.schema.ts +580 -235
  145. package/src/blocks/testimonial/testimonial-4.schema.ts +1326 -1779
  146. package/src/blocks/testimonial/testimonial-5/variants/default.ts +179 -328
  147. package/src/blocks/testimonial/testimonial-5/variants/index.ts +9 -1
  148. package/src/blocks/testimonial/testimonial-5/variants/testimonialCentered.ts +194 -0
  149. package/src/blocks/testimonial/testimonial-5/variants/testimonialCompact.ts +188 -0
  150. package/src/blocks/testimonial/testimonial-5/variants/testimonialWithLogo.ts +275 -396
  151. package/src/blocks/testimonial/testimonial-5/variants/testimonialWithRatings.ts +254 -602
  152. package/src/blocks/testimonial/testimonial-5.schema.ts +6 -2
  153. package/src/blocks/testimonial/testimonial-6.schema.ts +962 -1234
  154. package/src/blocks/testimonial/testimonial-7.schema.ts +515 -233
  155. package/src/blocks/timeline/timeline-1.schema.ts +382 -140
  156. package/src/blocks/users/edit-profile.schema.ts +2 -8
  157. package/src/blocks/users/edit-profile.tsx +2 -3
  158. package/src/schemas/blocks.ts +2 -0
  159. package/src/blocks/features/features-1/variants/stylized-cards-v3.ts +0 -268
package/src/blocks/cards/cards-18.schema.ts CHANGED
@@ -1,86 +1,409 @@
1
1
  import type { IBlock } from "@levo-so/studio";
2
2
 
3
- const MEDIA = {
4
- id: "7141014160938075687",
5
- location: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH.png",
3
+ const CALENDAR_ICON = {
4
+ kind: "icon",
5
+ data: {
6
+ id: "calendar-tick",
7
+ label: "Calendar Tick",
8
+ svgCode:
9
+ '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M8 5.75C7.59 5.75 7.25 5.41 7.25 5V2C7.25 1.59 7.59 1.25 8 1.25C8.41 1.25 8.75 1.59 8.75 2V5C8.75 5.41 8.41 5.75 8 5.75Z" fill="var(--color-icon-primary)"/>\n<path d="M16 5.75C15.59 5.75 15.25 5.41 15.25 5V2C15.25 1.59 15.59 1.25 16 1.25C16.41 1.25 16.75 1.59 16.75 2V5C16.75 5.41 16.41 5.75 16 5.75Z" fill="var(--color-icon-primary)"/>\n<path d="M8.5 14.4999C8.24 14.4999 7.98 14.3899 7.79 14.2099C7.61 14.0199 7.5 13.7699 7.5 13.4999C7.5 13.3699 7.53 13.2399 7.58 13.1199C7.63 12.9999 7.7 12.89 7.79 12.79C8.16 12.42 8.83 12.42 9.21 12.79C9.39 12.98 9.5 13.2399 9.5 13.4999C9.5 13.5599 9.49 13.63 9.48 13.7C9.47 13.76 9.45 13.8199 9.42 13.8799C9.4 13.9399 9.37 13.9999 9.33 14.0599C9.29 14.1099 9.25 14.1599 9.21 14.2099C9.02 14.3899 8.76 14.4999 8.5 14.4999Z" fill="var(--color-icon-primary)"/>\n<path d="M20.5 9.83997H3.5C3.09 9.83997 2.75 9.49997 2.75 9.08997C2.75 8.67997 3.09 8.33997 3.5 8.33997H20.5C20.91 8.33997 21.25 8.67997 21.25 9.08997C21.25 9.49997 20.91 9.83997 20.5 9.83997Z" fill="var(--color-icon-primary)"/>\n<path d="M15.37 22.75H8C4.35 22.75 2.25 20.65 2.25 17V8.5C2.25 4.85 4.35 2.75 8 2.75H16C19.65 2.75 21.75 4.85 21.75 8.5V16.36C21.75 16.67 21.56 16.95 21.26 17.06C20.97 17.17 20.64 17.09 20.43 16.85C19.81 16.15 18.92 15.75 17.99 15.75C16.2 15.75 14.74 17.21 14.74 19C14.74 19.59 14.9 20.17 15.21 20.67C15.38 20.97 15.6 21.22 15.84 21.43C16.08 21.63 16.17 21.96 16.06 22.26C15.97 22.55 15.69 22.75 15.37 22.75ZM8 4.25C5.14 4.25 3.75 5.64 3.75 8.5V17C3.75 19.86 5.14 21.25 8 21.25H13.82C13.45 20.57 13.25 19.8 13.25 19C13.25 16.38 15.38 14.25 18 14.25C18.79 14.25 19.57 14.45 20.25 14.82V8.5C20.25 5.64 18.86 4.25 16 4.25H8Z" fill="var(--color-icon-primary)"/>\n</svg>',
10
+ },
11
+ };
12
+
13
+ const CLOCK_ICON = {
14
+ kind: "icon",
15
+ data: {
16
+ id: "clock",
17
+ label: "Clock",
18
+ svgCode:
19
+ '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\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="M15.7096 15.93C15.5796 15.93 15.4496 15.9 15.3296 15.82L12.2296 13.97C11.4596 13.51 10.8896 12.5 10.8896 11.61V7.51001C10.8896 7.10001 11.2296 6.76001 11.6396 6.76001C12.0496 6.76001 12.3896 7.10001 12.3896 7.51001V11.61C12.3896 11.97 12.6896 12.5 12.9996 12.68L16.0996 14.53C16.4596 14.74 16.5696 15.2 16.3596 15.56C16.2096 15.8 15.9596 15.93 15.7096 15.93Z" fill="var(--color-icon-primary)"/>\n</svg>',
20
+ },
21
+ };
22
+
23
+ const USER_ICON = {
24
+ kind: "icon",
25
+ data: {
26
+ id: "user",
27
+ label: "User",
28
+ svgCode:
29
+ '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M12 12.75C8.83 12.75 6.25 10.17 6.25 7C6.25 3.83 8.83 1.25 12 1.25C15.17 1.25 17.75 3.83 17.75 7C17.75 10.17 15.17 12.75 12 12.75ZM12 2.75C9.66 2.75 7.75 4.66 7.75 7C7.75 9.34 9.66 11.25 12 11.25C14.34 11.25 16.25 9.34 16.25 7C16.25 4.66 14.34 2.75 12 2.75Z" fill="var(--color-icon-primary)"/>\n<path d="M20.5901 22.75C20.1801 22.75 19.8401 22.41 19.8401 22C19.8401 18.55 16.3202 15.75 12.0002 15.75C7.68015 15.75 4.16016 18.55 4.16016 22C4.16016 22.41 3.82016 22.75 3.41016 22.75C3.00016 22.75 2.66016 22.41 2.66016 22C2.66016 17.73 6.85015 14.25 12.0002 14.25C17.1502 14.25 21.3401 17.73 21.3401 22C21.3401 22.41 21.0001 22.75 20.5901 22.75Z" fill="var(--color-icon-primary)"/>\n</svg>',
30
+ },
31
+ };
32
+
33
+ const IMG_1 = {
34
+ id: "7453000332583204082",
35
+ kind: "image",
36
+ location: "https://images.pexels.com/photos/7605981/pexels-photo-7605981.jpeg",
37
+ mimetype: "image/jpeg",
38
+ srcset: {
39
+ "320w": "https://images.pexels.com/photos/7605981/pexels-photo-7605981.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
40
+ "640w": "https://images.pexels.com/photos/7605981/pexels-photo-7605981.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
41
+ "750w": "https://images.pexels.com/photos/7605981/pexels-photo-7605981.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
42
+ "828w": "https://images.pexels.com/photos/7605981/pexels-photo-7605981.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
43
+ "1080w": "https://images.pexels.com/photos/7605981/pexels-photo-7605981.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
44
+ "1200w": "https://images.pexels.com/photos/7605981/pexels-photo-7605981.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
45
+ "1920w": "https://images.pexels.com/photos/7605981/pexels-photo-7605981.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
46
+ path: "https://images.pexels.com/photos/7605981/pexels-photo-7605981.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/7605981/pexels-photo-7605981.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/7605981/pexels-photo-7605981.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w",
47
+ },
48
+ };
49
+
50
+ const IMG_2 = {
51
+ id: "7453000333363165133",
52
+ kind: "image",
53
+ location: "https://images.pexels.com/photos/5831343/pexels-photo-5831343.jpeg",
54
+ mimetype: "image/jpeg",
55
+ srcset: {
56
+ "320w": "https://images.pexels.com/photos/5831343/pexels-photo-5831343.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
57
+ "640w": "https://images.pexels.com/photos/5831343/pexels-photo-5831343.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
58
+ "750w": "https://images.pexels.com/photos/5831343/pexels-photo-5831343.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
59
+ "828w": "https://images.pexels.com/photos/5831343/pexels-photo-5831343.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
60
+ "1080w": "https://images.pexels.com/photos/5831343/pexels-photo-5831343.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
61
+ "1200w": "https://images.pexels.com/photos/5831343/pexels-photo-5831343.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
62
+ "1920w": "https://images.pexels.com/photos/5831343/pexels-photo-5831343.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
63
+ path: "https://images.pexels.com/photos/5831343/pexels-photo-5831343.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/5831343/pexels-photo-5831343.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/5831343/pexels-photo-5831343.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w",
64
+ },
65
+ };
66
+
67
+ const IMG_3 = {
68
+ id: "7453000334031213823",
69
+ kind: "image",
70
+ location: "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg",
71
+ mimetype: "image/jpeg",
72
+ srcset: {
73
+ "320w": "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
74
+ "640w": "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
75
+ "750w": "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
76
+ "828w": "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
77
+ "1080w": "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
78
+ "1200w": "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
79
+ "1920w": "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
80
+ path: "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=1080 1080w, https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w",
81
+ },
82
+ };
83
+
84
+ const IMG_4 = {
85
+ id: "7453000334799459882",
86
+ kind: "image",
87
+ location: "https://images.pexels.com/photos/3872166/pexels-photo-3872166.jpeg",
88
+ mimetype: "image/jpeg",
89
+ srcset: {
90
+ "320w": "https://images.pexels.com/photos/3872166/pexels-photo-3872166.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
91
+ "640w": "https://images.pexels.com/photos/3872166/pexels-photo-3872166.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
92
+ "750w": "https://images.pexels.com/photos/3872166/pexels-photo-3872166.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
93
+ "828w": "https://images.pexels.com/photos/3872166/pexels-photo-3872166.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
94
+ "1080w": "https://images.pexels.com/photos/3872166/pexels-photo-3872166.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
95
+ "1200w": "https://images.pexels.com/photos/3872166/pexels-photo-3872166.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
96
+ "1920w": "https://images.pexels.com/photos/3872166/pexels-photo-3872166.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
97
+ path: "https://images.pexels.com/photos/3872166/pexels-photo-3872166.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/3872166/pexels-photo-3872166.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/3872166/pexels-photo-3872166.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w",
98
+ },
99
+ };
100
+
101
+ const IMG_5 = {
102
+ id: "7453000336556971212",
103
+ kind: "image",
104
+ location: "https://images.pexels.com/photos/28715052/pexels-photo-28715052.jpeg",
105
+ mimetype: "image/jpeg",
106
+ srcset: {
107
+ "320w": "https://images.pexels.com/photos/28715052/pexels-photo-28715052.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
108
+ "640w": "https://images.pexels.com/photos/28715052/pexels-photo-28715052.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
109
+ "750w": "https://images.pexels.com/photos/28715052/pexels-photo-28715052.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
110
+ "828w": "https://images.pexels.com/photos/28715052/pexels-photo-28715052.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
111
+ "1080w": "https://images.pexels.com/photos/28715052/pexels-photo-28715052.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
112
+ "1200w": "https://images.pexels.com/photos/28715052/pexels-photo-28715052.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
113
+ "1920w": "https://images.pexels.com/photos/28715052/pexels-photo-28715052.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
114
+ path: "https://images.pexels.com/photos/28715052/pexels-photo-28715052.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/28715052/pexels-photo-28715052.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/28715052/pexels-photo-28715052.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w",
115
+ },
116
+ };
117
+
118
+ const IMG_6 = {
119
+ id: "7453000337216180776",
120
+ kind: "image",
121
+ location: "https://images.pexels.com/photos/7793692/pexels-photo-7793692.jpeg",
122
+ mimetype: "image/jpeg",
123
+ srcset: {
124
+ "320w": "https://images.pexels.com/photos/7793692/pexels-photo-7793692.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
125
+ "640w": "https://images.pexels.com/photos/7793692/pexels-photo-7793692.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
126
+ "750w": "https://images.pexels.com/photos/7793692/pexels-photo-7793692.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
127
+ "828w": "https://images.pexels.com/photos/7793692/pexels-photo-7793692.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
128
+ "1080w": "https://images.pexels.com/photos/7793692/pexels-photo-7793692.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
129
+ "1200w": "https://images.pexels.com/photos/7793692/pexels-photo-7793692.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
130
+ "1920w": "https://images.pexels.com/photos/7793692/pexels-photo-7793692.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
131
+ path: "https://images.pexels.com/photos/7793692/pexels-photo-7793692.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/7793692/pexels-photo-7793692.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/7793692/pexels-photo-7793692.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w",
132
+ },
133
+ };
134
+
135
+ const IMG_7 = {
136
+ id: "7453000339905843052",
137
+ kind: "image",
138
+ location: "https://images.pexels.com/photos/7414216/pexels-photo-7414216.jpeg",
139
+ mimetype: "image/jpeg",
140
+ srcset: {
141
+ "320w": "https://images.pexels.com/photos/7414216/pexels-photo-7414216.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
142
+ "640w": "https://images.pexels.com/photos/7414216/pexels-photo-7414216.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
143
+ "750w": "https://images.pexels.com/photos/7414216/pexels-photo-7414216.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
144
+ "828w": "https://images.pexels.com/photos/7414216/pexels-photo-7414216.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
145
+ "1080w": "https://images.pexels.com/photos/7414216/pexels-photo-7414216.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
146
+ "1200w": "https://images.pexels.com/photos/7414216/pexels-photo-7414216.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
147
+ "1920w": "https://images.pexels.com/photos/7414216/pexels-photo-7414216.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
148
+ path: "https://images.pexels.com/photos/7414216/pexels-photo-7414216.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/7414216/pexels-photo-7414216.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/7414216/pexels-photo-7414216.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w",
149
+ },
150
+ };
151
+
152
+ const IMG_8 = {
153
+ id: "7453000332579646672",
6
154
  kind: "image",
7
- mimetype: "image/png",
155
+ location: "https://images.pexels.com/photos/6804091/pexels-photo-6804091.jpeg",
156
+ mimetype: "image/jpeg",
8
157
  srcset: {
9
- "1080w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp",
10
- "1200w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp",
11
- "1920w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp",
12
- "320w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp",
13
- "640w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp",
14
- "750w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp",
15
- "828w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp",
16
- path: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp 640w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp 1080w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp 1200w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp 1920w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp 320w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp 750w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp 828w",
158
+ "320w": "https://images.pexels.com/photos/6804091/pexels-photo-6804091.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
159
+ "640w": "https://images.pexels.com/photos/6804091/pexels-photo-6804091.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
160
+ "750w": "https://images.pexels.com/photos/6804091/pexels-photo-6804091.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
161
+ "828w": "https://images.pexels.com/photos/6804091/pexels-photo-6804091.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
162
+ "1080w": "https://images.pexels.com/photos/6804091/pexels-photo-6804091.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
163
+ "1200w": "https://images.pexels.com/photos/6804091/pexels-photo-6804091.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
164
+ "1920w": "https://images.pexels.com/photos/6804091/pexels-photo-6804091.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
165
+ path: "https://images.pexels.com/photos/6804091/pexels-photo-6804091.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/6804091/pexels-photo-6804091.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/6804091/pexels-photo-6804091.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w",
17
166
  },
18
167
  };
19
168
 
169
+ // Each card: unique title, description, category, date, reading-time, author, image.
170
+ // Same calendar/clock/user icon reused across cards — they are type-indicators, not content.
171
+ const CARDS = [
172
+ {
173
+ card: null,
174
+ media: IMG_1,
175
+ "card-info-wrapper": null,
176
+ "card-content": null,
177
+ "card-header-wrapper": null,
178
+ "card-header": null,
179
+ "header-icon": CALENDAR_ICON,
180
+ "publish-date": "18 Mar, 2026",
181
+ "card-reading-time-wrapper": null,
182
+ "reading-time-icon": CLOCK_ICON,
183
+ "reading-time": "7 min read",
184
+ "card-content-wrapper": null,
185
+ title: "Inside the operating system we built for async project reviews",
186
+ description:
187
+ "How one 80-person product org ran sixteen launches a quarter without a single stand-up, using threaded reviews, scoped mentions, and owner-only approvals.",
188
+ "card-footer": null,
189
+ "card-author": null,
190
+ "author-image": USER_ICON,
191
+ "author-info-wrapper": null,
192
+ "author-name": "Priya Natarajan",
193
+ "author-description": "Head of Product Ops",
194
+ category_wrapper: null,
195
+ category_icon: null,
196
+ category: "Playbook",
197
+ cta: "Read playbook",
198
+ },
199
+ {
200
+ card: null,
201
+ media: IMG_2,
202
+ "card-info-wrapper": null,
203
+ "card-content": null,
204
+ "card-header-wrapper": null,
205
+ "card-header": null,
206
+ "header-icon": CALENDAR_ICON,
207
+ "publish-date": "12 Mar, 2026",
208
+ "card-reading-time-wrapper": null,
209
+ "reading-time-icon": CLOCK_ICON,
210
+ "reading-time": "9 min read",
211
+ "card-content-wrapper": null,
212
+ title: "The dashboard sprawl audit: why your team reads 41 and acts on 7",
213
+ description:
214
+ "We sampled 214 revenue teams; the median workspace hosts 41 live dashboards. Only seven changed a decision last quarter. Here is the consolidation playbook.",
215
+ "card-footer": null,
216
+ "card-author": null,
217
+ "author-image": USER_ICON,
218
+ "author-info-wrapper": null,
219
+ "author-name": "Diego Alarcón",
220
+ "author-description": "Principal Analyst",
221
+ category_wrapper: null,
222
+ category_icon: null,
223
+ category: "Research",
224
+ cta: "See the data",
225
+ },
226
+ {
227
+ card: null,
228
+ media: IMG_3,
229
+ "card-info-wrapper": null,
230
+ "card-content": null,
231
+ "card-header-wrapper": null,
232
+ "card-header": null,
233
+ "header-icon": CALENDAR_ICON,
234
+ "publish-date": "05 Mar, 2026",
235
+ "card-reading-time-wrapper": null,
236
+ "reading-time-icon": CLOCK_ICON,
237
+ "reading-time": "5 min read",
238
+ "card-content-wrapper": null,
239
+ title: "From Slack chaos to single source: ten rituals that stuck",
240
+ description:
241
+ "Cross-functional teams rarely break because of tools; they break because of rituals. These ten, tested across 400 workspaces, survived both hiring and layoffs.",
242
+ "card-footer": null,
243
+ "card-author": null,
244
+ "author-image": USER_ICON,
245
+ "author-info-wrapper": null,
246
+ "author-name": "Aisha Okonkwo",
247
+ "author-description": "Director, Collaboration",
248
+ category_wrapper: null,
249
+ category_icon: null,
250
+ category: "Culture",
251
+ cta: "Read article",
252
+ },
253
+ {
254
+ card: null,
255
+ media: IMG_4,
256
+ "card-info-wrapper": null,
257
+ "card-content": null,
258
+ "card-header-wrapper": null,
259
+ "card-header": null,
260
+ "header-icon": CALENDAR_ICON,
261
+ "publish-date": "27 Feb, 2026",
262
+ "card-reading-time-wrapper": null,
263
+ "reading-time-icon": CLOCK_ICON,
264
+ "reading-time": "11 min read",
265
+ "card-content-wrapper": null,
266
+ title: "Shipping real-time presence without blowing up your infra bill",
267
+ description:
268
+ "A walk-through of the WebSocket fan-out, CRDT state sync, and edge caching strategy that keeps 50k concurrent cursors smooth at under three cents per seat.",
269
+ "card-footer": null,
270
+ "card-author": null,
271
+ "author-image": USER_ICON,
272
+ "author-info-wrapper": null,
273
+ "author-name": "Mei-Lin Zhou",
274
+ "author-description": "Staff Platform Engineer",
275
+ category_wrapper: null,
276
+ category_icon: null,
277
+ category: "Engineering",
278
+ cta: "Read deep dive",
279
+ },
280
+ {
281
+ card: null,
282
+ media: IMG_5,
283
+ "card-info-wrapper": null,
284
+ "card-content": null,
285
+ "card-header-wrapper": null,
286
+ "card-header": null,
287
+ "header-icon": CALENDAR_ICON,
288
+ "publish-date": "19 Feb, 2026",
289
+ "card-reading-time-wrapper": null,
290
+ "reading-time-icon": CLOCK_ICON,
291
+ "reading-time": "6 min read",
292
+ "card-content-wrapper": null,
293
+ title: "Why we moved onboarding from Notion to a scoped workspace",
294
+ description:
295
+ "New hires lost three days hunting docs. We shipped a workspace template with role-scoped views, signed-off checklists, and auto-invited buddies; ramp dropped 42%.",
296
+ "card-footer": null,
297
+ "card-author": null,
298
+ "author-image": USER_ICON,
299
+ "author-info-wrapper": null,
300
+ "author-name": "Rohan Mehta",
301
+ "author-description": "People Systems Lead",
302
+ category_wrapper: null,
303
+ category_icon: null,
304
+ category: "People Ops",
305
+ cta: "Read the story",
306
+ },
307
+ {
308
+ card: null,
309
+ media: IMG_6,
310
+ "card-info-wrapper": null,
311
+ "card-content": null,
312
+ "card-header-wrapper": null,
313
+ "card-header": null,
314
+ "header-icon": CALENDAR_ICON,
315
+ "publish-date": "10 Feb, 2026",
316
+ "card-reading-time-wrapper": null,
317
+ "reading-time-icon": CLOCK_ICON,
318
+ "reading-time": "8 min read",
319
+ "card-content-wrapper": null,
320
+ title: "Automations that actually save hours, not just promise them",
321
+ description:
322
+ "We shipped 312 automations across four portfolio teams and tracked which survived 30 days. The ten that stuck all shared three properties we unpack here.",
323
+ "card-footer": null,
324
+ "card-author": null,
325
+ "author-image": USER_ICON,
326
+ "author-info-wrapper": null,
327
+ "author-name": "Sofia Linde",
328
+ "author-description": "Automation Architect",
329
+ category_wrapper: null,
330
+ category_icon: null,
331
+ category: "Automation",
332
+ cta: "See the list",
333
+ },
334
+ {
335
+ card: null,
336
+ media: IMG_7,
337
+ "card-info-wrapper": null,
338
+ "card-content": null,
339
+ "card-header-wrapper": null,
340
+ "card-header": null,
341
+ "header-icon": CALENDAR_ICON,
342
+ "publish-date": "02 Feb, 2026",
343
+ "card-reading-time-wrapper": null,
344
+ "reading-time-icon": CLOCK_ICON,
345
+ "reading-time": "4 min read",
346
+ "card-content-wrapper": null,
347
+ title: "From zero to design review in ninety seconds: a startup template",
348
+ description:
349
+ "A ready-to-fork workspace template that captures scope, design artefacts, and async feedback in one thread. Used by fourteen of this year's YC cohort.",
350
+ "card-footer": null,
351
+ "card-author": null,
352
+ "author-image": USER_ICON,
353
+ "author-info-wrapper": null,
354
+ "author-name": "Julian Okafor",
355
+ "author-description": "Founder in Residence",
356
+ category_wrapper: null,
357
+ category_icon: null,
358
+ category: "Templates",
359
+ cta: "Fork template",
360
+ },
361
+ {
362
+ card: null,
363
+ media: IMG_8,
364
+ "card-info-wrapper": null,
365
+ "card-content": null,
366
+ "card-header-wrapper": null,
367
+ "card-header": null,
368
+ "header-icon": CALENDAR_ICON,
369
+ "publish-date": "24 Jan, 2026",
370
+ "card-reading-time-wrapper": null,
371
+ "reading-time-icon": CLOCK_ICON,
372
+ "reading-time": "10 min read",
373
+ "card-content-wrapper": null,
374
+ title: "The quarterly roadmap review, rebuilt for distributed teams",
375
+ description:
376
+ "Planning rituals designed for a room of six do not scale to eleven time zones. This is the async review loop that kept a 90-person org on a single plan.",
377
+ "card-footer": null,
378
+ "card-author": null,
379
+ "author-image": USER_ICON,
380
+ "author-info-wrapper": null,
381
+ "author-name": "Elena Petrov",
382
+ "author-description": "VP, Program Management",
383
+ category_wrapper: null,
384
+ category_icon: null,
385
+ category: "Leadership",
386
+ cta: "Read article",
387
+ },
388
+ ];
389
+
20
390
  const DEFAULT_CONTENT = {
21
391
  layout: null,
22
392
  container: null,
23
393
  "header-wrapper": null,
24
- header: "Popular this month",
25
- description: "Popular this month Popular this month Popular this month",
26
- blogs_levoGroup: null,
394
+ "title-wrapper": null,
395
+ "header-icon": null,
396
+ "header-text-wrapper": null,
397
+ header: "What builders are reading this month",
398
+ description:
399
+ "Fresh essays, teardown posts, and research briefs from the product, ops, and engineering teams shipping on Levo.",
400
+ "header-ctas_levoGroup": null,
401
+ "header-ctas": [{ "header-cta": "Browse all posts" }],
402
+ cards: CARDS,
27
403
  "pagination-wrapper": null,
28
404
  "pagination-left": "Previous",
29
405
  "pagination-text": "",
30
406
  "pagination-right": "Next",
31
- cards: Array(8)
32
- .fill(0)
33
- .map((v) => ({
34
- card: null,
35
- media: MEDIA,
36
- "card-content-wrapper": null,
37
- "card-header": null,
38
- "header-icon": {
39
- kind: "icon",
40
- data: {
41
- id: "calendar-1",
42
- label: "Calendar 1",
43
- tags: ["calendar", "custom", "time"],
44
- svgCode:
45
- '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M8 5.75C7.59 5.75 7.25 5.41 7.25 5V2C7.25 1.59 7.59 1.25 8 1.25C8.41 1.25 8.75 1.59 8.75 2V5C8.75 5.41 8.41 5.75 8 5.75Z" fill="var(--color-icon-primary)"/>\n<path d="M16 5.75C15.59 5.75 15.25 5.41 15.25 5V2C15.25 1.59 15.59 1.25 16 1.25C16.41 1.25 16.75 1.59 16.75 2V5C16.75 5.41 16.41 5.75 16 5.75Z" fill="var(--color-icon-primary)"/>\n<path d="M8.5 14.5001C8.37 14.5001 8.24 14.4701 8.12 14.4201C7.99 14.3701 7.89 14.3001 7.79 14.2101C7.61 14.0201 7.5 13.7701 7.5 13.5001C7.5 13.3701 7.53 13.2401 7.58 13.1201C7.63 13.0001 7.7 12.8901 7.79 12.7901C7.89 12.7001 7.99 12.6301 8.12 12.5801C8.48 12.4301 8.93 12.5101 9.21 12.7901C9.39 12.9801 9.5 13.2401 9.5 13.5001C9.5 13.5601 9.49 13.6301 9.48 13.7001C9.47 13.7601 9.45 13.8201 9.42 13.8801C9.4 13.9401 9.37 14.0001 9.33 14.0601C9.3 14.1101 9.25 14.1601 9.21 14.2101C9.02 14.3901 8.76 14.5001 8.5 14.5001Z" fill="var(--color-icon-primary)"/>\n<path d="M12 14.5C11.87 14.5 11.74 14.47 11.62 14.42C11.49 14.37 11.39 14.3 11.29 14.21C11.11 14.02 11 13.77 11 13.5C11 13.37 11.03 13.24 11.08 13.12C11.13 13 11.2 12.89 11.29 12.79C11.39 12.7 11.49 12.63 11.62 12.58C11.98 12.42 12.43 12.51 12.71 12.79C12.89 12.98 13 13.24 13 13.5C13 13.56 12.99 13.63 12.98 13.7C12.97 13.76 12.95 13.82 12.92 13.88C12.9 13.94 12.87 14 12.83 14.06C12.8 14.11 12.75 14.16 12.71 14.21C12.52 14.39 12.26 14.5 12 14.5Z" fill="var(--color-icon-primary)"/>\n<path d="M15.5 14.5C15.37 14.5 15.24 14.47 15.12 14.42C14.99 14.37 14.89 14.3 14.79 14.21C14.75 14.16 14.71 14.11 14.67 14.06C14.63 14 14.6 13.94 14.58 13.88C14.55 13.82 14.53 13.76 14.52 13.7C14.51 13.63 14.5 13.56 14.5 13.5C14.5 13.24 14.61 12.98 14.79 12.79C14.89 12.7 14.99 12.63 15.12 12.58C15.49 12.42 15.93 12.51 16.21 12.79C16.39 12.98 16.5 13.24 16.5 13.5C16.5 13.56 16.49 13.63 16.48 13.7C16.47 13.76 16.45 13.82 16.42 13.88C16.4 13.94 16.37 14 16.33 14.06C16.3 14.11 16.25 14.16 16.21 14.21C16.02 14.39 15.76 14.5 15.5 14.5Z" fill="var(--color-icon-primary)"/>\n<path d="M8.5 17.9999C8.37 17.9999 8.24 17.97 8.12 17.92C8 17.87 7.89 17.7999 7.79 17.7099C7.61 17.5199 7.5 17.2599 7.5 16.9999C7.5 16.8699 7.53 16.7399 7.58 16.6199C7.63 16.4899 7.7 16.38 7.79 16.29C8.16 15.92 8.84 15.92 9.21 16.29C9.39 16.48 9.5 16.7399 9.5 16.9999C9.5 17.2599 9.39 17.5199 9.21 17.7099C9.02 17.8899 8.76 17.9999 8.5 17.9999Z" fill="var(--color-icon-primary)"/>\n<path d="M12 17.9999C11.74 17.9999 11.48 17.8899 11.29 17.7099C11.11 17.5199 11 17.2599 11 16.9999C11 16.8699 11.03 16.7399 11.08 16.6199C11.13 16.4899 11.2 16.38 11.29 16.29C11.66 15.92 12.34 15.92 12.71 16.29C12.8 16.38 12.87 16.4899 12.92 16.6199C12.97 16.7399 13 16.8699 13 16.9999C13 17.2599 12.89 17.5199 12.71 17.7099C12.52 17.8899 12.26 17.9999 12 17.9999Z" fill="var(--color-icon-primary)"/>\n<path d="M15.5 18C15.24 18 14.98 17.89 14.79 17.71C14.7 17.62 14.63 17.51 14.58 17.38C14.53 17.26 14.5 17.13 14.5 17C14.5 16.87 14.53 16.74 14.58 16.62C14.63 16.49 14.7 16.38 14.79 16.29C15.02 16.06 15.37 15.95 15.69 16.02C15.76 16.03 15.82 16.05 15.88 16.08C15.94 16.1 16 16.13 16.06 16.17C16.11 16.2 16.16 16.25 16.21 16.29C16.39 16.48 16.5 16.74 16.5 17C16.5 17.26 16.39 17.52 16.21 17.71C16.02 17.89 15.76 18 15.5 18Z" fill="var(--color-icon-primary)"/>\n<path d="M20.5 9.83997H3.5C3.09 9.83997 2.75 9.49997 2.75 9.08997C2.75 8.67997 3.09 8.33997 3.5 8.33997H20.5C20.91 8.33997 21.25 8.67997 21.25 9.08997C21.25 9.49997 20.91 9.83997 20.5 9.83997Z" fill="var(--color-icon-primary)"/>\n<path d="M16 22.75H8C4.35 22.75 2.25 20.65 2.25 17V8.5C2.25 4.85 4.35 2.75 8 2.75H16C19.65 2.75 21.75 4.85 21.75 8.5V17C21.75 20.65 19.65 22.75 16 22.75ZM8 4.25C5.14 4.25 3.75 5.64 3.75 8.5V17C3.75 19.86 5.14 21.25 8 21.25H16C18.86 21.25 20.25 19.86 20.25 17V8.5C20.25 5.64 18.86 4.25 16 4.25H8Z" fill="var(--color-icon-primary)"/>\n</svg>',
46
- },
47
- },
48
- "publish-date": "<p>Nov 5, 2025</p>",
49
- "card-content": null,
50
- title: "A glimpse of the world's heart",
51
- description:
52
- "I wanted to visit Colombia’s sacred mountains. But there are some places we cannot go – and some things we cannot know.",
53
- "card-footer": null,
54
- "author-image": {
55
- kind: "custom",
56
- data: MEDIA,
57
- },
58
- category: "Popular",
59
- "author-name": "Floyd miles",
60
- "author-description": "Lead Editor",
61
- "card-reading-time-wrapper": null,
62
- "reading-time-icon": {
63
- kind: "icon",
64
- data: {
65
- id: "clock",
66
- label: "Clock",
67
- tags: ["clock", "custom", "directional", "time"],
68
- svgCode:
69
- '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\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="M15.7096 15.93C15.5796 15.93 15.4496 15.9 15.3296 15.82L12.2296 13.97C11.4596 13.51 10.8896 12.5 10.8896 11.61V7.51001C10.8896 7.10001 11.2296 6.76001 11.6396 6.76001C12.0496 6.76001 12.3896 7.10001 12.3896 7.51001V11.61C12.3896 11.97 12.6896 12.5 12.9996 12.68L16.0996 14.53C16.4596 14.74 16.5696 15.2 16.3596 15.56C16.2096 15.8 15.9596 15.93 15.7096 15.93Z" fill="var(--color-icon-primary)"/>\n</svg>',
70
- },
71
- },
72
- "reading-time": "6 Minutes",
73
- cta: "Read More",
74
- })),
75
- "header-ctas_levoGroup": null,
76
- "header-ctas": [
77
- {
78
- "header-cta": "Learn More",
79
- },
80
- {
81
- "header-cta": "View All",
82
- },
83
- ],
84
407
  };
85
408
 
86
409
  export type ICards18Content = typeof DEFAULT_CONTENT;
@@ -97,37 +420,31 @@ export const Cards18: IBlock = {
97
420
  key: "layout",
98
421
  label: "Layout",
99
422
  field_interface: "LayoutWidget",
100
- // Layout only – no hint needed
101
423
  },
102
424
  {
103
425
  key: "container",
104
426
  label: "Container",
105
427
  field_interface: "ContainerWidget",
106
- // Layout only – no hint needed
107
428
  },
108
429
  {
109
430
  key: "header-wrapper",
110
431
  label: "Header Wrapper",
111
432
  field_interface: "BoxWidget",
112
- // Visual grouping – no hint needed
113
433
  },
114
434
  {
115
435
  key: "title-wrapper",
116
436
  label: "Title Wrapper",
117
437
  field_interface: "BoxWidget",
118
- // Visual grouping – no hint needed
119
438
  },
120
439
  {
121
440
  key: "header-icon",
122
441
  label: "Header Icon",
123
442
  field_interface: "IconWidget",
124
- // Visual grouping – no hint needed
125
443
  },
126
444
  {
127
445
  key: "header-text-wrapper",
128
446
  label: "Header Text Wrapper",
129
447
  field_interface: "BoxWidget",
130
- // Visual grouping – no hint needed
131
448
  },
132
449
  {
133
450
  key: "header",
@@ -138,7 +455,7 @@ export const Cards18: IBlock = {
138
455
  "Section heading introducing featured or trending blog articles for this month. Make it concise, bold, and inviting. Use a confident and energetic tone.",
139
456
  usecase: "main_title",
140
457
  min_characters: 16,
141
- max_characters: 30,
458
+ max_characters: 50,
142
459
  },
143
460
  },
144
461
  {
@@ -148,8 +465,8 @@ export const Cards18: IBlock = {
148
465
  hint: {
149
466
  prompt_description:
150
467
  "Section description introducing featured or trending blog articles for this month. Make it concise, bold, and inviting. Use a confident and energetic tone.",
151
- min_characters: 16,
152
- max_characters: 30,
468
+ min_characters: 60,
469
+ max_characters: 160,
153
470
  },
154
471
  },
155
472
  {
@@ -167,11 +484,10 @@ export const Cards18: IBlock = {
167
484
  "Call-to-action button for manual user interaction. Can be configured to navigate to blog listing or other actions.",
168
485
  usecase: "button",
169
486
  min_characters: 6,
170
- max_characters: 16,
487
+ max_characters: 20,
171
488
  },
172
489
  },
173
490
  ],
174
- // No hint needed: layout grouping only
175
491
  },
176
492
  {
177
493
  key: "cards",
@@ -181,15 +497,14 @@ export const Cards18: IBlock = {
181
497
  hint: {
182
498
  prompt_description:
183
499
  "Auto-populated grid of blog article cards. Each card displays real blog data with automatic click handling. Styling remains configurable.",
184
- min_items: 6, // 6 visible in grid at a time
185
- max_items: 9, // allows for paginated dataset
500
+ min_items: 6,
501
+ max_items: 9,
186
502
  },
187
503
  fields: [
188
504
  {
189
505
  key: "card",
190
506
  label: "Card",
191
507
  field_interface: "BoxWidget",
192
- // Card container – no hint needed
193
508
  },
194
509
  {
195
510
  key: "media",
@@ -207,31 +522,26 @@ export const Cards18: IBlock = {
207
522
  key: "card-info-wrapper",
208
523
  label: "Card Info Wrapper",
209
524
  field_interface: "BoxWidget",
210
- // Layout grouping – no hint needed
211
525
  },
212
526
  {
213
527
  key: "card-content",
214
528
  label: "Card Content",
215
529
  field_interface: "BoxWidget",
216
- // Layout grouping – no hint needed
217
530
  },
218
531
  {
219
532
  key: "card-header-wrapper",
220
533
  label: "Card Header Wrapper",
221
534
  field_interface: "BoxWidget",
222
- // Layout grouping – no hint needed
223
535
  },
224
536
  {
225
537
  key: "card-header",
226
538
  label: "Card Header",
227
539
  field_interface: "BoxWidget",
228
- // Layout grouping – no hint needed
229
540
  },
230
541
  {
231
542
  key: "card-reading-time-wrapper",
232
543
  label: "Card Reading Time Wrapper",
233
544
  field_interface: "BoxWidget",
234
- // Layout only – no hint needed
235
545
  },
236
546
  {
237
547
  key: "reading-time-icon",
@@ -277,7 +587,7 @@ export const Cards18: IBlock = {
277
587
  prompt_description:
278
588
  "Automatically populated from blog published_at date. Styling remains configurable.",
279
589
  usecase: "date",
280
- min_characters: 10,
590
+ min_characters: 8,
281
591
  max_characters: 27,
282
592
  },
283
593
  },
@@ -295,7 +605,7 @@ export const Cards18: IBlock = {
295
605
  "Automatically populated from blog title. Styling remains configurable.",
296
606
  usecase: "title",
297
607
  min_characters: 28,
298
- max_characters: 60,
608
+ max_characters: 80,
299
609
  },
300
610
  },
301
611
  {
@@ -307,20 +617,18 @@ export const Cards18: IBlock = {
307
617
  "Automatically populated from blog excerpt. Styling remains configurable.",
308
618
  usecase: "description",
309
619
  min_characters: 60,
310
- max_characters: 130,
620
+ max_characters: 200,
311
621
  },
312
622
  },
313
623
  {
314
624
  key: "card-footer",
315
625
  label: "Card Footer",
316
626
  field_interface: "BoxWidget",
317
- // Layout only – no hint needed
318
627
  },
319
628
  {
320
629
  key: "card-author",
321
630
  label: "Card Author",
322
631
  field_interface: "BoxWidget",
323
- // Layout only – no hint needed
324
632
  },
325
633
  {
326
634
  key: "author-image",
@@ -328,7 +636,7 @@ export const Cards18: IBlock = {
328
636
  field_interface: "IconWidget",
329
637
  hint: {
330
638
  prompt_description:
331
- "Circular avatar image of the blog post author. Shows a headshot with a neutral background that is easily identifiable at a small size.",
639
+ "Small user avatar icon representing the blog post author.",
332
640
  orientation: "square",
333
641
  size: "icon",
334
642
  usecase: "avatar",
@@ -338,7 +646,6 @@ export const Cards18: IBlock = {
338
646
  key: "author-info-wrapper",
339
647
  label: "Author Info Wrapper",
340
648
  field_interface: "BoxWidget",
341
- // Layout only – no hint needed
342
649
  },
343
650
  {
344
651
  key: "author-name",
@@ -361,7 +668,6 @@ export const Cards18: IBlock = {
361
668
  key: "category_wrapper",
362
669
  label: "Category Wrapper",
363
670
  field_interface: "BoxWidget",
364
- // No hint needed: layout only
365
671
  },
366
672
  {
367
673
  key: "category_icon",
@@ -398,7 +704,6 @@ export const Cards18: IBlock = {
398
704
  key: "pagination-wrapper",
399
705
  label: "Pagination Wrapper",
400
706
  field_interface: "BoxWidget",
401
- // Layout grouping only – no hint needed
402
707
  },
403
708
  {
404
709
  key: "pagination-left",
@@ -408,7 +713,7 @@ export const Cards18: IBlock = {
408
713
  prompt_description:
409
714
  "Pagination control button to navigate to the previous page of blog cards. Keep the label brief, such as 'Previous' or a left arrow. Tone should be neutral and functional.",
410
715
  usecase: "button",
411
- min_characters: 5,
716
+ min_characters: 4,
412
717
  max_characters: 12,
413
718
  },
414
719
  },
@@ -445,12 +750,12 @@ export const Cards18: IBlock = {
445
750
  container: {
446
751
  display: "flex",
447
752
  "flex-direction": "column",
448
- "row-gap": "7xl",
753
+ "row-gap": "3xl",
449
754
  tablet: {
450
755
  "row-gap": "3xl",
451
756
  },
452
757
  mobile: {
453
- "row-gap": "4xl",
758
+ "row-gap": "3xl",
454
759
  },
455
760
  },
456
761
  "header-wrapper": {
@@ -458,14 +763,26 @@ export const Cards18: IBlock = {
458
763
  width: "full",
459
764
  "align-items": "center",
460
765
  "justify-content": "space-between",
461
- tablet: {},
766
+ "column-gap": "xl",
462
767
  mobile: {
463
- "row-gap": "2xs",
768
+ "row-gap": "md",
464
769
  "flex-direction": "column",
465
770
  "align-items": "center",
466
771
  "justify-content": "flex-start",
467
772
  },
468
773
  },
774
+ "title-wrapper": {
775
+ display: "none",
776
+ },
777
+ "header-icon": {
778
+ display: "none",
779
+ },
780
+ "header-text-wrapper": {
781
+ display: "flex",
782
+ "flex-direction": "column",
783
+ "row-gap": "xs",
784
+ flex: "1",
785
+ },
469
786
  header: {
470
787
  flex: "1",
471
788
  mobile: {
@@ -477,18 +794,12 @@ export const Cards18: IBlock = {
477
794
  "column-gap": "md",
478
795
  "align-items": "center",
479
796
  },
480
- "header-ctas": [
481
- {
482
- "header-cta": {
483
- "white-space": "nowrap",
484
- },
485
- },
486
- {
487
- "header-cta": {
488
- "white-space": "nowrap",
489
- },
797
+ "header-ctas_levoGroupItem": {
798
+ "header-cta": {
799
+ "white-space": "nowrap",
490
800
  },
491
- ],
801
+ },
802
+ "header-ctas": [{}],
492
803
  cards_levoGroup: {
493
804
  display: "grid",
494
805
  "grid-template-columns": "repeat(2, minmax(0, 1fr))",
@@ -514,37 +825,40 @@ export const Cards18: IBlock = {
514
825
  "flex-direction": "column",
515
826
  },
516
827
  "border-style": "solid",
517
- "border-width": "1.5px",
828
+ "border-width": "1px",
829
+ "border-color": "border",
518
830
  "border-radius": "xl",
519
- "padding-top": "base",
520
- "padding-left": "base",
521
- "padding-right": "base",
522
- "padding-bottom": "base",
523
- "column-gap": "base",
831
+ "padding-top": "lg",
832
+ "padding-left": "lg",
833
+ "padding-right": "lg",
834
+ "padding-bottom": "lg",
835
+ "column-gap": "lg",
524
836
  mobile: {
525
837
  "flex-direction": "column",
526
838
  },
527
839
  "align-items": "stretch",
528
840
  "justify-content": "start",
841
+ height: "100%",
529
842
  },
530
843
  media: {
531
- height: "100%",
532
844
  width: "40%",
533
845
  "object-fit": "cover",
846
+ "aspect-ratio": "1/1",
534
847
  tablet: {
535
848
  width: "100%",
536
- height: "128px",
849
+ height: "140px",
850
+ "aspect-ratio": "16/9",
537
851
  },
538
852
  "border-radius": "lg",
539
- "border-style": "solid",
540
- "border-width": "1px",
541
- "border-color": "border",
853
+ "align-self": "stretch",
854
+ "min-height": "100%",
542
855
  },
543
856
  "card-info-wrapper": {
544
857
  display: "flex",
545
858
  width: "full",
546
859
  "flex-direction": "column",
547
860
  "row-gap": "base",
861
+ flex: "1",
548
862
  tablet: {
549
863
  "row-gap": "xs",
550
864
  },
@@ -561,20 +875,14 @@ export const Cards18: IBlock = {
561
875
  display: "flex",
562
876
  width: "full",
563
877
  "align-items": "center",
564
- "column-gap": "4xs",
565
- tablet: {
566
- "column-gap": "2xs",
567
- },
878
+ "column-gap": "2xs",
568
879
  },
569
880
  "header-icon": {
570
881
  "object-fit": "contain",
571
- tablet: {
572
- height: "18px",
573
- width: "18px",
574
- },
575
- height: "18px",
576
- width: "18px",
577
- "font-size": "18px",
882
+ height: "14px",
883
+ width: "14px",
884
+ "font-size": "14px",
885
+ "flex-shrink": 0,
578
886
  },
579
887
  title: {
580
888
  "font-weight": 600,
@@ -583,23 +891,24 @@ export const Cards18: IBlock = {
583
891
  "-webkit-line-clamp": "2",
584
892
  "-webkit-box-orient": "vertical",
585
893
  overflow: "hidden",
586
- "margin-top": "4xs",
894
+ "margin-top": "2xs",
587
895
  },
588
896
  description: {
589
897
  display: "-webkit-box",
590
898
  "-webkit-line-clamp": "3",
591
899
  "-webkit-box-orient": "vertical",
592
900
  overflow: "hidden",
593
- "font-size": "xs",
594
- "margin-top": "2xs",
901
+ "font-size": "sm",
902
+ color: "text-2",
903
+ "margin-top": "xs",
595
904
  },
596
905
  "card-footer": {
597
906
  display: "flex",
598
907
  "align-items": "center",
599
908
  "column-gap": "md",
600
909
  "justify-content": "space-between",
601
- "padding-left": "none",
602
- "margin-top": "xs",
910
+ "margin-top": "auto",
911
+ "padding-top": "sm",
603
912
  },
604
913
  "card-author": {
605
914
  display: "flex",
@@ -607,26 +916,30 @@ export const Cards18: IBlock = {
607
916
  "column-gap": "2xs",
608
917
  },
609
918
  "author-image": {
610
- height: "24px",
611
- width: "24px",
919
+ height: "20px",
920
+ width: "20px",
921
+ "font-size": "20px",
612
922
  "border-radius": "100%",
923
+ "flex-shrink": 0,
613
924
  },
614
925
  "author-name": {
615
926
  "font-size": "xs",
927
+ "font-weight": 600,
616
928
  },
617
929
  "card-reading-time-wrapper": {
618
930
  display: "flex",
619
931
  "align-items": "center",
620
932
  "column-gap": "3xs",
621
- "margin-left": "none",
622
933
  },
623
934
  "reading-time-icon": {
624
- height: "16px",
625
- width: "16px",
935
+ height: "14px",
936
+ width: "14px",
937
+ "font-size": "14px",
626
938
  "object-fit": "contain",
627
939
  },
628
940
  "reading-time": {
629
941
  "font-size": "xs",
942
+ color: "text-2",
630
943
  },
631
944
  cta: {
632
945
  display: "none",
@@ -634,26 +947,32 @@ export const Cards18: IBlock = {
634
947
  "card-header-wrapper": {
635
948
  display: "flex",
636
949
  "justify-content": "space-between",
950
+ "align-items": "center",
637
951
  },
638
952
  "publish-date": {
639
953
  "font-size": "xs",
954
+ color: "text-2",
640
955
  },
641
956
  category_wrapper: {
642
- display: "block",
643
- "background-color": "brandSecondary",
644
- "padding-left": "sm",
645
- "padding-right": "sm",
646
- "padding-top": "3xs",
647
- "padding-bottom": "3xs",
648
- "border-radius": "2xl",
957
+ display: "flex",
958
+ "align-items": "center",
959
+ },
960
+ category_icon: {
961
+ display: "none",
649
962
  },
650
963
  category: {
651
964
  "font-size": "xs",
652
- color: "brandSecondaryForeground",
965
+ color: "brand",
653
966
  "font-weight": 600,
967
+ "text-transform": "uppercase",
968
+ "letter-spacing": "0.08em",
654
969
  },
655
970
  "author-description": {
656
- "font-size": "xs",
971
+ display: "none",
972
+ },
973
+ "author-info-wrapper": {
974
+ display: "flex",
975
+ "flex-direction": "column",
657
976
  },
658
977
  },
659
978
  "pagination-wrapper": {
@@ -667,6 +986,8 @@ export const Cards18: IBlock = {
667
986
  "pagination-text": {},
668
987
  "pagination-right": {},
669
988
  description: {
989
+ color: "text-2",
990
+ "max-width": "560px",
670
991
  mobile: {
671
992
  "text-align": "center",
672
993
  },
@@ -685,13 +1006,6 @@ export const Cards18: IBlock = {
685
1006
  selectedVariants: {},
686
1007
  },
687
1008
  },
688
- {
689
- "header-cta": {
690
- selectedVariants: {
691
- Button_Variants: "Secondary",
692
- },
693
- },
694
- },
695
1009
  ],
696
1010
  cards: Array(8)
697
1011
  .fill(0)
@@ -745,12 +1059,12 @@ export const Cards18: IBlock = {
745
1059
  container: {
746
1060
  display: "flex",
747
1061
  "flex-direction": "column",
748
- "row-gap": "7xl",
1062
+ "row-gap": "3xl",
749
1063
  tablet: {
750
1064
  "row-gap": "3xl",
751
1065
  },
752
1066
  mobile: {
753
- "row-gap": "4xl",
1067
+ "row-gap": "3xl",
754
1068
  },
755
1069
  },
756
1070
  "header-wrapper": {
@@ -758,14 +1072,26 @@ export const Cards18: IBlock = {
758
1072
  width: "full",
759
1073
  "align-items": "center",
760
1074
  "justify-content": "space-between",
761
- tablet: {},
1075
+ "column-gap": "xl",
762
1076
  mobile: {
763
- "row-gap": "2xs",
1077
+ "row-gap": "md",
764
1078
  "flex-direction": "column",
765
1079
  "align-items": "center",
766
1080
  "justify-content": "flex-start",
767
1081
  },
768
1082
  },
1083
+ "title-wrapper": {
1084
+ display: "none",
1085
+ },
1086
+ "header-icon": {
1087
+ display: "none",
1088
+ },
1089
+ "header-text-wrapper": {
1090
+ display: "flex",
1091
+ "flex-direction": "column",
1092
+ "row-gap": "xs",
1093
+ flex: "1",
1094
+ },
769
1095
  header: {
770
1096
  flex: "1",
771
1097
  mobile: {
@@ -777,23 +1103,17 @@ export const Cards18: IBlock = {
777
1103
  "column-gap": "md",
778
1104
  "align-items": "center",
779
1105
  },
780
- "header-ctas": [
781
- {
782
- "header-cta": {
783
- "white-space": "nowrap",
784
- },
785
- },
786
- {
787
- "header-cta": {
788
- "white-space": "nowrap",
789
- },
1106
+ "header-ctas_levoGroupItem": {
1107
+ "header-cta": {
1108
+ "white-space": "nowrap",
790
1109
  },
791
- ],
1110
+ },
1111
+ "header-ctas": [{}],
792
1112
  cards_levoGroup: {
793
1113
  display: "grid",
794
1114
  "grid-template-columns": "repeat(2, minmax(0, 1fr))",
795
- "row-gap": "6xl",
796
- "column-gap": "4xl",
1115
+ "row-gap": "3xl",
1116
+ "column-gap": "3xl",
797
1117
  tablet: {
798
1118
  "grid-template-columns": "repeat(2, minmax(0, 1fr))",
799
1119
  "row-gap": "xl",
@@ -826,32 +1146,34 @@ export const Cards18: IBlock = {
826
1146
  },
827
1147
  "align-items": "stretch",
828
1148
  "justify-content": "start",
1149
+ height: "100%",
829
1150
  },
830
1151
  media: {
831
- height: "100%",
832
1152
  width: "40%",
833
1153
  "object-fit": "cover",
1154
+ "aspect-ratio": "1/1",
834
1155
  tablet: {
835
1156
  width: "100%",
836
- height: "128px",
1157
+ height: "140px",
1158
+ "aspect-ratio": "16/9",
837
1159
  },
838
1160
  "border-radius": "lg",
839
- "border-style": "solid",
840
- "border-width": "1.5px",
841
- "border-color": "border",
1161
+ "align-self": "stretch",
1162
+ "min-height": "100%",
842
1163
  },
843
1164
  "card-info-wrapper": {
844
1165
  display: "flex",
845
1166
  width: "full",
846
1167
  "flex-direction": "column",
847
1168
  "row-gap": "base",
1169
+ flex: "1",
848
1170
  tablet: {
849
1171
  "row-gap": "xs",
850
1172
  },
851
1173
  },
852
1174
  "card-content": {
853
1175
  display: "flex",
854
- "flex-direction": "column-reverse",
1176
+ "flex-direction": "column",
855
1177
  "row-gap": "xs",
856
1178
  tablet: {
857
1179
  "row-gap": "2xs",
@@ -861,20 +1183,14 @@ export const Cards18: IBlock = {
861
1183
  display: "flex",
862
1184
  width: "full",
863
1185
  "align-items": "center",
864
- "column-gap": "4xs",
865
- tablet: {
866
- "column-gap": "2xs",
867
- },
1186
+ "column-gap": "2xs",
868
1187
  },
869
1188
  "header-icon": {
870
1189
  "object-fit": "contain",
871
- tablet: {
872
- height: "18px",
873
- width: "18px",
874
- },
875
- height: "18px",
876
- width: "18px",
877
- "font-size": "18px",
1190
+ height: "14px",
1191
+ width: "14px",
1192
+ "font-size": "14px",
1193
+ "flex-shrink": 0,
878
1194
  },
879
1195
  title: {
880
1196
  "font-weight": 600,
@@ -883,23 +1199,24 @@ export const Cards18: IBlock = {
883
1199
  "-webkit-line-clamp": "2",
884
1200
  "-webkit-box-orient": "vertical",
885
1201
  overflow: "hidden",
886
- "margin-top": "4xs",
1202
+ "margin-top": "2xs",
887
1203
  },
888
1204
  description: {
889
1205
  display: "-webkit-box",
890
1206
  "-webkit-line-clamp": "3",
891
1207
  "-webkit-box-orient": "vertical",
892
1208
  overflow: "hidden",
893
- "font-size": "xs",
894
- "margin-top": "2xs",
1209
+ "font-size": "sm",
1210
+ color: "text-2",
1211
+ "margin-top": "xs",
895
1212
  },
896
1213
  "card-footer": {
897
- display: "none",
1214
+ display: "flex",
898
1215
  "align-items": "center",
899
1216
  "column-gap": "md",
900
1217
  "justify-content": "space-between",
901
- "padding-left": "none",
902
- "margin-top": "xs",
1218
+ "margin-top": "auto",
1219
+ "padding-top": "sm",
903
1220
  },
904
1221
  "card-author": {
905
1222
  display: "flex",
@@ -907,26 +1224,30 @@ export const Cards18: IBlock = {
907
1224
  "column-gap": "2xs",
908
1225
  },
909
1226
  "author-image": {
910
- height: "24px",
911
- width: "24px",
1227
+ height: "20px",
1228
+ width: "20px",
1229
+ "font-size": "20px",
912
1230
  "border-radius": "100%",
1231
+ "flex-shrink": 0,
913
1232
  },
914
1233
  "author-name": {
915
1234
  "font-size": "xs",
1235
+ "font-weight": 600,
916
1236
  },
917
1237
  "card-reading-time-wrapper": {
918
1238
  display: "flex",
919
1239
  "align-items": "center",
920
1240
  "column-gap": "3xs",
921
- "margin-left": "none",
922
1241
  },
923
1242
  "reading-time-icon": {
924
- height: "16px",
925
- width: "16px",
1243
+ height: "14px",
1244
+ width: "14px",
1245
+ "font-size": "14px",
926
1246
  "object-fit": "contain",
927
1247
  },
928
1248
  "reading-time": {
929
1249
  "font-size": "xs",
1250
+ color: "text-2",
930
1251
  },
931
1252
  cta: {
932
1253
  display: "none",
@@ -934,25 +1255,32 @@ export const Cards18: IBlock = {
934
1255
  "card-header-wrapper": {
935
1256
  display: "flex",
936
1257
  "justify-content": "space-between",
1258
+ "align-items": "center",
937
1259
  },
938
1260
  "publish-date": {
939
1261
  "font-size": "xs",
1262
+ color: "text-2",
940
1263
  },
941
1264
  category_wrapper: {
942
- display: "block",
943
- "background-color": "brandSecondary",
944
- "padding-left": "sm",
945
- "padding-right": "sm",
946
- "padding-top": "3xs",
947
- "padding-bottom": "3xs",
948
- "border-radius": "xl",
1265
+ display: "flex",
1266
+ "align-items": "center",
1267
+ },
1268
+ category_icon: {
1269
+ display: "none",
949
1270
  },
950
1271
  category: {
951
1272
  "font-size": "xs",
952
- color: "brandSecondaryForeground",
1273
+ color: "brand",
1274
+ "font-weight": 600,
1275
+ "text-transform": "uppercase",
1276
+ "letter-spacing": "0.08em",
953
1277
  },
954
1278
  "author-description": {
955
- "font-size": "xs",
1279
+ display: "none",
1280
+ },
1281
+ "author-info-wrapper": {
1282
+ display: "flex",
1283
+ "flex-direction": "column",
956
1284
  },
957
1285
  },
958
1286
  "pagination-wrapper": {
@@ -966,6 +1294,8 @@ export const Cards18: IBlock = {
966
1294
  "pagination-text": {},
967
1295
  "pagination-right": {},
968
1296
  description: {
1297
+ color: "text-2",
1298
+ "max-width": "560px",
969
1299
  mobile: {
970
1300
  "text-align": "center",
971
1301
  },
@@ -984,12 +1314,869 @@ export const Cards18: IBlock = {
984
1314
  selectedVariants: {},
985
1315
  },
986
1316
  },
987
- {
988
- "header-cta": {
1317
+ ],
1318
+ cards: Array(8)
1319
+ .fill(0)
1320
+ .map(() => ({
1321
+ "publish-date": {
1322
+ selectedVariants: {
1323
+ Typography_Variants: "Small",
1324
+ },
1325
+ },
1326
+ title: {
1327
+ heading: {
1328
+ level: "4",
1329
+ },
1330
+ selectedVariants: {
1331
+ Heading_Level: "H6",
1332
+ },
1333
+ },
1334
+ description: {
1335
+ selectedVariants: {
1336
+ Typography_Variants: "Small",
1337
+ },
1338
+ },
1339
+ "author-name": {
1340
+ selectedVariants: {
1341
+ Typography_Variants: "Small",
1342
+ },
1343
+ },
1344
+ "reading-time": {
1345
+ selectedVariants: {
1346
+ Typography_Variants: "Small",
1347
+ },
1348
+ },
1349
+ category: {
989
1350
  selectedVariants: {
990
- Button_Variants: "Secondary",
1351
+ Typography_Variants: "Small",
1352
+ },
1353
+ },
1354
+ "author-description": {
1355
+ selectedVariants: {
1356
+ Typography_Variants: "Small",
991
1357
  },
992
1358
  },
1359
+ })),
1360
+ },
1361
+ },
1362
+ {
1363
+ key: "grid-3-col",
1364
+ title: "Grid 3 Columns",
1365
+ styles: {
1366
+ layout: {},
1367
+ container: {
1368
+ display: "flex",
1369
+ "flex-direction": "column",
1370
+ "row-gap": "3xl",
1371
+ tablet: {
1372
+ "row-gap": "3xl",
1373
+ },
1374
+ mobile: {
1375
+ "row-gap": "3xl",
1376
+ },
1377
+ },
1378
+ "header-wrapper": {
1379
+ display: "flex",
1380
+ width: "full",
1381
+ "align-items": "center",
1382
+ "justify-content": "space-between",
1383
+ "column-gap": "xl",
1384
+ mobile: {
1385
+ "row-gap": "md",
1386
+ "flex-direction": "column",
1387
+ "align-items": "center",
1388
+ "justify-content": "flex-start",
1389
+ },
1390
+ },
1391
+ "title-wrapper": {
1392
+ display: "none",
1393
+ },
1394
+ "header-icon": {
1395
+ display: "none",
1396
+ },
1397
+ "header-text-wrapper": {
1398
+ display: "flex",
1399
+ "flex-direction": "column",
1400
+ "row-gap": "xs",
1401
+ flex: "1",
1402
+ },
1403
+ header: {
1404
+ flex: "1",
1405
+ mobile: {
1406
+ "text-align": "center",
1407
+ },
1408
+ },
1409
+ "header-ctas_levoGroup": {
1410
+ display: "flex",
1411
+ "column-gap": "md",
1412
+ "align-items": "center",
1413
+ },
1414
+ "header-ctas_levoGroupItem": {
1415
+ "header-cta": {
1416
+ "white-space": "nowrap",
1417
+ },
1418
+ },
1419
+ "header-ctas": [{}],
1420
+ cards_levoGroup: {
1421
+ display: "grid",
1422
+ "grid-template-columns": "repeat(3, minmax(0, 1fr))",
1423
+ "row-gap": "3xl",
1424
+ "column-gap": "2xl",
1425
+ tablet: {
1426
+ "grid-template-columns": "repeat(2, minmax(0, 1fr))",
1427
+ "row-gap": "xl",
1428
+ "column-gap": "xl",
1429
+ },
1430
+ mobile: {
1431
+ "grid-template-columns": "repeat(1, minmax(0, 1fr))",
1432
+ "row-gap": "2xl",
1433
+ },
1434
+ },
1435
+ cards_levoGroupItem: {
1436
+ card: {
1437
+ display: "flex",
1438
+ "flex-direction": "column",
1439
+ "row-gap": "md",
1440
+ height: "100%",
1441
+ },
1442
+ media: {
1443
+ width: "100%",
1444
+ "aspect-ratio": "3/2",
1445
+ "object-fit": "cover",
1446
+ "border-radius": "xl",
1447
+ },
1448
+ "card-info-wrapper": {
1449
+ display: "flex",
1450
+ width: "full",
1451
+ "flex-direction": "column",
1452
+ "row-gap": "xs",
1453
+ flex: "1",
1454
+ },
1455
+ "card-content": {
1456
+ display: "flex",
1457
+ "flex-direction": "column",
1458
+ "row-gap": "xs",
1459
+ flex: "1",
1460
+ },
1461
+ "card-header": {
1462
+ display: "flex",
1463
+ width: "full",
1464
+ "align-items": "center",
1465
+ "column-gap": "2xs",
1466
+ },
1467
+ "header-icon": {
1468
+ "object-fit": "contain",
1469
+ height: "14px",
1470
+ width: "14px",
1471
+ "font-size": "14px",
1472
+ "flex-shrink": 0,
1473
+ },
1474
+ title: {
1475
+ "font-weight": 600,
1476
+ "font-size": "lg",
1477
+ display: "-webkit-box",
1478
+ "-webkit-line-clamp": "2",
1479
+ "-webkit-box-orient": "vertical",
1480
+ overflow: "hidden",
1481
+ },
1482
+ description: {
1483
+ display: "-webkit-box",
1484
+ "-webkit-line-clamp": "3",
1485
+ "-webkit-box-orient": "vertical",
1486
+ overflow: "hidden",
1487
+ "font-size": "sm",
1488
+ color: "text-2",
1489
+ },
1490
+ "card-footer": {
1491
+ display: "flex",
1492
+ "align-items": "center",
1493
+ "column-gap": "md",
1494
+ "justify-content": "space-between",
1495
+ "margin-top": "auto",
1496
+ "padding-top": "sm",
1497
+ },
1498
+ "card-author": {
1499
+ display: "flex",
1500
+ "align-items": "center",
1501
+ "column-gap": "2xs",
1502
+ },
1503
+ "author-image": {
1504
+ height: "24px",
1505
+ width: "24px",
1506
+ "font-size": "24px",
1507
+ "border-radius": "100%",
1508
+ "flex-shrink": 0,
1509
+ },
1510
+ "author-name": {
1511
+ "font-size": "xs",
1512
+ "font-weight": 600,
1513
+ },
1514
+ "card-reading-time-wrapper": {
1515
+ display: "flex",
1516
+ "align-items": "center",
1517
+ "column-gap": "3xs",
1518
+ },
1519
+ "reading-time-icon": {
1520
+ height: "14px",
1521
+ width: "14px",
1522
+ "font-size": "14px",
1523
+ "object-fit": "contain",
1524
+ },
1525
+ "reading-time": {
1526
+ "font-size": "xs",
1527
+ color: "text-2",
1528
+ },
1529
+ cta: {
1530
+ display: "none",
1531
+ },
1532
+ "card-header-wrapper": {
1533
+ display: "flex",
1534
+ "justify-content": "space-between",
1535
+ "align-items": "center",
1536
+ },
1537
+ "publish-date": {
1538
+ "font-size": "xs",
1539
+ color: "text-2",
1540
+ },
1541
+ category_wrapper: {
1542
+ display: "flex",
1543
+ "align-items": "center",
1544
+ },
1545
+ category_icon: {
1546
+ display: "none",
1547
+ },
1548
+ category: {
1549
+ "font-size": "xs",
1550
+ color: "brand",
1551
+ "font-weight": 600,
1552
+ "text-transform": "uppercase",
1553
+ "letter-spacing": "0.08em",
1554
+ },
1555
+ "author-description": {
1556
+ display: "none",
1557
+ },
1558
+ "author-info-wrapper": {
1559
+ display: "flex",
1560
+ "flex-direction": "column",
1561
+ },
1562
+ },
1563
+ "pagination-wrapper": {
1564
+ display: "flex",
1565
+ width: "full",
1566
+ "justify-content": "center",
1567
+ "align-items": "center",
1568
+ "column-gap": "md",
1569
+ },
1570
+ "pagination-left": {},
1571
+ "pagination-text": {},
1572
+ "pagination-right": {},
1573
+ description: {
1574
+ color: "text-2",
1575
+ "max-width": "560px",
1576
+ mobile: {
1577
+ "text-align": "center",
1578
+ },
1579
+ },
1580
+ },
1581
+ content: DEFAULT_CONTENT,
1582
+ config: {
1583
+ header: {
1584
+ selectedVariants: {
1585
+ Heading_Level: "H3",
1586
+ },
1587
+ },
1588
+ "header-ctas": [
1589
+ {
1590
+ "header-cta": {
1591
+ selectedVariants: {},
1592
+ },
1593
+ },
1594
+ ],
1595
+ cards: Array(8)
1596
+ .fill(0)
1597
+ .map(() => ({
1598
+ "publish-date": {
1599
+ selectedVariants: {
1600
+ Typography_Variants: "Small",
1601
+ },
1602
+ },
1603
+ title: {
1604
+ heading: {
1605
+ level: "4",
1606
+ },
1607
+ selectedVariants: {
1608
+ Heading_Level: "H6",
1609
+ },
1610
+ },
1611
+ description: {
1612
+ selectedVariants: {
1613
+ Typography_Variants: "Small",
1614
+ },
1615
+ },
1616
+ "author-name": {
1617
+ selectedVariants: {
1618
+ Typography_Variants: "Small",
1619
+ },
1620
+ },
1621
+ "reading-time": {
1622
+ selectedVariants: {
1623
+ Typography_Variants: "Small",
1624
+ },
1625
+ },
1626
+ category: {
1627
+ selectedVariants: {
1628
+ Typography_Variants: "Small",
1629
+ },
1630
+ },
1631
+ "author-description": {
1632
+ selectedVariants: {
1633
+ Typography_Variants: "Small",
1634
+ },
1635
+ },
1636
+ })),
1637
+ },
1638
+ },
1639
+ {
1640
+ key: "horizontal-list",
1641
+ title: "Horizontal List",
1642
+ styles: {
1643
+ layout: {},
1644
+ container: {
1645
+ display: "flex",
1646
+ "flex-direction": "column",
1647
+ "row-gap": "3xl",
1648
+ tablet: {
1649
+ "row-gap": "3xl",
1650
+ },
1651
+ mobile: {
1652
+ "row-gap": "3xl",
1653
+ },
1654
+ },
1655
+ "header-wrapper": {
1656
+ display: "flex",
1657
+ width: "full",
1658
+ "align-items": "center",
1659
+ "justify-content": "space-between",
1660
+ "column-gap": "xl",
1661
+ mobile: {
1662
+ "row-gap": "md",
1663
+ "flex-direction": "column",
1664
+ "align-items": "center",
1665
+ "justify-content": "flex-start",
1666
+ },
1667
+ },
1668
+ "title-wrapper": {
1669
+ display: "none",
1670
+ },
1671
+ "header-icon": {
1672
+ display: "none",
1673
+ },
1674
+ "header-text-wrapper": {
1675
+ display: "flex",
1676
+ "flex-direction": "column",
1677
+ "row-gap": "xs",
1678
+ flex: "1",
1679
+ },
1680
+ header: {
1681
+ flex: "1",
1682
+ mobile: {
1683
+ "text-align": "center",
1684
+ },
1685
+ },
1686
+ "header-ctas_levoGroup": {
1687
+ display: "flex",
1688
+ "column-gap": "md",
1689
+ "align-items": "center",
1690
+ },
1691
+ "header-ctas_levoGroupItem": {
1692
+ "header-cta": {
1693
+ "white-space": "nowrap",
1694
+ },
1695
+ },
1696
+ "header-ctas": [{}],
1697
+ cards_levoGroup: {
1698
+ display: "flex",
1699
+ width: "full",
1700
+ "flex-direction": "column",
1701
+ "row-gap": "xl",
1702
+ },
1703
+ cards_levoGroupItem: {
1704
+ card: {
1705
+ display: "flex",
1706
+ "flex-direction": "row",
1707
+ "column-gap": "2xl",
1708
+ "align-items": "stretch",
1709
+ "padding-top": "lg",
1710
+ "padding-bottom": "lg",
1711
+ "border-bottom-width": "1px",
1712
+ "border-bottom-style": "solid",
1713
+ "border-bottom-color": "border",
1714
+ tablet: {
1715
+ "flex-direction": "column",
1716
+ "row-gap": "md",
1717
+ },
1718
+ mobile: {
1719
+ "flex-direction": "column",
1720
+ "row-gap": "md",
1721
+ },
1722
+ },
1723
+ media: {
1724
+ width: "240px",
1725
+ "min-width": "240px",
1726
+ height: "160px",
1727
+ "object-fit": "cover",
1728
+ "border-radius": "lg",
1729
+ "aspect-ratio": "3/2",
1730
+ tablet: {
1731
+ width: "100%",
1732
+ "min-width": "unset",
1733
+ height: "180px",
1734
+ },
1735
+ },
1736
+ "card-info-wrapper": {
1737
+ display: "flex",
1738
+ width: "full",
1739
+ "flex-direction": "column",
1740
+ "row-gap": "xs",
1741
+ "justify-content": "center",
1742
+ flex: "1",
1743
+ },
1744
+ "card-content": {
1745
+ display: "flex",
1746
+ "flex-direction": "column",
1747
+ "row-gap": "xs",
1748
+ },
1749
+ "card-header": {
1750
+ display: "flex",
1751
+ width: "full",
1752
+ "align-items": "center",
1753
+ "column-gap": "2xs",
1754
+ },
1755
+ "header-icon": {
1756
+ "object-fit": "contain",
1757
+ height: "14px",
1758
+ width: "14px",
1759
+ "font-size": "14px",
1760
+ "flex-shrink": 0,
1761
+ },
1762
+ title: {
1763
+ "font-weight": 600,
1764
+ "font-size": "xl",
1765
+ display: "-webkit-box",
1766
+ "-webkit-line-clamp": "2",
1767
+ "-webkit-box-orient": "vertical",
1768
+ overflow: "hidden",
1769
+ },
1770
+ description: {
1771
+ display: "-webkit-box",
1772
+ "-webkit-line-clamp": "2",
1773
+ "-webkit-box-orient": "vertical",
1774
+ overflow: "hidden",
1775
+ "font-size": "sm",
1776
+ color: "text-2",
1777
+ },
1778
+ "card-footer": {
1779
+ display: "flex",
1780
+ "align-items": "center",
1781
+ "column-gap": "md",
1782
+ "justify-content": "start",
1783
+ "margin-top": "sm",
1784
+ },
1785
+ "card-author": {
1786
+ display: "flex",
1787
+ "align-items": "center",
1788
+ "column-gap": "2xs",
1789
+ },
1790
+ "author-image": {
1791
+ height: "22px",
1792
+ width: "22px",
1793
+ "font-size": "22px",
1794
+ "border-radius": "100%",
1795
+ "flex-shrink": 0,
1796
+ },
1797
+ "author-name": {
1798
+ "font-size": "xs",
1799
+ "font-weight": 600,
1800
+ },
1801
+ "card-reading-time-wrapper": {
1802
+ display: "flex",
1803
+ "align-items": "center",
1804
+ "column-gap": "3xs",
1805
+ },
1806
+ "reading-time-icon": {
1807
+ height: "14px",
1808
+ width: "14px",
1809
+ "font-size": "14px",
1810
+ "object-fit": "contain",
1811
+ },
1812
+ "reading-time": {
1813
+ "font-size": "xs",
1814
+ color: "text-2",
1815
+ },
1816
+ cta: {
1817
+ display: "none",
1818
+ },
1819
+ "card-header-wrapper": {
1820
+ display: "flex",
1821
+ "justify-content": "space-between",
1822
+ "align-items": "center",
1823
+ },
1824
+ "publish-date": {
1825
+ "font-size": "xs",
1826
+ color: "text-2",
1827
+ },
1828
+ category_wrapper: {
1829
+ display: "flex",
1830
+ "align-items": "center",
1831
+ },
1832
+ category_icon: {
1833
+ display: "none",
1834
+ },
1835
+ category: {
1836
+ "font-size": "xs",
1837
+ color: "brand",
1838
+ "font-weight": 600,
1839
+ "text-transform": "uppercase",
1840
+ "letter-spacing": "0.08em",
1841
+ },
1842
+ "author-description": {
1843
+ display: "none",
1844
+ },
1845
+ "author-info-wrapper": {
1846
+ display: "flex",
1847
+ "flex-direction": "column",
1848
+ },
1849
+ },
1850
+ "pagination-wrapper": {
1851
+ display: "flex",
1852
+ width: "full",
1853
+ "justify-content": "center",
1854
+ "align-items": "center",
1855
+ "column-gap": "md",
1856
+ },
1857
+ "pagination-left": {},
1858
+ "pagination-text": {},
1859
+ "pagination-right": {},
1860
+ description: {
1861
+ color: "text-2",
1862
+ "max-width": "560px",
1863
+ mobile: {
1864
+ "text-align": "center",
1865
+ },
1866
+ },
1867
+ },
1868
+ content: DEFAULT_CONTENT,
1869
+ config: {
1870
+ header: {
1871
+ selectedVariants: {
1872
+ Heading_Level: "H3",
1873
+ },
1874
+ },
1875
+ "header-ctas": [
1876
+ {
1877
+ "header-cta": {
1878
+ selectedVariants: {},
1879
+ },
1880
+ },
1881
+ ],
1882
+ cards: Array(8)
1883
+ .fill(0)
1884
+ .map(() => ({
1885
+ "publish-date": {
1886
+ selectedVariants: {
1887
+ Typography_Variants: "Small",
1888
+ },
1889
+ },
1890
+ title: {
1891
+ heading: {
1892
+ level: "4",
1893
+ },
1894
+ selectedVariants: {
1895
+ Heading_Level: "H6",
1896
+ },
1897
+ },
1898
+ description: {
1899
+ selectedVariants: {
1900
+ Typography_Variants: "Small",
1901
+ },
1902
+ },
1903
+ "author-name": {
1904
+ selectedVariants: {
1905
+ Typography_Variants: "Small",
1906
+ },
1907
+ },
1908
+ "reading-time": {
1909
+ selectedVariants: {
1910
+ Typography_Variants: "Small",
1911
+ },
1912
+ },
1913
+ category: {
1914
+ selectedVariants: {
1915
+ Typography_Variants: "Small",
1916
+ },
1917
+ },
1918
+ "author-description": {
1919
+ selectedVariants: {
1920
+ Typography_Variants: "Small",
1921
+ },
1922
+ },
1923
+ })),
1924
+ },
1925
+ },
1926
+ {
1927
+ key: "bordered-cards",
1928
+ title: "Bordered Cards",
1929
+ styles: {
1930
+ layout: {},
1931
+ container: {
1932
+ display: "flex",
1933
+ "flex-direction": "column",
1934
+ "row-gap": "3xl",
1935
+ tablet: {
1936
+ "row-gap": "3xl",
1937
+ },
1938
+ mobile: {
1939
+ "row-gap": "3xl",
1940
+ },
1941
+ },
1942
+ "header-wrapper": {
1943
+ display: "flex",
1944
+ width: "full",
1945
+ "align-items": "center",
1946
+ "justify-content": "space-between",
1947
+ "column-gap": "xl",
1948
+ mobile: {
1949
+ "row-gap": "md",
1950
+ "flex-direction": "column",
1951
+ "align-items": "center",
1952
+ "justify-content": "flex-start",
1953
+ },
1954
+ },
1955
+ "title-wrapper": {
1956
+ display: "none",
1957
+ },
1958
+ "header-icon": {
1959
+ display: "none",
1960
+ },
1961
+ "header-text-wrapper": {
1962
+ display: "flex",
1963
+ "flex-direction": "column",
1964
+ "row-gap": "xs",
1965
+ flex: "1",
1966
+ },
1967
+ header: {
1968
+ flex: "1",
1969
+ mobile: {
1970
+ "text-align": "center",
1971
+ },
1972
+ },
1973
+ "header-ctas_levoGroup": {
1974
+ display: "flex",
1975
+ "column-gap": "md",
1976
+ "align-items": "center",
1977
+ },
1978
+ "header-ctas_levoGroupItem": {
1979
+ "header-cta": {
1980
+ "white-space": "nowrap",
1981
+ },
1982
+ },
1983
+ "header-ctas": [{}],
1984
+ cards_levoGroup: {
1985
+ display: "grid",
1986
+ "grid-template-columns": "repeat(2, minmax(0, 1fr))",
1987
+ "row-gap": "2xl",
1988
+ "column-gap": "2xl",
1989
+ tablet: {
1990
+ "grid-template-columns": "repeat(2, minmax(0, 1fr))",
1991
+ "row-gap": "xl",
1992
+ "column-gap": "xl",
1993
+ },
1994
+ mobile: {
1995
+ "grid-template-columns": "repeat(1, minmax(0, 1fr))",
1996
+ "row-gap": "xl",
1997
+ },
1998
+ },
1999
+ cards_levoGroupItem: {
2000
+ card: {
2001
+ display: "flex",
2002
+ "flex-direction": "row",
2003
+ "column-gap": "lg",
2004
+ "align-items": "stretch",
2005
+ "border-style": "solid",
2006
+ "border-width": "1px",
2007
+ "border-color": "border",
2008
+ "border-radius": "xl",
2009
+ "padding-top": "lg",
2010
+ "padding-left": "lg",
2011
+ "padding-right": "lg",
2012
+ "padding-bottom": "lg",
2013
+ height: "100%",
2014
+ tablet: {
2015
+ "flex-direction": "column",
2016
+ "row-gap": "md",
2017
+ },
2018
+ mobile: {
2019
+ "flex-direction": "column",
2020
+ "row-gap": "md",
2021
+ },
2022
+ },
2023
+ media: {
2024
+ width: "35%",
2025
+ "object-fit": "cover",
2026
+ "aspect-ratio": "1/1",
2027
+ "border-radius": "lg",
2028
+ "align-self": "stretch",
2029
+ "min-height": "100%",
2030
+ tablet: {
2031
+ width: "100%",
2032
+ height: "140px",
2033
+ "aspect-ratio": "16/9",
2034
+ },
2035
+ },
2036
+ "card-info-wrapper": {
2037
+ display: "flex",
2038
+ width: "full",
2039
+ "flex-direction": "column",
2040
+ "row-gap": "xs",
2041
+ flex: "1",
2042
+ },
2043
+ "card-content": {
2044
+ display: "flex",
2045
+ "flex-direction": "column",
2046
+ "row-gap": "xs",
2047
+ },
2048
+ "card-header": {
2049
+ display: "flex",
2050
+ width: "full",
2051
+ "align-items": "center",
2052
+ "column-gap": "2xs",
2053
+ },
2054
+ "header-icon": {
2055
+ "object-fit": "contain",
2056
+ height: "14px",
2057
+ width: "14px",
2058
+ "font-size": "14px",
2059
+ "flex-shrink": 0,
2060
+ },
2061
+ title: {
2062
+ "font-weight": 600,
2063
+ "font-size": "lg",
2064
+ display: "-webkit-box",
2065
+ "-webkit-line-clamp": "2",
2066
+ "-webkit-box-orient": "vertical",
2067
+ overflow: "hidden",
2068
+ },
2069
+ description: {
2070
+ display: "-webkit-box",
2071
+ "-webkit-line-clamp": "2",
2072
+ "-webkit-box-orient": "vertical",
2073
+ overflow: "hidden",
2074
+ "font-size": "sm",
2075
+ color: "text-2",
2076
+ },
2077
+ "card-footer": {
2078
+ display: "flex",
2079
+ "align-items": "center",
2080
+ "column-gap": "md",
2081
+ "justify-content": "space-between",
2082
+ "margin-top": "auto",
2083
+ "padding-top": "sm",
2084
+ },
2085
+ "card-author": {
2086
+ display: "flex",
2087
+ "align-items": "center",
2088
+ "column-gap": "2xs",
2089
+ },
2090
+ "author-image": {
2091
+ height: "22px",
2092
+ width: "22px",
2093
+ "font-size": "22px",
2094
+ "border-radius": "100%",
2095
+ "flex-shrink": 0,
2096
+ },
2097
+ "author-name": {
2098
+ "font-size": "xs",
2099
+ "font-weight": 600,
2100
+ },
2101
+ "card-reading-time-wrapper": {
2102
+ display: "flex",
2103
+ "align-items": "center",
2104
+ "column-gap": "3xs",
2105
+ },
2106
+ "reading-time-icon": {
2107
+ height: "14px",
2108
+ width: "14px",
2109
+ "font-size": "14px",
2110
+ "object-fit": "contain",
2111
+ },
2112
+ "reading-time": {
2113
+ "font-size": "xs",
2114
+ color: "text-2",
2115
+ },
2116
+ cta: {
2117
+ display: "none",
2118
+ },
2119
+ "card-header-wrapper": {
2120
+ display: "flex",
2121
+ "justify-content": "space-between",
2122
+ "align-items": "center",
2123
+ },
2124
+ "publish-date": {
2125
+ "font-size": "xs",
2126
+ color: "text-2",
2127
+ },
2128
+ category_wrapper: {
2129
+ display: "flex",
2130
+ "align-items": "center",
2131
+ },
2132
+ category_icon: {
2133
+ display: "none",
2134
+ },
2135
+ category: {
2136
+ "font-size": "xs",
2137
+ color: "brand",
2138
+ "font-weight": 600,
2139
+ "text-transform": "uppercase",
2140
+ "letter-spacing": "0.08em",
2141
+ },
2142
+ "author-description": {
2143
+ display: "none",
2144
+ },
2145
+ "author-info-wrapper": {
2146
+ display: "flex",
2147
+ "flex-direction": "column",
2148
+ },
2149
+ },
2150
+ "pagination-wrapper": {
2151
+ display: "flex",
2152
+ width: "full",
2153
+ "justify-content": "center",
2154
+ "align-items": "center",
2155
+ "column-gap": "md",
2156
+ },
2157
+ "pagination-left": {},
2158
+ "pagination-text": {},
2159
+ "pagination-right": {},
2160
+ description: {
2161
+ color: "text-2",
2162
+ "max-width": "560px",
2163
+ mobile: {
2164
+ "text-align": "center",
2165
+ },
2166
+ },
2167
+ },
2168
+ content: DEFAULT_CONTENT,
2169
+ config: {
2170
+ header: {
2171
+ selectedVariants: {
2172
+ Heading_Level: "H3",
2173
+ },
2174
+ },
2175
+ "header-ctas": [
2176
+ {
2177
+ "header-cta": {
2178
+ selectedVariants: {},
2179
+ },
993
2180
  },
994
2181
  ],
995
2182
  cards: Array(8)