@levo-so/blocks 0.1.101 → 0.1.102

package/src/blocks/hero/hero-8.schema.ts

@@ -1,86 +1,177 @@
 import type { IBlock } from "@levo-so/studio";
 
 const MEDIA_1 = {
-  id: "74dGgDI5SuDxp",
-  filename: "hero-8-1.png",
+  id: "7453077865651408747",
   kind: "image",
-  location: "https://static.levocdn.com/WLZ1TXTD/hero-8-1-eg6wFl4GZxLtF.png",
+  location:
+    "https://images.pexels.com/photos/8636589/pexels-photo-8636589.jpeg",
+  mimetype: "image/jpeg",
   srcset: {
-    "1080w": "https://static.levocdn.com/WLZ1TXTD/hero-8-1-eg6wFl4GZxLtF-1080w.webp",
-    "1200w": "https://static.levocdn.com/WLZ1TXTD/hero-8-1-eg6wFl4GZxLtF-1200w.webp",
-    "1920w": "https://static.levocdn.com/WLZ1TXTD/hero-8-1-eg6wFl4GZxLtF-1920w.webp",
-    "320w": "https://static.levocdn.com/WLZ1TXTD/hero-8-1-eg6wFl4GZxLtF-320w.webp",
-    "640w": "https://static.levocdn.com/WLZ1TXTD/hero-8-1-eg6wFl4GZxLtF-640w.webp",
-    "750w": "https://static.levocdn.com/WLZ1TXTD/hero-8-1-eg6wFl4GZxLtF-750w.webp",
-    "828w": "https://static.levocdn.com/WLZ1TXTD/hero-8-1-eg6wFl4GZxLtF-828w.webp",
-    path: "https://static.levocdn.com/WLZ1TXTD/hero-8-1-eg6wFl4GZxLtF-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/hero-8-1-eg6wFl4GZxLtF-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/hero-8-1-eg6wFl4GZxLtF-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/hero-8-1-eg6wFl4GZxLtF-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/hero-8-1-eg6wFl4GZxLtF-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/hero-8-1-eg6wFl4GZxLtF-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/hero-8-1-eg6wFl4GZxLtF-828w.webp 828w",
+    "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",
   },
-  mimetype: "image/png",
 };
+
 const MEDIA_2 = {
-  id: "pKkevltJxha9k",
-  filename: "hero-8-2.png",
+  id: "7453077867479971422",
   kind: "image",
-  location: "https://static.levocdn.com/WLZ1TXTD/hero-8-2-DNP35s1aEu6ho.png",
+  location:
+    "https://images.pexels.com/photos/31343630/pexels-photo-31343630.jpeg",
+  mimetype: "image/jpeg",
   srcset: {
-    "1080w": "https://static.levocdn.com/WLZ1TXTD/hero-8-2-DNP35s1aEu6ho-1080w.webp",
-    "1200w": "https://static.levocdn.com/WLZ1TXTD/hero-8-2-DNP35s1aEu6ho-1200w.webp",
-    "1920w": "https://static.levocdn.com/WLZ1TXTD/hero-8-2-DNP35s1aEu6ho-1920w.webp",
-    "320w": "https://static.levocdn.com/WLZ1TXTD/hero-8-2-DNP35s1aEu6ho-320w.webp",
-    "640w": "https://static.levocdn.com/WLZ1TXTD/hero-8-2-DNP35s1aEu6ho-640w.webp",
-    "750w": "https://static.levocdn.com/WLZ1TXTD/hero-8-2-DNP35s1aEu6ho-750w.webp",
-    "828w": "https://static.levocdn.com/WLZ1TXTD/hero-8-2-DNP35s1aEu6ho-828w.webp",
-    path: "https://static.levocdn.com/WLZ1TXTD/hero-8-2-DNP35s1aEu6ho-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/hero-8-2-DNP35s1aEu6ho-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/hero-8-2-DNP35s1aEu6ho-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/hero-8-2-DNP35s1aEu6ho-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/hero-8-2-DNP35s1aEu6ho-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/hero-8-2-DNP35s1aEu6ho-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/hero-8-2-DNP35s1aEu6ho-750w.webp 750w",
+    "320w":
+      "https://images.pexels.com/photos/31343630/pexels-photo-31343630.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
+    "640w":
+      "https://images.pexels.com/photos/31343630/pexels-photo-31343630.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
+    "750w":
+      "https://images.pexels.com/photos/31343630/pexels-photo-31343630.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
+    "828w":
+      "https://images.pexels.com/photos/31343630/pexels-photo-31343630.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
+    "1080w":
+      "https://images.pexels.com/photos/31343630/pexels-photo-31343630.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
+    "1200w":
+      "https://images.pexels.com/photos/31343630/pexels-photo-31343630.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
+    "1920w":
+      "https://images.pexels.com/photos/31343630/pexels-photo-31343630.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
+    path: "https://images.pexels.com/photos/31343630/pexels-photo-31343630.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320 320w, https://images.pexels.com/photos/31343630/pexels-photo-31343630.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/31343630/pexels-photo-31343630.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750 750w, https://images.pexels.com/photos/31343630/pexels-photo-31343630.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828 828w, https://images.pexels.com/photos/31343630/pexels-photo-31343630.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/31343630/pexels-photo-31343630.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200 1200w, https://images.pexels.com/photos/31343630/pexels-photo-31343630.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w",
   },
-  mimetype: "image/png",
 };
