@levo-so/blocks 0.1.54 → 0.1.58

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

@@ -0,0 +1,712 @@
+import type { IBlock } from "@levo-so/studio";
+
+const DEFAULT_CONTENT = {
+  layout: null,
+  container: null,
+  content_wrapper: null,
+  left_section: null,
+  label: "About Us",
+  title: "25 Years of NetSuite Expertise Across Worldwide",
+  description:
+    "With offices worldwide, we help you assess, upgrade, or adopt tailored solutions. From discovery to implementation, training, and support—we're with you every step.",
+  team_image_wrapper: null,
+  images_levoGroup: null,
+  images: [
+    {
+      image_wrapper: null,
+      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",
+        },
+      },
+    },
+    {
+      image_wrapper: null,
+      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",
+        },
+      },
+    },
+  ],
+  stats_levoGroup: null,
+  stats: [
+    {
+      stat_box: null,
+      number: "25+",
+      label: "Years of Experience",
+      icon: {
+        kind: "icon",
+        data: {
+          id: "arrow-circle-up",
+          label: "Arrow Circle Up",
+          tags: ["arrow", "circle", "custom", "directional", "up"],
+          svgCode:
+            '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M12 22.75C6.07 22.75 1.25 17.93 1.25 12C1.25 6.07 6.07 1.25 12 1.25C17.93 1.25 22.75 6.07 22.75 12C22.75 17.93 17.93 22.75 12 22.75ZM12 2.75C6.9 2.75 2.75 6.9 2.75 12C2.75 17.1 6.9 21.25 12 21.25C17.1 21.25 21.25 17.1 21.25 12C21.25 6.9 17.1 2.75 12 2.75Z" fill="var(--color-icon-primary)"/>\n<path d="M15.5302 14.01C15.3402 14.01 15.1502 13.94 15.0002 13.79L12.0002 10.79L9.00016 13.79C8.71016 14.08 8.23016 14.08 7.94016 13.79C7.65016 13.5 7.65016 13.02 7.94016 12.73L11.4702 9.19998C11.7602 8.90998 12.2402 8.90998 12.5302 9.19998L16.0602 12.73C16.3502 13.02 16.3502 13.5 16.0602 13.79C15.9102 13.94 15.7202 14.01 15.5302 14.01Z" fill="var(--color-icon-primary)"/>\n</svg>',
+        },
+      },
+    },
+    {
+      stat_box: null,
+      number: "25+",
+      label: "Years of Experience",
+      icon: {
+        kind: "icon",
+        data: {
+          id: "arrow-circle-up",
+          label: "Arrow Circle Up",
+          tags: ["arrow", "circle", "custom", "directional", "up"],
+          svgCode:
+            '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M12 22.75C6.07 22.75 1.25 17.93 1.25 12C1.25 6.07 6.07 1.25 12 1.25C17.93 1.25 22.75 6.07 22.75 12C22.75 17.93 17.93 22.75 12 22.75ZM12 2.75C6.9 2.75 2.75 6.9 2.75 12C2.75 17.1 6.9 21.25 12 21.25C17.1 21.25 21.25 17.1 21.25 12C21.25 6.9 17.1 2.75 12 2.75Z" fill="var(--color-icon-primary)"/>\n<path d="M15.5302 14.01C15.3402 14.01 15.1502 13.94 15.0002 13.79L12.0002 10.79L9.00016 13.79C8.71016 14.08 8.23016 14.08 7.94016 13.79C7.65016 13.5 7.65016 13.02 7.94016 12.73L11.4702 9.19998C11.7602 8.90998 12.2402 8.90998 12.5302 9.19998L16.0602 12.73C16.3502 13.02 16.3502 13.5 16.0602 13.79C15.9102 13.94 15.7202 14.01 15.5302 14.01Z" fill="var(--color-icon-primary)"/>\n</svg>',
+        },
+      },
+    },
+    {
+      stat_box: null,
+      number: "25+",
+      label: "Years of Experience",
+      icon: {
+        kind: "icon",
+        data: {
+          id: "arrow-circle-up",
+          label: "Arrow Circle Up",
+          tags: ["arrow", "circle", "custom", "directional", "up"],
+          svgCode:
+            '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M12 22.75C6.07 22.75 1.25 17.93 1.25 12C1.25 6.07 6.07 1.25 12 1.25C17.93 1.25 22.75 6.07 22.75 12C22.75 17.93 17.93 22.75 12 22.75ZM12 2.75C6.9 2.75 2.75 6.9 2.75 12C2.75 17.1 6.9 21.25 12 21.25C17.1 21.25 21.25 17.1 21.25 12C21.25 6.9 17.1 2.75 12 2.75Z" fill="var(--color-icon-primary)"/>\n<path d="M15.5302 14.01C15.3402 14.01 15.1502 13.94 15.0002 13.79L12.0002 10.79L9.00016 13.79C8.71016 14.08 8.23016 14.08 7.94016 13.79C7.65016 13.5 7.65016 13.02 7.94016 12.73L11.4702 9.19998C11.7602 8.90998 12.2402 8.90998 12.5302 9.19998L16.0602 12.73C16.3502 13.02 16.3502 13.5 16.0602 13.79C15.9102 13.94 15.7202 14.01 15.5302 14.01Z" fill="var(--color-icon-primary)"/>\n</svg>',
+        },
+      },
+    },
+    {
+      stat_box: null,
+      number: "25+",
+      label: "Years of Experience",
+      icon: {
+        kind: "icon",
+        data: {
+          id: "arrow-circle-up",
+          label: "Arrow Circle Up",
+          tags: ["arrow", "circle", "custom", "directional", "up"],
+          svgCode:
+            '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M12 22.75C6.07 22.75 1.25 17.93 1.25 12C1.25 6.07 6.07 1.25 12 1.25C17.93 1.25 22.75 6.07 22.75 12C22.75 17.93 17.93 22.75 12 22.75ZM12 2.75C6.9 2.75 2.75 6.9 2.75 12C2.75 17.1 6.9 21.25 12 21.25C17.1 21.25 21.25 17.1 21.25 12C21.25 6.9 17.1 2.75 12 2.75Z" fill="var(--color-icon-primary)"/>\n<path d="M15.5302 14.01C15.3402 14.01 15.1502 13.94 15.0002 13.79L12.0002 10.79L9.00016 13.79C8.71016 14.08 8.23016 14.08 7.94016 13.79C7.65016 13.5 7.65016 13.02 7.94016 12.73L11.4702 9.19998C11.7602 8.90998 12.2402 8.90998 12.5302 9.19998L16.0602 12.73C16.3502 13.02 16.3502 13.5 16.0602 13.79C15.9102 13.94 15.7202 14.01 15.5302 14.01Z" fill="var(--color-icon-primary)"/>\n</svg>',
+        },
+      },
+    },
+  ],
+};
+
+export type IHero12Content = typeof DEFAULT_CONTENT;
+
+export const Hero12: IBlock = {
+  category_id: "hero",
+  title: "Hero 12",
+  key: "hero-12",
+  version: "v1",
+  prompt_description:
+    "Two-column hero section with left content including label, title, description and team image, and right stats grid with 4 numbered statistics.",
+  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.",
+      },
+    },
+    {
+      key: "header_container",
+      label: "Header Container",
+      field_interface: "BoxWidget",
+      hint: {
+        prompt_description:
+          "Container for the header section with title container and description.",
+      },
+    },
+    {
+      key: "title_container",
+      label: "Title Container",
+      field_interface: "ContainerWidget",
+      hint: {
+        prompt_description:
+          "Container specifically for the label and title elements.",
+      },
+    },
+    {
+      key: "label_container",
+      label: "Label Container",
+      field_interface: "BoxWidget",
+    },
+    {
+      key: "label_divider",
+      label: "Label Divider",
+      field_interface: "BoxWidget",
+    },
+    {
+      key: "label",
+      label: "Label",
+      field_interface: "TypographyWidget",
+      hint: {
+        prompt_description:
+          "Small section label shown above the title (e.g., 'About Us')",
+        min_characters: 3,
+        max_characters: 20,
+      },
+    },
+    {
+      key: "title",
+      label: "Title",
+      field_interface: "HeadingWidget",
+      hint: {
+        prompt_description: "Main heading for the hero section",
+        min_characters: 24,
+        max_characters: 60,
+      },
+    },
+    {
+      key: "description",
+      label: "Description",
+      field_interface: "TypographyWidget",
+      hint: {
+        prompt_description:
+          "Supporting description text explaining the company or service",
+        min_characters: 80,
+        max_characters: 200,
+      },
+    },
+    {
+      key: "bottom_container",
+      label: "Bottom Container",
+      field_interface: "BoxWidget",
+      hint: {
+        prompt_description:
+          "Container for the bottom section with image and stats grid.",
+      },
+    },
+
+    {
+      key: "images",
+      label: "Images",
+      kind: "group",
+      field_interface: "CarouselWidget",
+      fields: [
+        {
+          key: "image",
+          label: "Image",
+          field_interface: "ImageWidget",
+          hint: {
+            prompt_description: "Team photo displayed in the carousel",
+            orientation: "landscape",
+            size: "large",
+            usecase: "hero",
+          },
+        },
+      ],
+    },
+    {
+      key: "stats",
+      label: "Stats",
+      field_interface: "BoxWidget",
+      kind: "group",
+      fields: [
+        {
+          key: "stat_box",
+          label: "Stat Box",
+          field_interface: "BoxWidget",
+          hint: {
+            prompt_description:
+              "Container for individual statistic with proper spacing and alignment.",
+          },
+        },
+        {
+          key: "number_container",
+          label: "Number Container",
+          field_interface: "BoxWidget",
+          hint: {
+            prompt_description:
+              "Container that holds the icon and number together.",
+          },
+        },
+        {
+          key: "icon",
+          label: "Icon",
+          field_interface: "IconWidget",
+          hint: {
+            prompt_description:
+              "Small icon displayed alongside the statistic number.",
+            size: "icon",
+            orientation: "square",
+            usecase: "icon",
+          },
+        },
+        {
+          key: "number",
+          label: "Number",
+          field_interface: "TypographyWidget",
+          hint: {
+            prompt_description:
+              "Large statistic number with plus sign (e.g., '25+', '600+')",
+            min_characters: 2,
+            max_characters: 10,
+          },
+        },
+        {
+          key: "label",
+          label: "Label",
+          field_interface: "TypographyWidget",
+          hint: {
+            prompt_description:
+              "Small uppercase label describing the statistic (e.g., 'Years of Experience')",
+            min_characters: 10,
+            max_characters: 30,
+          },
+        },
+      ],
+      hint: {
+        prompt_description:
+          "Collection of 4 statistics displayed in a 2x2 grid with icons, numbers and descriptive labels.",
+        min_items: 4,
+        max_items: 4,
+      },
+    },
+  ],
+
+  layouts: [
+    {
+      key: "default",
+      title: "Default",
+      styles: {
+        layout: {
+          "background-color": "background-3",
+        },
+        container: {
+          "padding-top": "10xl",
+          "padding-bottom": "10xl",
+        },
+        content_wrapper: {
+          display: "block",
+          "flex-direction": "row",
+          "column-gap": "3rem",
+          "align-items": "flex-start",
+          tablet: {
+            "flex-direction": "column",
+            "row-gap": "3rem",
+          },
+        },
+        left_section: {
+          "flex-grow": "1",
+          display: "flex",
+          "flex-direction": "column",
+        },
+        label: {
+          "margin-bottom": "none",
+        },
+        title: {
+          "margin-bottom": "1rem",
+          mobile: {
+            "font-size": "2xl",
+          },
+        },
+        description: {
+          "margin-bottom": "2.5rem",
+        },
+        team_image_wrapper: {
+          "border-radius": "1rem",
+          overflow: "hidden",
+          "box-shadow":
+            "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
+          "border-width": "1px",
+          "border-color": "#e5e7eb",
+        },
+        images_levoGroup: {
+          width: "50%",
+          tablet: {
+            width: "100%",
+          },
+        },
+        images: [
+          {
+            image_wrapper: {
+              "border-radius": "1rem",
+              overflow: "hidden",
+              "box-shadow":
+                "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
+              "border-width": "1px",
+              "border-color": "#e5e7eb",
+              width: "100%",
+              height: "100%",
+            },
+            image: {
+              "object-fit": "cover",
+              width: "100%",
+              height: "100%",
+            },
+          },
+        ],
+        stats_levoGroup: {
+          display: "grid",
+          "grid-template-columns": "repeat(2, minmax(0, 1fr))",
+          "grid-template-rows": "repeat(2, minmax(0, 1fr))",
+          "flex-grow": "1",
+          "background-color": "white",
+          "box-shadow":
+            "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
+          overflow: "hidden",
+          tablet: {
+            "max-width": "100%",
+          },
+          "border-radius": "base",
+        },
+        stats: [
+          {
+            stat_box: {
+              display: "flex",
+              "flex-direction": "column",
+              "align-items": "center",
+              "justify-content": "center",
+              "padding-top": "2rem",
+              "padding-bottom": "2rem",
+              "padding-left": "2rem",
+              "padding-right": "2rem",
+              "border-right-width": "1px",
+              "border-bottom-width": "1px",
+              "border-color": "#e5e7eb",
+            },
+            number: {
+              color: "#D47330",
+              "font-size": "4xl",
+              "font-weight": "600",
+              "margin-bottom": "0.5rem",
+            },
+            label: {
+              color: "#6b7280",
+              "font-size": "sm",
+              "text-transform": "uppercase",
+              "letter-spacing": "0.05em",
+            },
+            number_container: {
+              display: "flex",
+              "justify-content": "center",
+              "align-items": "center",
+              "column-gap": "2xs",
+            },
+            icon: {
+              height: "32px",
+              width: "32px",
+              "font-size": "32px",
+            },
+          },
+          {
+            stat_box: {
+              display: "flex",
+              "flex-direction": "column",
+              "align-items": "center",
+              "justify-content": "center",
+              "padding-top": "2rem",
+              "padding-bottom": "2rem",
+              "padding-left": "2rem",
+              "padding-right": "2rem",
+              "border-right-width": "1px",
+              "border-bottom-width": "1px",
+              "border-color": "#e5e7eb",
+            },
+            number: {
+              color: "#D47330",
+              "font-size": "4xl",
+              "font-weight": "600",
+              "margin-bottom": "0.5rem",
+            },
+            label: {
+              color: "#6b7280",
+              "font-size": "sm",
+              "text-transform": "uppercase",
+              "letter-spacing": "0.05em",
+            },
+            number_container: {
+              display: "flex",
+              "justify-content": "center",
+              "align-items": "center",
+              "column-gap": "2xs",
+            },
+            icon: {
+              height: "32px",
+              width: "32px",
+              "font-size": "32px",
+            },
+          },
+          {
+            stat_box: {
+              display: "flex",
+              "flex-direction": "column",
+              "align-items": "center",
+              "justify-content": "center",
+              "padding-top": "2rem",
+              "padding-bottom": "2rem",
+              "padding-left": "2rem",
+              "padding-right": "2rem",
+              "border-right-width": "1px",
+              "border-bottom-width": "1px",
+              "border-color": "#e5e7eb",
+            },
+            number: {
+              color: "#D47330",
+              "font-size": "4xl",
+              "font-weight": "600",
+              "margin-bottom": "0.5rem",
+            },
+            label: {
+              color: "#6b7280",
+              "font-size": "sm",
+              "text-transform": "uppercase",
+              "letter-spacing": "0.05em",
+            },
+            number_container: {
+              display: "flex",
+              "justify-content": "center",
+              "align-items": "center",
+              "column-gap": "2xs",
+            },
+            icon: {
+              height: "32px",
+              width: "32px",
+              "font-size": "32px",
+            },
+          },
+          {
+            stat_box: {
+              display: "flex",
+              "flex-direction": "column",
+              "align-items": "center",
+              "justify-content": "center",
+              "padding-top": "2rem",
+              "padding-bottom": "2rem",
+              "padding-left": "2rem",
+              "padding-right": "2rem",
+              "border-right-width": "1px",
+              "border-bottom-width": "1px",
+              "border-color": "#e5e7eb",
+            },
+            number: {
+              color: "#D47330",
+              "font-size": "4xl",
+              "font-weight": "600",
+              "margin-bottom": "0.5rem",
+            },
+            label: {
+              color: "#6b7280",
+              "font-size": "sm",
+              "text-transform": "uppercase",
+              "letter-spacing": "0.05em",
+            },
+            number_container: {
+              display: "flex",
+              "justify-content": "center",
+              "align-items": "center",
+              "column-gap": "2xs",
+            },
+            icon: {
+              height: "32px",
+              width: "32px",
+              "font-size": "32px",
+            },
+          },
+          {
+            stat_box: {
+              display: "flex",
+              "flex-direction": "column",
+              "align-items": "center",
+              "justify-content": "center",
+              "padding-top": "2rem",
+              "padding-bottom": "2rem",
+              "padding-left": "2rem",
+              "padding-right": "2rem",
+              "border-right-width": "1px",
+              "border-bottom-width": "1px",
+              "border-color": "#e5e7eb",
+            },
+            number: {
+              color: "#D47330",
+              "font-size": "4xl",
+              "font-weight": "600",
+              "margin-bottom": "0.5rem",
+            },
+            label: {
+              color: "#6b7280",
+              "font-size": "sm",
+              "text-transform": "uppercase",
+              "letter-spacing": "0.05em",
+            },
+            number_container: {
+              display: "flex",
+              "justify-content": "center",
+              "align-items": "center",
+              "column-gap": "2xs",
+            },
+            icon: {
+              height: "32px",
+              width: "32px",
+              "font-size": "32px",
+            },
+          },
+          {
+            stat_box: {
+              display: "flex",
+              "flex-direction": "column",
+              "align-items": "center",
+              "justify-content": "center",
+              "padding-top": "2rem",
+              "padding-bottom": "2rem",
+              "padding-left": "2rem",
+              "padding-right": "2rem",
+              "border-bottom-width": "1px",
+              "border-color": "#e5e7eb",
+            },
+            number: {
+              color: "#D47330",
+              "font-size": "4xl",
+              "font-weight": "600",
+              "margin-bottom": "0.5rem",
+            },
+            label: {
+              color: "#6b7280",
+              "font-size": "sm",
+              "text-transform": "uppercase",
+              "letter-spacing": "0.05em",
+            },
+          },
+          {
+            stat_box: {
+              display: "flex",
+              "flex-direction": "column",
+              "align-items": "center",
+              "justify-content": "center",
+              "padding-top": "2rem",
+              "padding-bottom": "2rem",
+              "padding-left": "2rem",
+              "padding-right": "2rem",
+              "border-right-width": "1px",
+              "border-color": "#e5e7eb",
+            },
+            number: {
+              color: "#D47330",
+              "font-size": "4xl",
+              "font-weight": "600",
+              "margin-bottom": "0.5rem",
+            },
+            label: {
+              color: "#6b7280",
+              "font-size": "sm",
+              "text-transform": "uppercase",
+              "letter-spacing": "0.05em",
+            },
+          },
+          {
+            stat_box: {
+              display: "flex",
+              "flex-direction": "column",
+              "align-items": "center",
+              "justify-content": "center",
+              "padding-top": "2rem",
+              "padding-bottom": "2rem",
+              "padding-left": "2rem",
+              "padding-right": "2rem",
+            },
+            number: {
+              color: "#D47330",
+              "font-size": "4xl",
+              "font-weight": "600",
+              "margin-bottom": "0.5rem",
+            },
+            label: {
+              color: "#6b7280",
+              "font-size": "sm",
+              "text-transform": "uppercase",
+              "letter-spacing": "0.05em",
+            },
+          },
+        ],
+        header_container: {
+          display: "flex",
+          "justify-content": "center",
+          "align-items": "center",
+          tablet: {
+            "flex-direction": "column",
+            "justify-content": "start",
+            "align-items": "start",
+          },
+        },
+        bottom_container: {
+          display: "flex",
+          "column-gap": "5xl",
+          "margin-top": "5xl",
+          tablet: {
+            "flex-direction": "column",
+            "row-gap": "5xl",
+          },
+        },
+        label_divider: {
+          height: "2px",
+          width: "30px",
+          background: "red",
+        },
+        label_container: {
+          display: "flex",
+          "justify-content": "start",
+          "align-items": "center",
+          "column-gap": "4xs",
+        },
+        title_container: {
+          tablet: {
+            "padding-left": "none",
+            "padding-right": "none",
+          },
+        },
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        title: {
+          heading: {
+            level: 1,
+          },
+        },
+      },
+    },
+  ],
+};