@levo-so/blocks 0.1.101 → 0.1.102

package/src/blocks/services/service-2.schema.ts

@@ -1,21 +1,57 @@
 import type { IBlock } from "@levo-so/studio";
 
-const MEDIA = {
-  id: "pKkmltJTMHQl",
-  filename: "services-2.png",
+const IMG_HERO = {
+  id: "7453394724889637024",
   kind: "image",
-  location: "https://static.levocdn.com/WLZ1TXTD/services-2-n3qJfSsRwAGw.png",
+  location: "https://images.pexels.com/photos/5833752/pexels-photo-5833752.jpeg",
+  mimetype: "image/jpeg",
   srcset: {
-    "1080w": "https://static.levocdn.com/WLZ1TXTD/services-2-n3qJfSsRwAGw-1080w.webp",
-    "1200w": "https://static.levocdn.com/WLZ1TXTD/services-2-n3qJfSsRwAGw-1200w.webp",
-    "1920w": "https://static.levocdn.com/WLZ1TXTD/services-2-n3qJfSsRwAGw-1920w.webp",
-    "320w": "https://static.levocdn.com/WLZ1TXTD/services-2-n3qJfSsRwAGw-320w.webp",
-    "640w": "https://static.levocdn.com/WLZ1TXTD/services-2-n3qJfSsRwAGw-640w.webp",
-    "750w": "https://static.levocdn.com/WLZ1TXTD/services-2-n3qJfSsRwAGw-750w.webp",
-    "828w": "https://static.levocdn.com/WLZ1TXTD/services-2-n3qJfSsRwAGw-828w.webp",
-    path: "https://static.levocdn.com/WLZ1TXTD/services-2-n3qJfSsRwAGw-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/services-2-n3qJfSsRwAGw-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/services-2-n3qJfSsRwAGw-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/services-2-n3qJfSsRwAGw-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/services-2-n3qJfSsRwAGw-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/services-2-n3qJfSsRwAGw-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/services-2-n3qJfSsRwAGw-320w.webp 320w",
+    "320w":
+      "https://images.pexels.com/photos/5833752/pexels-photo-5833752.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
+    "640w":
+      "https://images.pexels.com/photos/5833752/pexels-photo-5833752.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
+    "750w":
+      "https://images.pexels.com/photos/5833752/pexels-photo-5833752.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
+    "828w":
+      "https://images.pexels.com/photos/5833752/pexels-photo-5833752.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
+    "1080w":
+      "https://images.pexels.com/photos/5833752/pexels-photo-5833752.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
+    "1200w":
+      "https://images.pexels.com/photos/5833752/pexels-photo-5833752.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
+    "1920w":
+      "https://images.pexels.com/photos/5833752/pexels-photo-5833752.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
+    path: "https://images.pexels.com/photos/5833752/pexels-photo-5833752.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320 320w, https://images.pexels.com/photos/5833752/pexels-photo-5833752.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/5833752/pexels-photo-5833752.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750 750w, https://images.pexels.com/photos/5833752/pexels-photo-5833752.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828 828w, https://images.pexels.com/photos/5833752/pexels-photo-5833752.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/5833752/pexels-photo-5833752.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200 1200w, https://images.pexels.com/photos/5833752/pexels-photo-5833752.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w",
+  },
+};
+
+const ICON_FLASH = {
+  kind: "icon" as const,
+  data: {
+    id: "flash",
+    label: "Flash",
+    svgCode:
+      '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M9.98959 22.75C9.78959 22.75 9.62959 22.71 9.50959 22.66C9.10959 22.51 8.42959 22.02 8.42959 20.47V14.02H6.08959C4.74959 14.02 4.26959 13.39 4.09959 13.02C3.92959 12.64 3.77959 11.87 4.65959 10.86L12.2296 2.26001C13.2496 1.10001 14.0796 1.18001 14.4796 1.33001C14.8796 1.48001 15.5596 1.97001 15.5596 3.52001V9.97001H17.8996C19.2396 9.97001 19.7196 10.6 19.8896 10.97C20.0596 11.35 20.2096 12.12 19.3296 13.13L11.7596 21.73C11.0496 22.54 10.4296 22.75 9.98959 22.75ZM13.9296 2.74001C13.8996 2.78001 13.6896 2.88001 13.3596 3.26001L5.78959 11.86C5.50959 12.18 5.46959 12.38 5.46959 12.42C5.48959 12.43 5.66959 12.53 6.08959 12.53H9.17959C9.58959 12.53 9.92959 12.87 9.92959 13.28V20.48C9.92959 20.98 10.0196 21.2 10.0596 21.26C10.0896 21.22 10.2996 21.12 10.6296 20.74L18.1996 12.14C18.4796 11.82 18.5196 11.62 18.5196 11.58C18.4996 11.57 18.3196 11.47 17.8996 11.47H14.8096C14.3996 11.47 14.0596 11.13 14.0596 10.72V3.52001C14.0696 3.02001 13.9696 2.81001 13.9296 2.74001Z" fill="var(--color-icon-primary)"/>\n</svg>',
+  },
+};
+
+const ICON_GLOBAL = {
+  kind: "icon" as const,
+  data: {
+    id: "global",
+    label: "Global",
+    svgCode:
+      '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M12 22.75C6.07 22.75 1.25 17.93 1.25 12C1.25 6.07 6.07 1.25 12 1.25C17.93 1.25 22.75 6.07 22.75 12C22.75 17.93 17.93 22.75 12 22.75ZM12 2.75C6.9 2.75 2.75 6.9 2.75 12C2.75 17.1 6.9 21.25 12 21.25C17.1 21.25 21.25 17.1 21.25 12C21.25 6.9 17.1 2.75 12 2.75Z" fill="var(--color-icon-primary)"/>\n<path d="M9.00023 21.75H8.00023C7.59023 21.75 7.25023 21.41 7.25023 21C7.25023 20.59 7.57023 20.26 7.98023 20.25C6.41023 14.89 6.41023 9.11 7.98023 3.75C7.57023 3.74 7.25023 3.41 7.25023 3C7.25023 2.59 7.59023 2.25 8.00023 2.25H9.00023C9.24023 2.25 9.47023 2.37 9.61023 2.56C9.75023 2.76 9.79023 3.01 9.71023 3.24C7.83023 8.89 7.83023 15.11 9.71023 20.77C9.79023 21 9.75023 21.25 9.61023 21.45C9.47023 21.63 9.24023 21.75 9.00023 21.75Z" fill="var(--color-icon-primary)"/>\n<path d="M15.0004 21.75C14.9204 21.75 14.8404 21.74 14.7604 21.71C14.3704 21.58 14.1504 21.15 14.2904 20.76C16.1704 15.11 16.1704 8.89 14.2904 3.23C14.1604 2.84 14.3704 2.41 14.7604 2.28C15.1604 2.15 15.5804 2.36 15.7104 2.75C17.7004 8.71 17.7004 15.27 15.7104 21.22C15.6104 21.55 15.3104 21.75 15.0004 21.75Z" fill="var(--color-icon-primary)"/>\n<path d="M12 17.2C9.21 17.2 6.43 16.81 3.75 16.02C3.74 16.42 3.41 16.75 3 16.75C2.59 16.75 2.25 16.41 2.25 16V15C2.25 14.76 2.37 14.53 2.56 14.39C2.76 14.25 3.01 14.21 3.24 14.29C8.89 16.17 15.12 16.17 20.77 14.29C21 14.21 21.25 14.25 21.45 14.39C21.65 14.53 21.76 14.76 21.76 15V16C21.76 16.41 21.42 16.75 21.01 16.75C20.6 16.75 20.27 16.43 20.26 16.02C17.57 16.81 14.79 17.2 12 17.2Z" fill="var(--color-icon-primary)"/>\n<path d="M20.9998 9.74999C20.9198 9.74999 20.8398 9.73999 20.7598 9.70999C15.1098 7.82999 8.87978 7.82999 3.22978 9.70999C2.82978 9.83999 2.40978 9.62999 2.27978 9.23999C2.15978 8.83999 2.36978 8.41999 2.75978 8.28999C8.71978 6.29999 15.2798 6.29999 21.2298 8.28999C21.6198 8.41999 21.8398 8.84999 21.6998 9.23999C21.6098 9.54999 21.3098 9.74999 20.9998 9.74999Z" fill="var(--color-icon-primary)"/>\n</svg>',
+  },
+};
+
+const ICON_SHIELD = {
+  kind: "icon" as const,
+  data: {
+    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.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>',
   },
-  mimetype: "image/png",
 };
 
 const DEFAULT_CONTENT = {
@@ -24,52 +60,72 @@ const DEFAULT_CONTENT = {
   main_wrapper: null,
   left_container: null,
   content_wrapper: null,
-  label: "Professional Services",
-  title: "Expert Business Consulting Solutions",
+  label: "Payments infrastructure",
+  title: "Money that moves at the speed of your business",
   description:
-    "Strategic consulting services that drive growth and innovation for your business. Our expert team delivers tailored solutions for sustainable success.",
+    "Route, settle, and reconcile payments across 42 countries with PCI DSS Level 1 rails, tokenized card vaults, and a single ISO 20022 ledger API.",
   ctas_levoGroup: null,
   ctas: [
     {
-      cta: "Get Started",
+      cta: "Book a demo",
     },
     {
-      cta: "Learn More",
+      cta: "See pricing",
     },
   ],
   stats_container: null,
   stats: [
     {
       stat_wrapper: null,
-      value: "500+",
-      label: "Clients Served",
+      icon: ICON_FLASH,
+      value: "<200ms",
+      label: "Median authorization latency",
     },
     {
       stat_wrapper: null,
-      value: "15+",
-      label: "Years Experience",
+      icon: ICON_GLOBAL,
+      value: "42",
+      label: "Countries settled in local currency",
     },
     {
       stat_wrapper: null,
-      value: "98%",
-      label: "Success Rate",
+      icon: ICON_SHIELD,
+      value: "99.995%",
+      label: "Uptime backed by a P1 SLA",
     },
   ],
   search_input_wrapper: null,
-  search_button: "Search",
+  search_button: "Check coverage",
   right_container: null,
-  hero_image: MEDIA,
+  hero_image: IMG_HERO,
 };
 
 export type IService2Content = typeof DEFAULT_CONTENT;
 
+const BRANDED_LABEL = {
+  color: "brand",
+  "text-transform": "uppercase",
+  "letter-spacing": "0.08em",
+  "font-weight": 600,
+  "font-size": "xs",
+  "max-width": "fit-content",
+} as const;
+
+const STAT_ICON = {
+  width: "24px",
+  height: "24px",
+  "font-size": "24px",
+  "flex-shrink": 0,
+  color: "brand",
+} as const;
+
 export const Service2: IBlock = {
   category_id: "services",
   title: "Service 2",
   key: "service-2",
   version: "v1",
   prompt_description:
-    "Two-column service section with left side content including title, description, CTA button, statistics grid, and file upload, paired with a large service image on the right side.",
+    "Two-column fintech hero section with left side content including label, title, description, CTA buttons, statistics grid, and pincode search, paired with a large service image on the right side.",
   content_schema: [
     {
       key: "layout",
@@ -104,7 +160,7 @@ export const Service2: IBlock = {
       field_interface: "BoxWidget",
       hint: {
         prompt_description:
-          "Left side container holding the main content including title, description, CTA, statistics, and file upload.",
+          "Left side container holding the main content including title, description, CTA, statistics, and pincode search.",
       },
     },
     {
@@ -299,25 +355,22 @@ export const Service2: IBlock = {
           flex: "1",
           display: "flex",
           "flex-direction": "column",
-          "row-gap": "3xl",
+          "row-gap": "2xl",
         },
         content_wrapper: {
           display: "flex",
           "flex-direction": "column",
           "row-gap": "lg",
         },
-        label: {
-          "background-color": "brand",
-          width: "fit-content",
-          "border-radius": "3xl",
-          "padding-left": "2xs",
-          "padding-right": "2xs",
-          "padding-top": "4xs",
-          "padding-bottom": "4xs",
-          color: "brandForeground",
-        },
-        title: {},
-        description: {},
+        label: BRANDED_LABEL,
+        title: {
+          "font-weight": 700,
+          "line-height": "1.1",
+        },
+        description: {
+          color: "text-2",
+          "line-height": "1.6",
+        },
         ctas_levoGroup: {
           display: "flex",
           "flex-direction": "row",
@@ -327,28 +380,39 @@ export const Service2: IBlock = {
           "align-items": "center",
           "align-self": "flex-start",
         },
-        ctas: Array(2)
-          .fill(0)
-          .map(() => ({
-            cta: {},
-          })),
+        ctas_levoGroupItem: {
+          cta: {},
+        },
+        ctas: [{}, {}],
         stats_container: {
           display: "flex",
           "flex-direction": "column",
           "row-gap": "base",
+          "padding-top": "lg",
+          "border-top-width": "1px",
+          "border-top-style": "solid",
+          "border-color": "border",
         },
         stats_levoGroup: {
-          display: "flex",
-          "column-gap": "2xl",
+          display: "grid",
+          "grid-template-columns": "repeat(3, minmax(0, 1fr))",
+          "column-gap": "xl",
           mobile: {
-            "flex-direction": "column",
+            "grid-template-columns": "repeat(1, minmax(0, 1fr))",
             "row-gap": "base",
           },
         },
         search_input_wrapper: {
           display: "flex",
-          "flex-direction": "column",
-          "row-gap": "base",
+          "flex-direction": "row",
+          "column-gap": "base",
+          "align-items": "center",
+          "flex-wrap": "wrap",
+          mobile: {
+            "flex-direction": "column",
+            "row-gap": "base",
+            "align-items": "stretch",
+          },
         },
         right_container: {
           flex: "1",
@@ -357,41 +421,26 @@ export const Service2: IBlock = {
           width: "100%",
           "aspect-ratio": "4/3",
           "object-fit": "cover",
-          "border-radius": "base",
+          "border-radius": "xl",
         },
-        stats: [
-          {
-            stat_wrapper: {
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "xs",
-            },
-            value: {},
-            label: {},
+        stats_levoGroupItem: {
+          stat_wrapper: {
+            display: "flex",
+            "flex-direction": "column",
+            "row-gap": "xs",
+            "align-items": "flex-start",
           },
-          {
-            stat_wrapper: {
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "xs",
-            },
-            value: {},
-            label: {
-              color: "text-2",
-            },
+          icon: STAT_ICON,
+          value: {
+            "font-weight": 700,
+            color: "brand",
           },
-          {
-            stat_wrapper: {
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "xs",
-            },
-            value: {},
-            label: {
-              color: "text-2",
-            },
+          label: {
+            color: "text-2",
+            "font-size": "sm",
           },
-        ],
+        },
+        stats: [{}, {}, {}],
       },
       content: DEFAULT_CONTENT,
       config: {
@@ -413,6 +462,10 @@ export const Service2: IBlock = {
             Button_Variants: "Secondary",
           },
         },
+        ctas: [
+          { cta: { selectedVariants: {} } },
+          { cta: { selectedVariants: { Button_Variants: "Secondary" } } },
+        ],
         stats: [
           {
             value: {
@@ -441,5 +494,429 @@ export const Service2: IBlock = {
         ],
       },
     },
+    {
+      title: "Centered Spotlight",
+      key: "centered-spotlight",
+      styles: {
+        layout: {
+          "background-color": "background-2",
+        },
+        container: {},
+        main_wrapper: {
+          display: "flex",
+          "flex-direction": "column",
+          "align-items": "center",
+          "row-gap": "3xl",
+          "text-align": "center",
+        },
+        left_container: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "2xl",
+          "align-items": "center",
+          "max-width": "720px",
+        },
+        content_wrapper: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "lg",
+          "align-items": "center",
+        },
+        label: {
+          ...BRANDED_LABEL,
+          "align-self": "center",
+        },
+        title: {
+          "font-weight": 700,
+          "line-height": "1.1",
+        },
+        description: {
+          color: "text-2",
+          "line-height": "1.65",
+        },
+        ctas_levoGroup: {
+          display: "flex",
+          "flex-direction": "row",
+          "column-gap": "md",
+          "row-gap": "md",
+          "flex-wrap": "wrap",
+          "align-items": "center",
+          "justify-content": "center",
+        },
+        ctas_levoGroupItem: { cta: {} },
+        ctas: [{}, {}],
+        stats_container: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "base",
+          width: "100%",
+        },
+        stats_levoGroup: {
+          display: "grid",
+          "grid-template-columns": "repeat(3, minmax(0, 1fr))",
+          "column-gap": "xl",
+          mobile: {
+            "grid-template-columns": "repeat(1, minmax(0, 1fr))",
+            "row-gap": "base",
+          },
+        },
+        search_input_wrapper: {
+          display: "flex",
+          "flex-direction": "row",
+          "column-gap": "base",
+          "align-items": "center",
+          "justify-content": "center",
+          "flex-wrap": "wrap",
+          mobile: {
+            "flex-direction": "column",
+            "row-gap": "base",
+            "align-items": "stretch",
+          },
+        },
+        right_container: {
+          width: "100%",
+          "max-width": "960px",
+        },
+        hero_image: {
+          width: "100%",
+          "aspect-ratio": "16/9",
+          "object-fit": "cover",
+          "border-radius": "xl",
+          "box-shadow": "default",
+        },
+        stats_levoGroupItem: {
+          stat_wrapper: {
+            display: "flex",
+            "flex-direction": "column",
+            "row-gap": "xs",
+            "align-items": "center",
+            "background-color": "background-1",
+            "padding-top": "lg",
+            "padding-bottom": "lg",
+            "padding-left": "base",
+            "padding-right": "base",
+            "border-radius": "base",
+            height: "100%",
+          },
+          icon: STAT_ICON,
+          value: { color: "brand", "font-weight": 700 },
+          label: { color: "text-2", "font-size": "sm" },
+        },
+        stats: [{}, {}, {}],
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        title: {
+          heading: { level: "2" },
+          selectedVariants: { Heading_Level: "H2" },
+        },
+        cta: { selectedVariants: { Button_Variants: "Primary" } },
+        search_button: { selectedVariants: { Button_Variants: "Primary" } },
+        ctas: [
+          { cta: { selectedVariants: {} } },
+          { cta: { selectedVariants: { Button_Variants: "Secondary" } } },
+        ],
+        stats: [
+          { value: { heading: { level: "4" }, selectedVariants: { Heading_Level: "H3" } } },
+          { value: { selectedVariants: { Heading_Level: "H3" } } },
+          { value: { selectedVariants: { Heading_Level: "H3" } } },
+        ],
+      },
+    },
+    {
+      title: "Bordered Card",
+      key: "bordered-card",
+      styles: {
+        layout: {},
+        container: {},
+        main_wrapper: {
+          display: "flex",
+          "align-items": "stretch",
+          "column-gap": "none",
+          "border-width": "1px",
+          "border-style": "solid",
+          "border-color": "border",
+          "border-radius": "xl",
+          overflow: "hidden",
+          "box-shadow": "default",
+          mobile: {
+            "flex-direction": "column",
+          },
+        },
+        left_container: {
+          flex: "1",
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "2xl",
+          "padding-top": "3xl",
+          "padding-bottom": "3xl",
+          "padding-left": "3xl",
+          "padding-right": "3xl",
+          "justify-content": "center",
+        },
+        content_wrapper: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "base",
+        },
+        label: BRANDED_LABEL,
+        title: {
+          "font-weight": 700,
+          "line-height": "1.1",
+        },
+        description: {
+          color: "text-2",
+          "line-height": "1.6",
+        },
+        ctas_levoGroup: {
+          display: "flex",
+          "flex-direction": "row",
+          "column-gap": "md",
+          "row-gap": "md",
+          "flex-wrap": "wrap",
+          "align-items": "center",
+          "align-self": "flex-start",
+        },
+        ctas_levoGroupItem: { cta: {} },
+        ctas: [{}, {}],
+        stats_container: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "base",
+          "padding-top": "lg",
+          "border-top-width": "1px",
+          "border-top-style": "solid",
+          "border-color": "border",
+        },
+        stats_levoGroup: {
+          display: "grid",
+          "grid-template-columns": "repeat(3, minmax(0, 1fr))",
+          "column-gap": "lg",
+          mobile: {
+            "grid-template-columns": "repeat(1, minmax(0, 1fr))",
+            "row-gap": "base",
+          },
+        },
+        search_input_wrapper: {
+          display: "flex",
+          "flex-direction": "row",
+          "column-gap": "base",
+          "align-items": "center",
+          "flex-wrap": "wrap",
+          mobile: {
+            "flex-direction": "column",
+            "row-gap": "base",
+            "align-items": "stretch",
+          },
+        },
+        right_container: {
+          flex: "1",
+          "background-color": "background-2",
+          "min-height": "420px",
+        },
+        hero_image: {
+          width: "100%",
+          height: "100%",
+          "min-height": "420px",
+          "object-fit": "cover",
+        },
+        stats_levoGroupItem: {
+          icon: STAT_ICON,
+          value: { color: "brand", "font-weight": 700 },
+          label: { color: "text-2", "font-size": "sm" },
+        },
+        stats: [
+          {
+            stat_wrapper: {
+              display: "flex",
+              "flex-direction": "column",
+              "row-gap": "2xs",
+              "align-items": "flex-start",
+            },
+          },
+          {
+            stat_wrapper: {
+              display: "flex",
+              "flex-direction": "column",
+              "row-gap": "2xs",
+              "align-items": "flex-start",
+              "border-left-width": "1px",
+              "border-left-style": "solid",
+              "border-color": "border",
+              "padding-left": "lg",
+            },
+          },
+          {
+            stat_wrapper: {
+              display: "flex",
+              "flex-direction": "column",
+              "row-gap": "2xs",
+              "align-items": "flex-start",
+              "border-left-width": "1px",
+              "border-left-style": "solid",
+              "border-color": "border",
+              "padding-left": "lg",
+            },
+          },
+        ],
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        title: {
+          heading: { level: "2" },
+          selectedVariants: { Heading_Level: "H2" },
+        },
+        cta: { selectedVariants: { Button_Variants: "Primary" } },
+        search_button: { selectedVariants: { Button_Variants: "Secondary" } },
+        ctas: [
+          { cta: { selectedVariants: {} } },
+          { cta: { selectedVariants: { Button_Variants: "Secondary" } } },
+        ],
+        stats: [
+          { value: { heading: { level: "4" }, selectedVariants: { Heading_Level: "H3" } } },
+          { value: { selectedVariants: { Heading_Level: "H3" } } },
+          { value: { selectedVariants: { Heading_Level: "H3" } } },
+        ],
+      },
+    },
+    {
+      title: "Editorial Split",
+      key: "editorial-split",
+      styles: {
+        layout: {
+          "background-color": "background-1",
+        },
+        container: {},
+        main_wrapper: {
+          display: "flex",
+          "align-items": "center",
+          "column-gap": "5xl",
+          mobile: {
+            "flex-direction": "column",
+            "row-gap": "3xl",
+          },
+        },
+        left_container: {
+          flex: "1.2",
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "2xl",
+        },
+        content_wrapper: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "lg",
+        },
+        label: BRANDED_LABEL,
+        title: {
+          "font-weight": 700,
+          "line-height": "1.05",
+        },
+        description: {
+          color: "text-2",
+          "font-size": "lg",
+          "line-height": "1.65",
+        },
+        ctas_levoGroup: {
+          display: "flex",
+          "flex-direction": "row",
+          "column-gap": "md",
+          "row-gap": "md",
+          "flex-wrap": "wrap",
+          "align-items": "center",
+          "align-self": "flex-start",
+        },
+        ctas_levoGroupItem: { cta: {} },
+        ctas: [{}, {}],
+        stats_container: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "base",
+        },
+        stats_levoGroup: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "lg",
+        },
+        search_input_wrapper: {
+          display: "flex",
+          "flex-direction": "row",
+          "column-gap": "base",
+          "align-items": "center",
+          "flex-wrap": "wrap",
+          mobile: {
+            "flex-direction": "column",
+            "row-gap": "base",
+            "align-items": "stretch",
+          },
+        },
+        right_container: {
+          flex: "1",
+        },
+        hero_image: {
+          width: "100%",
+          "aspect-ratio": "3/4",
+          "object-fit": "cover",
+          "border-radius": "xl",
+        },
+        stats_levoGroupItem: {
+          icon: STAT_ICON,
+          value: { color: "brand", "font-weight": 700 },
+          label: { color: "text-2" },
+        },
+        stats: [
+          {
+            stat_wrapper: {
+              display: "flex",
+              "flex-direction": "row",
+              "align-items": "center",
+              "column-gap": "base",
+              "padding-bottom": "base",
+              "border-bottom-width": "1px",
+              "border-bottom-style": "solid",
+              "border-color": "border",
+            },
+          },
+          {
+            stat_wrapper: {
+              display: "flex",
+              "flex-direction": "row",
+              "align-items": "center",
+              "column-gap": "base",
+              "padding-bottom": "base",
+              "border-bottom-width": "1px",
+              "border-bottom-style": "solid",
+              "border-color": "border",
+            },
+          },
+          {
+            stat_wrapper: {
+              display: "flex",
+              "flex-direction": "row",
+              "align-items": "center",
+              "column-gap": "base",
+            },
+          },
+        ],
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        title: {
+          heading: { level: "2" },
+          selectedVariants: { Heading_Level: "H1" },
+        },
+        cta: { selectedVariants: { Button_Variants: "Primary" } },
+        search_button: { selectedVariants: { Button_Variants: "Secondary" } },
+        ctas: [
+          { cta: { selectedVariants: {} } },
+          { cta: { selectedVariants: { Button_Variants: "Secondary" } } },
+        ],
+        stats: [
+          { value: { heading: { level: "4" }, selectedVariants: { Heading_Level: "H3" } } },
+          { value: { selectedVariants: { Heading_Level: "H3" } } },
+          { value: { selectedVariants: { Heading_Level: "H3" } } },
+        ],
+      },
+    },
   ],
 };