@levo-so/blocks 0.1.0 → 0.1.2

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

@@ -0,0 +1,864 @@
+import type { IBlock } from "@levo-so/studio";
+
+const DEFAULT_CONTENT = {
+  layout: null,
+  container: null,
+  header_wrapper: null,
+  title: "Our Services",
+  description:
+    "Everything you need to build, launch, and grow without writing a single line of code.",
+  services_levoGroup: null,
+  services: [
+    {
+      service_item: null,
+      number_wrapper: null,
+      number: "1",
+      content_wrapper: null,
+      service_title: "Custom Website Building",
+      service_description:
+        "Professional website development tailored to your business needs with modern design and functionality.",
+      cta: "Explore More",
+      separator: null,
+    },
+    {
+      service_item: null,
+      number_wrapper: null,
+      number: "2",
+      content_wrapper: null,
+      service_title: "Landing Page Creation",
+      service_description:
+        "High-converting landing pages designed to capture leads and drive business growth effectively.",
+      cta: "Explore More",
+      separator: null,
+    },
+    {
+      service_item: null,
+      number_wrapper: null,
+      number: "3",
+      content_wrapper: null,
+      service_title: "Client Portfolio Websites",
+      service_description:
+        "Showcase your work with stunning portfolio websites that highlight your expertise and achievements.",
+      cta: "Explore More",
+      separator: null,
+    },
+    {
+      service_item: null,
+      number_wrapper: null,
+      number: "4",
+      content_wrapper: null,
+      service_title: "Event & Webinar Pages",
+      service_description:
+        "Engaging event pages with registration forms and promotional content to maximize attendance.",
+      cta: "Explore More",
+      separator: null,
+    },
+    {
+      service_item: null,
+      number_wrapper: null,
+      number: "5",
+      content_wrapper: null,
+      service_title: "Team or Company Microsites",
+      service_description:
+        "Dedicated microsites for teams or company divisions with focused messaging and branding.",
+      cta: "Explore More",
+      separator: null,
+    },
+  ],
+};
+
+export type IContent3Content = typeof DEFAULT_CONTENT;
+
+export const Content3: IBlock = {
+  category_id: "content",
+  title: "Content 3",
+  key: "content-3",
+  version: "v1",
+  prompt_description:
+    "Services listing block with title, description, and numbered service items featuring descriptions and CTA buttons with separators between items",
+
+  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: "services_levoGroup",
+      label: "Services Group",
+      field_interface: "BoxWidget",
+    },
+    {
+      key: "services",
+      label: "Services",
+      kind: "group",
+      field_interface: "BoxWidget",
+      fields: [
+        {
+          key: "service_item",
+          label: "Service Item",
+          field_interface: "BoxWidget",
+        },
+        {
+          key: "number_wrapper",
+          label: "Number Wrapper",
+          field_interface: "BoxWidget",
+        },
+        {
+          key: "number",
+          label: "Number",
+          field_interface: "TypographyWidget",
+        },
+
+        {
+          key: "service_title",
+          label: "Service Title",
+          field_interface: "HeadingWidget",
+        },
+        {
+          key: "service_description",
+          label: "Service Description",
+          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": "48px",
+          "padding-bottom": "48px",
+          "padding-left": "48px",
+          "padding-right": "48px",
+          tablet: {
+            "padding-top": "32px",
+            "padding-bottom": "32px",
+            "padding-left": "24px",
+            "padding-right": "24px",
+          },
+          mobile: {
+            "padding-top": "24px",
+            "padding-bottom": "24px",
+            "padding-left": "16px",
+            "padding-right": "16px",
+          },
+          filter: "none",
+        },
+        container: {
+          "max-width": "1280px",
+          "margin-left": "auto",
+          "margin-right": "auto",
+          filter: "none",
+          mobile: {
+            filter: "none",
+          },
+        },
+        header_wrapper: {
+          "text-align": "center",
+          "margin-bottom": "48px",
+          tablet: {
+            "margin-bottom": "32px",
+            filter: "none",
+            "flex-direction": "column",
+          },
+          mobile: {
+            "margin-bottom": "24px",
+            filter: "none",
+          },
+          filter: "none",
+          display: "flex",
+          "justify-content": "space-between",
+          "align-items": "center",
+          width: "100%",
+          "flex-direction": "row",
+        },
+        title: {
+          "font-size": "48px",
+          "font-weight": "700",
+          "margin-bottom": "16px",
+          color: "text-1",
+          tablet: {
+            "font-size": "36px",
+            filter: "none",
+          },
+          mobile: {
+            "font-size": "28px",
+          },
+          filter: "none",
+        },
+        description: {
+          "font-size": "18px",
+          color: "text-2",
+          "margin-left": "none",
+          "margin-right": "none",
+          tablet: {
+            "font-size": "16px",
+          },
+          mobile: {
+            "font-size": "14px",
+            filter: "none",
+            "text-align": "center",
+          },
+          filter: "none",
+          "text-align": "left",
+          width: "100%",
+          "max-width": "450px",
+        },
+        services_levoGroup: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "none",
+        },
+        services: [
+          {
+            service_item: {
+              display: "flex",
+              "align-items": "center",
+              "column-gap": "24px",
+              "padding-top": "32px",
+              "padding-bottom": "32px",
+              tablet: {
+                "column-gap": "16px",
+                "padding-top": "24px",
+                "padding-bottom": "24px",
+              },
+              mobile: {
+                "flex-direction": "row",
+                "row-gap": "16px",
+                "padding-top": "20px",
+                "padding-bottom": "20px",
+                filter: "none",
+              },
+              filter: "none",
+              "justify-content": "space-between",
+            },
+            number_wrapper: {
+              "flex-shrink": "0",
+              tablet: {
+                width: "40px",
+                height: "40px",
+              },
+              mobile: {
+                width: "auto",
+                height: "auto",
+                filter: "none",
+              },
+              filter: "none",
+            },
+            number: {
+              "font-size": "18px",
+              "font-weight": "600",
+              color: "text-1",
+              tablet: {
+                "font-size": "16px",
+              },
+              mobile: {
+                "font-size": "sm",
+                filter: "none",
+                width: "fit-content",
+              },
+              filter: "none",
+            },
+            content_wrapper: {
+              "flex-grow": "1",
+              display: "flex",
+              "flex-direction": "row",
+              "row-gap": "12px",
+              filter: "none",
+              "justify-content": "space-between",
+              "align-items": "center",
+            },
+            service_title: {
+              "font-size": "24px",
+              "font-weight": "600",
+              color: "text-1",
+              "margin-bottom": "none",
+              tablet: {
+                "font-size": "20px",
+              },
+              mobile: {
+                "font-size": "sm",
+                filter: "none",
+                width: "auto",
+              },
+              filter: "none",
+              width: "px",
+            },
+            service_description: {
+              "font-size": "16px",
+              color: "text-2",
+              "line-height": "1.6",
+              tablet: {
+                "font-size": "14px",
+              },
+              mobile: {
+                "font-size": "14px",
+              },
+              filter: "none",
+              display: "none",
+            },
+            cta: {
+              "background-color": "transparent",
+              color: "brand",
+              "border-color": "brand",
+              "border-width": "1px",
+              "border-style": "solid",
+              "padding-top": "8px",
+              "padding-bottom": "8px",
+              "padding-left": "16px",
+              "padding-right": "16px",
+              "border-radius": "3xl",
+              "font-weight": "500",
+              "font-size": "14px",
+              width: "fit-content",
+              tablet: {
+                "font-size": "13px",
+                "padding-top": "6px",
+                "padding-bottom": "6px",
+                "padding-left": "12px",
+                "padding-right": "12px",
+              },
+              mobile: {
+                "font-size": "12px",
+                filter: "none",
+                "padding-left": "2xs",
+                "padding-right": "2xs",
+                "padding-top": "4xs",
+                "padding-bottom": "4xs",
+              },
+              filter: "none",
+            },
+            separator: {
+              width: "100%",
+              height: "1px",
+              "background-color": "var(--color-border)",
+              filter: "none",
+            },
+          },
+          {
+            service_item: {
+              display: "flex",
+              "align-items": "center",
+              "column-gap": "24px",
+              "padding-top": "32px",
+              "padding-bottom": "32px",
+              tablet: {
+                "column-gap": "16px",
+                "padding-top": "24px",
+                "padding-bottom": "24px",
+              },
+              mobile: {
+                "flex-direction": "row",
+                "row-gap": "16px",
+                "padding-top": "20px",
+                "padding-bottom": "20px",
+                filter: "none",
+              },
+              filter: "none",
+              "justify-content": "space-between",
+            },
+            number_wrapper: {
+              "flex-shrink": "0",
+              tablet: {
+                width: "40px",
+                height: "40px",
+              },
+              mobile: {
+                width: "auto",
+                height: "auto",
+                filter: "none",
+              },
+              filter: "none",
+            },
+            number: {
+              "font-size": "18px",
+              "font-weight": "600",
+              color: "text-1",
+              tablet: {
+                "font-size": "16px",
+              },
+              mobile: {
+                "font-size": "sm",
+                filter: "none",
+                width: "fit-content",
+              },
+              filter: "none",
+            },
+            content_wrapper: {
+              "flex-grow": "1",
+              display: "flex",
+              "flex-direction": "row",
+              "row-gap": "12px",
+              filter: "none",
+              "justify-content": "space-between",
+            },
+            service_title: {
+              "font-size": "24px",
+              "font-weight": "600",
+              color: "text-1",
+              "margin-bottom": "none",
+              tablet: {
+                "font-size": "20px",
+              },
+              mobile: {
+                "font-size": "sm",
+                filter: "none",
+              },
+              filter: "none",
+            },
+            service_description: {
+              "font-size": "16px",
+              color: "text-2",
+              "line-height": "1.6",
+              tablet: {
+                "font-size": "14px",
+              },
+              mobile: {
+                "font-size": "14px",
+              },
+              filter: "none",
+              display: "none",
+            },
+            cta: {
+              "background-color": "transparent",
+              color: "brand",
+              "border-color": "brand",
+              "border-width": "1px",
+              "border-style": "solid",
+              "padding-top": "8px",
+              "padding-bottom": "8px",
+              "padding-left": "16px",
+              "padding-right": "16px",
+              "border-radius": "3xl",
+              "font-weight": "500",
+              "font-size": "14px",
+              width: "fit-content",
+              tablet: {
+                "font-size": "13px",
+                "padding-top": "6px",
+                "padding-bottom": "6px",
+                "padding-left": "12px",
+                "padding-right": "12px",
+              },
+              mobile: {
+                "font-size": "12px",
+                filter: "none",
+                "padding-left": "2xs",
+                "padding-right": "2xs",
+                "padding-top": "4xs",
+                "padding-bottom": "4xs",
+              },
+              filter: "none",
+            },
+            separator: {
+              width: "100%",
+              height: "1px",
+              "background-color": "var(--color-border)",
+              filter: "none",
+            },
+          },
+          {
+            service_item: {
+              display: "flex",
+              "align-items": "center",
+              "column-gap": "24px",
+              "padding-top": "32px",
+              "padding-bottom": "32px",
+              tablet: {
+                "column-gap": "16px",
+                "padding-top": "24px",
+                "padding-bottom": "24px",
+              },
+              mobile: {
+                "flex-direction": "row",
+                "row-gap": "16px",
+                "padding-top": "20px",
+                "padding-bottom": "20px",
+                filter: "none",
+              },
+              filter: "none",
+              "justify-content": "space-between",
+            },
+            number_wrapper: {
+              "flex-shrink": "0",
+              tablet: {
+                width: "40px",
+                height: "40px",
+              },
+              mobile: {
+                width: "auto",
+                height: "auto",
+                filter: "none",
+              },
+              filter: "none",
+            },
+            number: {
+              "font-size": "18px",
+              "font-weight": "600",
+              color: "text-1",
+              tablet: {
+                "font-size": "16px",
+              },
+              mobile: {
+                "font-size": "sm",
+                filter: "none",
+                width: "fit-content",
+              },
+              filter: "none",
+            },
+            content_wrapper: {
+              "flex-grow": "1",
+              display: "flex",
+              "flex-direction": "row",
+              "row-gap": "12px",
+              filter: "none",
+              "justify-content": "space-between",
+            },
+            service_title: {
+              "font-size": "24px",
+              "font-weight": "600",
+              color: "text-1",
+              "margin-bottom": "none",
+              tablet: {
+                "font-size": "20px",
+              },
+              mobile: {
+                "font-size": "sm",
+                filter: "none",
+              },
+            },
+            service_description: {
+              "font-size": "16px",
+              color: "text-2",
+              "line-height": "1.6",
+              tablet: {
+                "font-size": "14px",
+              },
+              mobile: {
+                "font-size": "14px",
+              },
+              filter: "none",
+              display: "none",
+            },
+            cta: {
+              "background-color": "transparent",
+              color: "brand",
+              "border-color": "brand",
+              "border-width": "1px",
+              "border-style": "solid",
+              "padding-top": "8px",
+              "padding-bottom": "8px",
+              "padding-left": "16px",
+              "padding-right": "16px",
+              "border-radius": "3xl",
+              "font-weight": "500",
+              "font-size": "14px",
+              width: "fit-content",
+              tablet: {
+                "font-size": "13px",
+                "padding-top": "6px",
+                "padding-bottom": "6px",
+                "padding-left": "12px",
+                "padding-right": "12px",
+              },
+              mobile: {
+                "font-size": "12px",
+                filter: "none",
+                "padding-left": "2xs",
+                "padding-right": "2xs",
+                "padding-top": "4xs",
+                "padding-bottom": "4xs",
+              },
+              filter: "none",
+            },
+            separator: {
+              width: "100%",
+              height: "1px",
+              "background-color": "var(--color-border)",
+              filter: "none",
+            },
+          },
+          {
+            service_item: {
+              display: "flex",
+              "align-items": "center",
+              "column-gap": "24px",
+              "padding-top": "32px",
+              "padding-bottom": "32px",
+              tablet: {
+                "column-gap": "16px",
+                "padding-top": "24px",
+                "padding-bottom": "24px",
+              },
+              mobile: {
+                "flex-direction": "row",
+                "row-gap": "16px",
+                "padding-top": "20px",
+                "padding-bottom": "20px",
+                filter: "none",
+              },
+              filter: "none",
+              "justify-content": "space-between",
+            },
+            number_wrapper: {
+              "font-size": "18px",
+              "font-weight": "600",
+              color: "text-1",
+              tablet: {
+                "font-size": "16px",
+              },
+              mobile: {
+                "font-size": "14px",
+              },
+              filter: "none",
+            },
+            number: {
+              "font-size": "18px",
+              "font-weight": "600",
+              color: "text-1",
+              tablet: {
+                "font-size": "16px",
+              },
+              mobile: {
+                "font-size": "sm",
+                filter: "none",
+                width: "fit-content",
+              },
+              filter: "none",
+            },
+            content_wrapper: {
+              "flex-grow": "1",
+              display: "flex",
+              "flex-direction": "row",
+              "row-gap": "12px",
+              filter: "none",
+              "justify-content": "space-between",
+            },
+            service_title: {
+              "font-size": "24px",
+              "font-weight": "600",
+              color: "text-1",
+              "margin-bottom": "none",
+              tablet: {
+                "font-size": "20px",
+              },
+              mobile: {
+                "font-size": "sm",
+                filter: "none",
+              },
+            },
+            service_description: {
+              "font-size": "16px",
+              color: "text-2",
+              "line-height": "1.6",
+              tablet: {
+                "font-size": "14px",
+              },
+              mobile: {
+                "font-size": "14px",
+              },
+              filter: "none",
+              display: "none",
+            },
+            cta: {
+              "background-color": "transparent",
+              color: "brand",
+              "border-color": "brand",
+              "border-width": "1px",
+              "border-style": "solid",
+              "padding-top": "8px",
+              "padding-bottom": "8px",
+              "padding-left": "16px",
+              "padding-right": "16px",
+              "border-radius": "3xl",
+              "font-weight": "500",
+              "font-size": "14px",
+              width: "fit-content",
+              tablet: {
+                "font-size": "13px",
+                "padding-top": "6px",
+                "padding-bottom": "6px",
+                "padding-left": "12px",
+                "padding-right": "12px",
+              },
+              mobile: {
+                "font-size": "12px",
+                filter: "none",
+                "padding-left": "2xs",
+                "padding-right": "2xs",
+                "padding-top": "4xs",
+                "padding-bottom": "4xs",
+              },
+              filter: "none",
+            },
+            separator: {
+              width: "100%",
+              height: "1px",
+              "background-color": "var(--color-border)",
+              filter: "none",
+            },
+          },
+          {
+            service_item: {
+              display: "flex",
+              "align-items": "center",
+              "column-gap": "24px",
+              "padding-top": "32px",
+              "padding-bottom": "32px",
+              tablet: {
+                "column-gap": "16px",
+                "padding-top": "24px",
+                "padding-bottom": "24px",
+                filter: "none",
+              },
+              mobile: {
+                "flex-direction": "row",
+                "row-gap": "16px",
+                "padding-top": "20px",
+                "padding-bottom": "20px",
+                filter: "none",
+              },
+              filter: "none",
+              "justify-content": "space-between",
+            },
+            number_wrapper: {
+              "flex-shrink": "0",
+              tablet: {
+                width: "40px",
+                height: "40px",
+              },
+              mobile: {
+                width: "auto",
+                height: "auto",
+                filter: "none",
+              },
+              filter: "none",
+            },
+            number: {
+              "font-size": "18px",
+              "font-weight": "600",
+              color: "text-1",
+              tablet: {
+                "font-size": "16px",
+              },
+              mobile: {
+                "font-size": "sm",
+                filter: "none",
+                width: "fit-content",
+              },
+              filter: "none",
+            },
+            content_wrapper: {
+              "flex-grow": "1",
+              display: "flex",
+              "flex-direction": "row",
+              "row-gap": "12px",
+              filter: "none",
+              "justify-content": "space-between",
+            },
+            service_title: {
+              "font-size": "24px",
+              "font-weight": "600",
+              color: "text-1",
+              "margin-bottom": "none",
+              tablet: {
+                "font-size": "20px",
+              },
+              mobile: {
+                "font-size": "sm",
+                filter: "none",
+                width: "max-content",
+              },
+            },
+            service_description: {
+              "font-size": "16px",
+              color: "text-2",
+              "line-height": "1.6",
+              tablet: {
+                "font-size": "14px",
+              },
+              mobile: {
+                "font-size": "14px",
+              },
+              filter: "none",
+              display: "none",
+            },
+            cta: {
+              "background-color": "transparent",
+              color: "brand",
+              "border-color": "brand",
+              "border-width": "1px",
+              "border-style": "solid",
+              "padding-top": "8px",
+              "padding-bottom": "8px",
+              "padding-left": "16px",
+              "padding-right": "16px",
+              "border-radius": "3xl",
+              "font-weight": "500",
+              "font-size": "14px",
+              width: "fit-content",
+              tablet: {
+                "font-size": "13px",
+                "padding-top": "6px",
+                "padding-bottom": "6px",
+                "padding-left": "12px",
+                "padding-right": "12px",
+              },
+              mobile: {
+                "font-size": "12px",
+                filter: "none",
+                "padding-left": "2xs",
+                "padding-right": "2xs",
+                "padding-top": "4xs",
+                "padding-bottom": "4xs",
+              },
+              filter: "none",
+            },
+            separator: {
+              width: "100%",
+              height: "1px",
+              "background-color": "border",
+              filter: "none",
+              display: "none",
+            },
+          },
+        ],
+      },
+      content: DEFAULT_CONTENT,
+      config: {},
+    },
+  ],
+};