@levo-so/blocks 0.1.100 → 0.1.102

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

@@ -6,24 +6,23 @@ const DEFAULT_CONTENT = {
   inner_container: null,
   icon_wrapper: null,
   description:
-    "Transform your business with our comprehensive platform designed for modern enterprises seeking growth and efficiency.",
+    "PCI DSS Level 1 payments with tokenized card vaults and hardware-backed keys — money moves safely by default, every transaction.",
   content_ctas_levoGroup: null,
   content_ctas: [
     {
-      cta: "Get Started",
+      cta: "Read trust report",
     },
     {
-      cta: "Learn More",
+      cta: "Book a demo",
     },
   ],
   icon: {
     kind: "icon",
     data: {
-      id: "simcard-2",
-      label: "Simcard 2",
-      tags: ["computers-devices-electronics", "custom", "directional", "simcard"],
+      id: "shield-tick",
+      label: "Shield Tick",
       svgCode:
-        '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M12.11 22.72H5.89C3.16 22.72 1.25 20.81 1.25 18.08V10.31C1.25 7.58004 3.16 5.67004 5.89 5.67004H9.72C10.94 5.67004 12.14 6.17004 13 7.03004L15.39 9.41004C16.26 10.28 16.75 11.47 16.75 12.69V18.08C16.75 20.81 14.84 22.72 12.11 22.72ZM5.89 7.17004C3.98 7.17004 2.75 8.40004 2.75 10.31V18.08C2.75 19.99 3.98 21.22 5.89 21.22H12.11C14.02 21.22 15.25 19.99 15.25 18.08V12.69C15.25 11.86 14.91 11.06 14.33 10.47L11.94 8.09004C11.35 7.50004 10.54 7.17004 9.72 7.17004H5.89Z" fill="var(--color-icon-primary)"/>\n<path d="M18.11 18.28H16C15.59 18.28 15.25 17.94 15.25 17.53V12.69C15.25 11.86 14.91 11.06 14.33 10.47L11.94 8.08997C11.35 7.49997 10.54 7.16997 9.72 7.16997H8C7.59 7.16997 7.25 6.82997 7.25 6.41997V5.85997C7.25 3.12997 9.16 1.21997 11.89 1.21997H15.72C16.94 1.21997 18.14 1.71997 19 2.57997L21.39 4.96997C22.27 5.84997 22.75 7.00997 22.75 8.24997V13.64C22.75 16.37 20.84 18.28 18.11 18.28ZM16.75 16.78H18.11C20.02 16.78 21.25 15.55 21.25 13.64V8.24997C21.25 7.40997 20.92 6.61997 20.33 6.02997L17.94 3.63997C17.36 3.05997 16.55 2.71997 15.72 2.71997H11.89C10.05 2.71997 8.83 3.86997 8.75 5.66997H9.72C10.94 5.66997 12.14 6.16997 13 7.02997L15.39 9.40997C16.26 10.28 16.75 11.47 16.75 12.69V16.78Z" fill="var(--color-icon-primary)"/>\n</svg>',
+        '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M12.0004 22.7599C10.9104 22.7599 9.83039 22.4399 8.98039 21.8099L4.68039 18.5999C3.54039 17.7499 2.65039 15.9699 2.65039 14.5599V7.11994C2.65039 5.57994 3.78039 3.93994 5.23039 3.39994L10.2204 1.52994C11.2104 1.15994 12.7704 1.15994 13.7604 1.52994L18.7504 3.39994C20.2004 3.93994 21.3304 5.57994 21.3304 7.11994V14.5499C21.3304 15.9699 20.4404 17.7399 19.3004 18.5899L15.0004 21.7999C14.1704 22.4399 13.0904 22.7599 12.0004 22.7599ZM10.7504 2.93994L5.76039 4.80994C4.91039 5.12994 4.16039 6.20994 4.16039 7.12994V14.5599C4.16039 15.5099 4.83039 16.8399 5.58039 17.3999L9.88039 20.6099C11.0304 21.4699 12.9704 21.4699 14.1304 20.6099L18.4304 17.3999C19.1904 16.8299 19.8504 15.5099 19.8504 14.5599V7.11994C19.8504 6.20994 19.1004 5.12994 18.2504 4.79994L13.2604 2.92994C12.5804 2.68994 11.4204 2.68994 10.7504 2.93994Z" fill="var(--color-icon-primary)"/>\n<path d="M10.6602 14.2301C10.4702 14.2301 10.2802 14.1601 10.1302 14.0101L8.52023 12.4001C8.23023 12.1101 8.23023 11.6301 8.52023 11.3401C8.81023 11.0501 9.29023 11.0501 9.58023 11.3401L10.6602 12.4201L14.4302 8.65012C14.7202 8.36012 15.2002 8.36012 15.4902 8.65012C15.7802 8.94012 15.7802 9.42012 15.4902 9.71012L11.1902 14.0101C11.0402 14.1601 10.8502 14.2301 10.6602 14.2301Z" fill="var(--color-icon-primary)"/>\n</svg>',
     },
   },
 };
@@ -124,6 +123,247 @@ export const Content8: IBlock = {
             Typography_Variants: "Large",
           },
         },
