@levo-so/blocks 0.1.100 → 0.1.102

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

@@ -1,120 +1,151 @@
 import type { IBlock } from "@levo-so/studio";
 
+const ICON_USER = {
+  kind: "icon",
+  data: {
+    id: "user",
+    label: "User",
+    svgCode:
+      '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M12 12.75C8.83 12.75 6.25 10.17 6.25 7C6.25 3.83 8.83 1.25 12 1.25C15.17 1.25 17.75 3.83 17.75 7C17.75 10.17 15.17 12.75 12 12.75ZM12 2.75C9.66 2.75 7.75 4.66 7.75 7C7.75 9.34 9.66 11.25 12 11.25C14.34 11.25 16.25 9.34 16.25 7C16.25 4.66 14.34 2.75 12 2.75Z" fill="var(--color-icon-primary)"/>\n<path d="M20.5901 22.75C20.1801 22.75 19.8401 22.41 19.8401 22C19.8401 18.55 16.3202 15.75 12.0002 15.75C7.68015 15.75 4.16016 18.55 4.16016 22C4.16016 22.41 3.82016 22.75 3.41016 22.75C3.00016 22.75 2.66016 22.41 2.66016 22C2.66016 17.73 6.85015 14.25 12.0002 14.25C17.1502 14.25 21.3401 17.73 21.3401 22C21.3401 22.41 21.0001 22.75 20.5901 22.75Z" fill="var(--color-icon-primary)"/>\n</svg>',
+  },
+};
+
+const ICON_BRIEFCASE = {
+  kind: "icon",
+  data: {
+    id: "briefcase",
+    label: "Briefcase",
+    svgCode:
+      '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M16.0002 22.75H8.00023C3.38023 22.75 2.52023 20.6 2.30023 18.51L1.55023 10.5C1.44023 9.45001 1.41023 7.90001 2.45023 6.74001C3.35023 5.74001 4.84023 5.26001 7.00023 5.26001H17.0002C19.1702 5.26001 20.6602 5.75001 21.5502 6.74001C22.5902 7.90001 22.5602 9.45001 22.4502 10.51L21.7002 18.5C21.4802 20.6 20.6202 22.75 16.0002 22.75ZM7.00023 6.75001C5.31023 6.75001 4.15023 7.08001 3.56023 7.74001C3.07023 8.28001 2.91023 9.11001 3.04023 10.35L3.79023 18.36C3.96023 19.94 4.39023 21.25 8.00023 21.25H16.0002C19.6002 21.25 20.0402 19.94 20.2102 18.35L20.9602 10.36C21.0902 9.11001 20.9302 8.28001 20.4402 7.74001C19.8502 7.08001 18.6902 6.75001 17.0002 6.75001H7.00023Z" fill="var(--color-icon-primary)"/>\n<path d="M16 6.75C15.59 6.75 15.25 6.41 15.25 6V5.2C15.25 3.42 15.25 2.75 12.8 2.75H11.2C8.75 2.75 8.75 3.42 8.75 5.2V6C8.75 6.41 8.41 6.75 8 6.75C7.59 6.75 7.25 6.41 7.25 6V5.2C7.25 3.44 7.25 1.25 11.2 1.25H12.8C16.75 1.25 16.75 3.44 16.75 5.2V6C16.75 6.41 16.41 6.75 16 6.75Z" fill="var(--color-icon-primary)"/>\n<path d="M12 16.75C9.25 16.75 9.25 15.05 9.25 14.03V13C9.25 11.59 9.59 11.25 11 11.25H13C14.41 11.25 14.75 11.59 14.75 13V14C14.75 15.04 14.75 16.75 12 16.75ZM10.75 12.75C10.75 12.83 10.75 12.92 10.75 13V14.03C10.75 15.06 10.75 15.25 12 15.25C13.25 15.25 13.25 15.09 13.25 14.02V13C13.25 12.92 13.25 12.83 13.25 12.75C13.17 12.75 13.08 12.75 13 12.75H11C10.92 12.75 10.83 12.75 10.75 12.75Z" fill="var(--color-icon-primary)"/>\n<path d="M13.9995 14.77C13.6295 14.77 13.2995 14.49 13.2595 14.11C13.2095 13.7 13.4995 13.32 13.9095 13.27C16.5495 12.94 19.0795 11.94 21.2095 10.39C21.5395 10.14 22.0095 10.22 22.2595 10.56C22.4995 10.89 22.4295 11.36 22.0895 11.61C19.7495 13.31 16.9895 14.4 14.0895 14.77C14.0595 14.77 14.0295 14.77 13.9995 14.77Z" fill="var(--color-icon-primary)"/>\n<path d="M9.99975 14.78C9.96975 14.78 9.93975 14.78 9.90975 14.78C7.16975 14.47 4.49975 13.47 2.18975 11.89C1.84975 11.66 1.75975 11.19 1.98975 10.85C2.21975 10.51 2.68975 10.42 3.02975 10.65C5.13975 12.09 7.56975 13 10.0697 13.29C10.4797 13.34 10.7797 13.71 10.7297 14.12C10.6997 14.5 10.3797 14.78 9.99975 14.78Z" fill="var(--color-icon-primary)"/>\n</svg>',
+  },
+};
+
+const ICON_LOCATION = {
+  kind: "icon",
+  data: {
+    id: "location",
+    label: "Location",
+    svgCode:
+      '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M11.9999 14.17C9.86988 14.17 8.12988 12.44 8.12988 10.3C8.12988 8.16 9.86988 6.44 11.9999 6.44C14.1299 6.44 15.8699 8.17 15.8699 10.31C15.8699 12.45 14.1299 14.17 11.9999 14.17ZM11.9999 7.94C10.6999 7.94 9.62988 9 9.62988 10.31C9.62988 11.62 10.6899 12.68 11.9999 12.68C13.3099 12.68 14.3699 11.62 14.3699 10.31C14.3699 9 13.2999 7.94 11.9999 7.94Z" fill="var(--color-icon-primary)"/>\n<path d="M11.9997 22.76C10.5197 22.76 9.02969 22.2 7.86969 21.09C4.91969 18.25 1.65969 13.72 2.88969 8.33C3.99969 3.44 8.26969 1.25 11.9997 1.25C11.9997 1.25 11.9997 1.25 12.0097 1.25C15.7397 1.25 20.0097 3.44 21.1197 8.34C22.3397 13.73 19.0797 18.25 16.1297 21.09C14.9697 22.2 13.4797 22.76 11.9997 22.76ZM11.9997 2.75C9.08969 2.75 5.34969 4.3 4.35969 8.66C3.27969 13.37 6.23969 17.43 8.91969 20C10.6497 21.67 13.3597 21.67 15.0897 20C17.7597 17.43 20.7197 13.37 19.6597 8.66C18.6597 4.3 14.9097 2.75 11.9997 2.75Z" fill="var(--color-icon-primary)"/>\n</svg>',
+  },
+};
+
+const ICON_CTA_RIGHT = {
+  kind: "icon",
+  data: {
+    id: "login-1",
+    label: "Login 1",
+    svgCode:
+      '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M11.6801 15.3699C11.4901 15.3699 11.3001 15.2999 11.1501 15.1499C10.8601 14.8599 10.8601 14.3799 11.1501 14.0899L13.1801 12.0599L11.1501 10.0299C10.8601 9.73994 10.8601 9.25994 11.1501 8.96994C11.4401 8.67994 11.9201 8.67994 12.2101 8.96994L14.7701 11.5299C15.0601 11.8199 15.0601 12.2999 14.7701 12.5899L12.2101 15.1499C12.0701 15.2999 11.8701 15.3699 11.6801 15.3699Z" fill="var(--color-icon-primary)"/>\n<path d="M14.17 12.8101H4C3.59 12.8101 3.25 12.4701 3.25 12.0601C3.25 11.6501 3.59 11.3101 4 11.3101H14.17C14.58 11.3101 14.92 11.6501 14.92 12.0601C14.92 12.4701 14.58 12.8101 14.17 12.8101Z" fill="var(--color-icon-primary)"/>\n<path d="M12 20.75C11.59 20.75 11.25 20.41 11.25 20C11.25 19.59 11.59 19.25 12 19.25C16.27 19.25 19.25 16.27 19.25 12C19.25 7.73 16.27 4.75 12 4.75C11.59 4.75 11.25 4.41 11.25 4C11.25 3.59 11.59 3.25 12 3.25C17.15 3.25 20.75 6.85 20.75 12C20.75 17.15 17.15 20.75 12 20.75Z" fill="var(--color-icon-primary)"/>\n</svg>',
+  },
+};
+
 const DEFAULT_CONTENT = {
   layout: null,
   container: null,
   header_wrapper: null,
-  title: "Job Opportunities",
+  title: "Build the rails that move money safely",
   description:
-    "More than investors — true partners in growth. The difference that sets our venture studio apart.",
+    "Join a payments team shipping PCI DSS Level 1 infrastructure, real-time ledgers, and fraud systems that settle billions without breaking.",
   jobs_levoGroup: null,
   bottom_ctas_levoGroup: null,
-  bottom_ctas: [{ bottom_cta: "Explore All Job Roles" }, { bottom_cta: "View Internships" }],
+  bottom_ctas: [
+    { bottom_cta: "See all open roles" },
+    { bottom_cta: "Read engineering blog" },
+  ],
   jobs: [
     {
       job_item: null,
       designation_wrapper: null,
-      designation_header: "Designation",
-      designation_value: "Product Designer",
+      designation_header_wrapper: null,
+      designation_icon: ICON_USER,
+      designation_header: "Role",
+      designation_value: "Payments Platform Engineer",
       work_wrapper: null,
-      work_header: "Work",
-      work_value: "Full Time",
+      work_header_wrapper: null,
+      work_icon: ICON_BRIEFCASE,
+      work_header: "Type",
+      work_value: "Full-time",
       location_wrapper: null,
+      location_header_wrapper: null,
+      location_icon: ICON_LOCATION,
       location_header: "Location",
-      location_value: "New York",
+      location_value: "Remote, Americas",
       ctas_levoGroup: null,
-      ctas: [{ cta: "View" }, { cta: "Apply" }],
+      ctas: [{ cta: "View role" }, { cta: "Apply" }],
       separator: null,
-      cta_rightIcon: {
-        kind: "icon",
-        data: {
-          id: "arrow-right-1",
-          label: "Arrow Right 1",
-          tags: ["arrow", "custom", "directional", "right"],
-          svgCode:
-            '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M14.4301 18.82C14.2401 18.82 14.0501 18.75 13.9001 18.6C13.6101 18.31 13.6101 17.83 13.9001 17.54L19.4401 12L13.9001 6.46C13.6101 6.17 13.6101 5.69 13.9001 5.4C14.1901 5.11 14.6701 5.11 14.9601 5.4L21.0301 11.47C21.3201 11.76 21.3201 12.24 21.0301 12.53L14.9601 18.6C14.8101 18.75 14.6201 18.82 14.4301 18.82Z" fill="currentColor"/>\n<path d="M20.33 12.75H3.5C3.09 12.75 2.75 12.41 2.75 12C2.75 11.59 3.09 11.25 3.5 11.25H20.33C20.74 11.25 21.08 11.59 21.08 12C21.08 12.41 20.74 12.75 20.33 12.75Z" fill="currentColor"/>\n</svg>',
-        },
-      },
+      cta_rightIcon: ICON_CTA_RIGHT,
     },
     {
       job_item: null,
       designation_wrapper: null,
-      designation_header: "Designation",
-      designation_value: "Product Designer",
+      designation_header_wrapper: null,
+      designation_icon: ICON_USER,
+      designation_header: "Role",
+      designation_value: "Risk & Fraud Analyst",
       work_wrapper: null,
-      work_header: "Work",
-      work_value: "Full Time",
+      work_header_wrapper: null,
+      work_icon: ICON_BRIEFCASE,
+      work_header: "Type",
+      work_value: "Full-time",
       location_wrapper: null,
+      location_header_wrapper: null,
+      location_icon: ICON_LOCATION,
       location_header: "Location",
-      location_value: "New York",
+      location_value: "London, UK",
       ctas_levoGroup: null,
-      ctas: [{ cta: "View" }, { cta: "Apply" }],
+      ctas: [{ cta: "View role" }, { cta: "Apply" }],
       separator: null,
-      cta_rightIcon: {
-        kind: "icon",
-        data: {
-          id: "arrow-right-1",
-          label: "Arrow Right 1",
-          tags: ["arrow", "custom", "directional", "right"],
-          svgCode:
-            '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M14.4301 18.82C14.2401 18.82 14.0501 18.75 13.9001 18.6C13.6101 18.31 13.6101 17.83 13.9001 17.54L19.4401 12L13.9001 6.46C13.6101 6.17 13.6101 5.69 13.9001 5.4C14.1901 5.11 14.6701 5.11 14.9601 5.4L21.0301 11.47C21.3201 11.76 21.3201 12.24 21.0301 12.53L14.9601 18.6C14.8101 18.75 14.6201 18.82 14.4301 18.82Z" fill="currentColor"/>\n<path d="M20.33 12.75H3.5C3.09 12.75 2.75 12.41 2.75 12C2.75 11.59 3.09 11.25 3.5 11.25H20.33C20.74 11.25 21.08 11.59 21.08 12C21.08 12.41 20.74 12.75 20.33 12.75Z" fill="currentColor"/>\n</svg>',
-        },
-      },
+      cta_rightIcon: ICON_CTA_RIGHT,
     },
     {
       job_item: null,
       designation_wrapper: null,
-      designation_header: "Designation",
-      designation_value: "Product Designer",
+      designation_header_wrapper: null,
+      designation_icon: ICON_USER,
+      designation_header: "Role",
+      designation_value: "Compliance Lead, PCI DSS",
       work_wrapper: null,
-      work_header: "Work",
-      work_value: "Full Time",
+      work_header_wrapper: null,
+      work_icon: ICON_BRIEFCASE,
+      work_header: "Type",
+      work_value: "Full-time",
       location_wrapper: null,
+      location_header_wrapper: null,
+      location_icon: ICON_LOCATION,
       location_header: "Location",
-      location_value: "New York",
+      location_value: "Singapore",
       ctas_levoGroup: null,
-      ctas: [{ cta: "View" }, { cta: "Apply" }],
+      ctas: [{ cta: "View role" }, { cta: "Apply" }],
       separator: null,
-      cta_rightIcon: {
-        kind: "icon",
-        data: {
-          id: "arrow-right-1",
-          label: "Arrow Right 1",
-          tags: ["arrow", "custom", "directional", "right"],
-          svgCode:
-            '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M14.4301 18.82C14.2401 18.82 14.0501 18.75 13.9001 18.6C13.6101 18.31 13.6101 17.83 13.9001 17.54L19.4401 12L13.9001 6.46C13.6101 6.17 13.6101 5.69 13.9001 5.4C14.1901 5.11 14.6701 5.11 14.9601 5.4L21.0301 11.47C21.3201 11.76 21.3201 12.24 21.0301 12.53L14.9601 18.6C14.8101 18.75 14.6201 18.82 14.4301 18.82Z" fill="currentColor"/>\n<path d="M20.33 12.75H3.5C3.09 12.75 2.75 12.41 2.75 12C2.75 11.59 3.09 11.25 3.5 11.25H20.33C20.74 11.25 21.08 11.59 21.08 12C21.08 12.41 20.74 12.75 20.33 12.75Z" fill="currentColor"/>\n</svg>',
-        },
-      },
+      cta_rightIcon: ICON_CTA_RIGHT,
     },
     {
       job_item: null,
       designation_wrapper: null,
-      designation_header: "Designation",
-      designation_value: "Product Designer",
+      designation_header_wrapper: null,
+      designation_icon: ICON_USER,
+      designation_header: "Role",
+      designation_value: "Settlement Operations Manager",
       work_wrapper: null,
-      work_header: "Work",
-      work_value: "Full Time",
+      work_header_wrapper: null,
+      work_icon: ICON_BRIEFCASE,
+      work_header: "Type",
+      work_value: "Contract",
       location_wrapper: null,
+      location_header_wrapper: null,
+      location_icon: ICON_LOCATION,
       location_header: "Location",
-      location_value: "New York",
+      location_value: "Berlin, DE",
       ctas_levoGroup: null,
-      ctas: [{ cta: "View" }, { cta: "Apply" }],
+      ctas: [{ cta: "View role" }, { cta: "Apply" }],
       separator: null,
-      cta_rightIcon: {
-        kind: "icon",
-        data: {
-          id: "arrow-right-1",
-          label: "Arrow Right 1",
-          tags: ["arrow", "custom", "directional", "right"],
-          svgCode:
-            '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M14.4301 18.82C14.2401 18.82 14.0501 18.75 13.9001 18.6C13.6101 18.31 13.6101 17.83 13.9001 17.54L19.4401 12L13.9001 6.46C13.6101 6.17 13.6101 5.69 13.9001 5.4C14.1901 5.11 14.6701 5.11 14.9601 5.4L21.0301 11.47C21.3201 11.76 21.3201 12.24 21.0301 12.53L14.9601 18.6C14.8101 18.75 14.6201 18.82 14.4301 18.82Z" fill="currentColor"/>\n<path d="M20.33 12.75H3.5C3.09 12.75 2.75 12.41 2.75 12C2.75 11.59 3.09 11.25 3.5 11.25H20.33C20.74 11.25 21.08 11.59 21.08 12C21.08 12.41 20.74 12.75 20.33 12.75Z" fill="currentColor"/>\n</svg>',
-        },
-      },
+      cta_rightIcon: ICON_CTA_RIGHT,
     },
   ],
   bottom_description:
-    "<p>You can also send your application on email here<br>Email id - &nbsp;jobs@xyz.com.</p>",
-  label: "CurrentJob Openings",
+    "<p>No role that fits? Send your CV to <br>careers@fintechco.com and we'll route it to the right team.</p>",
+  label: "Open Roles",
 };
 
 export type IContent5Content = typeof DEFAULT_CONTENT;
