@levo-so/blocks 0.1.101 → 0.1.102

package/src/blocks/cta/cta-1.schema.ts

@@ -3,43 +3,17 @@ import type { IBlock } from "@levo-so/studio";
 const DEFAULT_CONTENT = {
   layout: null,
   container: null,
-  title: "Be the Reason a Child Goes to School",
+  title: "Build what your city's skyline needs next",
   ctas: [
     {
-      button: "Get Started Today",
+      button: "Request a proposal",
     },
     {
-      button: "Request a Proposal",
+      button: "See our projects",
     },
   ],
-  ctaIcon: {
-    id: "9GFRzqRPswl8h",
-    kind: "image",
-    location: "https://static.levocdn.com/WLZ1TXTD/arrow-right-tryvMJ0Z2DosG.svg",
-    srcset: {},
-  },
-  cta2_rightIcon: {
-    kind: "custom",
-    data: {
-      id: "lDiFGcHOy3Il",
-      filename: "image.png",
-      kind: "image",
-      location: "https://static.levostg.online/W6OEVMW8/image-rSCelHPGNUnO.png",
-      srcset: {
-        "1080w": "https://static.levostg.online/W6OEVMW8/image-rSCelHPGNUnO-1080w.webp",
-        "1200w": "https://static.levostg.online/W6OEVMW8/image-rSCelHPGNUnO-1200w.webp",
-        "1920w": "https://static.levostg.online/W6OEVMW8/image-rSCelHPGNUnO-1920w.webp",
-        "320w": "https://static.levostg.online/W6OEVMW8/image-rSCelHPGNUnO-320w.webp",
-        "640w": "https://static.levostg.online/W6OEVMW8/image-rSCelHPGNUnO-640w.webp",
-        "750w": "https://static.levostg.online/W6OEVMW8/image-rSCelHPGNUnO-750w.webp",
-        "828w": "https://static.levostg.online/W6OEVMW8/image-rSCelHPGNUnO-828w.webp",
-        path: "https://static.levostg.online/W6OEVMW8/image-rSCelHPGNUnO-320w.webp 320w, https://static.levostg.online/W6OEVMW8/image-rSCelHPGNUnO-1080w.webp 1080w, https://static.levostg.online/W6OEVMW8/image-rSCelHPGNUnO-828w.webp 828w, https://static.levostg.online/W6OEVMW8/image-rSCelHPGNUnO-640w.webp 640w, https://static.levostg.online/W6OEVMW8/image-rSCelHPGNUnO-1200w.webp 1200w, https://static.levostg.online/W6OEVMW8/image-rSCelHPGNUnO-750w.webp 750w, https://static.levostg.online/W6OEVMW8/image-rSCelHPGNUnO-1920w.webp 1920w",
-      },
-      mimetype: "image/png",
-    },
-  },
   description:
-    "<p>Your support can change lives. Help us provide essential education to children who need it most.</p>",
+    "<p>From groundbreaking to handover, we run BIM-coordinated commercial builds on fixed schedules with a zero-incident safety benchmark.</p>",
 };
 
 export type ICta1Content = typeof DEFAULT_CONTENT;
@@ -133,78 +107,280 @@ export const Cta1: IBlock = {
           display: "flex",
           "flex-direction": "row",
           "align-items": "center",
+          "column-gap": "2xl",
           mobile: {
             "flex-direction": "column",
-            "row-gap": "base",
+            "row-gap": "lg",
+            "column-gap": "0",
           },
           tablet: {
             "flex-direction": "column",
-            "row-gap": "base",
+            "row-gap": "lg",
+            "column-gap": "0",
           },
           "justify-content": "space-between",
         },