+
 const MEDIA_3 = {
-  id: "rSCtjlLkzA4Ps",
-  filename: "hero-8-3.png",
+  id: "7453077972410557512",
   kind: "image",
-  location: "https://static.levocdn.com/WLZ1TXTD/hero-8-3-1d791LgEXOxKz.png",
+  location:
+    "https://images.pexels.com/photos/5685765/pexels-photo-5685765.jpeg",
+  mimetype: "image/jpeg",
   srcset: {
-    "1080w": "https://static.levocdn.com/WLZ1TXTD/hero-8-3-1d791LgEXOxKz-1080w.webp",
-    "1200w": "https://static.levocdn.com/WLZ1TXTD/hero-8-3-1d791LgEXOxKz-1200w.webp",
-    "1920w": "https://static.levocdn.com/WLZ1TXTD/hero-8-3-1d791LgEXOxKz-1920w.webp",
-    "320w": "https://static.levocdn.com/WLZ1TXTD/hero-8-3-1d791LgEXOxKz-320w.webp",
-    "640w": "https://static.levocdn.com/WLZ1TXTD/hero-8-3-1d791LgEXOxKz-640w.webp",
-    "750w": "https://static.levocdn.com/WLZ1TXTD/hero-8-3-1d791LgEXOxKz-750w.webp",
-    "828w": "https://static.levocdn.com/WLZ1TXTD/hero-8-3-1d791LgEXOxKz-828w.webp",
-    path: "https://static.levocdn.com/WLZ1TXTD/hero-8-3-1d791LgEXOxKz-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/hero-8-3-1d791LgEXOxKz-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/hero-8-3-1d791LgEXOxKz-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/hero-8-3-1d791LgEXOxKz-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/hero-8-3-1d791LgEXOxKz-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/hero-8-3-1d791LgEXOxKz-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/hero-8-3-1d791LgEXOxKz-828w.webp 828w",
+    "320w":
+      "https://images.pexels.com/photos/5685765/pexels-photo-5685765.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
+    "640w":
+      "https://images.pexels.com/photos/5685765/pexels-photo-5685765.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
+    "750w":
+      "https://images.pexels.com/photos/5685765/pexels-photo-5685765.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
+    "828w":
+      "https://images.pexels.com/photos/5685765/pexels-photo-5685765.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
+    "1080w":
+      "https://images.pexels.com/photos/5685765/pexels-photo-5685765.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
+    "1200w":
+      "https://images.pexels.com/photos/5685765/pexels-photo-5685765.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
+    "1920w":
+      "https://images.pexels.com/photos/5685765/pexels-photo-5685765.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
+    path: "https://images.pexels.com/photos/5685765/pexels-photo-5685765.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320 320w, https://images.pexels.com/photos/5685765/pexels-photo-5685765.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/5685765/pexels-photo-5685765.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750 750w, https://images.pexels.com/photos/5685765/pexels-photo-5685765.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828 828w, https://images.pexels.com/photos/5685765/pexels-photo-5685765.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/5685765/pexels-photo-5685765.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200 1200w, https://images.pexels.com/photos/5685765/pexels-photo-5685765.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w",
+  },
+};
+
+const ICON_ARROW_RIGHT = {
+  kind: "icon" as const,
+  data: {
+    id: "arrow-right",
+    label: "Arrow Right",
+    svgCode:
+      '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 22.75H9C3.57 22.75 1.25 20.43 1.25 15V9C1.25 3.57 3.57 1.25 9 1.25H15C20.43 1.25 22.75 3.57 22.75 9V15C22.75 20.43 20.43 22.75 15 22.75ZM9 2.75C4.39 2.75 2.75 4.39 2.75 9V15C2.75 19.61 4.39 21.25 9 21.25H15C19.61 21.25 21.25 19.61 21.25 15V9C21.25 4.39 19.61 2.75 15 2.75H9Z" fill="var(--color-icon-primary)"/><path d="M10.7397 16.28C10.5497 16.28 10.3597 16.21 10.2097 16.06C9.91969 15.77 9.91969 15.29 10.2097 15L13.2097 12L10.2097 8.99997C9.91969 8.70997 9.91969 8.22997 10.2097 7.93997C10.4997 7.64997 10.9797 7.64997 11.2697 7.93997L14.7997 11.47C15.0897 11.76 15.0897 12.24 14.7997 12.53L11.2697 16.06C11.1197 16.21 10.9297 16.28 10.7397 16.28Z" fill="var(--color-icon-primary)"/></svg>',
+  },
+};
+
+const ICON_PLAY = {
+  kind: "icon" as const,
+  data: {
+    id: "play-circle",
+    label: "Play Circle",
+    svgCode:
+      '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.9697 22.75C6.04973 22.75 1.21973 17.93 1.21973 12C1.21973 6.07 6.04973 1.25 11.9697 1.25C17.8897 1.25 22.7197 6.07 22.7197 12C22.7197 17.93 17.8997 22.75 11.9697 22.75ZM11.9697 2.75C6.86973 2.75 2.71973 6.9 2.71973 12C2.71973 17.1 6.86973 21.25 11.9697 21.25C17.0697 21.25 21.2197 17.1 21.2197 12C21.2197 6.9 17.0697 2.75 11.9697 2.75Z" fill="var(--color-icon-primary)"/><path d="M10.5602 16.99C10.1202 16.99 9.70023 16.88 9.33023 16.67C8.47023 16.17 7.99023 15.19 7.99023 13.91V10.56C7.99023 9.27999 8.46023 8.29999 9.32023 7.79999C10.1802 7.29999 11.2702 7.37999 12.3802 8.01999L15.2802 9.68999C16.3902 10.33 17.0002 11.23 17.0002 12.23C17.0002 13.22 16.3902 14.13 15.2802 14.77L12.3802 16.44C11.7602 16.81 11.1302 16.99 10.5602 16.99ZM10.5602 8.96999C10.3802 8.96999 10.2102 9.00999 10.0802 9.08999C9.70023 9.30999 9.49023 9.83999 9.49023 10.56V13.91C9.49023 14.62 9.70023 15.16 10.0802 15.37C10.4502 15.59 11.0202 15.5 11.6402 15.15L14.5402 13.48C15.1602 13.12 15.5102 12.67 15.5102 12.24C15.5102 11.81 15.1502 11.36 14.5402 11L11.6402 9.32999C11.2402 9.08999 10.8702 8.96999 10.5602 8.96999Z" fill="var(--color-icon-primary)"/></svg>',
+  },
+};
+
+const ICON_CALENDAR = {
+  kind: "icon" as const,
+  data: {
+    id: "calendar",
+    label: "Calendar",
+    svgCode:
+      '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 5.75C7.59 5.75 7.25 5.41 7.25 5V2C7.25 1.59 7.59 1.25 8 1.25C8.41 1.25 8.75 1.59 8.75 2V5C8.75 5.41 8.41 5.75 8 5.75Z" fill="var(--color-icon-primary)"/><path d="M16 5.75C15.59 5.75 15.25 5.41 15.25 5V2C15.25 1.59 15.59 1.25 16 1.25C16.41 1.25 16.75 1.59 16.75 2V5C16.75 5.41 16.41 5.75 16 5.75Z" fill="var(--color-icon-primary)"/><path d="M15 22.75H9C3.38 22.75 2.25 20.1 2.25 15.82V9.65C2.25 4.91 3.85 2.98 7.96 2.75H16C16.01 2.75 16.03 2.75 16.04 2.75C20.15 2.98 21.75 4.91 21.75 9.65V15.82C21.75 20.1 20.62 22.75 15 22.75ZM8 4.25C5.2 4.41 3.75 5.29 3.75 9.65V15.82C3.75 19.65 4.48 21.25 9 21.25H15C19.52 21.25 20.25 19.65 20.25 15.82V9.65C20.25 5.3 18.81 4.41 15.98 4.25H8Z" fill="var(--color-icon-primary)"/><path d="M20.75 18.35H3.25C2.84 18.35 2.5 18.01 2.5 17.6C2.5 17.19 2.84 16.85 3.25 16.85H20.75C21.16 16.85 21.5 17.19 21.5 17.6C21.5 18.01 21.16 18.35 20.75 18.35Z" fill="var(--color-icon-primary)"/></svg>',
   },
-  mimetype: "image/png",
 };
 
 const MEDIA_ARR = [MEDIA_1, MEDIA_2, MEDIA_3];
 
