@levo-so/blocks 0.1.0 → 0.1.2

package/src/blocks/footer/footer-2.schema.ts

@@ -0,0 +1,898 @@
+import type { IBlock } from "@levo-so/studio";
+
+const DUMMY_ICON = {
+  kind: "icon",
+  data: {
+    id: "archive-minus",
+    label: "Archive Minus",
+    tags: ["archive", "custom", "directional", "minus"],
+    svgCode:
+      '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M14.5 11.4H9.5C9.09 11.4 8.75 11.06 8.75 10.65C8.75 10.24 9.09 9.90002 9.5 9.90002H14.5C14.91 9.90002 15.25 10.24 15.25 10.65C15.25 11.06 14.91 11.4 14.5 11.4Z" fill="var(--color-icon-primary)"/>\n<path d="M4.92957 22.75C4.50957 22.75 4.11957 22.65 3.76957 22.45C2.99957 22 2.55957 21.09 2.55957 19.96V5.86C2.55957 3.32 4.62957 1.25 7.16957 1.25H16.8196C19.3596 1.25 21.4296 3.32 21.4296 5.86V19.95C21.4296 21.08 20.9896 21.99 20.2196 22.44C19.4496 22.89 18.4396 22.84 17.4496 22.29L12.5696 19.58C12.2796 19.42 11.7096 19.42 11.4196 19.58L6.53957 22.29C5.99957 22.59 5.44957 22.75 4.92957 22.75ZM7.17957 2.75C5.46957 2.75 4.06957 4.15 4.06957 5.86V19.95C4.06957 20.54 4.23957 20.98 4.53957 21.15C4.83957 21.33 5.30957 21.27 5.81957 20.98L10.6996 18.27C11.4396 17.86 12.5596 17.86 13.2996 18.27L18.1796 20.98C18.6896 21.27 19.1596 21.33 19.4596 21.15C19.7596 20.97 19.9296 20.53 19.9296 19.95V5.86C19.9296 4.15 18.5296 2.75 16.8196 2.75H7.17957Z" fill="var(--color-icon-primary)"/>\n</svg>',
+  },
+};
+
+const IMAGE_MEDIA = {
+  id: "7141014160938075687",
+  location: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH.png",
+  kind: "image",
+  mimetype: "image/png",
+  srcset: {
+    "1080w":
+      "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp",
+    "1200w":
+      "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp",
+    "1920w":
+      "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp",
+    "320w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp",
+    "640w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp",
+    "750w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp",
+    "828w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp",
+    path: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp 640w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp 1080w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp 1200w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp 1920w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp 320w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp 750w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp 828w",
+  },
+};
+
+const DEFAULT_CONTENT = {
+  layout: null,
+  container: null,
+  contentWrapper: null,
+
+  // logo and description
+  logoTextWrapper: null,
+  logo: IMAGE_MEDIA,
+  logoDescription: "Expert Guidance, Ensuring Clear Verdicts Every Time.",
+  copyright: "Copyright @ 2025",
+
+  // middle links area
+  links: [
+    {
+      category: "Links",
+      links: [
+        { cta: "Home", icon: DUMMY_ICON },
+        { cta: "About Us", icon: DUMMY_ICON },
+        { cta: "Teams", icon: DUMMY_ICON },
+        { cta: "Blog", icon: DUMMY_ICON },
+        { cta: "Appointment", icon: DUMMY_ICON },
+      ],
+    },
+    {
+      category: "Practice Areas",
+      links: [
+        { cta: "Family Law", icon: DUMMY_ICON },
+        { cta: "Criminal Law", icon: DUMMY_ICON },
+        { cta: "Civil Law", icon: DUMMY_ICON },
+        { cta: "Compensation", icon: DUMMY_ICON },
+        { cta: "Bank Law", icon: DUMMY_ICON },
+        { cta: "Cases Succession", icon: DUMMY_ICON },
+      ],
+    },
+    {
+      category: "Contact Us",
+      links: [
+        {
+          wrapper: null,
+
+          cta: "9425026178",
+          icon: DUMMY_ICON,
+        },
+        {
+          wrapper: null,
+
+          cta: "info@verdictlybpl.com",
+          icon: DUMMY_ICON,
+        },
+        {
+          wrapper: null,
+
+          cta: "Facebook",
+          icon: DUMMY_ICON,
+        },
+        {
+          wrapper: null,
+
+          cta: " ",
+          icon: null,
+          icon_links: [
+            {
+              icon: DUMMY_ICON,
+              link: null,
+            },
+            {
+              icon: DUMMY_ICON,
+              link: null,
+            },
+            {
+              icon: DUMMY_ICON,
+              link: null,
+            },
+            {
+              icon: DUMMY_ICON,
+              link: null,
+            },
+          ],
+        },
+      ],
+    },
+  ],
+};
+
+export type IFooter2Content = typeof DEFAULT_CONTENT;
+
+export const Footer2: IBlock = {
+  category_id: "footer",
+  title: "Footer 2",
+  key: "footer-2",
+  version: "v1",
+  prompt_description:
+    "Four-column footer with logo and tagline on the left, followed by columns for useful links, practice areas, and contact details with icons; bottom row features copyright and legal links.",
+
+  content_schema: [
+    {
+      key: "layout",
+      label: "Layout",
+      field_interface: "LayoutWidget",
+    },
+    {
+      key: "container",
+      label: "Container",
+      field_interface: "ContainerWidget",
+    },
+    {
+      key: "contentWrapper",
+      label: "Content Wrapper",
+      field_interface: "BoxWidget",
+    },
+
+    // logo and description area
+    {
+      key: "logoTextWrapper",
+      label: "Logo Text Wrapper",
+      field_interface: "BoxWidget",
+    },
+    {
+      key: "logo",
+      label: "Logo",
+      field_interface: "ImageWidget",
+    },
+    {
+      key: "logoDescription",
+      label: "Description",
+      field_interface: "TypographyWidget",
+    },
+    {
+      key: "copyright",
+      label: "Copyright Text",
+      field_interface: "TypographyWidget",
+    },
+
+    // middle links area
+    {
+      key: "links",
+      label: "Links",
+      field_interface: "BoxWidget",
+      kind: "group",
+      fields: [
+        {
+          key: "category",
+          label: "Category",
+          field_interface: "TypographyWidget",
+        },
+        {
+          key: "links",
+          label: "Links",
+          field_interface: "BoxWidget",
+          kind: "group",
+          fields: [
+            {
+              key: "wrapper",
+              label: "Wrapper",
+              field_interface: "BoxWidget",
+            },
+
+            {
+              key: "cta",
+              label: "CTA",
+              field_interface: "TypographyWidget",
+            },
+            {
+              key: "icon",
+              label: "Icon",
+              field_interface: "IconWidget",
+            },
+            {
+              key: "icon_links",
+              label: "Icon Links",
+              kind: "group",
+              field_interface: "BoxWidget",
+              fields: [
+                {
+                  key: "icon",
+                  label: "Icon",
+                  field_interface: "IconWidget",
+                },
+              ],
+            },
+          ],
+        },
+      ],
+    },
+  ],
+  layouts: [
+    {
+      title: "Default",
+      key: "default",
+      styles: {
+        layout: {
+          "padding-top": "80px",
+          "padding-left": "112px",
+          "padding-right": "112px",
+          tablet: {
+            padding: "50px",
+            "padding-bottom": "0px",
+          },
+          mobile: {
+            padding: "40px",
+            "padding-bottom": "0px",
+          },
+        },
+        container: {
+          display: "flex",
+          "flex-direction": "column",
+          "column-gap": "none",
+          "row-gap": "2xl",
+        },
+        contentWrapper: {
+          display: "flex",
+          tablet: {
+            "flex-direction": "column",
+            "row-gap": "lg",
+          },
+        },
+        logoTextWrapper: {
+          "max-width": "20%",
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "sm",
+          tablet: {
+            "max-width": "100%",
+          },
+        },
+        links_levoGroup: {
+          "max-width": "auto",
+          display: "flex",
+          "justify-content": "space-around",
+          width: "100%",
+          tablet: {
+            "justify-content": "space-between",
+          },
+          mobile: {
+            "flex-direction": "column",
+            "row-gap": "2xl",
+          },
+        },
+        links: [
+          {
+            category: {
+              "margin-bottom": "sm",
+              "font-weight": 600,
+            },
+            links_levoGroup: {
+              display: "flex",
+              "flex-direction": "column",
+              "row-gap": "xs",
+            },
+            links: [
+              {
+                wrapper: {
+                  display: "flex",
+                  "column-gap": "sm",
+                  "align-items": "center",
+                },
+                icon: {
+                  width: "20px",
+                  height: "20px",
+                },
+                icon_links_levoGroup: {
+                  display: "flex",
+                  "column-gap": "xs",
+                },
+                icon_links: [
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                ],
+              },
+              {
+                wrapper: {
+                  display: "flex",
+                  "column-gap": "sm",
+                  "align-items": "center",
+                },
+                icon: {
+                  width: "20px",
+                  height: "20px",
+                },
+                icon_links_levoGroup: {
+                  display: "flex",
+                  "column-gap": "xs",
+                },
+                icon_links: [
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                ],
+              },
+              {
+                wrapper: {
+                  display: "flex",
+                  "column-gap": "sm",
+                  "align-items": "center",
+                },
+                icon: {
+                  width: "20px",
+                  height: "20px",
+                },
+                icon_links_levoGroup: {
+                  display: "flex",
+                  "column-gap": "xs",
+                },
+                icon_links: [
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                ],
+              },
+              {
+                wrapper: {
+                  display: "flex",
+                  "column-gap": "sm",
+                  "align-items": "center",
+                },
+                icon: {
+                  width: "20px",
+                  height: "20px",
+                },
+                icon_links_levoGroup: {
+                  display: "flex",
+                  "column-gap": "xs",
+                },
+                icon_links: [
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                ],
+              },
+            ],
+          },
+          {
+            category: {
+              "margin-bottom": "sm",
+              "font-weight": 600,
+            },
+            links_levoGroup: {
+              display: "flex",
+              "flex-direction": "column",
+              "row-gap": "xs",
+            },
+            links: [
+              {
+                wrapper: {
+                  display: "flex",
+                  "column-gap": "sm",
+                  "align-items": "center",
+                },
+                icon: {
+                  width: "20px",
+                  height: "20px",
+                },
+                icon_links_levoGroup: {
+                  display: "flex",
+                  "column-gap": "xs",
+                },
+                icon_links: [
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                ],
+              },
+              {
+                wrapper: {
+                  display: "flex",
+                  "column-gap": "sm",
+                  "align-items": "center",
+                },
+                icon: {
+                  width: "20px",
+                  height: "20px",
+                },
+                icon_links_levoGroup: {
+                  display: "flex",
+                  "column-gap": "xs",
+                },
+                icon_links: [
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                ],
+              },
+              {
+                wrapper: {
+                  display: "flex",
+                  "column-gap": "sm",
+                  "align-items": "center",
+                },
+                icon: {
+                  width: "20px",
+                  height: "20px",
+                },
+                icon_links_levoGroup: {
+                  display: "flex",
+                  "column-gap": "xs",
+                },
+                icon_links: [
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                ],
+              },
+              {
+                wrapper: {
+                  display: "flex",
+                  "column-gap": "sm",
+                  "align-items": "center",
+                },
+                icon: {
+                  width: "20px",
+                  height: "20px",
+                },
+                icon_links_levoGroup: {
+                  display: "flex",
+                  "column-gap": "xs",
+                },
+                icon_links: [
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                ],
+              },
+              {
+                wrapper: {
+                  display: "flex",
+                  "column-gap": "sm",
+                  "align-items": "center",
+                },
+                icon: {
+                  width: "20px",
+                  height: "20px",
+                },
+                icon_links_levoGroup: {
+                  display: "flex",
+                  "column-gap": "xs",
+                },
+                icon_links: [
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                ],
+              },
+              {
+                wrapper: {
+                  display: "flex",
+                  "column-gap": "sm",
+                  "align-items": "center",
+                },
+                icon: {
+                  width: "20px",
+                  height: "20px",
+                },
+                icon_links_levoGroup: {
+                  display: "flex",
+                  "column-gap": "xs",
+                },
+                icon_links: [
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                ],
+              },
+            ],
+          },
+          {
+            category: {
+              "margin-bottom": "sm",
+              "font-weight": 600,
+            },
+            links_levoGroup: {
+              display: "flex",
+              "flex-direction": "column",
+              "row-gap": "xs",
+            },
+            links: [
+              {
+                wrapper: {
+                  display: "flex",
+                  "column-gap": "sm",
+                  "align-items": "center",
+                },
+                icon: {
+                  width: "20px",
+                  height: "20px",
+                },
+                icon_links_levoGroup: {
+                  display: "flex",
+                  "column-gap": "xs",
+                },
+                icon_links: [
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                ],
+              },
+              {
+                wrapper: {
+                  display: "flex",
+                  "column-gap": "sm",
+                  "align-items": "center",
+                },
+                icon: {
+                  width: "20px",
+                  height: "20px",
+                },
+                icon_links_levoGroup: {
+                  display: "flex",
+                  "column-gap": "xs",
+                },
+                icon_links: [
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                ],
+              },
+              {
+                wrapper: {
+                  display: "flex",
+                  "column-gap": "sm",
+                  "align-items": "center",
+                },
+                icon: {
+                  width: "20px",
+                  height: "20px",
+                },
+                icon_links_levoGroup: {
+                  display: "flex",
+                  "column-gap": "xs",
+                },
+                icon_links: [
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                ],
+              },
+              {
+                wrapper: {
+                  display: "flex",
+                  "column-gap": "sm",
+                  "align-items": "center",
+                },
+                icon: {
+                  width: "20px",
+                  height: "20px",
+                },
+                icon_links_levoGroup: {
+                  display: "flex",
+                  "column-gap": "xs",
+                },
+                icon_links: [
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                ],
+              },
+            ],
+          },
+        ],
+        logo: {
+          width: "80px",
+          tablet: {
+            width: "60px",
+          },
+        },
+      },
+      config: {},
+      content: DEFAULT_CONTENT,
+    },
+  ],
+};