@levo-so/blocks 0.1.54 → 0.1.59

package/src/blocks/tabs/tab-2.schema.ts

@@ -0,0 +1,767 @@
+import type { IBlock } from "@levo-so/studio";
+
+const DEFAULT_CONTENT = {
+  layout: null,
+  container: null,
+  main_content_wrapper: null,
+  left_container: null,
+  right_container: null,
+  title: "Industries We Serve",
+  tabs_levoGroup: null,
+  tabs_tabList: null,
+  tabs: [
+    {
+      TabsTrigger: "Cement Industry",
+      tab_content: null,
+      card_wrapper: null,
+      card_title: "Cement Industry",
+      card_description:
+        "Robust conveyors engineered for heavy-duty cement handling, ensuring seamless material flow from raw mix to final dispatch.",
+      card_cta: "Know More",
+    },
+    {
+      TabsTrigger: "Food Industry",
+      tab_content: null,
+      card_wrapper: null,
+      card_title: "Food Industry",
+      card_description:
+        "Hygienic conveyor systems designed for food-grade applications, maintaining quality and safety standards throughout the process.",
+      card_cta: "Know More",
+    },
+    {
+      TabsTrigger: "Insulation Industry",
+      tab_content: null,
+      card_wrapper: null,
+      card_title: "Insulation Industry",
+      card_description:
+        "Specialized conveyor solutions for handling insulation materials with precision and care, optimized for lightweight materials.",
+      card_cta: "Know More",
+    },
+    {
+      TabsTrigger: "Steel & Sponge Industry",
+      tab_content: null,
+      card_wrapper: null,
+      card_title: "Steel & Sponge Industry",
+      card_description:
+        "Heavy-duty conveyor systems built to withstand extreme conditions in steel manufacturing and sponge iron production.",
+      card_cta: "Know More",
+    },
+    {
+      TabsTrigger: "Power Industry",
+      tab_content: null,
+      card_wrapper: null,
+      card_title: "Power Industry",
+      card_description:
+        "Reliable conveyor solutions for power plants, handling coal, ash, and other materials with maximum efficiency.",
+      card_cta: "Know More",
+    },
+    {
+      TabsTrigger: "General Engineering",
+      tab_content: null,
+      card_wrapper: null,
+      card_title: "General Engineering",
+      card_description:
+        "Versatile conveyor systems adaptable to various engineering applications, providing flexible solutions for diverse needs.",
+      card_cta: "Know More",
+    },
+  ],
+};
+
+export type ITab2Content = typeof DEFAULT_CONTENT;
+
+export const Tab2: IBlock = {
+  category_id: "tabs",
+  title: "Tab 2",
+  key: "tab-2",
+  version: "v1",
+  prompt_description:
+    "Tabbed section with vertical tabs on left and card content on right showing title, description and CTA",
+  content_schema: [
+    {
+      key: "layout",
+      label: "Layout",
+      field_interface: "LayoutWidget",
+    },
+    {
+      key: "container",
+      label: "Container",
+      field_interface: "ContainerWidget",
+    },
+    {
+      key: "main_content_wrapper",
+      label: "Main Content Wrapper",
+      field_interface: "BoxWidget",
+    },
+    {
+      key: "left_container",
+      label: "Left Container",
+      field_interface: "BoxWidget",
+    },
+    {
+      key: "title",
+      label: "Title",
+      field_interface: "HeadingWidget",
+    },
+    {
+      key: "tabs_levoGroup",
+      label: "Tabs Group",
+      field_interface: "BoxWidget",
+    },
+    {
+      key: "tabs_tabList",
+      label: "Tabs List",
+      field_interface: "TabsListWidget",
+    },
+    {
+      key: "right_container",
+      label: "Right Container",
+      field_interface: "BoxWidget",
+    },
+    {
+      key: "tabs",
+      label: "Tabs",
+      kind: "group",
+      field_interface: "BoxWidget",
+      fields: [
+        {
+          key: "TabsTrigger",
+          label: "Tab Label",
+          field_interface: "TabsTriggerWidget",
+        },
+        {
+          key: "tab_content",
+          label: "Tab Content",
+          field_interface: "TabsContentWidget",
+        },
+        {
+          key: "card_wrapper",
+          label: "Card Wrapper",
+          field_interface: "BoxWidget",
+        },
+        {
+          key: "card_title",
+          label: "Card Title",
+          field_interface: "HeadingWidget",
+        },
+        {
+          key: "card_description",
+          label: "Card Description",
+          field_interface: "TypographyWidget",
+        },
+        {
+          key: "card_cta",
+          label: "Card CTA",
+          field_interface: "ButtonWidget",
+        },
+      ],
+    },
+  ],
+  layouts: [
+    {
+      key: "default",
+      title: "Default",
+      styles: {
+        layout: {
+          "padding-top": "10xl",
+          "padding-bottom": "10xl",
+        },
+        container: {
+          "max-width": "1280px",
+          "margin-left": "auto",
+          "margin-right": "auto",
+        },
+        main_content_wrapper: {
+          display: "flex",
+          tablet: {
+            "flex-direction": "column",
+          },
+          mobile: {
+            "flex-direction": "column",
+          },
+        },
+        left_container: {
+          "padding-top": "10xl",
+          "padding-bottom": "10xl",
+          display: "flex",
+          "flex-direction": "column",
+          "justify-content": "start",
+          "align-items": "center",
+          "min-height": "600px",
+          "background-color": "gray",
+          "background-size": "cover",
+          width: "50%",
+          "padding-left": "2xl",
+          "padding-right": "2xl",
+          tablet: {
+            width: "auto",
+            height: "100%",
+            "min-height": "auto",
+            "justify-content": "start",
+            "align-items": "center",
+            "padding-bottom": "20xl",
+          },
+          mobile: {
+            "padding-bottom": "24xl",
+          },
+        },
+        title: {
+          "font-size": "36px",
+          "font-weight": "700",
+          color: "text-1",
+          "line-height": "1.2",
+          tablet: {
+            "font-size": "32px",
+            "text-align": "center",
+          },
+          mobile: {
+            "font-size": "28px",
+          },
+        },
+        tabs_levoGroup: {},
+        tabs_tabList: {
+          display: "flex",
+          "flex-wrap": "wrap",
+          "column-gap": "md",
+          "row-gap": "base",
+          "margin-top": "5xl",
+          tablet: {
+            display: "grid",
+            "grid-template-columns": "repeat(2, minmax(0, 1fr))",
+          },
+          mobile: {
+            display: "grid",
+            "grid-template-columns": "repeat(1, minmax(0, 1fr))",
+          },
+          "background-color": "transparent",
+        },
+        right_container: {
+          flex: "1",
+          "min-height": "600px",
+          "background-color": "lightGray",
+          display: "flex",
+          "justify-content": "center",
+          "align-items": "center",
+          "padding-left": "5xl",
+          "padding-right": "5xl",
+          mobile: {
+            "padding-left": "xl",
+            "padding-right": "xl",
+            "min-height": "auto",
+          },
+          tablet: {
+            "min-height": "auto",
+            "padding-top": "10xl",
+            "padding-bottom": "10xl",
+          },
+        },
+        tabs: [
+          {
+            TabsTrigger: {
+              width: "30%",
+              "background-color": "white",
+              "padding-left": "md",
+              "padding-right": "md",
+              "padding-top": "xs",
+              "padding-bottom": "xs",
+              "border-radius": "3xl",
+              "font-size": "16px",
+              tablet: {
+                width: "auto",
+              },
+            },
+            tab_content: {
+              width: "100%",
+            },
+            card_wrapper: {
+              "background-color": "white",
+              "border-radius": "2xl",
+              "padding-top": "32px",
+              "padding-bottom": "32px",
+              "padding-left": "32px",
+              "padding-right": "32px",
+              "box-shadow":
+                "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
+              tablet: {
+                "padding-top": "24px",
+                "padding-bottom": "24px",
+                "padding-left": "24px",
+                "padding-right": "24px",
+              },
+            },
+            card_title: {
+              "font-size": "24px",
+              "font-weight": "700",
+              color: "text-1",
+              "margin-bottom": "16px",
+              "line-height": "1.3",
+              tablet: {
+                "font-size": "20px",
+              },
+            },
+            card_description: {
+              "font-size": "16px",
+              "line-height": "1.6",
+              color: "text-2",
+              "margin-bottom": "24px",
+              tablet: {
+                "font-size": "14px",
+              },
+            },
+            card_cta: {
+              "padding-top": "12px",
+              "padding-bottom": "12px",
+              "padding-left": "24px",
+              "padding-right": "24px",
+              "border-radius": "lg",
+              "background-color": "primary",
+              color: "white",
+              "font-weight": "600",
+              "font-size": "14px",
+              display: "inline-flex",
+              "align-items": "center",
+              "column-gap": "8px",
+              "transition-property": "all",
+              "transition-duration": "200ms",
+              "&:hover": {
+                "background-color": "primary-dark",
+              },
+            },
+          },
+          {
+            TabsTrigger: {
+              width: "30%",
+              "background-color": "white",
+              "padding-left": "md",
+              "padding-right": "md",
+              "padding-top": "xs",
+              "padding-bottom": "xs",
+              "border-radius": "3xl",
+              "font-size": "16px",
+              tablet: {
+                width: "auto",
+              },
+            },
+            tab_content: {
+              width: "100%",
+            },
+            card_wrapper: {
+              "background-color": "white",
+              "border-radius": "2xl",
+              "padding-top": "32px",
+              "padding-bottom": "32px",
+              "padding-left": "32px",
+              "padding-right": "32px",
+              "box-shadow":
+                "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
+              tablet: {
+                "padding-top": "24px",
+                "padding-bottom": "24px",
+                "padding-left": "24px",
+                "padding-right": "24px",
+              },
+            },
+            card_title: {
+              "font-size": "24px",
+              "font-weight": "700",
+              color: "text-1",
+              "margin-bottom": "16px",
+              "line-height": "1.3",
+              tablet: {
+                "font-size": "20px",
+              },
+            },
+            card_description: {
+              "font-size": "16px",
+              "line-height": "1.6",
+              color: "text-2",
+              "margin-bottom": "24px",
+              tablet: {
+                "font-size": "14px",
+              },
+            },
+            card_cta: {
+              "padding-top": "12px",
+              "padding-bottom": "12px",
+              "padding-left": "24px",
+              "padding-right": "24px",
+              "border-radius": "lg",
+              "background-color": "primary",
+              color: "white",
+              "font-weight": "600",
+              "font-size": "14px",
+              display: "inline-flex",
+              "align-items": "center",
+              "column-gap": "8px",
+              "transition-property": "all",
+              "transition-duration": "200ms",
+              "&:hover": {
+                "background-color": "primary-dark",
+              },
+            },
+          },
+          {
+            TabsTrigger: {
+              width: "30%",
+              "background-color": "white",
+              "padding-left": "md",
+              "padding-right": "md",
+              "padding-top": "xs",
+              "padding-bottom": "xs",
+              "border-radius": "3xl",
+              "font-size": "16px",
+              tablet: {
+                width: "auto",
+              },
+            },
+            tab_content: {
+              width: "100%",
+            },
+            card_wrapper: {
+              "background-color": "white",
+              "border-radius": "2xl",
+              "padding-top": "32px",
+              "padding-bottom": "32px",
+              "padding-left": "32px",
+              "padding-right": "32px",
+              "box-shadow":
+                "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
+              tablet: {
+                "padding-top": "24px",
+                "padding-bottom": "24px",
+                "padding-left": "24px",
+                "padding-right": "24px",
+              },
+            },
+            card_title: {
+              "font-size": "24px",
+              "font-weight": "700",
+              color: "text-1",
+              "margin-bottom": "16px",
+              "line-height": "1.3",
+              tablet: {
+                "font-size": "20px",
+              },
+            },
+            card_description: {
+              "font-size": "16px",
+              "line-height": "1.6",
+              color: "text-2",
+              "margin-bottom": "24px",
+              tablet: {
+                "font-size": "14px",
+              },
+            },
+            card_cta: {
+              "padding-top": "12px",
+              "padding-bottom": "12px",
+              "padding-left": "24px",
+              "padding-right": "24px",
+              "border-radius": "lg",
+              "background-color": "primary",
+              color: "white",
+              "font-weight": "600",
+              "font-size": "14px",
+              display: "inline-flex",
+              "align-items": "center",
+              "column-gap": "8px",
+              "transition-property": "all",
+              "transition-duration": "200ms",
+              "&:hover": {
+                "background-color": "primary-dark",
+              },
+            },
+          },
+          {
+            TabsTrigger: {
+              width: "40%",
+              "background-color": "white",
+              "padding-left": "2xl",
+              "padding-right": "2xl",
+              "padding-top": "xs",
+              "padding-bottom": "xs",
+              "border-radius": "3xl",
+              "font-size": "16px",
+              tablet: {
+                width: "auto",
+              },
+            },
+            tab_content: {
+              width: "100%",
+            },
+            card_wrapper: {
+              "background-color": "white",
+              "border-radius": "2xl",
+              "padding-top": "32px",
+              "padding-bottom": "32px",
+              "padding-left": "32px",
+              "padding-right": "32px",
+              "box-shadow":
+                "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
+              tablet: {
+                "padding-top": "24px",
+                "padding-bottom": "24px",
+                "padding-left": "24px",
+                "padding-right": "24px",
+              },
+            },
+            card_title: {
+              "font-size": "24px",
+              "font-weight": "700",
+              color: "text-1",
+              "margin-bottom": "16px",
+              "line-height": "1.3",
+              tablet: {
+                "font-size": "20px",
+              },
+            },
+            card_description: {
+              "font-size": "16px",
+              "line-height": "1.6",
+              color: "text-2",
+              "margin-bottom": "24px",
+              tablet: {
+                "font-size": "14px",
+              },
+            },
+            card_cta: {
+              "padding-top": "12px",
+              "padding-bottom": "12px",
+              "padding-left": "24px",
+              "padding-right": "24px",
+              "border-radius": "lg",
+              "background-color": "primary",
+              color: "white",
+              "font-weight": "600",
+              "font-size": "14px",
+              display: "inline-flex",
+              "align-items": "center",
+              "column-gap": "8px",
+              "transition-property": "all",
+              "transition-duration": "200ms",
+              "&:hover": {
+                "background-color": "primary-dark",
+              },
+            },
+          },
+          {
+            TabsTrigger: {
+              width: "40%",
+              "background-color": "white",
+              "padding-left": "2xl",
+              "padding-right": "2xl",
+              "padding-top": "xs",
+              "padding-bottom": "xs",
+              "border-radius": "3xl",
+              "font-size": "16px",
+              tablet: {
+                width: "auto",
+              },
+            },
+            tab_content: {
+              width: "100%",
+            },
+            card_wrapper: {
+              "background-color": "white",
+              "border-radius": "2xl",
+              "padding-top": "32px",
+              "padding-bottom": "32px",
+              "padding-left": "32px",
+              "padding-right": "32px",
+              "box-shadow":
+                "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
+              tablet: {
+                "padding-top": "24px",
+                "padding-bottom": "24px",
+                "padding-left": "24px",
+                "padding-right": "24px",
+              },
+            },
+            card_title: {
+              "font-size": "24px",
+              "font-weight": "700",
+              color: "text-1",
+              "margin-bottom": "16px",
+              "line-height": "1.3",
+              tablet: {
+                "font-size": "20px",
+              },
+            },
+            card_description: {
+              "font-size": "16px",
+              "line-height": "1.6",
+              color: "text-2",
+              "margin-bottom": "24px",
+              tablet: {
+                "font-size": "14px",
+              },
+            },
+            card_cta: {
+              "padding-top": "12px",
+              "padding-bottom": "12px",
+              "padding-left": "24px",
+              "padding-right": "24px",
+              "border-radius": "lg",
+              "background-color": "primary",
+              color: "white",
+              "font-weight": "600",
+              "font-size": "14px",
+              display: "inline-flex",
+              "align-items": "center",
+              "column-gap": "8px",
+              "transition-property": "all",
+              "transition-duration": "200ms",
+              "&:hover": {
+                "background-color": "primary-dark",
+              },
+            },
+          },
+          {
+            TabsTrigger: {
+              width: "33%",
+              "background-color": "white",
+              "padding-left": "md",
+              "padding-right": "md",
+              "padding-top": "xs",
+              "padding-bottom": "xs",
+              "border-radius": "3xl",
+              "font-size": "16px",
+              tablet: {
+                width: "auto",
+              },
+            },
+            tab_content: {
+              width: "100%",
+            },
+            card_wrapper: {
+              "background-color": "white",
+              "border-radius": "2xl",
+              "padding-top": "32px",
+              "padding-bottom": "32px",
+              "padding-left": "32px",
+              "padding-right": "32px",
+              "box-shadow":
+                "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
+              tablet: {
+                "padding-top": "24px",
+                "padding-bottom": "24px",
+                "padding-left": "24px",
+                "padding-right": "24px",
+              },
+            },
+            card_title: {
+              "font-size": "24px",
+              "font-weight": "700",
+              color: "text-1",
+              "margin-bottom": "16px",
+              "line-height": "1.3",
+              tablet: {
+                "font-size": "20px",
+              },
+            },
+            card_description: {
+              "font-size": "16px",
+              "line-height": "1.6",
+              color: "text-2",
+              "margin-bottom": "24px",
+              tablet: {
+                "font-size": "14px",
+              },
+            },
+            card_cta: {
+              "padding-top": "12px",
+              "padding-bottom": "12px",
+              "padding-left": "24px",
+              "padding-right": "24px",
+              "border-radius": "lg",
+              "background-color": "primary",
+              color: "white",
+              "font-weight": "600",
+              "font-size": "14px",
+              display: "inline-flex",
+              "align-items": "center",
+              "column-gap": "8px",
+              "transition-property": "all",
+              "transition-duration": "200ms",
+              "&:hover": {
+                "background-color": "primary-dark",
+              },
+            },
+          },
+        ],
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        title: {
+          heading: {
+            level: 2,
+          },
+          selectedVariants: {
+            Heading_Level: "H2",
+          },
+        },
+        tabs: [
+          {
+            card_title: {
+              heading: {
+                level: 3,
+              },
+              selectedVariants: {
+                Heading_Level: "H3",
+              },
+            },
+          },
+          {
+            card_title: {
+              heading: {
+                level: 3,
+              },
+              selectedVariants: {
+                Heading_Level: "H3",
+              },
+            },
+          },
+          {
+            card_title: {
+              heading: {
+                level: 3,
+              },
+              selectedVariants: {
+                Heading_Level: "H3",
+              },
+            },
+          },
+          {
+            card_title: {
+              heading: {
+                level: 3,
+              },
+              selectedVariants: {
+                Heading_Level: "H3",
+              },
+            },
+          },
+          {
+            card_title: {
+              heading: {
+                level: 3,
+              },
+              selectedVariants: {
+                Heading_Level: "H3",
+              },
+            },
+          },
+          {
+            card_title: {
+              heading: {
+                level: 3,
+              },
+              selectedVariants: {
+                Heading_Level: "H3",
+              },
+            },
+          },
+        ],
+      },
+    },
+  ],
+};