@levo-so/blocks 0.1.1 → 0.1.52

package/src/blocks/cards/cards-10.schema.ts

@@ -0,0 +1,1012 @@
+import type { IBlock } from "@levo-so/studio";
+
+const DEFAULT_CONTENT = {
+  layout: null,
+  container: null,
+  header_section: null,
+  main_title: "<p>Our core values</p>",
+  description:
+    "<p>The beliefs that shape how we build ventures and create Long lasting partnerships.</p>",
+  cards_grid: null,
+  cards: [
+    {
+      card: null,
+      header: null,
+      icon: {
+        kind: "custom",
+        data: {
+          id: "1",
+          location:
+            "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH.png",
+          mimetype: "image/png",
+          srcset: {
+            "320w":
+              "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp",
+            "640w":
+              "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp",
+            path: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp 320w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp 640w",
+          },
+        },
+      },
+      title: "Cloud Infrastructure",
+      image: {
+        id: "2",
+        location: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH.png",
+        kind: "image",
+        mimetype: "image/png",
+        srcset: {
+          "320w":
+            "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp",
+          "640w":
+            "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp",
+          "1080w":
+            "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp",
+          path: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp 320w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp 640w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp 1080w",
+        },
+      },
+      description:
+        "Scalable cloud solutions that grow with your business needs and ensure 99.9% uptime reliability.",
+    },
+    {
+      card: null,
+      header: null,
+      icon: {
+        kind: "custom",
+        data: {
+          id: "1",
+          location:
+            "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH.png",
+          mimetype: "image/png",
+          srcset: {
+            "320w":
+              "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp",
+            "640w":
+              "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp",
+            path: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp 320w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp 640w",
+          },
+        },
+      },
+      title: "Cloud Infrastructure",
+      image: {
+        id: "2",
+        location: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH.png",
+        kind: "image",
+        mimetype: "image/png",
+        srcset: {
+          "320w":
+            "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp",
+          "640w":
+            "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp",
+          "1080w":
+            "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp",
+          path: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp 320w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp 640w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp 1080w",
+        },
+      },
+      description:
+        "Scalable cloud solutions that grow with your business needs and ensure 99.9% uptime reliability.",
+    },
+    {
+      card: null,
+      header: null,
+      icon: {
+        kind: "custom",
+        data: {
+          id: "1",
+          location:
+            "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH.png",
+          mimetype: "image/png",
+          srcset: {
+            "320w":
+              "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp",
+            "640w":
+              "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp",
+            path: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp 320w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp 640w",
+          },
+        },
+      },
+      title: "Cloud Infrastructure",
+      image: {
+        id: "2",
+        location: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH.png",
+        kind: "image",
+        mimetype: "image/png",
+        srcset: {
+          "320w":
+            "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp",
+          "640w":
+            "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp",
+          "1080w":
+            "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp",
+          path: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp 320w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp 640w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp 1080w",
+        },
+      },
+      description:
+        "Scalable cloud solutions that grow with your business needs and ensure 99.9% uptime reliability.",
+    },
+  ],
+};
+
+const CTA_DEFAULT_CONTENT = {
+  layout: null,
+  container: null,
+  header_section: null,
+  main_title: "<p>Our core values</p>",
+  description: "",
+  cards_grid: null,
+  cards: [
+    {
+      card: null,
+      header: null,
+      icon: {
+        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="var(--color-icon-primary)"/>\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="var(--color-icon-primary)"/>\n</svg>',
+        },
+      },
+      title: "<p>Implementation</p>",
+      image: {
+        id: "A8sz1BnyKuvm",
+        filename: "image.png",
+        kind: "image",
+        location:
+          "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR.png",
+        srcset: {
+          "1080w":
+            "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-1080w.webp",
+          "1200w":
+            "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-1200w.webp",
+          "1920w":
+            "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-1920w.webp",
+          "320w":
+            "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-320w.webp",
+          "640w":
+            "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-640w.webp",
+          "750w":
+            "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-750w.webp",
+          "828w":
+            "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-828w.webp",
+          path: "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-1200w.webp 1200w, https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-1920w.webp 1920w, https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-320w.webp 320w, https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-640w.webp 640w, https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-750w.webp 750w, https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-828w.webp 828w, https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-1080w.webp 1080w",
+        },
+        mimetype: "image/png",
+      },
+      description:
+        "<p>Softype delivers full-cycle Oracle ERP implementation services designed to minimize disruption and maximize ROI.</p>",
+    },
+    {
+      card: null,
+      header: null,
+      icon: {
+        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="var(--color-icon-primary)"/>\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="var(--color-icon-primary)"/>\n</svg>',
+        },
+      },
+      title: "<p>Implementation</p>",
+      image: {
+        id: "A8sz1BnyKuvm",
+        filename: "image.png",
+        kind: "image",
+        location:
+          "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR.png",
+        srcset: {
+          "1080w":
+            "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-1080w.webp",
+          "1200w":
+            "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-1200w.webp",
+          "1920w":
+            "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-1920w.webp",
+          "320w":
+            "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-320w.webp",
+          "640w":
+            "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-640w.webp",
+          "750w":
+            "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-750w.webp",
+          "828w":
+            "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-828w.webp",
+          path: "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-1200w.webp 1200w, https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-1920w.webp 1920w, https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-320w.webp 320w, https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-640w.webp 640w, https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-750w.webp 750w, https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-828w.webp 828w, https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-1080w.webp 1080w",
+        },
+        mimetype: "image/png",
+      },
+      description:
+        "<p>Softype delivers full-cycle Oracle ERP implementation services designed to minimize disruption and maximize ROI.</p>",
+    },
+    {
+      card: null,
+      header: null,
+      icon: {
+        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="var(--color-icon-primary)"/>\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="var(--color-icon-primary)"/>\n</svg>',
+        },
+      },
+      title: "<p>Implementation</p>",
+      image: {
+        id: "A8sz1BnyKuvm",
+        filename: "image.png",
+        kind: "image",
+        location:
+          "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR.png",
+        srcset: {
+          "1080w":
+            "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-1080w.webp",
+          "1200w":
+            "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-1200w.webp",
+          "1920w":
+            "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-1920w.webp",
+          "320w":
+            "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-320w.webp",
+          "640w":
+            "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-640w.webp",
+          "750w":
+            "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-750w.webp",
+          "828w":
+            "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-828w.webp",
+          path: "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-1200w.webp 1200w, https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-1920w.webp 1920w, https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-320w.webp 320w, https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-640w.webp 640w, https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-750w.webp 750w, https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-828w.webp 828w, https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-1080w.webp 1080w",
+        },
+        mimetype: "image/png",
+      },
+      description:
+        "<p>Softype delivers full-cycle Oracle ERP implementation services designed to minimize disruption and maximize ROI.</p>",
+    },
+    {
+      card: null,
+      header: null,
+      icon: {
+        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="var(--color-icon-primary)"/>\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="var(--color-icon-primary)"/>\n</svg>',
+        },
+      },
+      title: "<p>Implementation</p>",
+      image: {
+        id: "A8sz1BnyKuvm",
+        filename: "image.png",
+        kind: "image",
+        location:
+          "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR.png",
+        srcset: {
+          "1080w":
+            "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-1080w.webp",
+          "1200w":
+            "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-1200w.webp",
+          "1920w":
+            "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-1920w.webp",
+          "320w":
+            "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-320w.webp",
+          "640w":
+            "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-640w.webp",
+          "750w":
+            "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-750w.webp",
+          "828w":
+            "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-828w.webp",
+          path: "https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-1200w.webp 1200w, https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-1920w.webp 1920w, https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-320w.webp 320w, https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-640w.webp 640w, https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-750w.webp 750w, https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-828w.webp 828w, https://static.levostg.online/W6OEVMW8/image-74dGDIl6q1MR-1080w.webp 1080w",
+        },
+        mimetype: "image/png",
+      },
+      description:
+        "<p>Softype delivers full-cycle Oracle ERP implementation services designed to minimize disruption and maximize ROI.</p>",
+    },
+  ],
+  cta: "Explore All services",
+};
+export type ICards10Content = typeof DEFAULT_CONTENT;
+
+export const Cards10: IBlock = {
+  category_id: "cards",
+  title: "Cards 10",
+  key: "cards-10",
+  version: "v1",
+  prompt_description:
+    "Enterprise solutions showcase with header section and three feature cards displaying icon, title, image, and description in a structured layout.",
+  content_schema: [
+    {
+      key: "layout",
+      label: "Layout",
+      field_interface: "LayoutWidget",
+    },
+    {
+      key: "container",
+      label: "Container",
+      field_interface: "ContainerWidget",
+    },
+    {
+      key: "header_section",
+      label: "Header Section",
+      field_interface: "BoxWidget",
+    },
+    {
+      key: "main_title",
+      label: "Main Title",
+      field_interface: "HeadingWidget",
+    },
+    {
+      key: "description",
+      label: "Description",
+      field_interface: "TypographyWidget",
+    },
+    {
+      key: "cta",
+      label: "CTA",
+      field_interface: "ButtonWidget",
+    },
+    {
+      key: "cards_grid",
+      label: "Cards Grid",
+      field_interface: "BoxWidget",
+    },
+    {
+      key: "cards",
+      label: "Cards",
+      kind: "group",
+      field_interface: "BoxWidget",
+      fields: [
+        {
+          key: "card",
+          label: "Card",
+          field_interface: "BoxWidget",
+        },
+        {
+          key: "header",
+          label: "Header",
+          field_interface: "BoxWidget",
+        },
+        {
+          key: "icon",
+          label: "Icon",
+          field_interface: "IconWidget",
+        },
+        {
+          key: "title",
+          label: "Title",
+          field_interface: "TypographyWidget",
+        },
+        {
+          key: "image",
+          label: "Image",
+          field_interface: "ImageWidget",
+        },
+        {
+          key: "description",
+          label: "Description",
+          field_interface: "TypographyWidget",
+        },
+      ],
+    },
+  ],
+  layouts: [
+    {
+      title: "Default",
+      key: "default",
+      styles: {
+        layout: {
+          "padding-top": "3xl",
+          "padding-bottom": "3xl",
+          "padding-left": "base",
+          "padding-right": "base",
+        },
+        container: {
+          "max-width": "1280px",
+          "margin-left": "auto",
+          "margin-right": "auto",
+        },
+        header_section: {
+          display: "flex",
+          "flex-direction": "row",
+          "align-items": "center",
+          "text-align": "center",
+          "margin-bottom": "3xl",
+          "row-gap": "base",
+          "justify-content": "space-between",
+          mobile: {
+            "flex-direction": "column",
+          },
+        },
+        main_title: {
+          mobile: {
+            "text-align": "center",
+          },
+          "text-align": "left",
+        },
+        description: {
+          color: "text-2",
+          "max-width": "400px",
+          mobile: {
+            "text-align": "center",
+          },
+          "text-align": "left",
+        },
+        cards_grid: {
+          width: "100%",
+        },
+        cards_levoGroup: {
+          display: "grid",
+          "grid-template-columns": "repeat(3, minmax(0, 1fr))",
+          "column-gap": "xl",
+          "row-gap": "xl",
+          tablet: {
+            "grid-template-columns": "repeat(2, minmax(0, 1fr))",
+          },
+          mobile: {
+            "grid-template-columns": "repeat(1, minmax(0, 1fr))",
+          },
+        },
+        "cards.$.card": {
+          display: "flex",
+          "flex-direction": "column",
+          "background-color": "background-2",
+          "border-radius": "base",
+          "padding-top": "lg",
+          "padding-bottom": "lg",
+          "padding-left": "lg",
+          "padding-right": "lg",
+          "row-gap": "base",
+          "border-width": "1px",
+          "border-color": "border",
+        },
+        "cards.$.header": {
+          display: "flex",
+          "flex-direction": "row",
+          "align-items": "center",
+          "column-gap": "sm",
+        },
+        "cards.$.icon": {
+          width: "40px",
+          height: "40px",
+          "border-radius": "base",
+          "object-fit": "cover",
+        },
+        "cards.$.title": {
+          color: "text-1",
+          "flex-grow": "1",
+        },
+        "cards.$.image": {
+          width: "100%",
+          height: "200px",
+          "border-radius": "base",
+          "object-fit": "cover",
+        },
+        "cards.$.description": {
+          color: "text-2",
+          "line-height": "1.6",
+        },
+        cards: [
+          {
+            header: {
+              display: "flex",
+              "align-items": "center",
+              "column-gap": "sm",
+            },
+            card: {
+              "border-style": "solid",
+              "border-width": "1px",
+              "border-radius": "base",
+              "padding-top": "4xl",
+              "padding-bottom": "4xl",
+              "padding-left": "6xl",
+              "padding-right": "6xl",
+              display: "flex",
+              "flex-direction": "column",
+              "row-gap": "base",
+              tablet: {
+                "padding-left": "xl",
+                "padding-right": "xl",
+                "padding-top": "xl",
+                "padding-bottom": "xl",
+              },
+            },
+            image: {
+              "border-radius": "base",
+            },
+            title: {
+              tablet: {
+                "font-size": "xl",
+              },
+              "font-size": "2xl",
+              "font-weight": 700,
+            },
+          },
+          {
+            header: {
+              display: "flex",
+              "align-items": "center",
+              "column-gap": "sm",
+            },
+            card: {
+              "border-style": "solid",
+              "border-width": "1px",
+              "border-radius": "base",
+              "padding-top": "4xl",
+              "padding-bottom": "4xl",
+              "padding-left": "6xl",
+              "padding-right": "6xl",
+              display: "flex",
+              "flex-direction": "column",
+              "row-gap": "base",
+              tablet: {
+                "padding-left": "2xl",
+                "padding-right": "2xl",
+                "padding-top": "xl",
+                "padding-bottom": "xl",
+              },
+            },
+            image: {
+              "border-radius": "base",
+            },
+            title: {
+              tablet: {
+                "font-size": "xl",
+              },
+              "font-size": "2xl",
+              "font-weight": 700,
+            },
+          },
+          {
+            header: {
+              display: "flex",
+              "align-items": "center",
+              "column-gap": "sm",
+            },
+            card: {
+              "border-style": "solid",
+              "border-width": "1px",
+              "border-radius": "base",
+              "padding-top": "4xl",
+              "padding-bottom": "4xl",
+              "padding-left": "6xl",
+              "padding-right": "6xl",
+              display: "flex",
+              "flex-direction": "column",
+              "row-gap": "base",
+              tablet: {
+                "padding-left": "2xl",
+                "padding-right": "2xl",
+                "padding-top": "xl",
+                "padding-bottom": "xl",
+              },
+            },
+            image: {
+              "border-radius": "base",
+            },
+            title: {
+              "font-size": "2xl",
+              "font-weight": 700,
+              tablet: {
+                "font-size": "xl",
+              },
+            },
+          },
+        ],
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        main_title: {
+          heading: {
+            level: 1,
+          },
+          selectedVariants: {
+            Heading_Level: "H2",
+          },
+        },
+        "cards.$.title": {
+          heading: {
+            level: 3,
+          },
+          selectedVariants: {
+            Heading_Level: "H3",
+          },
+        },
+      },
+    },
+    {
+      title: "Header With CTA",
+      key: "default",
+      styles: {
+        layout: {
+          "padding-top": "3xl",
+          "padding-bottom": "3xl",
+          "padding-left": "base",
+          "padding-right": "base",
+        },
+        container: {
+          "max-width": "1280px",
+          "margin-left": "auto",
+          "margin-right": "auto",
+        },
+        header_section: {
+          display: "flex",
+          "flex-direction": "row",
+          "align-items": "center",
+          "text-align": "center",
+          "margin-bottom": "3xl",
+          "row-gap": "base",
+          "justify-content": "space-between",
+          mobile: {
+            "flex-direction": "column",
+          },
+        },
+        main_title: {
+          mobile: {
+            "text-align": "center",
+          },
+          "text-align": "left",
+        },
+        description: {
+          color: "text-2",
+          "max-width": "400px",
+          mobile: {
+            "text-align": "center",
+          },
+          "text-align": "left",
+        },
+        cards_grid: {
+          width: "100%",
+        },
+        cards_levoGroup: {
+          display: "grid",
+          "grid-template-columns": "repeat(4, minmax(0, 1fr))",
+          "column-gap": "xl",
+          "row-gap": "xl",
+          tablet: {
+            "grid-template-columns": "repeat(2, minmax(0, 1fr))",
+          },
+          mobile: {
+            "grid-template-columns": "repeat(1, minmax(0, 1fr))",
+          },
+        },
+        "cards.$.card": {
+          display: "flex",
+          "flex-direction": "column",
+          "background-color": "background-2",
+          "border-radius": "base",
+          "padding-top": "lg",
+          "padding-bottom": "lg",
+          "padding-left": "lg",
+          "padding-right": "lg",
+          "row-gap": "base",
+          "border-width": "1px",
+          "border-color": "border",
+        },
+        "cards.$.header": {
+          display: "flex",
+          "flex-direction": "row",
+          "align-items": "center",
+          "column-gap": "sm",
+        },
+        "cards.$.icon": {
+          width: "40px",
+          height: "40px",
+          "border-radius": "base",
+          "object-fit": "cover",
+        },
+        "cards.$.title": {
+          color: "text-1",
+          "flex-grow": "1",
+        },
+        "cards.$.image": {
+          width: "100%",
+          height: "200px",
+          "border-radius": "base",
+          "object-fit": "cover",
+        },
+        "cards.$.description": {
+          color: "text-2",
+          "line-height": "1.6",
+        },
+        cards: [
+          {
+            header: {
+              display: "flex",
+              "align-items": "center",
+              "column-gap": "sm",
+              "flex-direction": "row-reverse",
+              "justify-content": "space-between",
+            },
+            card: {
+              "border-style": "solid",
+              "border-width": "1px",
+              "border-radius": "base",
+              "padding-top": "sm",
+              "padding-bottom": "sm",
+              "padding-left": "xs",
+              "padding-right": "xs",
+              display: "flex",
+              "flex-direction": "column",
+              "row-gap": "base",
+              tablet: {
+                "padding-left": "xl",
+                "padding-right": "xl",
+                "padding-top": "xl",
+                "padding-bottom": "xl",
+              },
+            },
+            image: {
+              "border-radius": "base",
+            },
+            title: {
+              tablet: {
+                "font-size": "xl",
+              },
+              "font-size": "2xl",
+              "font-weight": 700,
+              "text-align": "left",
+            },
+            icon: {
+              height: "22px",
+              width: "22px",
+              "font-size": "22px",
+            },
+          },
+          {
+            header: {
+              display: "flex",
+              "align-items": "center",
+              "column-gap": "sm",
+              "flex-direction": "row-reverse",
+              "justify-content": "space-between",
+            },
+            card: {
+              "border-style": "solid",
+              "border-width": "1px",
+              "border-radius": "base",
+              "padding-top": "sm",
+              "padding-bottom": "sm",
+              "padding-left": "xs",
+              "padding-right": "xs",
+              display: "flex",
+              "flex-direction": "column",
+              "row-gap": "base",
+              tablet: {
+                "padding-left": "xl",
+                "padding-right": "xl",
+                "padding-top": "xl",
+                "padding-bottom": "xl",
+              },
+            },
+            image: {
+              "border-radius": "base",
+            },
+            title: {
+              tablet: {
+                "font-size": "xl",
+              },
+              "font-size": "2xl",
+              "font-weight": 700,
+              "text-align": "left",
+            },
+            icon: {
+              height: "22px",
+              width: "22px",
+              "font-size": "22px",
+            },
+          },
+          {
+            header: {
+              display: "flex",
+              "align-items": "center",
+              "column-gap": "sm",
+              "flex-direction": "row-reverse",
+              "justify-content": "space-between",
+            },
+            card: {
+              "border-style": "solid",
+              "border-width": "1px",
+              "border-radius": "base",
+              "padding-top": "sm",
+              "padding-bottom": "sm",
+              "padding-left": "xs",
+              "padding-right": "xs",
+              display: "flex",
+              "flex-direction": "column",
+              "row-gap": "base",
+              tablet: {
+                "padding-left": "xl",
+                "padding-right": "xl",
+                "padding-top": "xl",
+                "padding-bottom": "xl",
+              },
+            },
+            image: {
+              "border-radius": "base",
+            },
+            title: {
+              tablet: {
+                "font-size": "xl",
+              },
+              "font-size": "2xl",
+              "font-weight": 700,
+              "text-align": "left",
+            },
+            icon: {
+              height: "22px",
+              width: "22px",
+              "font-size": "22px",
+            },
+          },
+          {
+            header: {
+              display: "flex",
+              "align-items": "center",
+              "column-gap": "sm",
+              "flex-direction": "row-reverse",
+              "justify-content": "space-between",
+            },
+            card: {
+              "border-style": "solid",
+              "border-width": "1px",
+              "border-radius": "base",
+              "padding-top": "sm",
+              "padding-bottom": "sm",
+              "padding-left": "xs",
+              "padding-right": "xs",
+              display: "flex",
+              "flex-direction": "column",
+              "row-gap": "base",
+              tablet: {
+                "padding-left": "xl",
+                "padding-right": "xl",
+                "padding-top": "xl",
+                "padding-bottom": "xl",
+              },
+            },
+            image: {
+              "border-radius": "base",
+            },
+            title: {
+              tablet: {
+                "font-size": "xl",
+              },
+              "font-size": "2xl",
+              "font-weight": 700,
+              "text-align": "left",
+            },
+            icon: {
+              height: "22px",
+              width: "22px",
+              "font-size": "22px",
+            },
+          },
+          {
+            header: {
+              display: "flex",
+              "align-items": "center",
+              "column-gap": "sm",
+            },
+            card: {
+              "border-style": "solid",
+              "border-width": "1px",
+              "border-radius": "base",
+              "padding-top": "4xl",
+              "padding-bottom": "4xl",
+              "padding-left": "6xl",
+              "padding-right": "6xl",
+              display: "flex",
+              "flex-direction": "column",
+              "row-gap": "base",
+              tablet: {
+                "padding-left": "2xl",
+                "padding-right": "2xl",
+                "padding-top": "xl",
+                "padding-bottom": "xl",
+              },
+            },
+            image: {
+              "border-radius": "base",
+            },
+            title: {
+              tablet: {
+                "font-size": "xl",
+              },
+              "font-size": "2xl",
+              "font-weight": 700,
+            },
+          },
+          {
+            header: {
+              display: "flex",
+              "align-items": "center",
+              "column-gap": "sm",
+            },
+            card: {
+              "border-style": "solid",
+              "border-width": "1px",
+              "border-radius": "base",
+              "padding-top": "4xl",
+              "padding-bottom": "4xl",
+              "padding-left": "6xl",
+              "padding-right": "6xl",
+              display: "flex",
+              "flex-direction": "column",
+              "row-gap": "base",
+              tablet: {
+                "padding-left": "2xl",
+                "padding-right": "2xl",
+                "padding-top": "xl",
+                "padding-bottom": "xl",
+              },
+            },
+            image: {
+              "border-radius": "base",
+            },
+            title: {
+              "font-size": "2xl",
+              "font-weight": 700,
+              tablet: {
+                "font-size": "xl",
+              },
+            },
+          },
+          {
+            header: {
+              display: "flex",
+              "align-items": "center",
+              "column-gap": "sm",
+            },
+            card: {
+              "border-style": "solid",
+              "border-width": "1px",
+              "border-radius": "base",
+              "padding-top": "4xl",
+              "padding-bottom": "4xl",
+              "padding-left": "6xl",
+              "padding-right": "6xl",
+              display: "flex",
+              "flex-direction": "column",
+              "row-gap": "base",
+              tablet: {
+                "padding-left": "2xl",
+                "padding-right": "2xl",
+                "padding-top": "xl",
+                "padding-bottom": "xl",
+              },
+            },
+            image: {
+              "border-radius": "base",
+            },
+            title: {
+              "font-size": "2xl",
+              "font-weight": 700,
+              tablet: {
+                "font-size": "xl",
+              },
+            },
+          },
+        ],
+      },
+      content: CTA_DEFAULT_CONTENT,
+      config: {
+        main_title: {
+          heading: {
+            level: 1,
+          },
+          selectedVariants: {
+            Heading_Level: "H2",
+          },
+        },
+        "cards.$.title": {
+          heading: {
+            level: 3,
+          },
+          selectedVariants: {
+            Heading_Level: "H3",
+          },
+        },
+      },
+    },
+  ],
+};