npm - @levo-so/blocks - Versions diffs - 0.1.101 → 0.1.103 - Mend

@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

package/package.json +24 -23
package/src/blocks/about-us/about-us-1.schema.ts +302 -295
package/src/blocks/about-us/about-us-2.schema.ts +225 -220
package/src/blocks/blogs/blog-author-1.schema.ts +719 -0
package/src/blocks/blogs/blog-author-1.tsx +121 -0
package/src/blocks/blogs/blog-listing-1.tsx +111 -33
package/src/blocks/blogs/blog-listing-2.schema.ts +15 -33
package/src/blocks/blogs/blog-listing-2.tsx +118 -33
package/src/blocks/blogs/blog-listing-3.schema.ts +10 -22
package/src/blocks/blogs/blog-listing-3.tsx +118 -33
package/src/blocks/blogs/blog-post-1.schema.ts +766 -16
package/src/blocks/blogs/blog-post-1.tsx +272 -39
package/src/blocks/calendar/calendar-1.schema.ts +641 -192
package/src/blocks/calendar/calendar-1.tsx +1 -0
package/src/blocks/cards/cards-10.schema.ts +557 -544
package/src/blocks/cards/cards-11.schema.ts +525 -419
package/src/blocks/cards/cards-12.schema.ts +538 -147
package/src/blocks/cards/cards-13.schema.ts +482 -312
package/src/blocks/cards/cards-14.schema.ts +423 -196
package/src/blocks/cards/cards-15.schema.ts +309 -143
package/src/blocks/cards/cards-16.schema.ts +1277 -175
package/src/blocks/cards/cards-17.schema.ts +2908 -1303
package/src/blocks/cards/cards-18.schema.ts +1404 -217
package/src/blocks/cards/cards-19.schema.ts +1105 -1084
package/src/blocks/cards/cards-19.tsx +4 -5
package/src/blocks/cards/cards-2.schema.ts +513 -42
package/src/blocks/cards/cards-20.schema.ts +790 -212
package/src/blocks/cards/cards-21.schema.ts +1215 -229
package/src/blocks/cards/cards-21.tsx +51 -6
package/src/blocks/cards/cards-22.schema.ts +1252 -2809
package/src/blocks/cards/cards-22.tsx +6 -7
package/src/blocks/cards/cards-23.schema.ts +571 -109
package/src/blocks/cards/cards-3.schema.ts +355 -116
package/src/blocks/cards/cards-4.schema.ts +805 -321
package/src/blocks/cards/cards-5.schema.ts +216 -64
package/src/blocks/cards/cards-6.schema.ts +568 -1330
package/src/blocks/cards/cards-7.schema.ts +1181 -1378
package/src/blocks/cards/cards-8.schema.ts +585 -221
package/src/blocks/cards/cards-9.schema.ts +763 -382
package/src/blocks/carousel/carousel-1.schema.ts +257 -502
package/src/blocks/carousel/carousel-1.tsx +2 -2
package/src/blocks/carousel/carousel-2.schema.ts +771 -761
package/src/blocks/community/community-1.schema.ts +8 -23
package/src/blocks/community/community-1.tsx +3 -3
package/src/blocks/community/community-post-1.tsx +4 -4
package/src/blocks/contact-us/contact-us-1.schema.ts +360 -14
package/src/blocks/contact-us/contact-us-2.schema.ts +441 -325
package/src/blocks/content/content-1.schema.ts +800 -381
package/src/blocks/content/content-10.schema.ts +763 -20
package/src/blocks/content/content-2.schema.ts +426 -52
package/src/blocks/content/content-3.schema.ts +631 -432
package/src/blocks/content/content-4.schema.ts +378 -123
package/src/blocks/content/content-5.schema.ts +1152 -682
package/src/blocks/content/content-6.schema.ts +679 -707
package/src/blocks/content/content-7.schema.ts +694 -291
package/src/blocks/content/content-8.schema.ts +247 -7
package/src/blocks/content/content-9.schema.ts +855 -116
package/src/blocks/cta/cta-1.schema.ts +294 -62
package/src/blocks/cta/cta-2.schema.ts +302 -66
package/src/blocks/cta/cta-2.tsx +1 -2
package/src/blocks/cta/cta-3.schema.ts +312 -62
package/src/blocks/ecommerce/ecommerce-1.schema.ts +477 -0
package/src/blocks/ecommerce/ecommerce-1.tsx +243 -0
package/src/blocks/ecommerce/ecommerce-2.schema.ts +268 -0
package/src/blocks/ecommerce/ecommerce-2.tsx +238 -0
package/src/blocks/ecommerce/ecommerce-3.schema.ts +56 -0
package/src/blocks/ecommerce/ecommerce-3.tsx +72 -0
package/src/blocks/ecommerce/ecommerce-4.schema.ts +461 -0
package/src/blocks/ecommerce/ecommerce-4.tsx +249 -0
package/src/blocks/ecommerce/ecommerce-5.schema.ts +230 -0
package/src/blocks/ecommerce/ecommerce-5.tsx +146 -0
package/src/blocks/embed/embed-1.schema.ts +181 -0
package/src/blocks/event/event-listing-2.schema.ts +5 -11
package/src/blocks/event/event-listing-3.schema.ts +5 -11
package/src/blocks/event/event-listing-4.schema.ts +5 -11
package/src/blocks/event/event-listing.schema.ts +5 -11
package/src/blocks/faq/faq-1.schema.ts +439 -260
package/src/blocks/faq/faq-2.schema.ts +444 -266
package/src/blocks/faq/faq-3.schema.ts +1420 -224
package/src/blocks/features/features-1/features-1.schema.ts +21 -21
package/src/blocks/features/features-1/variants/default.ts +120 -138
package/src/blocks/features/features-1/variants/index.ts +2 -2
package/src/blocks/features/features-1/variants/minimal-list.ts +139 -0
package/src/blocks/features/features-1/variants/stylized-cards-v1.ts +69 -385
package/src/blocks/features/features-1/variants/stylized-cards-v2.ts +74 -408
package/src/blocks/features/features-2.schema.ts +368 -286
package/src/blocks/features/features-3.schema.ts +557 -280
package/src/blocks/features/features-4.schema.ts +940 -432
package/src/blocks/features/features-5.schema.ts +566 -407
package/src/blocks/features/features-6.schema.ts +557 -523
package/src/blocks/filter-listing/filter-listing-1.schema.ts +922 -270
package/src/blocks/floating-buttons/floating-button-1.schema.ts +123 -0
package/src/blocks/footer/footer-1.schema.ts +383 -401
package/src/blocks/footer/footer-2.schema.ts +337 -878
package/src/blocks/footer/footer-3.schema.ts +445 -381
package/src/blocks/footer/footer-4.schema.ts +610 -439
package/src/blocks/footer/footer-5.schema.ts +367 -321
package/src/blocks/footer/footer-6.schema.ts +610 -357
package/src/blocks/form/form-1.schema.ts +237 -0
package/src/blocks/hero/hero-1.schema.ts +251 -221
package/src/blocks/hero/hero-10.schema.ts +23 -14
package/src/blocks/hero/hero-11.schema.ts +728 -601
package/src/blocks/hero/hero-12.schema.ts +524 -334
package/src/blocks/hero/hero-13.schema.ts +83 -95
package/src/blocks/hero/hero-2.schema.ts +277 -68
package/src/blocks/hero/hero-3.schema.ts +371 -235
package/src/blocks/hero/hero-3.tsx +1 -1
package/src/blocks/hero/hero-4.schema.ts +605 -338
package/src/blocks/hero/hero-5.schema.ts +545 -61
package/src/blocks/hero/hero-6.schema.ts +446 -257
package/src/blocks/hero/hero-6.tsx +1 -1
package/src/blocks/hero/hero-7.schema.ts +1299 -131
package/src/blocks/hero/hero-7.tsx +43 -23
package/src/blocks/hero/hero-8.schema.ts +736 -236
package/src/blocks/hero/hero-9.schema.ts +908 -58
package/src/blocks/index.ts +14 -2
package/src/blocks/jobs/jobs-1.schema.ts +741 -219
package/src/blocks/logos/logos-1.schema.ts +317 -321
package/src/blocks/logos/logos-1.tsx +32 -19
package/src/blocks/logos/logos-2.schema.ts +223 -0
package/src/blocks/logos/logos-2.tsx +55 -0
package/src/blocks/navbar/navbar-1.schema.ts +319 -186
package/src/blocks/navbar/navbar-3.schema.ts +618 -570
package/src/blocks/navbar/navbar-3.tsx +3 -2
package/src/blocks/navbar/navbar-4.schema.ts +731 -1234
package/src/blocks/navbar/navbar-4.tsx +1 -6
package/src/blocks/polling/polling-1.schema.ts +161 -0
package/src/blocks/pricing/pricing-1.schema.ts +549 -626
package/src/blocks/products/products-listing-1.schema.ts +363 -249
package/src/blocks/products/products-listing-2.schema.ts +515 -257
package/src/blocks/products/products-listing-3.schema.ts +790 -839
package/src/blocks/products/products-listing-3.tsx +86 -84
package/src/blocks/profile/profile-1.schema.ts +168 -187
package/src/blocks/profile/profile-2.schema.ts +150 -122
package/src/blocks/profile/profile-3.schema.ts +307 -256
package/src/blocks/profile/profile-4.schema.ts +372 -504
package/src/blocks/profile/profile-5.schema.ts +186 -79
package/src/blocks/services/service-1.schema.ts +700 -631
package/src/blocks/services/service-2.schema.ts +559 -82
package/src/blocks/services/service-2.tsx +5 -6
package/src/blocks/services/service-3.schema.ts +592 -207
package/src/blocks/services/service-3.tsx +10 -2
package/src/blocks/stats/stats-1.schema.ts +347 -257
package/src/blocks/stats/stats-2.schema.ts +14 -2
package/src/blocks/stats/variants/default.ts +14 -37
package/src/blocks/stats/variants/extra.ts +232 -0
package/src/blocks/stats/variants/hero.ts +1 -30
package/src/blocks/stats/variants/index.ts +13 -1
package/src/blocks/tabs/tab-1.schema.ts +1361 -214
package/src/blocks/tabs/tab-2.schema.ts +984 -390
package/src/blocks/tabs/tab-3.schema.ts +961 -95
package/src/blocks/team/team-1.schema.ts +681 -564
package/src/blocks/team/team-2.schema.ts +589 -935
package/src/blocks/team/team-3.schema.ts +375 -284
package/src/blocks/team/team-4.schema.ts +569 -355
package/src/blocks/team/team-5.schema.ts +307 -111
package/src/blocks/testimonial/testimonial-1.schema.ts +605 -706
package/src/blocks/testimonial/testimonial-2.schema.ts +825 -1099
package/src/blocks/testimonial/testimonial-3.schema.ts +580 -235
package/src/blocks/testimonial/testimonial-4.schema.ts +1326 -1779
package/src/blocks/testimonial/testimonial-5/variants/default.ts +179 -328
package/src/blocks/testimonial/testimonial-5/variants/index.ts +9 -1
package/src/blocks/testimonial/testimonial-5/variants/testimonialCentered.ts +194 -0
package/src/blocks/testimonial/testimonial-5/variants/testimonialCompact.ts +188 -0
package/src/blocks/testimonial/testimonial-5/variants/testimonialWithLogo.ts +275 -396
package/src/blocks/testimonial/testimonial-5/variants/testimonialWithRatings.ts +254 -602
package/src/blocks/testimonial/testimonial-5.schema.ts +6 -2
package/src/blocks/testimonial/testimonial-6.schema.ts +962 -1234
package/src/blocks/testimonial/testimonial-7.schema.ts +515 -233
package/src/blocks/timeline/timeline-1.schema.ts +382 -140
package/src/blocks/users/edit-profile.schema.ts +2 -8
package/src/blocks/users/edit-profile.tsx +2 -3
package/src/schemas/blocks.ts +14 -2
package/src/schemas/categories.ts +6 -0
package/src/blocks/features/features-1/variants/stylized-cards-v3.ts +0 -268
package/src/blocks/navbar/navbar-2.schema.ts +0 -1134
package/src/blocks/navbar/navbar-2.tsx +0 -381