@@ -125,7 +156,7 @@ export const Content5: IBlock = {
   key: "content-5",
   version: "v1",
   prompt_description:
-    "Job opportunities listing with title, description, and job items showing designation, work type, location, and CTA in a clean 4-column layout.",
+    "Fintech careers listing with title, description, and role cards showing designation, employment type, location, and apply CTAs.",
 
   content_schema: [
     {
@@ -312,8 +343,8 @@ export const Content5: IBlock = {
   ],
   layouts: [
     {
-      key: "default",
-      title: "Default",
+      key: "card_list",
+      title: "Card List",
       styles: {
         layout: {},
         container: {},
@@ -328,11 +359,14 @@ export const Content5: IBlock = {
         },
         description: {
           "text-align": "center",
+          "max-width": "640px",
+          "margin-left": "auto",
+          "margin-right": "auto",
         },
         jobs_levoGroup: {
           display: "flex",
           "flex-direction": "column",
-          "row-gap": "4xs",
+          "row-gap": "base",
           "margin-bottom": "2xl",
         },
         bottom_ctas_levoGroup: {
@@ -346,595 +380,139 @@ export const Content5: IBlock = {
           "margin-left": "auto",
           "margin-right": "auto",
         },
-        bottom_ctas: Array(2)
-          .fill(0)
-          .map(() => ({})),
-        jobs: [
-          {
-            job_item: {
-              display: "grid",
-              "grid-template-columns": "1fr 1fr 1fr auto",
-              "align-items": "start",
-              "column-gap": "lg",
-              "padding-top": "lg",
-              "padding-bottom": "lg",
-              tablet: {
-                "grid-template-columns": "repeat(4, minmax(0, 1fr))",
-                "column-gap": "base",
-              },
-              mobile: {
-                "grid-template-columns": "repeat(2, minmax(0, 1fr))",
-                "column-gap": "sm",
-                "padding-top": "base",
-                "padding-bottom": "base",
-                "row-gap": "2xl",
-              },
-              "border-style": "solid",
-              "border-width": "1px",
-              "border-radius": "base",
-              "padding-left": "2xl",
-              "padding-right": "2xl",
-            },
-            designation_wrapper: {
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "xs",
-            },
-            designation_header_wrapper: {
-              display: "flex",
-              "align-items": "center",
-              "column-gap": "2xs",
-            },
-            designation_icon: {
-              width: "16px",
-              height: "16px",
-            },
-            designation_header: {
-              "font-weight": 500,
-              "text-transform": "uppercase",
-              "letter-spacing": "0.05em",
-            },
-            designation_value: {
-              color: "text-1",
-              "font-weight": "600",
-              "margin-top": "xs",
-            },
-            work_wrapper: {
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "xs",
-              tablet: {
-                "justify-content": "center",
-                "align-items": "center",
-              },
-            },
-            work_header_wrapper: {
-              display: "flex",
-              "align-items": "center",
-              "column-gap": "2xs",
-            },
-            work_icon: {
-              width: "16px",
-              height: "16px",
-            },
-            work_header: {
-              "font-weight": 500,
-              "text-transform": "uppercase",
-              "letter-spacing": "0.05em",
-            },
-            work_value: {
-              color: "text-1",
-              "font-weight": "600",
-              "margin-top": "xs",
-            },
-            location_wrapper: {
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "xs",
-              tablet: {
-                "justify-content": "center",
-                "align-items": "center",
-              },
-              mobile: {
-                "justify-content": "start",
-                "align-items": "start",
-              },
-            },
-            location_header_wrapper: {
-              display: "flex",
-              "align-items": "center",
-              "column-gap": "2xs",
-            },
-            location_icon: {
-              width: "16px",
-              height: "16px",
-            },
-            location_header: {
-              "font-weight": 500,
-              "text-transform": "uppercase",
-              "letter-spacing": "0.05em",
-            },
-            location_value: {
-              color: "text-1",
-              "font-weight": "600",
-              "margin-top": "xs",
-            },
-            ctas_levoGroup: {
-              display: "flex",
-              "flex-direction": "row",
-              "column-gap": "xs",
-              "row-gap": "xs",
-              "flex-wrap": "wrap",
-              "align-items": "center",
-              tablet: {
-                "justify-content": "center",
-                "align-items": "center",
-                "margin-left": "5xl",
-              },
-              width: "fit-content",
-            },
-            ctas: Array(2)
-              .fill(0)
-              .map(() => ({
-                cta: {
-                  "border-width": "0",
-                  cursor: "pointer",
-                  display: "flex",
-                  "column-gap": "none",
-                  width: "fit-content",
-                },
-              })),
-            separator: {
-              width: "100%",
-              height: "1px",
-              "background-color": "border",
-            },
-            cta_rightIcon: {
-              height: "24px",
-              width: "24px",
-              "font-size": "24px",
-              "border-radius": "3xl",
+        bottom_ctas: [{}, {}],
+        jobs_levoGroupItem: {
+          job_item: {
+            display: "grid",
+            "grid-template-columns": "1fr 1fr 1fr auto",
+            "align-items": "center",
+            "column-gap": "lg",
+            "padding-top": "xl",
+            "padding-bottom": "xl",
+            "padding-left": "2xl",
+            "padding-right": "2xl",
+            "background-color": "card",
+            "border-style": "solid",
+            "border-width": "1px",
+            "border-radius": "lg",
+            tablet: {
+              "grid-template-columns": "repeat(4, minmax(0, 1fr))",
+              "column-gap": "base",
+            },
+            mobile: {
+              "grid-template-columns": "repeat(2, minmax(0, 1fr))",
+              "column-gap": "sm",
+              "padding-top": "base",
+              "padding-bottom": "base",
+              "row-gap": "2xl",
             },
           },
-          {
-            job_item: {
-              display: "grid",
-              "grid-template-columns": "1fr 1fr 1fr auto",
-              "align-items": "start",
-              "column-gap": "lg",
-              "padding-top": "lg",
-              "padding-bottom": "lg",
-              tablet: {
-                "grid-template-columns": "repeat(4, minmax(0, 1fr))",
-                "column-gap": "base",
-              },
-              mobile: {
-                "grid-template-columns": "repeat(2, minmax(0, 1fr))",
-                "column-gap": "sm",
-                "padding-top": "base",
-                "padding-bottom": "base",
-                "row-gap": "2xl",
-              },
-              "border-style": "solid",
-              "border-width": "1px",
-              "border-radius": "base",
-              "padding-left": "2xl",
-              "padding-right": "2xl",
-            },
-            designation_wrapper: {
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "xs",
-            },
-            designation_header: {
-              "font-weight": 500,
-              "text-transform": "uppercase",
-              "letter-spacing": "0.05em",
-            },
-            designation_value: {
-              color: "text-1",
-              "font-weight": "600",
-              "margin-top": "xs",
-            },
-            work_wrapper: {
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "xs",
-              tablet: {
-                "justify-content": "center",
-                "align-items": "center",
-              },
-            },
-            work_header: {
-              "font-weight": 500,
-              "text-transform": "uppercase",
-              "letter-spacing": "0.05em",
-            },
-            work_value: {
-              color: "text-1",
-              "font-weight": "600",
-              "margin-top": "xs",
-            },
-            location_wrapper: {
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "xs",
-              tablet: {
-                "justify-content": "center",
-                "align-items": "center",
-              },
-              mobile: {
-                "justify-content": "start",
-                "align-items": "start",
-              },
-            },
-            location_header: {
-              "font-weight": 500,
-              "text-transform": "uppercase",
-              "letter-spacing": "0.05em",
-            },
-            location_value: {
-              color: "text-1",
-              "font-weight": "600",
-              "margin-top": "xs",
-            },
-            ctas_levoGroup: {
-              display: "flex",
-              "flex-direction": "row",
-              "column-gap": "xs",
-              "row-gap": "xs",
-              "flex-wrap": "wrap",
-              "align-items": "center",
-              tablet: {
-                "justify-content": "center",
-                "align-items": "center",
-                "margin-left": "5xl",
-              },
-              width: "fit-content",
-            },
-            ctas: Array(2)
-              .fill(0)
-              .map(() => ({
-                cta: {
-                  "border-width": "0",
-                  cursor: "pointer",
-                  display: "flex",
-                  "column-gap": "none",
-                  width: "fit-content",
-                },
-              })),
-            separator: {
-              width: "100%",
-              height: "1px",
-              "background-color": "border",
-            },
-            cta_rightIcon: {
-              height: "24px",
-              width: "24px",
-              "font-size": "24px",
-              "border-radius": "3xl",
-            },
-            designation_header_wrapper: {
-              display: "flex",
-              "align-items": "center",
-              "column-gap": "2xs",
-            },
-            designation_icon: {
-              width: "16px",
-              height: "16px",
-            },
-            work_header_wrapper: {
-              display: "flex",
-              "align-items": "center",
-              "column-gap": "2xs",
-            },
-            work_icon: {
-              width: "16px",
-              height: "16px",
-            },
-            location_header_wrapper: {
-              display: "flex",
-              "align-items": "center",
-              "column-gap": "2xs",
-            },
-            location_icon: {
-              width: "16px",
-              height: "16px",
-            },
+          designation_wrapper: {
+            display: "flex",
+            "flex-direction": "column",
+            "row-gap": "xs",
           },
-          {
-            job_item: {
-              display: "grid",
-              "grid-template-columns": "1fr 1fr 1fr auto",
-              "align-items": "start",
-              "column-gap": "lg",
-              "padding-top": "lg",
-              "padding-bottom": "lg",
-              tablet: {
-                "grid-template-columns": "repeat(4, minmax(0, 1fr))",
-                "column-gap": "base",
-              },
-              mobile: {
-                "grid-template-columns": "repeat(2, minmax(0, 1fr))",
-                "column-gap": "sm",
-                "padding-top": "base",
-                "padding-bottom": "base",
-                "row-gap": "2xl",
-              },
-              "border-style": "solid",
-              "border-width": "1px",
-              "border-radius": "base",
-              "padding-left": "2xl",
-              "padding-right": "2xl",
-            },
-            designation_wrapper: {
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "xs",
-            },
-            designation_header: {
-              "font-weight": 500,
-              "text-transform": "uppercase",
-              "letter-spacing": "0.05em",
-            },
-            designation_value: {
-              color: "text-1",
-              "font-weight": "600",
-              "margin-top": "xs",
-            },
-            work_wrapper: {
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "xs",
-              tablet: {
-                "justify-content": "center",
-                "align-items": "center",
-              },
-            },
-            work_header: {
-              "font-weight": 500,
-              "text-transform": "uppercase",
-              "letter-spacing": "0.05em",
-            },
-            work_value: {
-              color: "text-1",
-              "font-weight": "600",
-              "margin-top": "xs",
-            },
-            location_wrapper: {
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "xs",
-              tablet: {
-                "justify-content": "center",
-                "align-items": "center",
-              },
-              mobile: {
-                "justify-content": "start",
-                "align-items": "start",
-              },
-            },
-            location_header: {
-              "font-weight": 500,
-              "text-transform": "uppercase",
-              "letter-spacing": "0.05em",
-            },
-            location_value: {
-              color: "text-1",
-              "font-weight": "600",
-              "margin-top": "xs",
-            },
-            ctas_levoGroup: {
-              display: "flex",
-              "flex-direction": "row",
-              "column-gap": "xs",
-              "row-gap": "xs",
-              "flex-wrap": "wrap",
-              "align-items": "center",
-              tablet: {
-                "justify-content": "center",
-                "align-items": "center",
-                "margin-left": "5xl",
-              },
-              width: "fit-content",
-            },
-            ctas: Array(2)
-              .fill(0)
-              .map(() => ({
-                cta: {
-                  "border-width": "0",
-                  cursor: "pointer",
-                  display: "flex",
-                  "column-gap": "none",
-                  width: "fit-content",
-                },
-              })),
-            separator: {
-              width: "100%",
-              height: "1px",
-              "background-color": "border",
-            },
-            cta_rightIcon: {
-              height: "24px",
-              width: "24px",
-              "font-size": "24px",
-              "border-radius": "3xl",
-            },
-            designation_header_wrapper: {
-              display: "flex",
-              "align-items": "center",
-              "column-gap": "2xs",
-            },
-            designation_icon: {
-              width: "16px",
-              height: "16px",
-            },
-            work_header_wrapper: {
-              display: "flex",
-              "align-items": "center",
-              "column-gap": "2xs",
-            },
-            work_icon: {
-              width: "16px",
-              height: "16px",
-            },
-            location_header_wrapper: {
-              display: "flex",
-              "align-items": "center",
-              "column-gap": "2xs",
-            },
-            location_icon: {
-              width: "16px",
-              height: "16px",
-            },
+          designation_header_wrapper: {
+            display: "flex",
+            "align-items": "center",
+            "column-gap": "2xs",
           },
-          {
-            job_item: {
-              display: "grid",
-              "grid-template-columns": "1fr 1fr 1fr auto",
-              "align-items": "start",
-              "column-gap": "lg",
-              "padding-top": "lg",
-              "padding-bottom": "lg",
-              tablet: {
-                "grid-template-columns": "repeat(4, minmax(0, 1fr))",
-                "column-gap": "base",
-              },
-              mobile: {
-                "grid-template-columns": "repeat(2, minmax(0, 1fr))",
-                "column-gap": "sm",
-                "padding-top": "base",
-                "padding-bottom": "base",
-                "row-gap": "2xl",
-              },
-              "border-style": "solid",
-              "border-width": "1px",
-              "border-radius": "base",
-              "padding-left": "2xl",
-              "padding-right": "2xl",
-            },
-            designation_wrapper: {
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "xs",
-            },
-            designation_header: {
-              "font-weight": 500,
-              "text-transform": "uppercase",
-              "letter-spacing": "0.05em",
-            },
-            designation_value: {
-              color: "text-1",
-              "font-weight": "600",
-              "margin-top": "xs",
-            },
-            work_wrapper: {
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "xs",
-              tablet: {
-                "justify-content": "center",
-                "align-items": "center",
-              },
-            },
-            work_header: {
-              "font-weight": 500,
-              "text-transform": "uppercase",
-              "letter-spacing": "0.05em",
-            },
-            work_value: {
-              color: "text-1",
-              "font-weight": "600",
-              "margin-top": "xs",
-            },
-            location_wrapper: {
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "xs",
-              tablet: {
-                "justify-content": "center",
-                "align-items": "center",
-              },
-              mobile: {
-                "justify-content": "start",
-                "align-items": "start",
-              },
-            },
-            location_header: {
-              "font-weight": 500,
-              "text-transform": "uppercase",
-              "letter-spacing": "0.05em",
-            },
-            location_value: {
-              color: "text-1",
-              "font-weight": "600",
-              "margin-top": "xs",
-            },
-            ctas_levoGroup: {
+          designation_icon: {
+            width: "16px",
+            height: "16px",
+            "flex-shrink": "0",
+          },
+          designation_header: {
+            "font-weight": 500,
+            "text-transform": "uppercase",
+            "letter-spacing": "0.05em",
+          },
+          designation_value: {
+            color: "text-1",
+            "font-weight": "600",
+            "margin-top": "xs",
+          },
+          work_wrapper: {
+            display: "flex",
+            "flex-direction": "column",
+            "row-gap": "xs",
+          },
+          work_header_wrapper: {
+            display: "flex",
+            "align-items": "center",
+            "column-gap": "2xs",
+          },
+          work_icon: {
+            width: "16px",
+            height: "16px",
+            "flex-shrink": "0",
+          },
+          work_header: {
+            "font-weight": 500,
+            "text-transform": "uppercase",
+            "letter-spacing": "0.05em",
+          },
+          work_value: {
+            color: "text-1",
+            "font-weight": "600",
+            "margin-top": "xs",
+          },
+          location_wrapper: {
+            display: "flex",
+            "flex-direction": "column",
+            "row-gap": "xs",
+          },
+          location_header_wrapper: {
+            display: "flex",
+            "align-items": "center",
+            "column-gap": "2xs",
+          },
+          location_icon: {
+            width: "16px",
+            height: "16px",
+            "flex-shrink": "0",
+          },
+          location_header: {
+            "font-weight": 500,
+            "text-transform": "uppercase",
+            "letter-spacing": "0.05em",
+          },
+          location_value: {
+            color: "text-1",
+            "font-weight": "600",
+            "margin-top": "xs",
+          },
+          ctas_levoGroup: {
+            display: "flex",
+            "flex-direction": "row",
+            "column-gap": "sm",
+            "row-gap": "xs",
+            "flex-wrap": "wrap",
+            "align-items": "center",
+            width: "fit-content",
+          },
+          ctas_levoGroupItem: {
+            cta: {
+              "border-width": "0",
+              cursor: "pointer",
               display: "flex",
-              "flex-direction": "row",
-              "column-gap": "xs",
-              "row-gap": "xs",
-              "flex-wrap": "wrap",
-              "align-items": "center",
-              tablet: {
-                "justify-content": "center",
-                "align-items": "center",
-                "margin-left": "5xl",
-              },
+              "column-gap": "none",
               width: "fit-content",
             },
-            ctas: Array(2)
-              .fill(0)
-              .map(() => ({
-                cta: {
-                  "border-width": "0",
-                  cursor: "pointer",
-                  display: "flex",
-                  "column-gap": "none",
-                  width: "fit-content",
-                },
-              })),
-            separator: {
-              width: "100%",
-              height: "1px",
-              "background-color": "border",
-            },
-            cta_rightIcon: {
-              height: "24px",
-              width: "24px",
-              "font-size": "24px",
-              "border-radius": "3xl",
-            },
-            designation_header_wrapper: {
-              display: "flex",
-              "align-items": "center",
-              "column-gap": "2xs",
-            },
-            designation_icon: {
-              width: "16px",
-              height: "16px",
-            },
-            work_header_wrapper: {
-              display: "flex",
-              "align-items": "center",
-              "column-gap": "2xs",
-            },
-            work_icon: {
-              width: "16px",
-              height: "16px",
-            },
-            location_header_wrapper: {
-              display: "flex",
-              "align-items": "center",
-              "column-gap": "2xs",
-            },
-            location_icon: {
-              width: "16px",
-              height: "16px",
-            },
           },
-        ],
+          ctas: [{}, {}],
+          separator: {
+            display: "none",
+          },
+          cta_rightIcon: {
+            height: "20px",
+            width: "20px",
+            "font-size": "20px",
+            "border-radius": "3xl",
+            "flex-shrink": "0",
+          },
+        },
+        jobs: [{}, {}, {}, {}],
         bottom_description: {
           "margin-left": "auto",
           "margin-right": "auto",
@@ -965,6 +543,910 @@ export const Content5: IBlock = {
             Heading_Level: "H2",
           },
         },
+        bottom_ctas: [
+          {},
+          { bottom_cta: { selectedVariants: { Button_Variants: "Secondary" } } },
+        ],
+        jobs: Array(4)
+          .fill(0)
+          .map(() => ({
+            designation_header: {
+              selectedVariants: { Typography_Variants: "Small" },
+            },
+            work_header: {
+              selectedVariants: { Typography_Variants: "Small" },
+            },
+            location_header: {
+              selectedVariants: { Typography_Variants: "Small" },
+            },
+            ctas: [
+              { cta: { selectedVariants: {} } },
+              { cta: { selectedVariants: { Button_Variants: "Secondary" } } },
+            ],
+          })),
+      },
+    },
+    {
+      key: "compact",
+      title: "Compact",
+      styles: {
+        layout: {},
+        container: {},
+        header_wrapper: {
+          "text-align": "left",
+          "margin-bottom": "2xl",
+          "row-gap": "xs",
+        },
+        title: {
+          "margin-bottom": "xs",
+          "text-align": "center",
+        },
+        description: {
+          "text-align": "center",
+          "max-width": "640px",
+          "margin-left": "auto",
+          "margin-right": "auto",
+        },
+        jobs_levoGroup: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "none",
+          "margin-bottom": "xl",
+        },
+        bottom_ctas_levoGroup: {
+          display: "flex",
+          "flex-direction": "row",
+          "column-gap": "md",
+          "row-gap": "md",
+          "flex-wrap": "wrap",
+          "align-items": "center",
+          "justify-content": "center",
+          "margin-left": "auto",
+          "margin-right": "auto",
+        },
+        bottom_ctas: [{}, {}],
+        jobs_levoGroupItem: {
+          job_item: {
+            display: "grid",
+            "grid-template-columns": "1.5fr 1fr 1fr auto",
+            "align-items": "center",
+            "column-gap": "base",
+            "padding-top": "base",
+            "padding-bottom": "base",
+            "padding-left": "lg",
+            "padding-right": "lg",
+            mobile: {
+              "grid-template-columns": "repeat(2, minmax(0, 1fr))",
+              "column-gap": "sm",
+              "row-gap": "sm",
+            },
+          },
+          designation_wrapper: {
+            display: "flex",
+            "flex-direction": "row",
+            "align-items": "center",
+            "column-gap": "xs",
+          },
+          designation_header_wrapper: {
+            display: "none",
+          },
+          designation_icon: {
+            width: "16px",
+            height: "16px",
+            "flex-shrink": "0",
+          },
+          designation_header: {
+            display: "none",
+          },
+          designation_value: {
+            color: "text-1",
+            "font-weight": "600",
+          },
+          work_wrapper: {
+            display: "flex",
+            "flex-direction": "row",
+            "align-items": "center",
+            "column-gap": "xs",
+          },
+          work_header_wrapper: {
+            display: "none",
+          },
+          work_icon: {
+            width: "16px",
+            height: "16px",
+            "flex-shrink": "0",
+          },
+          work_header: {
+            display: "none",
+          },
+          work_value: {
+            color: "text-2",
+            "font-weight": "500",
+          },
+          location_wrapper: {
+            display: "flex",
+            "flex-direction": "row",
+            "align-items": "center",
+            "column-gap": "xs",
+          },
+          location_header_wrapper: {
+            display: "none",
+          },
+          location_icon: {
+            width: "16px",
+            height: "16px",
+            "flex-shrink": "0",
+          },
+          location_header: {
+            display: "none",
+          },
+          location_value: {
+            color: "text-2",
+            "font-weight": "500",
+          },
+          ctas_levoGroup: {
+            display: "flex",
+            "flex-direction": "row",
+            "column-gap": "sm",
+            "row-gap": "xs",
+            "flex-wrap": "wrap",
+            "align-items": "center",
+            width: "fit-content",
+          },
+          ctas_levoGroupItem: {
+            cta: {
+              "border-width": "0",
+              cursor: "pointer",
+              display: "flex",
+              "column-gap": "none",
+              width: "fit-content",
+            },
+          },
+          ctas: [{}, {}],
+          separator: {
+            width: "100%",
+            height: "1px",
+            "background-color": "border",
+          },
+          cta_rightIcon: {
+            height: "20px",
+            width: "20px",
+            "font-size": "20px",
+            "border-radius": "3xl",
+            "flex-shrink": "0",
+          },
+        },
+        jobs: [{}, {}, {}, {}],
+        bottom_description: {
+          "margin-left": "auto",
+          "margin-right": "auto",
+          "text-align": "center",
+          "margin-top": "base",
+        },
+        label_left_divider: {
+          height: "2px",
+          width: "30px",
+          "background-color": "brand",
+        },
+        label_right_divider: {
+          height: "2px",
+          width: "30px",
+          "background-color": "brand",
+        },
+        label_container: {
+          display: "flex",
+          "align-items": "center",
+          "column-gap": "3xs",
+          "justify-content": "center",
+        },
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        title: {
+          selectedVariants: {
+            Heading_Level: "H2",
+          },
+        },
+        bottom_ctas: [
+          {},
+          { bottom_cta: { selectedVariants: { Button_Variants: "Secondary" } } },
+        ],
+        jobs: Array(4)
+          .fill(0)
+          .map(() => ({
+            designation_header: {
+              selectedVariants: { Typography_Variants: "Small" },
+            },
+            work_header: {
+              selectedVariants: { Typography_Variants: "Small" },
+            },
+            location_header: {
+              selectedVariants: { Typography_Variants: "Small" },
+            },
+            ctas: [
+              { cta: { selectedVariants: {} } },
+              { cta: { selectedVariants: { Button_Variants: "Secondary" } } },
+            ],
+          })),
+      },
+    },
+    {
+      key: "grid",
+      title: "Grid",
+      styles: {
+        layout: {},
+        container: {},
+        header_wrapper: {
+          "text-align": "left",
+          "margin-bottom": "3xl",
+          "row-gap": "base",
+        },
+        title: {
+          "margin-bottom": "base",
+          "text-align": "center",
+        },
+        description: {
+          "text-align": "center",
+          "max-width": "640px",
+          "margin-left": "auto",
+          "margin-right": "auto",
+        },
+        jobs_levoGroup: {
+          display: "grid",
+          "grid-template-columns": "repeat(2, minmax(0, 1fr))",
+          "column-gap": "base",
+          "row-gap": "base",
+          "margin-bottom": "2xl",
+          mobile: {
+            "grid-template-columns": "1fr",
+          },
+        },
+        bottom_ctas_levoGroup: {
+          display: "flex",
+          "flex-direction": "row",
+          "column-gap": "md",
+          "row-gap": "md",
+          "flex-wrap": "wrap",
+          "align-items": "center",
+          "justify-content": "center",
+          "margin-left": "auto",
+          "margin-right": "auto",
+        },
+        bottom_ctas: [{}, {}],
+        jobs_levoGroupItem: {
+          job_item: {
+            display: "flex",
+            "flex-direction": "column",
+            "row-gap": "lg",
+            "padding-top": "xl",
+            "padding-bottom": "xl",
+            "padding-left": "xl",
+            "padding-right": "xl",
+            "background-color": "card",
+            "border-style": "solid",
+            "border-width": "1px",
+            "border-radius": "lg",
+            height: "100%",
+          },
+          designation_wrapper: {
+            display: "flex",
+            "flex-direction": "column",
+            "row-gap": "xs",
+          },
+          designation_header_wrapper: {
+            display: "flex",
+            "align-items": "center",
+            "column-gap": "2xs",
+          },
+          designation_icon: {
+            width: "16px",
+            height: "16px",
+            "flex-shrink": "0",
+          },
+          designation_header: {
+            "font-weight": 500,
+            "text-transform": "uppercase",
+            "letter-spacing": "0.05em",
+          },
+          designation_value: {
+            color: "text-1",
+            "font-weight": "600",
+            "font-size": "lg",
+            "margin-top": "xs",
+          },
+          work_wrapper: {
+            display: "flex",
+            "flex-direction": "column",
+            "row-gap": "xs",
+          },
+          work_header_wrapper: {
+            display: "flex",
+            "align-items": "center",
+            "column-gap": "2xs",
+          },
+          work_icon: {
+            width: "16px",
+            height: "16px",
+            "flex-shrink": "0",
+          },
+          work_header: {
+            "font-weight": 500,
+            "text-transform": "uppercase",
+            "letter-spacing": "0.05em",
+          },
+          work_value: {
+            color: "text-1",
+            "font-weight": "600",
+            "margin-top": "xs",
+          },
+          location_wrapper: {
+            display: "flex",
+            "flex-direction": "column",
+            "row-gap": "xs",
+          },
+          location_header_wrapper: {
+            display: "flex",
+            "align-items": "center",
+            "column-gap": "2xs",
+          },
+          location_icon: {
+            width: "16px",
+            height: "16px",
+            "flex-shrink": "0",
+          },
+          location_header: {
+            "font-weight": 500,
+            "text-transform": "uppercase",
+            "letter-spacing": "0.05em",
+          },
+          location_value: {
+            color: "text-1",
+            "font-weight": "600",
+            "margin-top": "xs",
+          },
+          ctas_levoGroup: {
+            display: "flex",
+            "flex-direction": "row",
+            "column-gap": "sm",
+            "row-gap": "xs",
+            "flex-wrap": "wrap",
+            "align-items": "center",
+            "margin-top": "auto",
+            width: "fit-content",
+          },
+          ctas_levoGroupItem: {
+            cta: {
+              "border-width": "0",
+              cursor: "pointer",
+              display: "flex",
+              "column-gap": "none",
+              width: "fit-content",
+            },
+          },
+          ctas: [{}, {}],
+          separator: {
+            display: "none",
+          },
+          cta_rightIcon: {
+            height: "20px",
+            width: "20px",
+            "font-size": "20px",
+            "border-radius": "3xl",
+            "flex-shrink": "0",
+          },
+        },
+        jobs: [{}, {}, {}, {}],
+        bottom_description: {
+          "margin-left": "auto",
+          "margin-right": "auto",
+          "text-align": "center",
+          "margin-top": "base",
+        },
+        label_left_divider: {
+          height: "2px",
+          width: "30px",
+          "background-color": "brand",
+        },
+        label_right_divider: {
+          height: "2px",
+          width: "30px",
+          "background-color": "brand",
+        },
+        label_container: {
+          display: "flex",
+          "align-items": "center",
+          "column-gap": "3xs",
+          "justify-content": "center",
+        },
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        title: {
+          selectedVariants: {
+            Heading_Level: "H2",
+          },
+        },
+        bottom_ctas: [
+          {},
+          { bottom_cta: { selectedVariants: { Button_Variants: "Secondary" } } },
+        ],
+        jobs: Array(4)
+          .fill(0)
+          .map(() => ({
+            designation_header: {
+              selectedVariants: { Typography_Variants: "Small" },
+            },
+            work_header: {
+              selectedVariants: { Typography_Variants: "Small" },
+            },
+            location_header: {
+              selectedVariants: { Typography_Variants: "Small" },
+            },
+            ctas: [
+              { cta: { selectedVariants: {} } },
+              { cta: { selectedVariants: { Button_Variants: "Secondary" } } },
+            ],
+          })),
+      },
+    },
+    {
+      key: "centered",
+      title: "Centered",
+      styles: {
+        layout: {},
+        container: {},
+        header_wrapper: {
+          "text-align": "center",
+          "margin-bottom": "3xl",
+          "row-gap": "base",
+        },
+        title: {
+          "margin-bottom": "base",
+          "text-align": "center",
+        },
+        description: {
+          "text-align": "center",
+          "margin-left": "auto",
+          "margin-right": "auto",
+          "max-width": "640px",
+        },
+        jobs_levoGroup: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "4xs",
+          "margin-bottom": "2xl",
+          "max-width": "800px",
+          "margin-left": "auto",
+          "margin-right": "auto",
+        },
+        bottom_ctas_levoGroup: {
+          display: "flex",
+          "flex-direction": "row",
+          "column-gap": "md",
+          "row-gap": "md",
+          "flex-wrap": "wrap",
+          "align-items": "center",
+          "justify-content": "center",
+          "margin-left": "auto",
+          "margin-right": "auto",
+        },
+        bottom_ctas: [{}, {}],
+        jobs_levoGroupItem: {
+          job_item: {
+            display: "grid",
+            "grid-template-columns": "1fr 1fr 1fr auto",
+            "align-items": "center",
+            "column-gap": "lg",
+            "padding-top": "lg",
+            "padding-bottom": "lg",
+            tablet: {
+              "grid-template-columns": "repeat(4, minmax(0, 1fr))",
+              "column-gap": "base",
+            },
+            mobile: {
+              "grid-template-columns": "repeat(2, minmax(0, 1fr))",
+              "column-gap": "sm",
+              "padding-top": "base",
+              "padding-bottom": "base",
+              "row-gap": "2xl",
+            },
+            "border-style": "solid",
+            "border-width": "1px",
+            "border-radius": "base",
+            "padding-left": "2xl",
+            "padding-right": "2xl",
+          },
+          designation_wrapper: {
+            display: "flex",
+            "flex-direction": "column",
+            "row-gap": "xs",
+            "text-align": "center",
+            "align-items": "center",
+          },
+          designation_header_wrapper: {
+            display: "flex",
+            "align-items": "center",
+            "column-gap": "2xs",
+          },
+          designation_icon: {
+            width: "16px",
+            height: "16px",
+            "flex-shrink": "0",
+          },
+          designation_header: {
+            "font-weight": 500,
+            "text-transform": "uppercase",
+            "letter-spacing": "0.05em",
+          },
+          designation_value: {
+            color: "text-1",
+            "font-weight": "600",
+            "margin-top": "xs",
+          },
+          work_wrapper: {
+            display: "flex",
+            "flex-direction": "column",
+            "row-gap": "xs",
+            "text-align": "center",
+            "align-items": "center",
+          },
+          work_header_wrapper: {
+            display: "flex",
+            "align-items": "center",
+            "column-gap": "2xs",
+          },
+          work_icon: {
+            width: "16px",
+            height: "16px",
+            "flex-shrink": "0",
+          },
+          work_header: {
+            "font-weight": 500,
+            "text-transform": "uppercase",
+            "letter-spacing": "0.05em",
+          },
+          work_value: {
+            color: "text-1",
+            "font-weight": "600",
+            "margin-top": "xs",
+          },
+          location_wrapper: {
+            display: "flex",
+            "flex-direction": "column",
+            "row-gap": "xs",
+            "text-align": "center",
+            "align-items": "center",
+          },
+          location_header_wrapper: {
+            display: "flex",
+            "align-items": "center",
+            "column-gap": "2xs",
+          },
+          location_icon: {
+            width: "16px",
+            height: "16px",
+            "flex-shrink": "0",
+          },
+          location_header: {
+            "font-weight": 500,
+            "text-transform": "uppercase",
+            "letter-spacing": "0.05em",
+          },
+          location_value: {
+            color: "text-1",
+            "font-weight": "600",
+            "margin-top": "xs",
+          },
+          ctas_levoGroup: {
+            display: "flex",
+            "flex-direction": "row",
+            "column-gap": "sm",
+            "row-gap": "xs",
+            "flex-wrap": "wrap",
+            "align-items": "center",
+            "justify-content": "center",
+            width: "fit-content",
+          },
+          ctas_levoGroupItem: {
+            cta: {
+              "border-width": "0",
+              cursor: "pointer",
+              display: "flex",
+              "column-gap": "none",
+              width: "fit-content",
+            },
+          },
+          ctas: [{}, {}],
+          separator: {
+            width: "100%",
+            height: "1px",
+            "background-color": "border",
+          },
+          cta_rightIcon: {
+            height: "20px",
+            width: "20px",
+            "font-size": "20px",
+            "border-radius": "3xl",
+            "flex-shrink": "0",
+          },
+        },
+        jobs: [{}, {}, {}, {}],
+        bottom_description: {
+          "margin-left": "auto",
+          "margin-right": "auto",
+          "text-align": "center",
+          "margin-top": "base",
+        },
+        label_left_divider: {
+          height: "2px",
+          width: "30px",
+          "background-color": "brand",
+        },
+        label_right_divider: {
+          height: "2px",
+          width: "30px",
+          "background-color": "brand",
+        },
+        label_container: {
+          display: "flex",
+          "align-items": "center",
+          "column-gap": "3xs",
+          "justify-content": "center",
+        },
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        title: {
+          selectedVariants: {
+            Heading_Level: "H2",
+          },
+        },
+        bottom_ctas: [
+          {},
+          { bottom_cta: { selectedVariants: { Button_Variants: "Secondary" } } },
+        ],
+        jobs: Array(4)
+          .fill(0)
+          .map(() => ({
+            designation_header: {
+              selectedVariants: { Typography_Variants: "Small" },
+            },
+            work_header: {
+              selectedVariants: { Typography_Variants: "Small" },
+            },
+            location_header: {
+              selectedVariants: { Typography_Variants: "Small" },
+            },
+            ctas: [
+              { cta: { selectedVariants: {} } },
+              { cta: { selectedVariants: { Button_Variants: "Secondary" } } },
+            ],
+          })),
+      },
+    },
+    {
+      key: "default",
+      title: "Default",
+      styles: {
+        layout: {},
+        container: {},
+        header_wrapper: {
+          "text-align": "left",
+          "margin-bottom": "3xl",
+          "row-gap": "base",
+        },
+        title: {
+          "margin-bottom": "base",
+          "text-align": "center",
+        },
+        description: {
+          "text-align": "center",
+          "max-width": "640px",
+          "margin-left": "auto",
+          "margin-right": "auto",
+        },
+        jobs_levoGroup: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "4xs",
+          "margin-bottom": "2xl",
+        },
+        bottom_ctas_levoGroup: {
+          display: "flex",
+          "flex-direction": "row",
+          "column-gap": "md",
+          "row-gap": "md",
+          "flex-wrap": "wrap",
+          "align-items": "center",
+          "justify-content": "center",
+          "margin-left": "auto",
+          "margin-right": "auto",
+        },
+        bottom_ctas: [{}, {}],
+        jobs_levoGroupItem: {
+          job_item: {
+            display: "grid",
+            "grid-template-columns": "1fr 1fr 1fr auto",
+            "align-items": "center",
+            "column-gap": "lg",
+            "padding-top": "lg",
+            "padding-bottom": "lg",
+            tablet: {
+              "grid-template-columns": "repeat(4, minmax(0, 1fr))",
+              "column-gap": "base",
+            },
+            mobile: {
+              "grid-template-columns": "repeat(2, minmax(0, 1fr))",
+              "column-gap": "sm",
+              "padding-top": "base",
+              "padding-bottom": "base",
+              "row-gap": "2xl",
+            },
+            "border-style": "solid",
+            "border-width": "1px",
+            "border-radius": "base",
+            "padding-left": "2xl",
+            "padding-right": "2xl",
+          },
+          designation_wrapper: {
+            display: "flex",
+            "flex-direction": "column",
+            "row-gap": "xs",
+          },
+          designation_header_wrapper: {
+            display: "flex",
+            "align-items": "center",
+            "column-gap": "2xs",
+          },
+          designation_icon: {
+            width: "16px",
+            height: "16px",
+            "flex-shrink": "0",
+          },
+          designation_header: {
+            "font-weight": 500,
+            "text-transform": "uppercase",
+            "letter-spacing": "0.05em",
+          },
+          designation_value: {
+            color: "text-1",
+            "font-weight": "600",
+            "margin-top": "xs",
+          },
+          work_wrapper: {
+            display: "flex",
+            "flex-direction": "column",
+            "row-gap": "xs",
+            tablet: {
+              "justify-content": "center",
+              "align-items": "center",
+            },
+          },
+          work_header_wrapper: {
+            display: "flex",
+            "align-items": "center",
+            "column-gap": "2xs",
+          },
+          work_icon: {
+            width: "16px",
+            height: "16px",
+            "flex-shrink": "0",
+          },
+          work_header: {
+            "font-weight": 500,
+            "text-transform": "uppercase",
+            "letter-spacing": "0.05em",
+          },
+          work_value: {
+            color: "text-1",
+            "font-weight": "600",
+            "margin-top": "xs",
+          },
+          location_wrapper: {
+            display: "flex",
+            "flex-direction": "column",
+            "row-gap": "xs",
+            tablet: {
+              "justify-content": "center",
+              "align-items": "center",
+            },
+            mobile: {
+              "justify-content": "start",
+              "align-items": "start",
+            },
+          },
+          location_header_wrapper: {
+            display: "flex",
+            "align-items": "center",
+            "column-gap": "2xs",
+          },
+          location_icon: {
+            width: "16px",
+            height: "16px",
+            "flex-shrink": "0",
+          },
+          location_header: {
+            "font-weight": 500,
+            "text-transform": "uppercase",
+            "letter-spacing": "0.05em",
+          },
+          location_value: {
+            color: "text-1",
+            "font-weight": "600",
+            "margin-top": "xs",
+          },
+          ctas_levoGroup: {
+            display: "flex",
+            "flex-direction": "row",
+            "column-gap": "sm",
+            "row-gap": "xs",
+            "flex-wrap": "wrap",
+            "align-items": "center",
+            tablet: {
+              "justify-content": "center",
+              "align-items": "center",
+              "margin-left": "5xl",
+            },
+            width: "fit-content",
+          },
+          ctas_levoGroupItem: {
+            cta: {
+              "border-width": "0",
+              cursor: "pointer",
+              display: "flex",
+              "column-gap": "none",
+              width: "fit-content",
+            },
+          },
+          ctas: [{}, {}],
+          separator: {
+            width: "100%",
+            height: "1px",
+            "background-color": "border",
+          },
+          cta_rightIcon: {
+            height: "20px",
+            width: "20px",
+            "font-size": "20px",
+            "border-radius": "3xl",
+            "flex-shrink": "0",
+          },
+        },
+        jobs: [{}, {}, {}, {}],
+        bottom_description: {
+          "margin-left": "auto",
+          "margin-right": "auto",
+          "text-align": "center",
+          "margin-top": "base",
+        },
+        label_left_divider: {
+          height: "2px",
+          width: "30px",
+          "background-color": "brand",
+        },
+        label_right_divider: {
+          height: "2px",
+          width: "30px",
+          "background-color": "brand",
+        },
+        label_container: {
+          display: "flex",
+          "align-items": "center",
+          "column-gap": "3xs",
+          "justify-content": "center",
+        },
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        title: {
+          selectedVariants: {
+            Heading_Level: "H2",
+          },
+        },
+        bottom_ctas: [
+          {},
+          { bottom_cta: { selectedVariants: { Button_Variants: "Secondary" } } },
+        ],
         jobs: [
           {
             designation_header: {
@@ -982,13 +1464,10 @@ export const Content5: IBlock = {
                 Typography_Variants: "Small",
               },
             },
-            ctas: Array(2)
-              .fill(0)
-              .map(() => ({
-                cta: {
-                  selectedVariants: {},
-                },
-              })),
+            ctas: [
+              { cta: { selectedVariants: {} } },
+              { cta: { selectedVariants: { Button_Variants: "Secondary" } } },
+            ],
           },
           {
             designation_header: {
@@ -1006,13 +1485,10 @@ export const Content5: IBlock = {
                 Typography_Variants: "Small",
               },
             },
-            ctas: Array(2)
-              .fill(0)
-              .map(() => ({
-                cta: {
-                  selectedVariants: {},
-                },
-              })),
+            ctas: [
+              { cta: { selectedVariants: {} } },
+              { cta: { selectedVariants: { Button_Variants: "Secondary" } } },
+            ],
           },
           {
             designation_header: {
@@ -1030,13 +1506,10 @@ export const Content5: IBlock = {
                 Typography_Variants: "Small",
               },
             },
-            ctas: Array(2)
-              .fill(0)
-              .map(() => ({
-                cta: {
-                  selectedVariants: {},
-                },
-              })),
+            ctas: [
+              { cta: { selectedVariants: {} } },
+              { cta: { selectedVariants: { Button_Variants: "Secondary" } } },
+            ],
           },
           {
             designation_header: {
@@ -1054,13 +1527,10 @@ export const Content5: IBlock = {
                 Typography_Variants: "Small",
               },
             },
-            ctas: Array(2)
-              .fill(0)
-              .map(() => ({
-                cta: {
-                  selectedVariants: {},
-                },
-              })),
+            ctas: [
+              { cta: { selectedVariants: {} } },
+              { cta: { selectedVariants: { Button_Variants: "Secondary" } } },
+            ],
           },
         ],
       },