@levo-so/blocks 0.1.58 → 0.1.60

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@levo-so/blocks",
-  "version": "0.1.58",
+  "version": "0.1.60",
   "author": "Levo Engineering <devs@theinternetfolks.com>",
   "description": "Set of blocks for Levo studio",
   "type": "module",
@@ -12,16 +12,12 @@
     "src/**/*",
     "package.json"
   ],
-  "scripts": {
-    "clean": "rimraf dist node_modules .turbo",
-    "check-types": "tsc --noEmit",
-    "lint": "eslint"
-  },
   "peerDependencies": {
-    "@levo-so/react": "workspace:*",
-    "@levo-so/studio": "workspace:*",
     "react": ">=18",
-    "react-dom": ">=18"
+    "react-dom": ">=18",
+    "@levo-so/react": "0.1.60",
+    "@levo-so/studio": "0.1.60",
+    "@levo-so/core": "0.1.60"
   },
   "dependencies": {
     "dayjs": "1.11.13",
@@ -30,14 +26,19 @@
     "lucide-react": "0.424.0"
   },
   "devDependencies": {
-    "@levo/eslint-config": "workspace:*",
-    "@levo/ts-config": "workspace:*",
-    "@types/react": "19.1.8",
-    "@types/react-dom": "19.1.6",
-    "typescript": "5.8.3"
+    "@types/react": "19.2.5",
+    "@types/react-dom": "19.2.3",
+    "typescript": "5.9.3",
+    "@levo/ts-config": "0.0.0",
+    "@levo/eslint-config": "0.0.0"
   },
   "main": "./src/index.ts",
   "exports": {
     ".": "./src/index.ts"
+  },
+  "scripts": {
+    "clean": "rimraf dist node_modules .turbo",
+    "check-types": "tsc --noEmit",
+    "lint": "eslint"
   }
-}
+}

package/src/blocks/about-us/about-us-1.schema.ts

@@ -1,5 +1,58 @@
 import type { IBlock } from "@levo-so/studio";
 
