@levo-so/blocks 0.1.54 → 0.1.59

package/src/blocks/hero/hero-11.schema.ts

@@ -0,0 +1,849 @@
+import type { IBlock } from "@levo-so/studio";
+
+const DEFAULT_CONTENT = {
+  layout: null,
+  container: null,
+  content_wrapper: null,
+  title: "World's First Fusion Reactor Powering Clean Energy Singularity",
+  description:
+    "<p>Over 25 years of ERP expertise, delivering 500+ successful implementations worldwide.</p>",
+  cta: [
+    {
+      button: "Get Started",
+    },
+  ],
+  features_levoGroup: null,
+  features: [
+    {
+      item_wrapper: null,
+      icon_content_wrapper: null,
+      icon: {
+        kind: "icon",
+        data: {
+          id: "activity",
+          label: "Activity",
+          tags: ["activity", "business", "custom", "directional"],
+          svgCode:
+            '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M15 22.75H9C3.57 22.75 1.25 20.43 1.25 15V9C1.25 3.57 3.57 1.25 9 1.25H15C20.43 1.25 22.75 3.57 22.75 9V15C22.75 20.43 20.43 22.75 15 22.75ZM9 2.75C4.39 2.75 2.75 4.39 2.75 9V15C2.75 19.61 4.39 21.25 9 21.25H15C19.61 21.25 21.25 19.61 21.25 15V9C21.25 4.39 19.61 2.75 15 2.75H9Z" fill="var(--color-icon-primary)"/>\n<path d="M7.33011 15.24C7.17011 15.24 7.01011 15.19 6.87011 15.08C6.54011 14.83 6.48011 14.36 6.73011 14.03L9.11011 10.94C9.40011 10.57 9.81011 10.33 10.2801 10.27C10.7401 10.21 11.2101 10.34 11.5801 10.63L13.4101 12.07C13.4801 12.13 13.5501 12.13 13.6001 12.12C13.6401 12.12 13.7101 12.1 13.7701 12.02L16.0801 9.04001C16.3301 8.71001 16.8101 8.65001 17.1301 8.91001C17.4601 9.16001 17.5201 9.63001 17.2601 9.96001L14.9501 12.94C14.6601 13.31 14.2501 13.55 13.7801 13.6C13.3101 13.66 12.8501 13.53 12.4801 13.24L10.6501 11.8C10.5801 11.74 10.5001 11.74 10.4601 11.75C10.4201 11.75 10.3501 11.77 10.2901 11.85L7.91011 14.94C7.78011 15.14 7.56011 15.24 7.33011 15.24Z" fill="var(--color-icon-primary)"/>\n</svg>',
+        },
+      },
+      content_wrapper: null,
+      title: "1.8",
+      description: "<p>CoP</p>",
+      cta: "Register",
+      separator: null,
+    },
+    {
+      item_wrapper: null,
+      icon_content_wrapper: null,
+      icon: {
+        kind: "icon",
+        data: {
+          id: "chart-21",
+          label: "Chart 21",
+          tags: ["21", "business", "chart", "custom"],
+          svgCode:
+            '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M21 22.75H3C2.59 22.75 2.25 22.41 2.25 22C2.25 21.59 2.59 21.25 3 21.25H21C21.41 21.25 21.75 21.59 21.75 22C21.75 22.41 21.41 22.75 21 22.75Z" fill="var(--color-icon-primary)"/>\n<path d="M5.59998 19.75H4C3.04 19.75 2.25 18.96 2.25 18V9.38C2.25 8.42 3.04 7.63 4 7.63H5.59998C6.55998 7.63 7.34998 8.42 7.34998 9.38V18C7.34998 18.96 6.55998 19.75 5.59998 19.75ZM4 9.12C3.86 9.12 3.75 9.23 3.75 9.37V18C3.75 18.14 3.86 18.25 4 18.25H5.59998C5.73998 18.25 5.84998 18.14 5.84998 18V9.38C5.84998 9.24 5.73998 9.13 5.59998 9.13H4V9.12Z" fill="var(--color-icon-primary)"/>\n<path d="M12.8002 19.75H11.2002C10.2402 19.75 9.4502 18.96 9.4502 18V6.19C9.4502 5.23 10.2402 4.44 11.2002 4.44H12.8002C13.7602 4.44 14.5502 5.23 14.5502 6.19V18C14.5502 18.96 13.7602 19.75 12.8002 19.75ZM11.2002 5.94C11.0602 5.94 10.9502 6.05 10.9502 6.19V18C10.9502 18.14 11.0602 18.25 11.2002 18.25H12.8002C12.9402 18.25 13.0502 18.14 13.0502 18V6.19C13.0502 6.05 12.9402 5.94 12.8002 5.94H11.2002Z" fill="var(--color-icon-primary)"/>\n<path d="M20.0004 19.75H18.4004C17.4404 19.75 16.6504 18.96 16.6504 18V3C16.6504 2.04 17.4404 1.25 18.4004 1.25H20.0004C20.9604 1.25 21.7504 2.04 21.7504 3V18C21.7504 18.96 20.9604 19.75 20.0004 19.75ZM18.4004 2.75C18.2604 2.75 18.1504 2.86 18.1504 3V18C18.1504 18.14 18.2604 18.25 18.4004 18.25H20.0004C20.1404 18.25 20.2504 18.14 20.2504 18V3C20.2504 2.86 20.1404 2.75 20.0004 2.75H18.4004Z" fill="var(--color-icon-primary)"/>\n</svg>',
+        },
+      },
+      content_wrapper: null,
+      title: "$3.5M",
+      description: "<p>Pre-Series A</p>",
+      cta: "Get Started",
+      separator: null,
+    },
+    {
+      item_wrapper: null,
+      icon_content_wrapper: null,
+      icon: {
+        kind: "icon",
+        data: {
+          id: "personalcard",
+          label: "Personalcard",
+          tags: ["business", "custom", "personalcard"],
+          svgCode:
+            '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M17 21.75H7C2.59 21.75 1.25 20.41 1.25 16V8C1.25 3.59 2.59 2.25 7 2.25H17C21.41 2.25 22.75 3.59 22.75 8V16C22.75 20.41 21.41 21.75 17 21.75ZM7 3.75C3.42 3.75 2.75 4.43 2.75 8V16C2.75 19.57 3.42 20.25 7 20.25H17C20.58 20.25 21.25 19.57 21.25 16V8C21.25 4.43 20.58 3.75 17 3.75H7Z" fill="var(--color-icon-primary)"/>\n<path d="M19 8.75H14C13.59 8.75 13.25 8.41 13.25 8C13.25 7.59 13.59 7.25 14 7.25H19C19.41 7.25 19.75 7.59 19.75 8C19.75 8.41 19.41 8.75 19 8.75Z" fill="var(--color-icon-primary)"/>\n<path d="M19 12.75H15C14.59 12.75 14.25 12.41 14.25 12C14.25 11.59 14.59 11.25 15 11.25H19C19.41 11.25 19.75 11.59 19.75 12C19.75 12.41 19.41 12.75 19 12.75Z" fill="var(--color-icon-primary)"/>\n<path d="M19 16.75H17C16.59 16.75 16.25 16.41 16.25 16C16.25 15.59 16.59 15.25 17 15.25H19C19.41 15.25 19.75 15.59 19.75 16C19.75 16.41 19.41 16.75 19 16.75Z" fill="var(--color-icon-primary)"/>\n<path d="M8.50043 12.04C7.09043 12.04 5.94043 10.89 5.94043 9.48001C5.94043 8.07001 7.09043 6.92001 8.50043 6.92001C9.91043 6.92001 11.0604 8.07001 11.0604 9.48001C11.0604 10.89 9.91043 12.04 8.50043 12.04ZM8.50043 8.42001C7.92043 8.42001 7.44043 8.90001 7.44043 9.48001C7.44043 10.06 7.92043 10.54 8.50043 10.54C9.08043 10.54 9.56043 10.06 9.56043 9.48001C9.56043 8.90001 9.08043 8.42001 8.50043 8.42001Z" fill="var(--color-icon-primary)"/>\n<path d="M11.9999 17.08C11.6199 17.08 11.2899 16.79 11.2499 16.4C11.1399 15.32 10.2699 14.45 9.17991 14.35C8.71991 14.31 8.25991 14.31 7.79991 14.35C6.70991 14.45 5.83991 15.31 5.72991 16.4C5.68991 16.81 5.31991 17.12 4.90991 17.07C4.49991 17.03 4.19991 16.66 4.23991 16.25C4.41991 14.45 5.84991 13.02 7.65991 12.86C8.20991 12.81 8.76991 12.81 9.31991 12.86C11.1199 13.03 12.5599 14.46 12.7399 16.25C12.7799 16.66 12.4799 17.03 12.0699 17.07C12.0499 17.08 12.0199 17.08 11.9999 17.08Z" fill="var(--color-icon-primary)"/>\n</svg>',
+        },
+      },
+      content_wrapper: null,
+      title: "9",
+      description: "<p>Scientists</p>",
+      cta: "Join Today",
+      separator: null,
+    },
+    {
+      item_wrapper: null,
+      icon_content_wrapper: null,
+      icon: {
+        kind: "icon",
+        data: {
+          id: "archive-book",
+          label: "Archive Book",
+          tags: ["archive", "book", "content-edit", "custom", "directional"],
+          svgCode:
+            '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M16 22.75H8C4.35 22.75 2.25 20.65 2.25 17V7C2.25 3.35 4.35 1.25 8 1.25H16C19.65 1.25 21.75 3.35 21.75 7V17C21.75 20.65 19.65 22.75 16 22.75ZM8 2.75C5.14 2.75 3.75 4.14 3.75 7V17C3.75 19.86 5.14 21.25 8 21.25H16C18.86 21.25 20.25 19.86 20.25 17V7C20.25 4.14 18.86 2.75 16 2.75H8Z" fill="var(--color-icon-primary)"/>\n<path d="M9 11.11C8.83 11.11 8.66 11.08 8.5 11.01C8.04 10.81 7.75 10.36 7.75 9.87V2C7.75 1.59 8.09 1.25 8.5 1.25H15.5C15.91 1.25 16.25 1.59 16.25 2V9.85999C16.25 10.36 15.96 10.81 15.5 11C15.05 11.2 14.52 11.11 14.15 10.77L12 8.79999L9.84998 10.78C9.60998 11 9.31 11.11 9 11.11ZM12 7.21002C12.3 7.21002 12.61 7.31998 12.85 7.53998L14.75 9.28998V2.75H9.25V9.28998L11.15 7.53998C11.39 7.31998 11.7 7.21002 12 7.21002Z" fill="var(--color-icon-primary)"/>\n<path d="M17.5 14.75H13.25C12.84 14.75 12.5 14.41 12.5 14C12.5 13.59 12.84 13.25 13.25 13.25H17.5C17.91 13.25 18.25 13.59 18.25 14C18.25 14.41 17.91 14.75 17.5 14.75Z" fill="var(--color-icon-primary)"/>\n<path d="M17.5 18.75H9C8.59 18.75 8.25 18.41 8.25 18C8.25 17.59 8.59 17.25 9 17.25H17.5C17.91 17.25 18.25 17.59 18.25 18C18.25 18.41 17.91 18.75 17.5 18.75Z" fill="var(--color-icon-primary)"/>\n</svg>',
+        },
+      },
+      content_wrapper: null,
+      title: "3",
+      description: "<p>Ongoing MoUs</p>",
+      cta: "Donate Now",
+      separator: null,
+    },
+  ],
+};
+
+export type IHero11Content = typeof DEFAULT_CONTENT;
+
+export const Hero11: IBlock = {
+  category_id: "hero",
+  title: "Hero 11",
+  key: "hero-11",
+  version: "v1",
+  prompt_description:
+    "Hero section with title, description, CTA, and horizontal features layout with icons, titles, descriptions, and CTAs.",
+  content_schema: [
+    {
+      key: "layout",
+      label: "Layout",
+      field_interface: "LayoutWidget",
+      hint: {
+        prompt_description:
+          "Main layout container for the hero section with proper spacing and background.",
+      },
+    },
+    {
+      key: "container",
+      label: "Container",
+      field_interface: "ContainerWidget",
+      hint: {
+        prompt_description:
+          "Container providing structural alignment and padding for the hero section.",
+      },
+    },
+    {
+      key: "content_wrapper",
+      label: "Content Wrapper",
+      field_interface: "BoxWidget",
+      hint: {
+        prompt_description:
+          "Wrapper that contains all hero content with proper spacing and alignment.",
+      },
+    },
+    {
+      key: "title",
+      label: "Title",
+      field_interface: "HeadingWidget",
+      hint: {
+        prompt_description: "Main heading for the hero section",
+        min_characters: 24,
+        max_characters: 48,
+      },
+    },
+    {
+      key: "description",
+      label: "Description",
+      field_interface: "TypographyWidget",
+      hint: {
+        prompt_description: "Supporting description text",
+        min_characters: 80,
+        max_characters: 180,
+      },
+    },
+    {
+      key: "cta",
+      label: "Call to Action",
+      kind: "group",
+      field_interface: "BoxWidget",
+      fields: [
+        {
+          key: "button",
+          label: "Button",
+          field_interface: "ButtonWidget",
+          hint: {
+            prompt_description: "Primary call-to-action button",
+            min_characters: 8,
+            max_characters: 18,
+          },
+        },
+      ],
+    },
+    {
+      key: "features",
+      label: "Features",
+      field_interface: "BoxWidget",
+      kind: "group",
+      fields: [
+        {
+          key: "item_wrapper",
+          label: "Item Wrapper",
+          field_interface: "BoxWidget",
+          hint: {
+            prompt_description:
+              "Container for each individual feature item with appropriate spacing and alignment.",
+          },
+        },
+        {
+          key: "icon_content_wrapper",
+          label: "Icon Content Wrapper",
+          field_interface: "BoxWidget",
+          hint: {
+            prompt_description:
+              "Wrapper that holds the icon and content in a flex layout for proper alignment.",
+          },
+        },
+        {
+          key: "icon",
+          label: "Icon",
+          field_interface: "IconWidget",
+          hint: {
+            prompt_description:
+              "Icon representing the feature, displayed alongside the content in a flex layout.",
+            orientation: "landscape",
+            size: "small",
+            usecase: "icon",
+          },
+        },
+        {
+          key: "content_wrapper",
+          label: "Content Wrapper",
+          field_interface: "BoxWidget",
+          hint: {
+            prompt_description:
+              "Container for the text content (title, description, CTA) with proper spacing.",
+          },
+        },
+        {
+          key: "title",
+          label: "Title",
+          field_interface: "TypographyWidget",
+          hint: {
+            prompt_description:
+              "Feature title displayed prominently. Use clear, action-oriented language (2-4 words).",
+            min_characters: 8,
+            max_characters: 24,
+          },
+        },
+        {
+          key: "description",
+          label: "Description",
+          field_interface: "TypographyWidget",
+          hint: {
+            prompt_description:
+              "Brief description explaining the feature benefit. Keep it concise and engaging (1-2 sentences).",
+            min_characters: 20,
+            max_characters: 80,
+          },
+        },
+
+        {
+          key: "separator",
+          label: "Separator",
+          field_interface: "BoxWidget",
+          hint: {
+            prompt_description:
+              "Visual separator between feature items for better visual distinction.",
+          },
+        },
+      ],
+      hint: {
+        prompt_description:
+          "Collection of 4 features displayed horizontally in a row with icons, titles, descriptions, and CTAs. Include separators between items for visual clarity.",
+        min_items: 4,
+        max_items: 4,
+      },
+    },
+  ],
+
+  layouts: [
+    {
+      key: "default",
+      title: "Default",
+      styles: {
+        layout: {
+          "padding-top": "10xl",
+          "padding-bottom": "10xl",
+        },
+        container: {},
+        content_wrapper: {
+          display: "flex",
+          "flex-direction": "column",
+          "align-items": "center",
+          "row-gap": "3xl",
+          "text-align": "center",
+          width: "100%",
+          mobile: {
+            "row-gap": "2xl",
+            filter: "none",
+          },
+          filter: "none",
+        },
+        title: {
+          color: "text-1",
+          "font-size": "5xl",
+          "font-weight": "700",
+          mobile: {
+            "font-size": "3xl",
+          },
+          "max-width": "700px",
+        },
+        description: {
+          color: "text-2",
+          "font-size": "lg",
+          "max-width": "600px",
+          mobile: {
+            "font-size": "base",
+          },
+        },
+        cta_levoGroup: {
+          display: "flex",
+          "column-gap": "base",
+          "row-gap": "base",
+          mobile: {
+            "flex-direction": "column",
+            filter: "none",
+          },
+          filter: "none",
+        },
+        cta: [
+          {
+            button: {},
+          },
+        ],
+        features_levoGroup: {
+          display: "flex",
+          width: "100%",
+          "align-items": "center",
+          "justify-content": "space-between",
+          filter: "none",
+          tablet: {
+            filter: "none",
+            display: "grid",
+            "column-gap": "none",
+            "flex-direction": "row",
+            "row-gap": "3xl",
+          },
+          "grid-template-columns": "repeat(2, minmax(0, 1fr))",
+          "grid-template-rows": "repeat(1, minmax(0, 1fr))",
+          mobile: {
+            display: "grid",
+            "column-gap": "xs",
+          },
+        },
+        features: [
+          {
+            item_wrapper: {
+              display: "flex",
+              "align-items": "end",
+              "flex-grow": "1",
+              mobile: {
+                "flex-direction": "column",
+                width: "100%",
+                filter: "none",
+                "border-bottom": "1px s",
+                "justify-content": "start",
+                "align-items": "start",
+              },
+              tablet: {
+                filter: "none",
+                "justify-content": "center",
+                "align-items": "center",
+                "margin-right": "3xl",
+              },
+              "justify-content": "end",
+            },
+            icon_content_wrapper: {
+              display: "flex",
+              "align-items": "start",
+              "column-gap": "base",
+              "text-align": "left",
+              mobile: {
+                "flex-direction": "row",
+                "row-gap": "sm",
+                "text-align": "center",
+                filter: "none",
+                "column-gap": "base",
+                "justify-content": "center",
+                "align-items": "center",
+              },
+              filter: "none",
+              "justify-content": "start",
+              tablet: {
+                "justify-content": "start",
+                "align-items": "start",
+              },
+            },
+            icon: {
+              width: "48px",
+              height: "48px",
+              "flex-shrink": "0",
+              mobile: {
+                width: "40px",
+                height: "40px",
+              },
+              filter: "none",
+            },
+            content_wrapper: {
+              display: "flex",
+              "flex-direction": "column",
+              "row-gap": "xs",
+              filter: "none",
+              "justify-content": "start",
+              "align-items": "start",
+              mobile: {
+                filter: "none",
+                "justify-content": "start",
+                "align-items": "start",
+              },
+            },
+            title: {
+              color: "text-1",
+              "font-size": "lg",
+              "font-weight": "600",
+              mobile: {
+                "text-align": "center",
+                "font-size": "base",
+              },
+            },
+            description: {
+              "font-family": "var(--font-body)",
+              color: "text-2",
+              "line-height": "normal",
+              "max-width": "200px",
+              mobile: {
+                "max-width": "180px",
+                "text-align": "left",
+                filter: "none",
+              },
+            },
+            cta: {
+              "background-color": "white",
+              color: "text-1",
+              "padding-top": "xs",
+              "padding-bottom": "xs",
+              "padding-left": "none",
+              "padding-right": "sm",
+              "border-radius": "base",
+              "border-width": "1px",
+              "border-color": "border",
+              "text-decoration": "none",
+              "margin-top": "xs",
+              mobile: {
+                "padding-top": "xs",
+                "padding-bottom": "xs",
+                "padding-left": "base",
+                "padding-right": "base",
+              },
+              filter: "none",
+              tablet: {
+                filter: "none",
+                "margin-top": "none",
+                "padding-top": "none",
+                "padding-bottom": "none",
+              },
+            },
+            separator: {
+              width: "1px",
+              height: "100px",
+              "background-color": "var(--color-border)",
+              "margin-left": "xl",
+              "margin-right": "xl",
+              mobile: {
+                display: "none",
+                filter: "none",
+              },
+              filter: "none",
+              tablet: {
+                filter: "none",
+                display: "none",
+                height: "80px",
+                "margin-left": "none",
+                "margin-right": "none",
+              },
+            },
+          },
+          {
+            item_wrapper: {
+              display: "flex",
+              "align-items": "center",
+              "flex-grow": "1",
+              mobile: {
+                "flex-direction": "column",
+                width: "100%",
+                "justify-content": "center",
+                "align-items": "end",
+              },
+              tablet: {
+                filter: "none",
+              },
+              "justify-content": "center",
+            },
+            icon_content_wrapper: {
+              display: "flex",
+              "align-items": "start",
+              "column-gap": "base",
+              "text-align": "left",
+              mobile: {
+                "flex-direction": "row",
+                "row-gap": "sm",
+                "text-align": "center",
+                filter: "none",
+                "column-gap": "base",
+                "justify-content": "center",
+                "align-items": "center",
+              },
+              filter: "none",
+              "justify-content": "start",
+            },
+            icon: {
+              width: "48px",
+              height: "48px",
+              "flex-shrink": "0",
+              mobile: {
+                width: "40px",
+                height: "40px",
+              },
+              filter: "none",
+            },
+            content_wrapper: {
+              display: "flex",
+              "flex-direction": "column",
+              "row-gap": "xs",
+              filter: "none",
+              "justify-content": "start",
+              "align-items": "start",
+              mobile: {
+                filter: "none",
+                "justify-content": "start",
+                "align-items": "start",
+              },
+            },
+            title: {
+              color: "text-1",
+              "font-size": "lg",
+              "font-weight": "600",
+              mobile: {
+                "text-align": "center",
+                "font-size": "base",
+              },
+            },
+            description: {
+              color: "text-2",
+              "max-width": "200px",
+              mobile: {
+                "max-width": "180px",
+                "text-align": "left",
+                filter: "none",
+              },
+            },
+            cta: {
+              display: "flex",
+              "align-items": "center",
+              "justify-content": "center",
+              "border-radius": "base",
+              "background-color": "white",
+              color: "text-1",
+              cursor: "pointer",
+              "padding-top": "xs",
+              "padding-bottom": "xs",
+              "padding-left": "none",
+              "padding-right": "sm",
+              "border-color": "border",
+              "border-width": "1px",
+              "border-style": "solid",
+              "text-decoration": "none",
+              "margin-top": "xs",
+              mobile: {
+                "padding-top": "xs",
+                "padding-bottom": "xs",
+                "padding-left": "base",
+                "padding-right": "base",
+              },
+              filter: "none",
+              tablet: {
+                filter: "none",
+                "margin-top": "none",
+                "padding-top": "none",
+                "padding-bottom": "none",
+              },
+            },
+            separator: {
+              width: "1px",
+              height: "100px",
+              "background-color": "var(--color-border)",
+              "margin-left": "xl",
+              "margin-right": "xl",
+              mobile: {
+                display: "none",
+              },
+              filter: "none",
+              tablet: {
+                filter: "none",
+                display: "none",
+              },
+            },
+          },
+          {
+            item_wrapper: {
+              display: "flex",
+              "align-items": "center",
+              "flex-grow": "1",
+              mobile: {
+                "flex-direction": "column",
+                width: "100%",
+                "justify-content": "start",
+                "align-items": "start",
+              },
+              "justify-content": "center",
+              tablet: {
+                "justify-content": "center",
+                "align-items": "center",
+              },
+            },
+            icon_content_wrapper: {
+              display: "flex",
+              "align-items": "start",
+              "column-gap": "base",
+              "text-align": "left",
+              mobile: {
+                "flex-direction": "row",
+                "row-gap": "sm",
+                "text-align": "center",
+                filter: "none",
+                "column-gap": "base",
+                "justify-content": "center",
+                "align-items": "center",
+              },
+              filter: "none",
+              "justify-content": "start",
+            },
+            icon: {
+              width: "48px",
+              height: "48px",
+              "flex-shrink": "0",
+              mobile: {
+                width: "40px",
+                height: "40px",
+              },
+              filter: "none",
+            },
+            content_wrapper: {
+              display: "flex",
+              "flex-direction": "column",
+              "row-gap": "xs",
+              filter: "none",
+              "justify-content": "start",
+              "align-items": "start",
+              mobile: {
+                filter: "none",
+                "justify-content": "start",
+                "align-items": "start",
+              },
+            },
+            title: {
+              color: "text-1",
+              "font-size": "lg",
+              "font-weight": "600",
+              mobile: {
+                "text-align": "center",
+                "font-size": "base",
+              },
+            },
+            description: {
+              "font-family": "var(--font-body)",
+              color: "text-2",
+              "line-height": "normal",
+              "max-width": "200px",
+              mobile: {
+                "max-width": "180px",
+                "text-align": "left",
+                filter: "none",
+              },
+            },
+            cta: {
+              display: "flex",
+              "align-items": "center",
+              "justify-content": "center",
+              "border-radius": "base",
+              "background-color": "white",
+              color: "text-1",
+              cursor: "pointer",
+              "padding-top": "xs",
+              "padding-bottom": "xs",
+              "padding-left": "none",
+              "padding-right": "sm",
+              "border-color": "border",
+              "border-width": "1px",
+              "border-style": "solid",
+              "text-decoration": "none",
+              "margin-top": "xs",
+              mobile: {
+                "padding-top": "xs",
+                "padding-bottom": "xs",
+                "padding-left": "base",
+                "padding-right": "base",
+              },
+              filter: "none",
+              tablet: {
+                filter: "none",
+                "margin-top": "none",
+                "padding-top": "none",
+                "padding-bottom": "none",
+              },
+            },
+            separator: {
+              width: "1px",
+              height: "100px",
+              "background-color": "var(--color-border)",
+              "margin-left": "xl",
+              "margin-right": "xl",
+              mobile: {
+                display: "none",
+              },
+              filter: "none",
+              tablet: {
+                filter: "none",
+                display: "none",
+              },
+            },
+          },
+          {
+            item_wrapper: {
+              display: "flex",
+              "align-items": "start",
+              "flex-grow": "1",
+              mobile: {
+                "flex-direction": "column",
+                width: "100%",
+                "justify-content": "end",
+                "align-items": "end",
+              },
+              "justify-content": "start",
+              tablet: {
+                "justify-content": "center",
+                "align-items": "center",
+              },
+            },
+            icon_content_wrapper: {
+              display: "flex",
+              "align-items": "start",
+              "column-gap": "base",
+              "text-align": "left",
+              mobile: {
+                "flex-direction": "row",
+                "row-gap": "sm",
+                "text-align": "center",
+                filter: "none",
+                "column-gap": "base",
+                "justify-content": "center",
+                "align-items": "center",
+              },
+              filter: "none",
+              "justify-content": "start",
+            },
+            icon: {
+              width: "48px",
+              height: "48px",
+              "flex-shrink": "0",
+              mobile: {
+                width: "40px",
+                height: "40px",
+                filter: "none",
+              },
+              filter: "none",
+            },
+            content_wrapper: {
+              display: "flex",
+              "flex-direction": "column",
+              "row-gap": "xs",
+              filter: "none",
+              "justify-content": "start",
+              "align-items": "start",
+              mobile: {
+                filter: "none",
+                "justify-content": "start",
+                "align-items": "start",
+              },
+            },
+            title: {
+              color: "text-1",
+              "font-size": "lg",
+              "font-weight": "600",
+              mobile: {
+                "text-align": "center",
+                "font-size": "base",
+              },
+            },
+            description: {
+              "font-family": "var(--font-body)",
+              color: "text-2",
+              "line-height": "normal",
+              "max-width": "200px",
+              mobile: {
+                "max-width": "180px",
+                "text-align": "left",
+                filter: "none",
+              },
+            },
+            cta: {
+              display: "flex",
+              "align-items": "center",
+              "justify-content": "center",
+              "border-radius": "base",
+              "background-color": "white",
+              color: "text-1",
+              cursor: "pointer",
+              "padding-top": "xs",
+              "padding-bottom": "xs",
+              "padding-left": "none",
+              "padding-right": "sm",
+              "border-color": "border",
+              "border-width": "1px",
+              "border-style": "solid",
+              "text-decoration": "none",
+              "margin-top": "xs",
+              mobile: {
+                "padding-top": "xs",
+                "padding-bottom": "xs",
+                "padding-left": "base",
+                "padding-right": "base",
+              },
+              filter: "none",
+              tablet: {
+                filter: "none",
+                "margin-top": "none",
+                "padding-top": "none",
+                "padding-bottom": "none",
+              },
+            },
+            separator: {
+              width: "1px",
+              height: "80px",
+              "background-color": "var(--color-border)",
+              "margin-left": "xl",
+              "margin-right": "xl",
+              mobile: {
+                display: "none",
+              },
+            },
+          },
+        ],
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        title: {
+          heading: {
+            level: 1,
+          },
+        },
+        features: {
+          title: {
+            heading: {
+              level: 4,
+            },
+          },
+        },
+      },
+    },
+  ],
+};