@levo-so/blocks 0.1.2 → 0.1.52

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

@@ -0,0 +1,723 @@
+import type { IBlock } from "@levo-so/studio";
+
+const DEFAULT_CONTENT = {
+  layout: null,
+  container: null,
+  header_wrapper: null,
+  title: "Our Service",
+  view_all_cta: "View All Service",
+  services_levoGroup: null,
+  services: [
+    {
+      service_item: null,
+      left_container: null,
+      service_title: "Custom Building Construction",
+      right_container: null,
+      service_image: {
+        id: "SvIIPsj3b09UT",
+        filename: "image.png",
+        kind: "image",
+        location:
+          "https://static.levostg.online/W6OEVMW8/image-lDiIjGwQ4GWFG.png",
+        srcset: {
+          "1080w":
+            "https://static.levostg.online/W6OEVMW8/image-lDiIjGwQ4GWFG-1080w.webp",
+          "1200w":
+            "https://static.levostg.online/W6OEVMW8/image-lDiIjGwQ4GWFG-1200w.webp",
+          "1920w":
+            "https://static.levostg.online/W6OEVMW8/image-lDiIjGwQ4GWFG-1920w.webp",
+          "320w":
+            "https://static.levostg.online/W6OEVMW8/image-lDiIjGwQ4GWFG-320w.webp",
+          "640w":
+            "https://static.levostg.online/W6OEVMW8/image-lDiIjGwQ4GWFG-640w.webp",
+          "750w":
+            "https://static.levostg.online/W6OEVMW8/image-lDiIjGwQ4GWFG-750w.webp",
+          "828w":
+            "https://static.levostg.online/W6OEVMW8/image-lDiIjGwQ4GWFG-828w.webp",
+          path: "https://static.levostg.online/W6OEVMW8/image-lDiIjGwQ4GWFG-1200w.webp 1200w, https://static.levostg.online/W6OEVMW8/image-lDiIjGwQ4GWFG-1080w.webp 1080w, https://static.levostg.online/W6OEVMW8/image-lDiIjGwQ4GWFG-1920w.webp 1920w, https://static.levostg.online/W6OEVMW8/image-lDiIjGwQ4GWFG-320w.webp 320w, https://static.levostg.online/W6OEVMW8/image-lDiIjGwQ4GWFG-640w.webp 640w, https://static.levostg.online/W6OEVMW8/image-lDiIjGwQ4GWFG-750w.webp 750w, https://static.levostg.online/W6OEVMW8/image-lDiIjGwQ4GWFG-828w.webp 828w",
+        },
+        mimetype: "image/png",
+      },
+      content_wrapper: null,
+      service_description:
+        "We specialize in building fully customized homes designed around your vision. we ensure every detail—from foundation to finishing—matches your expectations.",
+      cta: "Know More",
+    },
+    {
+      service_item: null,
+      left_container: null,
+      service_title: "Architectural & Interior Design",
+      right_container: null,
+      service_image: {
+        id: "c2urgaN7YZU01",
+        filename: "image.png",
+        kind: "image",
+        location:
+          "https://static.levostg.online/W6OEVMW8/image-UpLACWhcJGNFc.png",
+        srcset: {
+          "1080w":
+            "https://static.levostg.online/W6OEVMW8/image-UpLACWhcJGNFc-1080w.webp",
+          "1200w":
+            "https://static.levostg.online/W6OEVMW8/image-UpLACWhcJGNFc-1200w.webp",
+          "1920w":
+            "https://static.levostg.online/W6OEVMW8/image-UpLACWhcJGNFc-1920w.webp",
+          "320w":
+            "https://static.levostg.online/W6OEVMW8/image-UpLACWhcJGNFc-320w.webp",
+          "640w":
+            "https://static.levostg.online/W6OEVMW8/image-UpLACWhcJGNFc-640w.webp",
+          "750w":
+            "https://static.levostg.online/W6OEVMW8/image-UpLACWhcJGNFc-750w.webp",
+          "828w":
+            "https://static.levostg.online/W6OEVMW8/image-UpLACWhcJGNFc-828w.webp",
+          path: "https://static.levostg.online/W6OEVMW8/image-UpLACWhcJGNFc-750w.webp 750w, https://static.levostg.online/W6OEVMW8/image-UpLACWhcJGNFc-828w.webp 828w, https://static.levostg.online/W6OEVMW8/image-UpLACWhcJGNFc-1080w.webp 1080w, https://static.levostg.online/W6OEVMW8/image-UpLACWhcJGNFc-1200w.webp 1200w, https://static.levostg.online/W6OEVMW8/image-UpLACWhcJGNFc-1920w.webp 1920w, https://static.levostg.online/W6OEVMW8/image-UpLACWhcJGNFc-320w.webp 320w, https://static.levostg.online/W6OEVMW8/image-UpLACWhcJGNFc-640w.webp 640w",
+        },
+        mimetype: "image/png",
+      },
+      content_wrapper: null,
+      service_description:
+        "Beautiful, functional, and personalized designs that bring style and comfort.",
+      cta: "Know More",
+    },
+    {
+      service_item: null,
+      left_container: null,
+      service_title: "Renovation & Remodeling",
+      right_container: null,
+      service_image: {
+        id: "YhEb2TcfUXHCh",
+        filename: "image.png",
+        kind: "image",
+        location:
+          "https://static.levostg.online/W6OEVMW8/image-BwjC6oi53g2q5.png",
+        srcset: {
+          "1080w":
+            "https://static.levostg.online/W6OEVMW8/image-BwjC6oi53g2q5-1080w.webp",
+          "1200w":
+            "https://static.levostg.online/W6OEVMW8/image-BwjC6oi53g2q5-1200w.webp",
+          "1920w":
+            "https://static.levostg.online/W6OEVMW8/image-BwjC6oi53g2q5-1920w.webp",
+          "320w":
+            "https://static.levostg.online/W6OEVMW8/image-BwjC6oi53g2q5-320w.webp",
+          "640w":
+            "https://static.levostg.online/W6OEVMW8/image-BwjC6oi53g2q5-640w.webp",
+          "750w":
+            "https://static.levostg.online/W6OEVMW8/image-BwjC6oi53g2q5-750w.webp",
+          "828w":
+            "https://static.levostg.online/W6OEVMW8/image-BwjC6oi53g2q5-828w.webp",
+          path: "https://static.levostg.online/W6OEVMW8/image-BwjC6oi53g2q5-320w.webp 320w, https://static.levostg.online/W6OEVMW8/image-BwjC6oi53g2q5-640w.webp 640w, https://static.levostg.online/W6OEVMW8/image-BwjC6oi53g2q5-828w.webp 828w, https://static.levostg.online/W6OEVMW8/image-BwjC6oi53g2q5-750w.webp 750w, https://static.levostg.online/W6OEVMW8/image-BwjC6oi53g2q5-1080w.webp 1080w, https://static.levostg.online/W6OEVMW8/image-BwjC6oi53g2q5-1200w.webp 1200w, https://static.levostg.online/W6OEVMW8/image-BwjC6oi53g2q5-1920w.webp 1920w",
+        },
+        mimetype: "image/png",
+      },
+      content_wrapper: null,
+      service_description:
+        "Upgrade, expand, or redesign your existing space with smart solutions that blend durability.",
+      cta: "Know More",
+    },
+    {
+      service_item: null,
+      left_container: null,
+      service_title: "Project Planning & Management",
+      right_container: null,
+      service_image: {
+        id: "fF90dWpXMZ44R",
+        filename: "image.png",
+        kind: "image",
+        location:
+          "https://static.levostg.online/W6OEVMW8/image-DNPa4s1dOY8Wn.png",
+        srcset: {
+          "1080w":
+            "https://static.levostg.online/W6OEVMW8/image-DNPa4s1dOY8Wn-1080w.webp",
+          "1200w":
+            "https://static.levostg.online/W6OEVMW8/image-DNPa4s1dOY8Wn-1200w.webp",
+          "1920w":
+            "https://static.levostg.online/W6OEVMW8/image-DNPa4s1dOY8Wn-1920w.webp",
+          "320w":
+            "https://static.levostg.online/W6OEVMW8/image-DNPa4s1dOY8Wn-320w.webp",
+          "640w":
+            "https://static.levostg.online/W6OEVMW8/image-DNPa4s1dOY8Wn-640w.webp",
+          "750w":
+            "https://static.levostg.online/W6OEVMW8/image-DNPa4s1dOY8Wn-750w.webp",
+          "828w":
+            "https://static.levostg.online/W6OEVMW8/image-DNPa4s1dOY8Wn-828w.webp",
+          path: "https://static.levostg.online/W6OEVMW8/image-DNPa4s1dOY8Wn-1200w.webp 1200w, https://static.levostg.online/W6OEVMW8/image-DNPa4s1dOY8Wn-1080w.webp 1080w, https://static.levostg.online/W6OEVMW8/image-DNPa4s1dOY8Wn-1920w.webp 1920w, https://static.levostg.online/W6OEVMW8/image-DNPa4s1dOY8Wn-320w.webp 320w, https://static.levostg.online/W6OEVMW8/image-DNPa4s1dOY8Wn-640w.webp 640w, https://static.levostg.online/W6OEVMW8/image-DNPa4s1dOY8Wn-828w.webp 828w, https://static.levostg.online/W6OEVMW8/image-DNPa4s1dOY8Wn-750w.webp 750w",
+        },
+        mimetype: "image/png",
+      },
+      content_wrapper: null,
+      service_description:
+        "Seamless execution with clear timelines, cost transparency, and expert supervision.",
+      cta: "Know More",
+    },
+  ],
+  view_all_cta_rightIcon: {
+    kind: "icon",
+    data: {
+      id: "arrow-right-1",
+      label: "Arrow Right 1",
+      tags: ["arrow", "custom", "directional", "right"],
+      svgCode:
+        '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M14.4301 18.82C14.2401 18.82 14.0501 18.75 13.9001 18.6C13.6101 18.31 13.6101 17.83 13.9001 17.54L19.4401 12L13.9001 6.46C13.6101 6.17 13.6101 5.69 13.9001 5.4C14.1901 5.11 14.6701 5.11 14.9601 5.4L21.0301 11.47C21.3201 11.76 21.3201 12.24 21.0301 12.53L14.9601 18.6C14.8101 18.75 14.6201 18.82 14.4301 18.82Z" fill="currentColor"/>\n<path d="M20.33 12.75H3.5C3.09 12.75 2.75 12.41 2.75 12C2.75 11.59 3.09 11.25 3.5 11.25H20.33C20.74 11.25 21.08 11.59 21.08 12C21.08 12.41 20.74 12.75 20.33 12.75Z" fill="currentColor"/>\n</svg>',
+    },
+  },
+};
+
+export type IContent7Content = typeof DEFAULT_CONTENT;
+
+export const Content7: IBlock = {
+  category_id: "content",
+  title: "Content 7",
+  key: "content-7",
+  version: "v1",
+  prompt_description:
+    "Services showcase block with header title and CTA, featuring a two-column layout with service titles on the left and images with descriptions and CTAs on the right",
+
+  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: "view_all_cta",
+      label: "View All CTA",
+      field_interface: "ButtonWidget",
+    },
+    {
+      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: "left_container",
+          label: "Left Container",
+          field_interface: "BoxWidget",
+        },
+        {
+          key: "service_title",
+          label: "Service Title",
+          field_interface: "HeadingWidget",
+        },
+        {
+          key: "right_container",
+          label: "Right Container",
+          field_interface: "BoxWidget",
+        },
+        {
+          key: "service_image",
+          label: "Service Image",
+          field_interface: "ImageWidget",
+        },
+        {
+          key: "content_wrapper",
+          label: "Content Wrapper",
+          field_interface: "BoxWidget",
+        },
+        {
+          key: "service_description",
+          label: "Service Description",
+          field_interface: "TypographyWidget",
+        },
+        {
+          key: "cta",
+          label: "CTA Button",
+          field_interface: "ButtonWidget",
+        },
+      ],
+    },
+  ],
+  layouts: [
+    {
+      key: "default",
+      title: "Default",
+      styles: {
+        layout: {
+          "background-color": "var(--color-background-secondary)",
+          "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",
+          },
+        },
+        container: {
+          "max-width": "1280px",
+          "margin-left": "auto",
+          "margin-right": "auto",
+        },
+        header_wrapper: {
+          display: "flex",
+          "justify-content": "space-between",
+          "align-items": "center",
+          "margin-bottom": "48px",
+          tablet: {
+            "flex-direction": "column",
+            "align-items": "flex-start",
+            "row-gap": "16px",
+            "margin-bottom": "32px",
+          },
+          mobile: {
+            "margin-bottom": "24px",
+          },
+        },
+        title: {},
+        view_all_cta: {
+          display: "flex",
+          "column-gap": "xs",
+        },
+        services_levoGroup: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "none",
+        },
+        services: [
+          {
+            service_item: {
+              display: "flex",
+              "align-items": "center",
+              "column-gap": "48px",
+              "padding-top": "32px",
+              "padding-bottom": "32px",
+              "border-bottom": "1px solid var(--color-border)",
+              tablet: {
+                "column-gap": "24px",
+                "padding-top": "24px",
+                "padding-bottom": "24px",
+              },
+              mobile: {
+                "flex-direction": "column",
+                "align-items": "flex-start",
+                "row-gap": "16px",
+                "column-gap": "none",
+                "padding-top": "20px",
+                "padding-bottom": "20px",
+              },
+            },
+            left_container: {
+              "flex-shrink": "0",
+              width: "40%",
+              tablet: {
+                width: "250px",
+              },
+              mobile: {
+                width: "100%",
+              },
+            },
+            service_title: {
+              "font-size": "24px",
+              "font-weight": "600",
+              color: "text-1",
+              "line-height": "1.3",
+              tablet: {
+                "font-size": "20px",
+              },
+              mobile: {
+                "font-size": "18px",
+              },
+            },
+            right_container: {
+              "flex-grow": "1",
+              display: "flex",
+              "align-items": "center",
+              "column-gap": "24px",
+              tablet: {
+                "column-gap": "16px",
+              },
+              mobile: {
+                "flex-direction": "column",
+                "align-items": "flex-start",
+                "row-gap": "16px",
+                "column-gap": "none",
+                width: "100%",
+              },
+              width: "60%",
+            },
+            service_image: {
+              "flex-shrink": "0",
+              width: "250px",
+              height: "200px",
+              "border-radius": "8px",
+              "object-fit": "cover",
+              tablet: {
+                width: "100px",
+                height: "70px",
+              },
+              mobile: {
+                width: "100%",
+                height: "200px",
+              },
+            },
+            content_wrapper: {
+              "flex-grow": "1",
+              display: "flex",
+              "flex-direction": "column",
+              "row-gap": "16px",
+            },
+            service_description: {
+              "font-size": "16px",
+              color: "text-2",
+              "line-height": "1.6",
+              tablet: {
+                "font-size": "14px",
+              },
+              mobile: {
+                "font-size": "14px",
+              },
+            },
+            cta: {
+              width: "fit-content",
+            },
+          },
+          {
+            service_item: {
+              display: "flex",
+              "align-items": "center",
+              "column-gap": "48px",
+              "padding-top": "32px",
+              "padding-bottom": "32px",
+              "border-bottom": "1px solid var(--color-border)",
+              tablet: {
+                "column-gap": "24px",
+                "padding-top": "24px",
+                "padding-bottom": "24px",
+              },
+              mobile: {
+                "flex-direction": "column",
+                "align-items": "flex-start",
+                "row-gap": "16px",
+                "column-gap": "none",
+                "padding-top": "20px",
+                "padding-bottom": "20px",
+              },
+            },
+            left_container: {
+              "flex-shrink": "0",
+              width: "40%",
+              tablet: {
+                width: "250px",
+              },
+              mobile: {
+                width: "100%",
+              },
+            },
+            service_title: {
+              "font-size": "24px",
+              "font-weight": "600",
+              color: "text-1",
+              "line-height": "1.3",
+              tablet: {
+                "font-size": "20px",
+              },
+              mobile: {
+                "font-size": "18px",
+              },
+            },
+            right_container: {
+              "flex-grow": "1",
+              display: "flex",
+              "align-items": "center",
+              "column-gap": "24px",
+              tablet: {
+                "column-gap": "16px",
+              },
+              mobile: {
+                "flex-direction": "column",
+                "align-items": "flex-start",
+                "row-gap": "16px",
+                "column-gap": "none",
+                width: "100%",
+              },
+              width: "60%",
+            },
+            service_image: {
+              "flex-shrink": "0",
+              width: "250px",
+              height: "200px",
+              "border-radius": "8px",
+              "object-fit": "cover",
+              tablet: {
+                width: "100px",
+                height: "70px",
+              },
+              mobile: {
+                width: "100%",
+                height: "200px",
+              },
+            },
+            content_wrapper: {
+              "flex-grow": "1",
+              display: "flex",
+              "flex-direction": "column",
+              "row-gap": "16px",
+            },
+            service_description: {
+              "font-size": "16px",
+              color: "text-2",
+              "line-height": "1.6",
+              tablet: {
+                "font-size": "14px",
+              },
+              mobile: {
+                "font-size": "14px",
+              },
+            },
+            cta: {
+              width: "fit-content",
+            },
+          },
+          {
+            service_item: {
+              display: "flex",
+              "align-items": "center",
+              "column-gap": "48px",
+              "padding-top": "32px",
+              "padding-bottom": "32px",
+              "border-bottom": "1px solid var(--color-border)",
+              tablet: {
+                "column-gap": "24px",
+                "padding-top": "24px",
+                "padding-bottom": "24px",
+              },
+              mobile: {
+                "flex-direction": "column",
+                "align-items": "flex-start",
+                "row-gap": "16px",
+                "column-gap": "none",
+                "padding-top": "20px",
+                "padding-bottom": "20px",
+              },
+            },
+            left_container: {
+              "flex-shrink": "0",
+              width: "40%",
+              tablet: {
+                width: "250px",
+              },
+              mobile: {
+                width: "100%",
+              },
+            },
+            service_title: {
+              "font-size": "24px",
+              "font-weight": "600",
+              color: "text-1",
+              "line-height": "1.3",
+              tablet: {
+                "font-size": "20px",
+              },
+              mobile: {
+                "font-size": "18px",
+              },
+            },
+            right_container: {
+              "flex-grow": "1",
+              display: "flex",
+              "align-items": "center",
+              "column-gap": "24px",
+              tablet: {
+                "column-gap": "16px",
+              },
+              mobile: {
+                "flex-direction": "column",
+                "align-items": "flex-start",
+                "row-gap": "16px",
+                "column-gap": "none",
+                width: "100%",
+              },
+              width: "60%",
+            },
+            service_image: {
+              "flex-shrink": "0",
+              width: "250px",
+              height: "200px",
+              "border-radius": "8px",
+              "object-fit": "cover",
+              tablet: {
+                width: "100px",
+                height: "70px",
+              },
+              mobile: {
+                width: "100%",
+                height: "200px",
+              },
+            },
+            content_wrapper: {
+              "flex-grow": "1",
+              display: "flex",
+              "flex-direction": "column",
+              "row-gap": "16px",
+            },
+            service_description: {
+              "font-size": "16px",
+              color: "text-2",
+              "line-height": "1.6",
+              tablet: {
+                "font-size": "14px",
+              },
+              mobile: {
+                "font-size": "14px",
+              },
+            },
+            cta: {
+              width: "fit-content",
+            },
+          },
+          {
+            service_item: {
+              display: "flex",
+              "align-items": "center",
+              "column-gap": "48px",
+              "padding-top": "32px",
+              "padding-bottom": "32px",
+              tablet: {
+                "column-gap": "24px",
+                "padding-top": "24px",
+                "padding-bottom": "24px",
+              },
+              mobile: {
+                "flex-direction": "column",
+                "align-items": "flex-start",
+                "row-gap": "16px",
+                "column-gap": "none",
+                "padding-top": "20px",
+                "padding-bottom": "20px",
+              },
+            },
+            left_container: {
+              "flex-shrink": "0",
+              width: "40%",
+              tablet: {
+                width: "250px",
+              },
+              mobile: {
+                width: "100%",
+              },
+            },
+            service_title: {
+              "font-size": "24px",
+              "font-weight": "600",
+              color: "text-1",
+              "line-height": "1.3",
+              tablet: {
+                "font-size": "20px",
+              },
+              mobile: {
+                "font-size": "18px",
+              },
+            },
+            right_container: {
+              "flex-grow": "1",
+              display: "flex",
+              "align-items": "center",
+              "column-gap": "24px",
+              tablet: {
+                "column-gap": "16px",
+              },
+              mobile: {
+                "flex-direction": "column",
+                "align-items": "flex-start",
+                "row-gap": "16px",
+                "column-gap": "none",
+                width: "100%",
+              },
+              width: "60%",
+            },
+            service_image: {
+              "flex-shrink": "0",
+              width: "250px",
+              height: "200px",
+              "border-radius": "8px",
+              "object-fit": "cover",
+              tablet: {
+                width: "100px",
+                height: "70px",
+              },
+              mobile: {
+                width: "100%",
+                height: "200px",
+              },
+            },
+            content_wrapper: {
+              "flex-grow": "1",
+              display: "flex",
+              "flex-direction": "column",
+              "row-gap": "16px",
+            },
+            service_description: {
+              "font-size": "16px",
+              color: "text-2",
+              "line-height": "1.6",
+              tablet: {
+                "font-size": "14px",
+              },
+              mobile: {
+                "font-size": "14px",
+              },
+            },
+            cta: {
+              width: "fit-content",
+            },
+          },
+        ],
+        view_all_cta_rightIcon: {
+          height: "22px",
+          width: "22px",
+          "font-size": "22px",
+        },
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        title: {
+          selectedVariants: {
+            Heading_Level: "H2",
+          },
+        },
+        view_all_cta: {
+          selectedVariants: {
+            Button_Variants: "Ghost",
+          },
+          button_icons: {
+            right: {
+              enabled: true,
+            },
+          },
+        },
+      },
+    },
+  ],
+};