@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
package/src/blocks/cards/cards-9.schema.ts CHANGED
@@ -1,88 +1,98 @@
1
1
  import type { IBlock } from "@levo-so/studio";
2
2
 
3
- const MEDIA_1 = {
4
- id: "iPDvJfZlYZeJV",
5
- filename: "cards-9-1.png",
3
+ const IMG_1 = {
4
+ id: "7453000861932732010",
6
5
  kind: "image",
7
- location: "https://static.levocdn.com/WLZ1TXTD/cards-9-1-ImvhXBr3yrZ9K.png",
6
+ location: "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg",
7
+ mimetype: "image/jpeg",
8
8
  srcset: {
9
- "1080w": "https://static.levocdn.com/WLZ1TXTD/cards-9-1-ImvhXBr3yrZ9K-1080w.webp",
10
- "1200w": "https://static.levocdn.com/WLZ1TXTD/cards-9-1-ImvhXBr3yrZ9K-1200w.webp",
11
- "1920w": "https://static.levocdn.com/WLZ1TXTD/cards-9-1-ImvhXBr3yrZ9K-1920w.webp",
12
- "320w": "https://static.levocdn.com/WLZ1TXTD/cards-9-1-ImvhXBr3yrZ9K-320w.webp",
13
- "640w": "https://static.levocdn.com/WLZ1TXTD/cards-9-1-ImvhXBr3yrZ9K-640w.webp",
14
- "750w": "https://static.levocdn.com/WLZ1TXTD/cards-9-1-ImvhXBr3yrZ9K-750w.webp",
15
- "828w": "https://static.levocdn.com/WLZ1TXTD/cards-9-1-ImvhXBr3yrZ9K-828w.webp",
16
- path: "https://static.levocdn.com/WLZ1TXTD/cards-9-1-ImvhXBr3yrZ9K-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/cards-9-1-ImvhXBr3yrZ9K-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/cards-9-1-ImvhXBr3yrZ9K-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/cards-9-1-ImvhXBr3yrZ9K-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/cards-9-1-ImvhXBr3yrZ9K-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/cards-9-1-ImvhXBr3yrZ9K-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/cards-9-1-ImvhXBr3yrZ9K-750w.webp 750w",
9
+ "320w":
10
+ "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
11
+ "640w":
12
+ "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
13
+ "750w":
14
+ "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
15
+ "828w":
16
+ "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
17
+ "1080w":
18
+ "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
19
+ "1200w":
20
+ "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
21
+ "1920w":
22
+ "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
23
+ path: "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320 320w, https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750 750w, https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828 828w, https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200 1200w, https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w",
17
24
  },
18
- mimetype: "image/png",
19
25
  };
20
- const MEDIA_2 = {
21
- id: "HXVTatirXivdi",
22
- filename: "cards-9-2.png",
23
- kind: "image",
24
- location: "https://static.levocdn.com/WLZ1TXTD/cards-9-2-WT0A6rEuKEfDs.png",
25
- srcset: {
26
- "1080w": "https://static.levocdn.com/WLZ1TXTD/cards-9-2-WT0A6rEuKEfDs-1080w.webp",
27
- "1200w": "https://static.levocdn.com/WLZ1TXTD/cards-9-2-WT0A6rEuKEfDs-1200w.webp",
28
- "1920w": "https://static.levocdn.com/WLZ1TXTD/cards-9-2-WT0A6rEuKEfDs-1920w.webp",
29
- "320w": "https://static.levocdn.com/WLZ1TXTD/cards-9-2-WT0A6rEuKEfDs-320w.webp",
30
- "640w": "https://static.levocdn.com/WLZ1TXTD/cards-9-2-WT0A6rEuKEfDs-640w.webp",
31
- "750w": "https://static.levocdn.com/WLZ1TXTD/cards-9-2-WT0A6rEuKEfDs-750w.webp",
32
- "828w": "https://static.levocdn.com/WLZ1TXTD/cards-9-2-WT0A6rEuKEfDs-828w.webp",
33
- path: "https://static.levocdn.com/WLZ1TXTD/cards-9-2-WT0A6rEuKEfDs-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/cards-9-2-WT0A6rEuKEfDs-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/cards-9-2-WT0A6rEuKEfDs-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/cards-9-2-WT0A6rEuKEfDs-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/cards-9-2-WT0A6rEuKEfDs-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/cards-9-2-WT0A6rEuKEfDs-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/cards-9-2-WT0A6rEuKEfDs-1920w.webp 1920w",
34
- },
35
- mimetype: "image/png",
36
- };
37
- const MEDIA_3 = {
38
- id: "5AQisZ4zN4cMb",
39
- filename: "cards-9-3.png",
26
+
27
+ const IMG_2 = {
28
+ id: "7453000941681845132",
40
29
  kind: "image",
41
- location: "https://static.levocdn.com/WLZ1TXTD/cards-9-3-KQ5SdQXeJXRgu.png",
30
+ location: "https://images.pexels.com/photos/97080/pexels-photo-97080.jpeg",
31
+ mimetype: "image/jpeg",
42
32
  srcset: {
43
- "1080w": "https://static.levocdn.com/WLZ1TXTD/cards-9-3-KQ5SdQXeJXRgu-1080w.webp",
44
- "1200w": "https://static.levocdn.com/WLZ1TXTD/cards-9-3-KQ5SdQXeJXRgu-1200w.webp",
45
- "1920w": "https://static.levocdn.com/WLZ1TXTD/cards-9-3-KQ5SdQXeJXRgu-1920w.webp",
46
- "320w": "https://static.levocdn.com/WLZ1TXTD/cards-9-3-KQ5SdQXeJXRgu-320w.webp",
47
- "640w": "https://static.levocdn.com/WLZ1TXTD/cards-9-3-KQ5SdQXeJXRgu-640w.webp",
48
- "750w": "https://static.levocdn.com/WLZ1TXTD/cards-9-3-KQ5SdQXeJXRgu-750w.webp",
49
- "828w": "https://static.levocdn.com/WLZ1TXTD/cards-9-3-KQ5SdQXeJXRgu-828w.webp",
50
- path: "https://static.levocdn.com/WLZ1TXTD/cards-9-3-KQ5SdQXeJXRgu-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/cards-9-3-KQ5SdQXeJXRgu-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/cards-9-3-KQ5SdQXeJXRgu-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/cards-9-3-KQ5SdQXeJXRgu-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/cards-9-3-KQ5SdQXeJXRgu-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/cards-9-3-KQ5SdQXeJXRgu-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/cards-9-3-KQ5SdQXeJXRgu-320w.webp 320w",
33
+ "320w":
34
+ "https://images.pexels.com/photos/97080/pexels-photo-97080.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
35
+ "640w":
36
+ "https://images.pexels.com/photos/97080/pexels-photo-97080.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
37
+ "750w":
38
+ "https://images.pexels.com/photos/97080/pexels-photo-97080.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
39
+ "828w":
40
+ "https://images.pexels.com/photos/97080/pexels-photo-97080.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
41
+ "1080w":
42
+ "https://images.pexels.com/photos/97080/pexels-photo-97080.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
43
+ "1200w":
44
+ "https://images.pexels.com/photos/97080/pexels-photo-97080.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
45
+ "1920w":
46
+ "https://images.pexels.com/photos/97080/pexels-photo-97080.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
47
+ path: "https://images.pexels.com/photos/97080/pexels-photo-97080.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320 320w, https://images.pexels.com/photos/97080/pexels-photo-97080.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/97080/pexels-photo-97080.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750 750w, https://images.pexels.com/photos/97080/pexels-photo-97080.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828 828w, https://images.pexels.com/photos/97080/pexels-photo-97080.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/97080/pexels-photo-97080.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200 1200w, https://images.pexels.com/photos/97080/pexels-photo-97080.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w",
51
48
  },
52
- mimetype: "image/png",
53
49
  };
54
- const MEDIA_4 = {
55
- id: "iPDvvfZlYZeJa",
56
- filename: "cards-9-4.png",
50
+
51
+ const IMG_3 = {
52
+ id: "7453000956002568819",
57
53
  kind: "image",
58
- location: "https://static.levocdn.com/WLZ1TXTD/cards-9-4-aytCzN3yY3qF5.png",
54
+ location: "https://images.pexels.com/photos/7670738/pexels-photo-7670738.jpeg",
55
+ mimetype: "image/jpeg",
59
56
  srcset: {
60
- "1080w": "https://static.levocdn.com/WLZ1TXTD/cards-9-4-aytCzN3yY3qF5-1080w.webp",
61
- "1200w": "https://static.levocdn.com/WLZ1TXTD/cards-9-4-aytCzN3yY3qF5-1200w.webp",
62
- "1920w": "https://static.levocdn.com/WLZ1TXTD/cards-9-4-aytCzN3yY3qF5-1920w.webp",
63
- "320w": "https://static.levocdn.com/WLZ1TXTD/cards-9-4-aytCzN3yY3qF5-320w.webp",
64
- "640w": "https://static.levocdn.com/WLZ1TXTD/cards-9-4-aytCzN3yY3qF5-640w.webp",
65
- "750w": "https://static.levocdn.com/WLZ1TXTD/cards-9-4-aytCzN3yY3qF5-750w.webp",
66
- "828w": "https://static.levocdn.com/WLZ1TXTD/cards-9-4-aytCzN3yY3qF5-828w.webp",
67
- path: "https://static.levocdn.com/WLZ1TXTD/cards-9-4-aytCzN3yY3qF5-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/cards-9-4-aytCzN3yY3qF5-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/cards-9-4-aytCzN3yY3qF5-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/cards-9-4-aytCzN3yY3qF5-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/cards-9-4-aytCzN3yY3qF5-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/cards-9-4-aytCzN3yY3qF5-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/cards-9-4-aytCzN3yY3qF5-1920w.webp 1920w",
57
+ "320w":
58
+ "https://images.pexels.com/photos/7670738/pexels-photo-7670738.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
59
+ "640w":
60
+ "https://images.pexels.com/photos/7670738/pexels-photo-7670738.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
61
+ "750w":
62
+ "https://images.pexels.com/photos/7670738/pexels-photo-7670738.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
63
+ "828w":
64
+ "https://images.pexels.com/photos/7670738/pexels-photo-7670738.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
65
+ "1080w":
66
+ "https://images.pexels.com/photos/7670738/pexels-photo-7670738.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
67
+ "1200w":
68
+ "https://images.pexels.com/photos/7670738/pexels-photo-7670738.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
69
+ "1920w":
70
+ "https://images.pexels.com/photos/7670738/pexels-photo-7670738.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
71
+ path: "https://images.pexels.com/photos/7670738/pexels-photo-7670738.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320 320w, https://images.pexels.com/photos/7670738/pexels-photo-7670738.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/7670738/pexels-photo-7670738.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750 750w, https://images.pexels.com/photos/7670738/pexels-photo-7670738.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828 828w, https://images.pexels.com/photos/7670738/pexels-photo-7670738.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/7670738/pexels-photo-7670738.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200 1200w, https://images.pexels.com/photos/7670738/pexels-photo-7670738.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w",
68
72
  },
69
- mimetype: "image/png",
70
73
  };
71
74
 
72
- const DUMMY_IMAGE = {
73
- id: "7141014160938075687",
74
- location: "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH.png",
75
+ const IMG_4 = {
76
+ id: "7453000861930537733",
75
77
  kind: "image",
76
- mimetype: "image/png",
78
+ location: "https://images.pexels.com/photos/7710207/pexels-photo-7710207.jpeg",
79
+ mimetype: "image/jpeg",
77
80
  srcset: {
78
- "1080w": "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp",
79
- "1200w": "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp",
80
- "1920w": "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp",
81
- "320w": "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp",
82
- "640w": "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp",
83
- "750w": "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp",
84
- "828w": "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp",
85
- path: "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp 828w",
81
+ "320w":
82
+ "https://images.pexels.com/photos/7710207/pexels-photo-7710207.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
83
+ "640w":
84
+ "https://images.pexels.com/photos/7710207/pexels-photo-7710207.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
85
+ "750w":
86
+ "https://images.pexels.com/photos/7710207/pexels-photo-7710207.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
87
+ "828w":
88
+ "https://images.pexels.com/photos/7710207/pexels-photo-7710207.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
89
+ "1080w":
90
+ "https://images.pexels.com/photos/7710207/pexels-photo-7710207.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
91
+ "1200w":
92
+ "https://images.pexels.com/photos/7710207/pexels-photo-7710207.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
93
+ "1920w":
94
+ "https://images.pexels.com/photos/7710207/pexels-photo-7710207.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
95
+ path: "https://images.pexels.com/photos/7710207/pexels-photo-7710207.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320 320w, https://images.pexels.com/photos/7710207/pexels-photo-7710207.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/7710207/pexels-photo-7710207.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750 750w, https://images.pexels.com/photos/7710207/pexels-photo-7710207.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828 828w, https://images.pexels.com/photos/7710207/pexels-photo-7710207.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/7710207/pexels-photo-7710207.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200 1200w, https://images.pexels.com/photos/7710207/pexels-photo-7710207.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w",
86
96
  },
87
97
  };
88
98
 
@@ -90,66 +100,68 @@ const DEFAULT_CONTENT = {
90
100
  layout: null,
91
101
  container: null,
92
102
  header_wrapper: null,
93
- title: "New Insights",
94
- description: "New Insights New Insights New Insights New Insights New Insights ",
103
+ title_container: null,
104
+ title: "Field notes from shipping teams",
105
+ description:
106
+ "Tactical playbooks from product, engineering, and ops leads who run async-first orgs at 50–500 people scale.",
95
107
  header_ctas_levoGroup: null,
96
- header_ctas: [{ header_cta: "View All" }, { header_cta: "Subscribe" }],
108
+ header_ctas: [{ header_cta: "Browse library" }, { header_cta: "Subscribe" }],
97
109
  cards: [
98
110
  {
99
111
  card_wrapper: null,
100
112
  left_container: null,
101
- image: MEDIA_1,
113
+ image: IMG_1,
102
114
  right_container: null,
103
115
  meta_container: null,
104
116
  date_wrapper: null,
105
- date_icon: DUMMY_IMAGE,
106
- date_text: "Nov 5, 2025",
117
+ date_icon: null,
118
+ date_text: "Mar 18, 2026",
107
119
  text_container: null,
108
- card_title: "How AI Will Transform Every Part of Life",
120
+ card_title: "Async standups that ship more code than meetings",
109
121
  ctas_levoGroup: null,
110
- ctas: [{ cta: "Read More" }, { cta: "Learn More" }],
122
+ ctas: [{ cta: "Read playbook" }],
111
123
  },
112
124
  {
113
125
  card_wrapper: null,
114
126
  left_container: null,
115
- image: MEDIA_2,
127
+ image: IMG_2,
116
128
  right_container: null,
117
129
  meta_container: null,
118
130
  date_wrapper: null,
119
- date_icon: DUMMY_IMAGE,
120
- date_text: "Nov 5, 2025",
131
+ date_icon: null,
132
+ date_text: "Feb 27, 2026",
121
133
  text_container: null,
122
- card_title: "The Rise of Sustainable Innovation",
134
+ card_title: "DORA metrics that actually predict release quality",
123
135
  ctas_levoGroup: null,
124
- ctas: [{ cta: "Read More" }, { cta: "Learn More" }],
136
+ ctas: [{ cta: "Read playbook" }],
125
137
  },
126
138
  {
127
139
  card_wrapper: null,
128
140
  left_container: null,
129
- image: MEDIA_3,
141
+ image: IMG_3,
130
142
  right_container: null,
131
143
  meta_container: null,
132
144
  date_wrapper: null,
133
- date_icon: DUMMY_IMAGE,
134
- date_text: "Nov 5, 2025",
145
+ date_icon: null,
146
+ date_text: "Feb 04, 2026",
135
147
  text_container: null,
136
- card_title: "Design Trends That Will Define 2025",
148
+ card_title: "Why deep-work blocks beat status meeting cadence",
137
149
  ctas_levoGroup: null,
138
- ctas: [{ cta: "Read More" }, { cta: "Learn More" }],
150
+ ctas: [{ cta: "Read playbook" }],
139
151
  },
140
152
  {
141
153
  card_wrapper: null,
142
154
  left_container: null,
143
- image: MEDIA_4,
155
+ image: IMG_4,
144
156
  right_container: null,
145
157
  meta_container: null,
146
158
  date_wrapper: null,
147
- date_icon: DUMMY_IMAGE,
148
- date_text: "Nov 5, 2025",
159
+ date_icon: null,
160
+ date_text: "Jan 21, 2026",
149
161
  text_container: null,
150
- card_title: "Productivity Without Burnout",
162
+ card_title: "Cross-functional launches scoped in a single sprint",
151
163
  ctas_levoGroup: null,
152
- ctas: [{ cta: "Read More" }, { cta: "Learn More" }],
164
+ ctas: [{ cta: "Read playbook" }],
153
165
  },
154
166
  ],
155
167
  };
@@ -192,7 +204,7 @@ export const Cards9: IBlock = {
192
204
  prompt_description:
193
205
  "Main section heading that introduces the collection of insights or articles",
194
206
  min_characters: 8,
195
- max_characters: 25,
207
+ max_characters: 60,
196
208
  },
197
209
  },
198
210
  {
@@ -214,7 +226,7 @@ export const Cards9: IBlock = {
214
226
  prompt_description:
215
227
  "Call-to-action button in the header to view all items or navigate to a complete listing",
216
228
  min_characters: 6,
217
- max_characters: 15,
229
+ max_characters: 18,
218
230
  },
219
231
  },
220
232
  ],
@@ -222,7 +234,7 @@ export const Cards9: IBlock = {
222
234
  prompt_description:
223
235
  "Group of header call-to-action buttons for viewing all items and related actions",
224
236
  min_items: 1,
225
- max_items: 3,
237
+ max_items: 2,
226
238
  },
227
239
  },
228
240
  {
@@ -309,7 +321,7 @@ export const Cards9: IBlock = {
309
321
  prompt_description:
310
322
  "Title or headline for the insight or article, should be engaging and informative",
311
323
  min_characters: 15,
312
- max_characters: 60,
324
+ max_characters: 80,
313
325
  },
314
326
  },
315
327
  {
@@ -326,7 +338,7 @@ export const Cards9: IBlock = {
326
338
  prompt_description:
327
339
  "Action button encouraging users to read more or learn about the insight",
328
340
  min_characters: 6,
329
- max_characters: 15,
341
+ max_characters: 18,
330
342
  },
331
343
  },
332
344
  ],
