@levo-so/blocks 0.1.101 → 0.1.103

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

@@ -1,70 +1,90 @@
 import type { IBlock } from "@levo-so/studio";
 
 const MEDIA_1 = {
-  id: "ZnM7UkWOHJ8a",
-  filename: "hero-defauly.png",
+  id: "7453077972412839722",
   kind: "image",
-  location: "https://static.levocdn.com/WLZ1TXTD/hero-defauly-qW3Y1jcCxtM6.png",
+  location: "https://images.pexels.com/photos/7793715/pexels-photo-7793715.jpeg",
+  mimetype: "image/jpeg",
   srcset: {
-    "1080w": "https://static.levocdn.com/WLZ1TXTD/hero-defauly-qW3Y1jcCxtM6-1080w.webp",
-    "1200w": "https://static.levocdn.com/WLZ1TXTD/hero-defauly-qW3Y1jcCxtM6-1200w.webp",
-    "1920w": "https://static.levocdn.com/WLZ1TXTD/hero-defauly-qW3Y1jcCxtM6-1920w.webp",
-    "320w": "https://static.levocdn.com/WLZ1TXTD/hero-defauly-qW3Y1jcCxtM6-320w.webp",
-    "640w": "https://static.levocdn.com/WLZ1TXTD/hero-defauly-qW3Y1jcCxtM6-640w.webp",
-    "750w": "https://static.levocdn.com/WLZ1TXTD/hero-defauly-qW3Y1jcCxtM6-750w.webp",
-    "828w": "https://static.levocdn.com/WLZ1TXTD/hero-defauly-qW3Y1jcCxtM6-828w.webp",
-    path: "https://static.levocdn.com/WLZ1TXTD/hero-defauly-qW3Y1jcCxtM6-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/hero-defauly-qW3Y1jcCxtM6-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/hero-defauly-qW3Y1jcCxtM6-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/hero-defauly-qW3Y1jcCxtM6-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/hero-defauly-qW3Y1jcCxtM6-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/hero-defauly-qW3Y1jcCxtM6-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/hero-defauly-qW3Y1jcCxtM6-1920w.webp 1920w",
+    "320w":
+      "https://images.pexels.com/photos/7793715/pexels-photo-7793715.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
+    "640w":
+      "https://images.pexels.com/photos/7793715/pexels-photo-7793715.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
+    "750w":
+      "https://images.pexels.com/photos/7793715/pexels-photo-7793715.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
+    "828w":
+      "https://images.pexels.com/photos/7793715/pexels-photo-7793715.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
+    "1080w":
+      "https://images.pexels.com/photos/7793715/pexels-photo-7793715.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
+    "1200w":
+      "https://images.pexels.com/photos/7793715/pexels-photo-7793715.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
+    "1920w":
+      "https://images.pexels.com/photos/7793715/pexels-photo-7793715.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
+    path: "https://images.pexels.com/photos/7793715/pexels-photo-7793715.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320 320w, https://images.pexels.com/photos/7793715/pexels-photo-7793715.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/7793715/pexels-photo-7793715.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750 750w, https://images.pexels.com/photos/7793715/pexels-photo-7793715.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828 828w, https://images.pexels.com/photos/7793715/pexels-photo-7793715.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/7793715/pexels-photo-7793715.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200 1200w, https://images.pexels.com/photos/7793715/pexels-photo-7793715.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w",
   },
-  mimetype: "image/png",
 };
