@levo-so/blocks 0.1.100 → 0.1.102

package/src/blocks/tabs/tab-2.schema.ts

@@ -1,21 +1,28 @@
 import type { IBlock } from "@levo-so/studio";
 
-const MEDIA = {
-  id: "n3q3fSsDYQrj",
-  filename: "tabs-2-bg-1.png",
+const IMG_FINTECH_ANALYTICS = {
+  id: "7453399981689540942",
   kind: "image",
-  location: "https://static.levocdn.com/WLZ1TXTD/tabs-2-bg-1-30WTpd1Q0qCc.png",
+  location:
+    "https://images.pexels.com/photos/27641095/pexels-photo-27641095.jpeg",
+  mimetype: "image/jpeg",
   srcset: {
-    "1080w": "https://static.levocdn.com/WLZ1TXTD/tabs-2-bg-1-30WTpd1Q0qCc-1080w.webp",
-    "1200w": "https://static.levocdn.com/WLZ1TXTD/tabs-2-bg-1-30WTpd1Q0qCc-1200w.webp",
-    "1920w": "https://static.levocdn.com/WLZ1TXTD/tabs-2-bg-1-30WTpd1Q0qCc-1920w.webp",
-    "320w": "https://static.levocdn.com/WLZ1TXTD/tabs-2-bg-1-30WTpd1Q0qCc-320w.webp",
-    "640w": "https://static.levocdn.com/WLZ1TXTD/tabs-2-bg-1-30WTpd1Q0qCc-640w.webp",
-    "750w": "https://static.levocdn.com/WLZ1TXTD/tabs-2-bg-1-30WTpd1Q0qCc-750w.webp",
-    "828w": "https://static.levocdn.com/WLZ1TXTD/tabs-2-bg-1-30WTpd1Q0qCc-828w.webp",
-    path: "https://static.levocdn.com/WLZ1TXTD/tabs-2-bg-1-30WTpd1Q0qCc-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/tabs-2-bg-1-30WTpd1Q0qCc-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/tabs-2-bg-1-30WTpd1Q0qCc-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/tabs-2-bg-1-30WTpd1Q0qCc-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/tabs-2-bg-1-30WTpd1Q0qCc-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/tabs-2-bg-1-30WTpd1Q0qCc-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/tabs-2-bg-1-30WTpd1Q0qCc-750w.webp 750w",
+    "320w":
+      "https://images.pexels.com/photos/27641095/pexels-photo-27641095.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
+    "640w":
+      "https://images.pexels.com/photos/27641095/pexels-photo-27641095.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
+    "750w":
+      "https://images.pexels.com/photos/27641095/pexels-photo-27641095.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
+    "828w":
+      "https://images.pexels.com/photos/27641095/pexels-photo-27641095.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
+    "1080w":
+      "https://images.pexels.com/photos/27641095/pexels-photo-27641095.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
+    "1200w":
+      "https://images.pexels.com/photos/27641095/pexels-photo-27641095.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
+    "1920w":
+      "https://images.pexels.com/photos/27641095/pexels-photo-27641095.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
+    path: "https://images.pexels.com/photos/27641095/pexels-photo-27641095.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320 320w, https://images.pexels.com/photos/27641095/pexels-photo-27641095.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/27641095/pexels-photo-27641095.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750 750w, https://images.pexels.com/photos/27641095/pexels-photo-27641095.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828 828w, https://images.pexels.com/photos/27641095/pexels-photo-27641095.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/27641095/pexels-photo-27641095.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200 1200w, https://images.pexels.com/photos/27641095/pexels-photo-27641095.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w",
   },
-  mimetype: "image/png",
 };
 
 const DEFAULT_CONTENT = {
@@ -24,112 +31,73 @@ const DEFAULT_CONTENT = {
   main_content_wrapper: null,
   left_container: null,
   right_container: null,
-  title: "Industries We Serve",
+  title: "Fintech infrastructure, module by module",
   description:
-    "Industries We Serve Industries We Serve Industries We Serve Industries We Serve Industries We Serve ",
+    "Six building blocks for modern money movement — each production-ready with one API, one dashboard and a single compliance package.",
   tabs_levoGroup: null,
   tabs_tabList: null,
   tabs: [
     {
-      TabsTrigger: "Cement Industry",
+      TabsTrigger: "Card Issuing",
       tab_content: null,
       card_wrapper: null,
-      card_title: "Cement Industry",
+      card_title: "Launch cards in weeks, not quarters",
       card_description:
-        "Robust conveyors engineered for heavy-duty cement handling, ensuring seamless material flow from raw mix to final dispatch.",
+        "Issue virtual and physical Visa or Mastercard programs with controls, real-time authorizations and webhooks, backed by certified BIN sponsorship.",
       card_ctas_levoGroup: null,
-      card_ctas: [
-        {
-          card_cta: "Know More",
-        },
-        {
-          card_cta: "Learn More",
-        },
-      ],
+      card_ctas: [{ card_cta: "Explore issuing" }, { card_cta: "Book a demo" }],
     },
     {
-      TabsTrigger: "Food Industry",
+      TabsTrigger: "Acquiring",
       tab_content: null,
       card_wrapper: null,
-      card_title: "Food Industry",
+      card_title: "Accept payments anywhere",
       card_description:
-        "Hygienic conveyor systems designed for food-grade applications, maintaining quality and safety standards throughout the process.",
+        "One integration for cards, wallets, SEPA, ACH and UPI across 45 markets, with 3DS2 and network tokens to lift authorization by up to 7%.",
       card_ctas_levoGroup: null,
-      card_ctas: [
-        {
-          card_cta: "Know More",
-        },
-        {
-          card_cta: "Learn More",
-        },
-      ],
+      card_ctas: [{ card_cta: "See coverage" }, { card_cta: "Start free" }],
     },
     {
-      TabsTrigger: "Insulation Industry",
+      TabsTrigger: "Instant Payouts",
       tab_content: null,
       card_wrapper: null,
-      card_title: "Insulation Industry",
+      card_title: "Push money in seconds",
       card_description:
-        "Specialized conveyor solutions for handling insulation materials with precision and care, optimized for lightweight materials.",
+        "Disburse to bank accounts, cards and wallets on RTP, FedNow and SEPA Instant, with automatic rail selection and a flat 0.25% fee on eligible transfers.",
       card_ctas_levoGroup: null,
-      card_ctas: [
-        {
-          card_cta: "Know More",
-        },
-        {
-          card_cta: "Learn More",
-        },
-      ],
+      card_ctas: [{ card_cta: "View rails" }, { card_cta: "Read API docs" }],
     },
     {
-      TabsTrigger: "Steel & Sponge Industry",
+      TabsTrigger: "Embedded Lending",
       tab_content: null,
       card_wrapper: null,
-      card_title: "Steel & Sponge Industry",
+      card_title: "Ship credit inside your product",
       card_description:
-        "Heavy-duty conveyor systems built to withstand extreme conditions in steel manufacturing and sponge iron production.",
+        "Underwrite and originate working capital in-app, with decisioning in under two seconds and capital partners that scale from $10K to $5M lines.",
       card_ctas_levoGroup: null,
-      card_ctas: [
-        {
-          card_cta: "Know More",
-        },
-        {
-          card_cta: "Learn More",
-        },
-      ],
+      card_ctas: [{ card_cta: "See lending" }, { card_cta: "Talk to sales" }],
     },
     {
-      TabsTrigger: "Power Industry",
+      TabsTrigger: "Treasury",
       tab_content: null,
       card_wrapper: null,
-      card_title: "Power Industry",
+      card_title: "Yield on every idle dollar",
       card_description:
-        "Reliable conveyor solutions for power plants, handling coal, ash, and other materials with maximum efficiency.",
+        "Sweep operating balances into FDIC-insured accounts and money-market funds, earning up to 4.8% APY with T+0 liquidity and automated reconciliation.",
       card_ctas_levoGroup: null,
-      card_ctas: [
-        {
-          card_cta: "Know More",
-        },
-        {
-          card_cta: "Learn More",
-        },
-      ],
+      card_ctas: [{ card_cta: "View rates" }, { card_cta: "Open account" }],
     },
     {
-      TabsTrigger: "General Engineering",
+      TabsTrigger: "KYC & Risk",
       tab_content: null,
       card_wrapper: null,
-      card_title: "General Engineering",
+      card_title: "Catch fraud before it ships",
       card_description:
-        "Versatile conveyor systems adaptable to various engineering applications, providing flexible solutions for diverse needs.",
+        "Machine-learning risk engine scores every event in 80ms, combining device signals, behavioral biometrics and 190+ ID document checks in one flow.",
       card_ctas_levoGroup: null,
       card_ctas: [
-        {
-          card_cta: "Know More",
-        },
-        {
-          card_cta: "Learn More",
-        },
+        { card_cta: "See the engine" },
+        { card_cta: "Request trial" },
       ],
     },
   ],
@@ -145,11 +113,7 @@ export const Tab2: IBlock = {
   prompt_description:
     "Tabbed section with vertical tabs on left and card content on right showing title, description and CTA",
   content_schema: [
-    {
-      key: "layout",
-      label: "Layout",
-      field_interface: "LayoutWidget",
-    },
+    { key: "layout", label: "Layout", field_interface: "LayoutWidget" },
     {
       key: "container",
       label: "Container",
@@ -165,16 +129,8 @@ export const Tab2: IBlock = {
       label: "Left Container",
       field_interface: "BoxWidget",
     },
-    {
-      key: "header",
-      label: "Header",
-      field_interface: "BoxWidget",
-    },
-    {
-      key: "title",
-      label: "Title",
-      field_interface: "HeadingWidget",
-    },
+    { key: "header", label: "Header", field_interface: "BoxWidget" },
+    { key: "title", label: "Title", field_interface: "HeadingWidget" },
     {
       key: "description",
       label: "Description",
@@ -251,52 +207,50 @@ export const Tab2: IBlock = {
         container: {},
         main_content_wrapper: {
           display: "flex",
-          tablet: {
-            "flex-direction": "column",
-          },
-          mobile: {
-            "flex-direction": "column",
-          },
+          tablet: { "flex-direction": "column" },
+          mobile: { "flex-direction": "column" },
         },
         left_container: {
-          "padding-top": "10xl",
-          "padding-bottom": "10xl",
+          "padding-top": "5xl",
+          "padding-bottom": "5xl",
           display: "flex",
           "flex-direction": "column",
-          "justify-content": "start",
-          "align-items": "center",
+          "justify-content": "center",
+          "align-items": "flex-start",
           "min-height": "600px",
-          "background-size": "cover",
-          width: "50%",
-          "padding-left": "2xl",
-          "padding-right": "2xl",
+          width: "48%",
+          "padding-left": "3xl",
+          "padding-right": "3xl",
+          "background-color": "brand",
           tablet: {
             width: "auto",
             height: "100%",
             "min-height": "auto",
-            "justify-content": "start",
-            "align-items": "center",
-            "padding-bottom": "20xl",
-          },
-          mobile: {
-            "padding-bottom": "24xl",
+            "padding-top": "4xl",
+            "padding-bottom": "4xl",
+            "align-items": "flex-start",
           },
-          "background-color": "brand",
+          mobile: { "padding-top": "3xl", "padding-bottom": "3xl" },
         },
         title: {
-          "text-align": "center",
+          "text-align": "left",
           color: "brandForeground",
+          "font-weight": 800,
+          "margin-bottom": "base",
         },
         description: {
-          "text-align": "center",
+          "text-align": "left",
+          color: "brandForeground",
+          "max-width": "480px",
+          "line-height": "1.6",
         },
         tabs_levoGroup: {},
         tabs_tabList: {
           display: "flex",
           "flex-wrap": "wrap",
-          "column-gap": "md",
-          "row-gap": "base",
-          "margin-top": "5xl",
+          "column-gap": "sm",
+          "row-gap": "sm",
+          "margin-top": "2xl",
           tablet: {
             display: "grid",
             "grid-template-columns": "repeat(2, minmax(0, 1fr))",
@@ -308,7 +262,7 @@ export const Tab2: IBlock = {
           "background-color": "transparent",
         },
         right_container: {
-          "background-image": `url("${MEDIA.location}")`,
+          "background-image": `linear-gradient(rgba(10, 15, 25, 0.62), rgba(10, 15, 25, 0.62)), url("${IMG_FINTECH_ANALYTICS.location}")`,
           "background-position": "50% 50%",
           "background-size": "cover",
           flex: "1",
@@ -316,8 +270,10 @@ export const Tab2: IBlock = {
           display: "flex",
           "justify-content": "center",
           "align-items": "center",
-          "padding-left": "5xl",
-          "padding-right": "5xl",
+          "padding-left": "3xl",
+          "padding-right": "3xl",
+          "padding-top": "4xl",
+          "padding-bottom": "4xl",
           mobile: {
             "padding-left": "xl",
             "padding-right": "xl",
@@ -325,359 +281,997 @@ export const Tab2: IBlock = {
           },
           tablet: {
             "min-height": "auto",
-            "padding-top": "10xl",
-            "padding-bottom": "10xl",
+            "padding-top": "4xl",
+            "padding-bottom": "4xl",
           },
         },
-        tabs: [
-          {
-            TabsTrigger: {
-              "background-color": "white",
-              "padding-left": "md",
-              "padding-right": "md",
-              "padding-top": "xs",
-              "padding-bottom": "xs",
-              "border-radius": "3xl",
-              "font-size": "16px",
-              tablet: {
-                width: "auto",
-              },
-              width: "fit-content",
-            },
-            tab_content: {
-              width: "100%",
+        tabs_levoGroupItem: {
+          TabsTrigger: {
+            "background-color": "background-1",
+            "padding-left": "md",
+            "padding-right": "md",
+            "padding-top": "xs",
+            "padding-bottom": "xs",
+            "border-radius": "3xl",
+            "font-size": "sm",
+            "font-weight": 600,
+            tablet: { width: "auto" },
+            width: "fit-content",
+          },
+          tab_content: { width: "100%", "max-width": "520px" },
+          card_wrapper: {
+            "background-color": "background-1",
+            "border-radius": "2xl",
+            padding: "2xl",
+            "box-shadow": "default",
+            tablet: { padding: "xl" },
+          },
+          card_title: {
+            "font-weight": 800,
+            "margin-bottom": "base",
+          },
+          card_description: {
+            "margin-bottom": "lg",
+            color: "text-2",
+            "line-height": "1.7",
+          },
+          card_ctas_levoGroup: {
+            display: "flex",
+            "column-gap": "sm",
+            "row-gap": "base",
+            "align-items": "center",
+          },
+          card_ctas_levoGroupItem: { card_cta: {} },
+        },
+        tabs: [{}, {}, {}, {}, {}, {}],
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        title: {
+          heading: { level: "2" },
+          selectedVariants: { Heading_Level: "H3" },
+        },
+        tabs: Array(6)
+          .fill(0)
+          .map(() => ({
+            card_title: {
+              heading: { level: 3 },
+              selectedVariants: { Heading_Level: "H5" },
             },
-            card_wrapper: {
-              "background-color": "white",
-              "border-radius": "2xl",
-              "padding-top": "32px",
-              "padding-bottom": "32px",
-              "padding-left": "32px",
-              "padding-right": "32px",
-              "box-shadow": "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
-              tablet: {
-                "padding-top": "24px",
-                "padding-bottom": "24px",
-                "padding-left": "24px",
-                "padding-right": "24px",
+            card_ctas: [
+              { card_cta: { selectedVariants: {} } },
+              {
+                card_cta: {
+                  selectedVariants: { Button_Variants: "Secondary" },
+                },
               },
+            ],
+          })),
+      },
+    },
+    {
+      key: "pill_tabs_top",
+      title: "Pill Tabs Top",
+      content: DEFAULT_CONTENT,
+      styles: {
+        layout: { "background-color": "background-1" },
+        container: {},
+        main_content_wrapper: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "3xl",
+          "padding-top": "5xl",
+          "padding-bottom": "5xl",
+        },
+        left_container: {
+          "padding-top": "0",
+          "padding-bottom": "0",
+          display: "flex",
+          "flex-direction": "column",
+          "justify-content": "center",
+          "align-items": "center",
+          "min-height": "auto",
+          "background-color": "transparent",
+          width: "100%",
+          "padding-left": "0",
+          "padding-right": "0",
+          tablet: { width: "100%" },
+        },
+        title: { "text-align": "center", color: "text-1", "font-weight": 800 },
+        description: {
+          "text-align": "center",
+          color: "text-2",
+          "max-width": "640px",
+          "margin-top": "sm",
+        },
+        tabs_levoGroup: {},
+        tabs_tabList: {
+          display: "flex",
+          "flex-wrap": "wrap",
+          "column-gap": "sm",
+          "row-gap": "xs",
+          "margin-top": "2xl",
+          "justify-content": "center",
+          "background-color": "transparent",
+        },
+        right_container: {
+          "background-image": "none",
+          "background-color": "background-2",
+          "border-radius": "2xl",
+          flex: "1",
+          "min-height": "auto",
+          display: "flex",
+          "justify-content": "center",
+          "align-items": "center",
+          padding: "3xl",
+          "margin-top": "0",
+        },
+        tabs_levoGroupItem: {
+          TabsTrigger: {
+            "background-color": "background-2",
+            "padding-left": "lg",
+            "padding-right": "lg",
+            "padding-top": "sm",
+            "padding-bottom": "sm",
+            "border-radius": "3xl",
+            "font-size": "sm",
+            "font-weight": 600,
+            "border-width": "1px",
+            "border-style": "solid",
+            "border-color": "border",
+            color: "text-2",
+            width: "fit-content",
+            "data-state=active": {
+              "background-color": "brand",
+              "border-color": "brand",
+              color: "brandForeground",
             },
+          },
+          tab_content: { width: "100%" },
+          card_wrapper: {
+            "background-color": "background-1",
+            "border-radius": "xl",
+            padding: "2xl",
+            "box-shadow": "default",
+            "max-width": "720px",
+            "margin-left": "auto",
+            "margin-right": "auto",
+            "text-align": "center",
+          },
+          card_title: { "font-weight": 800, "margin-bottom": "base" },
+          card_description: {
+            color: "text-2",
+            "margin-bottom": "lg",
+            "line-height": "1.7",
+          },
+          card_ctas_levoGroup: {
+            display: "flex",
+            "column-gap": "sm",
+            "justify-content": "center",
+          },
+          card_ctas_levoGroupItem: { card_cta: {} },
+        },
+        tabs: [{}, {}, {}, {}, {}, {}],
+      },
+      config: {
+        title: {
+          heading: { level: "2" },
+          selectedVariants: { Heading_Level: "H2" },
+        },
+        tabs: Array(6)
+          .fill(0)
+          .map(() => ({
             card_title: {
-              "font-weight": 700,
-              "margin-bottom": "16px",
-            },
-            card_description: {
-              "margin-bottom": "24px",
-            },
-            card_ctas_levoGroup: {
-              display: "flex",
-              "column-gap": "md",
-              "row-gap": "base",
-              "align-items": "center",
+              heading: { level: 3 },
+              selectedVariants: { Heading_Level: "H4" },
             },
+            card_ctas: [
+              { card_cta: { selectedVariants: {} } },
+              {
+                card_cta: {
+                  selectedVariants: { Button_Variants: "Secondary" },
+                },
+              },
+            ],
+          })),
+      },
+    },
+    {
+      key: "underline_bottom",
+      title: "Underline Bottom",
+      content: {
+        layout: null,
+        container: null,
+        main_content_wrapper: null,
+        left_container: null,
+        right_container: null,
+        title: "Fintech infrastructure, module by module",
+        description:
+          "Six building blocks for modern money movement — each production-ready with one API, one dashboard and a single compliance package.",
+        tabs_levoGroup: null,
+        tabs_tabList: null,
+        tabs: [
+          {
+            TabsTrigger: "Card Issuing",
+            tab_content: null,
+            card_wrapper: null,
+            card_title: "Launch cards in weeks, not quarters",
+            card_description:
+              "Issue virtual and physical Visa or Mastercard programs with controls, real-time authorizations and webhooks, backed by certified BIN sponsorship.",
+            card_ctas_levoGroup: null,
             card_ctas: [
               {
-                card_cta: {},
+                card_cta: "Explore issuing",
               },
               {
-                card_cta: {},
+                card_cta: "Book a demo",
               },
             ],
           },
           {
-            TabsTrigger: {
-              "background-color": "white",
-              "padding-left": "md",
-              "padding-right": "md",
-              "padding-top": "xs",
-              "padding-bottom": "xs",
-              "border-radius": "3xl",
-              "font-size": "16px",
-              tablet: {
-                width: "auto",
-              },
-              width: "fit-content",
-            },
-            tab_content: {
-              width: "100%",
-            },
-            card_wrapper: {
-              "background-color": "white",
-              "border-radius": "2xl",
-              "padding-top": "32px",
-              "padding-bottom": "32px",
-              "padding-left": "32px",
-              "padding-right": "32px",
-              "box-shadow": "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
-              tablet: {
-                "padding-top": "24px",
-                "padding-bottom": "24px",
-                "padding-left": "24px",
-                "padding-right": "24px",
+            TabsTrigger: "Acquiring",
+            tab_content: null,
+            card_wrapper: null,
+            card_title: "Accept payments anywhere",
+            card_description:
+              "One integration for cards, wallets, SEPA, ACH and UPI across 45 markets, with 3DS2 and network tokens to lift authorization by up to 7%.",
+            card_ctas_levoGroup: null,
+            card_ctas: [
+              {
+                card_cta: "See coverage",
               },
-            },
-            card_title: {
-              "font-weight": 700,
-              "margin-bottom": "16px",
-            },
-            card_description: {
-              "margin-bottom": "24px",
-            },
-            card_ctas_levoGroup: {
-              display: "flex",
-              "column-gap": "md",
-              "row-gap": "base",
-              "align-items": "center",
-            },
+              {
+                card_cta: "Start free",
+              },
+            ],
+          },
+          {
+            TabsTrigger: "Instant Payouts",
+            tab_content: null,
+            card_wrapper: null,
+            card_title: "Push money in seconds",
+            card_description:
+              "Disburse to bank accounts, cards and wallets on RTP, FedNow and SEPA Instant, with automatic rail selection and a flat 0.25% fee on eligible transfers.",
+            card_ctas_levoGroup: null,
             card_ctas: [
               {
-                card_cta: {},
+                card_cta: "View rails",
               },
               {
-                card_cta: {},
+                card_cta: "Read API docs",
               },
             ],
           },
           {
-            TabsTrigger: {
-              "background-color": "white",
-              "padding-left": "md",
-              "padding-right": "md",
-              "padding-top": "xs",
-              "padding-bottom": "xs",
-              "border-radius": "3xl",
-              "font-size": "16px",
-              tablet: {
-                width: "auto",
-              },
-              width: "fit-content",
-            },
-            tab_content: {
-              width: "100%",
-            },
-            card_wrapper: {
-              "background-color": "white",
-              "border-radius": "2xl",
-              "padding-top": "32px",
-              "padding-bottom": "32px",
-              "padding-left": "32px",
-              "padding-right": "32px",
-              "box-shadow": "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
-              tablet: {
-                "padding-top": "24px",
-                "padding-bottom": "24px",
-                "padding-left": "24px",
-                "padding-right": "24px",
+            TabsTrigger: "Embedded Lending",
+            tab_content: null,
+            card_wrapper: null,
+            card_title: "Ship credit inside your product",
+            card_description:
+              "Underwrite and originate working capital in-app, with decisioning in under two seconds and capital partners that scale from $10K to $5M lines.",
+            card_ctas_levoGroup: null,
+            card_ctas: [
+              {
+                card_cta: "See lending",
               },
-            },
-            card_title: {
-              "font-weight": 700,
-              "margin-bottom": "16px",
-            },
-            card_description: {
-              "margin-bottom": "24px",
-            },
-            card_ctas_levoGroup: {
-              display: "flex",
-              "column-gap": "md",
-              "row-gap": "base",
-              "align-items": "center",
-            },
+              {
+                card_cta: "Talk to sales",
+              },
+            ],
+          },
+          {
+            TabsTrigger: "Treasury",
+            tab_content: null,
+            card_wrapper: null,
+            card_title: "Yield on every idle dollar",
+            card_description:
+              "Sweep operating balances into FDIC-insured accounts and money-market funds, earning up to 4.8% APY with T+0 liquidity and automated reconciliation.",
+            card_ctas_levoGroup: null,
             card_ctas: [
               {
-                card_cta: {},
+                card_cta: "View rates",
               },
               {
-                card_cta: {},
+                card_cta: "Open account",
               },
             ],
           },
           {
-            TabsTrigger: {
-              "background-color": "white",
-              "padding-left": "md",
-              "padding-right": "md",
-              "padding-top": "xs",
-              "padding-bottom": "xs",
-              "border-radius": "3xl",
-              "font-size": "16px",
-              tablet: {
-                width: "auto",
-              },
-              width: "fit-content",
-            },
-            tab_content: {
-              width: "100%",
-            },
-            card_wrapper: {
-              "background-color": "white",
-              "border-radius": "2xl",
-              "padding-top": "32px",
-              "padding-bottom": "32px",
-              "padding-left": "32px",
-              "padding-right": "32px",
-              "box-shadow": "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
-              tablet: {
-                "padding-top": "24px",
-                "padding-bottom": "24px",
-                "padding-left": "24px",
-                "padding-right": "24px",
+            TabsTrigger: "KYC & Risk",
+            tab_content: null,
+            card_wrapper: null,
+            card_title: "Catch fraud before it ships",
+            card_description:
+              "Machine-learning risk engine scores every event in 80ms, combining device signals, behavioral biometrics and 190+ ID document checks in one flow.",
+            card_ctas_levoGroup: null,
+            card_ctas: [
+              {
+                card_cta: "See the engine",
               },
-            },
-            card_title: {
+              {
+                card_cta: "Request trial",
+              },
+            ],
+          },
+        ],
+      },
+      styles: {
+        layout: {},
+        container: {},
+        main_content_wrapper: {
+          display: "flex",
+          "flex-direction": "column",
+        },
+        left_container: {
+          "padding-top": "4xl",
+          "padding-bottom": "2xl",
+          display: "flex",
+          "flex-direction": "column",
+          "justify-content": "center",
+          "align-items": "flex-start",
+          "min-height": "auto",
+          "background-color": "transparent",
+          width: "100%",
+          "padding-left": "0",
+          "padding-right": "0",
+          tablet: {
+            width: "100%",
+          },
+        },
+        title: {
+          "text-align": "left",
+          color: "text-1",
+          "font-weight": 800,
+          "margin-bottom": "sm",
+        },
+        description: {
+          "text-align": "left",
+          color: "text-2",
+          "max-width": "640px",
+        },
+        tabs_levoGroup: {},
+        tabs_tabList: {
+          display: "flex",
+          "flex-wrap": "wrap",
+          "column-gap": "2xl",
+          "row-gap": "base",
+          "margin-top": "2xl",
+          "justify-content": "flex-start",
+          "background-color": "transparent",
+          width: "100%",
+        },
+        right_container: {
+          "background-image": "none",
+          "background-color": "transparent",
+          flex: "1",
+          "min-height": "auto",
+          display: "flex",
+          "justify-content": "flex-start",
+          "align-items": "flex-start",
+          "padding-left": "0",
+          "padding-right": "0",
+          "padding-top": "2xl",
+          "padding-bottom": "4xl",
+        },
+        tabs_levoGroupItem: {
+          TabsTrigger: {
+            "background-color": "transparent",
+            "padding-left": "0",
+            "padding-right": "0",
+            "padding-top": "sm",
+            "padding-bottom": "sm",
+            "border-radius": "0",
+            "font-size": "base",
+            "font-weight": 600,
+            "border-bottom-width": "3px",
+            "border-style": "solid",
+            "border-color": "transparent",
+            color: "text-2",
+            width: "fit-content",
+            "box-shadow": "none",
+            "data-state=active": {
+              "background-color": "transparent",
+              "box-shadow": "none",
+              color: "brand",
+              "border-color": "brand",
               "font-weight": 700,
-              "margin-bottom": "16px",
             },
-            card_description: {
-              "margin-bottom": "24px",
-            },
-            card_ctas_levoGroup: {
-              display: "flex",
-              "column-gap": "md",
-              "row-gap": "base",
-              "align-items": "center",
+          },
+          tab_content: {
+            width: "100%",
+          },
+          card_wrapper: {
+            "background-color": "transparent",
+            "border-radius": "0",
+            "padding-left": "0",
+            "padding-right": "0",
+            "padding-top": "0",
+            "padding-bottom": "0",
+            "box-shadow": "none",
+            "max-width": "720px",
+          },
+          card_title: {
+            "font-weight": 800,
+            "margin-bottom": "base",
+          },
+          card_description: {
+            color: "text-2",
+            "margin-bottom": "lg",
+            "line-height": "1.7",
+          },
+          card_ctas_levoGroup: {
+            display: "flex",
+            "column-gap": "sm",
+          },
+          card_ctas_levoGroupItem: {
+            card_cta: {},
+          },
+        },
+        tabs: [{}, {}, {}, {}, {}, {}],
+      },
+      config: {
+        title: {
+          heading: {
+            level: "2",
+          },
+          selectedVariants: {
+            Heading_Level: "H2",
+          },
+        },
+        tabs: [
+          {
+            card_title: {
+              heading: {
+                level: 3,
+              },
+              selectedVariants: {
+                Heading_Level: "H3",
+              },
             },
             card_ctas: [
               {
-                card_cta: {},
+                card_cta: {
+                  selectedVariants: {},
+                },
               },
               {
-                card_cta: {},
+                card_cta: {
+                  selectedVariants: {
+                    Button_Variants: "Secondary",
+                  },
+                },
               },
             ],
           },
           {
-            TabsTrigger: {
-              "background-color": "white",
-              "padding-left": "md",
-              "padding-right": "md",
-              "padding-top": "xs",
-              "padding-bottom": "xs",
-              "border-radius": "3xl",
-              "font-size": "16px",
-              tablet: {
-                width: "auto",
-              },
-              width: "fit-content",
-            },
-            tab_content: {
-              width: "100%",
-            },
-            card_wrapper: {
-              "background-color": "white",
-              "border-radius": "2xl",
-              "padding-top": "32px",
-              "padding-bottom": "32px",
-              "padding-left": "32px",
-              "padding-right": "32px",
-              "box-shadow": "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
-              tablet: {
-                "padding-top": "24px",
-                "padding-bottom": "24px",
-                "padding-left": "24px",
-                "padding-right": "24px",
+            card_title: {
+              heading: {
+                level: 3,
+              },
+              selectedVariants: {
+                Heading_Level: "H3",
               },
             },
+            card_ctas: [
+              {
+                card_cta: {
+                  selectedVariants: {},
+                },
+              },
+              {
+                card_cta: {
+                  selectedVariants: {
+                    Button_Variants: "Secondary",
+                  },
+                },
+              },
+            ],
+          },
+          {
             card_title: {
-              "font-weight": 700,
-              "margin-bottom": "16px",
-            },
-            card_description: {
-              "margin-bottom": "24px",
-            },
-            card_ctas_levoGroup: {
-              display: "flex",
-              "column-gap": "md",
-              "row-gap": "base",
-              "align-items": "center",
+              heading: {
+                level: 3,
+              },
+              selectedVariants: {
+                Heading_Level: "H3",
+              },
             },
             card_ctas: [
               {
-                card_cta: {},
+                card_cta: {
+                  selectedVariants: {},
+                },
               },
               {
-                card_cta: {},
+                card_cta: {
+                  selectedVariants: {
+                    Button_Variants: "Secondary",
+                  },
+                },
               },
             ],
           },
           {
-            TabsTrigger: {
-              "background-color": "white",
-              "padding-left": "md",
-              "padding-right": "md",
-              "padding-top": "xs",
-              "padding-bottom": "xs",
-              "border-radius": "3xl",
-              "font-size": "16px",
-              tablet: {
-                width: "auto",
-              },
-              width: "fit-content",
-            },
-            tab_content: {
-              width: "100%",
-            },
-            card_wrapper: {
-              "background-color": "white",
-              "border-radius": "2xl",
-              "padding-top": "32px",
-              "padding-bottom": "32px",
-              "padding-left": "32px",
-              "padding-right": "32px",
-              "box-shadow": "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
-              tablet: {
-                "padding-top": "24px",
-                "padding-bottom": "24px",
-                "padding-left": "24px",
-                "padding-right": "24px",
+            card_title: {
+              heading: {
+                level: 3,
+              },
+              selectedVariants: {
+                Heading_Level: "H3",
               },
             },
+            card_ctas: [
+              {
+                card_cta: {
+                  selectedVariants: {},
+                },
+              },
+              {
+                card_cta: {
+                  selectedVariants: {
+                    Button_Variants: "Secondary",
+                  },
+                },
+              },
+            ],
+          },
+          {
             card_title: {
-              "font-weight": 700,
-              "margin-bottom": "16px",
-            },
-            card_description: {
-              "margin-bottom": "24px",
+              heading: {
+                level: 3,
+              },
+              selectedVariants: {
+                Heading_Level: "H3",
+              },
             },
-            card_ctas_levoGroup: {
-              display: "flex",
-              "column-gap": "md",
-              "row-gap": "base",
-              "align-items": "center",
+            card_ctas: [
+              {
+                card_cta: {
+                  selectedVariants: {},
+                },
+              },
+              {
+                card_cta: {
+                  selectedVariants: {
+                    Button_Variants: "Secondary",
+                  },
+                },
+              },
+            ],
+          },
+          {
+            card_title: {
+              heading: {
+                level: 3,
+              },
+              selectedVariants: {
+                Heading_Level: "H3",
+              },
             },
             card_ctas: [
               {
-                card_cta: {},
+                card_cta: {
+                  selectedVariants: {},
+                },
               },
               {
-                card_cta: {},
+                card_cta: {
+                  selectedVariants: {
+                    Button_Variants: "Secondary",
+                  },
+                },
               },
             ],
           },
         ],
       },
-      content: DEFAULT_CONTENT,
+    },
+    {
+      key: "vertical_stacked",
+      title: "Vertical Stacked",
+      content: {
+        layout: null,
+        container: null,
+        main_content_wrapper: null,
+        left_container: null,
+        right_container: null,
+        title: "Fintech infrastructure, module by module",
+        description:
+          "Six building blocks for modern money movement — each production-ready with one API, one dashboard and a single compliance package.",
+        tabs_levoGroup: null,
+        tabs_tabList: null,
+        tabs: [
+          {
+            TabsTrigger: "Card Issuing",
+            tab_content: null,
+            card_wrapper: null,
+            card_title: "Launch cards in weeks, not quarters",
+            card_description:
+              "Issue virtual and physical Visa or Mastercard programs with controls, real-time authorizations and webhooks, backed by certified BIN sponsorship.",
+            card_ctas_levoGroup: null,
+            card_ctas: [
+              {
+                card_cta: "Explore issuing",
+              },
+              {
+                card_cta: "Book a demo",
+              },
+            ],
+          },
+          {
+            TabsTrigger: "Acquiring",
+            tab_content: null,
+            card_wrapper: null,
+            card_title: "Accept payments anywhere",
+            card_description:
+              "One integration for cards, wallets, SEPA, ACH and UPI across 45 markets, with 3DS2 and network tokens to lift authorization by up to 7%.",
+            card_ctas_levoGroup: null,
+            card_ctas: [
+              {
+                card_cta: "See coverage",
+              },
+              {
+                card_cta: "Start free",
+              },
+            ],
+          },
+          {
+            TabsTrigger: "Instant Payouts",
+            tab_content: null,
+            card_wrapper: null,
+            card_title: "Push money in seconds",
+            card_description:
+              "Disburse to bank accounts, cards and wallets on RTP, FedNow and SEPA Instant, with automatic rail selection and a flat 0.25% fee on eligible transfers.",
+            card_ctas_levoGroup: null,
+            card_ctas: [
+              {
+                card_cta: "View rails",
+              },
+              {
+                card_cta: "Read API docs",
+              },
+            ],
+          },
+          {
+            TabsTrigger: "Embedded Lending",
+            tab_content: null,
+            card_wrapper: null,
+            card_title: "Ship credit inside your product",
+            card_description:
+              "Underwrite and originate working capital in-app, with decisioning in under two seconds and capital partners that scale from $10K to $5M lines.",
+            card_ctas_levoGroup: null,
+            card_ctas: [
+              {
+                card_cta: "See lending",
+              },
+              {
+                card_cta: "Talk to sales",
+              },
+            ],
+          },
+          {
+            TabsTrigger: "Treasury",
+            tab_content: null,
+            card_wrapper: null,
+            card_title: "Yield on every idle dollar",
+            card_description:
+              "Sweep operating balances into FDIC-insured accounts and money-market funds, earning up to 4.8% APY with T+0 liquidity and automated reconciliation.",
+            card_ctas_levoGroup: null,
+            card_ctas: [
+              {
+                card_cta: "View rates",
+              },
+              {
+                card_cta: "Open account",
+              },
+            ],
+          },
+          {
+            TabsTrigger: "KYC & Risk",
+            tab_content: null,
+            card_wrapper: null,
+            card_title: "Catch fraud before it ships",
+            card_description:
+              "Machine-learning risk engine scores every event in 80ms, combining device signals, behavioral biometrics and 190+ ID document checks in one flow.",
+            card_ctas_levoGroup: null,
+            card_ctas: [
+              {
+                card_cta: "See the engine",
+              },
+              {
+                card_cta: "Request trial",
+              },
+            ],
+          },
+        ],
+      },
+      styles: {
+        layout: {
+          "background-color": "background-2",
+        },
+        container: {},
+        main_content_wrapper: {
+          display: "grid",
+          "grid-template-columns": "320px 1fr",
+          "column-gap": "3xl",
+          "align-items": "start",
+          "padding-top": "4xl",
+          "padding-bottom": "4xl",
+          tablet: {
+            "grid-template-columns": "1fr",
+            "row-gap": "xl",
+          },
+        },
+        left_container: {
+          "padding-top": "0",
+          "padding-bottom": "0",
+          display: "flex",
+          "flex-direction": "column",
+          "min-height": "auto",
+          "background-color": "transparent",
+          width: "100%",
+          "padding-left": "0",
+          "padding-right": "0",
+          "row-gap": "sm",
+          "align-self": "start",
+          "min-width": "0",
+          tablet: {
+            width: "100%",
+          },
+        },
+        title: {
+          "text-align": "left",
+          color: "text-1",
+          "font-weight": 800,
+          "font-size": "1.75rem",
+          "line-height": "1.2",
+          "margin-bottom": "sm",
+        },
+        description: {
+          "text-align": "left",
+          color: "text-2",
+          "max-width": "100%",
+          "line-height": "1.6",
+          "margin-bottom": "xl",
+        },
+        tabs_levoGroup: {
+          display: "block",
+          width: "100%",
+          "padding-top": "xl",
+          "border-top-width": "1px",
+          "border-top-style": "solid",
+          "border-top-color": "border",
+        },
+        tabs_tabList: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "4xs",
+          "background-color": "transparent",
+          width: "100%",
+          height: "auto",
+          tablet: {
+            "flex-direction": "row",
+            "flex-wrap": "wrap",
+          },
+        },
+        right_container: {
+          "background-image": "none",
+          "background-color": "background-1",
+          "border-radius": "2xl",
+          flex: "1",
+          "min-height": "auto",
+          display: "flex",
+          "justify-content": "flex-start",
+          "align-items": "stretch",
+          padding: "3xl",
+          "box-shadow": "default",
+        },
+        tabs_levoGroupItem: {
+          TabsTrigger: {
+            "background-color": "transparent",
+            "padding-left": "base",
+            "padding-right": "base",
+            "padding-top": "sm",
+            "padding-bottom": "sm",
+            "border-radius": "base",
+            "font-size": "sm",
+            "font-weight": 500,
+            "text-align": "left",
+            width: "100%",
+            color: "text-2",
+            "border-left-width": "3px",
+            "border-style": "solid",
+            "border-color": "transparent",
+            "data-state=active": {
+              "background-color": "white",
+              "border-color": "brand",
+              color: "brand",
+              "font-weight": 700,
+            },
+          },
+          tab_content: {
+            width: "100%",
+          },
+          card_wrapper: {
+            "background-color": "transparent",
+            "border-radius": "0",
+            padding: "0",
+            "box-shadow": "none",
+          },
+          card_title: {
+            "font-weight": 800,
+            "margin-bottom": "base",
+          },
+          card_description: {
+            color: "text-2",
+            "margin-bottom": "lg",
+            "line-height": "1.7",
+          },
+          card_ctas_levoGroup: {
+            display: "flex",
+            "column-gap": "sm",
+          },
+          card_ctas_levoGroupItem: {
+            card_cta: {},
+          },
+        },
+        tabs: [{}, {}, {}, {}, {}, {}],
+      },
       config: {
         title: {
           heading: {
             level: "2",
           },
           selectedVariants: {
-            Heading_Level: "H3",
+            Heading_Level: "H2",
           },
         },
-        tabs: Array(6)
-          .fill(0)
-          .map((v) => ({
+        tabs: [
+          {
             card_title: {
               heading: {
                 level: 3,
               },
               selectedVariants: {
-                Heading_Level: "H5",
+                Heading_Level: "H3",
               },
             },
-          })),
+            card_ctas: [
+              {
+                card_cta: {
+                  selectedVariants: {},
+                },
+              },
+              {
+                card_cta: {
+                  selectedVariants: {
+                    Button_Variants: "Secondary",
+                  },
+                },
+              },
+            ],
+          },
+          {
+            card_title: {
+              heading: {
+                level: 3,
+              },
+              selectedVariants: {
+                Heading_Level: "H3",
+              },
+            },
+            card_ctas: [
+              {
+                card_cta: {
+                  selectedVariants: {},
+                },
+              },
+              {
+                card_cta: {
+                  selectedVariants: {
+                    Button_Variants: "Secondary",
+                  },
+                },
+              },
+            ],
+          },
+          {
+            card_title: {
+              heading: {
+                level: 3,
+              },
+              selectedVariants: {
+                Heading_Level: "H3",
+              },
+            },
+            card_ctas: [
+              {
+                card_cta: {
+                  selectedVariants: {},
+                },
+              },
+              {
+                card_cta: {
+                  selectedVariants: {
+                    Button_Variants: "Secondary",
+                  },
+                },
+              },
+            ],
+          },
+          {
+            card_title: {
+              heading: {
+                level: 3,
+              },
+              selectedVariants: {
+                Heading_Level: "H3",
+              },
+            },
+            card_ctas: [
+              {
+                card_cta: {
+                  selectedVariants: {},
+                },
+              },
+              {
+                card_cta: {
+                  selectedVariants: {
+                    Button_Variants: "Secondary",
+                  },
+                },
+              },
+            ],
+          },
+          {
+            card_title: {
+              heading: {
+                level: 3,
+              },
+              selectedVariants: {
+                Heading_Level: "H3",
+              },
+            },
+            card_ctas: [
+              {
+                card_cta: {
+                  selectedVariants: {},
+                },
+              },
+              {
+                card_cta: {
+                  selectedVariants: {
+                    Button_Variants: "Secondary",
+                  },
+                },
+              },
+            ],
+          },
+          {
+            card_title: {
+              heading: {
+                level: 3,
+              },
+              selectedVariants: {
+                Heading_Level: "H3",
+              },
+            },
+            card_ctas: [
+              {
+                card_cta: {
+                  selectedVariants: {},
+                },
+              },
+              {
+                card_cta: {
+                  selectedVariants: {
+                    Button_Variants: "Secondary",
+                  },
+                },
+              },
+            ],
+          },
+        ],
       },
     },
   ],