@levo-so/blocks 0.1.59 → 0.1.61

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

@@ -11,6 +11,24 @@ const DUMMY_ICON = {
   },
 };
 
+const MEDIA = {
+  id: "k5KiTxROzoNX",
+  filename: "footer-5-logo.png",
+  kind: "image",
+  location: "https://static.levocdn.com/WLZ1TXTD/footer-5-logo-PzNWMN1fGVV4.png",
+  srcset: {
+    "1080w": "https://static.levocdn.com/WLZ1TXTD/footer-5-logo-PzNWMN1fGVV4-1080w.webp",
+    "1200w": "https://static.levocdn.com/WLZ1TXTD/footer-5-logo-PzNWMN1fGVV4-1200w.webp",
+    "1920w": "https://static.levocdn.com/WLZ1TXTD/footer-5-logo-PzNWMN1fGVV4-1920w.webp",
+    "320w": "https://static.levocdn.com/WLZ1TXTD/footer-5-logo-PzNWMN1fGVV4-320w.webp",
+    "640w": "https://static.levocdn.com/WLZ1TXTD/footer-5-logo-PzNWMN1fGVV4-640w.webp",
+    "750w": "https://static.levocdn.com/WLZ1TXTD/footer-5-logo-PzNWMN1fGVV4-750w.webp",
+    "828w": "https://static.levocdn.com/WLZ1TXTD/footer-5-logo-PzNWMN1fGVV4-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/footer-5-logo-PzNWMN1fGVV4-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/footer-5-logo-PzNWMN1fGVV4-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/footer-5-logo-PzNWMN1fGVV4-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/footer-5-logo-PzNWMN1fGVV4-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/footer-5-logo-PzNWMN1fGVV4-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/footer-5-logo-PzNWMN1fGVV4-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/footer-5-logo-PzNWMN1fGVV4-640w.webp 640w",
+  },
+  mimetype: "image/png",
+};
+
 const DEFAULT_CONTENT = {
   layout: null,
   container: null,
@@ -18,42 +36,14 @@ const DEFAULT_CONTENT = {
 
   // logo and description
   logoTextWrapper: null,
-  logo: {
-    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",
-    },
-  },
-  logoDescription:
-    "No more guesswork. No more excuses. Just real, proven training.",
+  logo: MEDIA,
+  logoDescription: "No more guesswork. No more excuses. Just real, proven training.",
 
   // middle links area
   links: [
     {
       category: "Links",
-      links: [
-        { text: "About" },
-        { text: "Trainer" },
-        { text: "Program" },
-        { text: "Location" },
-      ],
+      links: [{ text: "About" }, { text: "Trainer" }, { text: "Program" }, { text: "Location" }],
     },
     {
       category: "About us",
@@ -160,7 +150,7 @@ export const Footer5: IBlock = {
         {
           key: "category",
           label: "Category",
-          field_interface: "TypographyWidget",
+          field_interface: "HeadingWidget",
         },
         {
           key: "links",
@@ -237,21 +227,97 @@ export const Footer5: IBlock = {
       title: "Default",
       key: "default",
       content: DEFAULT_CONTENT,
-      config: {},
-      styles: {
-        layout: {
-          "padding-top": "80px",
-          "padding-left": "112px",
-          "padding-right": "112px",
-          tablet: {
-            padding: "50px",
-            "padding-bottom": "0px",
+      config: {
+        links: [
+          {
+            category: {
+              heading: {
+                level: "4",
+              },
+              selectedVariants: {
+                Heading_Level: "H6",
+              },
+            },
+            links: [
+              {
+                text: {
+                  selectedVariants: {},
+                },
+              },
+              {
+                text: {
+                  selectedVariants: {},
+                },
+              },
+              {
+                text: {
+                  selectedVariants: {},
+                },
+              },
+              {
+                text: {
+                  selectedVariants: {},
+                },
+              },
+            ],
           },
-          mobile: {
-            padding: "40px",
-            "padding-bottom": "0px",
+          {
+            category: {
+              selectedVariants: {
+                Heading_Level: "H6",
+              },
+            },
+            links: [
+              {
+                text: {
+                  selectedVariants: {},
+                },
+              },
+              {
+                text: {
+                  selectedVariants: {},
+                },
+              },
+              {
+                text: {
+                  selectedVariants: {},
+                },
+              },
+            ],
           },
-        },
+          {
+            category: {
+              selectedVariants: {
+                Heading_Level: "H6",
+              },
+            },
+            links: [
+              {
+                text: {
+                  selectedVariants: {},
+                },
+              },
+              {
+                text: {
+                  selectedVariants: {},
+                },
+              },
+              {
+                text: {
+                  selectedVariants: {},
+                },
+              },
+              {
+                text: {
+                  selectedVariants: {},
+                },
+              },
+            ],
+          },
+        ],
+      },
+      styles: {
+        layout: {},
         container: {
           display: "flex",
           "flex-direction": "column",
@@ -339,11 +405,16 @@ export const Footer5: IBlock = {
             },
             links: [
               {
-                text: {
-                  "font-size": "base",
-                  color: "text-2",
-                  "line-height": "1.5",
-                },
+                text: {},
+              },
+              {
+                text: {},
+              },
+              {
+                text: {},
+              },
+              {
+                text: {},
               },
             ],
           },
@@ -359,11 +430,13 @@ export const Footer5: IBlock = {
             },
             links: [
               {
-                text: {
-                  "font-size": "base",
-                  color: "text-2",
-                  "line-height": "1.5",
-                },
+                text: {},
+              },
+              {
+                text: {},
+              },
+              {
+                text: {},
               },
             ],
           },
@@ -379,11 +452,16 @@ export const Footer5: IBlock = {
             },
             links: [
               {
-                text: {
-                  "font-size": "base",
-                  color: "text-2",
-                  "line-height": "1.5",
-                },
+                text: {},
+              },
+              {
+                text: {},
+              },
+              {
+                text: {},
+              },
+              {
+                text: {},
               },
             ],
           },

package/src/blocks/footer/footer-5.tsx

@@ -1,19 +1,18 @@
-import React from "react";
 import {
   Box,
   Container,
+  Heading,
   Icon,
+  type ILevoBlockBaseProps,
   Image,
   Section,
   Typography,
-  type ILevoBlockBaseProps,
 } from "@levo-so/studio";
+import React from "react";
 
-import { type IFooter5Content } from "./footer-5.schema";
+import type { IFooter5Content } from "./footer-5.schema";
 
-const Footer5: React.FC<ILevoBlockBaseProps<IFooter5Content>> = ({
-  content,
-}) => (
+const Footer5: React.FC<ILevoBlockBaseProps<IFooter5Content>> = ({ content }) => (
   <Section elementKey="layout">
     <Container elementKey="container">
       <Box elementKey="contentWrapper">
@@ -31,20 +30,15 @@ const Footer5: React.FC<ILevoBlockBaseProps<IFooter5Content>> = ({
               key={`footer-5-links-${index}`}
               data-levo_group_item
             >
-              <Typography elementKey={`links.${index}.category`} />
-              <Box
-                elementKey={`links.${index}.links_levoGroup`}
-                data-levo_group
-              >
+              <Heading elementKey={`links.${index}.category`} />
+              <Box elementKey={`links.${index}.links_levoGroup`} data-levo_group>
                 {(content?.links?.[index]?.links ?? []).map((_, subIndex) => (
                   <Box
                     elementKey={`links.${index}.links.${subIndex}.iconWrapper`}
                     key={`footer-5-links-${index}-${subIndex}`}
                     data-levo_group_item
                   >
-                    <Icon
-                      elementKey={`links.${index}.links.${subIndex}.icon`}
-                    />
+                    <Icon elementKey={`links.${index}.links.${subIndex}.icon`} />
                     <Typography
                       elementKey={`links.${index}.links.${subIndex}.text`}
                       key={`footer-4-links-${index}-${subIndex}`}
@@ -63,22 +57,14 @@ const Footer5: React.FC<ILevoBlockBaseProps<IFooter5Content>> = ({
 
         {/* Right Area */}
         <Box elementKey="footerBottomRightArea_levoGroup" data-levo_group>
-          {(content?.footerBottomRightArea ?? [])?.map(
-            (_: any, index: number) => (
-              <React.Fragment key={`footer-4-right-area-${index}`}>
-                <Typography
-                  data-levo_group_item
-                  elementKey={`footerBottomRightArea.${index}.cta`}
-                />
-                {index < (content?.footerBottomRightArea?.length ?? 0) - 1 && (
-                  <Box
-                    elementKey={`footerBottomRightArea.${index}.separator`}
-                    data-levo_group_item
-                  />
-                )}
-              </React.Fragment>
-            ),
-          )}
+          {(content?.footerBottomRightArea ?? [])?.map((_: any, index: number) => (
+            <React.Fragment key={`footer-4-right-area-${index}`}>
+              <Typography data-levo_group_item elementKey={`footerBottomRightArea.${index}.cta`} />
+              {index < (content?.footerBottomRightArea?.length ?? 0) - 1 && (
+                <Box elementKey={`footerBottomRightArea.${index}.separator`} data-levo_group_item />
+              )}
+            </React.Fragment>
+          ))}
         </Box>
 
         {/* Social Icons */}

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

@@ -1,36 +1,30 @@
 import type { IBlock } from "@levo-so/studio";
 
+const MEDIA = {
+  id: "oilvrpqtlHti",
+  filename: "footer-6-logo.png",
+  kind: "image",
+  location: "https://static.levocdn.com/WLZ1TXTD/footer-6-logo-MqnQyg87rAAT.png",
+  srcset: {
+    "1080w": "https://static.levocdn.com/WLZ1TXTD/footer-6-logo-MqnQyg87rAAT-1080w.webp",
+    "1200w": "https://static.levocdn.com/WLZ1TXTD/footer-6-logo-MqnQyg87rAAT-1200w.webp",
+    "1920w": "https://static.levocdn.com/WLZ1TXTD/footer-6-logo-MqnQyg87rAAT-1920w.webp",
+    "320w": "https://static.levocdn.com/WLZ1TXTD/footer-6-logo-MqnQyg87rAAT-320w.webp",
+    "640w": "https://static.levocdn.com/WLZ1TXTD/footer-6-logo-MqnQyg87rAAT-640w.webp",
+    "750w": "https://static.levocdn.com/WLZ1TXTD/footer-6-logo-MqnQyg87rAAT-750w.webp",
+    "828w": "https://static.levocdn.com/WLZ1TXTD/footer-6-logo-MqnQyg87rAAT-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/footer-6-logo-MqnQyg87rAAT-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/footer-6-logo-MqnQyg87rAAT-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/footer-6-logo-MqnQyg87rAAT-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/footer-6-logo-MqnQyg87rAAT-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/footer-6-logo-MqnQyg87rAAT-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/footer-6-logo-MqnQyg87rAAT-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/footer-6-logo-MqnQyg87rAAT-750w.webp 750w",
+  },
+  mimetype: "image/png",
+};
+
 const DEFAULT_CONTENT = {
   layout: null,
   container: null,
   contentWrapper: null,
   logoTextWrapper: null,
-  logo: {
-    id: "yCrH23FHqVmeb",
-    filename: "image.png",
-    kind: "image",
-    location: "https://static.levostg.online/W6OEVMW8/image-XZbmNbc9sifZL.png",
-    srcset: {
-      "1080w":
-        "https://static.levostg.online/W6OEVMW8/image-XZbmNbc9sifZL-1080w.webp",
-      "1200w":
-        "https://static.levostg.online/W6OEVMW8/image-XZbmNbc9sifZL-1200w.webp",
-      "1920w":
-        "https://static.levostg.online/W6OEVMW8/image-XZbmNbc9sifZL-1920w.webp",
-      "320w":
-        "https://static.levostg.online/W6OEVMW8/image-XZbmNbc9sifZL-320w.webp",
-      "640w":
-        "https://static.levostg.online/W6OEVMW8/image-XZbmNbc9sifZL-640w.webp",
-      "750w":
-        "https://static.levostg.online/W6OEVMW8/image-XZbmNbc9sifZL-750w.webp",
-      "828w":
-        "https://static.levostg.online/W6OEVMW8/image-XZbmNbc9sifZL-828w.webp",
-      path: "https://static.levostg.online/W6OEVMW8/image-XZbmNbc9sifZL-750w.webp 750w, https://static.levostg.online/W6OEVMW8/image-XZbmNbc9sifZL-640w.webp 640w, https://static.levostg.online/W6OEVMW8/image-XZbmNbc9sifZL-320w.webp 320w, https://static.levostg.online/W6OEVMW8/image-XZbmNbc9sifZL-828w.webp 828w, https://static.levostg.online/W6OEVMW8/image-XZbmNbc9sifZL-1080w.webp 1080w, https://static.levostg.online/W6OEVMW8/image-XZbmNbc9sifZL-1200w.webp 1200w, https://static.levostg.online/W6OEVMW8/image-XZbmNbc9sifZL-1920w.webp 1920w",
-    },
-    mimetype: "image/png",
-  },
-  logoDescription:
-    "<p>No more guesswork. No more excuses. Just real, proven training.</p><p></p>",
+  logo: MEDIA,
+  logoDescription: "<p>No more guesswork. No more excuses. Just real, proven training.</p><p></p>",
   icon_links: [
     {
       icon: {
@@ -38,13 +32,7 @@ const DEFAULT_CONTENT = {
         data: {
           id: "sms-notification",
           label: "Sms Notification",
-          tags: [
-            "custom",
-            "directional",
-            "emails-messages",
-            "notification",
-            "sms",
-          ],
+          tags: ["custom", "directional", "emails-messages", "notification", "sms"],
           svgCode:
             '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M17 21.25H7C3.35 21.25 1.25 19.15 1.25 15.5V8.5C1.25 4.85 3.35 2.75 7 2.75H14C14.41 2.75 14.75 3.09 14.75 3.5C14.75 3.91 14.41 4.25 14 4.25H7C4.14 4.25 2.75 5.64 2.75 8.5V15.5C2.75 18.36 4.14 19.75 7 19.75H17C19.86 19.75 21.25 18.36 21.25 15.5V10.5C21.25 10.09 21.59 9.75 22 9.75C22.41 9.75 22.75 10.09 22.75 10.5V15.5C22.75 19.15 20.65 21.25 17 21.25Z" fill="var(--color-icon-primary)"/>\n<path d="M11.9998 12.87C11.1598 12.87 10.3098 12.61 9.65978 12.08L6.52978 9.58002C6.20978 9.32002 6.14978 8.85002 6.40978 8.53002C6.66978 8.21002 7.13977 8.15003 7.45977 8.41003L10.5898 10.91C11.3498 11.52 12.6398 11.52 13.3998 10.91L14.5798 9.97002C14.8998 9.71002 15.3798 9.76002 15.6298 10.09C15.8898 10.41 15.8398 10.89 15.5098 11.14L14.3298 12.08C13.6898 12.61 12.8398 12.87 11.9998 12.87Z" fill="var(--color-icon-primary)"/>\n<path d="M19.5 8.75C17.71 8.75 16.25 7.29 16.25 5.5C16.25 3.71 17.71 2.25 19.5 2.25C21.29 2.25 22.75 3.71 22.75 5.5C22.75 7.29 21.29 8.75 19.5 8.75ZM19.5 3.75C18.54 3.75 17.75 4.54 17.75 5.5C17.75 6.46 18.54 7.25 19.5 7.25C20.46 7.25 21.25 6.46 21.25 5.5C21.25 4.54 20.46 3.75 19.5 3.75Z" fill="var(--color-icon-primary)"/>\n</svg>',
         },
@@ -272,7 +260,7 @@ export const Footer6: IBlock = {
         {
           key: "category",
           label: "Category",
-          field_interface: "TypographyWidget",
+          field_interface: "HeadingWidget",
         },
         {
           key: "links",
@@ -317,25 +305,9 @@ export const Footer6: IBlock = {
       title: "Default",
       key: "default",
       styles: {
-        layout: {
-          "padding-top": "80px",
-          "padding-left": "none",
-          "padding-right": "none",
-          "padding-bottom": "none",
-          tablet: {
-            padding: "50px",
-            "padding-bottom": "none",
-            "margin-left": "none",
-            "padding-left": "none",
-            "padding-right": "none",
-          },
-          mobile: {
-            padding: "40px",
-            "padding-bottom": "20px",
-            "padding-left": "none",
-            "padding-right": "none",
-          },
-        },
+        layout: {},
+        "margin-left": "auto",
+        "margin-right": "auto",
         container: {
           display: "flex",
           "flex-direction": "column",
@@ -343,8 +315,6 @@ export const Footer6: IBlock = {
           "row-gap": "2xl",
           "padding-left": "none",
           "padding-right": "none",
-          "padding-top": "none",
-          "padding-bottom": "none",
         },
         contentWrapper: {
           display: "flex",
@@ -403,6 +373,7 @@ export const Footer6: IBlock = {
           {
             category: {
               "margin-bottom": "sm",
+              "font-weight": 700,
             },
             links_levoGroup: {
               display: "flex",
@@ -468,6 +439,7 @@ export const Footer6: IBlock = {
           {
             category: {
               "margin-bottom": "sm",
+              "font-weight": 700,
             },
             links_levoGroup: {
               display: "flex",
@@ -530,95 +502,6 @@ export const Footer6: IBlock = {
               },
             ],
           },
-          {
-            category: {
-              "margin-bottom": "sm",
-              color: "white",
-            },
-            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",
-                  "border-radius": "base",
-                },
-                icon_links_levoGroup: {
-                  display: "flex",
-                  "column-gap": "xs",
-                },
-                cta: {
-                  color: "white",
-                },
-              },
-              {
-                wrapper: {
-                  display: "flex",
-                },
-                cta: {
-                  color: "page",
-                },
-              },
-            ],
-          },
-          {
-            category: {
-              "margin-bottom": "sm",
-              color: "text-1",
-            },
-            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",
-                  "border-radius": "base",
-                },
-                icon_links_levoGroup: {
-                  display: "flex",
-                  "column-gap": "xs",
-                },
-              },
-              {
-                wrapper: {
-                  display: "flex",
-                },
-              },
-            ],
-          },
-          {
-            links: [
-              null,
-              {
-                wrapper: {
-                  display: "flex",
-                },
-              },
-              {
-                wrapper: {
-                  display: "flex",
-                },
-              },
-            ],
-          },
         ],
         footerBottomWrapper: {
           display: "flex",
@@ -626,7 +509,7 @@ export const Footer6: IBlock = {
           "padding-top": "xl",
           "border-top": "1px solid",
           "border-color": "border",
-          "background-color": "background-2",
+          "background-color": "brandSecondary",
           width: "100%",
           "padding-bottom": "xl",
           "margin-bottom": "none",
@@ -711,10 +594,9 @@ export const Footer6: IBlock = {
         copyright: {
           "text-align": "center",
           width: "100%",
+          color: "brandSecondaryForeground",
         },
-        contact_form_title: {
-          "font-size": "lg",
-        },
+        contact_form_title: {},
         social_icon_links_levoGroup: {
           display: "flex",
           "column-gap": "base",
@@ -723,7 +605,38 @@ export const Footer6: IBlock = {
           "margin-bottom": "xs",
         },
       },
-      config: {},
+      config: {
+        links: [
+          {
+            category: {
+              heading: {
+                level: "4",
+              },
+              selectedVariants: {
+                Heading_Level: "H6",
+              },
+            },
+          },
+          {
+            category: {
+              selectedVariants: {
+                Heading_Level: "H6",
+              },
+              heading: {
+                level: "4",
+              },
+            },
+          },
+        ],
+        contact_form_title: {
+          selectedVariants: {
+            Typography_Variants: "Large",
+          },
+        },
+        social_icons_title: {
+          selectedVariants: {},
+        },
+      },
       content: DEFAULT_CONTENT,
     },
   ],