@levo-so/blocks 0.1.59 → 0.1.60

package/src/blocks/content/content-9.tsx

@@ -20,7 +20,10 @@ const Content9: React.FC<ILevoBlockBaseProps<IContent9Content>> = ({
 }) => (
   <Section elementKey="layout">
     <Container elementKey="container">
-      <Heading elementKey="title" />
+      <Box elementKey="header">
+        <Heading elementKey="title" />
+        <Typography elementKey="description" />
+      </Box>
 
       <Box elementKey="accordions_container">
         <AccordionRoot
@@ -42,7 +45,7 @@ const Content9: React.FC<ILevoBlockBaseProps<IContent9Content>> = ({
                     <Icon elementKey={`sections.${index}.icon`} />
                     <Typography elementKey={`sections.${index}.label`} />
                   </Box>
-                  <Typography elementKey={`sections.${index}.title`} />
+                  <Heading elementKey={`sections.${index}.title`} />
                 </Box>
               </AccordionTrigger>
               <AccordionContent elementKey={`sections.${index}.content`}>
@@ -68,7 +71,7 @@ const Content9: React.FC<ILevoBlockBaseProps<IContent9Content>> = ({
                               elementKey={`sections.${index}.cards.${cardIndex}.label`}
                             />
                           </Box>
-                          <Typography
+                          <Heading
                             elementKey={`sections.${index}.cards.${cardIndex}.title`}
                           />
                           <Typography

package/src/blocks/cta/cta-1.schema.ts

@@ -138,66 +138,34 @@ export const Cta1: IBlock = {
       title: "Default",
       key: "default",
       styles: {
-        layout: {
-          "padding-top": "6xl",
-          "padding-bottom": "6xl",
-          "padding-left": "xl",
-          "padding-right": "xl",
-          tablet: {
-            "padding-top": "4xl",
-            "padding-bottom": "4xl",
-            "padding-left": "lg",
-            "padding-right": "lg",
-            filter: "none",
-          },
-          mobile: {
-            "padding-top": "3xl",
-            "padding-bottom": "3xl",
-            "padding-left": "base",
-            "padding-right": "base",
-            filter: "none",
-          },
-          filter: "none",
-        },
+        layout: {},
         container: {
-          "max-width": "1280px",
-          "margin-left": "auto",
-          "margin-right": "auto",
           display: "flex",
           "flex-direction": "row",
           "align-items": "center",
-          "text-align": "center",
-          filter: "none",
           mobile: {
-            filter: "none",
             "flex-direction": "column",
             "row-gap": "base",
           },
           tablet: {
-            filter: "none",
             "flex-direction": "column",
             "row-gap": "base",
           },
           "justify-content": "space-between",
         },
         title: {
-          color: "text-1",
-          "margin-bottom": "2xl",
+          "margin-bottom": "4xs",
+          "max-width": "500px",
           tablet: {
-            filter: "none",
             "text-align": "center",
             "margin-bottom": "xl",
             "max-width": "100%",
           },
           mobile: {
-            filter: "none",
             "text-align": "center",
             "margin-bottom": "lg",
             "max-width": "100%",
           },
-          filter: "none",
-          "text-align": "left",
-          "max-width": "500px",
         },
         ctas_levoGroup: {
           filter: "none",
@@ -225,79 +193,12 @@ export const Cta1: IBlock = {
         ctas: [
           {
             button: {
-              "background-color": "background-2",
-              color: "white",
-              "padding-top": "xs",
-              "padding-bottom": "xs",
-              "padding-left": "2xl",
-              "padding-right": "2xl",
-              display: "flex",
-              "align-items": "center",
-              "column-gap": "xs",
-              "border-width": "0px",
-              "border-style": "none",
-              "border-color": "border",
-              tablet: {
-                "padding-top": "xs",
-                "padding-bottom": "xs",
-                "padding-left": "xl",
-                "padding-right": "xl",
-                filter: "none",
-                "min-width": "100%",
-                width: "auto",
-                "border-style": "none",
-                "border-width": "0px",
-              },
-              mobile: {
-                "padding-top": "xs",
-                "padding-bottom": "xs",
-                "padding-left": "xl",
-                "padding-right": "xl",
-                filter: "none",
-                width: "100%",
-                "min-width": "100%",
-              },
-              filter: "none",
-              "flex-direction": "row",
-              "justify-content": "center",
-              "min-width": "100%",
               width: "100%",
             },
           },
           {
             button: {
-              filter: "none",
-              display: "flex",
-              "column-gap": "xs",
-              "align-items": "center",
-              "justify-content": "center",
-              "padding-top": "xs",
-              "padding-bottom": "xs",
-              "padding-left": "2xl",
-              "padding-right": "2xl",
-              "min-width": "100%",
-              tablet: {
-                filter: "none",
-                "padding-top": "xs",
-                "padding-bottom": "xs",
-                "padding-left": "xl",
-                "padding-right": "xl",
-                "min-width": "100%",
-                "border-style": "none",
-                "border-width": "0px",
-              },
-              mobile: {
-                filter: "none",
-                width: "100%",
-                "padding-top": "xs",
-                "padding-bottom": "xs",
-                "padding-left": "xl",
-                "padding-right": "xl",
-                "min-width": "100%",
-              },
               width: "100%",
-              "border-style": "none",
-              "border-width": "0px",
             },
           },
         ],
@@ -312,13 +213,8 @@ export const Cta1: IBlock = {
         cta2_rightIcon: {
           width: "20px",
         },
-        "header-container": {
-          filter: "none",
-        },
+        "header-container": {},
         description: {
-          filter: "none",
-          color: "text-2",
-          "text-align": "left",
           "max-width": "500px",
         },
       },
@@ -347,6 +243,15 @@ export const Cta1: IBlock = {
             },
           },
         },
+        ctas: [
+          {
+            button: {
+              selectedVariants: {
+                Button_Variants: "Secondary",
+              },
+            },
+          },
+        ],
       },
     },
   ],

package/src/blocks/cta/cta-2.schema.ts

@@ -1,59 +1,65 @@
 import type { IBlock } from "@levo-so/studio";
 
+const MEDIA_1 = {
+  id: "6Hgb5xxyg1bHs",
+  filename: "cta-2-1.png",
+  kind: "image",
+  location: "https://static.levocdn.com/WLZ1TXTD/cta-2-1-XZbHqbcweGmtm.png",
+  srcset: {
+    "1080w":
+      "https://static.levocdn.com/WLZ1TXTD/cta-2-1-XZbHqbcweGmtm-1080w.webp",
+    "1200w":
+      "https://static.levocdn.com/WLZ1TXTD/cta-2-1-XZbHqbcweGmtm-1200w.webp",
+    "1920w":
+      "https://static.levocdn.com/WLZ1TXTD/cta-2-1-XZbHqbcweGmtm-1920w.webp",
+    "320w":
+      "https://static.levocdn.com/WLZ1TXTD/cta-2-1-XZbHqbcweGmtm-320w.webp",
+    "640w":
+      "https://static.levocdn.com/WLZ1TXTD/cta-2-1-XZbHqbcweGmtm-640w.webp",
+    "750w":
+      "https://static.levocdn.com/WLZ1TXTD/cta-2-1-XZbHqbcweGmtm-750w.webp",
+    "828w":
+      "https://static.levocdn.com/WLZ1TXTD/cta-2-1-XZbHqbcweGmtm-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/cta-2-1-XZbHqbcweGmtm-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/cta-2-1-XZbHqbcweGmtm-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/cta-2-1-XZbHqbcweGmtm-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/cta-2-1-XZbHqbcweGmtm-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/cta-2-1-XZbHqbcweGmtm-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/cta-2-1-XZbHqbcweGmtm-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/cta-2-1-XZbHqbcweGmtm-750w.webp 750w",
+  },
+  mimetype: "image/png",
+};
+
+const MEDIA_2 = {
+  id: "4JO6jlk23HzSb",
+  filename: "cta-2-2.jpg",
+  kind: "image",
+  location: "https://static.levocdn.com/WLZ1TXTD/cta-2-2-sR8GfjjdTwkQF.jpg",
+  srcset: {
+    "1080w":
+      "https://static.levocdn.com/WLZ1TXTD/cta-2-2-sR8GfjjdTwkQF-1080w.webp",
+    "1200w":
+      "https://static.levocdn.com/WLZ1TXTD/cta-2-2-sR8GfjjdTwkQF-1200w.webp",
+    "1920w":
+      "https://static.levocdn.com/WLZ1TXTD/cta-2-2-sR8GfjjdTwkQF-1920w.webp",
+    "320w":
+      "https://static.levocdn.com/WLZ1TXTD/cta-2-2-sR8GfjjdTwkQF-320w.webp",
+    "640w":
+      "https://static.levocdn.com/WLZ1TXTD/cta-2-2-sR8GfjjdTwkQF-640w.webp",
+    "750w":
+      "https://static.levocdn.com/WLZ1TXTD/cta-2-2-sR8GfjjdTwkQF-750w.webp",
+    "828w":
+      "https://static.levocdn.com/WLZ1TXTD/cta-2-2-sR8GfjjdTwkQF-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/cta-2-2-sR8GfjjdTwkQF-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/cta-2-2-sR8GfjjdTwkQF-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/cta-2-2-sR8GfjjdTwkQF-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/cta-2-2-sR8GfjjdTwkQF-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/cta-2-2-sR8GfjjdTwkQF-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/cta-2-2-sR8GfjjdTwkQF-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/cta-2-2-sR8GfjjdTwkQF-1080w.webp 1080w",
+  },
+  mimetype: "image/jpeg",
+};
+
 const DEFAULT_CONTENT = {
   layout: null,
   container: null,
   contentContainer: null,
 
   // Left image
-  leftImage: {
-    id: "left-fitness-image",
-    location: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH.png",
-    kind: "image",
-    mimetype: "image/png",
-    srcset: {
-      "1080w":
-        "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp",
-      "1200w":
-        "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp",
-      "1920w":
-        "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp",
-      "320w":
-        "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp",
-      "640w":
-        "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp",
-      "750w":
-        "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp",
-      "828w":
-        "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp",
-      path: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp 640w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp 1080w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp 1200w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp 1920w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp 320w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp 750w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp 828w",
-    },
-  },
+  leftImage: MEDIA_1,
 
   // Right image
-  rightImage: {
-    id: "right-fitness-image",
-    location: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH.png",
-    kind: "image",
-    mimetype: "image/png",
-    srcset: {
-      "1080w":
-        "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp",
-      "1200w":
-        "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp",
-      "1920w":
-        "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp",
-      "320w":
-        "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp",
-      "640w":
-        "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp",
-      "750w":
-        "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp",
-      "828w":
-        "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp",
-      path: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp 640w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp 1080w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp 1200w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp 1920w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp 320w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp 750w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp 828w",
-    },
-  },
+  rightImage: MEDIA_2,
 
   // Center content
   title: "Your Transformation Starts Today",
@@ -103,7 +109,7 @@ export const Cta2: IBlock = {
     {
       key: "title",
       label: "Main Title",
-      field_interface: "TypographyWidget",
+      field_interface: "HeadingWidget",
     },
     {
       key: "description",
@@ -136,29 +142,16 @@ export const Cta2: IBlock = {
       title: "Default",
       key: "default",
       content: DEFAULT_CONTENT,
-      config: {},
-      styles: {
-        layout: {
-          "padding-top": "4xl",
-          "padding-bottom": "4xl",
-          "padding-left": "xl",
-          "padding-right": "xl",
-          tablet: {
-            "padding-top": "3xl",
-            "padding-bottom": "3xl",
-            "padding-left": "base",
-            "padding-right": "base",
-          },
-          mobile: {
-            "padding-top": "2xl",
-            "padding-bottom": "2xl",
-            "padding-left": "base",
-            "padding-right": "base",
+      config: {
+        title: {
+          selectedVariants: {
+            Heading_Level: "H2",
           },
         },
+      },
+      styles: {
+        layout: {},
         container: {
-          "margin-left": "auto",
-          "margin-right": "auto",
           display: "flex",
           "align-items": "center",
           "justify-content": "space-between",
@@ -213,11 +206,9 @@ export const Cta2: IBlock = {
         },
         title: {
           "margin-bottom": "base",
-          "text-color": "text-1",
         },
         description: {
           "margin-bottom": "lg",
-          "text-color": "text-2",
         },
         buttons_levoGroup: {
           display: "flex",

package/src/blocks/cta/cta-3.schema.ts

@@ -1,5 +1,80 @@
 import type { IBlock } from "@levo-so/studio";
 
+const MEDIA_1 = {
+  id: "LkpWHvjcG1ck",
+  filename: "cta-3-1.png",
+  kind: "image",
+  location: "https://static.levocdn.com/WLZ1TXTD/cta-3-1-uY2rYb6tAqPb.png",
+  srcset: {
+    "1080w":
+      "https://static.levocdn.com/WLZ1TXTD/cta-3-1-uY2rYb6tAqPb-1080w.webp",
+    "1200w":
+      "https://static.levocdn.com/WLZ1TXTD/cta-3-1-uY2rYb6tAqPb-1200w.webp",
+    "1920w":
+      "https://static.levocdn.com/WLZ1TXTD/cta-3-1-uY2rYb6tAqPb-1920w.webp",
+    "320w":
+      "https://static.levocdn.com/WLZ1TXTD/cta-3-1-uY2rYb6tAqPb-320w.webp",
+    "640w":
+      "https://static.levocdn.com/WLZ1TXTD/cta-3-1-uY2rYb6tAqPb-640w.webp",
+    "750w":
+      "https://static.levocdn.com/WLZ1TXTD/cta-3-1-uY2rYb6tAqPb-750w.webp",
+    "828w":
+      "https://static.levocdn.com/WLZ1TXTD/cta-3-1-uY2rYb6tAqPb-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/cta-3-1-uY2rYb6tAqPb-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/cta-3-1-uY2rYb6tAqPb-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/cta-3-1-uY2rYb6tAqPb-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/cta-3-1-uY2rYb6tAqPb-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/cta-3-1-uY2rYb6tAqPb-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/cta-3-1-uY2rYb6tAqPb-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/cta-3-1-uY2rYb6tAqPb-750w.webp 750w",
+  },
+  mimetype: "image/png",
+};
+const MEDIA_2 = {
+  id: "c2uCaNTtxjtt",
+  filename: "cta-3-2.png",
+  kind: "image",
+  location: "https://static.levocdn.com/WLZ1TXTD/cta-3-2-gVHmJuqJAdB6.png",
+  srcset: {
+    "1080w":
+      "https://static.levocdn.com/WLZ1TXTD/cta-3-2-gVHmJuqJAdB6-1080w.webp",
+    "1200w":
+      "https://static.levocdn.com/WLZ1TXTD/cta-3-2-gVHmJuqJAdB6-1200w.webp",
+    "1920w":
+      "https://static.levocdn.com/WLZ1TXTD/cta-3-2-gVHmJuqJAdB6-1920w.webp",
+    "320w":
+      "https://static.levocdn.com/WLZ1TXTD/cta-3-2-gVHmJuqJAdB6-320w.webp",
+    "640w":
+      "https://static.levocdn.com/WLZ1TXTD/cta-3-2-gVHmJuqJAdB6-640w.webp",
+    "750w":
+      "https://static.levocdn.com/WLZ1TXTD/cta-3-2-gVHmJuqJAdB6-750w.webp",
+    "828w":
+      "https://static.levocdn.com/WLZ1TXTD/cta-3-2-gVHmJuqJAdB6-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/cta-3-2-gVHmJuqJAdB6-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/cta-3-2-gVHmJuqJAdB6-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/cta-3-2-gVHmJuqJAdB6-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/cta-3-2-gVHmJuqJAdB6-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/cta-3-2-gVHmJuqJAdB6-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/cta-3-2-gVHmJuqJAdB6-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/cta-3-2-gVHmJuqJAdB6-1080w.webp 1080w",
+  },
+  mimetype: "image/png",
+};
+
+const MEDIA_3_BG = {
+  id: "vxmBzMsi6qi6",
+  filename: "cta-3-BG-image.png",
+  kind: "image",
+  location:
+    "https://static.levocdn.com/WLZ1TXTD/cta-3-BG-image-iPDGfZlgfo3g.png",
+  srcset: {
+    "1080w":
+      "https://static.levocdn.com/WLZ1TXTD/cta-3-BG-image-iPDGfZlgfo3g-1080w.webp",
+    "1200w":
+      "https://static.levocdn.com/WLZ1TXTD/cta-3-BG-image-iPDGfZlgfo3g-1200w.webp",
+    "1920w":
+      "https://static.levocdn.com/WLZ1TXTD/cta-3-BG-image-iPDGfZlgfo3g-1920w.webp",
+    "320w":
+      "https://static.levocdn.com/WLZ1TXTD/cta-3-BG-image-iPDGfZlgfo3g-320w.webp",
+    "640w":
+      "https://static.levocdn.com/WLZ1TXTD/cta-3-BG-image-iPDGfZlgfo3g-640w.webp",
+    "750w":
+      "https://static.levocdn.com/WLZ1TXTD/cta-3-BG-image-iPDGfZlgfo3g-750w.webp",
+    "828w":
+      "https://static.levocdn.com/WLZ1TXTD/cta-3-BG-image-iPDGfZlgfo3g-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/cta-3-BG-image-iPDGfZlgfo3g-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/cta-3-BG-image-iPDGfZlgfo3g-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/cta-3-BG-image-iPDGfZlgfo3g-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/cta-3-BG-image-iPDGfZlgfo3g-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/cta-3-BG-image-iPDGfZlgfo3g-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/cta-3-BG-image-iPDGfZlgfo3g-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/cta-3-BG-image-iPDGfZlgfo3g-640w.webp 640w",
+  },
+  mimetype: "image/png",
+};
+
 const DEFAULT_CONTENT = {
   layout: null,
   container: null,
@@ -10,54 +85,10 @@ const DEFAULT_CONTENT = {
   ctas: [{ button: "Contact Us" }],
   images: [
     {
-      image: {
-        id: "left-fitness-image",
-        location: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH.png",
-        kind: "image",
-        mimetype: "image/png",
-        srcset: {
-          "1080w":
-            "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp",
-          "1200w":
-            "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp",
-          "1920w":
-            "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp",
-          "320w":
-            "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp",
-          "640w":
-            "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp",
-          "750w":
-            "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp",
-          "828w":
-            "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp",
-          path: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp 640w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp 1080w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp 1200w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp 1920w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp 320w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp 750w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp 828w",
-        },
-      },
+      image: MEDIA_1,
     },
     {
-      image: {
-        id: "left-fitness-image",
-        location: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH.png",
-        kind: "image",
-        mimetype: "image/png",
-        srcset: {
-          "1080w":
-            "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp",
-          "1200w":
-            "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp",
-          "1920w":
-            "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp",
-          "320w":
-            "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp",
-          "640w":
-            "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp",
-          "750w":
-            "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp",
-          "828w":
-            "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp",
-          path: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp 640w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp 1080w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp 1200w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp 1920w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp 320w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp 750w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp 828w",
-        },
-      },
+      image: MEDIA_2,
     },
   ],
 };
@@ -91,7 +122,7 @@ export const Cta3: IBlock = {
       label: "Left Content",
       field_interface: "BoxWidget",
     },
-    { key: "title", label: "Title", field_interface: "TypographyWidget" },
+    { key: "title", label: "Title", field_interface: "HeadingWidget" },
     {
       key: "description",
       label: "Description",
@@ -121,10 +152,7 @@ export const Cta3: IBlock = {
       key: "default",
       title: "Default",
       styles: {
-        layout: {
-          "padding-top": "3xl",
-          "padding-bottom": "3xl",
-        },
+        layout: {},
         container: {
           display: "grid",
           "grid-template-columns": "1fr 1fr",
@@ -137,9 +165,7 @@ export const Cta3: IBlock = {
           "row-gap": "lg",
         },
         title: {
-          "font-size": "3xl",
-          "font-weight": "700",
-          color: "text-1",
+          "font-weight": 700,
         },
         cta_wrapper: {
           display: "flex",
@@ -159,17 +185,20 @@ export const Cta3: IBlock = {
         },
       },
       content: DEFAULT_CONTENT,
-      config: {},
+      config: {
+        title: {
+          selectedVariants: {
+            Heading_Level: "H4",
+          },
+        },
+      },
     },
     {
       key: "cta-wth-bg-img  ",
       title: "CTA with Background Image",
       styles: {
         layout: {
-          "padding-top": "3xl",
-          "padding-bottom": "3xl",
-          "background-image":
-            'url("https://static.levostg.online/W6OEVMW8/defaultblue-tryFJ012mgyH-1920w-pKkeQlte7lkYh.webp")',
+          "background-image": `url(${MEDIA_3_BG.location})`,
           "background-position": "50% 50%",
           "background-size": "cover",
         },
@@ -185,9 +214,7 @@ export const Cta3: IBlock = {
           "row-gap": "lg",
         },
         title: {
-          "font-size": "3xl",
-          "font-weight": "700",
-          color: "text-1",
+          "font-weight": 700,
         },
         cta_wrapper: {
           display: "flex",
@@ -205,12 +232,16 @@ export const Cta3: IBlock = {
           height: "300px",
           width: "300px",
         },
-        description: {
-          display: "none",
-        },
+        description: {},
       },
       content: DEFAULT_CONTENT_2,
-      config: {},
+      config: {
+        title: {
+          selectedVariants: {
+            Heading_Level: "H4",
+          },
+        },
+      },
     },
   ],
 };