@levo-so/blocks 0.1.100 → 0.1.102

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

@@ -4,69 +4,69 @@ const DEFAULT_CONTENT = {
   layout: null,
   container: null,
   header_wrapper: null,
-  title: "Our Services",
+  title: "Services that ship in weeks",
   description:
-    "Everything you need to build, launch, and grow without writing a single line of code.",
+    "Acceptance, risk, ledger, payouts, and reporting — a modular stack that clears PCI audit, settles daily, and plugs into your existing rails.",
   services_levoGroup: null,
   services: [
     {
       service_item: null,
       number_wrapper: null,
-      number: "1",
+      number: "01",
       content_wrapper: null,
-      service_title: "Custom Website Building",
+      service_title: "Acceptance",
       service_description:
-        "Professional website development tailored to your business needs with modern design and functionality.",
+        "Route across 180+ currencies and 40 local methods with smart retries that recover 8% of declined authorizations automatically.",
       ctas_levoGroup: null,
-      ctas: [{ cta: "Explore More" }, { cta: "Learn More" }],
+      ctas: [{ cta: "See coverage" }, { cta: "Book a demo" }],
       separator: null,
     },
     {
       service_item: null,
       number_wrapper: null,
-      number: "2",
+      number: "02",
       content_wrapper: null,
-      service_title: "Landing Page Creation",
+      service_title: "Risk engine",
       service_description:
-        "High-converting landing pages designed to capture leads and drive business growth effectively.",
+        "Device graph and behavioral models cut fraud by 42% while keeping 3-D Secure challenges under 4% of approved volume.",
       ctas_levoGroup: null,
-      ctas: [{ cta: "Explore More" }, { cta: "Learn More" }],
+      ctas: [{ cta: "View rule catalog" }, { cta: "Book a demo" }],
       separator: null,
     },
     {
       service_item: null,
       number_wrapper: null,
-      number: "3",
+      number: "03",
       content_wrapper: null,
-      service_title: "Client Portfolio Websites",
+      service_title: "Ledger",
       service_description:
-        "Showcase your work with stunning portfolio websites that highlight your expertise and achievements.",
+        "Double-entry books update per authorization with tokenized IDs, so reconciliation and payouts clear within the same minute.",
       ctas_levoGroup: null,
-      ctas: [{ cta: "Explore More" }, { cta: "Learn More" }],
+      ctas: [{ cta: "Read ledger docs" }, { cta: "Book a demo" }],
       separator: null,
     },
     {
       service_item: null,
       number_wrapper: null,
-      number: "4",
+      number: "04",
       content_wrapper: null,
-      service_title: "Event & Webinar Pages",
+      service_title: "Payouts",
       service_description:
-        "Engaging event pages with registration forms and promotional content to maximize attendance.",
+        "Push to 14 corridors with per-corridor SLAs, real-time FX, and batched settlement files that drop into your treasury on a schedule.",
       ctas_levoGroup: null,
-      ctas: [{ cta: "Explore More" }, { cta: "Learn More" }],
+      ctas: [{ cta: "See routing rules" }, { cta: "Book a demo" }],
       separator: null,
     },
     {
       service_item: null,
       number_wrapper: null,
-      number: "5",
+      number: "05",
       content_wrapper: null,
-      service_title: "Team or Company Microsites",
+      service_title: "Reporting",
       service_description:
-        "Dedicated microsites for teams or company divisions with focused messaging and branding.",
+        "Dashboards, exports, and warehouse syncs with signed row-level events — audit-ready reports without a separate pipeline.",
       ctas_levoGroup: null,
-      ctas: [{ cta: "Explore More" }, { cta: "Learn More" }],
+      ctas: [{ cta: "Open sample report" }, { cta: "Book a demo" }],
       separator: null,
     },
   ],
@@ -206,470 +206,435 @@ export const Content3: IBlock = {
           "flex-direction": "column",
           "row-gap": "none",
         },
-        services: [
-          {
-            service_item: {
-              display: "flex",
-              "align-items": "center",
-              "column-gap": "2xl",
-              "padding-top": "3xl",
-              "padding-bottom": "3xl",
-              tablet: {
-                "column-gap": "base",
-                "padding-top": "xl",
-                "padding-bottom": "xl",
-              },
-              mobile: {
-                "flex-direction": "row",
-                "row-gap": "base",
-                "padding-top": "lg",
-                "padding-bottom": "lg",
-              },
-              "justify-content": "space-between",
-              "row-gap": "none",
-            },
-            number_wrapper: {
-              "flex-shrink": "0",
-              tablet: {
-                width: "40px",
-                height: "40px",
-              },
-              mobile: {
-                width: "auto",
-                height: "auto",
-              },
-            },
-            number: {
-              color: "text-1",
-              mobile: {
-                "font-size": "sm",
-
-                width: "fit-content",
-              },
-            },
-            content_wrapper: {
-              "flex-grow": "1",
-              display: "flex",
+        services_levoGroupItem: {
+          service_item: {
+            display: "flex",
+            "align-items": "center",
+            "column-gap": "2xl",
+            "padding-top": "3xl",
+            "padding-bottom": "3xl",
+            tablet: {
+              "column-gap": "base",
+              "padding-top": "xl",
+              "padding-bottom": "xl",
+            },
+            mobile: {
               "flex-direction": "row",
-              "row-gap": "12px",
-
-              "justify-content": "space-between",
-              "align-items": "center",
+              "row-gap": "base",
+              "padding-top": "lg",
+              "padding-bottom": "lg",
             },
-            service_title: {
-              tablet: {
-                "font-size": "xl",
-              },
-              mobile: {
-                "font-size": "sm",
-                width: "auto",
-              },
+            "justify-content": "space-between",
+            "row-gap": "none",
+          },
+          number_wrapper: {
+            "flex-shrink": "0",
+            tablet: {
+              width: "40px",
+              height: "40px",
             },
-            service_description: {
-              "font-size": "16px",
-              color: "text-2",
-              "line-height": "1.6",
-              tablet: {
-                "font-size": "14px",
-              },
-              mobile: {
-                "font-size": "14px",
-              },
+            mobile: {
+              width: "auto",
+              height: "auto",
+            },
+          },
+          number: {
+            color: "text-1",
+            mobile: {
+              "font-size": "sm",
 
-              display: "none",
+              width: "fit-content",
             },
-            ctas_levoGroup: {
-              display: "flex",
-              "flex-direction": "row",
-              "align-items": "center",
-              gap: "sm",
-              tablet: {
-                "font-size": "13px",
-              },
-              mobile: {
-                "font-size": "12px",
+          },
+          content_wrapper: {
+            "flex-grow": "1",
+            display: "flex",
+            "flex-direction": "row",
+            "row-gap": "12px",
 
-                "flex-direction": "column",
-              },
+            "justify-content": "space-between",
+            "align-items": "center",
+          },
+          service_title: {
+            tablet: {
+              "font-size": "xl",
             },
-            ctas: Array(2).map(() => ({})),
-            separator: {
-              width: "100%",
-              height: "1px",
-              "background-color": "var(--color-border)",
+            mobile: {
+              "font-size": "sm",
+              width: "auto",
             },
           },
-          {
-            service_item: {
-              display: "flex",
-              "align-items": "center",
-              "column-gap": "2xl",
-              "padding-top": "3xl",
-              "padding-bottom": "3xl",
-              tablet: {
-                "column-gap": "base",
-                "padding-top": "xl",
-                "padding-bottom": "xl",
-              },
-              mobile: {
-                "flex-direction": "row",
-                "row-gap": "base",
-                "padding-top": "lg",
-                "padding-bottom": "lg",
-              },
-              "justify-content": "space-between",
-              "row-gap": "none",
+          service_description: {
+            "font-size": "16px",
+            color: "text-2",
+            "line-height": "1.6",
+            tablet: {
+              "font-size": "14px",
             },
-            number_wrapper: {
-              "flex-shrink": "0",
-              tablet: {
-                width: "40px",
-                height: "40px",
-              },
-              mobile: {
-                width: "auto",
-                height: "auto",
-              },
+            mobile: {
+              "font-size": "14px",
             },
-            number: {
-              color: "text-1",
-              mobile: {
-                "font-size": "sm",
 
-                width: "fit-content",
-              },
-            },
-            content_wrapper: {
-              "flex-grow": "1",
-              display: "flex",
-              "flex-direction": "row",
-              "row-gap": "12px",
+            display: "none",
+          },
+          ctas_levoGroup: {
+            display: "flex",
+            "flex-direction": "row",
+            "align-items": "center",
+            gap: "sm",
+            tablet: {
+              "font-size": "13px",
+            },
+            mobile: {
+              "font-size": "12px",
 
-              "justify-content": "space-between",
-              "align-items": "center",
-            },
-            service_title: {
-              tablet: {
-                "font-size": "xl",
-              },
-              mobile: {
-                "font-size": "sm",
-                width: "auto",
-              },
+              "flex-direction": "column",
             },
-            service_description: {
-              "font-size": "16px",
-              color: "text-2",
-              "line-height": "1.6",
-              tablet: {
-                "font-size": "14px",
-              },
-              mobile: {
-                "font-size": "14px",
-              },
-
-              display: "none",
+          },
+          separator: {
+            width: "100%",
+            height: "1px",
+            "background-color": "var(--color-border)",
+          },
+        },
+        services: [{}, {}, {}, {}, {}],
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        title: {
+          heading: {
+            level: 2,
+          },
+          selectedVariants: {
+            Heading_Level: "H2",
+          },
+        },
+        services: [
+          {
+            number: {
+              selectedVariants: {},
             },
-            ctas_levoGroup: {
-              display: "flex",
-              "flex-direction": "row",
-              "align-items": "center",
-              gap: "sm",
-              tablet: {
-                "font-size": "13px",
+            service_title: {
+              heading: {
+                level: "4",
               },
-              mobile: {
-                "font-size": "12px",
-
-                "flex-direction": "column",
+              selectedVariants: {
+                Heading_Level: "H4",
               },
             },
-            ctas: Array(2).map(() => ({})),
-            separator: {
-              width: "100%",
-              height: "1px",
-              "background-color": "var(--color-border)",
-            },
-          },
-          {
             service_item: {
-              display: "flex",
-              "align-items": "center",
-              "column-gap": "2xl",
-              "padding-top": "3xl",
-              "padding-bottom": "3xl",
-              tablet: {
-                "column-gap": "base",
-                "padding-top": "xl",
-                "padding-bottom": "xl",
-              },
-              mobile: {
-                "flex-direction": "row",
-                "row-gap": "base",
-                "padding-top": "lg",
-                "padding-bottom": "lg",
-              },
-              "justify-content": "space-between",
-              "row-gap": "none",
+              selectedVariants: {},
             },
             number_wrapper: {
-              "flex-shrink": "0",
-              tablet: {
-                width: "40px",
-                height: "40px",
-              },
-              mobile: {
-                width: "auto",
-                height: "auto",
-              },
+              selectedVariants: {},
             },
+            ctas: [
+              { cta: { selectedVariants: {} } },
+              { cta: { selectedVariants: { Button_Variants: "Secondary" } } },
+            ],
+          },
+          {
             number: {
-              color: "text-1",
-              mobile: {
-                "font-size": "sm",
-
-                width: "fit-content",
-              },
-            },
-            content_wrapper: {
-              "flex-grow": "1",
-              display: "flex",
-              "flex-direction": "row",
-              "row-gap": "12px",
-
-              "justify-content": "space-between",
-              "align-items": "center",
+              selectedVariants: {},
             },
             service_title: {
-              tablet: {
-                "font-size": "xl",
-              },
-              mobile: {
-                "font-size": "sm",
-                width: "auto",
-              },
-            },
-            service_description: {
-              "font-size": "16px",
-              color: "text-2",
-              "line-height": "1.6",
-              tablet: {
-                "font-size": "14px",
-              },
-              mobile: {
-                "font-size": "14px",
+              selectedVariants: {
+                Heading_Level: "H4",
               },
-
-              display: "none",
             },
-            ctas_levoGroup: {
-              display: "flex",
-              "flex-direction": "row",
-              "align-items": "center",
-              gap: "sm",
-              tablet: {
-                "font-size": "13px",
-              },
-              mobile: {
-                "font-size": "12px",
-
-                "flex-direction": "column",
-              },
+            service_item: {
+              selectedVariants: {},
             },
-            ctas: Array(2).map(() => ({})),
-            separator: {
-              width: "100%",
-              height: "1px",
-              "background-color": "var(--color-border)",
+            number_wrapper: {
+              selectedVariants: {},
             },
+            ctas: [
+              { cta: { selectedVariants: {} } },
+              { cta: { selectedVariants: { Button_Variants: "Secondary" } } },
+            ],
           },
           {
+            number: {
+              selectedVariants: {},
+            },
+            service_title: {
+              selectedVariants: {
+                Heading_Level: "H4",
+              },
+            },
             service_item: {
-              display: "flex",
-              "align-items": "center",
-              "column-gap": "2xl",
-              "padding-top": "3xl",
-              "padding-bottom": "3xl",
-              tablet: {
-                "column-gap": "base",
-                "padding-top": "xl",
-                "padding-bottom": "xl",
-              },
-              mobile: {
-                "flex-direction": "row",
-                "row-gap": "base",
-                "padding-top": "lg",
-                "padding-bottom": "lg",
-              },
-              "justify-content": "space-between",
-              "row-gap": "none",
+              selectedVariants: {},
             },
             number_wrapper: {
-              "flex-shrink": "0",
-              tablet: {
-                width: "40px",
-                height: "40px",
-              },
-              mobile: {
-                width: "auto",
-                height: "auto",
-              },
+              selectedVariants: {},
             },
+            ctas: [
+              { cta: { selectedVariants: {} } },
+              { cta: { selectedVariants: { Button_Variants: "Secondary" } } },
+            ],
+          },
+          {
             number: {
-              color: "text-1",
-              mobile: {
-                "font-size": "sm",
-
-                width: "fit-content",
-              },
-            },
-            content_wrapper: {
-              "flex-grow": "1",
-              display: "flex",
-              "flex-direction": "row",
-              "row-gap": "12px",
-
-              "justify-content": "space-between",
-              "align-items": "center",
+              selectedVariants: {},
             },
             service_title: {
-              tablet: {
-                "font-size": "xl",
-              },
-              mobile: {
-                "font-size": "sm",
-                width: "auto",
-              },
-            },
-            service_description: {
-              "font-size": "16px",
-              color: "text-2",
-              "line-height": "1.6",
-              tablet: {
-                "font-size": "14px",
-              },
-              mobile: {
-                "font-size": "14px",
+              selectedVariants: {
+                Heading_Level: "H4",
               },
-
-              display: "none",
             },
-            ctas_levoGroup: {
-              display: "flex",
-              "flex-direction": "row",
-              "align-items": "center",
-              gap: "sm",
-              tablet: {
-                "font-size": "13px",
-              },
-              mobile: {
-                "font-size": "12px",
-
-                "flex-direction": "column",
-              },
+            service_item: {
+              selectedVariants: {},
             },
-            ctas: Array(2).map(() => ({})),
-            separator: {
-              width: "100%",
-              height: "1px",
-              "background-color": "var(--color-border)",
+            number_wrapper: {
+              selectedVariants: {},
             },
+            ctas: [
+              { cta: { selectedVariants: {} } },
+              { cta: { selectedVariants: { Button_Variants: "Secondary" } } },
+            ],
           },
           {
+            number: {
+              selectedVariants: {},
+            },
+            service_title: {
+              selectedVariants: {
+                Heading_Level: "H4",
+              },
+            },
             service_item: {
-              display: "flex",
-              "align-items": "center",
-              "column-gap": "2xl",
-              "padding-top": "3xl",
-              "padding-bottom": "3xl",
-              tablet: {
-                "column-gap": "base",
-                "padding-top": "xl",
-                "padding-bottom": "xl",
-              },
-              mobile: {
-                "flex-direction": "row",
-                "row-gap": "base",
-                "padding-top": "lg",
-                "padding-bottom": "lg",
-              },
-              "justify-content": "space-between",
-              "row-gap": "none",
+              selectedVariants: {},
             },
             number_wrapper: {
-              "flex-shrink": "0",
-              tablet: {
-                width: "40px",
-                height: "40px",
-              },
-              mobile: {
-                width: "auto",
-                height: "auto",
-              },
+              selectedVariants: {},
             },
-            number: {
-              color: "text-1",
-              mobile: {
-                "font-size": "sm",
-
-                width: "fit-content",
-              },
+            ctas: [
+              { cta: { selectedVariants: {} } },
+              { cta: { selectedVariants: { Button_Variants: "Secondary" } } },
+            ],
+          },
+        ],
+      },
+    },
+    {
+      key: "grid",
+      title: "Grid",
+      styles: {
+        layout: {},
+        container: {},
+        header_wrapper: {
+          "text-align": "center",
+          "margin-bottom": "48px",
+          tablet: {
+            "margin-bottom": "32px",
+            "flex-direction": "column",
+          },
+          mobile: {
+            "margin-bottom": "24px",
+          },
+          display: "flex",
+          "justify-content": "space-between",
+          "align-items": "center",
+          width: "100%",
+          "flex-direction": "column",
+        },
+        title: {
+          "margin-bottom": "base",
+        },
+        description: {
+          "text-align": "center",
+          "max-width": "450px",
+        },
+        services_levoGroup: {
+          display: "grid",
+          "grid-template-columns": "1fr 1fr",
+          gap: "xl",
+          tablet: {
+            "grid-template-columns": "1fr 1fr",
+            gap: "base",
+          },
+          mobile: {
+            "grid-template-columns": "1fr",
+          },
+        },
+        services_levoGroupItem: {
+          service_item: {
+            display: "flex",
+            "flex-direction": "column",
+            "row-gap": "base",
+            "padding-top": "xl",
+            "padding-bottom": "xl",
+            "padding-left": "xl",
+            "padding-right": "xl",
+            tablet: {
+              "padding-top": "base",
+              "padding-bottom": "base",
+              "padding-left": "base",
+              "padding-right": "base",
+            },
+            mobile: {
+              "padding-top": "base",
+              "padding-bottom": "base",
+              "padding-left": "base",
+              "padding-right": "base",
             },
-            content_wrapper: {
-              "flex-grow": "1",
-              display: "flex",
-              "flex-direction": "row",
-              "row-gap": "12px",
-
-              "justify-content": "space-between",
-              "align-items": "center",
+          },
+          number_wrapper: {
+            "flex-shrink": "0",
+            "margin-bottom": "sm",
+          },
+          number: {
+            color: "text-1",
+          },
+          content_wrapper: {
+            display: "flex",
+            "flex-direction": "column",
+            "row-gap": "sm",
+          },
+          service_title: {
+            tablet: {
+              "font-size": "xl",
             },
-            service_title: {
-              tablet: {
-                "font-size": "xl",
-              },
-              mobile: {
-                "font-size": "sm",
-                width: "auto",
-              },
+            mobile: {
+              "font-size": "base",
             },
-            service_description: {
-              "font-size": "16px",
-              color: "text-2",
-              "line-height": "1.6",
-              tablet: {
-                "font-size": "14px",
-              },
-              mobile: {
-                "font-size": "14px",
-              },
-
-              display: "none",
+          },
+          service_description: {
+            "font-size": "16px",
+            color: "text-2",
+            "line-height": "1.6",
+            tablet: {
+              "font-size": "14px",
             },
-            ctas_levoGroup: {
-              display: "flex",
-              "flex-direction": "row",
-              "align-items": "center",
-              gap: "sm",
-              tablet: {
-                "font-size": "13px",
-              },
-              mobile: {
-                "font-size": "12px",
-
-                "flex-direction": "column",
-              },
+            mobile: {
+              "font-size": "14px",
+            },
+          },
+          ctas_levoGroup: {
+            display: "flex",
+            "flex-direction": "row",
+            "align-items": "center",
+            gap: "sm",
+            tablet: {
+              "font-size": "13px",
             },
-            ctas: Array(2).map(() => ({})),
-            separator: {
-              width: "100%",
-              height: "1px",
-              "background-color": "var(--color-border)",
+            mobile: {
+              "font-size": "12px",
             },
           },
+          ctas: [null, null],
+          separator: {
+            display: "none",
+          },
+        },
+        services: [{}, {}, {}, {}, {}],
+      },
+      content: {
+        layout: null,
+        container: null,
+        header_wrapper: null,
+        title: "Our Services",
+        description:
+          "Everything you need to build, launch, and grow without writing a single line of code.",
+        services_levoGroup: null,
+        services: [
+          {
+            service_item: null,
+            number_wrapper: null,
+            number: "1",
+            content_wrapper: null,
+            service_title: "Custom Website Building",
+            service_description:
+              "Professional website development tailored to your business needs with modern design and functionality.",
+            ctas_levoGroup: null,
+            ctas: [
+              {
+                cta: "Explore More",
+              },
+              {
+                cta: "Learn More",
+              },
+            ],
+            separator: null,
+          },
+          {
+            service_item: null,
+            number_wrapper: null,
+            number: "2",
+            content_wrapper: null,
+            service_title: "Landing Page Creation",
+            service_description:
+              "High-converting landing pages designed to capture leads and drive business growth effectively.",
+            ctas_levoGroup: null,
+            ctas: [
+              {
+                cta: "Explore More",
+              },
+              {
+                cta: "Learn More",
+              },
+            ],
+            separator: null,
+          },
+          {
+            service_item: null,
+            number_wrapper: null,
+            number: "3",
+            content_wrapper: null,
+            service_title: "Client Portfolio Websites",
+            service_description:
+              "Showcase your work with stunning portfolio websites that highlight your expertise and achievements.",
+            ctas_levoGroup: null,
+            ctas: [
+              {
+                cta: "Explore More",
+              },
+              {
+                cta: "Learn More",
+              },
+            ],
+            separator: null,
+          },
+          {
+            service_item: null,
+            number_wrapper: null,
+            number: "4",
+            content_wrapper: null,
+            service_title: "Event & Webinar Pages",
+            service_description:
+              "Engaging event pages with registration forms and promotional content to maximize attendance.",
+            ctas_levoGroup: null,
+            ctas: [
+              {
+                cta: "Explore More",
+              },
+              {
+                cta: "Learn More",
+              },
+            ],
+            separator: null,
+          },
+          {
+            service_item: null,
+            number_wrapper: null,
+            number: "5",
+            content_wrapper: null,
+            service_title: "Team or Company Microsites",
+            service_description:
+              "Dedicated microsites for teams or company divisions with focused messaging and branding.",
+            ctas_levoGroup: null,
+            ctas: [
+              {
+                cta: "Explore More",
+              },
+              {
+                cta: "Learn More",
+              },
+            ],
+            separator: null,
+          },
         ],
       },
-      content: DEFAULT_CONTENT,
       config: {
         title: {
           heading: {
@@ -685,9 +650,6 @@ export const Content3: IBlock = {
               selectedVariants: {},
             },
             service_title: {
-              heading: {
-                level: "4",
-              },
               selectedVariants: {
                 Heading_Level: "H4",
               },
@@ -698,6 +660,20 @@ export const Content3: IBlock = {
             number_wrapper: {
               selectedVariants: {},
             },
+            ctas: [
+              {
+                cta: {
+                  selectedVariants: {},
+                },
+              },
+              {
+                cta: {
+                  selectedVariants: {
+                    Button_Variants: "Secondary",
+                  },
+                },
+              },
+            ],
           },
           {
             number: {
@@ -714,6 +690,20 @@ export const Content3: IBlock = {
             number_wrapper: {
               selectedVariants: {},
             },
+            ctas: [
+              {
+                cta: {
+                  selectedVariants: {},
+                },
+              },
+              {
+                cta: {
+                  selectedVariants: {
+                    Button_Variants: "Secondary",
+                  },
+                },
+              },
+            ],
           },
           {
             number: {
@@ -730,6 +720,20 @@ export const Content3: IBlock = {
             number_wrapper: {
               selectedVariants: {},
             },
+            ctas: [
+              {
+                cta: {
+                  selectedVariants: {},
+                },
+              },
+              {
+                cta: {
+                  selectedVariants: {
+                    Button_Variants: "Secondary",
+                  },
+                },
+              },
+            ],
           },
           {
             number: {
@@ -746,6 +750,20 @@ export const Content3: IBlock = {
             number_wrapper: {
               selectedVariants: {},
             },
+            ctas: [
+              {
+                cta: {
+                  selectedVariants: {},
+                },
+              },
+              {
+                cta: {
+                  selectedVariants: {
+                    Button_Variants: "Secondary",
+                  },
+                },
+              },
+            ],
           },
           {
             number: {
@@ -762,9 +780,190 @@ export const Content3: IBlock = {
             number_wrapper: {
               selectedVariants: {},
             },
+            ctas: [
+              {
+                cta: {
+                  selectedVariants: {},
+                },
+              },
+              {
+                cta: {
+                  selectedVariants: {
+                    Button_Variants: "Secondary",
+                  },
+                },
+              },
+            ],
           },
         ],
       },
     },
+    {
+      key: "cards",
+      title: "Cards",
+      styles: {
+        layout: {},
+        container: {},
+        header_wrapper: {
+          "text-align": "center",
+          "margin-bottom": "48px",
+          tablet: {
+            "margin-bottom": "32px",
+            "flex-direction": "column",
+          },
+          mobile: {
+            "margin-bottom": "24px",
+          },
+          display: "flex",
+          "justify-content": "space-between",
+          "align-items": "center",
+          width: "100%",
+          "flex-direction": "row",
+        },
+        title: {
+          "margin-bottom": "base",
+        },
+        description: {
+          mobile: {
+            "text-align": "center",
+          },
+          "text-align": "left",
+          "max-width": "450px",
+        },
+        services_levoGroup: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "xl",
+        },
+        services_levoGroupItem: {
+          service_item: {
+            display: "flex",
+            "align-items": "center",
+            "column-gap": "2xl",
+            "padding-top": "3xl",
+            "padding-bottom": "3xl",
+            "padding-left": "3xl",
+            "padding-right": "3xl",
+            "background-color": "background-1",
+            "border-radius": "xl",
+            "box-shadow": "0 1px 3px 0 rgba(0,0,0,0.1)",
+            tablet: {
+              "column-gap": "base",
+              "padding-top": "xl",
+              "padding-bottom": "xl",
+              "padding-left": "xl",
+              "padding-right": "xl",
+            },
+            mobile: {
+              "flex-direction": "row",
+              "row-gap": "base",
+              "padding-top": "lg",
+              "padding-bottom": "lg",
+              "padding-left": "lg",
+              "padding-right": "lg",
+            },
+            "justify-content": "space-between",
+            "row-gap": "none",
+          },
+          number_wrapper: {
+            "flex-shrink": "0",
+            tablet: {
+              width: "40px",
+              height: "40px",
+            },
+            mobile: {
+              width: "auto",
+              height: "auto",
+            },
+          },
+          number: {
+            color: "text-1",
+            mobile: {
+              "font-size": "sm",
+              width: "fit-content",
+            },
+          },
+          content_wrapper: {
+            "flex-grow": "1",
+            display: "flex",
+            "flex-direction": "row",
+            "row-gap": "12px",
+            "justify-content": "space-between",
+            "align-items": "center",
+          },
+          service_title: {
+            tablet: {
+              "font-size": "xl",
+            },
+            mobile: {
+              "font-size": "sm",
+              width: "auto",
+            },
+          },
+          service_description: {
+            "font-size": "16px",
+            color: "text-2",
+            "line-height": "1.6",
+            tablet: {
+              "font-size": "14px",
+            },
+            mobile: {
+              "font-size": "14px",
+            },
+            display: "none",
+          },
+          ctas_levoGroup: {
+            display: "flex",
+            "flex-direction": "row",
+            "align-items": "center",
+            gap: "sm",
+            tablet: {
+              "font-size": "13px",
+            },
+            mobile: {
+              "font-size": "12px",
+              "flex-direction": "column",
+            },
+          },
+          separator: {
+            display: "none",
+          },
+        },
+        services: [{}, {}, {}, {}, {}],
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        title: {
+          heading: {
+            level: 2,
+          },
+          selectedVariants: {
+            Heading_Level: "H2",
+          },
+        },
+        services: Array(5)
+          .fill(0)
+          .map(() => ({
+            number: {
+              selectedVariants: {},
+            },
+            service_title: {
+              selectedVariants: {
+                Heading_Level: "H4",
+              },
+            },
+            service_item: {
+              selectedVariants: {},
+            },
+            number_wrapper: {
+              selectedVariants: {},
+            },
+            ctas: [
+              { cta: { selectedVariants: {} } },
+              { cta: { selectedVariants: { Button_Variants: "Secondary" } } },
+            ],
+          })),
+      },
+    },
   ],
 };