+import { LEVO_DEFAULT_BLUE_IMAGE } from "../../constants";
+
+const MEDIA_1 = {
+  id: "XZbHDbcwJn0iZ",
+  filename: "about-us-1.png",
+  kind: "image",
+  location: "https://static.levocdn.com/WLZ1TXTD/about-us-1-8eR7q0Um91I9P.png",
+  srcset: {
+    "1080w":
+      "https://static.levocdn.com/WLZ1TXTD/about-us-1-8eR7q0Um91I9P-1080w.webp",
+    "1200w":
+      "https://static.levocdn.com/WLZ1TXTD/about-us-1-8eR7q0Um91I9P-1200w.webp",
+    "1920w":
+      "https://static.levocdn.com/WLZ1TXTD/about-us-1-8eR7q0Um91I9P-1920w.webp",
+    "320w":
+      "https://static.levocdn.com/WLZ1TXTD/about-us-1-8eR7q0Um91I9P-320w.webp",
+    "640w":
+      "https://static.levocdn.com/WLZ1TXTD/about-us-1-8eR7q0Um91I9P-640w.webp",
+    "750w":
+      "https://static.levocdn.com/WLZ1TXTD/about-us-1-8eR7q0Um91I9P-750w.webp",
+    "828w":
+      "https://static.levocdn.com/WLZ1TXTD/about-us-1-8eR7q0Um91I9P-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/about-us-1-8eR7q0Um91I9P-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/about-us-1-8eR7q0Um91I9P-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/about-us-1-8eR7q0Um91I9P-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/about-us-1-8eR7q0Um91I9P-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/about-us-1-8eR7q0Um91I9P-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/about-us-1-8eR7q0Um91I9P-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/about-us-1-8eR7q0Um91I9P-828w.webp 828w",
+  },
+  mimetype: "image/png",
+};
+
+const MEDIA_2 = {
+  id: "k5KMcTxR8dtnT",
+  filename: "about-us-1-2.png",
+  kind: "image",
+  location:
+    "https://static.levocdn.com/WLZ1TXTD/about-us-1-2-A8sge1BvXTZXp.png",
+  srcset: {
+    "1080w":
+      "https://static.levocdn.com/WLZ1TXTD/about-us-1-2-A8sge1BvXTZXp-1080w.webp",
+    "1200w":
+      "https://static.levocdn.com/WLZ1TXTD/about-us-1-2-A8sge1BvXTZXp-1200w.webp",
+    "1920w":
+      "https://static.levocdn.com/WLZ1TXTD/about-us-1-2-A8sge1BvXTZXp-1920w.webp",
+    "320w":
+      "https://static.levocdn.com/WLZ1TXTD/about-us-1-2-A8sge1BvXTZXp-320w.webp",
+    "640w":
+      "https://static.levocdn.com/WLZ1TXTD/about-us-1-2-A8sge1BvXTZXp-640w.webp",
+    "750w":
+      "https://static.levocdn.com/WLZ1TXTD/about-us-1-2-A8sge1BvXTZXp-750w.webp",
+    "828w":
+      "https://static.levocdn.com/WLZ1TXTD/about-us-1-2-A8sge1BvXTZXp-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/about-us-1-2-A8sge1BvXTZXp-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/about-us-1-2-A8sge1BvXTZXp-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/about-us-1-2-A8sge1BvXTZXp-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/about-us-1-2-A8sge1BvXTZXp-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/about-us-1-2-A8sge1BvXTZXp-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/about-us-1-2-A8sge1BvXTZXp-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/about-us-1-2-A8sge1BvXTZXp-1920w.webp 1920w",
+  },
+  mimetype: "image/png",
+};
+
 const DUMMY_IMAGE = {
   kind: "icon",
   data: {
@@ -14,9 +67,7 @@ const DUMMY_IMAGE = {
 const DEFAULT_CONTENT = {
   layout: null,
   container: null,
-
-  media: DUMMY_IMAGE,
-
+  media: MEDIA_1,
   contentWrapper: null,
   label: "About Us",
   title: "Transform Your Digital Presence with Our Agency",
@@ -58,13 +109,16 @@ const DEFAULT_CONTENT = {
     {
       cta: "Discover More",
     },
+    {
+      cta: "Learn More",
+    },
   ],
 };
 
 const CARDS_CONTENT = {
   layout: null,
   container: null,
-  media: DUMMY_IMAGE,
+  media: MEDIA_2,
   contentWrapper: null,
   label: "About Us",
   title: "Transform Your Digital Presence with Our Agency",
@@ -75,6 +129,9 @@ const CARDS_CONTENT = {
     {
       cta: "Discover More",
     },
+    {
+      cta: "Learn more",
+    },
   ],
 };
 
@@ -249,34 +306,13 @@ export const AboutUs1: IBlock = {
       key: "default",
       title: "Default",
       styles: {
-        layout: {
-          "padding-left": "8xl",
-          "padding-right": "8xl",
-          "padding-top": "8xl",
-          "padding-bottom": "8xl",
-          tablet: {
-            "padding-left": "4xl",
-            "padding-right": "4xl",
-            "padding-top": "4xl",
-            "padding-bottom": "4xl",
-          },
-          mobile: {
-            "padding-left": "lg",
-            "padding-right": "lg",
-            "padding-top": "lg",
-            "padding-bottom": "lg",
-          },
-        },
+        layout: {},
         container: {
           display: "flex",
           "column-gap": "8xl",
-          "padding-right": "3xl",
-          "padding-left": "3xl",
           tablet: {
             "flex-direction": "column",
             "row-gap": "lg",
-            "padding-left": "none",
-            "padding-right": "none",
           },
         },
         media: {
@@ -367,21 +403,18 @@ export const AboutUs1: IBlock = {
           "justify-content": "center",
         },
         label: {
-          color: "text-2",
           "margin-bottom": "xs",
           mobile: {
             "margin-bottom": "3xs",
           },
         },
         title: {
-          color: "text-1",
           "margin-bottom": "md",
           mobile: {
             "margin-bottom": "xs",
           },
         },
         description: {
-          color: "text-2",
           "margin-bottom": "md",
           mobile: {
             "margin-bottom": "xs",
@@ -399,6 +432,10 @@ export const AboutUs1: IBlock = {
             "row-gap": "2xs",
           },
         },
+        ctas_levoGroup: {
+          display: "flex",
+          "column-gap": "base",
+        },
       },
       content: DEFAULT_CONTENT,
       config: {
@@ -407,7 +444,7 @@ export const AboutUs1: IBlock = {
             level: 2,
           },
           selectedVariants: {
-            Heading_Level: "H2",
+            Heading_Level: "H3",
           },
         },
       },
@@ -417,40 +454,19 @@ export const AboutUs1: IBlock = {
       title: "Cards",
       styles: {
         layout: {
-          "padding-top": "8xl",
-          "padding-bottom": "8xl",
-          tablet: {
-            "padding-left": "4xl",
-            "padding-right": "4xl",
-            "padding-top": "4xl",
-            "padding-bottom": "4xl",
-            filter: "none",
-          },
-          mobile: {
-            "padding-left": "lg",
-            "padding-right": "lg",
-            "padding-top": "lg",
-            "padding-bottom": "lg",
-          },
-          filter: "none",
           "background-color": "background-1",
         },
         container: {
           display: "flex",
           "column-gap": "8xl",
-          "padding-right": "3xl",
-          "padding-left": "3xl",
-          tablet: {
-            "flex-direction": "column",
-            "row-gap": "lg",
-            "padding-left": "none",
-            "padding-right": "none",
-          },
-          filter: "none",
           "flex-direction": "row-reverse",
           "background-color": "white",
           "padding-top": "5xl",
           "padding-bottom": "5xl",
+          tablet: {
+            "flex-direction": "column",
+            "row-gap": "lg",
+          },
         },
         media: {
           width: "50%",
@@ -541,21 +557,18 @@ export const AboutUs1: IBlock = {
           filter: "none",
         },
         label: {
-          color: "text-2",
           "margin-bottom": "xs",
           mobile: {
             "margin-bottom": "3xs",
           },
         },
         title: {
-          color: "text-1",
           "margin-bottom": "md",
           mobile: {
             "margin-bottom": "xs",
           },
         },
         description: {
-          color: "text-2",
           "margin-bottom": "md",
           mobile: {
             "margin-bottom": "xs",
@@ -574,6 +587,10 @@ export const AboutUs1: IBlock = {
           },
           filter: "none",
         },
+        ctas_levoGroup: {
+          display: "flex",
+          "column-gap": "base",
+        },
       },
       content: CARDS_CONTENT,
       config: {

package/src/blocks/about-us/about-us-2.schema.ts

@@ -1,23 +1,81 @@
 import type { IBlock } from "@levo-so/studio";
 
-const DEFAULT_IMAGE = {
-  id: "7141014160938075687",
-  location: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH.png",
+const FIRST_MEDIA = {
+  id: "sR8EajjddMUnZ",
+  filename: "about-us-2-1.png",
   kind: "image",
+  location:
+    "https://static.levocdn.com/WLZ1TXTD/about-us-2-1-A8sbL1Bvv2WzM.png",
+  srcset: {
+    "1080w":
+      "https://static.levocdn.com/WLZ1TXTD/about-us-2-1-A8sbL1Bvv2WzM-1080w.webp",
+    "1200w":
+      "https://static.levocdn.com/WLZ1TXTD/about-us-2-1-A8sbL1Bvv2WzM-1200w.webp",
+    "1920w":
+      "https://static.levocdn.com/WLZ1TXTD/about-us-2-1-A8sbL1Bvv2WzM-1920w.webp",
+    "320w":
+      "https://static.levocdn.com/WLZ1TXTD/about-us-2-1-A8sbL1Bvv2WzM-320w.webp",
+    "640w":
+      "https://static.levocdn.com/WLZ1TXTD/about-us-2-1-A8sbL1Bvv2WzM-640w.webp",
+    "750w":
+      "https://static.levocdn.com/WLZ1TXTD/about-us-2-1-A8sbL1Bvv2WzM-750w.webp",
+    "828w":
+      "https://static.levocdn.com/WLZ1TXTD/about-us-2-1-A8sbL1Bvv2WzM-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/about-us-2-1-A8sbL1Bvv2WzM-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/about-us-2-1-A8sbL1Bvv2WzM-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/about-us-2-1-A8sbL1Bvv2WzM-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/about-us-2-1-A8sbL1Bvv2WzM-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/about-us-2-1-A8sbL1Bvv2WzM-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/about-us-2-1-A8sbL1Bvv2WzM-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/about-us-2-1-A8sbL1Bvv2WzM-828w.webp 828w",
+  },
   mimetype: "image/png",
+};
+
+const SECOND_MEDIA = {
+  id: "PzNk2MN112zlG",
+  filename: "about-us-2-2.png",
+  kind: "image",
+  location:
+    "https://static.levocdn.com/WLZ1TXTD/about-us-2-2-hjBz1vKrrURpw.png",
   srcset: {
     "1080w":
-      "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp",
+      "https://static.levocdn.com/WLZ1TXTD/about-us-2-2-hjBz1vKrrURpw-1080w.webp",
     "1200w":
-      "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp",
+      "https://static.levocdn.com/WLZ1TXTD/about-us-2-2-hjBz1vKrrURpw-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",
+      "https://static.levocdn.com/WLZ1TXTD/about-us-2-2-hjBz1vKrrURpw-1920w.webp",
+    "320w":
+      "https://static.levocdn.com/WLZ1TXTD/about-us-2-2-hjBz1vKrrURpw-320w.webp",
+    "640w":
+      "https://static.levocdn.com/WLZ1TXTD/about-us-2-2-hjBz1vKrrURpw-640w.webp",
+    "750w":
+      "https://static.levocdn.com/WLZ1TXTD/about-us-2-2-hjBz1vKrrURpw-750w.webp",
+    "828w":
+      "https://static.levocdn.com/WLZ1TXTD/about-us-2-2-hjBz1vKrrURpw-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/about-us-2-2-hjBz1vKrrURpw-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/about-us-2-2-hjBz1vKrrURpw-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/about-us-2-2-hjBz1vKrrURpw-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/about-us-2-2-hjBz1vKrrURpw-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/about-us-2-2-hjBz1vKrrURpw-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/about-us-2-2-hjBz1vKrrURpw-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/about-us-2-2-hjBz1vKrrURpw-1920w.webp 1920w",
   },
+  mimetype: "image/png",
+};
+
+const THIRD_MEDIA = {
+  id: "vxm9pzMssJ4Dy",
+  filename: "about-us-2-3.png",
+  kind: "image",
+  location:
+    "https://static.levocdn.com/WLZ1TXTD/about-us-2-3-WT0AWrEuuwrXz.png",
+  srcset: {
+    "1080w":
+      "https://static.levocdn.com/WLZ1TXTD/about-us-2-3-WT0AWrEuuwrXz-1080w.webp",
+    "1200w":
+      "https://static.levocdn.com/WLZ1TXTD/about-us-2-3-WT0AWrEuuwrXz-1200w.webp",
+    "1920w":
+      "https://static.levocdn.com/WLZ1TXTD/about-us-2-3-WT0AWrEuuwrXz-1920w.webp",
+    "320w":
+      "https://static.levocdn.com/WLZ1TXTD/about-us-2-3-WT0AWrEuuwrXz-320w.webp",
+    "640w":
+      "https://static.levocdn.com/WLZ1TXTD/about-us-2-3-WT0AWrEuuwrXz-640w.webp",
+    "750w":
+      "https://static.levocdn.com/WLZ1TXTD/about-us-2-3-WT0AWrEuuwrXz-750w.webp",
+    "828w":
+      "https://static.levocdn.com/WLZ1TXTD/about-us-2-3-WT0AWrEuuwrXz-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/about-us-2-3-WT0AWrEuuwrXz-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/about-us-2-3-WT0AWrEuuwrXz-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/about-us-2-3-WT0AWrEuuwrXz-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/about-us-2-3-WT0AWrEuuwrXz-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/about-us-2-3-WT0AWrEuuwrXz-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/about-us-2-3-WT0AWrEuuwrXz-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/about-us-2-3-WT0AWrEuuwrXz-320w.webp 320w",
+  },
+  mimetype: "image/png",
 };
 
 const DEFAULT_CONTENT = {
@@ -26,9 +84,9 @@ const DEFAULT_CONTENT = {
   main_content: null,
   media_section: null,
   media_column: null,
-  firstMedia: DEFAULT_IMAGE,
-  secondMedia: DEFAULT_IMAGE,
-  thirdMedia: DEFAULT_IMAGE,
+  firstMedia: FIRST_MEDIA,
+  secondMedia: SECOND_MEDIA,
+  thirdMedia: THIRD_MEDIA,
   content_section: null,
   title: "About Me",
   description:
@@ -50,6 +108,14 @@ const DEFAULT_CONTENT = {
       label: "Organizations",
     },
   ],
+  ctas: [
+    {
+      button: "Button 1",
+    },
+    {
+      button: "Button 2",
+    },
+  ],
 };
 
 export type IAboutUs2Content = typeof DEFAULT_CONTENT;
@@ -145,7 +211,7 @@ export const AboutUs2: IBlock = {
         {
           key: "number",
           label: "Number",
-          field_interface: "TypographyWidget",
+          field_interface: "HeadingWidget",
           hint: {
             prompt_description:
               "Statistical number showcasing achievement or credibility (e.g., '200+', '10+', '5+'). Should be impactful and concise.",
@@ -194,17 +260,8 @@ export const AboutUs2: IBlock = {
       key: "default",
       title: "Default",
       styles: {
-        layout: {
-          "padding-top": "5xl",
-          "padding-bottom": "5xl",
-        },
-        container: {
-          "max-width": "72rem",
-          "margin-left": "auto",
-          "margin-right": "auto",
-          "padding-left": "base",
-          "padding-right": "base",
-        },
+        layout: {},
+        container: {},
         main_content: {
           display: "flex",
           "align-items": "center",
@@ -249,13 +306,21 @@ export const AboutUs2: IBlock = {
           "border-radius": "xl",
           mobile: {
             width: "50%",
+            height: "auto",
           },
+          height: "100%",
+          width: "100%",
+          "object-fit": "cover",
         },
         thirdMedia: {
           "border-radius": "xl",
           mobile: {
             width: "50%",
+            height: "auto",
           },
+          height: "100%",
+          width: "100%",
+          "object-fit": "cover",
         },
         content_section: {
           width: "50%",
@@ -265,21 +330,9 @@ export const AboutUs2: IBlock = {
           },
         },
         title: {
-          "font-size": "4xl",
-          "font-weight": "700",
-          color: "text-1",
           "margin-bottom": "lg",
-          tablet: {
-            "font-size": "3xl",
-          },
-          mobile: {
-            "font-size": "2xl",
-          },
         },
         description: {
-          "font-size": "base",
-          color: "text-2",
-          "line-height": "1.6",
           "margin-bottom": "2xl",
         },
         stats_levoGroup: {
@@ -288,6 +341,77 @@ export const AboutUs2: IBlock = {
           "row-gap": "lg",
           "justify-content": "space-between",
         },
+        stats: [
+          {
+            stat_item: {
+              display: "flex",
+              "align-items": "center",
+              "column-gap": "base",
+              "flex-direction": "column",
+              tablet: {
+                "justify-content": "center",
+              },
+            },
+            number: {
+              "font-weight": 700,
+            },
+            label: {
+              "font-weight": 500,
+            },
+          },
+          {
+            stat_item: {
+              display: "flex",
+              "align-items": "center",
+              "column-gap": "base",
+              "flex-direction": "column",
+              tablet: {
+                "justify-content": "center",
+              },
+            },
+            number: {
+              "font-weight": 700,
+            },
+            label: {
+              "font-size": "base",
+              color: "text-2",
+              "font-weight": "500",
+            },
+          },
+          {
+            stat_item: {
+              display: "flex",
+              "align-items": "center",
+              "column-gap": "base",
+              "flex-direction": "column",
+              tablet: {
+                "justify-content": "center",
+              },
+            },
+            number: {
+              "font-weight": 700,
+            },
+            label: {
+              "font-size": "base",
+              color: "text-2",
+              "font-weight": "500",
+            },
+          },
+        ],
+        ctas_levoGroup: {
+          "margin-top": "lg",
+          display: "flex",
+          "align-items": "center",
+          "column-gap": "base",
+        },
+        ctas: [
+          {
+            button: {},
+          },
+          {
+            button: {},
+          },
+        ],
         stat_item: {
           display: "flex",
           "align-items": "center",
@@ -311,7 +435,30 @@ export const AboutUs2: IBlock = {
         },
       },
       content: DEFAULT_CONTENT,
-      config: {},
+      config: {
+        stats: Array(3)
+          .fill(0)
+          .map((v) => {
+            return {
+              stat_item: {
+                selectedVariants: {},
+              },
+              number: {
+                heading: {
+                  level: "3",
+                },
+                selectedVariants: {
+                  Heading_Level: "H3",
+                },
+              },
+              label: {
+                selectedVariants: {
+                  Typography_Variants: "Body",
+                },
+              },
+            };
+          }),
+      },
     },
   ],
 };

package/src/blocks/blogs/blog-listing-1.tsx

@@ -79,21 +79,23 @@ const BlogListing1: React.FC<ILevoBlockBaseProps<IBlogListing1Content>> = ({
               );
             })}
         </Box>
-        <Box elementKey="pagination-wrapper">
-          <Button
-            elementKey="pagination-left"
-            disabled={query?.page === 1}
-            onClick={handlePrevious}
-          />
-          <Typography elementKey="pagination-text">
-            {`${query?.page || 0}/${meta?.pages || 0}`}
-          </Typography>
-          <Button
-            elementKey="pagination-right"
-            onClick={handleNext}
-            disabled={query?.page === meta?.pages}
-          />
-        </Box>
+        {(meta?.pages || 0) > 1 && (
+          <Box elementKey="pagination-wrapper">
+            <Button
+              elementKey="pagination-left"
+              disabled={query?.page === 1}
+              onClick={handlePrevious}
+            />
+            <Typography elementKey="pagination-text">
+              {`${query?.page || 0}/${meta?.pages || 0}`}
+            </Typography>
+            <Button
+              elementKey="pagination-right"
+              onClick={handleNext}
+              disabled={query?.page === meta?.pages}
+            />
+          </Box>
+        )}
       </Container>
     </Section>
   );