+const SLIDE_CONTENT = [
+  {
+    description:
+      "Ship product, not process. Link issues, PRs, and docs so every update flows to your team in real time with zero context switching.",
+    primary_cta: "Start free trial",
+    secondary_cta: "See it live",
+    primary_icon: ICON_ARROW_RIGHT,
+    secondary_icon: ICON_PLAY,
+  },
+  {
+    description:
+      "Trigger any workflow with webhooks, SDKs, or our CLI. Branching logic, retries, and audit logs built in — no glue code required.",
+    primary_cta: "Read docs",
+    secondary_cta: "Watch 2-min tour",
+    primary_icon: ICON_ARROW_RIGHT,
+    secondary_icon: ICON_PLAY,
+  },
+  {
+    description:
+      "Real-time collaboration with presence, comments, and granular roles. SOC 2 Type II, SSO, and audit trails ready on day one.",
+    primary_cta: "Book a demo",
+    secondary_cta: "View pricing",
+    primary_icon: ICON_CALENDAR,
+    secondary_icon: ICON_ARROW_RIGHT,
+  },
+];
+
 const DEFAULT_SLIDES_COUNT = 3;
 
 const DEFAULT_CONTENT = {
   layout: null,
   container: null,
   header_section: null,
-  title: "Dream homes Delivered",
+  header_content: null,
+  title: "Operating System for fast-moving teams",
   description:
-    "Dream homes Delivered Dream homes Delivered Dream homes Delivered Dream homes Delivered Dream homes Delivered",
+    "Plan, build, and ship in one modern workspace — with automations, real-time sync, and analytics trusted by 12,000+ product teams.",
   ctas_levoGroup: null,
-  ctas: [{ cta: "Contact Us" }, { cta: "Learn More" }],
+  ctas: [
+    { cta: "Start free trial", cta_leftIcon: ICON_ARROW_RIGHT },
+    { cta: "Book a demo", cta_leftIcon: ICON_CALENDAR },
+  ],
   carousel_main_container: null,
   carousel_navigation: null,
   carousel_navigation_arrow_left: "←",
   carousel_navigation_arrow_right: "→",
 
-  slides: Array(DEFAULT_SLIDES_COUNT)
-    .fill(0)
-    .map((_, index) => ({
-      slide_wrapper: null,
-      left_container: null,
-      description: "Discover stunning properties in prime locations tailored to your lifestyle.",
-      slide_ctas_levoGroup: null,
-      slide_ctas: [{ slide_cta: "Explore Projects" }, { slide_cta: "View Gallery" }],
-      right_container: null,
-      image: MEDIA_ARR[index],
-    })),
+  slides: SLIDE_CONTENT.slice(0, DEFAULT_SLIDES_COUNT).map((slide, index) => ({
+    slide_wrapper: null,
+    left_container: null,
+    description: slide.description,
+    slide_ctas_levoGroup: null,
+    slide_ctas: [
+      {
+        slide_cta: slide.primary_cta,
+        slide_cta_leftIcon: slide.primary_icon,
+      },
+      {
+        slide_cta: slide.secondary_cta,
+        slide_cta_leftIcon: slide.secondary_icon,
+      },
+    ],
+    right_container: null,
+    image: MEDIA_ARR[index],
+  })),
 };
 
 export type IHero8Content = typeof DEFAULT_CONTENT;