-        title: {
-          "margin-bottom": "4xs",
-          "max-width": "500px",
+        "header-container": {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "sm",
+          "max-width": "560px",
           tablet: {
-            "text-align": "center",
-            "margin-bottom": "xl",
             "max-width": "100%",
+            "align-items": "center",
+            "text-align": "center",
           },
           mobile: {
-            "text-align": "center",
-            "margin-bottom": "lg",
             "max-width": "100%",
+            "align-items": "center",
+            "text-align": "center",
           },
         },
+        title: {
+          "margin-bottom": "0",
+        },
+        description: {
+          "max-width": "560px",
+        },
         ctas_levoGroup: {
           display: "flex",
-          "column-gap": "lg",
+          "flex-direction": "row",
+          "column-gap": "base",
           "align-items": "center",
+          "justify-content": "flex-end",
+          "flex-shrink": "0",
           mobile: {
             "flex-direction": "column",
             "row-gap": "2xs",
             "column-gap": "0",
+            width: "100%",
           },
           tablet: {
-            "flex-direction": "column",
-            "row-gap": "xs",
-            "column-gap": "0",
             width: "100%",
+            "justify-content": "center",
+          },
+        },
+        ctas_levoGroupItem: {
+          button: {
+            mobile: {
+              width: "100%",
+            },
+          },
+        },
+        ctas: [{}, {}],
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        title: {
+          heading: {
+            level: 2,
+          },
+          selectedVariants: {
+            Heading_Level: "H2",
+          },
+        },
+        "ctas.0.button": {
+          selectedVariants: {
+            Button_Variants: "Primary",
+          },
+        },
+        "ctas.1.button": {
+          selectedVariants: {
+            Button_Variants: "Secondary",
           },
-          "flex-direction": "column",
-          "justify-content": "center",
-          "row-gap": "md",
-          width: "40%",
         },
         ctas: [
           {
             button: {
-              width: "100%",
+              selectedVariants: {
+                Button_Variants: "Secondary",
+              },
             },
           },
+        ],
+      },
+    },
+    {
+      title: "Centered",
+      key: "centered",
+      content: DEFAULT_CONTENT,
+      config: {
+        title: {
+          heading: {
+            level: 2,
+          },
+          selectedVariants: {
+            Heading_Level: "H2",
+          },
+        },
+        "ctas.0.button": {
+          selectedVariants: {
+            Button_Variants: "Primary",
+          },
+        },
+        "ctas.1.button": {
+          selectedVariants: {
+            Button_Variants: "Secondary",
+          },
+        },
+        ctas: [
           {
             button: {
+              selectedVariants: {
+                Button_Variants: "Secondary",
+              },
+            },
+          },
+        ],
+      },
+      styles: {
+        layout: {},
+        container: {
+          display: "flex",
+          "flex-direction": "column",
+          "align-items": "center",
+          "text-align": "center",
+          "row-gap": "lg",
+        },
+        "header-container": {
+          display: "flex",
+          "flex-direction": "column",
+          "align-items": "center",
+          "row-gap": "sm",
+          "max-width": "640px",
+        },
+        title: {
+          "margin-bottom": "0",
+          "text-align": "center",
+        },
+        description: {
+          "max-width": "640px",
+          "text-align": "center",
+        },
+        ctas_levoGroup: {
+          display: "flex",
+          "flex-direction": "row",
+          "column-gap": "base",
+          "align-items": "center",
+          "justify-content": "center",
+          mobile: {
+            "flex-direction": "column",
+            "row-gap": "2xs",
+            "column-gap": "0",
+            width: "100%",
+          },
+        },
+        ctas_levoGroupItem: {
+          button: {
+            mobile: {
               width: "100%",
             },
           },
+        },
+        ctas: [{}, {}],
+      },
+    },
+    {
+      title: "Card",
+      key: "card",
+      content: DEFAULT_CONTENT,
+      config: {
+        title: {
+          heading: {
+            level: 2,
+          },
+          selectedVariants: {
+            Heading_Level: "H2",
+          },
+        },
+        "ctas.0.button": {
+          selectedVariants: {
+            Button_Variants: "Primary",
+          },
+        },
+        "ctas.1.button": {
+          selectedVariants: {
+            Button_Variants: "Secondary",
+          },
+        },
+        ctas: [
+          {
+            button: {
+              selectedVariants: {
+                Button_Variants: "Secondary",
+              },
+            },
+          },
         ],
-        ctaIcon: {
-          width: "20px",
-          height: "20px",
+      },
+      styles: {
+        layout: {
+          "background-color": "background-1",
+        },
+        container: {
+          display: "flex",
+          "flex-direction": "column",
+          "align-items": "center",
+          "text-align": "center",
+          "row-gap": "lg",
+          "background-color": "white",
+          "border-radius": "lg",
+          "border-width": "1px",
+          "border-style": "solid",
+          "border-color": "border",
+          "padding-top": "4xl",
+          "padding-bottom": "4xl",
+          "padding-left": "3xl",
+          "padding-right": "3xl",
+          "box-shadow": "lg",
           mobile: {
-            width: "16px",
-            height: "16px",
+            "padding-top": "2xl",
+            "padding-bottom": "2xl",
+            "padding-left": "lg",
+            "padding-right": "lg",
           },
         },
-        cta2_rightIcon: {
-          width: "20px",
+        "header-container": {
+          display: "flex",
+          "flex-direction": "column",
+          "align-items": "center",
+          "row-gap": "sm",
+          "max-width": "640px",
+        },
+        title: {
+          "margin-bottom": "0",
+          "text-align": "center",
         },
-        "header-container": {},
         description: {
-          "max-width": "500px",
+          "max-width": "640px",
+          "text-align": "center",
+        },
+        ctas_levoGroup: {
+          display: "flex",
+          "flex-direction": "row",
+          "column-gap": "base",
+          "align-items": "center",
+          "justify-content": "center",
+          mobile: {
+            "flex-direction": "column",
+            "row-gap": "2xs",
+            "column-gap": "0",
+            width: "100%",
+          },
         },
+        ctas_levoGroupItem: {
+          button: {
+            mobile: {
+              width: "100%",
+            },
+          },
+        },
+        ctas: [{}, {}],
       },
+    },
+    {
+      title: "Split",
+      key: "split",
       content: DEFAULT_CONTENT,
       config: {
         title: {
@@ -224,11 +400,6 @@ export const Cta1: IBlock = {
           selectedVariants: {
             Button_Variants: "Secondary",
           },
-          button_icons: {
-            right: {
-              enabled: true,
-            },
-          },
         },
         ctas: [
           {
@@ -240,6 +411,67 @@ export const Cta1: IBlock = {
           },
         ],
       },
+      styles: {
+        layout: {},
+        container: {
+          display: "flex",
+          "flex-direction": "row",
+          "align-items": "center",
+          "justify-content": "space-between",
+          "column-gap": "3xl",
+          mobile: {
+            "flex-direction": "column",
+            "row-gap": "xl",
+            "column-gap": "0",
+          },
+          tablet: {
+            "flex-direction": "column",
+            "row-gap": "xl",
+            "column-gap": "0",
+          },
+        },
+        "header-container": {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "sm",
+          width: "60%",
+          mobile: {
+            width: "100%",
+            "text-align": "center",
+            "align-items": "center",
+          },
+          tablet: {
+            width: "100%",
+            "text-align": "center",
+            "align-items": "center",
+          },
+        },
+        title: {
+          "margin-bottom": "0",
+        },
+        description: {
+          "max-width": "100%",
+        },
+        ctas_levoGroup: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "sm",
+          "align-items": "stretch",
+          width: "40%",
+          mobile: {
+            width: "100%",
+          },
+          tablet: {
+            width: "100%",
+          },
+        },
+        ctas_levoGroupItem: {
+          button: {
+            width: "100%",
+          },
+        },
+        ctas: [{}, {}],
+      },
     },
   ],
 };