+
 const MEDIA_2 = {
-  id: "CISNrrDGAzAU",
-  filename: "hero-4-2.png",
+  id: "7453077865651408747",
   kind: "image",
-  location: "https://static.levocdn.com/WLZ1TXTD/hero-4-2-w9fMJutqwfWi.png",
+  location: "https://images.pexels.com/photos/8636589/pexels-photo-8636589.jpeg",
+  mimetype: "image/jpeg",
   srcset: {
-    "1080w": "https://static.levocdn.com/WLZ1TXTD/hero-4-2-w9fMJutqwfWi-1080w.webp",
-    "1200w": "https://static.levocdn.com/WLZ1TXTD/hero-4-2-w9fMJutqwfWi-1200w.webp",
-    "1920w": "https://static.levocdn.com/WLZ1TXTD/hero-4-2-w9fMJutqwfWi-1920w.webp",
-    "320w": "https://static.levocdn.com/WLZ1TXTD/hero-4-2-w9fMJutqwfWi-320w.webp",
-    "640w": "https://static.levocdn.com/WLZ1TXTD/hero-4-2-w9fMJutqwfWi-640w.webp",
-    "750w": "https://static.levocdn.com/WLZ1TXTD/hero-4-2-w9fMJutqwfWi-750w.webp",
-    "828w": "https://static.levocdn.com/WLZ1TXTD/hero-4-2-w9fMJutqwfWi-828w.webp",
-    path: "https://static.levocdn.com/WLZ1TXTD/hero-4-2-w9fMJutqwfWi-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/hero-4-2-w9fMJutqwfWi-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/hero-4-2-w9fMJutqwfWi-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/hero-4-2-w9fMJutqwfWi-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/hero-4-2-w9fMJutqwfWi-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/hero-4-2-w9fMJutqwfWi-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/hero-4-2-w9fMJutqwfWi-320w.webp 320w",
+    "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_3 = {
-  id: "XZbtbcwEoYoF",
-  filename: "hero-4-3.png",
+  id: "7453077871394427806",
   kind: "image",
-  location: "https://static.levocdn.com/WLZ1TXTD/hero-4-3-1d7MLgEXzj4o.png",
+  location: "https://images.pexels.com/photos/36631703/pexels-photo-36631703.jpeg",
+  mimetype: "image/jpeg",
   srcset: {
-    "1080w": "https://static.levocdn.com/WLZ1TXTD/hero-4-3-1d7MLgEXzj4o-1080w.webp",
-    "1200w": "https://static.levocdn.com/WLZ1TXTD/hero-4-3-1d7MLgEXzj4o-1200w.webp",
-    "1920w": "https://static.levocdn.com/WLZ1TXTD/hero-4-3-1d7MLgEXzj4o-1920w.webp",
-    "320w": "https://static.levocdn.com/WLZ1TXTD/hero-4-3-1d7MLgEXzj4o-320w.webp",
-    "640w": "https://static.levocdn.com/WLZ1TXTD/hero-4-3-1d7MLgEXzj4o-640w.webp",
-    "750w": "https://static.levocdn.com/WLZ1TXTD/hero-4-3-1d7MLgEXzj4o-750w.webp",
-    "828w": "https://static.levocdn.com/WLZ1TXTD/hero-4-3-1d7MLgEXzj4o-828w.webp",
-    path: "https://static.levocdn.com/WLZ1TXTD/hero-4-3-1d7MLgEXzj4o-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/hero-4-3-1d7MLgEXzj4o-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/hero-4-3-1d7MLgEXzj4o-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/hero-4-3-1d7MLgEXzj4o-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/hero-4-3-1d7MLgEXzj4o-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/hero-4-3-1d7MLgEXzj4o-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/hero-4-3-1d7MLgEXzj4o-1200w.webp 1200w",
+    "320w":
+      "https://images.pexels.com/photos/36631703/pexels-photo-36631703.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
+    "640w":
+      "https://images.pexels.com/photos/36631703/pexels-photo-36631703.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
+    "750w":
+      "https://images.pexels.com/photos/36631703/pexels-photo-36631703.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
+    "828w":
+      "https://images.pexels.com/photos/36631703/pexels-photo-36631703.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
+    "1080w":
+      "https://images.pexels.com/photos/36631703/pexels-photo-36631703.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
+    "1200w":
+      "https://images.pexels.com/photos/36631703/pexels-photo-36631703.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
+    "1920w":
+      "https://images.pexels.com/photos/36631703/pexels-photo-36631703.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
+    path: "https://images.pexels.com/photos/36631703/pexels-photo-36631703.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320 320w, https://images.pexels.com/photos/36631703/pexels-photo-36631703.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/36631703/pexels-photo-36631703.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750 750w, https://images.pexels.com/photos/36631703/pexels-photo-36631703.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828 828w, https://images.pexels.com/photos/36631703/pexels-photo-36631703.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/36631703/pexels-photo-36631703.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200 1200w, https://images.pexels.com/photos/36631703/pexels-photo-36631703.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w",
   },
-  mimetype: "image/png",
 };
 
 const DEFAULT_CONTENT = {
   layout: null,
   headerWrapper: null,
-  title: "Your Trusted Partner in Financial Excellence",
+  title: "Operating System for fast-moving teams",
   description:
-    "Your Trusted Partner in Financial Excellence Your Trusted Partner in Financial Excellence Your Trusted Partner in Financial Excellence Your Trusted Partner in Financial Excellence",
+    "One workspace for docs, projects, and real-time sync — with SOC 2 controls and webhooks that plug into the stack your team already ships on.",
   ctas_levoGroup: null,
   ctas: [
     {
-      cta: "Get Started",
+      cta: "Start free trial",
     },
     {
-      cta: "Learn More",
+      cta: "Book a demo",
     },
   ],
   slider_dots: null,
@@ -79,14 +99,25 @@ const DEFAULT_CONTENT = {
     {
       image: MEDIA_3,
     },
-    {
-      image: MEDIA_1,
-    },
   ],
 };
 
 export type IHero5Content = typeof DEFAULT_CONTENT;
 
+/**
+ * Shared image styling applied to every slide in the carousel.
+ * Enforces a consistent aspect ratio and cover fit so mixed-source
+ * Pexels photos render with parity across slides.
+ */
+const IMAGE_BASE_STYLE = {
+  width: "100%",
+  height: "100%",
+  "object-fit": "cover",
+  "aspect-ratio": "16 / 9",
+  display: "block",
+  "border-radius": "lg",
+};
+
 export const Hero5: IBlock = {
   category_id: "hero",
   title: "Hero 5",
@@ -170,7 +201,7 @@ export const Hero5: IBlock = {
         },
         slider_dots: {
           position: "absolute",
-          bottom: "130px",
+          bottom: "24px",
           left: "50%",
           transform: "translateX(-50%)",
           display: "flex",
@@ -178,22 +209,24 @@ export const Hero5: IBlock = {
           "align-items": "center",
           "z-index": "20",
           "padding-top": "xs",
-          "padding-right": "xs",
+          "padding-right": "sm",
           "padding-bottom": "xs",
-          "padding-left": "xs",
+          "padding-left": "sm",
           "border-radius": "base",
+          "background-color": "rgba(10,15,25,0.55)",
           tablet: {
-            bottom: "70px",
+            bottom: "16px",
           },
           mobile: {
-            bottom: "50px",
+            bottom: "12px",
           },
         },
         slider_dot: {
           width: "8px",
           height: "8px",
           "border-radius": "base",
-          "background-color": "text-1",
+          "background-color": "text-2",
+          cursor: "pointer",
         },
         slides_levoGroup: {
           width: "100%",
@@ -203,16 +236,338 @@ export const Hero5: IBlock = {
           display: "flex",
           "align-items": "center",
           "justify-content": "space-between",
+          "column-gap": "2xl",
+          "margin-bottom": "2xl",
+          tablet: {
+            "flex-direction": "column",
+            "align-items": "flex-start",
+            "row-gap": "md",
+            "margin-bottom": "xl",
+          },
+        },
+        title: {
+          "text-wrap": "balance",
+          tablet: {
+            "text-align": "left",
+          },
+        },
+        ctas_levoGroup: {
+          display: "flex",
+          "flex-direction": "row",
+          "column-gap": "md",
+          "row-gap": "md",
+          "flex-wrap": "wrap",
+          "align-items": "center",
+          "flex-shrink": "0",
+        },
+        ctas_levoGroupItem: {
+          cta: {
+            tablet: {},
+            mobile: {},
+          },
+        },
+        ctas: [{}, {}],
+        "header-content": {
+          "max-width": "640px",
+        },
+        images_levoGroupItem: {
+          image: IMAGE_BASE_STYLE,
+        },
+        images: [{}, {}, {}],
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        title: {
+          heading: {
+            level: 1,
+          },
+          selectedVariants: {
+            Heading_Level: "H1",
+          },
+        },
+        ctas: [{}, { cta: { selectedVariants: { Button_Variants: "Secondary" } } }],
+      },
+    },
+    {
+      key: "stacked_center",
+      title: "Stacked Center",
+      styles: {
+        container: {
+          position: "relative",
+        },
+        slider_dots: {
+          position: "absolute",
+          bottom: "24px",
+          left: "50%",
+          transform: "translateX(-50%)",
+          display: "flex",
+          "column-gap": "xs",
+          "align-items": "center",
+          "z-index": "20",
+          "padding-top": "xs",
+          "padding-right": "sm",
+          "padding-bottom": "xs",
+          "padding-left": "sm",
+          "border-radius": "base",
+          "background-color": "rgba(10,15,25,0.55)",
+          tablet: {
+            bottom: "16px",
+          },
+          mobile: {
+            bottom: "12px",
+          },
+        },
+        slider_dot: {
+          width: "8px",
+          height: "8px",
+          "border-radius": "base",
+          "background-color": "text-2",
+          cursor: "pointer",
+        },
+        slides_levoGroup: {
+          width: "100%",
+          height: "100%",
+        },
+        headerWrapper: {
+          display: "flex",
+          "flex-direction": "column",
+          "align-items": "center",
+          "justify-content": "center",
+          "row-gap": "md",
           "margin-bottom": "3xl",
+          tablet: {
+            "margin-bottom": "xl",
+          },
+        },
+        "header-content": {
+          display: "flex",
+          "flex-direction": "column",
+          "align-items": "center",
+          "row-gap": "md",
+          "max-width": "720px",
+        },
+        title: {
+          "text-wrap": "balance",
+          "text-align": "center",
+        },
+        description: {
+          "text-align": "center",
+          "max-width": "640px",
+        },
+        ctas_levoGroup: {
+          display: "flex",
+          "flex-direction": "row",
+          "column-gap": "md",
+          "row-gap": "md",
+          "flex-wrap": "wrap",
+          "align-items": "center",
+          "justify-content": "center",
+        },
+        ctas_levoGroupItem: {
+          cta: {
+            tablet: {},
+            mobile: {},
+          },
+        },
+        ctas: [{}, {}],
+        images_levoGroupItem: {
+          image: IMAGE_BASE_STYLE,
+        },
+        images: [{}, {}, {}],
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        title: {
+          heading: {
+            level: 1,
+          },
+          selectedVariants: {
+            Heading_Level: "H1",
+          },
+        },
+        ctas: [{}, { cta: { selectedVariants: { Button_Variants: "Secondary" } } }],
+      },
+    },
+    {
+      key: "compact_header",
+      title: "Compact Header",
+      styles: {
+        container: {
+          position: "relative",
+        },
+        slider_dots: {
+          position: "absolute",
+          bottom: "24px",
+          left: "50%",
+          transform: "translateX(-50%)",
+          display: "flex",
+          "column-gap": "xs",
+          "align-items": "center",
+          "z-index": "20",
+          "padding-top": "xs",
+          "padding-right": "sm",
+          "padding-bottom": "xs",
+          "padding-left": "sm",
+          "border-radius": "base",
+          "background-color": "rgba(10,15,25,0.55)",
+          tablet: {
+            bottom: "16px",
+          },
+          mobile: {
+            bottom: "12px",
+          },
+        },
+        slider_dot: {
+          width: "8px",
+          height: "8px",
+          "border-radius": "base",
+          "background-color": "text-2",
+          cursor: "pointer",
+        },
+        slides_levoGroup: {
+          width: "100%",
+          height: "100%",
+        },
+        headerWrapper: {
+          display: "flex",
+          "flex-direction": "row",
+          "align-items": "center",
+          "justify-content": "space-between",
+          "column-gap": "2xl",
+          "margin-bottom": "xl",
           tablet: {
             "flex-direction": "column",
-            "row-gap": "base",
-            "margin-bottom": "2xl",
+            "align-items": "flex-start",
+            "row-gap": "md",
+            "margin-bottom": "md",
+          },
+        },
+        "header-content": {
+          "max-width": "720px",
+          tablet: {
+            "max-width": "100%",
+          },
+        },
+        title: {
+          "text-wrap": "balance",
+          tablet: {
+            "text-align": "left",
           },
         },
+        description: {
+          display: "none",
+        },
+        ctas_levoGroup: {
+          display: "flex",
+          "flex-direction": "row",
+          "column-gap": "md",
+          "row-gap": "md",
+          "flex-wrap": "wrap",
+          "align-items": "center",
+          "flex-shrink": "0",
+        },
+        ctas_levoGroupItem: {
+          cta: {
+            tablet: {},
+            mobile: {},
+          },
+        },
+        ctas: [{}, {}],
+        images_levoGroupItem: {
+          image: IMAGE_BASE_STYLE,
+        },
+        images: [{}, {}, {}],
+      },
+      content: DEFAULT_CONTENT,
+      config: {
         title: {
+          heading: {
+            level: 1,
+          },
+          selectedVariants: {
+            Heading_Level: "H1",
+          },
+        },
+        ctas: [{}, { cta: { selectedVariants: { Button_Variants: "Secondary" } } }],
+      },
+    },
+    {
+      key: "card_container",
+      title: "Card Container",
+      styles: {
+        layout: {
+          "background-color": "background-1",
+        },
+        container: {
+          position: "relative",
+          "background-color": "background-2",
+          "box-shadow": "lg",
+          "border-radius": "xl",
+          "padding-top": "3xl",
+          "padding-right": "3xl",
+          "padding-bottom": "3xl",
+          "padding-left": "3xl",
           tablet: {
-            "text-align": "center",
+            "padding-top": "xl",
+            "padding-right": "xl",
+            "padding-bottom": "xl",
+            "padding-left": "xl",
+          },
+        },
+        slider_dots: {
+          position: "absolute",
+          bottom: "24px",
+          left: "50%",
+          transform: "translateX(-50%)",
+          display: "flex",
+          "column-gap": "xs",
+          "align-items": "center",
+          "z-index": "20",
+          "padding-top": "xs",
+          "padding-right": "sm",
+          "padding-bottom": "xs",
+          "padding-left": "sm",
+          "border-radius": "base",
+          "background-color": "rgba(10,15,25,0.55)",
+          tablet: {
+            bottom: "16px",
+          },
+          mobile: {
+            bottom: "12px",
+          },
+        },
+        slider_dot: {
+          width: "8px",
+          height: "8px",
+          "border-radius": "base",
+          "background-color": "text-2",
+          cursor: "pointer",
+        },
+        slides_levoGroup: {
+          width: "100%",
+          height: "100%",
+        },
+        headerWrapper: {
+          display: "flex",
+          "flex-direction": "column",
+          "align-items": "flex-start",
+          "justify-content": "flex-start",
+          "row-gap": "md",
+          "margin-bottom": "2xl",
+          tablet: {
+            "margin-bottom": "xl",
+          },
+        },
+        "header-content": {
+          "max-width": "720px",
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "sm",
+        },
+        title: {
+          "text-wrap": "balance",
+          tablet: {
+            "text-align": "left",
           },
         },
         ctas_levoGroup: {
@@ -223,17 +578,145 @@ export const Hero5: IBlock = {
           "flex-wrap": "wrap",
           "align-items": "center",
         },
-        ctas: Array(2)
-          .fill(0)
-          .map(() => ({
-            cta: {
-              tablet: {},
-              mobile: {},
-            },
-          })),
+        ctas_levoGroupItem: {
+          cta: {
+            tablet: {},
+            mobile: {},
+          },
+        },
+        ctas: [{}, {}],
+        images_levoGroupItem: {
+          image: {
+            ...IMAGE_BASE_STYLE,
+            "border-radius": "lg",
+          },
+        },
+        images: [{}, {}, {}],
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        title: {
+          heading: {
+            level: 1,
+          },
+          selectedVariants: {
+            Heading_Level: "H1",
+          },
+        },
+        ctas: [{}, { cta: { selectedVariants: { Button_Variants: "Secondary" } } }],
+      },
+    },
+    {
+      key: "bold_typography",
+      title: "Bold Typography",
+      styles: {
+        container: {
+          position: "relative",
+        },
+        slider_dots: {
+          position: "absolute",
+          bottom: "24px",
+          left: "50%",
+          transform: "translateX(-50%)",
+          display: "flex",
+          "column-gap": "xs",
+          "align-items": "center",
+          "z-index": "20",
+          "padding-top": "xs",
+          "padding-right": "sm",
+          "padding-bottom": "xs",
+          "padding-left": "sm",
+          "border-radius": "base",
+          "background-color": "rgba(10,15,25,0.55)",
+          tablet: {
+            bottom: "16px",
+          },
+          mobile: {
+            bottom: "12px",
+          },
+        },
+        slider_dot: {
+          width: "8px",
+          height: "8px",
+          "border-radius": "base",
+          "background-color": "text-2",
+          cursor: "pointer",
+        },
+        slides_levoGroup: {
+          width: "100%",
+          height: "100%",
+        },
+        headerWrapper: {
+          display: "flex",
+          "flex-direction": "column",
+          "align-items": "flex-start",
+          "row-gap": "md",
+          "margin-bottom": "2xl",
+          tablet: {
+            "align-items": "flex-start",
+            "margin-bottom": "xl",
+          },
+        },
         "header-content": {
-          "max-width": "88%",
+          "max-width": "100%",
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "sm",
+        },
+        title: {
+          "text-wrap": "balance",
+          "max-width": "900px",
+          "font-size": "6xl",
+          "font-weight": "700",
+          tablet: {
+            "font-size": "4xl",
+          },
+          mobile: {
+            "font-size": "3xl",
+          },
+        },
+        description: {
+          "max-width": "640px",
+        },
+        ctas_levoGroup: {
+          display: "flex",
+          "flex-direction": "row",
+          "column-gap": "sm",
+          "row-gap": "sm",
+          "flex-wrap": "wrap",
+          "align-items": "center",
+        },
+        ctas_levoGroupItem: {
+          cta: {
+            "font-size": "sm",
+            tablet: {},
+            mobile: {},
+          },
+        },
+        ctas: [{}, {}],
+        images_levoGroup: {
+          "aspect-ratio": "21 / 9",
+          width: "100%",
+          tablet: {
+            "aspect-ratio": "16 / 9",
+          },
+          mobile: {
+            "aspect-ratio": "4 / 3",
+          },
+        },
+        images_levoGroupItem: {
+          image: {
+            ...IMAGE_BASE_STYLE,
+            "aspect-ratio": "21 / 9",
+            tablet: {
+              "aspect-ratio": "16 / 9",
+            },
+            mobile: {
+              "aspect-ratio": "4 / 3",
+            },
+          },
         },
+        images: [{}, {}, {}],
       },
       content: DEFAULT_CONTENT,
       config: {
@@ -245,6 +728,7 @@ export const Hero5: IBlock = {
             Heading_Level: "H1",
           },
         },
+        ctas: [{}, { cta: { selectedVariants: { Button_Variants: "Secondary" } } }],
       },
     },
   ],