@levo-so/blocks 0.1.100 → 0.1.102

package/src/blocks/cards/cards-12.schema.ts

@@ -1,21 +1,53 @@
 import type { IBlock } from "@levo-so/studio";
 
-const MEDIA = {
-  id: "aytAUN3yAYoHd",
-  filename: "cards-12-1.png",
-  kind: "image",
-  location: "https://static.levocdn.com/WLZ1TXTD/cards-12-1-UpLA9Wh31o5St.png",
+const IMG_1 = {
+  id: "7453007362183782822",
+  kind: "image" as const,
+  location:
+    "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg",
+  mimetype: "image/jpeg",
   srcset: {
-    "1080w": "https://static.levocdn.com/WLZ1TXTD/cards-12-1-UpLA9Wh31o5St-1080w.webp",
-    "1200w": "https://static.levocdn.com/WLZ1TXTD/cards-12-1-UpLA9Wh31o5St-1200w.webp",
-    "1920w": "https://static.levocdn.com/WLZ1TXTD/cards-12-1-UpLA9Wh31o5St-1920w.webp",
-    "320w": "https://static.levocdn.com/WLZ1TXTD/cards-12-1-UpLA9Wh31o5St-320w.webp",
-    "640w": "https://static.levocdn.com/WLZ1TXTD/cards-12-1-UpLA9Wh31o5St-640w.webp",
-    "750w": "https://static.levocdn.com/WLZ1TXTD/cards-12-1-UpLA9Wh31o5St-750w.webp",
-    "828w": "https://static.levocdn.com/WLZ1TXTD/cards-12-1-UpLA9Wh31o5St-828w.webp",
-    path: "https://static.levocdn.com/WLZ1TXTD/cards-12-1-UpLA9Wh31o5St-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/cards-12-1-UpLA9Wh31o5St-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/cards-12-1-UpLA9Wh31o5St-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/cards-12-1-UpLA9Wh31o5St-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/cards-12-1-UpLA9Wh31o5St-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/cards-12-1-UpLA9Wh31o5St-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/cards-12-1-UpLA9Wh31o5St-1920w.webp 1920w",
+    "320w":
+      "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
+    "640w":
+      "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
+    "750w":
+      "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
+    "828w":
+      "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
+    "1080w":
+      "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
+    "1200w":
+      "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
+    "1920w":
+      "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
+    path: "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320 320w, https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750 750w, https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828 828w, https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200 1200w, https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w",
+  },
+};
+
+const IMG_2 = {
+  id: "7453007504733762258",
+  kind: "image" as const,
+  location:
+    "https://images.pexels.com/photos/6253568/pexels-photo-6253568.jpeg",
+  mimetype: "image/jpeg",
+  srcset: {
+    "320w":
+      "https://images.pexels.com/photos/6253568/pexels-photo-6253568.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
+    "640w":
+      "https://images.pexels.com/photos/6253568/pexels-photo-6253568.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
+    "750w":
+      "https://images.pexels.com/photos/6253568/pexels-photo-6253568.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
+    "828w":
+      "https://images.pexels.com/photos/6253568/pexels-photo-6253568.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
+    "1080w":
+      "https://images.pexels.com/photos/6253568/pexels-photo-6253568.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
+    "1200w":
+      "https://images.pexels.com/photos/6253568/pexels-photo-6253568.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
+    "1920w":
+      "https://images.pexels.com/photos/6253568/pexels-photo-6253568.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
+    path: "https://images.pexels.com/photos/6253568/pexels-photo-6253568.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320 320w, https://images.pexels.com/photos/6253568/pexels-photo-6253568.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/6253568/pexels-photo-6253568.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750 750w, https://images.pexels.com/photos/6253568/pexels-photo-6253568.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828 828w, https://images.pexels.com/photos/6253568/pexels-photo-6253568.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/6253568/pexels-photo-6253568.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200 1200w, https://images.pexels.com/photos/6253568/pexels-photo-6253568.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w",
   },
-  mimetype: "image/png",
 };
 
 const DEFAULT_CONTENT = {
@@ -23,49 +55,95 @@ const DEFAULT_CONTENT = {
   container: null,
   main_wrapper: null,
   left_container: null,
-  left_title: "Enterprise Solutions Platform",
+  left_title: "Workflows that move with your team",
   left_description:
-    "Comprehensive business technology solutions designed to streamline operations and drive digital transformation across your organization.",
+    "Levo unifies docs, tasks, and approvals into one real-time workspace so squads ship work without context-switching across five tabs.",
   right_container: null,
-  images: [
-    {
-      image: MEDIA,
-    },
-  ],
+  images: [{ image: IMG_1 }, { image: IMG_2 }],
   cards: [
     {
       card: null,
-      small_desc: "Core Features",
-      title: "Advanced Analytics Dashboard",
+      small_desc: "Real-time",
+      title: "Edit together, instantly",
       description:
-        "Real-time business intelligence with comprehensive reporting tools and customizable metrics for data-driven decision making.",
+        "Multiplayer cursors, presence, and conflict-free sync keep every doc and board updated under 80ms across regions.",
     },
     {
       card: null,
-      small_desc: "Integration",
-      title: "Seamless System Integration",
+      small_desc: "Automation",
+      title: "Automations that adapt",
       description:
-        "Connect all your business tools and applications through our unified platform with robust API connectivity and data synchronization.",
+        "Trigger handoffs, approvals, and Slack pings on any field change with a no-code rules engine your ops team can own.",
     },
     {
       card: null,
-      small_desc: "Security",
-      title: "Enterprise-Grade Security",
+      small_desc: "Integrations",
+      title: "Plugged into your stack",
       description:
-        "Multi-layered security architecture with advanced encryption, access controls, and compliance management for maximum data protection.",
+        "Two-way sync with GitHub, Jira, HubSpot, and 60+ tools so updates flow without copy-paste or stale dashboards.",
     },
     {
       card: null,
-      small_desc: "Support",
-      title: "24/7 Professional Support",
+      small_desc: "Governance",
+      title: "Permissions you can trust",
       description:
-        "Dedicated technical support team available around the clock with expert guidance and rapid issue resolution capabilities.",
+        "SSO, SCIM, granular roles, and SOC 2 Type II audits give IT control without slowing the people doing the work.",
     },
   ],
 };
 
 export type ICards12Content = typeof DEFAULT_CONTENT;
 
+const CARD_CONFIG = {
+  title: {
+    heading: { level: "4" },
+    selectedVariants: { Heading_Level: "H5" },
+  },
+  description: { selectedVariants: {} },
+  small_desc: { selectedVariants: { Typography_Variants: "Small" } },
+};
+
+const CARDS_CONFIG = Array(4)
+  .fill(0)
+  .map(() => CARD_CONFIG);
+
+const BRAND_LABEL = {
+  "font-weight": 600,
+  color: "brand",
+  "text-transform": "uppercase",
+  "letter-spacing": "0.08em",
+  "font-size": "xs",
+  width: "fit-content",
+};
+
+const CARD_BORDERED = {
+  display: "flex",
+  "flex-direction": "column",
+  "row-gap": "sm",
+  "padding-top": "xl",
+  "padding-bottom": "xl",
+  "padding-left": "xl",
+  "padding-right": "xl",
+  "border-radius": "lg",
+  "border-width": "1px",
+  "border-color": "border",
+  height: "100%",
+};
+
+const IMAGE_STYLE_4_3 = {
+  width: "100%",
+  "border-radius": "lg",
+  "aspect-ratio": "4/3",
+  "object-fit": "cover",
+};
+
+const IMAGE_STYLE_16_9 = {
+  width: "100%",
+  "border-radius": "lg",
+  "aspect-ratio": "16/9",
+  "object-fit": "cover",
+};
+
 export const Cards12: IBlock = {
   category_id: "cards",
   title: "Cards 12",
@@ -232,6 +310,58 @@ export const Cards12: IBlock = {
           display: "flex",
           "column-gap": "5xl",
           "align-items": "flex-start",
+          tablet: { "column-gap": "3xl" },
+          mobile: { "flex-direction": "column", "row-gap": "3xl" },
+        },
+        left_container: {
+          flex: "1",
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "xl",
+          position: "sticky",
+          top: "2xl",
+        },
+        left_title: {},
+        left_description: {},
+        images_levoGroup: {
+          display: "grid",
+          "grid-template-columns": "repeat(1, minmax(0, 1fr))",
+          "row-gap": "base",
+          "column-gap": "base",
+        },
+        right_container: { flex: "1" },
+        cards_levoGroup: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "lg",
+        },
+        images: [{ image: IMAGE_STYLE_4_3 }, { image: IMAGE_STYLE_4_3 }],
+        cards_levoGroupItem: {
+          card: CARD_BORDERED,
+          title: { "font-weight": 600 },
+          description: {},
+          small_desc: BRAND_LABEL,
+        },
+        cards: [{}, {}, {}, {}],
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        left_title: { selectedVariants: { Heading_Level: "H3" } },
+        left_description: { selectedVariants: {} },
+        cards: CARDS_CONFIG,
+      },
+    },
+    {
+      title: "Reversed",
+      key: "reversed",
+      styles: {
+        layout: {},
+        container: {},
+        main_wrapper: {
+          display: "flex",
+          "flex-direction": "row-reverse",
+          "column-gap": "5xl",
+          "align-items": "flex-start",
           tablet: {
             "column-gap": "3xl",
           },
@@ -245,6 +375,8 @@ export const Cards12: IBlock = {
           display: "flex",
           "flex-direction": "column",
           "row-gap": "xl",
+          position: "sticky",
+          top: "2xl",
         },
         left_title: {},
         left_description: {},
@@ -253,9 +385,6 @@ export const Cards12: IBlock = {
           "grid-template-columns": "repeat(1, minmax(0, 1fr))",
           "row-gap": "base",
           "column-gap": "base",
-          mobile: {
-            "grid-template-columns": "repeat(1, minmax(0, 1fr))",
-          },
         },
         right_container: {
           flex: "1",
@@ -263,7 +392,7 @@ export const Cards12: IBlock = {
         cards_levoGroup: {
           display: "flex",
           "flex-direction": "column",
-          "row-gap": "xl",
+          "row-gap": "lg",
         },
         images: [
           {
@@ -275,134 +404,396 @@ export const Cards12: IBlock = {
             },
           },
         ],
-        cards: [
+        cards_levoGroupItem: {
+          card: {
+            display: "flex",
+            "flex-direction": "column",
+            "row-gap": "sm",
+            "padding-top": "xl",
+            "padding-bottom": "xl",
+            "padding-left": "xl",
+            "padding-right": "xl",
+            "border-radius": "lg",
+            "border-width": "1px",
+            "border-color": "border",
+            height: "100%",
+          },
+          title: {
+            "font-weight": 600,
+          },
+          description: {},
+          small_desc: {
+            "font-weight": 600,
+            color: "brand",
+            "text-transform": "uppercase",
+            "letter-spacing": "0.08em",
+            "font-size": "xs",
+            width: "fit-content",
+          },
+        },
+        cards: [{}, {}, {}, {}],
+      },
+      content: {
+        layout: null,
+        container: null,
+        main_wrapper: null,
+        left_container: null,
+        left_title: "Workflows that move with your team",
+        left_description:
+          "Levo unifies docs, tasks, and approvals into one real-time workspace so squads ship work without context-switching across five tabs.",
+        right_container: null,
+        images: [
           {
-            card: {
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "sm",
-              "padding-top": "lg",
-              "padding-bottom": "lg",
-              "padding-left": "lg",
-              "padding-right": "lg",
-              "border-radius": "lg",
-              "border-width": "1px",
-              "border-color": "border",
+            image: {
+              id: "7453007362183782822",
+              kind: "image",
+              location:
+                "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg",
+              mimetype: "image/jpeg",
+              srcset: {
+                "320w":
+                  "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
+                "640w":
+                  "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
+                "750w":
+                  "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
+                "828w":
+                  "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
+                "1080w":
+                  "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
+                "1200w":
+                  "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
+                "1920w":
+                  "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
+                path: "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320 320w, https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750 750w, https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828 828w, https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200 1200w, https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w",
+              },
             },
+          },
+        ],
+        cards: [
+          {
+            card: null,
+            small_desc: "Real-time",
+            title: "Edit together, instantly",
+            description:
+              "Multiplayer cursors, presence, and conflict-free sync keep every doc and board updated under 80ms across regions.",
+          },
+          {
+            card: null,
+            small_desc: "Automation",
+            title: "Automations that adapt",
+            description:
+              "Trigger handoffs, approvals, and Slack pings on any field change with a no-code rules engine your ops team can own.",
+          },
+          {
+            card: null,
+            small_desc: "Integrations",
+            title: "Plugged into your stack",
+            description:
+              "Two-way sync with GitHub, Jira, HubSpot, and 60+ tools so updates flow without copy-paste or stale dashboards.",
+          },
+          {
+            card: null,
+            small_desc: "Governance",
+            title: "Permissions you can trust",
+            description:
+              "SSO, SCIM, granular roles, and SOC 2 Type II audits give IT control without slowing the people doing the work.",
+          },
+        ],
+      },
+      config: {
+        left_title: {
+          selectedVariants: {
+            Heading_Level: "H3",
+          },
+        },
+        left_description: {
+          selectedVariants: {},
+        },
+        cards: [
+          {
             title: {
-              "font-weight": 600,
+              heading: {
+                level: "4",
+              },
+              selectedVariants: {
+                Heading_Level: "H5",
+              },
+            },
+            description: {
+              selectedVariants: {},
             },
-            description: {},
             small_desc: {
-              "font-weight": 600,
-              color: "text-3",
-              "text-transform": "uppercase",
-              "letter-spacing": "0.05em",
-              width: "fit-content",
-              "background-color": "brandSecondary",
-              "padding-left": "xs",
-              "padding-right": "xs",
-              "padding-top": "4xs",
-              "padding-bottom": "4xs",
-              "border-radius": "3xl",
+              selectedVariants: {
+                Typography_Variants: "Small",
+              },
             },
           },
           {
-            card: {
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "sm",
-              "padding-top": "lg",
-              "padding-bottom": "lg",
-              "padding-left": "lg",
-              "padding-right": "lg",
-              "border-radius": "lg",
-              "border-width": "1px",
-              "border-color": "border",
-            },
             title: {
-              "font-weight": 600,
+              heading: {
+                level: "4",
+              },
+              selectedVariants: {
+                Heading_Level: "H5",
+              },
+            },
+            description: {
+              selectedVariants: {},
             },
-            description: {},
             small_desc: {
-              "font-weight": 600,
-              color: "text-3",
-              "text-transform": "uppercase",
-              "letter-spacing": "0.05em",
-              width: "fit-content",
-              "background-color": "brandSecondary",
-              "padding-left": "xs",
-              "padding-right": "xs",
-              "padding-top": "4xs",
-              "padding-bottom": "4xs",
-              "border-radius": "3xl",
+              selectedVariants: {
+                Typography_Variants: "Small",
+              },
             },
           },
           {
-            small_desc: {
-              "font-weight": 600,
-              color: "text-3",
-              "text-transform": "uppercase",
-              "letter-spacing": "0.05em",
-              width: "fit-content",
-              "background-color": "brandSecondary",
-              "padding-left": "xs",
-              "padding-right": "xs",
-              "padding-top": "4xs",
-              "padding-bottom": "4xs",
-              "border-radius": "3xl",
+            title: {
+              heading: {
+                level: "4",
+              },
+              selectedVariants: {
+                Heading_Level: "H5",
+              },
             },
-            card: {
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "sm",
-              "padding-top": "lg",
-              "padding-bottom": "lg",
-              "padding-left": "lg",
-              "padding-right": "lg",
-              "border-radius": "lg",
-              "border-width": "1px",
-              "border-color": "border",
+            description: {
+              selectedVariants: {},
             },
-            title: {
-              "font-weight": 600,
+            small_desc: {
+              selectedVariants: {
+                Typography_Variants: "Small",
+              },
             },
-            description: {},
           },
           {
+            title: {
+              heading: {
+                level: "4",
+              },
+              selectedVariants: {
+                Heading_Level: "H5",
+              },
+            },
+            description: {
+              selectedVariants: {},
+            },
             small_desc: {
-              "font-weight": 600,
-              color: "text-3",
-              "text-transform": "uppercase",
-              "letter-spacing": "0.05em",
-              width: "fit-content",
-              "background-color": "brandSecondary",
-              "padding-left": "xs",
-              "padding-right": "xs",
-              "padding-top": "4xs",
-              "padding-bottom": "4xs",
-              "border-radius": "3xl",
+              selectedVariants: {
+                Typography_Variants: "Small",
+              },
             },
-            card: {
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "sm",
-              "padding-top": "lg",
-              "padding-bottom": "lg",
-              "padding-left": "lg",
-              "padding-right": "lg",
+          },
+        ],
+      },
+    },
+    {
+      title: "Stacked",
+      key: "stacked",
+      styles: {
+        layout: {},
+        container: {},
+        main_wrapper: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "3xl",
+          "align-items": "center",
+        },
+        left_container: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "lg",
+          "text-align": "center",
+          "align-items": "center",
+          "max-width": "720px",
+        },
+        left_title: {},
+        left_description: {},
+        images_levoGroup: {
+          display: "grid",
+          "grid-template-columns": "repeat(2, minmax(0, 1fr))",
+          "row-gap": "base",
+          "column-gap": "base",
+          width: "100%",
+          mobile: { "grid-template-columns": "repeat(1, minmax(0, 1fr))" },
+        },
+        right_container: { width: "100%" },
+        cards_levoGroup: {
+          display: "grid",
+          "grid-template-columns": "repeat(4, minmax(0, 1fr))",
+          "column-gap": "lg",
+          "row-gap": "lg",
+          tablet: { "grid-template-columns": "repeat(2, minmax(0, 1fr))" },
+          mobile: { "grid-template-columns": "repeat(1, minmax(0, 1fr))" },
+        },
+        images: [{ image: IMAGE_STYLE_16_9 }, { image: IMAGE_STYLE_16_9 }],
+        cards_levoGroupItem: {
+          card: CARD_BORDERED,
+          title: { "font-weight": 600 },
+          description: {},
+          small_desc: BRAND_LABEL,
+        },
+        cards: [{}, {}, {}, {}],
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        left_title: { selectedVariants: { Heading_Level: "H3" } },
+        left_description: { selectedVariants: {} },
+        cards: CARDS_CONFIG,
+      },
+    },
+    {
+      title: "Cards Grid",
+      key: "cards_grid",
+      styles: {
+        layout: {},
+        container: {},
+        main_wrapper: {
+          display: "flex",
+          "column-gap": "5xl",
+          "align-items": "flex-start",
+          tablet: {
+            "column-gap": "3xl",
+          },
+          mobile: {
+            "flex-direction": "column",
+            "row-gap": "3xl",
+          },
+        },
+        left_container: {
+          flex: "1",
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "xl",
+          position: "sticky",
+          top: "2xl",
+        },
+        left_title: {},
+        left_description: {},
+        images_levoGroup: {
+          display: "grid",
+          "grid-template-columns": "repeat(1, minmax(0, 1fr))",
+          "row-gap": "base",
+          "column-gap": "base",
+        },
+        right_container: {
+          flex: "1",
+        },
+        cards_levoGroup: {
+          display: "grid",
+          "grid-template-columns": "repeat(2, minmax(0, 1fr))",
+          "column-gap": "base",
+          "row-gap": "base",
+          mobile: {
+            "grid-template-columns": "repeat(1, minmax(0, 1fr))",
+          },
+        },
+        images: [
+          {
+            image: {
+              width: "100%",
               "border-radius": "lg",
-              "border-width": "1px",
-              "border-color": "border",
+              "aspect-ratio": "4/3",
+              "object-fit": "cover",
             },
-            title: {
-              "font-weight": 600,
+          },
+        ],
+        cards_levoGroupItem: {
+          card: {
+            display: "flex",
+            "flex-direction": "column",
+            "row-gap": "sm",
+            "padding-top": "lg",
+            "padding-bottom": "lg",
+            "padding-left": "lg",
+            "padding-right": "lg",
+            "border-radius": "lg",
+            "border-width": "1px",
+            "border-color": "border",
+            height: "100%",
+          },
+          title: {
+            "font-weight": 600,
+          },
+          description: {},
+          small_desc: {
+            "font-weight": 600,
+            color: "brand",
+            "text-transform": "uppercase",
+            "letter-spacing": "0.08em",
+            "font-size": "xs",
+            width: "fit-content",
+          },
+        },
+        cards: [{}, {}, {}, {}],
+      },
+      content: {
+        layout: null,
+        container: null,
+        main_wrapper: null,
+        left_container: null,
+        left_title: "Workflows that move with your team",
+        left_description:
+          "Levo unifies docs, tasks, and approvals into one real-time workspace so squads ship work without context-switching across five tabs.",
+        right_container: null,
+        images: [
+          {
+            image: {
+              id: "7453007362183782822",
+              kind: "image",
+              location:
+                "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg",
+              mimetype: "image/jpeg",
+              srcset: {
+                "320w":
+                  "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
+                "640w":
+                  "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
+                "750w":
+                  "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
+                "828w":
+                  "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
+                "1080w":
+                  "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
+                "1200w":
+                  "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
+                "1920w":
+                  "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
+                path: "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320 320w, https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750 750w, https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828 828w, https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200 1200w, https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w",
+              },
             },
-            description: {},
+          },
+        ],
+        cards: [
+          {
+            card: null,
+            small_desc: "Real-time",
+            title: "Edit together, instantly",
+            description:
+              "Multiplayer cursors, presence, and conflict-free sync keep every doc and board updated under 80ms across regions.",
+          },
+          {
+            card: null,
+            small_desc: "Automation",
+            title: "Automations that adapt",
+            description:
+              "Trigger handoffs, approvals, and Slack pings on any field change with a no-code rules engine your ops team can own.",
+          },
+          {
+            card: null,
+            small_desc: "Integrations",
+            title: "Plugged into your stack",
+            description:
+              "Two-way sync with GitHub, Jira, HubSpot, and 60+ tools so updates flow without copy-paste or stale dashboards.",
+          },
+          {
+            card: null,
+            small_desc: "Governance",
+            title: "Permissions you can trust",
+            description:
+              "SSO, SCIM, granular roles, and SOC 2 Type II audits give IT control without slowing the people doing the work.",
           },
         ],
       },
-      content: DEFAULT_CONTENT,
       config: {
         left_title: {
           selectedVariants: {
@@ -433,12 +824,12 @@ export const Cards12: IBlock = {
           },
           {
             title: {
-              selectedVariants: {
-                Heading_Level: "H5",
-              },
               heading: {
                 level: "4",
               },
+              selectedVariants: {
+                Heading_Level: "H5",
+              },
             },
             description: {
               selectedVariants: {},
@@ -451,12 +842,12 @@ export const Cards12: IBlock = {
           },
           {
             title: {
-              selectedVariants: {
-                Heading_Level: "H5",
-              },
               heading: {
                 level: "4",
               },
+              selectedVariants: {
+                Heading_Level: "H5",
+              },
             },
             description: {
               selectedVariants: {},
@@ -469,12 +860,12 @@ export const Cards12: IBlock = {
           },
           {
             title: {
-              selectedVariants: {
-                Heading_Level: "H5",
-              },
               heading: {
                 level: "4",
               },
+              selectedVariants: {
+                Heading_Level: "H5",
+              },
             },
             description: {
               selectedVariants: {},