@levo-so/blocks 0.1.0 → 0.1.2

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

@@ -0,0 +1,944 @@
+import type { IBlock } from "@levo-so/studio";
+
+const DEFAULT_CONTENT = {
+  layout: null,
+  container: null,
+  header_wrapper: null,
+  title: "Job Opportunities",
+  description:
+    "More than investors — true partners in growth. The difference that sets our venture studio apart.",
+  jobs_levoGroup: null,
+  bottom_cta: "Explore All Job Roles",
+  jobs: [
+    {
+      job_item: null,
+      designation_wrapper: null,
+      designation_header: "Designation",
+      designation_value: "Product Designer",
+      work_wrapper: null,
+      work_header: "Work",
+      work_value: "Full Time",
+      location_wrapper: null,
+      location_header: "Location",
+      location_value: "New York",
+      cta: " ",
+      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>',
+        },
+      },
+    },
+    {
+      job_item: null,
+      designation_wrapper: null,
+      designation_header: "Designation",
+      designation_value: "Product Designer",
+      work_wrapper: null,
+      work_header: "Work",
+      work_value: "Full Time",
+      location_wrapper: null,
+      location_header: "Location",
+      location_value: "New York",
+      cta: " ",
+      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>',
+        },
+      },
+    },
+    {
+      job_item: null,
+      designation_wrapper: null,
+      designation_header: "Designation",
+      designation_value: "Product Designer",
+      work_wrapper: null,
+      work_header: "Work",
+      work_value: "Full Time",
+      location_wrapper: null,
+      location_header: "Location",
+      location_value: "New York",
+      cta: " ",
+      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>',
+        },
+      },
+    },
+    {
+      job_item: null,
+      designation_wrapper: null,
+      designation_header: "Designation",
+      designation_value: "Product Designer",
+      work_wrapper: null,
+      work_header: "Work",
+      work_value: "Full Time",
+      location_wrapper: null,
+      location_header: "Location",
+      location_value: "New York",
+      cta: " ",
+      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>',
+        },
+      },
+    },
+  ],
+};
+
+export type IContent5Content = typeof DEFAULT_CONTENT;
+
+export const Content5: IBlock = {
+  category_id: "content",
+  title: "Content 5",
+  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.",
+
+  content_schema: [
+    {
+      key: "layout",
+      label: "Layout",
+      field_interface: "LayoutWidget",
+    },
+    {
+      key: "container",
+      label: "Container",
+      field_interface: "ContainerWidget",
+    },
+    {
+      key: "header_wrapper",
+      label: "Header Wrapper",
+      field_interface: "BoxWidget",
+    },
+    {
+      key: "title",
+      label: "Title",
+      field_interface: "HeadingWidget",
+    },
+    {
+      key: "description",
+      label: "Description",
+      field_interface: "TypographyWidget",
+    },
+    {
+      key: "jobs_levoGroup",
+      label: "Jobs Group",
+      field_interface: "BoxWidget",
+    },
+    {
+      key: "bottom_cta",
+      label: "Bottom CTA",
+      field_interface: "ButtonWidget",
+    },
+    {
+      key: "jobs",
+      label: "Jobs",
+      kind: "group",
+      field_interface: "BoxWidget",
+      fields: [
+        {
+          key: "job_item",
+          label: "Job Item",
+          field_interface: "BoxWidget",
+        },
+        {
+          key: "designation_wrapper",
+          label: "Designation Wrapper",
+          field_interface: "BoxWidget",
+        },
+        {
+          key: "designation_header",
+          label: "Designation Header",
+          field_interface: "TypographyWidget",
+        },
+        {
+          key: "designation_value",
+          label: "Designation Value",
+          field_interface: "TypographyWidget",
+        },
+        {
+          key: "work_wrapper",
+          label: "Work Wrapper",
+          field_interface: "BoxWidget",
+        },
+        {
+          key: "work_header",
+          label: "Work Header",
+          field_interface: "TypographyWidget",
+        },
+        {
+          key: "work_value",
+          label: "Work Value",
+          field_interface: "TypographyWidget",
+        },
+        {
+          key: "location_wrapper",
+          label: "Location Wrapper",
+          field_interface: "BoxWidget",
+        },
+        {
+          key: "location_header",
+          label: "Location Header",
+          field_interface: "TypographyWidget",
+        },
+        {
+          key: "location_value",
+          label: "Location Value",
+          field_interface: "TypographyWidget",
+        },
+        {
+          key: "cta",
+          label: "CTA Button",
+          field_interface: "ButtonWidget",
+        },
+        {
+          key: "separator",
+          label: "Separator",
+          field_interface: "BoxWidget",
+        },
+      ],
+    },
+  ],
+  layouts: [
+    {
+      key: "default",
+      title: "Default",
+      styles: {
+        layout: {
+          "padding-top": "3xl",
+          "padding-bottom": "3xl",
+          "padding-left": "base",
+          "padding-right": "base",
+        },
+        container: {
+          "margin-left": "auto",
+          "margin-right": "auto",
+          "max-width": "none",
+        },
+        header_wrapper: {
+          "text-align": "left",
+          "margin-bottom": "3xl",
+          "row-gap": "base",
+        },
+        title: {
+          "margin-bottom": "base",
+        },
+        description: {
+          color: "text-2",
+          "max-width": "600px",
+        },
+        jobs_levoGroup: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "4xs",
+          "margin-bottom": "2xl",
+        },
+        bottom_cta: {
+          "padding-left": "none",
+          "padding-top": "none",
+          "padding-bottom": "none",
+          "padding-right": "none",
+          "margin-left": "auto",
+          "margin-right": "auto",
+        },
+        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: {
+              color: "text-2",
+              "font-size": "sm",
+              "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: {
+              color: "text-2",
+              "font-size": "sm",
+              "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: {
+              color: "text-2",
+              "font-size": "sm",
+              "font-weight": "500",
+              "text-transform": "uppercase",
+              "letter-spacing": "0.05em",
+            },
+            location_value: {
+              color: "text-1",
+              "font-weight": "600",
+              "margin-top": "xs",
+            },
+            cta: {
+              "border-width": "0",
+              cursor: "pointer",
+              display: "flex",
+              "column-gap": "none",
+              tablet: {
+                width: "fit-content",
+                "justify-content": "center",
+                "align-items": "center",
+                "margin-left": "5xl",
+              },
+              width: "fit-content",
+            },
+            separator: {
+              width: "100%",
+              height: "1px",
+              "background-color": "border",
+              filter: "none",
+            },
+            cta_rightIcon: {
+              height: "24px",
+              width: "24px",
+              "font-size": "24px",
+              "border-radius": "3xl",
+            },
+          },
+          {
+            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: {
+              color: "text-2",
+              "font-size": "sm",
+              "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: {
+              color: "text-2",
+              "font-size": "sm",
+              "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: {
+              color: "text-2",
+              "font-size": "sm",
+              "font-weight": "500",
+              "text-transform": "uppercase",
+              "letter-spacing": "0.05em",
+            },
+            location_value: {
+              color: "text-1",
+              "font-weight": "600",
+              "margin-top": "xs",
+            },
+            cta: {
+              "border-width": "0",
+              cursor: "pointer",
+              display: "flex",
+              "column-gap": "none",
+              tablet: {
+                width: "fit-content",
+                "justify-content": "center",
+                "align-items": "center",
+                "margin-left": "5xl",
+              },
+              width: "fit-content",
+            },
+            separator: {
+              width: "100%",
+              height: "1px",
+              "background-color": "border",
+              filter: "none",
+            },
+            cta_rightIcon: {
+              height: "24px",
+              width: "24px",
+              "font-size": "24px",
+              "border-radius": "3xl",
+            },
+          },
+          {
+            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: {
+              color: "text-2",
+              "font-size": "sm",
+              "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: {
+              color: "text-2",
+              "font-size": "sm",
+              "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: {
+              color: "text-2",
+              "font-size": "sm",
+              "font-weight": "500",
+              "text-transform": "uppercase",
+              "letter-spacing": "0.05em",
+            },
+            location_value: {
+              color: "text-1",
+              "font-weight": "600",
+              "margin-top": "xs",
+            },
+            cta: {
+              "border-width": "0",
+              cursor: "pointer",
+              display: "flex",
+              "column-gap": "none",
+              tablet: {
+                width: "fit-content",
+                "justify-content": "center",
+                "align-items": "center",
+                "margin-left": "5xl",
+              },
+              width: "fit-content",
+            },
+            separator: {
+              width: "100%",
+              height: "1px",
+              "background-color": "border",
+              filter: "none",
+            },
+            cta_rightIcon: {
+              height: "24px",
+              width: "24px",
+              "font-size": "24px",
+              "border-radius": "3xl",
+            },
+          },
+          {
+            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: {
+              color: "text-2",
+              "font-size": "sm",
+              "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: {
+              color: "text-2",
+              "font-size": "sm",
+              "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: {
+              color: "text-2",
+              "font-size": "sm",
+              "font-weight": "500",
+              "text-transform": "uppercase",
+              "letter-spacing": "0.05em",
+            },
+            location_value: {
+              color: "text-1",
+              "font-weight": "600",
+              "margin-top": "xs",
+            },
+            cta: {
+              "border-width": "0",
+              cursor: "pointer",
+              display: "flex",
+              "column-gap": "none",
+              tablet: {
+                width: "fit-content",
+                "justify-content": "center",
+                "align-items": "center",
+                "margin-left": "5xl",
+              },
+              width: "fit-content",
+            },
+            separator: {
+              width: "100%",
+              height: "1px",
+              "background-color": "border",
+              filter: "none",
+            },
+            cta_rightIcon: {
+              height: "24px",
+              width: "24px",
+              "font-size": "24px",
+              "border-radius": "3xl",
+            },
+          },
+          {
+            job_item: {
+              display: "grid",
+              "grid-template-columns": "1fr 1fr 1fr auto",
+              "align-items": "start",
+              "column-gap": "lg",
+              "padding-top": "lg",
+              "padding-bottom": "lg",
+              "border-bottom": "1px solid",
+              "border-color": "border",
+              tablet: {
+                "grid-template-columns": "1fr 1fr auto",
+                "column-gap": "base",
+              },
+              mobile: {
+                "grid-template-columns": "1fr auto",
+                "column-gap": "sm",
+                "padding-top": "base",
+                "padding-bottom": "base",
+              },
+            },
+            designation_wrapper: {
+              display: "flex",
+              "flex-direction": "column",
+              "row-gap": "xs",
+            },
+            designation_header: {
+              color: "text-2",
+              "font-size": "sm",
+              "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: {
+                display: "flex",
+              },
+              mobile: {
+                display: "none",
+              },
+            },
+            work_header: {
+              color: "text-2",
+              "font-size": "sm",
+              "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: {
+                display: "none",
+              },
+              mobile: {
+                display: "none",
+              },
+            },
+            location_header: {
+              color: "text-2",
+              "font-size": "sm",
+              "font-weight": "500",
+              "text-transform": "uppercase",
+              "letter-spacing": "0.05em",
+            },
+            location_value: {
+              color: "text-1",
+              "font-weight": "600",
+              "margin-top": "xs",
+            },
+            cta: {
+              color: "text-2",
+              "background-color": "transparent",
+              "border-width": "0",
+              "padding-top": "none",
+              "padding-bottom": "none",
+              "padding-left": "none",
+              "padding-right": "none",
+              "text-decoration": "none",
+              cursor: "pointer",
+              "font-size": "lg",
+            },
+            separator: {
+              width: "100%",
+              height: "1px",
+              "background-color": "border",
+              filter: "none",
+            },
+          },
+          {
+            job_item: {
+              display: "grid",
+              "grid-template-columns": "1fr 1fr 1fr auto",
+              "align-items": "start",
+              "column-gap": "lg",
+              "padding-top": "lg",
+              "padding-bottom": "lg",
+              "border-bottom": "none",
+              tablet: {
+                "grid-template-columns": "1fr 1fr auto",
+                "column-gap": "base",
+              },
+              mobile: {
+                "grid-template-columns": "1fr auto",
+                "column-gap": "sm",
+                "padding-top": "base",
+                "padding-bottom": "base",
+              },
+            },
+            designation_wrapper: {
+              display: "flex",
+              "flex-direction": "column",
+              "row-gap": "xs",
+            },
+            designation_header: {
+              color: "text-2",
+              "font-size": "sm",
+              "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: {
+                display: "flex",
+              },
+              mobile: {
+                display: "none",
+              },
+            },
+            work_header: {
+              color: "text-2",
+              "font-size": "sm",
+              "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: {
+                display: "none",
+              },
+              mobile: {
+                display: "none",
+              },
+            },
+            location_header: {
+              color: "text-2",
+              "font-size": "sm",
+              "font-weight": "500",
+              "text-transform": "uppercase",
+              "letter-spacing": "0.05em",
+            },
+            location_value: {
+              color: "text-1",
+              "font-weight": "600",
+              "margin-top": "xs",
+            },
+            cta: {
+              color: "text-2",
+              "background-color": "transparent",
+              "border-width": "0",
+              "padding-top": "none",
+              "padding-bottom": "none",
+              "padding-left": "none",
+              "padding-right": "none",
+              "text-decoration": "none",
+              cursor: "pointer",
+              "font-size": "lg",
+            },
+            separator: {
+              width: "100%",
+              height: "1px",
+              "background-color": "border",
+              filter: "none",
+              display: "none",
+            },
+          },
+        ],
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        title: {
+          selectedVariants: {
+            Heading_Level: "H2",
+          },
+        },
+      },
+    },
+  ],
+};