package/src/blocks/filter-listing/filter-listing-1.schema.ts CHANGED Viewed

@@ -1,14 +1,177 @@
 import type { IBlock } from "@levo-so/studio";
+const IMG_1 = {
+  id: "7453390482770966601",
+  kind: "image",
+  location: "https://images.pexels.com/photos/7947968/pexels-photo-7947968.jpeg",
+  mimetype: "image/jpeg",
+  srcset: {
+    "320w":
+      "https://images.pexels.com/photos/7947968/pexels-photo-7947968.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
+    "640w":
+      "https://images.pexels.com/photos/7947968/pexels-photo-7947968.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
+    "750w":
+      "https://images.pexels.com/photos/7947968/pexels-photo-7947968.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
+    "828w":
+      "https://images.pexels.com/photos/7947968/pexels-photo-7947968.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
+    "1080w":
+      "https://images.pexels.com/photos/7947968/pexels-photo-7947968.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
+    "1200w":
+      "https://images.pexels.com/photos/7947968/pexels-photo-7947968.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
+    "1920w":
+      "https://images.pexels.com/photos/7947968/pexels-photo-7947968.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
+    path: "https://images.pexels.com/photos/7947968/pexels-photo-7947968.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320 320w, https://images.pexels.com/photos/7947968/pexels-photo-7947968.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/7947968/pexels-photo-7947968.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750 750w, https://images.pexels.com/photos/7947968/pexels-photo-7947968.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828 828w, https://images.pexels.com/photos/7947968/pexels-photo-7947968.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/7947968/pexels-photo-7947968.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200 1200w, https://images.pexels.com/photos/7947968/pexels-photo-7947968.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w",
+  },
+};
+const IMG_2 = {
+  id: "7453390485599631905",
+  kind: "image",
+  location: "https://images.pexels.com/photos/8636589/pexels-photo-8636589.jpeg",
+  mimetype: "image/jpeg",
+  srcset: {
+    "320w":
+      "https://images.pexels.com/photos/8636589/pexels-photo-8636589.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
+    "640w":
+      "https://images.pexels.com/photos/8636589/pexels-photo-8636589.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
+    "750w":
+      "https://images.pexels.com/photos/8636589/pexels-photo-8636589.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
+    "828w":
+      "https://images.pexels.com/photos/8636589/pexels-photo-8636589.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
+    "1080w":
+      "https://images.pexels.com/photos/8636589/pexels-photo-8636589.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
+    "1200w":
+      "https://images.pexels.com/photos/8636589/pexels-photo-8636589.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
+    "1920w":
+      "https://images.pexels.com/photos/8636589/pexels-photo-8636589.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
+    path: "https://images.pexels.com/photos/8636589/pexels-photo-8636589.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320 320w, https://images.pexels.com/photos/8636589/pexels-photo-8636589.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/8636589/pexels-photo-8636589.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750 750w, https://images.pexels.com/photos/8636589/pexels-photo-8636589.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828 828w, https://images.pexels.com/photos/8636589/pexels-photo-8636589.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/8636589/pexels-photo-8636589.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200 1200w, https://images.pexels.com/photos/8636589/pexels-photo-8636589.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w",
+  },
+};
+const IMG_3 = {
+  id: "7453390490213904040",
+  kind: "image",
+  location: "https://images.pexels.com/photos/5480781/pexels-photo-5480781.jpeg",
+  mimetype: "image/jpeg",
+  srcset: {
+    "320w":
+      "https://images.pexels.com/photos/5480781/pexels-photo-5480781.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
+    "640w":
+      "https://images.pexels.com/photos/5480781/pexels-photo-5480781.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
+    "750w":
+      "https://images.pexels.com/photos/5480781/pexels-photo-5480781.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
+    "828w":
+      "https://images.pexels.com/photos/5480781/pexels-photo-5480781.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
+    "1080w":
+      "https://images.pexels.com/photos/5480781/pexels-photo-5480781.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
+    "1200w":
+      "https://images.pexels.com/photos/5480781/pexels-photo-5480781.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
+    "1920w":
+      "https://images.pexels.com/photos/5480781/pexels-photo-5480781.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
+    path: "https://images.pexels.com/photos/5480781/pexels-photo-5480781.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320 320w, https://images.pexels.com/photos/5480781/pexels-photo-5480781.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/5480781/pexels-photo-5480781.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750 750w, https://images.pexels.com/photos/5480781/pexels-photo-5480781.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828 828w, https://images.pexels.com/photos/5480781/pexels-photo-5480781.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/5480781/pexels-photo-5480781.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200 1200w, https://images.pexels.com/photos/5480781/pexels-photo-5480781.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w",
+  },
+};
+const IMG_4 = {
+  id: "7453390492643983688",
+  kind: "image",
+  location: "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg",
+  mimetype: "image/jpeg",
+  srcset: {
+    "320w":
+      "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
+    "640w":
+      "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
+    "750w":
+      "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
+    "828w":
+      "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
+    "1080w":
+      "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
+    "1200w":
+      "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
+    "1920w":
+      "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
+    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",
+  },
+};
+const IMG_5 = {
+  id: "7453390497676962390",
+  kind: "image",
+  location: "https://images.pexels.com/photos/3872166/pexels-photo-3872166.jpeg",
+  mimetype: "image/jpeg",
+  srcset: {
+    "320w":
+      "https://images.pexels.com/photos/3872166/pexels-photo-3872166.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
+    "640w":
+      "https://images.pexels.com/photos/3872166/pexels-photo-3872166.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
+    "750w":
+      "https://images.pexels.com/photos/3872166/pexels-photo-3872166.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
+    "828w":
+      "https://images.pexels.com/photos/3872166/pexels-photo-3872166.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
+    "1080w":
+      "https://images.pexels.com/photos/3872166/pexels-photo-3872166.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
+    "1200w":
+      "https://images.pexels.com/photos/3872166/pexels-photo-3872166.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
+    "1920w":
+      "https://images.pexels.com/photos/3872166/pexels-photo-3872166.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
+    path: "https://images.pexels.com/photos/3872166/pexels-photo-3872166.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320 320w, 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=750 750w, https://images.pexels.com/photos/3872166/pexels-photo-3872166.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828 828w, 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=1200 1200w, https://images.pexels.com/photos/3872166/pexels-photo-3872166.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w",
+  },
+};
+const IMG_6 = {
+  id: "7453390498337336390",
+  kind: "image",
+  location: "https://images.pexels.com/photos/7495609/pexels-photo-7495609.jpeg",
+  mimetype: "image/jpeg",
+  srcset: {
+    "320w":
+      "https://images.pexels.com/photos/7495609/pexels-photo-7495609.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
+    "640w":
+      "https://images.pexels.com/photos/7495609/pexels-photo-7495609.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
+    "750w":
+      "https://images.pexels.com/photos/7495609/pexels-photo-7495609.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
+    "828w":
+      "https://images.pexels.com/photos/7495609/pexels-photo-7495609.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
+    "1080w":
+      "https://images.pexels.com/photos/7495609/pexels-photo-7495609.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
+    "1200w":
+      "https://images.pexels.com/photos/7495609/pexels-photo-7495609.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
+    "1920w":
+      "https://images.pexels.com/photos/7495609/pexels-photo-7495609.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
+    path: "https://images.pexels.com/photos/7495609/pexels-photo-7495609.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320 320w, https://images.pexels.com/photos/7495609/pexels-photo-7495609.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/7495609/pexels-photo-7495609.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750 750w, https://images.pexels.com/photos/7495609/pexels-photo-7495609.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828 828w, https://images.pexels.com/photos/7495609/pexels-photo-7495609.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/7495609/pexels-photo-7495609.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200 1200w, https://images.pexels.com/photos/7495609/pexels-photo-7495609.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w",
+  },
+};
+const ICON_TAG = {
+  kind: "icon",
+  data: {
+    id: "tag-2",
+    label: "Tag 2",
+    svgCode:
+      '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M12.0701 21.98C10.6601 21.98 9.24009 21.44 8.17009 20.37L3.64009 15.84C2.54009 14.74 1.96009 13.22 2.03009 11.67L2.27009 6.66C2.38009 4.27 4.27009 2.38 6.67009 2.26L11.6701 2.02C13.2301 1.95 14.7401 2.53 15.8401 3.63L20.3701 8.16C22.5201 10.31 22.5201 13.82 20.3701 15.97L15.9801 20.36C14.9001 21.44 13.4901 21.98 12.0701 21.98ZM4.70009 14.77L9.23009 19.3C10.8001 20.87 13.3501 20.87 14.9201 19.3L19.3101 14.91C20.8801 13.34 20.8801 10.79 19.3101 9.22L14.7701 4.7C13.9701 3.9 12.8801 3.48 11.7301 3.53L6.73009 3.77C5.11009 3.84 3.84009 5.11 3.76009 6.73L3.52009 11.74C3.47009 12.86 3.90009 13.97 4.70009 14.77Z" fill="var(--color-icon-primary)"/>\n<path d="M9.5 12.75C7.71 12.75 6.25 11.29 6.25 9.5C6.25 7.71 7.71 6.25 9.5 6.25C11.29 6.25 12.75 7.71 12.75 9.5C12.75 11.29 11.29 12.75 9.5 12.75ZM9.5 7.75C8.54 7.75 7.75 8.54 7.75 9.5C7.75 10.46 8.54 11.25 9.5 11.25C10.46 11.25 11.25 10.46 11.25 9.5C11.25 8.54 10.46 7.75 9.5 7.75Z" fill="var(--color-icon-primary)"/>\n<path d="M13.0004 17.75C12.8104 17.75 12.6204 17.68 12.4704 17.53C12.1804 17.24 12.1804 16.76 12.4704 16.47L16.4704 12.47C16.7604 12.18 17.2404 12.18 17.5304 12.47C17.8204 12.76 17.8204 13.24 17.5304 13.53L13.5304 17.53C13.3804 17.68 13.1904 17.75 13.0004 17.75Z" fill="var(--color-icon-primary)"/>\n</svg>',
+  },
+};
+const ICON_CLOCK = {
+  kind: "icon",
+  data: {
+    id: "clock",
+    label: "Clock",
+    svgCode:
+      '<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>',
+  },
+};
 const DEFAULT_CONTENT = {
   layout: null,
   container: null,
   header_wrapper: null,
-  header: "Popular this month",
-  filters_levoGroup: null,
+  header: "Insights from the build team",
   pagination_wrapper: null,
   pagination_left: "Previous",
-  pagination_text: "",
+  pagination_text: "1 of 3",
   pagination_right: "Next",
   listing_wrapper: null,
   filters_accordion: null,
@@ -20,115 +183,91 @@ const DEFAULT_CONTENT = {
   listing: [
     {
       card: null,
-      media: {
-        object: "media",
-        id: "9GFLqRMjHAvm",
-        workspace_id: "WLZ1TXTD",
-        filename: "pexels-2147499152-29632553.jpg",
-        kind: "image",
-        path: "WLZ1TXTD/pexels-2147499152-29632553-WT0prjeW1uuo.jpg",
-        location:
-          "https://static.levostg.online/WLZ1TXTD/pexels-2147499152-29632553-WT0prjeW1uuo.jpg",
-        metadata: {
-          etag: '"d2ab426d617eec426c1e6ba5605ab5d6"',
-          mimetype: "image/jpeg",
-          size: 2688667,
-        },
-        srcset: {
-          "1080w":
-            "https://static.levostg.online/WLZ1TXTD/pexels-2147499152-29632553-WT0prjeW1uuo-1080w.webp",
-          "1200w":
-            "https://static.levostg.online/WLZ1TXTD/pexels-2147499152-29632553-WT0prjeW1uuo-1200w.webp",
-          "1920w":
-            "https://static.levostg.online/WLZ1TXTD/pexels-2147499152-29632553-WT0prjeW1uuo-1920w.webp",
-          "320w":
-            "https://static.levostg.online/WLZ1TXTD/pexels-2147499152-29632553-WT0prjeW1uuo-320w.webp",
-          "640w":
-            "https://static.levostg.online/WLZ1TXTD/pexels-2147499152-29632553-WT0prjeW1uuo-640w.webp",
-          "750w":
-            "https://static.levostg.online/WLZ1TXTD/pexels-2147499152-29632553-WT0prjeW1uuo-750w.webp",
-          "828w":
-            "https://static.levostg.online/WLZ1TXTD/pexels-2147499152-29632553-WT0prjeW1uuo-828w.webp",
-          path: "https://static.levostg.online/WLZ1TXTD/pexels-2147499152-29632553-WT0prjeW1uuo-1920w.webp 1920w, https://static.levostg.online/WLZ1TXTD/pexels-2147499152-29632553-WT0prjeW1uuo-320w.webp 320w, https://static.levostg.online/WLZ1TXTD/pexels-2147499152-29632553-WT0prjeW1uuo-640w.webp 640w, https://static.levostg.online/WLZ1TXTD/pexels-2147499152-29632553-WT0prjeW1uuo-750w.webp 750w, https://static.levostg.online/WLZ1TXTD/pexels-2147499152-29632553-WT0prjeW1uuo-828w.webp 828w, https://static.levostg.online/WLZ1TXTD/pexels-2147499152-29632553-WT0prjeW1uuo-1080w.webp 1080w, https://static.levostg.online/WLZ1TXTD/pexels-2147499152-29632553-WT0prjeW1uuo-1200w.webp 1200w",
-        },
-        created_at: "2025-04-25T09:26:00.096Z",
-        updated_at: "2025-04-25T09:26:00.096Z",
-        created_by: null,
-        updated_by: null,
-      },
-      "filter_content-wrapper": null,
+      media: IMG_1,
+      filter_info_wrapper: null,
+      filter_content: null,
       points: [
-        {
-          container: null,
-          icon: {
-            kind: "icon",
-            data: {
-              id: "archive-minus",
-              label: "Archive Minus",
-              tags: ["archive", "custom", "directional", "minus"],
-              svgCode:
-                '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M14.5 11.4H9.5C9.09 11.4 8.75 11.06 8.75 10.65C8.75 10.24 9.09 9.90002 9.5 9.90002H14.5C14.91 9.90002 15.25 10.24 15.25 10.65C15.25 11.06 14.91 11.4 14.5 11.4Z" fill="var(--color-icon-primary)"/>\n<path d="M4.92957 22.75C4.50957 22.75 4.11957 22.65 3.76957 22.45C2.99957 22 2.55957 21.09 2.55957 19.96V5.86C2.55957 3.32 4.62957 1.25 7.16957 1.25H16.8196C19.3596 1.25 21.4296 3.32 21.4296 5.86V19.95C21.4296 21.08 20.9896 21.99 20.2196 22.44C19.4496 22.89 18.4396 22.84 17.4496 22.29L12.5696 19.58C12.2796 19.42 11.7096 19.42 11.4196 19.58L6.53957 22.29C5.99957 22.59 5.44957 22.75 4.92957 22.75ZM7.17957 2.75C5.46957 2.75 4.06957 4.15 4.06957 5.86V19.95C4.06957 20.54 4.23957 20.98 4.53957 21.15C4.83957 21.33 5.30957 21.27 5.81957 20.98L10.6996 18.27C11.4396 17.86 12.5596 17.86 13.2996 18.27L18.1796 20.98C18.6896 21.27 19.1596 21.33 19.4596 21.15C19.7596 20.97 19.9296 20.53 19.9296 19.95V5.86C19.9296 4.15 18.5296 2.75 16.8196 2.75H7.17957Z" fill="var(--color-icon-primary)"/>\n</svg>',
-            },
-          },
-          text: "Senior Designer",
-        },
+        { container: null, icon: ICON_TAG, text: "Product launch" },
+        { container: null, icon: ICON_CLOCK, text: "8 min read" },
       ],
+      title: "Shipping real-time collab in six weeks",
+      cta: "Read article",
+    },
+    {
+      card: null,
+      media: IMG_2,
+      filter_info_wrapper: null,
       filter_content: null,
-      title: "John Doe",
-      description:
-        "I wanted to visit Colombia’s sacred mountains. But there are some places we cannot go – and some things we cannot know.",
-      filter_footer: null,
-      experience_title: "Experience",
-      filter_experience: null,
-      experience_icon: {
-        kind: "icon",
-        data: {
-          id: "archive-minus",
-          label: "Archive Minus",
-          tags: ["archive", "custom", "directional", "minus"],
-          svgCode:
-            '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M14.5 11.4H9.5C9.09 11.4 8.75 11.06 8.75 10.65C8.75 10.24 9.09 9.90002 9.5 9.90002H14.5C14.91 9.90002 15.25 10.24 15.25 10.65C15.25 11.06 14.91 11.4 14.5 11.4Z" fill="var(--color-icon-primary)"/>\n<path d="M4.92957 22.75C4.50957 22.75 4.11957 22.65 3.76957 22.45C2.99957 22 2.55957 21.09 2.55957 19.96V5.86C2.55957 3.32 4.62957 1.25 7.16957 1.25H16.8196C19.3596 1.25 21.4296 3.32 21.4296 5.86V19.95C21.4296 21.08 20.9896 21.99 20.2196 22.44C19.4496 22.89 18.4396 22.84 17.4496 22.29L12.5696 19.58C12.2796 19.42 11.7096 19.42 11.4196 19.58L6.53957 22.29C5.99957 22.59 5.44957 22.75 4.92957 22.75ZM7.17957 2.75C5.46957 2.75 4.06957 4.15 4.06957 5.86V19.95C4.06957 20.54 4.23957 20.98 4.53957 21.15C4.83957 21.33 5.30957 21.27 5.81957 20.98L10.6996 18.27C11.4396 17.86 12.5596 17.86 13.2996 18.27L18.1796 20.98C18.6896 21.27 19.1596 21.33 19.4596 21.15C19.7596 20.97 19.9296 20.53 19.9296 19.95V5.86C19.9296 4.15 18.5296 2.75 16.8196 2.75H7.17957Z" fill="var(--color-icon-primary)"/>\n</svg>',
-        },
-      },
-      experience: "5+ Years",
-      filter_attendance_wrapper: null,
-      attendance_icon: {
-        kind: "icon",
-        data: {
-          id: "archive-minus",
-          label: "Archive Minus",
-          tags: ["archive", "custom", "directional", "minus"],
-          svgCode:
-            '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M14.5 11.4H9.5C9.09 11.4 8.75 11.06 8.75 10.65C8.75 10.24 9.09 9.90002 9.5 9.90002H14.5C14.91 9.90002 15.25 10.24 15.25 10.65C15.25 11.06 14.91 11.4 14.5 11.4Z" fill="var(--color-icon-primary)"/>\n<path d="M4.92957 22.75C4.50957 22.75 4.11957 22.65 3.76957 22.45C2.99957 22 2.55957 21.09 2.55957 19.96V5.86C2.55957 3.32 4.62957 1.25 7.16957 1.25H16.8196C19.3596 1.25 21.4296 3.32 21.4296 5.86V19.95C21.4296 21.08 20.9896 21.99 20.2196 22.44C19.4496 22.89 18.4396 22.84 17.4496 22.29L12.5696 19.58C12.2796 19.42 11.7096 19.42 11.4196 19.58L6.53957 22.29C5.99957 22.59 5.44957 22.75 4.92957 22.75ZM7.17957 2.75C5.46957 2.75 4.06957 4.15 4.06957 5.86V19.95C4.06957 20.54 4.23957 20.98 4.53957 21.15C4.83957 21.33 5.30957 21.27 5.81957 20.98L10.6996 18.27C11.4396 17.86 12.5596 17.86 13.2996 18.27L18.1796 20.98C18.6896 21.27 19.1596 21.33 19.4596 21.15C19.7596 20.97 19.9296 20.53 19.9296 19.95V5.86C19.9296 4.15 18.5296 2.75 16.8196 2.75H7.17957Z" fill="var(--color-icon-primary)"/>\n</svg>',
-        },
-      },
-      attendance: "1000+ Students",
-      filter_sessions: null,
-      session_icon: {
-        kind: "icon",
-        data: {
-          id: "archive-minus",
-          label: "Archive Minus",
-          tags: ["archive", "custom", "directional", "minus"],
-          svgCode:
-            '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M14.5 11.4H9.5C9.09 11.4 8.75 11.06 8.75 10.65C8.75 10.24 9.09 9.90002 9.5 9.90002H14.5C14.91 9.90002 15.25 10.24 15.25 10.65C15.25 11.06 14.91 11.4 14.5 11.4Z" fill="var(--color-icon-primary)"/>\n<path d="M4.92957 22.75C4.50957 22.75 4.11957 22.65 3.76957 22.45C2.99957 22 2.55957 21.09 2.55957 19.96V5.86C2.55957 3.32 4.62957 1.25 7.16957 1.25H16.8196C19.3596 1.25 21.4296 3.32 21.4296 5.86V19.95C21.4296 21.08 20.9896 21.99 20.2196 22.44C19.4496 22.89 18.4396 22.84 17.4496 22.29L12.5696 19.58C12.2796 19.42 11.7096 19.42 11.4196 19.58L6.53957 22.29C5.99957 22.59 5.44957 22.75 4.92957 22.75ZM7.17957 2.75C5.46957 2.75 4.06957 4.15 4.06957 5.86V19.95C4.06957 20.54 4.23957 20.98 4.53957 21.15C4.83957 21.33 5.30957 21.27 5.81957 20.98L10.6996 18.27C11.4396 17.86 12.5596 17.86 13.2996 18.27L18.1796 20.98C18.6896 21.27 19.1596 21.33 19.4596 21.15C19.7596 20.97 19.9296 20.53 19.9296 19.95V5.86C19.9296 4.15 18.5296 2.75 16.8196 2.75H7.17957Z" fill="var(--color-icon-primary)"/>\n</svg>',
-        },
-      },
-      session_text: "<p>18 Sessions</p>",
-      attendance_title: "<p>Attendace</p>",
+      points: [
+        { container: null, icon: ICON_TAG, text: "Analytics deep dive" },
+        { container: null, icon: ICON_CLOCK, text: "12 min read" },
+      ],
+      title: "Instrument every funnel you ship",
+      cta: "Read article",
+    },
+    {
+      card: null,
+      media: IMG_3,
+      filter_info_wrapper: null,
+      filter_content: null,
+      points: [
+        { container: null, icon: ICON_TAG, text: "Infrastructure" },
+        { container: null, icon: ICON_CLOCK, text: "10 min read" },
+      ],
+      title: "The migration that cut p95 by 40%",
+      cta: "Read article",
+    },
+    {
+      card: null,
+      media: IMG_4,
+      filter_info_wrapper: null,
+      filter_content: null,
+      points: [
+        { container: null, icon: ICON_TAG, text: "Hiring & culture" },
+        { container: null, icon: ICON_CLOCK, text: "6 min read" },
+      ],
+      title: "A hiring playbook for SaaS engineers",
+      cta: "Read article",
+    },
+    {
+      card: null,
+      media: IMG_5,
+      filter_info_wrapper: null,
+      filter_content: null,
+      points: [
+        { container: null, icon: ICON_TAG, text: "Engineering" },
+        { container: null, icon: ICON_CLOCK, text: "14 min read" },
+      ],
+      title: "Monorepo, finally: what worked for us",
+      cta: "Read article",
+    },
+    {
+      card: null,
+      media: IMG_6,
+      filter_info_wrapper: null,
+      filter_content: null,
+      points: [
+        { container: null, icon: ICON_TAG, text: "Startup journey" },
+        { container: null, icon: ICON_CLOCK, text: "9 min read" },
+      ],
+      title: "From seed to Series A in eighteen months",
+      cta: "Read article",
     },
   ],
 };
 export type IFilterListing1Content = typeof DEFAULT_CONTENT;
+const LISTING_STYLES_PLACEHOLDERS = [{}, {}, {}, {}, {}, {}];
+const POINTS_STYLES_PLACEHOLDERS = [{}, {}];
 export const FilterListing1: IBlock = {
   category_id: "filter-listing",
   title: "Filter Listing 1",
   key: "filter-listing-1",
   version: "v1",
   prompt_description:
-    "Three-column grid of news or filter cards, each with a large image, headline, summary text, and info row; section headline and a top-right “View all” button, plus pagination controls below.",
+    "Three-column grid of article cards, each with a large image, headline, and tag + read-time metadata; section headline with optional filters sidebar and pagination controls below.",
   content_schema: [
     {
       key: "layout",
@@ -151,7 +290,7 @@ export const FilterListing1: IBlock = {
       field_interface: "HeadingWidget",
       hint: {
         prompt_description:
-          "Section heading introducing featured or trending filter articles for this month. Make it concise, bold, and inviting. Use a confident and energetic tone.",
+          "Section heading introducing featured articles. Make it concise, bold, and inviting. Use a confident and energetic tone.",
         min_characters: 16,
         max_characters: 30,
       },
@@ -204,9 +343,9 @@ export const FilterListing1: IBlock = {
       field_interface: "BoxWidget",
       hint: {
         prompt_description:
-          "Repeating list of filter article cards displayed in a grid. Each card should showcase a featured filter post with image, headline, excerpt, type, author, and reading time. The content should be diverse, engaging, and visually consistent.",
-        min_items: 6, // 6 visible in grid at a time
-        max_items: 9, // allows for paginated dataset
+          "Repeating list of article cards displayed in a grid. Each card should showcase a featured post with image, headline, and metadata tags (category, reading time). The content should be diverse, engaging, and visually consistent.",
+        min_items: 6,
+        max_items: 9,
       },
       options: {},
       fields: [
@@ -221,7 +360,7 @@ export const FilterListing1: IBlock = {
           field_interface: "MediaWidget",
           hint: {
             prompt_description:
-              "Featured image for the filter post card, visually representing the article. Should be high-quality, visually engaging, and align with the filter's topic. Landscape orientation, fits the top portion of the card.",
+              "Featured image for the article card, visually representing the post. Should be high-quality, visually engaging, and align with the article's topic. Landscape orientation, fits the top portion of the card.",
             orientation: "landscape",
             size: "large",
             usecase: "hero",
@@ -244,7 +383,7 @@ export const FilterListing1: IBlock = {
           field_interface: "BoxWidget",
           hint: {
             prompt_description:
-              "Repeatable group for points, allowing multiple roles or titles to be displayed alongside their respective icons.",
+              "Repeatable group for article metadata tags (category, reading time, etc.) displayed alongside icons.",
             min_items: 1,
             max_items: 3,
           },
@@ -260,7 +399,7 @@ export const FilterListing1: IBlock = {
               field_interface: "IconWidget",
               hint: {
                 prompt_description:
-                  "Small icon placed next to the designation, visually representing the role or position. Minimalistic style preferred.",
+                  "Small icon placed next to the metadata text, visually representing the tag type. Minimalistic style preferred.",
                 orientation: "square",
                 size: "icon",
                 usecase: "icon",
@@ -272,7 +411,7 @@ export const FilterListing1: IBlock = {
               field_interface: "TypographyWidget",
               hint: {
                 prompt_description:
-                  "Professional designation or job title for the person, such as 'Senior Designer' or 'Lead Developer'. Keep it brief and professional.",
+                  "Short metadata tag for the article, such as category ('Product launch', 'Engineering') or read time ('8 min read'). Keep it brief.",
                 min_characters: 10,
                 max_characters: 30,
               },
@@ -285,22 +424,11 @@ export const FilterListing1: IBlock = {
           field_interface: "HeadingWidget",
           hint: {
             prompt_description:
-              "Headline for the filter post card, designed to attract attention and encourage clicks. Should be clear, engaging, and fit on 1 or 2 lines. Use an editorial, inviting tone.",
+              "Headline for the article card, designed to attract attention and encourage clicks. Should be clear, engaging, and fit on 1 or 2 lines. Editorial, inviting tone.",
             min_characters: 28,
             max_characters: 60,
           },
         },
-        {
-          key: "description",
-          label: "Description",
-          field_interface: "TypographyWidget",
-          hint: {
-            prompt_description:
-              "Short excerpt or summary of the article, displayed on the card. It should generate curiosity and briefly explain the filter's theme or story in 1-2 concise sentences.",
-            min_characters: 60,
-            max_characters: 130,
-          },
-        },
         {
           key: "cta",
           label: "CTA",
@@ -319,7 +447,7 @@ export const FilterListing1: IBlock = {
       field_interface: "ButtonWidget",
       hint: {
         prompt_description:
-          "Pagination control button to navigate to the previous page of filter cards. Keep the label brief, such as 'Previous' or a left arrow. Tone should be neutral and functional.",
+          "Pagination control button to navigate to the previous page of cards. Keep the label brief, such as 'Previous' or a left arrow.",
         min_characters: 5,
         max_characters: 12,
       },
@@ -330,7 +458,7 @@ export const FilterListing1: IBlock = {
       field_interface: "TypographyWidget",
       hint: {
         prompt_description:
-          "Displays current and total page number in the paginator, e.g. '1/3' or 'Page 2 of 4'. Should be minimal, clear, and unambiguous.",
+          "Displays current and total page number, e.g. '1/3' or '1 of 3'. Should be minimal, clear, and unambiguous.",
         min_characters: 3,
         max_characters: 12,
       },
@@ -341,7 +469,7 @@ export const FilterListing1: IBlock = {
       field_interface: "ButtonWidget",
       hint: {
         prompt_description:
-          "Pagination control button to navigate to the next page of filter cards. Should be concise, such as 'Next' or a right arrow. Neutral tone.",
+          "Pagination control button to navigate to the next page of cards. Should be concise, such as 'Next' or a right arrow.",
         min_characters: 4,
         max_characters: 8,
       },
@@ -354,34 +482,30 @@ export const FilterListing1: IBlock = {
       styles: {
         layout: {
           width: "100%",
-          "padding-top": "10xl",
-          "padding-bottom": "10xl",
-          "padding-right": "8xl",
-          "padding-left": "8xl",
+          "padding-top": "3xl",
+          "padding-bottom": "3xl",
+          "padding-right": "4xl",
+          "padding-left": "4xl",
           tablet: {
-            "padding-top": "5xl",
-            "padding-bottom": "5xl",
-            "padding-right": "5xl",
-            "padding-left": "5xl",
-          },
-          mobile: {
             "padding-top": "2xl",
             "padding-bottom": "2xl",
             "padding-right": "2xl",
             "padding-left": "2xl",
           },
+          mobile: {
+            "padding-top": "xl",
+            "padding-bottom": "xl",
+            "padding-right": "lg",
+            "padding-left": "lg",
+          },
         },
         container: {
           width: "100%",
           display: "flex",
           "flex-direction": "column",
-          "row-gap": "7xl",
-          tablet: {
-            "row-gap": "3xl",
-          },
-          mobile: {
-            "row-gap": "4xl",
-          },
+          "row-gap": "3xl",
+          tablet: { "row-gap": "2xl" },
+          mobile: { "row-gap": "xl" },
         },
         header_wrapper: {
           display: "flex",
@@ -395,33 +519,28 @@ export const FilterListing1: IBlock = {
             "justify-content": "flex-start",
           },
         },
-        header: {
-          flex: "1",
-        },
+        header: { flex: "1" },
         listing_wrapper: {
           display: "flex",
-          "column-gap": "3xl",
+          "column-gap": "2xl",
           "align-items": "flex-start",
+          mobile: {
+            "flex-direction": "column",
+            "row-gap": "xl",
+          },
         },
         filters_accordion: {
           width: "280px",
           "min-width": "280px",
-          tablet: {
-            width: "240px",
-            "min-width": "240px",
-          },
-          mobile: {
-            width: "100%",
-            "min-width": "auto",
-          },
+          tablet: { width: "240px", "min-width": "240px" },
+          mobile: { width: "100%", "min-width": "auto" },
         },
         filters_accordion_item: {
-          "border-color": "var(--color-border)",
+          "border-color": "border",
           "border-width": "1px",
           "border-style": "solid",
-          "border-radius": "xl",
-          "background-color": "white",
-          "box-shadow": "lg",
+          "border-radius": "lg",
+          "background-color": "background-1",
         },
         filters_accordion_trigger: {
           width: "100%",
@@ -430,46 +549,24 @@ export const FilterListing1: IBlock = {
           "justify-content": "space-between",
           "padding-top": "lg",
           "padding-bottom": "lg",
-          "padding-left": "xl",
-          "padding-right": "xl",
-          tablet: {
-            "padding-top": "md",
-            "padding-bottom": "md",
-            "padding-left": "lg",
-            "padding-right": "lg",
-          },
-          mobile: {
-            "padding-top": "sm",
-            "padding-bottom": "sm",
-            "padding-left": "md",
-            "padding-right": "md",
-          },
+          "padding-left": "lg",
+          "padding-right": "lg",
         },
         filters_accordion_title: {
-          "font-size": "lg",
+          "font-size": "base",
           "font-weight": 600,
           color: "text-1",
         },
         filters_accordion_content: {
           "padding-top": "none",
-          "padding-bottom": "xl",
-          "padding-left": "xl",
-          "padding-right": "xl",
-          tablet: {
-            "padding-bottom": "lg",
-            "padding-left": "lg",
-            "padding-right": "lg",
-          },
-          mobile: {
-            "padding-bottom": "md",
-            "padding-left": "md",
-            "padding-right": "md",
-          },
+          "padding-bottom": "lg",
+          "padding-left": "lg",
+          "padding-right": "lg",
         },
         filters_box: {
           display: "flex",
           "flex-direction": "column",
-          "row-gap": "xl",
+          "row-gap": "md",
         },
         listing_levoGroup: {
           display: "grid",
@@ -485,99 +582,398 @@ export const FilterListing1: IBlock = {
           },
           mobile: {
             "grid-template-columns": "repeat(1, minmax(0, 1fr))",
-            "row-gap": "2xl",
+            "row-gap": "xl",
           },
         },
-        listing: [
-          {
-            card: {
+        listing_levoGroupItem: {
+          card: {
+            display: "flex",
+            width: "full",
+            height: "100%",
+            "flex-direction": "column",
+            "row-gap": "md",
+          },
+          media: {
+            width: "full",
+            height: "200px",
+            "aspect-ratio": "16 / 10",
+            "object-fit": "cover",
+            "border-radius": "base",
+          },
+          filter_info_wrapper: {
+            display: "flex",
+            width: "full",
+            height: "100%",
+            "flex-direction": "column",
+            "row-gap": "md",
+          },
+          filter_content: {
+            display: "flex",
+            width: "full",
+            "flex-direction": "column",
+            "row-gap": "xs",
+          },
+          points_levoGroup: {
+            display: "flex",
+            "flex-direction": "row",
+            "flex-wrap": "wrap",
+            "column-gap": "md",
+            "row-gap": "2xs",
+          },
+          points_levoGroupItem: {
+            container: {
               display: "flex",
-              width: "full",
-              "flex-direction": "column",
-              "row-gap": "xl",
-              tablet: {
-                "row-gap": "md",
-              },
+              "align-items": "center",
+              "column-gap": "2xs",
             },
-            media: {
-              height: "240px",
-              width: "full",
-              "object-fit": "cover",
+            icon: {
+              height: "14px",
+              width: "14px",
+              "font-size": "14px",
+              "object-fit": "contain",
+              "flex-shrink": "0",
+              color: "brand",
             },
-            filter_info_wrapper: {
-              display: "flex",
-              width: "full",
-              "flex-direction": "column",
-              "row-gap": "base",
-              tablet: {
-                "row-gap": "xs",
-              },
+            text: {
+              "font-size": "xs",
+              "font-weight": 600,
+              "letter-spacing": "0.04em",
+              "text-transform": "uppercase",
+              color: "brand",
             },
-            filter_content: {
-              display: "flex",
-              width: "full",
-              "flex-direction": "column",
-              "row-gap": "xs",
-              tablet: {
-                "row-gap": "2xs",
-              },
+          },
+          points: POINTS_STYLES_PLACEHOLDERS,
+          title: {
+            color: "text-1",
+            "font-weight": 600,
+          },
+          cta: {
+            "margin-top": "auto",
+            "align-self": "flex-start",
+          },
+        },
+        listing: LISTING_STYLES_PLACEHOLDERS,
+        pagination_wrapper: {
+          display: "flex",
+          width: "full",
+          "justify-content": "center",
+          "align-items": "center",
+          "column-gap": "md",
+        },
+        pagination_left: {},
+        pagination_text: {},
+        pagination_right: {},
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        header: {
+          heading: { level: 2 },
+          selectedVariants: { Heading_Level: "H2" },
+        },
+        listing: [
+          {
+            title: {
+              selectedVariants: { Heading_Level: "H5" },
+              heading: { level: 5 },
             },
-            points_levoGroup: {
+            cta: {
+              selectedVariants: { Button_Variants: "Link" },
+            },
+          },
+          {
+            title: { selectedVariants: { Heading_Level: "H5" }, heading: { level: 5 } },
+            cta: { selectedVariants: { Button_Variants: "Link" } },
+          },
+          {
+            title: { selectedVariants: { Heading_Level: "H5" }, heading: { level: 5 } },
+            cta: { selectedVariants: { Button_Variants: "Link" } },
+          },
+          {
+            title: { selectedVariants: { Heading_Level: "H5" }, heading: { level: 5 } },
+            cta: { selectedVariants: { Button_Variants: "Link" } },
+          },
+          {
+            title: { selectedVariants: { Heading_Level: "H5" }, heading: { level: 5 } },
+            cta: { selectedVariants: { Button_Variants: "Link" } },
+          },
+          {
+            title: { selectedVariants: { Heading_Level: "H5" }, heading: { level: 5 } },
+            cta: { selectedVariants: { Button_Variants: "Link" } },
+          },
+        ],
+      },
+    },
+    {
+      key: "top-filters",
+      title: "Top Filters",
+      styles: {
+        layout: {
+          width: "100%",
+          "padding-top": "3xl",
+          "padding-bottom": "3xl",
+          "padding-left": "3xl",
+          "padding-right": "3xl",
+          tablet: { "padding-left": "2xl", "padding-right": "2xl" },
+          mobile: { "padding-left": "lg", "padding-right": "lg" },
+        },
+        container: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "2xl",
+        },
+        header_wrapper: {
+          display: "flex",
+          "justify-content": "space-between",
+          "align-items": "center",
+        },
+        header: { flex: "1" },
+        listing_wrapper: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "xl",
+        },
+        filters_accordion: { width: "100%" },
+        filters_accordion_item: {
+          "border-style": "solid",
+          "border-width": "1px",
+          "border-color": "border",
+          "border-radius": "lg",
+          "background-color": "background-1",
+        },
+        filters_accordion_trigger: {
+          display: "flex",
+          "align-items": "center",
+          "justify-content": "space-between",
+          "padding-top": "md",
+          "padding-bottom": "md",
+          "padding-left": "lg",
+          "padding-right": "lg",
+        },
+        filters_accordion_title: { "font-weight": 600 },
+        filters_accordion_content: {
+          "padding-top": "none",
+          "padding-bottom": "lg",
+          "padding-left": "lg",
+          "padding-right": "lg",
+        },
+        filters_box: {
+          display: "flex",
+          "flex-wrap": "wrap",
+          "column-gap": "md",
+          "row-gap": "md",
+        },
+        listing_levoGroup: {
+          display: "grid",
+          "grid-template-columns": "repeat(3, minmax(0, 1fr))",
+          "column-gap": "xl",
+          "row-gap": "xl",
+          tablet: { "grid-template-columns": "repeat(2, minmax(0, 1fr))" },
+          mobile: { "grid-template-columns": "repeat(1, minmax(0, 1fr))" },
+        },
+        listing_levoGroupItem: {
+          card: {
+            display: "flex",
+            height: "100%",
+            "flex-direction": "column",
+            "background-color": "background-1",
+            "border-radius": "lg",
+            "overflow-x": "hidden",
+            "overflow-y": "hidden",
+            "box-shadow": "default",
+          },
+          media: {
+            width: "100%",
+            height: "200px",
+            "aspect-ratio": "16 / 10",
+            "object-fit": "cover",
+          },
+          filter_info_wrapper: {
+            display: "flex",
+            "flex-direction": "column",
+            "row-gap": "md",
+            height: "100%",
+            "padding-top": "lg",
+            "padding-bottom": "lg",
+            "padding-left": "lg",
+            "padding-right": "lg",
+          },
+          filter_content: {
+            display: "flex",
+            "flex-direction": "column",
+            "row-gap": "xs",
+          },
+          points_levoGroup: {
+            display: "flex",
+            "flex-direction": "row",
+            "flex-wrap": "wrap",
+            "column-gap": "md",
+            "row-gap": "2xs",
+          },
+          points_levoGroupItem: {
+            container: {
               display: "flex",
-              "flex-direction": "column",
-              "row-gap": "2xs",
+              "align-items": "center",
+              "column-gap": "2xs",
             },
-            points: [
-              {
-                container: {
-                  display: "flex",
-                  width: "full",
-                  "align-items": "center",
-                  "column-gap": "xs",
-                  tablet: {
-                    "column-gap": "2xs",
-                  },
-                },
-                icon: {
-                  height: "22px",
-                  width: "22px",
-                  "object-fit": "contain",
-                  tablet: {
-                    height: "18px",
-                    width: "18px",
-                  },
-                  "font-size": "22px",
-                },
-                text: {
-                  "font-size": "lg",
-                },
-              },
-            ],
-            title: {
-              color: "text-1",
+            icon: {
+              height: "14px",
+              width: "14px",
+              "font-size": "14px",
+              "flex-shrink": "0",
+              color: "brand",
             },
-            description: {
-              color: "text-2",
+            text: {
+              "font-size": "xs",
+              "font-weight": 600,
+              "letter-spacing": "0.04em",
+              "text-transform": "uppercase",
+              color: "brand",
             },
-            session_icon: {
-              height: "22px",
-              width: "22px",
-              "object-fit": "contain",
-              "font-size": "22px",
+          },
+          points: POINTS_STYLES_PLACEHOLDERS,
+          title: { color: "text-1", "font-weight": 600 },
+          cta: {
+            "margin-top": "auto",
+            "align-self": "flex-start",
+          },
+        },
+        listing: LISTING_STYLES_PLACEHOLDERS,
+        pagination_wrapper: {
+          display: "flex",
+          "justify-content": "center",
+          "column-gap": "md",
+        },
+        pagination_left: {},
+        pagination_text: {},
+        pagination_right: {},
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        header: {
+          heading: { level: 2 },
+          selectedVariants: { Heading_Level: "H2" },
+        },
+        listing: [
+          { title: { selectedVariants: { Heading_Level: "H5" }, heading: { level: 5 } }, cta: { selectedVariants: { Button_Variants: "Link" } } },
+          { title: { selectedVariants: { Heading_Level: "H5" }, heading: { level: 5 } }, cta: { selectedVariants: { Button_Variants: "Link" } } },
+          { title: { selectedVariants: { Heading_Level: "H5" }, heading: { level: 5 } }, cta: { selectedVariants: { Button_Variants: "Link" } } },
+          { title: { selectedVariants: { Heading_Level: "H5" }, heading: { level: 5 } }, cta: { selectedVariants: { Button_Variants: "Link" } } },
+          { title: { selectedVariants: { Heading_Level: "H5" }, heading: { level: 5 } }, cta: { selectedVariants: { Button_Variants: "Link" } } },
+          { title: { selectedVariants: { Heading_Level: "H5" }, heading: { level: 5 } }, cta: { selectedVariants: { Button_Variants: "Link" } } },
+        ],
+      },
+    },
+    {
+      key: "card-grid",
+      title: "Card Grid",
+      styles: {
+        layout: {
+          "padding-top": "3xl",
+          "padding-bottom": "3xl",
+          "padding-left": "3xl",
+          "padding-right": "3xl",
+          "background-color": "background-2",
+          tablet: { "padding-left": "2xl", "padding-right": "2xl" },
+          mobile: { "padding-left": "lg", "padding-right": "lg" },
+        },
+        container: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "2xl",
+        },
+        header_wrapper: {
+          display: "flex",
+          "justify-content": "center",
+          "text-align": "center",
+        },
+        header: {},
+        listing_wrapper: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "xl",
+        },
+        filters_accordion: { display: "none" },
+        filters_accordion_item: {},
+        filters_accordion_trigger: {},
+        filters_accordion_title: {},
+        filters_accordion_content: {},
+        filters_box: {},
+        listing_levoGroup: {
+          display: "grid",
+          "grid-template-columns": "repeat(3, minmax(0, 1fr))",
+          "column-gap": "xl",
+          "row-gap": "xl",
+          tablet: { "grid-template-columns": "repeat(2, minmax(0, 1fr))" },
+          mobile: { "grid-template-columns": "repeat(1, minmax(0, 1fr))" },
+        },
+        listing_levoGroupItem: {
+          card: {
+            display: "flex",
+            height: "100%",
+            "flex-direction": "column",
+            "background-color": "background-1",
+            "border-radius": "xl",
+            "overflow-x": "hidden",
+            "overflow-y": "hidden",
+            "box-shadow": "default",
+          },
+          media: {
+            width: "100%",
+            height: "200px",
+            "aspect-ratio": "16 / 10",
+            "object-fit": "cover",
+          },
+          filter_info_wrapper: {
+            display: "flex",
+            "flex-direction": "column",
+            "row-gap": "md",
+            height: "100%",
+            "padding-top": "lg",
+            "padding-bottom": "lg",
+            "padding-left": "lg",
+            "padding-right": "lg",
+          },
+          filter_content: {
+            display: "flex",
+            "flex-direction": "column",
+            "row-gap": "xs",
+          },
+          points_levoGroup: {
+            display: "flex",
+            "flex-direction": "row",
+            "flex-wrap": "wrap",
+            "column-gap": "md",
+            "row-gap": "2xs",
+          },
+          points_levoGroupItem: {
+            container: {
+              display: "flex",
+              "align-items": "center",
+              "column-gap": "2xs",
+            },
+            icon: {
+              height: "14px",
+              width: "14px",
+              "font-size": "14px",
+              "flex-shrink": "0",
+              color: "brand",
             },
-            session_text: {
-              "font-size": "lg",
-              "font-weight": "normal",
-              color: "text-2",
+            text: {
+              "font-size": "xs",
+              "font-weight": 600,
+              "letter-spacing": "0.04em",
+              "text-transform": "uppercase",
+              color: "brand",
             },
           },
-        ],
+          points: POINTS_STYLES_PLACEHOLDERS,
+          title: { "font-weight": 700 },
+          cta: { "margin-top": "auto", "align-self": "flex-start" },
+        },
+        listing: LISTING_STYLES_PLACEHOLDERS,
         pagination_wrapper: {
           display: "flex",
-          width: "full",
           "justify-content": "center",
-          "align-items": "center",
           "column-gap": "md",
         },
         pagination_left: {},
@@ -587,24 +983,280 @@ export const FilterListing1: IBlock = {
       content: DEFAULT_CONTENT,
       config: {
         header: {
-          heading: {
-            level: 2,
+          heading: { level: 2 },
+          selectedVariants: { Heading_Level: "H2" },
+        },
+        listing: [
+          { title: { selectedVariants: { Heading_Level: "H5" }, heading: { level: 5 } }, cta: { selectedVariants: { Button_Variants: "Link" } } },
+          { title: { selectedVariants: { Heading_Level: "H5" }, heading: { level: 5 } }, cta: { selectedVariants: { Button_Variants: "Link" } } },
+          { title: { selectedVariants: { Heading_Level: "H5" }, heading: { level: 5 } }, cta: { selectedVariants: { Button_Variants: "Link" } } },
+          { title: { selectedVariants: { Heading_Level: "H5" }, heading: { level: 5 } }, cta: { selectedVariants: { Button_Variants: "Link" } } },
+          { title: { selectedVariants: { Heading_Level: "H5" }, heading: { level: 5 } }, cta: { selectedVariants: { Button_Variants: "Link" } } },
+          { title: { selectedVariants: { Heading_Level: "H5" }, heading: { level: 5 } }, cta: { selectedVariants: { Button_Variants: "Link" } } },
+        ],
+      },
+    },
+    {
+      key: "list-view",
+      title: "List View",
+      styles: {
+        layout: {
+          "padding-top": "3xl",
+          "padding-bottom": "3xl",
+          "padding-left": "3xl",
+          "padding-right": "3xl",
+          tablet: { "padding-left": "2xl", "padding-right": "2xl" },
+          mobile: { "padding-left": "lg", "padding-right": "lg" },
+        },
+        container: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "2xl",
+          "max-width": "960px",
+          "margin-left": "auto",
+          "margin-right": "auto",
+        },
+        header_wrapper: {
+          display: "flex",
+          "justify-content": "space-between",
+          "align-items": "center",
+        },
+        header: {},
+        listing_wrapper: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "lg",
+        },
+        filters_accordion: { display: "none" },
+        filters_accordion_item: {},
+        filters_accordion_trigger: {},
+        filters_accordion_title: {},
+        filters_accordion_content: {},
+        filters_box: {},
+        listing_levoGroup: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "md",
+        },
+        listing_levoGroupItem: {
+          card: {
+            display: "flex",
+            "column-gap": "lg",
+            "padding-top": "lg",
+            "padding-bottom": "lg",
+            "padding-left": "lg",
+            "padding-right": "lg",
+            "border-style": "solid",
+            "border-width": "1px",
+            "border-color": "border",
+            "border-radius": "lg",
+            "background-color": "background-1",
+            mobile: { "flex-direction": "column", "row-gap": "md" },
+          },
+          media: {
+            width: "220px",
+            height: "160px",
+            "aspect-ratio": "11 / 8",
+            "object-fit": "cover",
+            "border-radius": "base",
+            "flex-shrink": "0",
+            mobile: { width: "100%", height: "200px" },
+          },
+          filter_info_wrapper: {
+            display: "flex",
+            "flex-direction": "column",
+            "row-gap": "md",
+            flex: "1",
+            height: "100%",
           },
-          selectedVariants: {
-            Heading_Level: "H2",
+          filter_content: {
+            display: "flex",
+            "flex-direction": "column",
+            "row-gap": "xs",
+            flex: "1",
+          },
+          points_levoGroup: {
+            display: "flex",
+            "column-gap": "md",
+            "flex-wrap": "wrap",
+            "row-gap": "2xs",
           },
+          points_levoGroupItem: {
+            container: {
+              display: "flex",
+              "align-items": "center",
+              "column-gap": "2xs",
+            },
+            icon: {
+              height: "14px",
+              width: "14px",
+              "font-size": "14px",
+              "flex-shrink": "0",
+              color: "brand",
+            },
+            text: {
+              "font-size": "xs",
+              "font-weight": 600,
+              "letter-spacing": "0.04em",
+              "text-transform": "uppercase",
+              color: "brand",
+            },
+          },
+          points: POINTS_STYLES_PLACEHOLDERS,
+          title: { color: "text-1", "font-weight": 600 },
+          cta: { "margin-top": "auto", "align-self": "flex-start" },
+        },
+        listing: LISTING_STYLES_PLACEHOLDERS,
+        pagination_wrapper: {
+          display: "flex",
+          "justify-content": "center",
+          "column-gap": "md",
+        },
+        pagination_left: {},
+        pagination_text: {},
+        pagination_right: {},
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        header: {
+          heading: { level: 2 },
+          selectedVariants: { Heading_Level: "H2" },
         },
         listing: [
-          {
-            title: {
-              selectedVariants: {
-                Heading_Level: "H5",
-              },
-              heading: {
-                level: 5,
-              },
+          { title: { selectedVariants: { Heading_Level: "H5" }, heading: { level: 5 } }, cta: { selectedVariants: { Button_Variants: "Link" } } },
+          { title: { selectedVariants: { Heading_Level: "H5" }, heading: { level: 5 } }, cta: { selectedVariants: { Button_Variants: "Link" } } },
+          { title: { selectedVariants: { Heading_Level: "H5" }, heading: { level: 5 } }, cta: { selectedVariants: { Button_Variants: "Link" } } },
+          { title: { selectedVariants: { Heading_Level: "H5" }, heading: { level: 5 } }, cta: { selectedVariants: { Button_Variants: "Link" } } },
+          { title: { selectedVariants: { Heading_Level: "H5" }, heading: { level: 5 } }, cta: { selectedVariants: { Button_Variants: "Link" } } },
+          { title: { selectedVariants: { Heading_Level: "H5" }, heading: { level: 5 } }, cta: { selectedVariants: { Button_Variants: "Link" } } },
+        ],
+      },
+    },
+    {
+      key: "compact",
+      title: "Compact",
+      styles: {
+        layout: {
+          "padding-top": "2xl",
+          "padding-bottom": "2xl",
+          "padding-left": "2xl",
+          "padding-right": "2xl",
+          mobile: { "padding-left": "lg", "padding-right": "lg" },
+        },
+        container: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "xl",
+          "max-width": "760px",
+          "margin-left": "auto",
+          "margin-right": "auto",
+        },
+        header_wrapper: {
+          display: "flex",
+          "justify-content": "space-between",
+          "align-items": "center",
+        },
+        header: {},
+        listing_wrapper: {
+          display: "flex",
+          "flex-direction": "column",
+        },
+        filters_accordion: { display: "none" },
+        filters_accordion_item: {},
+        filters_accordion_trigger: {},
+        filters_accordion_title: {},
+        filters_accordion_content: {},
+        filters_box: {},
+        listing_levoGroup: {
+          display: "flex",
+          "flex-direction": "column",
+        },
+        listing_levoGroupItem: {
+          card: {
+            display: "flex",
+            "column-gap": "md",
+            "padding-top": "md",
+            "padding-bottom": "md",
+            "align-items": "center",
+            "border-bottom-style": "solid",
+            "border-bottom-width": "1px",
+            "border-bottom-color": "border",
+          },
+          media: {
+            width: "96px",
+            height: "72px",
+            "aspect-ratio": "4 / 3",
+            "object-fit": "cover",
+            "border-radius": "base",
+            "flex-shrink": "0",
+          },
+          filter_info_wrapper: {
+            display: "flex",
+            "flex-direction": "column",
+            "row-gap": "2xs",
+            flex: "1",
+          },
+          filter_content: {
+            display: "flex",
+            "flex-direction": "column",
+            "row-gap": "2xs",
+            flex: "1",
+          },
+          points_levoGroup: {
+            display: "flex",
+            "column-gap": "md",
+            "flex-wrap": "wrap",
+            "row-gap": "2xs",
+          },
+          points_levoGroupItem: {
+            container: {
+              display: "flex",
+              "align-items": "center",
+              "column-gap": "2xs",
+            },
+            icon: {
+              height: "12px",
+              width: "12px",
+              "font-size": "12px",
+              "flex-shrink": "0",
+              color: "brand",
+            },
+            text: {
+              "font-size": "xs",
+              "font-weight": 600,
+              "letter-spacing": "0.04em",
+              "text-transform": "uppercase",
+              color: "brand",
             },
           },
+          points: POINTS_STYLES_PLACEHOLDERS,
+          title: { "font-weight": 600 },
+          cta: { display: "none" },
+        },
+        listing: LISTING_STYLES_PLACEHOLDERS,
+        pagination_wrapper: {
+          display: "flex",
+          "justify-content": "center",
+          "column-gap": "sm",
+          "padding-top": "md",
+        },
+        pagination_left: {},
+        pagination_text: {},
+        pagination_right: {},
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        header: {
+          heading: { level: 3 },
+          selectedVariants: { Heading_Level: "H3" },
+        },
+        listing: [
+          { title: { selectedVariants: { Heading_Level: "H6" }, heading: { level: 6 } } },
+          { title: { selectedVariants: { Heading_Level: "H6" }, heading: { level: 6 } } },
+          { title: { selectedVariants: { Heading_Level: "H6" }, heading: { level: 6 } } },
+          { title: { selectedVariants: { Heading_Level: "H6" }, heading: { level: 6 } } },
+          { title: { selectedVariants: { Heading_Level: "H6" }, heading: { level: 6 } } },
+          { title: { selectedVariants: { Heading_Level: "H6" }, heading: { level: 6 } } },
         ],
       },
     },