@@ -334,7 +346,7 @@ export const Cards9: IBlock = {
334
346
  prompt_description:
335
347
  "Group of call-to-action buttons for engaging with the insight content",
336
348
  min_items: 1,
337
- max_items: 3,
349
+ max_items: 2,
338
350
  },
339
351
  },
340
352
  ],
@@ -345,7 +357,10 @@ export const Cards9: IBlock = {
345
357
  key: "default",
346
358
  title: "Default",
347
359
  styles: {
348
- layout: {},
360
+ layout: {
361
+ "padding-top": "3xl",
362
+ "padding-bottom": "3xl",
363
+ },
349
364
  container: {
350
365
  display: "flex",
351
366
  "flex-direction": "column",
@@ -353,14 +368,26 @@ export const Cards9: IBlock = {
353
368
  },
354
369
  header_wrapper: {
355
370
  display: "flex",
371
+ "flex-direction": "row",
356
372
  "justify-content": "space-between",
357
- "align-items": "center",
373
+ "align-items": "flex-end",
374
+ "column-gap": "xl",
358
375
  mobile: {
359
376
  "flex-direction": "column",
360
377
  "align-items": "flex-start",
361
378
  "row-gap": "base",
362
379
  },
363
380
  },
381
+ title_container: {
382
+ display: "flex",
383
+ "flex-direction": "column",
384
+ "row-gap": "sm",
385
+ "max-width": "640px",
386
+ },
387
+ title: {},
388
+ description: {
389
+ color: "text-2",
390
+ },
364
391
  header_ctas_levoGroup: {
365
392
  display: "flex",
366
393
  "flex-direction": "row",
@@ -368,201 +395,586 @@ export const Cards9: IBlock = {
368
395
  "row-gap": "xs",
369
396
  "flex-wrap": "wrap",
370
397
  "align-items": "center",
398
+ "flex-shrink": "0",
371
399
  },
372
- header_ctas: Array(2)
373
- .fill(0)
374
- .map(() => ({
375
- header_cta: {},
376
- })),
400
+ header_ctas_levoGroupItem: {
401
+ header_cta: {},
402
+ },
403
+ header_ctas: [{}, {}],
377
404
  cards_levoGroup: {
378
405
  display: "grid",
379
406
  "grid-template-columns": "repeat(2, 1fr)",
380
- "row-gap": "2xl",
381
- "column-gap": "2xl",
407
+ "row-gap": "xl",
408
+ "column-gap": "xl",
382
409
  mobile: {
383
410
  "grid-template-columns": "repeat(1, 1fr)",
384
- "row-gap": "xl",
411
+ "row-gap": "base",
385
412
  },
386
413
  },
387
- cards: [
388
- {
389
- card_wrapper: {
390
- display: "flex",
391
- "flex-direction": "row",
392
- "border-radius": "base",
393
- overflow: "hidden",
394
- "box-shadow": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
395
- mobile: {
396
- "flex-direction": "column",
397
- },
398
- "padding-top": "base",
399
- "padding-right": "base",
400
- "padding-left": "base",
401
- "padding-bottom": "base",
414
+ cards_levoGroupItem: {
415
+ card_wrapper: {
416
+ display: "flex",
417
+ "flex-direction": "row",
418
+ "border-radius": "lg",
419
+ overflow: "hidden",
420
+ "background-color": "background-1",
421
+ border: "1px solid",
422
+ "border-color": "border",
423
+ height: "100%",
424
+ mobile: {
425
+ "flex-direction": "column",
402
426
  },
403
- left_container: {
404
- "flex-shrink": "0",
427
+ "padding-top": "base",
428
+ "padding-right": "base",
429
+ "padding-left": "base",
430
+ "padding-bottom": "base",
431
+ "column-gap": "base",
432
+ },
433
+ left_container: {
434
+ "flex-shrink": "0",
435
+ },
436
+ image: {
437
+ "object-fit": "cover",
438
+ "border-radius": "base",
439
+ width: "220px",
440
+ height: "100%",
441
+ "aspect-ratio": "4 / 3",
442
+ mobile: {
443
+ width: "100%",
444
+ height: "180px",
445
+ "aspect-ratio": "16 / 9",
405
446
  },
406
- image: {
407
- "object-fit": "cover",
408
- "border-radius": "base",
409
- mobile: {
410
- width: "100%",
411
- height: "180px",
412
- },
413
- width: "250px",
447
+ },
448
+ right_container: {
449
+ display: "flex",
450
+ "flex-direction": "column",
451
+ "padding-top": "sm",
452
+ "padding-bottom": "sm",
453
+ "padding-left": "sm",
454
+ "padding-right": "sm",
455
+ "flex-grow": "1",
456
+ "row-gap": "sm",
457
+ },
458
+ meta_container: {
459
+ display: "flex",
460
+ "align-items": "center",
461
+ },
462
+ date_wrapper: {
463
+ display: "flex",
464
+ "align-items": "center",
465
+ "column-gap": "2xs",
466
+ },
467
+ date_icon: {
468
+ display: "none",
469
+ },
470
+ date_text: {
471
+ color: "text-2",
472
+ },
473
+ text_container: {
474
+ display: "flex",
475
+ "flex-direction": "column",
476
+ "row-gap": "sm",
477
+ "flex-grow": "1",
478
+ },
479
+ card_title: {
480
+ color: "text-1",
481
+ "font-weight": "600",
482
+ },
483
+ ctas_levoGroup: {
484
+ display: "flex",
485
+ "flex-direction": "row",
486
+ "column-gap": "xs",
487
+ "row-gap": "xs",
488
+ "flex-wrap": "wrap",
489
+ "align-items": "center",
490
+ "margin-top": "auto",
491
+ },
492
+ ctas_levoGroupItem: {
493
+ cta: {
494
+ width: "fit-content",
414
495
  },
415
- right_container: {
416
- display: "flex",
417
- "flex-direction": "column",
418
- "padding-top": "base",
419
- "padding-bottom": "base",
420
- "padding-left": "base",
421
- "padding-right": "base",
422
- "flex-grow": "1",
423
- "row-gap": "sm",
496
+ },
497
+ ctas: [{}],
498
+ },
499
+ cards: [{}, {}, {}, {}],
500
+ },
501
+ content: DEFAULT_CONTENT,
502
+ config: {
503
+ title: {
504
+ heading: {
505
+ level: "2",
506
+ },
507
+ selectedVariants: {
508
+ Heading_Level: "H2",
509
+ },
510
+ },
511
+ cards: Array(4)
512
+ .fill(0)
513
+ .map(() => ({
514
+ ctas: [{ cta: { selectedVariants: {} } }],
515
+ card_title: {
516
+ selectedVariants: {},
424
517
  },
425
- meta_container: {
426
- display: "flex",
427
- "align-items": "center",
518
+ date_text: {
519
+ selectedVariants: {
520
+ Typography_Variants: "Small",
521
+ },
428
522
  },
429
- date_wrapper: {
430
- display: "flex",
431
- "align-items": "center",
432
- "column-gap": "xs",
523
+ })),
524
+ header_ctas: [
525
+ {
526
+ header_cta: {
527
+ selectedVariants: {},
433
528
  },
434
- date_icon: {
435
- width: "16px",
436
- height: "16px",
529
+ },
530
+ {
531
+ header_cta: {
532
+ selectedVariants: { Button_Variants: "Secondary" },
437
533
  },
438
- date_text: {},
439
- text_container: {
440
- display: "flex",
441
- "flex-direction": "column",
442
- "row-gap": "sm",
443
- "flex-grow": "1",
534
+ },
535
+ ],
536
+ },
537
+ },
538
+ {
539
+ key: "grid",
540
+ title: "Grid",
541
+ styles: {
542
+ layout: {
543
+ "padding-top": "3xl",
544
+ "padding-bottom": "3xl",
545
+ },
546
+ container: {
547
+ display: "flex",
548
+ "flex-direction": "column",
549
+ "row-gap": "3xl",
550
+ },
551
+ header_wrapper: {
552
+ display: "flex",
553
+ "flex-direction": "row",
554
+ "justify-content": "space-between",
555
+ "align-items": "flex-end",
556
+ "column-gap": "xl",
557
+ mobile: {
558
+ "flex-direction": "column",
559
+ "align-items": "flex-start",
560
+ "row-gap": "base",
561
+ },
562
+ },
563
+ title_container: {
564
+ display: "flex",
565
+ "flex-direction": "column",
566
+ "row-gap": "sm",
567
+ "max-width": "640px",
568
+ },
569
+ title: {},
570
+ description: {
571
+ color: "text-2",
572
+ },
573
+ header_ctas_levoGroup: {
574
+ display: "flex",
575
+ "flex-direction": "row",
576
+ "column-gap": "xs",
577
+ "row-gap": "xs",
578
+ "flex-wrap": "wrap",
579
+ "align-items": "center",
580
+ "flex-shrink": "0",
581
+ },
582
+ header_ctas_levoGroupItem: {
583
+ header_cta: {},
584
+ },
585
+ header_ctas: [{}, {}],
586
+ cards_levoGroup: {
587
+ display: "grid",
588
+ "grid-template-columns": "repeat(2, 1fr)",
589
+ "row-gap": "xl",
590
+ "column-gap": "xl",
591
+ mobile: {
592
+ "grid-template-columns": "repeat(1, 1fr)",
593
+ "row-gap": "base",
594
+ },
595
+ },
596
+ cards_levoGroupItem: {
597
+ card_wrapper: {
598
+ display: "flex",
599
+ "flex-direction": "column",
600
+ "border-radius": "lg",
601
+ overflow: "hidden",
602
+ "background-color": "background-1",
603
+ border: "1px solid",
604
+ "border-color": "border",
605
+ height: "100%",
606
+ },
607
+ left_container: {},
608
+ image: {
609
+ "object-fit": "cover",
610
+ width: "100%",
611
+ height: "220px",
612
+ "aspect-ratio": "16 / 9",
613
+ },
614
+ right_container: {
615
+ display: "flex",
616
+ "flex-direction": "column",
617
+ "padding-top": "lg",
618
+ "padding-bottom": "lg",
619
+ "padding-left": "lg",
620
+ "padding-right": "lg",
621
+ "row-gap": "base",
622
+ "flex-grow": "1",
623
+ },
624
+ meta_container: {
625
+ display: "flex",
626
+ "align-items": "center",
627
+ },
628
+ date_wrapper: {
629
+ display: "flex",
630
+ "align-items": "center",
631
+ "column-gap": "2xs",
632
+ },
633
+ date_icon: {
634
+ display: "none",
635
+ },
636
+ date_text: {
637
+ color: "text-2",
638
+ },
639
+ text_container: {
640
+ display: "flex",
641
+ "flex-direction": "column",
642
+ "row-gap": "sm",
643
+ "flex-grow": "1",
644
+ },
645
+ card_title: {
646
+ color: "text-1",
647
+ "font-weight": "600",
648
+ },
649
+ ctas_levoGroup: {
650
+ display: "flex",
651
+ "flex-direction": "row",
652
+ "column-gap": "xs",
653
+ "row-gap": "xs",
654
+ "flex-wrap": "wrap",
655
+ "align-items": "center",
656
+ "margin-top": "auto",
657
+ },
658
+ ctas_levoGroupItem: {
659
+ cta: {
660
+ width: "fit-content",
444
661
  },
662
+ },
663
+ ctas: [{}],
664
+ },
665
+ cards: [{}, {}, {}, {}],
666
+ },
667
+ content: DEFAULT_CONTENT,
668
+ config: {
669
+ title: {
670
+ heading: {
671
+ level: "2",
672
+ },
673
+ selectedVariants: {
674
+ Heading_Level: "H2",
675
+ },
676
+ },
677
+ cards: Array(4)
678
+ .fill(0)
679
+ .map(() => ({
680
+ ctas: [{ cta: { selectedVariants: {} } }],
445
681
  card_title: {
446
- color: "text-1",
682
+ selectedVariants: {},
447
683
  },
448
- ctas_levoGroup: {
449
- display: "flex",
450
- "flex-direction": "row",
451
- "column-gap": "xs",
452
- "row-gap": "xs",
453
- "flex-wrap": "wrap",
454
- "align-items": "center",
684
+ date_text: {
685
+ selectedVariants: {
686
+ Typography_Variants: "Small",
687
+ },
688
+ },
689
+ })),
690
+ header_ctas: [
691
+ {
692
+ header_cta: {
693
+ selectedVariants: {},
455
694
  },
456
- ctas: Array(2)
457
- .fill(0)
458
- .map(() => ({
459
- cta: {
460
- width: "fit-content",
461
- },
462
- })),
463
695
  },
464
696
  {
465
- card_wrapper: {
466
- display: "flex",
467
- "flex-direction": "row",
468
- "border-radius": "base",
469
- overflow: "hidden",
470
- "box-shadow": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
471
- mobile: {
472
- "flex-direction": "column",
473
- },
474
- "padding-top": "base",
475
- "padding-right": "base",
476
- "padding-left": "base",
477
- "padding-bottom": "base",
697
+ header_cta: {
698
+ selectedVariants: { Button_Variants: "Secondary" },
478
699
  },
479
- left_container: {
480
- "flex-shrink": "0",
700
+ },
701
+ ],
702
+ },
703
+ },
704
+ {
705
+ key: "compact_list",
706
+ title: "Compact List",
707
+ styles: {
708
+ layout: {
709
+ "padding-top": "3xl",
710
+ "padding-bottom": "3xl",
711
+ },
712
+ container: {
713
+ display: "flex",
714
+ "flex-direction": "column",
715
+ "row-gap": "2xl",
716
+ },
717
+ header_wrapper: {
718
+ display: "flex",
719
+ "flex-direction": "row",
720
+ "justify-content": "space-between",
721
+ "align-items": "flex-end",
722
+ "column-gap": "xl",
723
+ mobile: {
724
+ "flex-direction": "column",
725
+ "align-items": "flex-start",
726
+ "row-gap": "base",
727
+ },
728
+ },
729
+ title_container: {
730
+ display: "flex",
731
+ "flex-direction": "column",
732
+ "row-gap": "sm",
733
+ "max-width": "640px",
734
+ },
735
+ title: {},
736
+ description: {
737
+ color: "text-2",
738
+ },
739
+ header_ctas_levoGroup: {
740
+ display: "flex",
741
+ "flex-direction": "row",
742
+ "column-gap": "xs",
743
+ "row-gap": "xs",
744
+ "flex-wrap": "wrap",
745
+ "align-items": "center",
746
+ "flex-shrink": "0",
747
+ },
748
+ header_ctas_levoGroupItem: {
749
+ header_cta: {},
750
+ },
751
+ header_ctas: [{}, {}],
752
+ cards_levoGroup: {
753
+ display: "flex",
754
+ "flex-direction": "column",
755
+ "row-gap": "base",
756
+ },
757
+ cards_levoGroupItem: {
758
+ card_wrapper: {
759
+ display: "flex",
760
+ "flex-direction": "row",
761
+ "border-radius": "base",
762
+ overflow: "hidden",
763
+ "background-color": "background-1",
764
+ border: "1px solid",
765
+ "border-color": "border",
766
+ "align-items": "stretch",
767
+ mobile: {
768
+ "flex-direction": "column",
481
769
  },
482
- image: {
483
- "object-fit": "cover",
484
- "border-radius": "base",
485
- mobile: {
486
- width: "100%",
487
- height: "180px",
488
- },
489
- width: "250px",
770
+ "padding-top": "sm",
771
+ "padding-right": "base",
772
+ "padding-left": "sm",
773
+ "padding-bottom": "sm",
774
+ "column-gap": "base",
775
+ },
776
+ left_container: {
777
+ "flex-shrink": "0",
778
+ },
779
+ image: {
780
+ "object-fit": "cover",
781
+ "border-radius": "sm",
782
+ width: "160px",
783
+ height: "100px",
784
+ "aspect-ratio": "16 / 10",
785
+ mobile: {
786
+ width: "100%",
787
+ height: "140px",
788
+ "aspect-ratio": "16 / 9",
490
789
  },
491
- right_container: {
492
- display: "flex",
790
+ },
791
+ right_container: {
792
+ display: "flex",
793
+ "flex-direction": "row",
794
+ "align-items": "center",
795
+ "justify-content": "space-between",
796
+ "padding-top": "xs",
797
+ "padding-bottom": "xs",
798
+ "padding-left": "sm",
799
+ "padding-right": "sm",
800
+ "flex-grow": "1",
801
+ "column-gap": "base",
802
+ mobile: {
493
803
  "flex-direction": "column",
494
- "padding-top": "base",
495
- "padding-bottom": "base",
496
- "padding-left": "base",
497
- "padding-right": "base",
498
- "flex-grow": "1",
804
+ "align-items": "flex-start",
499
805
  "row-gap": "sm",
500
806
  },
501
- meta_container: {
502
- display: "flex",
503
- "align-items": "center",
504
- },
505
- date_wrapper: {
506
- display: "flex",
507
- "align-items": "center",
508
- "column-gap": "xs",
807
+ },
808
+ meta_container: {
809
+ display: "none",
810
+ },
811
+ date_wrapper: {
812
+ display: "none",
813
+ },
814
+ date_icon: {
815
+ display: "none",
816
+ },
817
+ date_text: {
818
+ display: "none",
819
+ },
820
+ text_container: {
821
+ display: "flex",
822
+ "flex-direction": "column",
823
+ "row-gap": "2xs",
824
+ "flex-grow": "1",
825
+ },
826
+ card_title: {
827
+ color: "text-1",
828
+ "font-weight": "600",
829
+ },
830
+ ctas_levoGroup: {
831
+ display: "flex",
832
+ "flex-direction": "row",
833
+ "column-gap": "xs",
834
+ "row-gap": "xs",
835
+ "flex-wrap": "wrap",
836
+ "align-items": "center",
837
+ "flex-shrink": "0",
838
+ },
839
+ ctas_levoGroupItem: {
840
+ cta: {
841
+ width: "fit-content",
509
842
  },
510
- date_icon: {
511
- width: "16px",
512
- height: "16px",
843
+ },
844
+ ctas: [{}],
845
+ },
846
+ cards: [{}, {}, {}, {}],
847
+ },
848
+ content: DEFAULT_CONTENT,
849
+ config: {
850
+ title: {
851
+ heading: {
852
+ level: "2",
853
+ },
854
+ selectedVariants: {
855
+ Heading_Level: "H2",
856
+ },
857
+ },
858
+ cards: Array(4)
859
+ .fill(0)
860
+ .map(() => ({
861
+ ctas: [{ cta: { selectedVariants: { Button_Variants: "Secondary" } } }],
862
+ card_title: {
863
+ selectedVariants: {},
513
864
  },
514
- date_text: {},
515
- text_container: {
516
- display: "flex",
517
- "flex-direction": "column",
518
- "row-gap": "sm",
519
- "flex-grow": "1",
865
+ date_text: {
866
+ selectedVariants: {
867
+ Typography_Variants: "Small",
868
+ },
520
869
  },
521
- card_title: {
522
- color: "text-1",
870
+ })),
871
+ header_ctas: [
872
+ {
873
+ header_cta: {
874
+ selectedVariants: {},
523
875
  },
524
- ctas_levoGroup: {
525
- display: "flex",
526
- "flex-direction": "row",
527
- "column-gap": "xs",
528
- "row-gap": "xs",
529
- "flex-wrap": "wrap",
530
- "align-items": "center",
876
+ },
877
+ {
878
+ header_cta: {
879
+ selectedVariants: { Button_Variants: "Secondary" },
531
880
  },
532
- ctas: Array(2)
533
- .fill(0)
534
- .map(() => ({
535
- cta: {
536
- width: "fit-content",
537
- },
538
- })),
539
881
  },
882
+ ],
883
+ },
884
+ },
885
+ {
886
+ key: "featured_first",
887
+ title: "Featured First",
888
+ styles: {
889
+ layout: {
890
+ "padding-top": "3xl",
891
+ "padding-bottom": "3xl",
892
+ },
893
+ container: {
894
+ display: "flex",
895
+ "flex-direction": "column",
896
+ "row-gap": "3xl",
897
+ },
898
+ header_wrapper: {
899
+ display: "flex",
900
+ "flex-direction": "row",
901
+ "justify-content": "space-between",
902
+ "align-items": "flex-end",
903
+ "column-gap": "xl",
904
+ mobile: {
905
+ "flex-direction": "column",
906
+ "align-items": "flex-start",
907
+ "row-gap": "base",
908
+ },
909
+ },
910
+ title_container: {
911
+ display: "flex",
912
+ "flex-direction": "column",
913
+ "row-gap": "sm",
914
+ "max-width": "640px",
915
+ },
916
+ title: {},
917
+ description: {
918
+ color: "text-2",
919
+ },
920
+ header_ctas_levoGroup: {
921
+ display: "flex",
922
+ "flex-direction": "row",
923
+ "column-gap": "xs",
924
+ "row-gap": "xs",
925
+ "flex-wrap": "wrap",
926
+ "align-items": "center",
927
+ "flex-shrink": "0",
928
+ },
929
+ header_ctas_levoGroupItem: {
930
+ header_cta: {},
931
+ },
932
+ header_ctas: [{}, {}],
933
+ cards_levoGroup: {
934
+ display: "grid",
935
+ "grid-template-columns": "repeat(2, 1fr)",
936
+ "row-gap": "xl",
937
+ "column-gap": "xl",
938
+ mobile: {
939
+ "grid-template-columns": "repeat(1, 1fr)",
940
+ "row-gap": "base",
941
+ },
942
+ },
943
+ cards: [
540
944
  {
541
945
  card_wrapper: {
542
946
  display: "flex",
543
947
  "flex-direction": "row",
544
- "border-radius": "base",
948
+ "border-radius": "lg",
545
949
  overflow: "hidden",
546
- "box-shadow": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
950
+ "background-color": "background-1",
951
+ border: "1px solid",
952
+ "border-color": "border",
953
+ "grid-column": "1 / -1",
954
+ height: "100%",
955
+ "align-items": "stretch",
547
956
  mobile: {
548
957
  "flex-direction": "column",
549
958
  },
550
- "padding-top": "base",
551
- "padding-right": "base",
552
- "padding-left": "base",
553
- "padding-bottom": "base",
959
+ "padding-top": "lg",
960
+ "padding-right": "lg",
961
+ "padding-left": "lg",
962
+ "padding-bottom": "lg",
963
+ "column-gap": "xl",
554
964
  },
555
965
  left_container: {
556
966
  "flex-shrink": "0",
967
+ flex: "1",
557
968
  },
558
969
  image: {
559
970
  "object-fit": "cover",
560
971
  "border-radius": "base",
972
+ width: "100%",
973
+ height: "100%",
974
+ "aspect-ratio": "16 / 9",
561
975
  mobile: {
562
- width: "100%",
563
- height: "180px",
976
+ height: "200px",
564
977
  },
565
- width: "250px",
566
978
  },
567
979
  right_container: {
568
980
  display: "flex",
@@ -572,7 +984,8 @@ export const Cards9: IBlock = {
572
984
  "padding-left": "base",
573
985
  "padding-right": "base",
574
986
  "flex-grow": "1",
575
- "row-gap": "sm",
987
+ "row-gap": "base",
988
+ "justify-content": "center",
576
989
  },
577
990
  meta_container: {
578
991
  display: "flex",
@@ -581,13 +994,18 @@ export const Cards9: IBlock = {
581
994
  date_wrapper: {
582
995
  display: "flex",
583
996
  "align-items": "center",
584
- "column-gap": "xs",
997
+ "column-gap": "2xs",
585
998
  },
586
999
  date_icon: {
587
1000
  width: "16px",
588
1001
  height: "16px",
1002
+ "font-size": "16px",
1003
+ "flex-shrink": "0",
1004
+ color: "text-2",
1005
+ },
1006
+ date_text: {
1007
+ color: "text-2",
589
1008
  },
590
- date_text: {},
591
1009
  text_container: {
592
1010
  display: "flex",
593
1011
  "flex-direction": "column",
@@ -596,6 +1014,7 @@ export const Cards9: IBlock = {
596
1014
  },
597
1015
  card_title: {
598
1016
  color: "text-1",
1017
+ "font-weight": "600",
599
1018
  },
600
1019
  ctas_levoGroup: {
601
1020
  display: "flex",
@@ -604,91 +1023,102 @@ export const Cards9: IBlock = {
604
1023
  "row-gap": "xs",
605
1024
  "flex-wrap": "wrap",
606
1025
  "align-items": "center",
1026
+ "margin-top": "auto",
607
1027
  },
608
- ctas: Array(2)
609
- .fill(0)
610
- .map(() => ({
611
- cta: {
612
- width: "fit-content",
613
- },
614
- })),
1028
+ ctas_levoGroupItem: {
1029
+ cta: {
1030
+ width: "fit-content",
1031
+ },
1032
+ },
1033
+ ctas: [{}],
615
1034
  },
616
- {
617
- card_wrapper: {
618
- display: "flex",
619
- "flex-direction": "row",
620
- "border-radius": "base",
621
- overflow: "hidden",
622
- "box-shadow": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
623
- mobile: {
1035
+ ...Array(3)
1036
+ .fill(0)
1037
+ .map(() => ({
1038
+ card_wrapper: {
1039
+ display: "flex",
1040
+ "flex-direction": "row",
1041
+ "border-radius": "lg",
1042
+ overflow: "hidden",
1043
+ "background-color": "background-1",
1044
+ border: "1px solid",
1045
+ "border-color": "border",
1046
+ height: "100%",
1047
+ mobile: {
1048
+ "flex-direction": "column",
1049
+ },
1050
+ "padding-top": "base",
1051
+ "padding-right": "base",
1052
+ "padding-left": "base",
1053
+ "padding-bottom": "base",
1054
+ "column-gap": "base",
1055
+ },
1056
+ left_container: {
1057
+ "flex-shrink": "0",
1058
+ },
1059
+ image: {
1060
+ "object-fit": "cover",
1061
+ "border-radius": "base",
1062
+ width: "180px",
1063
+ height: "100%",
1064
+ "aspect-ratio": "4 / 3",
1065
+ mobile: {
1066
+ width: "100%",
1067
+ height: "180px",
1068
+ "aspect-ratio": "16 / 9",
1069
+ },
1070
+ },
1071
+ right_container: {
1072
+ display: "flex",
624
1073
  "flex-direction": "column",
1074
+ "padding-top": "sm",
1075
+ "padding-bottom": "sm",
1076
+ "padding-left": "sm",
1077
+ "padding-right": "sm",
1078
+ "flex-grow": "1",
1079
+ "row-gap": "sm",
625
1080
  },
626
- "padding-top": "base",
627
- "padding-right": "base",
628
- "padding-left": "base",
629
- "padding-bottom": "base",
630
- },
631
- left_container: {
632
- "flex-shrink": "0",
633
- },
634
- image: {
635
- "object-fit": "cover",
636
- "border-radius": "base",
637
- mobile: {
638
- width: "100%",
639
- height: "180px",
1081
+ meta_container: {
1082
+ display: "flex",
1083
+ "align-items": "center",
640
1084
  },
641
- width: "250px",
642
- },
643
- right_container: {
644
- display: "flex",
645
- "flex-direction": "column",
646
- "padding-top": "base",
647
- "padding-bottom": "base",
648
- "padding-left": "base",
649
- "padding-right": "base",
650
- "flex-grow": "1",
651
- "row-gap": "sm",
652
- },
653
- meta_container: {
654
- display: "flex",
655
- "align-items": "center",
656
- },
657
- date_wrapper: {
658
- display: "flex",
659
- "align-items": "center",
660
- "column-gap": "xs",
661
- },
662
- date_icon: {
663
- width: "16px",
664
- height: "16px",
665
- },
666
- date_text: {},
667
- text_container: {
668
- display: "flex",
669
- "flex-direction": "column",
670
- "row-gap": "sm",
671
- "flex-grow": "1",
672
- },
673
- card_title: {
674
- color: "text-1",
675
- },
676
- ctas_levoGroup: {
677
- display: "flex",
678
- "flex-direction": "row",
679
- "column-gap": "xs",
680
- "row-gap": "xs",
681
- "flex-wrap": "wrap",
682
- "align-items": "center",
683
- },
684
- ctas: Array(2)
685
- .fill(0)
686
- .map(() => ({
1085
+ date_wrapper: {
1086
+ display: "flex",
1087
+ "align-items": "center",
1088
+ "column-gap": "2xs",
1089
+ },
1090
+ date_icon: {
1091
+ display: "none",
1092
+ },
1093
+ date_text: {
1094
+ color: "text-2",
1095
+ },
1096
+ text_container: {
1097
+ display: "flex",
1098
+ "flex-direction": "column",
1099
+ "row-gap": "sm",
1100
+ "flex-grow": "1",
1101
+ },
1102
+ card_title: {
1103
+ color: "text-1",
1104
+ "font-weight": "600",
1105
+ },
1106
+ ctas_levoGroup: {
1107
+ display: "flex",
1108
+ "flex-direction": "row",
1109
+ "column-gap": "xs",
1110
+ "row-gap": "xs",
1111
+ "flex-wrap": "wrap",
1112
+ "align-items": "center",
1113
+ "margin-top": "auto",
1114
+ },
1115
+ ctas_levoGroupItem: {
687
1116
  cta: {
688
1117
  width: "fit-content",
689
1118
  },
690
- })),
691
- },
1119
+ },
1120
+ ctas: [{}],
1121
+ })),
692
1122
  ],
693
1123
  },
694
1124
  content: DEFAULT_CONTENT,
@@ -701,68 +1131,19 @@ export const Cards9: IBlock = {
701
1131
  Heading_Level: "H2",
702
1132
  },
703
1133
  },
704
- cards: [
705
- {
706
- ctas: Array(2)
707
- .fill(0)
708
- .map(() => ({
709
- cta: {
710
- selectedVariants: {},
711
- },
712
- })),
713
- card_title: {
714
- selectedVariants: {},
715
- },
716
- date_text: {
717
- selectedVariants: {},
718
- },
719
- },
720
- {
721
- ctas: Array(2)
722
- .fill(0)
723
- .map(() => ({
724
- cta: {
725
- selectedVariants: {},
726
- },
727
- })),
728
- card_title: {
729
- selectedVariants: {},
730
- },
731
- date_text: {
732
- selectedVariants: {},
733
- },
734
- },
735
- {
736
- ctas: Array(2)
737
- .fill(0)
738
- .map(() => ({
739
- cta: {
740
- selectedVariants: {},
741
- },
742
- })),
743
- card_title: {
744
- selectedVariants: {},
745
- },
746
- date_text: {
747
- selectedVariants: {},
748
- },
749
- },
750
- {
751
- ctas: Array(2)
752
- .fill(0)
753
- .map(() => ({
754
- cta: {
755
- selectedVariants: {},
756
- },
757
- })),
1134
+ cards: Array(4)
1135
+ .fill(0)
1136
+ .map(() => ({
1137
+ ctas: [{ cta: { selectedVariants: {} } }],
758
1138
  card_title: {
759
1139
  selectedVariants: {},
760
1140
  },
761
1141
  date_text: {
762
- selectedVariants: {},
1142
+ selectedVariants: {
1143
+ Typography_Variants: "Small",
1144
+ },
763
1145
  },
764
- },
765
- ],
1146
+ })),
766
1147
  header_ctas: [
767
1148
  {
768
1149
  header_cta: {
@@ -771,7 +1152,7 @@ export const Cards9: IBlock = {
771
1152
  },
772
1153
  {
773
1154
  header_cta: {
774
- selectedVariants: {},
1155
+ selectedVariants: { Button_Variants: "Secondary" },
775
1156
  },
776
1157
  },
777
1158
  ],