@@ -174,7 +265,8 @@ export const Hero8: IBlock = {
       label: "Carousel Navigation",
       field_interface: "BoxWidget",
       hint: {
-        prompt_description: "Container for carousel navigation arrows. No content—structural only.",
+        prompt_description:
+          "Container for carousel navigation arrows. No content—structural only.",
       },
     },
     {
@@ -288,6 +380,7 @@ export const Hero8: IBlock = {
           display: "flex",
           "justify-content": "space-between",
           "align-items": "center",
+          "column-gap": "2xl",
           "margin-bottom": "2xl",
           mobile: {
             "flex-direction": "column",
@@ -295,18 +388,27 @@ export const Hero8: IBlock = {
             "margin-bottom": "xl",
           },
         },
+        header_content: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "sm",
+          "max-width": "640px",
+        },
         title: {
+          "text-wrap": "balance",
           mobile: {
             "text-align": "center",
           },
         },
+        description: {},
         ctas_levoGroup: {
           display: "flex",
           "flex-direction": "row",
           "align-items": "center",
           gap: "sm",
+          "flex-shrink": "0",
         },
-        ctas: Array(2).map(() => ({})),
+        ctas: [{}, {}],
         carousel_main_container: {
           "margin-bottom": "xl",
         },
@@ -319,191 +421,270 @@ export const Hero8: IBlock = {
         },
         carousel_navigation_arrow_left: {},
         carousel_navigation_arrow_right: {},
-        slides: [
-          {
-            slide_wrapper: {
-              display: "grid",
-              "grid-template-columns": "1fr 1fr",
-              "column-gap": "2xl",
-              "align-items": "center",
-              "min-height": "400px",
-              mobile: {
-                "grid-template-columns": "1fr",
-                "row-gap": "xl",
-                "min-height": "auto",
-              },
+        slides_levoGroupItem: {
+          slide_wrapper: {
+            display: "grid",
+            "grid-template-columns": "1fr 1fr",
+            "column-gap": "2xl",
+            "align-items": "center",
+            "min-height": "400px",
+            mobile: {
+              "grid-template-columns": "1fr",
+              "row-gap": "xl",
+              "min-height": "auto",
             },
-            left_container: {
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "lg",
-              mobile: {
-                "text-align": "center",
-                "row-gap": "base",
-              },
+          },
+          left_container: {
+            display: "flex",
+            "flex-direction": "column",
+            "row-gap": "lg",
+            mobile: {
+              "text-align": "center",
+              "row-gap": "base",
             },
-            description: {
-              "max-width": "500px",
-              mobile: {
-                "max-width": "100%",
-              },
+          },
+          description: {
+            "max-width": "500px",
+            mobile: {
+              "max-width": "100%",
             },
-            slide_ctas_levoGroup: {
-              display: "flex",
-              "flex-direction": "row",
-              "column-gap": "md",
-              "row-gap": "md",
-              "flex-wrap": "wrap",
-              "align-items": "center",
-              "align-self": "flex-start",
-              mobile: {
-                "align-self": "center",
-              },
+          },
+          slide_ctas_levoGroup: {
+            display: "flex",
+            "flex-direction": "row",
+            "column-gap": "md",
+            "row-gap": "md",
+            "flex-wrap": "wrap",
+            "align-items": "center",
+            "align-self": "flex-start",
+            mobile: {
+              "align-self": "center",
             },
-            slide_ctas: Array(2)
-              .fill(0)
-              .map(() => ({ slide_cta: {} })),
-            right_container: {
-              display: "flex",
-              "justify-content": "center",
-              "align-items": "center",
-              mobile: {
-                order: "-1",
-              },
+          },
+          slide_ctas_levoGroupItem: {
+            slide_cta: {},
+          },
+          slide_ctas: [{}, {}],
+          right_container: {
+            display: "flex",
+            "justify-content": "center",
+            "align-items": "center",
+            width: "100%",
+            mobile: {
+              order: "-1",
             },
-            image: {
-              width: "100%",
-              height: "300px",
-              "object-fit": "cover",
-              "border-radius": "base",
-              mobile: {
-                height: "250px",
-              },
+          },
+          image: {
+            width: "100%",
+            height: "360px",
+            "aspect-ratio": "16 / 10",
+            "object-fit": "cover",
+            "border-radius": "base",
+            mobile: {
+              height: "250px",
             },
           },
+        },
+        slides: [{}, {}, {}],
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        slides_levoGroup: {
+          carousel: {
+            speed: 2,
+          },
+        },
+        title: {
+          "text-wrap": "balance",
+          heading: {
+            level: 1,
+          },
+          selectedVariants: {
+            Heading_Level: "H1",
+          },
+        },
+        slides: [
           {
-            slide_wrapper: {
-              display: "grid",
-              "grid-template-columns": "1fr 1fr",
-              "column-gap": "2xl",
-              "align-items": "center",
-              "min-height": "400px",
-              mobile: {
-                "grid-template-columns": "1fr",
-                "row-gap": "xl",
-                "min-height": "auto",
-              },
-            },
-            left_container: {
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "lg",
-              mobile: {
-                "text-align": "center",
-                "row-gap": "base",
-              },
-            },
             description: {
-              "max-width": "500px",
-              mobile: {
-                "max-width": "100%",
+              selectedVariants: {
+                Typography_Variants: "Lead",
               },
             },
-            slide_ctas_levoGroup: {
-              display: "flex",
-              "flex-direction": "row",
-              "column-gap": "md",
-              "row-gap": "md",
-              "flex-wrap": "wrap",
-              "align-items": "center",
-              "align-self": "flex-start",
-              mobile: {
-                "align-self": "center",
+            slide_ctas: [
+              { slide_cta: { selectedVariants: {} } },
+              {
+                slide_cta: {
+                  selectedVariants: { Button_Variants: "Secondary" },
+                },
               },
-            },
-            slide_ctas: Array(2)
-              .fill(0)
-              .map(() => ({ slide_cta: {} })),
-            right_container: {
-              display: "flex",
-              "justify-content": "center",
-              "align-items": "center",
-              mobile: {
-                order: "-1",
+            ],
+          },
+          {
+            slide_ctas: [
+              { slide_cta: { selectedVariants: {} } },
+              {
+                slide_cta: {
+                  selectedVariants: { Button_Variants: "Secondary" },
+                },
               },
-            },
-            image: {
-              width: "100%",
-              height: "300px",
-              "object-fit": "cover",
-              "border-radius": "base",
-              mobile: {
-                height: "250px",
+            ],
+            description: {
+              selectedVariants: {
+                Typography_Variants: "Lead",
               },
             },
           },
           {
-            slide_wrapper: {
-              display: "grid",
-              "grid-template-columns": "1fr 1fr",
-              "column-gap": "2xl",
-              "align-items": "center",
-              "min-height": "400px",
-              mobile: {
-                "grid-template-columns": "1fr",
-                "row-gap": "xl",
-                "min-height": "auto",
-              },
-            },
-            left_container: {
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "lg",
-              mobile: {
-                "text-align": "center",
-                "row-gap": "base",
+            slide_ctas: [
+              { slide_cta: { selectedVariants: {} } },
+              {
+                slide_cta: {
+                  selectedVariants: { Button_Variants: "Secondary" },
+                },
               },
-            },
+            ],
             description: {
-              "max-width": "500px",
-              mobile: {
-                "max-width": "100%",
+              selectedVariants: {
+                Typography_Variants: "Lead",
               },
             },
-            slide_ctas_levoGroup: {
-              display: "flex",
-              "flex-direction": "row",
-              "column-gap": "md",
-              "row-gap": "md",
-              "flex-wrap": "wrap",
-              "align-items": "center",
-              "align-self": "flex-start",
-              mobile: {
-                "align-self": "center",
-              },
+          },
+        ],
+        carousel_navigation_arrow_right: {
+          selectedVariants: {
+            Button_Variants: "Secondary",
+          },
+        },
+        carousel_navigation_arrow_left: {
+          selectedVariants: {
+            Button_Variants: "Secondary",
+          },
+        },
+        ctas: [
+          {},
+          { cta: { selectedVariants: { Button_Variants: "Secondary" } } },
+        ],
+      },
+    },
+    {
+      title: "Centered Header",
+      key: "centered_header",
+      styles: {
+        layout: {},
+        container: {},
+        header_section: {
+          display: "flex",
+          "flex-direction": "column",
+          "align-items": "center",
+          "text-align": "center",
+          "row-gap": "base",
+          "margin-bottom": "2xl",
+          mobile: {
+            "margin-bottom": "xl",
+            "row-gap": "base",
+          },
+        },
+        header_content: {
+          display: "flex",
+          "flex-direction": "column",
+          "align-items": "center",
+          "row-gap": "sm",
+          "max-width": "720px",
+        },
+        title: {
+          "text-wrap": "balance",
+          "text-align": "center",
+        },
+        description: {
+          "text-align": "center",
+        },
+        ctas_levoGroup: {
+          display: "flex",
+          "flex-direction": "row",
+          "align-items": "center",
+          "justify-content": "center",
+          gap: "sm",
+          "margin-top": "sm",
+        },
+        ctas: [{}, {}],
+        carousel_main_container: {
+          "margin-bottom": "xl",
+        },
+        slides_levoGroup: {},
+        carousel_navigation: {
+          display: "flex",
+          "column-gap": "base",
+          "align-items": "center",
+          "justify-content": "center",
+          "margin-top": "lg",
+        },
+        carousel_navigation_arrow_left: {},
+        carousel_navigation_arrow_right: {},
+        slides_levoGroupItem: {
+          slide_wrapper: {
+            display: "grid",
+            "grid-template-columns": "1fr 1fr",
+            "column-gap": "2xl",
+            "align-items": "center",
+            "min-height": "400px",
+            mobile: {
+              "grid-template-columns": "1fr",
+              "row-gap": "xl",
+              "min-height": "auto",
             },
-            slide_ctas: Array(2)
-              .fill(0)
-              .map(() => ({ slide_cta: {} })),
-            right_container: {
-              display: "flex",
-              "justify-content": "center",
-              "align-items": "center",
-              mobile: {
-                order: "-1",
-              },
+          },
+          left_container: {
+            display: "flex",
+            "flex-direction": "column",
+            "row-gap": "lg",
+            mobile: {
+              "text-align": "center",
+              "row-gap": "base",
             },
-            image: {
-              width: "100%",
-              height: "300px",
-              "object-fit": "cover",
-              "border-radius": "base",
-              mobile: {
-                height: "250px",
-              },
+          },
+          description: {
+            "max-width": "500px",
+            mobile: {
+              "max-width": "100%",
             },
           },
-        ],
+          slide_ctas_levoGroup: {
+            display: "flex",
+            "flex-direction": "row",
+            "column-gap": "md",
+            "row-gap": "md",
+            "flex-wrap": "wrap",
+            "align-items": "center",
+            "align-self": "flex-start",
+            mobile: {
+              "align-self": "center",
+            },
+          },
+          slide_ctas_levoGroupItem: {
+            slide_cta: {},
+          },
+          slide_ctas: [{}, {}],
+          right_container: {
+            display: "flex",
+            "justify-content": "center",
+            "align-items": "center",
+            width: "100%",
+            mobile: {
+              order: "-1",
+            },
+          },
+          image: {
+            width: "100%",
+            height: "360px",
+            "aspect-ratio": "16 / 10",
+            "object-fit": "cover",
+            "border-radius": "base",
+            mobile: {
+              height: "250px",
+            },
+          },
+        },
+        slides: [{}, {}, {}],
       },
       content: DEFAULT_CONTENT,
       config: {
@@ -513,6 +694,7 @@ export const Hero8: IBlock = {
           },
         },
         title: {
+          "text-wrap": "balance",
           heading: {
             level: 1,
           },
@@ -520,50 +702,364 @@ export const Hero8: IBlock = {
             Heading_Level: "H1",
           },
         },
-        slides: [
-          {
+        slides: Array(3)
+          .fill(0)
+          .map(() => ({
             description: {
               selectedVariants: {
                 Typography_Variants: "Lead",
               },
             },
-            slide_ctas: Array(2)
-              .fill(0)
-              .map(() => ({
+            slide_ctas: [
+              { slide_cta: { selectedVariants: {} } },
+              {
                 slide_cta: {
-                  selectedVariants: {},
+                  selectedVariants: { Button_Variants: "Secondary" },
                 },
-              })),
+              },
+            ],
+          })),
+        carousel_navigation_arrow_right: {
+          selectedVariants: {
+            Button_Variants: "Secondary",
           },
-          {
-            slide_ctas: Array(2)
-              .fill(0)
-              .map(() => ({
-                slide_cta: {
-                  selectedVariants: {},
-                },
-              })),
+        },
+        carousel_navigation_arrow_left: {
+          selectedVariants: {
+            Button_Variants: "Secondary",
+          },
+        },
+        ctas: [
+          {},
+          { cta: { selectedVariants: { Button_Variants: "Secondary" } } },
+        ],
+      },
+    },
+    {
+      title: "Compact Grid",
+      key: "compact_grid",
+      styles: {
+        layout: {},
+        container: {},
+        header_section: {
+          display: "flex",
+          "justify-content": "space-between",
+          "align-items": "center",
+          "column-gap": "xl",
+          "margin-bottom": "lg",
+          mobile: {
+            "flex-direction": "column",
+            "row-gap": "sm",
+            "margin-bottom": "base",
+          },
+        },
+        header_content: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "xs",
+          "max-width": "560px",
+        },
+        title: {
+          "text-wrap": "balance",
+          mobile: {
+            "text-align": "center",
+          },
+        },
+        description: {},
+        ctas_levoGroup: {
+          display: "flex",
+          "flex-direction": "row",
+          "align-items": "center",
+          gap: "xs",
+          "flex-shrink": "0",
+        },
+        ctas: [{}, {}],
+        carousel_main_container: {
+          "margin-bottom": "base",
+        },
+        slides_levoGroup: {
+          number_of_slides: 1,
+        },
+        carousel_navigation: {
+          display: "flex",
+          "column-gap": "sm",
+          "align-items": "center",
+          "margin-top": "base",
+        },
+        carousel_navigation_arrow_left: {},
+        carousel_navigation_arrow_right: {},
+        slides_levoGroupItem: {
+          slide_wrapper: {
+            display: "grid",
+            "grid-template-columns": "1fr 1fr",
+            "column-gap": "lg",
+            "align-items": "center",
+            "min-height": "280px",
+            mobile: {
+              "grid-template-columns": "1fr",
+              "row-gap": "base",
+              "min-height": "auto",
+            },
+          },
+          left_container: {
+            display: "flex",
+            "flex-direction": "column",
+            "row-gap": "sm",
+            mobile: {
+              "text-align": "center",
+              "row-gap": "xs",
+            },
+          },
+          description: {
+            "max-width": "460px",
+            mobile: {
+              "max-width": "100%",
+            },
+          },
+          slide_ctas_levoGroup: {
+            display: "flex",
+            "flex-direction": "row",
+            "column-gap": "sm",
+            "row-gap": "sm",
+            "flex-wrap": "wrap",
+            "align-items": "center",
+            "align-self": "flex-start",
+            mobile: {
+              "align-self": "center",
+            },
+          },
+          slide_ctas_levoGroupItem: {
+            slide_cta: {},
+          },
+          slide_ctas: [{}, {}],
+          right_container: {
+            display: "flex",
+            "justify-content": "center",
+            "align-items": "center",
+            width: "100%",
+            mobile: {
+              order: "-1",
+            },
+          },
+          image: {
+            width: "100%",
+            height: "240px",
+            "aspect-ratio": "16 / 10",
+            "object-fit": "cover",
+            "border-radius": "sm",
+            mobile: {
+              height: "180px",
+            },
+          },
+        },
+        slides: [{}, {}, {}],
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        slides_levoGroup: {
+          carousel: {
+            speed: 2,
+          },
+        },
+        title: {
+          "text-wrap": "balance",
+          heading: {
+            level: 1,
+          },
+          selectedVariants: {
+            Heading_Level: "H1",
+          },
+        },
+        slides: Array(3)
+          .fill(0)
+          .map(() => ({
             description: {
               selectedVariants: {
                 Typography_Variants: "Lead",
               },
             },
-          },
-          {
-            slide_ctas: Array(2)
-              .fill(0)
-              .map(() => ({
+            slide_ctas: [
+              { slide_cta: { selectedVariants: {} } },
+              {
                 slide_cta: {
-                  selectedVariants: {},
+                  selectedVariants: { Button_Variants: "Secondary" },
                 },
-              })),
+              },
+            ],
+          })),
+        carousel_navigation_arrow_right: {
+          selectedVariants: {
+            Button_Variants: "Secondary",
+          },
+        },
+        carousel_navigation_arrow_left: {
+          selectedVariants: {
+            Button_Variants: "Secondary",
+          },
+        },
+        ctas: [
+          {},
+          { cta: { selectedVariants: { Button_Variants: "Secondary" } } },
+        ],
+      },
+    },
+    {
+      title: "Card Slides",
+      key: "card_slides",
+      styles: {
+        layout: {
+          background: "none",
+        },
+        container: {},
+        header_section: {
+          display: "flex",
+          "justify-content": "space-between",
+          "align-items": "center",
+          "column-gap": "2xl",
+          "margin-bottom": "2xl",
+          mobile: {
+            "flex-direction": "column",
+            "row-gap": "base",
+            "margin-bottom": "xl",
+          },
+        },
+        header_content: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "sm",
+          "max-width": "640px",
+        },
+        title: {
+          "text-wrap": "balance",
+          mobile: {
+            "text-align": "center",
+          },
+        },
+        description: {},
+        ctas_levoGroup: {
+          display: "flex",
+          "flex-direction": "row",
+          "align-items": "center",
+          gap: "sm",
+          "flex-shrink": "0",
+        },
+        ctas: [{}, {}],
+        carousel_main_container: {
+          "margin-bottom": "xl",
+        },
+        slides_levoGroup: {},
+        carousel_navigation: {
+          display: "flex",
+          "column-gap": "base",
+          "align-items": "center",
+          "margin-top": "lg",
+        },
+        carousel_navigation_arrow_left: {},
+        carousel_navigation_arrow_right: {},
+        slides_levoGroupItem: {
+          slide_wrapper: {
+            display: "grid",
+            "grid-template-columns": "1fr 1fr",
+            "column-gap": "2xl",
+            "align-items": "center",
+            "min-height": "400px",
+            background: "background-1",
+            "border-radius": "xl",
+            padding: "xl",
+            "box-shadow": "default",
+            mobile: {
+              "grid-template-columns": "1fr",
+              "row-gap": "xl",
+              "min-height": "auto",
+              padding: "lg",
+            },
+          },
+          left_container: {
+            display: "flex",
+            "flex-direction": "column",
+            "row-gap": "lg",
+            mobile: {
+              "text-align": "center",
+              "row-gap": "base",
+            },
+          },
+          description: {
+            "max-width": "500px",
+            mobile: {
+              "max-width": "100%",
+            },
+          },
+          slide_ctas_levoGroup: {
+            display: "flex",
+            "flex-direction": "row",
+            "column-gap": "md",
+            "row-gap": "md",
+            "flex-wrap": "wrap",
+            "align-items": "center",
+            "align-self": "flex-start",
+            mobile: {
+              "align-self": "center",
+            },
+          },
+          slide_ctas_levoGroupItem: {
+            slide_cta: {},
+          },
+          slide_ctas: [{}, {}],
+          right_container: {
+            display: "flex",
+            "justify-content": "center",
+            "align-items": "center",
+            width: "100%",
+            mobile: {
+              order: "-1",
+            },
+          },
+          image: {
+            width: "100%",
+            height: "340px",
+            "aspect-ratio": "16 / 10",
+            "object-fit": "cover",
+            "border-radius": "base",
+            mobile: {
+              height: "250px",
+            },
+          },
+        },
+        slides: [{}, {}, {}],
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        slides_levoGroup: {
+          carousel: {
+            speed: 2,
+          },
+        },
+        title: {
+          "text-wrap": "balance",
+          heading: {
+            level: 1,
+          },
+          selectedVariants: {
+            Heading_Level: "H1",
+          },
+        },
+        slides: Array(3)
+          .fill(0)
+          .map(() => ({
             description: {
               selectedVariants: {
                 Typography_Variants: "Lead",
               },
             },
-          },
-        ],
+            slide_ctas: [
+              { slide_cta: { selectedVariants: {} } },
+              {
+                slide_cta: {
+                  selectedVariants: { Button_Variants: "Secondary" },
+                },
+              },
+            ],
+          })),
         carousel_navigation_arrow_right: {
           selectedVariants: {
             Button_Variants: "Secondary",
@@ -574,6 +1070,10 @@ export const Hero8: IBlock = {
             Button_Variants: "Secondary",
           },
         },
+        ctas: [
+          {},
+          { cta: { selectedVariants: { Button_Variants: "Secondary" } } },
+        ],
       },
     },
   ],