@levo-so/blocks 0.1.59 → 0.1.61

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

@@ -17,7 +17,8 @@ const DEFAULT_CONTENT = {
       service_title: "Custom Website Building",
       service_description:
         "Professional website development tailored to your business needs with modern design and functionality.",
-      cta: "Explore More",
+      ctas_levoGroup: null,
+      ctas: [{ cta: "Explore More" }, { cta: "Learn More" }],
       separator: null,
     },
     {
@@ -28,7 +29,8 @@ const DEFAULT_CONTENT = {
       service_title: "Landing Page Creation",
       service_description:
         "High-converting landing pages designed to capture leads and drive business growth effectively.",
-      cta: "Explore More",
+      ctas_levoGroup: null,
+      ctas: [{ cta: "Explore More" }, { cta: "Learn More" }],
       separator: null,
     },
     {
@@ -39,7 +41,8 @@ const DEFAULT_CONTENT = {
       service_title: "Client Portfolio Websites",
       service_description:
         "Showcase your work with stunning portfolio websites that highlight your expertise and achievements.",
-      cta: "Explore More",
+      ctas_levoGroup: null,
+      ctas: [{ cta: "Explore More" }, { cta: "Learn More" }],
       separator: null,
     },
     {
@@ -50,7 +53,8 @@ const DEFAULT_CONTENT = {
       service_title: "Event & Webinar Pages",
       service_description:
         "Engaging event pages with registration forms and promotional content to maximize attendance.",
-      cta: "Explore More",
+      ctas_levoGroup: null,
+      ctas: [{ cta: "Explore More" }, { cta: "Learn More" }],
       separator: null,
     },
     {
@@ -61,7 +65,8 @@ const DEFAULT_CONTENT = {
       service_title: "Team or Company Microsites",
       service_description:
         "Dedicated microsites for teams or company divisions with focused messaging and branding.",
-      cta: "Explore More",
+      ctas_levoGroup: null,
+      ctas: [{ cta: "Explore More" }, { cta: "Learn More" }],
       separator: null,
     },
   ],
@@ -141,9 +146,17 @@ export const Content3: IBlock = {
           field_interface: "TypographyWidget",
         },
         {
-          key: "cta",
-          label: "CTA Button",
-          field_interface: "ButtonWidget",
+          key: "ctas",
+          label: "CTA Buttons",
+          field_interface: "BoxWidget",
+          kind: "group",
+          fields: [
+            {
+              key: "cta",
+              label: "CTA Button",
+              field_interface: "ButtonWidget",
+            },
+          ],
         },
         {
           key: "separator",
@@ -158,34 +171,8 @@ export const Content3: IBlock = {
       key: "default",
       title: "Default",
       styles: {
-        layout: {
-          "padding-top": "48px",
-          "padding-bottom": "48px",
-          "padding-left": "48px",
-          "padding-right": "48px",
-          tablet: {
-            "padding-top": "32px",
-            "padding-bottom": "32px",
-            "padding-left": "24px",
-            "padding-right": "24px",
-          },
-          mobile: {
-            "padding-top": "24px",
-            "padding-bottom": "24px",
-            "padding-left": "16px",
-            "padding-right": "16px",
-          },
-          filter: "none",
-        },
-        container: {
-          "max-width": "1280px",
-          "margin-left": "auto",
-          "margin-right": "auto",
-          filter: "none",
-          mobile: {
-            filter: "none",
-          },
-        },
+        layout: {},
+        container: {},
         header_wrapper: {
           "text-align": "center",
           "margin-bottom": "48px",
@@ -206,22 +193,13 @@ export const Content3: IBlock = {
           "flex-direction": "row",
         },
         title: {
-          "margin-bottom": "16px",
-          color: "text-1",
-          filter: "none",
+          "margin-bottom": "base",
         },
         description: {
-          color: "text-2",
-          "margin-left": "none",
-          "margin-right": "none",
-          tablet: {},
           mobile: {
-            filter: "none",
             "text-align": "center",
           },
-          filter: "none",
           "text-align": "left",
-          width: "100%",
           "max-width": "450px",
         },
         services_levoGroup: {
@@ -234,23 +212,22 @@ export const Content3: IBlock = {
             service_item: {
               display: "flex",
               "align-items": "center",
-              "column-gap": "24px",
-              "padding-top": "32px",
-              "padding-bottom": "32px",
+              "column-gap": "2xl",
+              "padding-top": "3xl",
+              "padding-bottom": "3xl",
               tablet: {
-                "column-gap": "16px",
-                "padding-top": "24px",
-                "padding-bottom": "24px",
+                "column-gap": "base",
+                "padding-top": "xl",
+                "padding-bottom": "xl",
               },
               mobile: {
                 "flex-direction": "row",
-                "row-gap": "16px",
-                "padding-top": "20px",
-                "padding-bottom": "20px",
-                filter: "none",
+                "row-gap": "base",
+                "padding-top": "lg",
+                "padding-bottom": "lg",
               },
-              filter: "none",
               "justify-content": "space-between",
+              "row-gap": "none",
             },
             number_wrapper: {
               "flex-shrink": "0",
@@ -261,19 +238,15 @@ export const Content3: IBlock = {
               mobile: {
                 width: "auto",
                 height: "auto",
-                filter: "none",
               },
-              filter: "none",
             },
             number: {
               color: "text-1",
-              tablet: {},
               mobile: {
                 "font-size": "sm",
                 filter: "none",
                 width: "fit-content",
               },
-              filter: "none",
             },
             content_wrapper: {
               "flex-grow": "1",
@@ -285,18 +258,13 @@ export const Content3: IBlock = {
               "align-items": "center",
             },
             service_title: {
-              color: "text-1",
-              "margin-bottom": "none",
               tablet: {
-                "font-size": "20px",
+                "font-size": "xl",
               },
               mobile: {
                 "font-size": "sm",
-                filter: "none",
                 width: "auto",
               },
-              filter: "none",
-              width: "px",
             },
             service_description: {
               "font-size": "16px",
@@ -311,25 +279,21 @@ export const Content3: IBlock = {
               filter: "none",
               display: "none",
             },
-            cta: {
-              width: "fit-content",
+            ctas_levoGroup: {
+              display: "flex",
+              "flex-direction": "row",
+              "align-items": "center",
+              gap: "sm",
               tablet: {
                 "font-size": "13px",
-                "padding-top": "6px",
-                "padding-bottom": "6px",
-                "padding-left": "12px",
-                "padding-right": "12px",
               },
               mobile: {
                 "font-size": "12px",
                 filter: "none",
-                "padding-left": "2xs",
-                "padding-right": "2xs",
-                "padding-top": "4xs",
-                "padding-bottom": "4xs",
+                "flex-direction": "column",
               },
-              filter: "none",
             },
+            ctas: Array(2).map(() => ({})),
             separator: {
               width: "100%",
               height: "1px",
@@ -341,23 +305,22 @@ export const Content3: IBlock = {
             service_item: {
               display: "flex",
               "align-items": "center",
-              "column-gap": "24px",
-              "padding-top": "32px",
-              "padding-bottom": "32px",
+              "column-gap": "2xl",
+              "padding-top": "3xl",
+              "padding-bottom": "3xl",
               tablet: {
-                "column-gap": "16px",
-                "padding-top": "24px",
-                "padding-bottom": "24px",
+                "column-gap": "base",
+                "padding-top": "xl",
+                "padding-bottom": "xl",
               },
               mobile: {
                 "flex-direction": "row",
-                "row-gap": "16px",
-                "padding-top": "20px",
-                "padding-bottom": "20px",
-                filter: "none",
+                "row-gap": "base",
+                "padding-top": "lg",
+                "padding-bottom": "lg",
               },
-              filter: "none",
               "justify-content": "space-between",
+              "row-gap": "none",
             },
             number_wrapper: {
               "flex-shrink": "0",
@@ -368,19 +331,15 @@ export const Content3: IBlock = {
               mobile: {
                 width: "auto",
                 height: "auto",
-                filter: "none",
               },
-              filter: "none",
             },
             number: {
               color: "text-1",
-              tablet: {},
               mobile: {
                 "font-size": "sm",
                 filter: "none",
                 width: "fit-content",
               },
-              filter: "none",
             },
             content_wrapper: {
               "flex-grow": "1",
@@ -389,18 +348,16 @@ export const Content3: IBlock = {
               "row-gap": "12px",
               filter: "none",
               "justify-content": "space-between",
+              "align-items": "center",
             },
             service_title: {
-              color: "text-1",
-              "margin-bottom": "none",
               tablet: {
-                "font-size": "20px",
+                "font-size": "xl",
               },
               mobile: {
                 "font-size": "sm",
-                filter: "none",
+                width: "auto",
               },
-              filter: "none",
             },
             service_description: {
               "font-size": "16px",
@@ -415,25 +372,21 @@ export const Content3: IBlock = {
               filter: "none",
               display: "none",
             },
-            cta: {
-              width: "fit-content",
+            ctas_levoGroup: {
+              display: "flex",
+              "flex-direction": "row",
+              "align-items": "center",
+              gap: "sm",
               tablet: {
                 "font-size": "13px",
-                "padding-top": "6px",
-                "padding-bottom": "6px",
-                "padding-left": "12px",
-                "padding-right": "12px",
               },
               mobile: {
                 "font-size": "12px",
                 filter: "none",
-                "padding-left": "2xs",
-                "padding-right": "2xs",
-                "padding-top": "4xs",
-                "padding-bottom": "4xs",
+                "flex-direction": "column",
               },
-              filter: "none",
             },
+            ctas: Array(2).map(() => ({})),
             separator: {
               width: "100%",
               height: "1px",
@@ -445,23 +398,22 @@ export const Content3: IBlock = {
             service_item: {
               display: "flex",
               "align-items": "center",
-              "column-gap": "24px",
-              "padding-top": "32px",
-              "padding-bottom": "32px",
+              "column-gap": "2xl",
+              "padding-top": "3xl",
+              "padding-bottom": "3xl",
               tablet: {
-                "column-gap": "16px",
-                "padding-top": "24px",
-                "padding-bottom": "24px",
+                "column-gap": "base",
+                "padding-top": "xl",
+                "padding-bottom": "xl",
               },
               mobile: {
                 "flex-direction": "row",
-                "row-gap": "16px",
-                "padding-top": "20px",
-                "padding-bottom": "20px",
-                filter: "none",
+                "row-gap": "base",
+                "padding-top": "lg",
+                "padding-bottom": "lg",
               },
-              filter: "none",
               "justify-content": "space-between",
+              "row-gap": "none",
             },
             number_wrapper: {
               "flex-shrink": "0",
@@ -472,19 +424,15 @@ export const Content3: IBlock = {
               mobile: {
                 width: "auto",
                 height: "auto",
-                filter: "none",
               },
-              filter: "none",
             },
             number: {
               color: "text-1",
-              tablet: {},
               mobile: {
                 "font-size": "sm",
                 filter: "none",
                 width: "fit-content",
               },
-              filter: "none",
             },
             content_wrapper: {
               "flex-grow": "1",
@@ -493,16 +441,15 @@ export const Content3: IBlock = {
               "row-gap": "12px",
               filter: "none",
               "justify-content": "space-between",
+              "align-items": "center",
             },
             service_title: {
-              color: "text-1",
-              "margin-bottom": "none",
               tablet: {
-                "font-size": "20px",
+                "font-size": "xl",
               },
               mobile: {
                 "font-size": "sm",
-                filter: "none",
+                width: "auto",
               },
             },
             service_description: {
@@ -518,25 +465,21 @@ export const Content3: IBlock = {
               filter: "none",
               display: "none",
             },
-            cta: {
-              width: "fit-content",
+            ctas_levoGroup: {
+              display: "flex",
+              "flex-direction": "row",
+              "align-items": "center",
+              gap: "sm",
               tablet: {
                 "font-size": "13px",
-                "padding-top": "6px",
-                "padding-bottom": "6px",
-                "padding-left": "12px",
-                "padding-right": "12px",
               },
               mobile: {
                 "font-size": "12px",
                 filter: "none",
-                "padding-left": "2xs",
-                "padding-right": "2xs",
-                "padding-top": "4xs",
-                "padding-bottom": "4xs",
+                "flex-direction": "column",
               },
-              filter: "none",
             },
+            ctas: Array(2).map(() => ({})),
             separator: {
               width: "100%",
               height: "1px",
@@ -548,41 +491,41 @@ export const Content3: IBlock = {
             service_item: {
               display: "flex",
               "align-items": "center",
-              "column-gap": "24px",
-              "padding-top": "32px",
-              "padding-bottom": "32px",
+              "column-gap": "2xl",
+              "padding-top": "3xl",
+              "padding-bottom": "3xl",
               tablet: {
-                "column-gap": "16px",
-                "padding-top": "24px",
-                "padding-bottom": "24px",
+                "column-gap": "base",
+                "padding-top": "xl",
+                "padding-bottom": "xl",
               },
               mobile: {
                 "flex-direction": "row",
-                "row-gap": "16px",
-                "padding-top": "20px",
-                "padding-bottom": "20px",
-                filter: "none",
+                "row-gap": "base",
+                "padding-top": "lg",
+                "padding-bottom": "lg",
               },
-              filter: "none",
               "justify-content": "space-between",
+              "row-gap": "none",
             },
             number_wrapper: {
-              color: "text-1",
-              tablet: {},
+              "flex-shrink": "0",
+              tablet: {
+                width: "40px",
+                height: "40px",
+              },
               mobile: {
-                "font-size": "14px",
+                width: "auto",
+                height: "auto",
               },
-              filter: "none",
             },
             number: {
               color: "text-1",
-              tablet: {},
               mobile: {
                 "font-size": "sm",
                 filter: "none",
                 width: "fit-content",
               },
-              filter: "none",
             },
             content_wrapper: {
               "flex-grow": "1",
@@ -591,16 +534,15 @@ export const Content3: IBlock = {
               "row-gap": "12px",
               filter: "none",
               "justify-content": "space-between",
+              "align-items": "center",
             },
             service_title: {
-              color: "text-1",
-              "margin-bottom": "none",
               tablet: {
-                "font-size": "20px",
+                "font-size": "xl",
               },
               mobile: {
                 "font-size": "sm",
-                filter: "none",
+                width: "auto",
               },
             },
             service_description: {
@@ -616,25 +558,21 @@ export const Content3: IBlock = {
               filter: "none",
               display: "none",
             },
-            cta: {
-              width: "fit-content",
+            ctas_levoGroup: {
+              display: "flex",
+              "flex-direction": "row",
+              "align-items": "center",
+              gap: "sm",
               tablet: {
                 "font-size": "13px",
-                "padding-top": "6px",
-                "padding-bottom": "6px",
-                "padding-left": "12px",
-                "padding-right": "12px",
               },
               mobile: {
                 "font-size": "12px",
                 filter: "none",
-                "padding-left": "2xs",
-                "padding-right": "2xs",
-                "padding-top": "4xs",
-                "padding-bottom": "4xs",
+                "flex-direction": "column",
               },
-              filter: "none",
             },
+            ctas: Array(2).map(() => ({})),
             separator: {
               width: "100%",
               height: "1px",
@@ -646,24 +584,22 @@ export const Content3: IBlock = {
             service_item: {
               display: "flex",
               "align-items": "center",
-              "column-gap": "24px",
-              "padding-top": "32px",
-              "padding-bottom": "32px",
+              "column-gap": "2xl",
+              "padding-top": "3xl",
+              "padding-bottom": "3xl",
               tablet: {
-                "column-gap": "16px",
-                "padding-top": "24px",
-                "padding-bottom": "24px",
-                filter: "none",
+                "column-gap": "base",
+                "padding-top": "xl",
+                "padding-bottom": "xl",
               },
               mobile: {
                 "flex-direction": "row",
-                "row-gap": "16px",
-                "padding-top": "20px",
-                "padding-bottom": "20px",
-                filter: "none",
+                "row-gap": "base",
+                "padding-top": "lg",
+                "padding-bottom": "lg",
               },
-              filter: "none",
               "justify-content": "space-between",
+              "row-gap": "none",
             },
             number_wrapper: {
               "flex-shrink": "0",
@@ -674,19 +610,15 @@ export const Content3: IBlock = {
               mobile: {
                 width: "auto",
                 height: "auto",
-                filter: "none",
               },
-              filter: "none",
             },
             number: {
               color: "text-1",
-              tablet: {},
               mobile: {
                 "font-size": "sm",
                 filter: "none",
                 width: "fit-content",
               },
-              filter: "none",
             },
             content_wrapper: {
               "flex-grow": "1",
@@ -695,17 +627,15 @@ export const Content3: IBlock = {
               "row-gap": "12px",
               filter: "none",
               "justify-content": "space-between",
+              "align-items": "center",
             },
             service_title: {
-              color: "text-1",
-              "margin-bottom": "none",
               tablet: {
-                "font-size": "20px",
+                "font-size": "xl",
               },
               mobile: {
                 "font-size": "sm",
-                filter: "none",
-                width: "max-content",
+                width: "auto",
               },
             },
             service_description: {
@@ -721,31 +651,26 @@ export const Content3: IBlock = {
               filter: "none",
               display: "none",
             },
-            cta: {
-              width: "fit-content",
+            ctas_levoGroup: {
+              display: "flex",
+              "flex-direction": "row",
+              "align-items": "center",
+              gap: "sm",
               tablet: {
                 "font-size": "13px",
-                "padding-top": "6px",
-                "padding-bottom": "6px",
-                "padding-left": "12px",
-                "padding-right": "12px",
               },
               mobile: {
                 "font-size": "12px",
                 filter: "none",
-                "padding-left": "2xs",
-                "padding-right": "2xs",
-                "padding-top": "4xs",
-                "padding-bottom": "4xs",
+                "flex-direction": "column",
               },
-              filter: "none",
             },
+            ctas: Array(2).map(() => ({})),
             separator: {
               width: "100%",
               height: "1px",
-              "background-color": "border",
+              "background-color": "var(--color-border)",
               filter: "none",
-              display: "none",
             },
           },
         ],
@@ -760,6 +685,91 @@ export const Content3: IBlock = {
             Heading_Level: "H2",
           },
         },
+        services: [
+          {
+            number: {
+              selectedVariants: {},
+            },
+            service_title: {
+              heading: {
+                level: "4",
+              },
+              selectedVariants: {
+                Heading_Level: "H4",
+              },
+            },
+            service_item: {
+              selectedVariants: {},
+            },
+            number_wrapper: {
+              selectedVariants: {},
+            },
+          },
+          {
+            number: {
+              selectedVariants: {},
+            },
+            service_title: {
+              selectedVariants: {
+                Heading_Level: "H4",
+              },
+            },
+            service_item: {
+              selectedVariants: {},
+            },
+            number_wrapper: {
+              selectedVariants: {},
+            },
+          },
+          {
+            number: {
+              selectedVariants: {},
+            },
+            service_title: {
+              selectedVariants: {
+                Heading_Level: "H4",
+              },
+            },
+            service_item: {
+              selectedVariants: {},
+            },
+            number_wrapper: {
+              selectedVariants: {},
+            },
+          },
+          {
+            number: {
+              selectedVariants: {},
+            },
+            service_title: {
+              selectedVariants: {
+                Heading_Level: "H4",
+              },
+            },
+            service_item: {
+              selectedVariants: {},
+            },
+            number_wrapper: {
+              selectedVariants: {},
+            },
+          },
+          {
+            number: {
+              selectedVariants: {},
+            },
+            service_title: {
+              selectedVariants: {
+                Heading_Level: "H4",
+              },
+            },
+            service_item: {
+              selectedVariants: {},
+            },
+            number_wrapper: {
+              selectedVariants: {},
+            },
+          },
+        ],
       },
     },
   ],