+        content_ctas: [
+          {},
+          { cta: { selectedVariants: { Button_Variants: "Secondary" } } },
+        ],
+      },
+    },
+    {
+      key: "vertical_centered",
+      title: "Vertical Centered",
+      styles: {
+        layout: {
+          "background-color": "background-2",
+        },
+        container: {
+          display: "flex",
+          "justify-content": "center",
+          "align-items": "center",
+        },
+        inner_container: {
+          display: "flex",
+          "flex-direction": "column",
+          "align-items": "center",
+          "row-gap": "lg",
+          "text-align": "center",
+          "max-width": "640px",
+        },
+        icon_wrapper: {
+          display: "flex",
+          "align-items": "center",
+          "justify-content": "center",
+          "background-color": "background-3",
+          "border-radius": "12px",
+          "padding-left": "base",
+          "padding-right": "base",
+          "padding-top": "base",
+          "padding-bottom": "base",
+        },
+        icon: {
+          width: "32px",
+          height: "32px",
+          "object-fit": "contain",
+        },
+        description: {
+          color: "text-2",
+          "text-align": "center",
+        },
+        content_ctas_levoGroup: {
+          display: "flex",
+          "column-gap": "sm",
+          "justify-content": "center",
+        },
+        cta: {},
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        description: {
+          selectedVariants: {
+            Typography_Variants: "Large",
+          },
+        },
+        content_ctas: [
+          {},
+          { cta: { selectedVariants: { Button_Variants: "Secondary" } } },
+        ],
+      },
+    },
+    {
+      key: "left_aligned",
+      title: "Left Aligned",
+      styles: {
+        layout: {
+          "background-color": "background-2",
+        },
+        container: {
+          display: "flex",
+          "align-items": "center",
+        },
+        inner_container: {
+          display: "flex",
+          "flex-direction": "column",
+          "align-items": "flex-start",
+          "row-gap": "base",
+          "max-width": "720px",
+        },
+        icon_wrapper: {
+          display: "flex",
+          "align-items": "center",
+          "justify-content": "center",
+        },
+        icon: {
+          width: "40px",
+          height: "40px",
+          "object-fit": "contain",
+        },
+        description: {
+          color: "text-1",
+        },
+        content_ctas_levoGroup: {
+          display: "flex",
+          "column-gap": "sm",
+        },
+        cta: {},
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        description: {
+          selectedVariants: {
+            Typography_Variants: "Large",
+          },
+        },
+        content_ctas: [
+          {},
+          { cta: { selectedVariants: { Button_Variants: "Secondary" } } },
+        ],
+      },
+    },
+    {
+      key: "split_banner",
+      title: "Split Banner",
+      styles: {
+        layout: {
+          "background-color": "background-3",
+        },
+        container: {
+          display: "flex",
+          "justify-content": "space-between",
+          "align-items": "center",
+        },
+        inner_container: {
+          display: "flex",
+          "flex-direction": "row",
+          "align-items": "center",
+          "justify-content": "space-between",
+          width: "100%",
+          "column-gap": "xl",
+          tablet: {
+            "flex-direction": "column",
+            "row-gap": "lg",
+            "align-items": "flex-start",
+          },
+        },
+        icon_wrapper: {
+          display: "flex",
+          "align-items": "center",
+          "justify-content": "center",
+          "flex-shrink": "0",
+        },
+        icon: {
+          width: "48px",
+          height: "48px",
+          "object-fit": "contain",
+        },
+        description: {
+          color: "text-1",
+          "flex-grow": "1",
+          "max-width": "500px",
+        },
+        content_ctas_levoGroup: {
+          display: "flex",
+          "column-gap": "sm",
+          "flex-shrink": "0",
+        },
+        cta: {},
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        description: {
+          selectedVariants: {
+            Typography_Variants: "Base",
+          },
+        },
+        content_ctas: [
+          {},
+          { cta: { selectedVariants: { Button_Variants: "Secondary" } } },
+        ],
+      },
+    },
+    {
+      key: "pill_banner",
+      title: "Pill Banner",
+      styles: {
+        layout: {},
+        container: {
+          display: "flex",
+          "justify-content": "center",
+          "align-items": "center",
+        },
+        inner_container: {
+          display: "flex",
+          "flex-direction": "row",
+          "align-items": "center",
+          "column-gap": "base",
+          "background-color": "background-2",
+          "border-radius": "3xl",
+          "padding-left": "xl",
+          "padding-right": "xl",
+          "padding-top": "sm",
+          "padding-bottom": "sm",
+          tablet: {
+            "flex-direction": "column",
+            "row-gap": "sm",
+            "border-radius": "xl",
+            "padding-left": "lg",
+            "padding-right": "lg",
+            "padding-top": "lg",
+            "padding-bottom": "lg",
+            "text-align": "center",
+          },
+        },
+        icon_wrapper: {
+          display: "flex",
+          "align-items": "center",
+          "justify-content": "center",
+          "flex-shrink": "0",
+        },
+        icon: {
+          width: "36px",
+          height: "36px",
+          "object-fit": "contain",
+        },
+        description: {
+          color: "text-1",
+        },
+        content_ctas_levoGroup: {
+          display: "flex",
+          "column-gap": "xs",
+          "flex-shrink": "0",
+        },
+        cta: {},
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        description: {
+          selectedVariants: {
+            Typography_Variants: "Base",
+          },
+        },
+        content_ctas: [
+          {},
+          { cta: { selectedVariants: { Button_Variants: "Secondary" } } },
+        ],
       },
     },
   ],