@levo-so/blocks 0.1.101 → 0.1.103

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

@@ -1,92 +1,253 @@
 import type { IBlock } from "@levo-so/studio";
 
-const DUMMY_ICON = {
+const CALENDAR_ICON = {
   kind: "icon",
   data: {
-    id: "calendar-1",
-    label: "Calendar 1",
-    tags: ["calendar", "custom", "time"],
+    id: "calendar-tick",
+    label: "Calendar Tick",
     svgCode:
-      '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M8 5.75C7.59 5.75 7.25 5.41 7.25 5V2C7.25 1.59 7.59 1.25 8 1.25C8.41 1.25 8.75 1.59 8.75 2V5C8.75 5.41 8.41 5.75 8 5.75Z" fill="var(--color-icon-primary)"/>\n<path d="M16 5.75C15.59 5.75 15.25 5.41 15.25 5V2C15.25 1.59 15.59 1.25 16 1.25C16.41 1.25 16.75 1.59 16.75 2V5C16.75 5.41 16.41 5.75 16 5.75Z" fill="var(--color-icon-primary)"/>\n<path d="M8.5 14.5001C8.37 14.5001 8.24 14.4701 8.12 14.4201C7.99 14.3701 7.89 14.3001 7.79 14.2101C7.61 14.0201 7.5 13.7701 7.5 13.5001C7.5 13.3701 7.53 13.2401 7.58 13.1201C7.63 13.0001 7.7 12.8901 7.79 12.7901C7.89 12.7001 7.99 12.6301 8.12 12.5801C8.48 12.4301 8.93 12.5101 9.21 12.7901C9.39 12.9801 9.5 13.2401 9.5 13.5001C9.5 13.5601 9.49 13.6301 9.48 13.7001C9.47 13.7601 9.45 13.8201 9.42 13.8801C9.4 13.9401 9.37 14.0001 9.33 14.0601C9.3 14.1101 9.25 14.1601 9.21 14.2101C9.02 14.3901 8.76 14.5001 8.5 14.5001Z" fill="var(--color-icon-primary)"/>\n<path d="M12 14.5C11.87 14.5 11.74 14.47 11.62 14.42C11.49 14.37 11.39 14.3 11.29 14.21C11.11 14.02 11 13.77 11 13.5C11 13.37 11.03 13.24 11.08 13.12C11.13 13 11.2 12.89 11.29 12.79C11.39 12.7 11.49 12.63 11.62 12.58C11.98 12.42 12.43 12.51 12.71 12.79C12.89 12.98 13 13.24 13 13.5C13 13.56 12.99 13.63 12.98 13.7C12.97 13.76 12.95 13.82 12.92 13.88C12.9 13.94 12.87 14 12.83 14.06C12.8 14.11 12.75 14.16 12.71 14.21C12.52 14.39 12.26 14.5 12 14.5Z" fill="var(--color-icon-primary)"/>\n<path d="M15.5 14.5C15.37 14.5 15.24 14.47 15.12 14.42C14.99 14.37 14.89 14.3 14.79 14.21C14.75 14.16 14.71 14.11 14.67 14.06C14.63 14 14.6 13.94 14.58 13.88C14.55 13.82 14.53 13.76 14.52 13.7C14.51 13.63 14.5 13.56 14.5 13.5C14.5 13.24 14.61 12.98 14.79 12.79C14.89 12.7 14.99 12.63 15.12 12.58C15.49 12.42 15.93 12.51 16.21 12.79C16.39 12.98 16.5 13.24 16.5 13.5C16.5 13.56 16.49 13.63 16.48 13.7C16.47 13.76 16.45 13.82 16.42 13.88C16.4 13.94 16.37 14 16.33 14.06C16.3 14.11 16.25 14.16 16.21 14.21C16.02 14.39 15.76 14.5 15.5 14.5Z" fill="var(--color-icon-primary)"/>\n<path d="M8.5 17.9999C8.37 17.9999 8.24 17.97 8.12 17.92C8 17.87 7.89 17.7999 7.79 17.7099C7.61 17.5199 7.5 17.2599 7.5 16.9999C7.5 16.8699 7.53 16.7399 7.58 16.6199C7.63 16.4899 7.7 16.38 7.79 16.29C8.16 15.92 8.84 15.92 9.21 16.29C9.39 16.48 9.5 16.7399 9.5 16.9999C9.5 17.2599 9.39 17.5199 9.21 17.7099C9.02 17.8899 8.76 17.9999 8.5 17.9999Z" fill="var(--color-icon-primary)"/>\n<path d="M12 17.9999C11.74 17.9999 11.48 17.8899 11.29 17.7099C11.11 17.5199 11 17.2599 11 16.9999C11 16.8699 11.03 16.7399 11.08 16.6199C11.13 16.4899 11.2 16.38 11.29 16.29C11.66 15.92 12.34 15.92 12.71 16.29C12.8 16.38 12.87 16.4899 12.92 16.6199C12.97 16.7399 13 16.8699 13 16.9999C13 17.2599 12.89 17.5199 12.71 17.7099C12.52 17.8899 12.26 17.9999 12 17.9999Z" fill="var(--color-icon-primary)"/>\n<path d="M15.5 18C15.24 18 14.98 17.89 14.79 17.71C14.7 17.62 14.63 17.51 14.58 17.38C14.53 17.26 14.5 17.13 14.5 17C14.5 16.87 14.53 16.74 14.58 16.62C14.63 16.49 14.7 16.38 14.79 16.29C15.02 16.06 15.37 15.95 15.69 16.02C15.76 16.03 15.82 16.05 15.88 16.08C15.94 16.1 16 16.13 16.06 16.17C16.11 16.2 16.16 16.25 16.21 16.29C16.39 16.48 16.5 16.74 16.5 17C16.5 17.26 16.39 17.52 16.21 17.71C16.02 17.89 15.76 18 15.5 18Z" fill="var(--color-icon-primary)"/>\n<path d="M20.5 9.83997H3.5C3.09 9.83997 2.75 9.49997 2.75 9.08997C2.75 8.67997 3.09 8.33997 3.5 8.33997H20.5C20.91 8.33997 21.25 8.67997 21.25 9.08997C21.25 9.49997 20.91 9.83997 20.5 9.83997Z" fill="var(--color-icon-primary)"/>\n<path d="M16 22.75H8C4.35 22.75 2.25 20.65 2.25 17V8.5C2.25 4.85 4.35 2.75 8 2.75H16C19.65 2.75 21.75 4.85 21.75 8.5V17C21.75 20.65 19.65 22.75 16 22.75ZM8 4.25C5.14 4.25 3.75 5.64 3.75 8.5V17C3.75 19.86 5.14 21.25 8 21.25H16C18.86 21.25 20.25 19.86 20.25 17V8.5C20.25 5.64 18.86 4.25 16 4.25H8Z" fill="var(--color-icon-primary)"/>\n</svg>',
+      '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M8 5.75C7.59 5.75 7.25 5.41 7.25 5V2C7.25 1.59 7.59 1.25 8 1.25C8.41 1.25 8.75 1.59 8.75 2V5C8.75 5.41 8.41 5.75 8 5.75Z" fill="var(--color-icon-primary)"/>\n<path d="M16 5.75C15.59 5.75 15.25 5.41 15.25 5V2C15.25 1.59 15.59 1.25 16 1.25C16.41 1.25 16.75 1.59 16.75 2V5C16.75 5.41 16.41 5.75 16 5.75Z" fill="var(--color-icon-primary)"/>\n<path d="M8.5 14.4999C8.24 14.4999 7.98 14.3899 7.79 14.2099C7.61 14.0199 7.5 13.7699 7.5 13.4999C7.5 13.3699 7.53 13.2399 7.58 13.1199C7.63 12.9999 7.7 12.89 7.79 12.79C8.16 12.42 8.83 12.42 9.21 12.79C9.39 12.98 9.5 13.2399 9.5 13.4999C9.5 13.5599 9.49 13.63 9.48 13.7C9.47 13.76 9.45 13.8199 9.42 13.8799C9.4 13.9399 9.37 13.9999 9.33 14.0599C9.29 14.1099 9.25 14.1599 9.21 14.2099C9.02 14.3899 8.76 14.4999 8.5 14.4999Z" fill="var(--color-icon-primary)"/>\n<path d="M12 14.5001C11.87 14.5001 11.74 14.4701 11.62 14.4201C11.49 14.3701 11.39 14.3001 11.29 14.2101C11.11 14.0201 11 13.7701 11 13.5001C11 13.3701 11.03 13.2401 11.08 13.1201C11.13 13.0001 11.2 12.8901 11.29 12.7901C11.39 12.7001 11.49 12.6301 11.62 12.5801C11.99 12.4301 12.43 12.5101 12.71 12.7901C12.89 12.9801 13 13.2401 13 13.5001C13 13.5601 12.99 13.6301 12.98 13.7001C12.97 13.7601 12.95 13.8201 12.92 13.8801C12.9 13.9401 12.87 14.0001 12.83 14.0601C12.8 14.1101 12.75 14.1601 12.71 14.2101C12.52 14.3901 12.26 14.5001 12 14.5001Z" fill="var(--color-icon-primary)"/>\n<path d="M8.5 18C8.37 18 8.24 17.97 8.12 17.92C7.99 17.87 7.88 17.8 7.79 17.71C7.7 17.62 7.63 17.51 7.58 17.38C7.53 17.26 7.5 17.13 7.5 17C7.5 16.87 7.53 16.74 7.58 16.62C7.63 16.49 7.7 16.38 7.79 16.29C7.88 16.2 7.99 16.13 8.12 16.08C8.36 15.98 8.64 15.97 8.88 16.08C9.01 16.13 9.12 16.2 9.21 16.29C9.3 16.38 9.37 16.49 9.42 16.62C9.47 16.74 9.5 16.87 9.5 17C9.5 17.13 9.47 17.26 9.42 17.38C9.37 17.51 9.3 17.62 9.21 17.71C9.12 17.8 9.01 17.87 8.88 17.92C8.76 17.97 8.63 18 8.5 18Z" fill="var(--color-icon-primary)"/>\n<path d="M20.5 9.83997H3.5C3.09 9.83997 2.75 9.49997 2.75 9.08997C2.75 8.67997 3.09 8.33997 3.5 8.33997H20.5C20.91 8.33997 21.25 8.67997 21.25 9.08997C21.25 9.49997 20.91 9.83997 20.5 9.83997Z" fill="var(--color-icon-primary)"/>\n<path d="M18 23.75C16.83 23.75 15.72 23.33 14.87 22.56C14.51 22.26 14.19 21.88 13.93 21.44C13.49 20.72 13.25 19.87 13.25 19C13.25 16.38 15.38 14.25 18 14.25C19.36 14.25 20.66 14.84 21.56 15.86C22.33 16.74 22.75 17.85 22.75 19C22.75 19.87 22.51 20.72 22.06 21.45C21.22 22.87 19.66 23.75 18 23.75ZM18 15.75C16.21 15.75 14.75 17.21 14.75 19C14.75 19.59 14.91 20.17 15.22 20.67C15.39 20.97 15.61 21.22 15.85 21.43C16.45 21.97 17.2 22.25 18 22.25C19.15 22.25 20.19 21.66 20.78 20.68C21.09 20.17 21.25 19.6 21.25 19C21.25 18.22 20.96 17.46 20.44 16.85C19.82 16.15 18.93 15.75 18 15.75Z" fill="var(--color-icon-primary)"/>\n<path d="M17.4299 20.74C17.2399 20.74 17.0499 20.67 16.8999 20.52L15.9099 19.53C15.6199 19.24 15.6199 18.7601 15.9099 18.4701C16.1999 18.1801 16.6799 18.1801 16.9699 18.4701L17.4499 18.9501L19.0499 17.4701C19.3499 17.1901 19.8299 17.2101 20.1099 17.5101C20.3899 17.8101 20.3699 18.2901 20.0699 18.5701L17.9399 20.5401C17.7899 20.6701 17.6099 20.74 17.4299 20.74Z" fill="var(--color-icon-primary)"/>\n<path d="M15.37 22.75H8C4.35 22.75 2.25 20.65 2.25 17V8.5C2.25 4.85 4.35 2.75 8 2.75H16C19.65 2.75 21.75 4.85 21.75 8.5V16.36C21.75 16.67 21.56 16.95 21.26 17.06C20.97 17.17 20.64 17.09 20.43 16.85C19.81 16.15 18.92 15.75 17.99 15.75C16.2 15.75 14.74 17.21 14.74 19C14.74 19.59 14.9 20.17 15.21 20.67C15.38 20.97 15.6 21.22 15.84 21.43C16.08 21.63 16.17 21.96 16.06 22.26C15.97 22.55 15.69 22.75 15.37 22.75ZM8 4.25C5.14 4.25 3.75 5.64 3.75 8.5V17C3.75 19.86 5.14 21.25 8 21.25H13.82C13.45 20.57 13.25 19.8 13.25 19C13.25 16.38 15.38 14.25 18 14.25C18.79 14.25 19.57 14.45 20.25 14.82V8.5C20.25 5.64 18.86 4.25 16 4.25H8Z" fill="var(--color-icon-primary)"/>\n</svg>',
   },
 };
 
-const MEDIA = {
-  id: "7141014160938075687",
-  location: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH.png",
+// Overhead view of project management documents and charts on a desk
+const IMG_1 = {
+  id: "7453000332583204082",
   kind: "image",
-  mimetype: "image/png",
+  location:
+    "https://images.pexels.com/photos/7605981/pexels-photo-7605981.jpeg",
+  mimetype: "image/jpeg",
   srcset: {
-    "1080w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp",
-    "1200w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp",
-    "1920w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp",
-    "320w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp",
-    "640w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp",
-    "750w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp",
-    "828w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp",
-    path: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp 640w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp 1080w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp 1200w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp 1920w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp 320w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp 750w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp 828w",
+    "320w":
+      "https://images.pexels.com/photos/7605981/pexels-photo-7605981.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
+    "640w":
+      "https://images.pexels.com/photos/7605981/pexels-photo-7605981.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
+    "750w":
+      "https://images.pexels.com/photos/7605981/pexels-photo-7605981.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
+    "828w":
+      "https://images.pexels.com/photos/7605981/pexels-photo-7605981.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
+    "1080w":
+      "https://images.pexels.com/photos/7605981/pexels-photo-7605981.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
+    "1200w":
+      "https://images.pexels.com/photos/7605981/pexels-photo-7605981.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
+    "1920w":
+      "https://images.pexels.com/photos/7605981/pexels-photo-7605981.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
+    path: "https://images.pexels.com/photos/7605981/pexels-photo-7605981.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320 320w, https://images.pexels.com/photos/7605981/pexels-photo-7605981.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/7605981/pexels-photo-7605981.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750 750w, https://images.pexels.com/photos/7605981/pexels-photo-7605981.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828 828w, https://images.pexels.com/photos/7605981/pexels-photo-7605981.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/7605981/pexels-photo-7605981.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200 1200w, https://images.pexels.com/photos/7605981/pexels-photo-7605981.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w",
   },
 };
 
-const CARD_CONTENT = {
+// Two business professionals analyzing financial data on multiple computer screens
+const IMG_2 = {
+  id: "7453000333363165133",
+  kind: "image",
+  location:
+    "https://images.pexels.com/photos/5831343/pexels-photo-5831343.jpeg",
+  mimetype: "image/jpeg",
+  srcset: {
+    "320w":
+      "https://images.pexels.com/photos/5831343/pexels-photo-5831343.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
+    "640w":
+      "https://images.pexels.com/photos/5831343/pexels-photo-5831343.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
+    "750w":
+      "https://images.pexels.com/photos/5831343/pexels-photo-5831343.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
+    "828w":
+      "https://images.pexels.com/photos/5831343/pexels-photo-5831343.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
+    "1080w":
+      "https://images.pexels.com/photos/5831343/pexels-photo-5831343.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
+    "1200w":
+      "https://images.pexels.com/photos/5831343/pexels-photo-5831343.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
+    "1920w":
+      "https://images.pexels.com/photos/5831343/pexels-photo-5831343.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
+    path: "https://images.pexels.com/photos/5831343/pexels-photo-5831343.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320 320w, https://images.pexels.com/photos/5831343/pexels-photo-5831343.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/5831343/pexels-photo-5831343.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750 750w, https://images.pexels.com/photos/5831343/pexels-photo-5831343.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828 828w, https://images.pexels.com/photos/5831343/pexels-photo-5831343.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/5831343/pexels-photo-5831343.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200 1200w, https://images.pexels.com/photos/5831343/pexels-photo-5831343.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w",
+  },
+};
+
+// Close-up of multicolored code on a computer screen
+const IMG_3 = {
+  id: "7453000334799459882",
+  kind: "image",
+  location:
+    "https://images.pexels.com/photos/3872166/pexels-photo-3872166.jpeg",
+  mimetype: "image/jpeg",
+  srcset: {
+    "320w":
+      "https://images.pexels.com/photos/3872166/pexels-photo-3872166.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
+    "640w":
+      "https://images.pexels.com/photos/3872166/pexels-photo-3872166.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
+    "750w":
+      "https://images.pexels.com/photos/3872166/pexels-photo-3872166.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
+    "828w":
+      "https://images.pexels.com/photos/3872166/pexels-photo-3872166.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
+    "1080w":
+      "https://images.pexels.com/photos/3872166/pexels-photo-3872166.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
+    "1200w":
+      "https://images.pexels.com/photos/3872166/pexels-photo-3872166.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
+    "1920w":
+      "https://images.pexels.com/photos/3872166/pexels-photo-3872166.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
+    path: "https://images.pexels.com/photos/3872166/pexels-photo-3872166.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320 320w, https://images.pexels.com/photos/3872166/pexels-photo-3872166.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/3872166/pexels-photo-3872166.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750 750w, https://images.pexels.com/photos/3872166/pexels-photo-3872166.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828 828w, https://images.pexels.com/photos/3872166/pexels-photo-3872166.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/3872166/pexels-photo-3872166.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200 1200w, https://images.pexels.com/photos/3872166/pexels-photo-3872166.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w",
+  },
+};
+
+// Generic avatar-style Pexels portrait pool, re-used per author. Same shape as cover images.
+const AUTHOR_1 = {
+  id: "7453000337216180776",
+  kind: "image",
+  location:
+    "https://images.pexels.com/photos/7793692/pexels-photo-7793692.jpeg",
+  mimetype: "image/jpeg",
+  srcset: {
+    "320w":
+      "https://images.pexels.com/photos/7793692/pexels-photo-7793692.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
+    "640w":
+      "https://images.pexels.com/photos/7793692/pexels-photo-7793692.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
+    "750w":
+      "https://images.pexels.com/photos/7793692/pexels-photo-7793692.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
+    "828w":
+      "https://images.pexels.com/photos/7793692/pexels-photo-7793692.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
+    "1080w":
+      "https://images.pexels.com/photos/7793692/pexels-photo-7793692.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
+    "1200w":
+      "https://images.pexels.com/photos/7793692/pexels-photo-7793692.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
+    "1920w":
+      "https://images.pexels.com/photos/7793692/pexels-photo-7793692.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
+    path: "https://images.pexels.com/photos/7793692/pexels-photo-7793692.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320 320w, https://images.pexels.com/photos/7793692/pexels-photo-7793692.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w",
+  },
+};
+
+const AUTHOR_2 = {
+  id: "7453000339905843052",
+  kind: "image",
+  location:
+    "https://images.pexels.com/photos/7414216/pexels-photo-7414216.jpeg",
+  mimetype: "image/jpeg",
+  srcset: {
+    "320w":
+      "https://images.pexels.com/photos/7414216/pexels-photo-7414216.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
+    "640w":
+      "https://images.pexels.com/photos/7414216/pexels-photo-7414216.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
+    "750w":
+      "https://images.pexels.com/photos/7414216/pexels-photo-7414216.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
+    "828w":
+      "https://images.pexels.com/photos/7414216/pexels-photo-7414216.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
+    "1080w":
+      "https://images.pexels.com/photos/7414216/pexels-photo-7414216.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
+    "1200w":
+      "https://images.pexels.com/photos/7414216/pexels-photo-7414216.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
+    "1920w":
+      "https://images.pexels.com/photos/7414216/pexels-photo-7414216.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
+    path: "https://images.pexels.com/photos/7414216/pexels-photo-7414216.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320 320w, https://images.pexels.com/photos/7414216/pexels-photo-7414216.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w",
+  },
+};
+
+const AUTHOR_3 = {
+  id: "7453000334031213823",
+  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",
+  },
+};
+
+const CARD_1 = {
   card: null,
-  cover_image: MEDIA,
+  cover_image: IMG_1,
   card_content_wrapper: null,
   text_content_wrapper: null,
   timestamp_wrapper: null,
-  timestamp_icon: DUMMY_ICON,
-  timestamp: "Today, 12:00",
-  category: "Article",
-  title:
-    "Our comprehensive financial services help you achieve your goals through expert guidance and innovative solutions.",
+  timestamp_icon: CALENDAR_ICON,
+  timestamp: "12 Mar, 2026",
+  category: "Playbook",
+  category_wrapper: null,
+  category_icon: null,
+  card_info_wrapper: null,
+  content_header: null,
+  title: "How we cut cycle time by 38% with async standups",
   description:
-    "Our comprehensive financial services help you achieve your goals through expert guidance and innovative solutions.",
+    "Replacing daily meetings with threaded updates in the workflow engine gave every squad back four hours a week and tightened review SLAs.",
   author_wrapper: null,
-  author_image: MEDIA,
-  author_name: "John Doe",
-  author_description: "Marketing Coordinator",
-  cta: "Read more",
+  author_image: AUTHOR_1,
+  author_info_wrapper: null,
+  author_name: "Priya Natarajan",
+  author_description: "Head of Product Ops",
+  cta: "Read playbook",
 };
 
-const DEFAULT_CONTENT = {
-  layout: null,
-  container: null,
-  text_wrapper: null,
-  title: "Building Wealth Together",
+const CARD_2 = {
+  card: null,
+  cover_image: IMG_2,
+  card_content_wrapper: null,
+  text_content_wrapper: null,
+  timestamp_wrapper: null,
+  timestamp_icon: CALENDAR_ICON,
+  timestamp: "05 Mar, 2026",
+  category: "Research",
+  category_wrapper: null,
+  category_icon: null,
+  card_info_wrapper: null,
+  content_header: null,
+  title: "The real cost of dashboard sprawl across revenue teams",
   description:
-    "Our comprehensive financial services help you achieve your goals through expert guidance and innovative solutions.",
-  ctas_LevoGroup: null,
-  ctas: [{ cta: "Learn More" }, { cta: "View All" }],
-  cards: Array(3)
-    ?.fill(0)
-    ?.map((_) => CARD_CONTENT),
-  "pagination-wrapper": null,
-  "pagination-left": "Back",
-  "pagination-text": "",
-  "pagination-right": "Next",
+    "We audited 214 workspaces and found the median team owned 41 dashboards; only 7 drove a decision last quarter. Here is how to consolidate.",
+  author_wrapper: null,
+  author_image: AUTHOR_2,
+  author_info_wrapper: null,
+  author_name: "Diego Alarcón",
+  author_description: "Principal Analyst",
+  cta: "See the data",
+};
+
+const CARD_3 = {
+  card: null,
+  cover_image: IMG_3,
+  card_content_wrapper: null,
+  text_content_wrapper: null,
+  timestamp_wrapper: null,
+  timestamp_icon: CALENDAR_ICON,
+  timestamp: "27 Feb, 2026",
+  category: "Engineering",
+  category_wrapper: null,
+  category_icon: null,
+  card_info_wrapper: null,
+  content_header: null,
+  title: "Shipping real-time presence without blowing up your bill",
+  description:
+    "A walkthrough of the WebSocket fan-out, CRDT state sync, and edge cache strategy that keeps cursors smooth at 50k concurrent seats.",
+  author_wrapper: null,
+  author_image: AUTHOR_3,
+  author_info_wrapper: null,
+  author_name: "Mei-Lin Zhou",
+  author_description: "Staff Platform Engineer",
+  cta: "Read deep dive",
 };
 
-const DEFAULT_CONTENT_NO_BORDER = {
+const DEFAULT_CONTENT = {
   layout: null,
   container: null,
   text_wrapper: null,
-  title: "Building Wealth Together",
+  title: "Lessons from teams shipping faster",
   description:
-    "Our comprehensive financial services help you achieve your goals through expert guidance and innovative solutions.",
+    "Field notes, benchmarks, and teardown posts from product, ops, and engineering leaders using Levo to run real-time work.",
   ctas_LevoGroup: null,
-  ctas: [
-    {
-      cta: "Learn More",
-    },
-    {
-      cta: "View All",
-    },
-  ],
-  cards: Array(3)
-    ?.fill(0)
-    ?.map((_) => CARD_CONTENT),
+  ctas: [{ cta: "Browse all posts" }],
+  cards: [CARD_1, CARD_2, CARD_3],
   "pagination-wrapper": null,
-  "pagination-left": "Back",
+  "pagination-left": "Previous",
   "pagination-text": "",
   "pagination-right": "Next",
 };
@@ -103,25 +264,21 @@ export const Cards16: IBlock = {
       key: "layout",
       label: "Layout",
       field_interface: "LayoutWidget",
-      // No hint needed: acts as high-level layout wrapper
     },
     {
       key: "container",
       label: "Container",
       field_interface: "ContainerWidget",
-      // No hint needed: visual/container only
     },
     {
       key: "header",
       label: "Header",
       field_interface: "BoxWidget",
-      // No hint needed: layout grouping only
     },
     {
       key: "text_wrapper",
       label: "Text Wrapper",
       field_interface: "BoxWidget",
-      // No hint needed: layout grouping only
     },
     {
       key: "title",
@@ -132,7 +289,7 @@ export const Cards16: IBlock = {
           "Primary headline for the blog/news section. Should be concise, attention-grabbing, and indicate trending or popular content for this month. Use a confident, informative, energetic tone.",
         usecase: "main_title",
         min_characters: 20,
-        max_characters: 35,
+        max_characters: 45,
       },
     },
     {
@@ -144,7 +301,7 @@ export const Cards16: IBlock = {
           "Short supporting introduction for the section, summarizing the purpose or value of the featured content. Should be informative, aspirational, and encourage browsing. 1-2 lines.",
         usecase: "description",
         min_characters: 60,
-        max_characters: 140,
+        max_characters: 160,
       },
     },
     {
@@ -159,7 +316,6 @@ export const Cards16: IBlock = {
           field_interface: "ButtonWidget",
         },
       ],
-      // No hint needed: layout grouping only
     },
     {
       key: "cards",
@@ -177,7 +333,6 @@ export const Cards16: IBlock = {
           key: "card",
           label: "Card",
           field_interface: "BoxWidget",
-          // No hint needed: just a per-card container
         },
         {
           key: "cover_image",
@@ -195,25 +350,21 @@ export const Cards16: IBlock = {
           key: "card_content_wrapper",
           label: "Card Content Wrapper",
           field_interface: "BoxWidget",
-          // No hint needed: layout only
         },
         {
           key: "text_content_wrapper",
           label: "Text Content Wrapper",
           field_interface: "BoxWidget",
-          // No hint needed: layout only
         },
         {
           key: "content_header",
           label: "Content Header",
           field_interface: "BoxWidget",
-          // No hint needed: layout only
         },
         {
           key: "timestamp_wrapper",
           label: "Timestamp Wrapper",
           field_interface: "BoxWidget",
-          // No hint needed: layout only
         },
         {
           key: "timestamp_icon",
@@ -243,7 +394,6 @@ export const Cards16: IBlock = {
           key: "category_wrapper",
           label: "Category Wrapper",
           field_interface: "BoxWidget",
-          // No hint needed: layout only
         },
         {
           key: "category_icon",
@@ -259,14 +409,13 @@ export const Cards16: IBlock = {
         },
         {
           key: "category",
-          label: "Timestamp",
+          label: "Category",
           field_interface: "TypographyWidget",
         },
         {
           key: "card_info_wrapper",
           label: "Card Info Wrapper",
           field_interface: "BoxWidget",
-          // No hint needed: layout only
         },
         {
           key: "title",
@@ -277,7 +426,7 @@ export const Cards16: IBlock = {
               "Automatically populated from blog title. Styling remains configurable.",
             usecase: "title",
             min_characters: 35,
-            max_characters: 60,
+            max_characters: 70,
           },
         },
         {
@@ -289,14 +438,13 @@ export const Cards16: IBlock = {
               "Automatically populated from blog excerpt. Styling remains configurable.",
             usecase: "description",
             min_characters: 60,
-            max_characters: 130,
+            max_characters: 160,
           },
         },
         {
           key: "author_wrapper",
           label: "Author Wrapper",
           field_interface: "BoxWidget",
-          // No hint needed: layout only
         },
         {
           key: "author_image",
@@ -314,7 +462,6 @@ export const Cards16: IBlock = {
           key: "author_info_wrapper",
           label: "Author Info Wrapper",
           field_interface: "BoxWidget",
-          // No hint needed: layout only
         },
         {
           key: "author_name",
@@ -334,10 +481,10 @@ export const Cards16: IBlock = {
           field_interface: "TypographyWidget",
           hint: {
             prompt_description:
-              "Short description or job title of the author, e.g., 'Content Strategist', 'Lifestyle Editor'. Keep it short and professional. Automatically populated from blog author data.",
+              "Short description or job title of the author. Keep it short and professional. Automatically populated from blog author data.",
             usecase: "designation",
-            min_characters: 10,
-            max_characters: 30,
+            min_characters: 8,
+            max_characters: 40,
           },
         },
         {
@@ -358,7 +505,6 @@ export const Cards16: IBlock = {
       key: "pagination-wrapper",
       label: "Pagination Wrapper",
       field_interface: "BoxWidget",
-      // Layout grouping only – no hint needed
     },
     {
       key: "pagination-left",
@@ -368,7 +514,7 @@ export const Cards16: IBlock = {
         prompt_description:
           "Pagination control button to navigate to the previous page of blog cards. Keep the label brief, such as 'Previous' or a left arrow. Tone should be neutral and functional.",
         usecase: "button",
-        min_characters: 5,
+        min_characters: 4,
         max_characters: 12,
       },
     },
@@ -404,34 +550,35 @@ export const Cards16: IBlock = {
         layout: {
           display: "flex",
           "flex-direction": "column",
-          "align-items": "center",
+          "align-items": "stretch",
           "justify-content": "center",
           gap: "xl",
-          "border-radius": "base",
-          "box-shadow": "lg",
         },
         container: {
           display: "flex",
           "flex-direction": "column",
-          "row-gap": "xl",
+          "row-gap": "3xl",
         },
         text_wrapper: {
           display: "flex",
           "flex-direction": "column",
-          "row-gap": "none",
+          "row-gap": "xs",
+          flex: "1",
         },
         ctas_levoGroup: {
           display: "flex",
           "column-gap": "md",
           "align-items": "center",
         },
-        ctas: [],
+        ctas: [{}],
         title: {
           mobile: {
             "text-align": "center",
           },
         },
         description: {
+          "max-width": "560px",
+          color: "text-2",
           mobile: {
             "text-align": "center",
           },
@@ -440,30 +587,40 @@ export const Cards16: IBlock = {
           display: "flex",
           width: "100%",
           "flex-direction": "column",
-          "row-gap": "9xl",
+          "row-gap": "3xl",
         },
         cards_levoGroupItem: {
           card: {
             display: "flex",
-            "column-gap": "4xl",
+            "column-gap": "3xl",
             "border-radius": "base",
             "align-items": "stretch",
+            height: "100%",
+            tablet: {
+              "flex-direction": "column",
+              "row-gap": "md",
+              "column-gap": "none",
+            },
           },
           cover_image: {
-            height: "auto",
+            height: "200px",
             "border-radius": "xl",
             "object-fit": "cover",
+            "aspect-ratio": "4/3",
             tablet: {
               width: "100%",
+              height: "220px",
+              "aspect-ratio": "16/9",
             },
-            width: "100%",
-            "max-width": "256px",
+            width: "280px",
+            "max-width": "280px",
+            "min-width": "280px",
           },
           card_content_wrapper: {
             display: "flex",
             width: "100%",
             flex: "1 1 0",
-            "align-items": "start",
+            "align-items": "stretch",
             "column-gap": "lg",
             tablet: {
               "flex-direction": "column",
@@ -475,11 +632,14 @@ export const Cards16: IBlock = {
             display: "flex",
             flex: "1",
             "flex-direction": "column",
-            "row-gap": "none",
+            "row-gap": "sm",
             width: "auto",
           },
           timestamp_icon: {
             display: "block",
+            width: "14px",
+            height: "14px",
+            "font-size": "14px",
           },
           timestamp_wrapper: {
             display: "flex",
@@ -487,23 +647,15 @@ export const Cards16: IBlock = {
             "column-gap": "2xs",
           },
           timestamp: {
-            "font-weight": 600,
+            "font-weight": 500,
             color: "text-2",
             "font-size": "xs",
-            "margin-top": "5xs",
           },
           category_wrapper: {
             display: "flex",
             width: "fit-content",
             "align-items": "center",
             "column-gap": "2px",
-            "border-radius": "36px",
-            "background-color": "brandSecondary",
-            color: "brandSecondaryForeground",
-            "padding-left": "12px",
-            "padding-right": "12px",
-            "padding-top": "6px",
-            "padding-bottom": "6px",
           },
           category_icon: {
             display: "none",
@@ -512,14 +664,16 @@ export const Cards16: IBlock = {
             display: "flex",
             width: "100%",
             "flex-direction": "column",
-            "row-gap": "2xs",
+            "row-gap": "xs",
             "margin-top": "sm",
           },
           title: {
             "font-weight": 600,
             "font-size": "lg",
           },
-          description: {},
+          description: {
+            color: "text-2",
+          },
           author_wrapper: {
             display: "flex",
             "align-items": "center",
@@ -529,7 +683,8 @@ export const Cards16: IBlock = {
             "border-right-width": "0px",
             "border-bottom-width": "0px",
             "border-left-width": "0px",
-            "border-top-width": "1.5px",
+            "border-top-width": "1px",
+            "border-top-style": "solid",
           },
           author_image: {
             "border-radius": "100%",
@@ -541,7 +696,9 @@ export const Cards16: IBlock = {
             "font-size": "sm",
             "font-weight": 600,
           },
-          author_description: {},
+          author_description: {
+            color: "text-2",
+          },
           cta: {
             display: "none",
           },
@@ -553,7 +710,9 @@ export const Cards16: IBlock = {
           category: {
             "font-size": "xs",
             "font-weight": 600,
-            color: "brandSecondaryForeground",
+            color: "brand",
+            "text-transform": "uppercase",
+            "letter-spacing": "0.08em",
           },
         },
         "pagination-wrapper": {
@@ -565,7 +724,7 @@ export const Cards16: IBlock = {
         },
         header: {
           display: "flex",
-          "column-gap": "base",
+          "column-gap": "xl",
           "justify-content": "space-between",
           "align-items": "center",
           tablet: {
@@ -576,10 +735,7 @@ export const Cards16: IBlock = {
           mobile: {
             "align-items": "center",
           },
-          "background-image": 'url("")',
-          "background-position": "50% 50%",
-          "background-size": "cover",
-          "margin-bottom": "4xl",
+          "margin-bottom": "xl",
         },
       },
       content: DEFAULT_CONTENT,
@@ -589,7 +745,7 @@ export const Cards16: IBlock = {
             level: 2,
           },
           selectedVariants: {
-            Heading_Level: "H4",
+            Heading_Level: "H3",
           },
         },
         cards: [
@@ -599,7 +755,7 @@ export const Cards16: IBlock = {
                 level: "4",
               },
               selectedVariants: {
-                Heading_Level: "H6",
+                Heading_Level: "H5",
               },
             },
             description: {
@@ -622,7 +778,7 @@ export const Cards16: IBlock = {
             },
             cover_image: {
               image: {
-                width: 256,
+                width: 280,
               },
             },
             timestamp: {
@@ -657,13 +813,6 @@ export const Cards16: IBlock = {
               selectedVariants: {},
             },
           },
-          {
-            cta: {
-              selectedVariants: {
-                Button_Variants: "Secondary",
-              },
-            },
-          },
         ],
       },
     },
@@ -674,34 +823,35 @@ export const Cards16: IBlock = {
         layout: {
           display: "flex",
           "flex-direction": "column",
-          "align-items": "center",
+          "align-items": "stretch",
           "justify-content": "center",
           gap: "xl",
-          "border-radius": "base",
-          "box-shadow": "lg",
         },
         container: {
           display: "flex",
           "flex-direction": "column",
-          "row-gap": "xl",
+          "row-gap": "3xl",
         },
         text_wrapper: {
           display: "flex",
           "flex-direction": "column",
-          "row-gap": "none",
+          "row-gap": "xs",
+          flex: "1",
         },
         ctas_levoGroup: {
           display: "flex",
           "column-gap": "md",
           "align-items": "center",
         },
-        ctas: [],
+        ctas: [{}],
         title: {
           mobile: {
             "text-align": "center",
           },
         },
         description: {
+          "max-width": "560px",
+          color: "text-2",
           mobile: {
             "text-align": "center",
           },
@@ -710,36 +860,47 @@ export const Cards16: IBlock = {
           display: "flex",
           width: "100%",
           "flex-direction": "column",
-          "row-gap": "9xl",
+          "row-gap": "xl",
         },
         cards_levoGroupItem: {
           card: {
             display: "flex",
-            "border-radius": "lg",
+            "border-radius": "xl",
             "align-items": "stretch",
-            "padding-left": "base",
-            "padding-right": "base",
-            "padding-top": "base",
-            "padding-bottom": "base",
+            "padding-left": "lg",
+            "padding-right": "lg",
+            "padding-top": "lg",
+            "padding-bottom": "lg",
             "border-style": "solid",
             "border-width": "1px",
-            "column-gap": "lg",
+            "border-color": "border",
+            "column-gap": "xl",
+            height: "100%",
+            tablet: {
+              "flex-direction": "column",
+              "row-gap": "md",
+              "column-gap": "none",
+            },
           },
           cover_image: {
-            height: "auto",
-            "border-radius": "xl",
+            height: "200px",
+            "border-radius": "lg",
             "object-fit": "cover",
+            "aspect-ratio": "4/3",
             tablet: {
               width: "100%",
+              height: "220px",
+              "aspect-ratio": "16/9",
             },
-            width: "100%",
-            "max-width": "256px",
+            width: "280px",
+            "max-width": "280px",
+            "min-width": "280px",
           },
           card_content_wrapper: {
             display: "flex",
             width: "100%",
             flex: "1 1 0",
-            "align-items": "start",
+            "align-items": "stretch",
             "column-gap": "lg",
             tablet: {
               "flex-direction": "column",
@@ -751,11 +912,14 @@ export const Cards16: IBlock = {
             display: "flex",
             flex: "1",
             "flex-direction": "column",
-            "row-gap": "none",
+            "row-gap": "sm",
             width: "auto",
           },
           timestamp_icon: {
             display: "block",
+            width: "14px",
+            height: "14px",
+            "font-size": "14px",
           },
           timestamp_wrapper: {
             display: "flex",
@@ -763,23 +927,15 @@ export const Cards16: IBlock = {
             "column-gap": "2xs",
           },
           timestamp: {
-            "font-weight": 600,
+            "font-weight": 500,
             color: "text-2",
             "font-size": "xs",
-            "margin-top": "5xs",
           },
           category_wrapper: {
             display: "flex",
             width: "fit-content",
             "align-items": "center",
             "column-gap": "2px",
-            "border-radius": "36px",
-            "background-color": "brandSecondary",
-            color: "brandSecondaryForeground",
-            "padding-left": "12px",
-            "padding-right": "12px",
-            "padding-top": "6px",
-            "padding-bottom": "6px",
           },
           category_icon: {
             display: "none",
@@ -788,24 +944,24 @@ export const Cards16: IBlock = {
             display: "flex",
             width: "100%",
             "flex-direction": "column",
-            "row-gap": "2xs",
+            "row-gap": "xs",
             "margin-top": "sm",
           },
           title: {
             "font-weight": 600,
             "font-size": "lg",
           },
-          description: {},
+          description: {
+            color: "text-2",
+          },
           author_wrapper: {
             display: "flex",
             "align-items": "center",
             "column-gap": "base",
             "margin-top": "xl",
             "padding-top": "md",
-            "border-right-width": "0px",
-            "border-bottom-width": "0px",
-            "border-left-width": "0px",
-            "border-top-width": "1.5px",
+            "border-top-width": "1px",
+            "border-top-style": "solid",
           },
           author_image: {
             "border-radius": "100%",
@@ -817,7 +973,9 @@ export const Cards16: IBlock = {
             "font-size": "sm",
             "font-weight": 600,
           },
-          author_description: {},
+          author_description: {
+            color: "text-2",
+          },
           cta: {
             display: "none",
           },
@@ -829,7 +987,9 @@ export const Cards16: IBlock = {
           category: {
             "font-size": "xs",
             "font-weight": 600,
-            color: "brandSecondaryForeground",
+            color: "brand",
+            "text-transform": "uppercase",
+            "letter-spacing": "0.08em",
           },
         },
         "pagination-wrapper": {
@@ -841,7 +1001,7 @@ export const Cards16: IBlock = {
         },
         header: {
           display: "flex",
-          "column-gap": "base",
+          "column-gap": "xl",
           "justify-content": "space-between",
           "align-items": "center",
           tablet: {
@@ -852,20 +1012,17 @@ export const Cards16: IBlock = {
           mobile: {
             "align-items": "center",
           },
-          "background-image": 'url("")',
-          "background-position": "50% 50%",
-          "background-size": "cover",
-          "margin-bottom": "4xl",
+          "margin-bottom": "xl",
         },
       },
-      content: DEFAULT_CONTENT_NO_BORDER,
+      content: DEFAULT_CONTENT,
       config: {
         title: {
           heading: {
             level: 2,
           },
           selectedVariants: {
-            Heading_Level: "H4",
+            Heading_Level: "H3",
           },
         },
         cards: [
@@ -875,7 +1032,7 @@ export const Cards16: IBlock = {
                 level: "4",
               },
               selectedVariants: {
-                Heading_Level: "H6",
+                Heading_Level: "H5",
               },
             },
             description: {
@@ -898,7 +1055,7 @@ export const Cards16: IBlock = {
             },
             cover_image: {
               image: {
-                width: 256,
+                width: 280,
               },
             },
             timestamp: {
@@ -933,11 +1090,956 @@ export const Cards16: IBlock = {
               selectedVariants: {},
             },
           },
-          {
-            cta: {
-              selectedVariants: {
-                Button_Variants: "Secondary",
-              },
+        ],
+      },
+    },
+    {
+      key: "grid_3_col",
+      title: "Grid 3 Columns",
+      styles: {
+        layout: {
+          display: "flex",
+          "flex-direction": "column",
+          "align-items": "stretch",
+          "justify-content": "center",
+          gap: "xl",
+        },
+        container: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "3xl",
+        },
+        text_wrapper: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "xs",
+          flex: "1",
+        },
+        ctas_levoGroup: {
+          display: "flex",
+          "column-gap": "md",
+          "align-items": "center",
+        },
+        ctas: [{}],
+        title: {
+          mobile: {
+            "text-align": "center",
+          },
+        },
+        description: {
+          "max-width": "560px",
+          color: "text-2",
+          mobile: {
+            "text-align": "center",
+          },
+        },
+        cards_levoGroup: {
+          display: "grid",
+          width: "100%",
+          "grid-template-columns": "repeat(3, minmax(0, 1fr))",
+          "row-gap": "3xl",
+          "column-gap": "2xl",
+          tablet: {
+            "grid-template-columns": "repeat(2, minmax(0, 1fr))",
+            "row-gap": "xl",
+            "column-gap": "xl",
+          },
+          mobile: {
+            "grid-template-columns": "repeat(1, minmax(0, 1fr))",
+            "row-gap": "2xl",
+          },
+        },
+        cards_levoGroupItem: {
+          card: {
+            display: "flex",
+            "flex-direction": "column",
+            "row-gap": "md",
+            "border-radius": "xl",
+            overflow: "hidden",
+            height: "100%",
+          },
+          cover_image: {
+            width: "100%",
+            "aspect-ratio": "3/2",
+            "object-fit": "cover",
+            "border-radius": "xl",
+          },
+          card_content_wrapper: {
+            display: "flex",
+            width: "100%",
+            "flex-direction": "column",
+            "row-gap": "sm",
+            flex: "1",
+          },
+          text_content_wrapper: {
+            display: "flex",
+            "flex-direction": "column",
+            "row-gap": "xs",
+            width: "auto",
+            flex: "1",
+          },
+          timestamp_icon: {
+            display: "block",
+            width: "14px",
+            height: "14px",
+            "font-size": "14px",
+          },
+          timestamp_wrapper: {
+            display: "flex",
+            "align-items": "center",
+            "column-gap": "2xs",
+          },
+          timestamp: {
+            "font-weight": 500,
+            color: "text-2",
+            "font-size": "xs",
+          },
+          category_wrapper: {
+            display: "flex",
+            width: "fit-content",
+            "align-items": "center",
+          },
+          category_icon: {
+            display: "none",
+          },
+          card_info_wrapper: {
+            display: "flex",
+            width: "100%",
+            "flex-direction": "column",
+            "row-gap": "xs",
+          },
+          title: {
+            "font-weight": 600,
+            "font-size": "lg",
+          },
+          description: {
+            color: "text-2",
+            display: "-webkit-box",
+            "-webkit-line-clamp": "3",
+            "-webkit-box-orient": "vertical",
+            overflow: "hidden",
+          },
+          author_wrapper: {
+            display: "flex",
+            "align-items": "center",
+            "column-gap": "base",
+            "margin-top": "auto",
+            "padding-top": "md",
+          },
+          author_image: {
+            "border-radius": "100%",
+            "object-fit": "cover",
+            width: "36px",
+            height: "36px",
+          },
+          author_name: {
+            "font-size": "sm",
+            "font-weight": 600,
+          },
+          author_description: {
+            "font-size": "xs",
+            color: "text-2",
+          },
+          cta: {
+            display: "none",
+          },
+          content_header: {
+            display: "flex",
+            "align-items": "center",
+            "column-gap": "sm",
+          },
+          category: {
+            "font-size": "xs",
+            "font-weight": 600,
+            color: "brand",
+            "text-transform": "uppercase",
+            "letter-spacing": "0.08em",
+          },
+        },
+        "pagination-wrapper": {
+          display: "flex",
+          width: "full",
+          "justify-content": "center",
+          "align-items": "center",
+          "column-gap": "md",
+        },
+        header: {
+          display: "flex",
+          "column-gap": "xl",
+          "justify-content": "space-between",
+          "align-items": "center",
+          tablet: {
+            "flex-direction": "column",
+            "align-items": "start",
+            "row-gap": "sm",
+          },
+          mobile: {
+            "align-items": "center",
+          },
+          "margin-bottom": "xl",
+        },
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        title: {
+          heading: {
+            level: 2,
+          },
+          selectedVariants: {
+            Heading_Level: "H3",
+          },
+        },
+        cards: [
+          {
+            title: {
+              heading: {
+                level: "4",
+              },
+              selectedVariants: {
+                Heading_Level: "H6",
+              },
+            },
+            description: {
+              selectedVariants: {
+                Typography_Variants: "Small",
+              },
+            },
+            author_name: {
+              heading: {
+                level: "4",
+              },
+              selectedVariants: {
+                Heading_Level: "H6",
+              },
+            },
+            author_description: {
+              selectedVariants: {
+                Typography_Variants: "Small",
+              },
+            },
+            timestamp: {
+              selectedVariants: {
+                Typography_Variants: "Small",
+              },
+            },
+            category: {
+              selectedVariants: {
+                Typography_Variants: "Small",
+              },
+            },
+          },
+          {
+            author_name: {
+              selectedVariants: {
+                Heading_Level: "H6",
+              },
+            },
+          },
+          {
+            author_name: {
+              selectedVariants: {
+                Heading_Level: "H6",
+              },
+            },
+          },
+        ],
+        ctas: [
+          {
+            cta: {
+              selectedVariants: {},
+            },
+          },
+        ],
+      },
+    },
+    {
+      key: "grid_2_col_bordered",
+      title: "Grid 2 Columns Bordered",
+      styles: {
+        layout: {
+          display: "flex",
+          "flex-direction": "column",
+          "align-items": "stretch",
+          "justify-content": "center",
+          gap: "xl",
+        },
+        container: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "3xl",
+        },
+        text_wrapper: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "xs",
+          flex: "1",
+        },
+        ctas_levoGroup: {
+          display: "flex",
+          "column-gap": "md",
+          "align-items": "center",
+        },
+        ctas: [{}],
+        title: {
+          mobile: {
+            "text-align": "center",
+          },
+        },
+        cards: [{}, {}],
+        description: {
+          "max-width": "560px",
+          color: "text-2",
+          mobile: {
+            "text-align": "center",
+          },
+        },
+        cards_levoGroup: {
+          display: "grid",
+          width: "100%",
+          "grid-template-columns": "repeat(2, minmax(0, 1fr))",
+          "row-gap": "2xl",
+          "column-gap": "2xl",
+          tablet: {
+            "grid-template-columns": "repeat(1, minmax(0, 1fr))",
+            "row-gap": "xl",
+          },
+          mobile: {
+            "grid-template-columns": "repeat(1, minmax(0, 1fr))",
+            "row-gap": "xl",
+          },
+        },
+        cards_levoGroupItem: {
+          card: {
+            display: "flex",
+            "flex-direction": "column",
+            "row-gap": "none",
+            "border-radius": "xl",
+            overflow: "hidden",
+            "border-style": "solid",
+            "border-width": "1px",
+            "border-color": "border",
+            height: "100%",
+          },
+          cover_image: {
+            width: "100%",
+            "aspect-ratio": "16/9",
+            "object-fit": "cover",
+          },
+          card_content_wrapper: {
+            display: "flex",
+            width: "100%",
+            "flex-direction": "column",
+            "row-gap": "sm",
+            "padding-left": "xl",
+            "padding-right": "xl",
+            "padding-top": "lg",
+            "padding-bottom": "lg",
+            flex: "1",
+          },
+          text_content_wrapper: {
+            display: "flex",
+            "flex-direction": "column",
+            "row-gap": "xs",
+            width: "auto",
+            flex: "1",
+          },
+          timestamp_icon: {
+            display: "block",
+            width: "14px",
+            height: "14px",
+            "font-size": "14px",
+          },
+          timestamp_wrapper: {
+            display: "flex",
+            "align-items": "center",
+            "column-gap": "2xs",
+          },
+          timestamp: {
+            "font-weight": 500,
+            color: "text-2",
+            "font-size": "xs",
+          },
+          category_wrapper: {
+            display: "flex",
+            width: "fit-content",
+            "align-items": "center",
+          },
+          category_icon: {
+            display: "none",
+          },
+          card_info_wrapper: {
+            display: "flex",
+            width: "100%",
+            "flex-direction": "column",
+            "row-gap": "xs",
+            "margin-top": "xs",
+          },
+          title: {
+            "font-weight": 600,
+            "font-size": "xl",
+          },
+          description: {
+            color: "text-2",
+            display: "-webkit-box",
+            "-webkit-line-clamp": "2",
+            "-webkit-box-orient": "vertical",
+            overflow: "hidden",
+          },
+          author_wrapper: {
+            display: "flex",
+            "align-items": "center",
+            "column-gap": "base",
+            "margin-top": "auto",
+            "padding-top": "md",
+            "border-top-width": "1px",
+            "border-top-style": "solid",
+          },
+          author_image: {
+            "border-radius": "100%",
+            "object-fit": "cover",
+            width: "40px",
+            height: "40px",
+          },
+          author_name: {
+            "font-size": "sm",
+            "font-weight": 600,
+          },
+          author_description: {
+            "font-size": "xs",
+            color: "text-2",
+          },
+          cta: {
+            display: "none",
+          },
+          content_header: {
+            display: "flex",
+            "align-items": "center",
+            "column-gap": "sm",
+          },
+          category: {
+            "font-size": "xs",
+            "font-weight": 600,
+            color: "brand",
+            "text-transform": "uppercase",
+            "letter-spacing": "0.08em",
+          },
+        },
+        "pagination-wrapper": {
+          display: "flex",
+          width: "full",
+          "justify-content": "center",
+          "align-items": "center",
+          "column-gap": "md",
+        },
+        header: {
+          display: "flex",
+          "column-gap": "xl",
+          "justify-content": "space-between",
+          "align-items": "center",
+          tablet: {
+            "flex-direction": "column",
+            "align-items": "start",
+            "row-gap": "sm",
+          },
+          mobile: {
+            "align-items": "center",
+          },
+          "margin-bottom": "xl",
+        },
+      },
+      content: {
+        layout: null,
+        container: null,
+        text_wrapper: null,
+        title: "Lessons from teams shipping faster",
+        description:
+          "Field notes, benchmarks, and teardown posts from product, ops, and engineering leaders using Levo to run real-time work.",
+        ctas_LevoGroup: null,
+        ctas: [
+          {
+            cta: "Browse all posts",
+          },
+        ],
+        cards: [
+          {
+            card: null,
+            cover_image: {
+              id: "7453000332583204082",
+              kind: "image",
+              location:
+                "https://images.pexels.com/photos/7605981/pexels-photo-7605981.jpeg",
+              mimetype: "image/jpeg",
+              srcset: {
+                "320w":
+                  "https://images.pexels.com/photos/7605981/pexels-photo-7605981.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
+                "640w":
+                  "https://images.pexels.com/photos/7605981/pexels-photo-7605981.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
+                "750w":
+                  "https://images.pexels.com/photos/7605981/pexels-photo-7605981.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
+                "828w":
+                  "https://images.pexels.com/photos/7605981/pexels-photo-7605981.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
+                "1080w":
+                  "https://images.pexels.com/photos/7605981/pexels-photo-7605981.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
+                "1200w":
+                  "https://images.pexels.com/photos/7605981/pexels-photo-7605981.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
+                "1920w":
+                  "https://images.pexels.com/photos/7605981/pexels-photo-7605981.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
+                path: "https://images.pexels.com/photos/7605981/pexels-photo-7605981.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320 320w, https://images.pexels.com/photos/7605981/pexels-photo-7605981.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/7605981/pexels-photo-7605981.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750 750w, https://images.pexels.com/photos/7605981/pexels-photo-7605981.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828 828w, https://images.pexels.com/photos/7605981/pexels-photo-7605981.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/7605981/pexels-photo-7605981.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200 1200w, https://images.pexels.com/photos/7605981/pexels-photo-7605981.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w",
+              },
+            },
+            card_content_wrapper: null,
+            text_content_wrapper: null,
+            timestamp_wrapper: null,
+            timestamp_icon: {
+              kind: "icon",
+              data: {
+                id: "calendar-tick",
+                label: "Calendar Tick",
+                svgCode:
+                  '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M8 5.75C7.59 5.75 7.25 5.41 7.25 5V2C7.25 1.59 7.59 1.25 8 1.25C8.41 1.25 8.75 1.59 8.75 2V5C8.75 5.41 8.41 5.75 8 5.75Z" fill="var(--color-icon-primary)"/>\n<path d="M16 5.75C15.59 5.75 15.25 5.41 15.25 5V2C15.25 1.59 15.59 1.25 16 1.25C16.41 1.25 16.75 1.59 16.75 2V5C16.75 5.41 16.41 5.75 16 5.75Z" fill="var(--color-icon-primary)"/>\n<path d="M8.5 14.4999C8.24 14.4999 7.98 14.3899 7.79 14.2099C7.61 14.0199 7.5 13.7699 7.5 13.4999C7.5 13.3699 7.53 13.2399 7.58 13.1199C7.63 12.9999 7.7 12.89 7.79 12.79C8.16 12.42 8.83 12.42 9.21 12.79C9.39 12.98 9.5 13.2399 9.5 13.4999C9.5 13.5599 9.49 13.63 9.48 13.7C9.47 13.76 9.45 13.8199 9.42 13.8799C9.4 13.9399 9.37 13.9999 9.33 14.0599C9.29 14.1099 9.25 14.1599 9.21 14.2099C9.02 14.3899 8.76 14.4999 8.5 14.4999Z" fill="var(--color-icon-primary)"/>\n<path d="M12 14.5001C11.87 14.5001 11.74 14.4701 11.62 14.4201C11.49 14.3701 11.39 14.3001 11.29 14.2101C11.11 14.0201 11 13.7701 11 13.5001C11 13.3701 11.03 13.2401 11.08 13.1201C11.13 13.0001 11.2 12.8901 11.29 12.7901C11.39 12.7001 11.49 12.6301 11.62 12.5801C11.99 12.4301 12.43 12.5101 12.71 12.7901C12.89 12.9801 13 13.2401 13 13.5001C13 13.5601 12.99 13.6301 12.98 13.7001C12.97 13.7601 12.95 13.8201 12.92 13.8801C12.9 13.9401 12.87 14.0001 12.83 14.0601C12.8 14.1101 12.75 14.1601 12.71 14.2101C12.52 14.3901 12.26 14.5001 12 14.5001Z" fill="var(--color-icon-primary)"/>\n<path d="M8.5 18C8.37 18 8.24 17.97 8.12 17.92C7.99 17.87 7.88 17.8 7.79 17.71C7.7 17.62 7.63 17.51 7.58 17.38C7.53 17.26 7.5 17.13 7.5 17C7.5 16.87 7.53 16.74 7.58 16.62C7.63 16.49 7.7 16.38 7.79 16.29C7.88 16.2 7.99 16.13 8.12 16.08C8.36 15.98 8.64 15.97 8.88 16.08C9.01 16.13 9.12 16.2 9.21 16.29C9.3 16.38 9.37 16.49 9.42 16.62C9.47 16.74 9.5 16.87 9.5 17C9.5 17.13 9.47 17.26 9.42 17.38C9.37 17.51 9.3 17.62 9.21 17.71C9.12 17.8 9.01 17.87 8.88 17.92C8.76 17.97 8.63 18 8.5 18Z" fill="var(--color-icon-primary)"/>\n<path d="M20.5 9.83997H3.5C3.09 9.83997 2.75 9.49997 2.75 9.08997C2.75 8.67997 3.09 8.33997 3.5 8.33997H20.5C20.91 8.33997 21.25 8.67997 21.25 9.08997C21.25 9.49997 20.91 9.83997 20.5 9.83997Z" fill="var(--color-icon-primary)"/>\n<path d="M18 23.75C16.83 23.75 15.72 23.33 14.87 22.56C14.51 22.26 14.19 21.88 13.93 21.44C13.49 20.72 13.25 19.87 13.25 19C13.25 16.38 15.38 14.25 18 14.25C19.36 14.25 20.66 14.84 21.56 15.86C22.33 16.74 22.75 17.85 22.75 19C22.75 19.87 22.51 20.72 22.06 21.45C21.22 22.87 19.66 23.75 18 23.75ZM18 15.75C16.21 15.75 14.75 17.21 14.75 19C14.75 19.59 14.91 20.17 15.22 20.67C15.39 20.97 15.61 21.22 15.85 21.43C16.45 21.97 17.2 22.25 18 22.25C19.15 22.25 20.19 21.66 20.78 20.68C21.09 20.17 21.25 19.6 21.25 19C21.25 18.22 20.96 17.46 20.44 16.85C19.82 16.15 18.93 15.75 18 15.75Z" fill="var(--color-icon-primary)"/>\n<path d="M17.4299 20.74C17.2399 20.74 17.0499 20.67 16.8999 20.52L15.9099 19.53C15.6199 19.24 15.6199 18.7601 15.9099 18.4701C16.1999 18.1801 16.6799 18.1801 16.9699 18.4701L17.4499 18.9501L19.0499 17.4701C19.3499 17.1901 19.8299 17.2101 20.1099 17.5101C20.3899 17.8101 20.3699 18.2901 20.0699 18.5701L17.9399 20.5401C17.7899 20.6701 17.6099 20.74 17.4299 20.74Z" fill="var(--color-icon-primary)"/>\n<path d="M15.37 22.75H8C4.35 22.75 2.25 20.65 2.25 17V8.5C2.25 4.85 4.35 2.75 8 2.75H16C19.65 2.75 21.75 4.85 21.75 8.5V16.36C21.75 16.67 21.56 16.95 21.26 17.06C20.97 17.17 20.64 17.09 20.43 16.85C19.81 16.15 18.92 15.75 17.99 15.75C16.2 15.75 14.74 17.21 14.74 19C14.74 19.59 14.9 20.17 15.21 20.67C15.38 20.97 15.6 21.22 15.84 21.43C16.08 21.63 16.17 21.96 16.06 22.26C15.97 22.55 15.69 22.75 15.37 22.75ZM8 4.25C5.14 4.25 3.75 5.64 3.75 8.5V17C3.75 19.86 5.14 21.25 8 21.25H13.82C13.45 20.57 13.25 19.8 13.25 19C13.25 16.38 15.38 14.25 18 14.25C18.79 14.25 19.57 14.45 20.25 14.82V8.5C20.25 5.64 18.86 4.25 16 4.25H8Z" fill="var(--color-icon-primary)"/>\n</svg>',
+              },
+            },
+            timestamp: "12 Mar, 2026",
+            category: "Playbook",
+            category_wrapper: null,
+            category_icon: null,
+            card_info_wrapper: null,
+            content_header: null,
+            title: "How we cut cycle time by 38% with async standups",
+            description:
+              "Replacing daily meetings with threaded updates in the workflow engine gave every squad back four hours a week and tightened review SLAs.",
+            author_wrapper: null,
+            author_image: {
+              id: "7453000337216180776",
+              kind: "image",
+              location:
+                "https://images.pexels.com/photos/7793692/pexels-photo-7793692.jpeg",
+              mimetype: "image/jpeg",
+              srcset: {
+                "320w":
+                  "https://images.pexels.com/photos/7793692/pexels-photo-7793692.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
+                "640w":
+                  "https://images.pexels.com/photos/7793692/pexels-photo-7793692.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
+                "750w":
+                  "https://images.pexels.com/photos/7793692/pexels-photo-7793692.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
+                "828w":
+                  "https://images.pexels.com/photos/7793692/pexels-photo-7793692.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
+                "1080w":
+                  "https://images.pexels.com/photos/7793692/pexels-photo-7793692.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
+                "1200w":
+                  "https://images.pexels.com/photos/7793692/pexels-photo-7793692.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
+                "1920w":
+                  "https://images.pexels.com/photos/7793692/pexels-photo-7793692.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
+                path: "https://images.pexels.com/photos/7793692/pexels-photo-7793692.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320 320w, https://images.pexels.com/photos/7793692/pexels-photo-7793692.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w",
+              },
+            },
+            author_info_wrapper: null,
+            author_name: "Priya Natarajan",
+            author_description: "Head of Product Ops",
+            cta: "Read playbook",
+          },
+          {
+            card: null,
+            cover_image: {
+              id: "7453000333363165133",
+              kind: "image",
+              location:
+                "https://images.pexels.com/photos/5831343/pexels-photo-5831343.jpeg",
+              mimetype: "image/jpeg",
+              srcset: {
+                "320w":
+                  "https://images.pexels.com/photos/5831343/pexels-photo-5831343.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
+                "640w":
+                  "https://images.pexels.com/photos/5831343/pexels-photo-5831343.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
+                "750w":
+                  "https://images.pexels.com/photos/5831343/pexels-photo-5831343.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
+                "828w":
+                  "https://images.pexels.com/photos/5831343/pexels-photo-5831343.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
+                "1080w":
+                  "https://images.pexels.com/photos/5831343/pexels-photo-5831343.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
+                "1200w":
+                  "https://images.pexels.com/photos/5831343/pexels-photo-5831343.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
+                "1920w":
+                  "https://images.pexels.com/photos/5831343/pexels-photo-5831343.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
+                path: "https://images.pexels.com/photos/5831343/pexels-photo-5831343.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320 320w, https://images.pexels.com/photos/5831343/pexels-photo-5831343.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/5831343/pexels-photo-5831343.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750 750w, https://images.pexels.com/photos/5831343/pexels-photo-5831343.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828 828w, https://images.pexels.com/photos/5831343/pexels-photo-5831343.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/5831343/pexels-photo-5831343.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200 1200w, https://images.pexels.com/photos/5831343/pexels-photo-5831343.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w",
+              },
+            },
+            card_content_wrapper: null,
+            text_content_wrapper: null,
+            timestamp_wrapper: null,
+            timestamp_icon: {
+              kind: "icon",
+              data: {
+                id: "calendar-tick",
+                label: "Calendar Tick",
+                svgCode:
+                  '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M8 5.75C7.59 5.75 7.25 5.41 7.25 5V2C7.25 1.59 7.59 1.25 8 1.25C8.41 1.25 8.75 1.59 8.75 2V5C8.75 5.41 8.41 5.75 8 5.75Z" fill="var(--color-icon-primary)"/>\n<path d="M16 5.75C15.59 5.75 15.25 5.41 15.25 5V2C15.25 1.59 15.59 1.25 16 1.25C16.41 1.25 16.75 1.59 16.75 2V5C16.75 5.41 16.41 5.75 16 5.75Z" fill="var(--color-icon-primary)"/>\n<path d="M8.5 14.4999C8.24 14.4999 7.98 14.3899 7.79 14.2099C7.61 14.0199 7.5 13.7699 7.5 13.4999C7.5 13.3699 7.53 13.2399 7.58 13.1199C7.63 12.9999 7.7 12.89 7.79 12.79C8.16 12.42 8.83 12.42 9.21 12.79C9.39 12.98 9.5 13.2399 9.5 13.4999C9.5 13.5599 9.49 13.63 9.48 13.7C9.47 13.76 9.45 13.8199 9.42 13.8799C9.4 13.9399 9.37 13.9999 9.33 14.0599C9.29 14.1099 9.25 14.1599 9.21 14.2099C9.02 14.3899 8.76 14.4999 8.5 14.4999Z" fill="var(--color-icon-primary)"/>\n<path d="M12 14.5001C11.87 14.5001 11.74 14.4701 11.62 14.4201C11.49 14.3701 11.39 14.3001 11.29 14.2101C11.11 14.0201 11 13.7701 11 13.5001C11 13.3701 11.03 13.2401 11.08 13.1201C11.13 13.0001 11.2 12.8901 11.29 12.7901C11.39 12.7001 11.49 12.6301 11.62 12.5801C11.99 12.4301 12.43 12.5101 12.71 12.7901C12.89 12.9801 13 13.2401 13 13.5001C13 13.5601 12.99 13.6301 12.98 13.7001C12.97 13.7601 12.95 13.8201 12.92 13.8801C12.9 13.9401 12.87 14.0001 12.83 14.0601C12.8 14.1101 12.75 14.1601 12.71 14.2101C12.52 14.3901 12.26 14.5001 12 14.5001Z" fill="var(--color-icon-primary)"/>\n<path d="M8.5 18C8.37 18 8.24 17.97 8.12 17.92C7.99 17.87 7.88 17.8 7.79 17.71C7.7 17.62 7.63 17.51 7.58 17.38C7.53 17.26 7.5 17.13 7.5 17C7.5 16.87 7.53 16.74 7.58 16.62C7.63 16.49 7.7 16.38 7.79 16.29C7.88 16.2 7.99 16.13 8.12 16.08C8.36 15.98 8.64 15.97 8.88 16.08C9.01 16.13 9.12 16.2 9.21 16.29C9.3 16.38 9.37 16.49 9.42 16.62C9.47 16.74 9.5 16.87 9.5 17C9.5 17.13 9.47 17.26 9.42 17.38C9.37 17.51 9.3 17.62 9.21 17.71C9.12 17.8 9.01 17.87 8.88 17.92C8.76 17.97 8.63 18 8.5 18Z" fill="var(--color-icon-primary)"/>\n<path d="M20.5 9.83997H3.5C3.09 9.83997 2.75 9.49997 2.75 9.08997C2.75 8.67997 3.09 8.33997 3.5 8.33997H20.5C20.91 8.33997 21.25 8.67997 21.25 9.08997C21.25 9.49997 20.91 9.83997 20.5 9.83997Z" fill="var(--color-icon-primary)"/>\n<path d="M18 23.75C16.83 23.75 15.72 23.33 14.87 22.56C14.51 22.26 14.19 21.88 13.93 21.44C13.49 20.72 13.25 19.87 13.25 19C13.25 16.38 15.38 14.25 18 14.25C19.36 14.25 20.66 14.84 21.56 15.86C22.33 16.74 22.75 17.85 22.75 19C22.75 19.87 22.51 20.72 22.06 21.45C21.22 22.87 19.66 23.75 18 23.75ZM18 15.75C16.21 15.75 14.75 17.21 14.75 19C14.75 19.59 14.91 20.17 15.22 20.67C15.39 20.97 15.61 21.22 15.85 21.43C16.45 21.97 17.2 22.25 18 22.25C19.15 22.25 20.19 21.66 20.78 20.68C21.09 20.17 21.25 19.6 21.25 19C21.25 18.22 20.96 17.46 20.44 16.85C19.82 16.15 18.93 15.75 18 15.75Z" fill="var(--color-icon-primary)"/>\n<path d="M17.4299 20.74C17.2399 20.74 17.0499 20.67 16.8999 20.52L15.9099 19.53C15.6199 19.24 15.6199 18.7601 15.9099 18.4701C16.1999 18.1801 16.6799 18.1801 16.9699 18.4701L17.4499 18.9501L19.0499 17.4701C19.3499 17.1901 19.8299 17.2101 20.1099 17.5101C20.3899 17.8101 20.3699 18.2901 20.0699 18.5701L17.9399 20.5401C17.7899 20.6701 17.6099 20.74 17.4299 20.74Z" fill="var(--color-icon-primary)"/>\n<path d="M15.37 22.75H8C4.35 22.75 2.25 20.65 2.25 17V8.5C2.25 4.85 4.35 2.75 8 2.75H16C19.65 2.75 21.75 4.85 21.75 8.5V16.36C21.75 16.67 21.56 16.95 21.26 17.06C20.97 17.17 20.64 17.09 20.43 16.85C19.81 16.15 18.92 15.75 17.99 15.75C16.2 15.75 14.74 17.21 14.74 19C14.74 19.59 14.9 20.17 15.21 20.67C15.38 20.97 15.6 21.22 15.84 21.43C16.08 21.63 16.17 21.96 16.06 22.26C15.97 22.55 15.69 22.75 15.37 22.75ZM8 4.25C5.14 4.25 3.75 5.64 3.75 8.5V17C3.75 19.86 5.14 21.25 8 21.25H13.82C13.45 20.57 13.25 19.8 13.25 19C13.25 16.38 15.38 14.25 18 14.25C18.79 14.25 19.57 14.45 20.25 14.82V8.5C20.25 5.64 18.86 4.25 16 4.25H8Z" fill="var(--color-icon-primary)"/>\n</svg>',
+              },
+            },
+            timestamp: "05 Mar, 2026",
+            category: "Research",
+            category_wrapper: null,
+            category_icon: null,
+            card_info_wrapper: null,
+            content_header: null,
+            title: "The real cost of dashboard sprawl across revenue teams",
+            description:
+              "We audited 214 workspaces and found the median team owned 41 dashboards; only 7 drove a decision last quarter. Here is how to consolidate.",
+            author_wrapper: null,
+            author_image: {
+              id: "7453000339905843052",
+              kind: "image",
+              location:
+                "https://images.pexels.com/photos/7414216/pexels-photo-7414216.jpeg",
+              mimetype: "image/jpeg",
+              srcset: {
+                "320w":
+                  "https://images.pexels.com/photos/7414216/pexels-photo-7414216.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
+                "640w":
+                  "https://images.pexels.com/photos/7414216/pexels-photo-7414216.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
+                "750w":
+                  "https://images.pexels.com/photos/7414216/pexels-photo-7414216.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
+                "828w":
+                  "https://images.pexels.com/photos/7414216/pexels-photo-7414216.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
+                "1080w":
+                  "https://images.pexels.com/photos/7414216/pexels-photo-7414216.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
+                "1200w":
+                  "https://images.pexels.com/photos/7414216/pexels-photo-7414216.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
+                "1920w":
+                  "https://images.pexels.com/photos/7414216/pexels-photo-7414216.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
+                path: "https://images.pexels.com/photos/7414216/pexels-photo-7414216.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320 320w, https://images.pexels.com/photos/7414216/pexels-photo-7414216.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w",
+              },
+            },
+            author_info_wrapper: null,
+            author_name: "Diego Alarcón",
+            author_description: "Principal Analyst",
+            cta: "See the data",
+          },
+        ],
+        "pagination-wrapper": null,
+        "pagination-left": "Previous",
+        "pagination-text": "",
+        "pagination-right": "Next",
+      },
+      config: {
+        title: {
+          heading: {
+            level: 2,
+          },
+          selectedVariants: {
+            Heading_Level: "H3",
+          },
+        },
+        cards: [
+          {
+            title: {
+              heading: {
+                level: "4",
+              },
+              selectedVariants: {
+                Heading_Level: "H5",
+              },
+            },
+            description: {
+              selectedVariants: {
+                Typography_Variants: "Small",
+              },
+            },
+            author_name: {
+              heading: {
+                level: "4",
+              },
+              selectedVariants: {
+                Heading_Level: "H6",
+              },
+            },
+            author_description: {
+              selectedVariants: {
+                Typography_Variants: "Small",
+              },
+            },
+            cover_image: {
+              image: {
+                width: 480,
+              },
+            },
+            timestamp: {
+              selectedVariants: {
+                Typography_Variants: "Small",
+              },
+            },
+            category: {
+              selectedVariants: {
+                Typography_Variants: "Small",
+              },
+            },
+          },
+          {
+            author_name: {
+              selectedVariants: {
+                Heading_Level: "H6",
+              },
+            },
+          },
+          {
+            author_name: {
+              selectedVariants: {
+                Heading_Level: "H6",
+              },
+            },
+          },
+        ],
+        ctas: [
+          {
+            cta: {
+              selectedVariants: {},
+            },
+          },
+        ],
+      },
+    },
+    {
+      key: "compact_list",
+      title: "Compact List",
+      styles: {
+        layout: {
+          display: "flex",
+          "flex-direction": "column",
+          "align-items": "stretch",
+          "justify-content": "center",
+          gap: "xl",
+        },
+        container: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "3xl",
+        },
+        text_wrapper: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "xs",
+          flex: "1",
+        },
+        ctas_levoGroup: {
+          display: "flex",
+          "column-gap": "md",
+          "align-items": "center",
+        },
+        ctas: [{}],
+        title: {
+          mobile: {
+            "text-align": "center",
+          },
+        },
+        description: {
+          "max-width": "560px",
+          color: "text-2",
+          mobile: {
+            "text-align": "center",
+          },
+        },
+        cards_levoGroup: {
+          display: "flex",
+          width: "100%",
+          "flex-direction": "column",
+          "row-gap": "md",
+        },
+        cards_levoGroupItem: {
+          card: {
+            display: "flex",
+            "column-gap": "lg",
+            "align-items": "center",
+            "padding-left": "md",
+            "padding-right": "md",
+            "padding-top": "md",
+            "padding-bottom": "md",
+            "border-radius": "lg",
+            "border-style": "solid",
+            "border-width": "1px",
+            "border-color": "border",
+            height: "100%",
+          },
+          cover_image: {
+            height: "80px",
+            width: "80px",
+            "border-radius": "lg",
+            "object-fit": "cover",
+            "min-width": "80px",
+            "aspect-ratio": "1/1",
+          },
+          card_content_wrapper: {
+            display: "flex",
+            width: "100%",
+            flex: "1 1 0",
+            "align-items": "center",
+            "column-gap": "lg",
+            "justify-content": "space-between",
+          },
+          text_content_wrapper: {
+            display: "flex",
+            flex: "1",
+            "flex-direction": "column",
+            "row-gap": "2xs",
+            width: "auto",
+          },
+          timestamp_icon: {
+            display: "none",
+          },
+          timestamp_wrapper: {
+            display: "flex",
+            "align-items": "center",
+            "column-gap": "2xs",
+          },
+          timestamp: {
+            "font-weight": 500,
+            color: "text-2",
+            "font-size": "xs",
+          },
+          category_wrapper: {
+            display: "flex",
+            width: "fit-content",
+            "align-items": "center",
+          },
+          category_icon: {
+            display: "none",
+          },
+          card_info_wrapper: {
+            display: "flex",
+            width: "100%",
+            "flex-direction": "column",
+            "row-gap": "none",
+          },
+          title: {
+            "font-weight": 600,
+            "font-size": "base",
+          },
+          description: {
+            display: "none",
+          },
+          author_wrapper: {
+            display: "none",
+          },
+          author_image: {
+            display: "none",
+          },
+          author_name: {
+            display: "none",
+          },
+          author_description: {
+            display: "none",
+          },
+          cta: {
+            display: "none",
+          },
+          content_header: {
+            display: "flex",
+            "align-items": "center",
+            "column-gap": "sm",
+          },
+          category: {
+            "font-size": "xs",
+            "font-weight": 600,
+            color: "brand",
+            "text-transform": "uppercase",
+            "letter-spacing": "0.08em",
+          },
+        },
+        "pagination-wrapper": {
+          display: "flex",
+          width: "full",
+          "justify-content": "center",
+          "align-items": "center",
+          "column-gap": "md",
+        },
+        header: {
+          display: "flex",
+          "column-gap": "xl",
+          "justify-content": "space-between",
+          "align-items": "center",
+          tablet: {
+            "flex-direction": "column",
+            "align-items": "start",
+            "row-gap": "sm",
+          },
+          mobile: {
+            "align-items": "center",
+          },
+          "margin-bottom": "xl",
+        },
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        title: {
+          heading: {
+            level: 2,
+          },
+          selectedVariants: {
+            Heading_Level: "H3",
+          },
+        },
+        cards: [
+          {
+            title: {
+              heading: {
+                level: "4",
+              },
+              selectedVariants: {
+                Heading_Level: "H6",
+              },
+            },
+            description: {
+              selectedVariants: {
+                Typography_Variants: "Small",
+              },
+            },
+            author_name: {
+              heading: {
+                level: "4",
+              },
+              selectedVariants: {
+                Heading_Level: "H6",
+              },
+            },
+            author_description: {
+              selectedVariants: {
+                Typography_Variants: "Small",
+              },
+            },
+            cover_image: {
+              image: {
+                width: 80,
+              },
+            },
+            timestamp: {
+              selectedVariants: {
+                Typography_Variants: "Small",
+              },
+            },
+            category: {
+              selectedVariants: {
+                Typography_Variants: "Small",
+              },
+            },
+          },
+          {
+            author_name: {
+              selectedVariants: {
+                Heading_Level: "H6",
+              },
+            },
+          },
+          {
+            author_name: {
+              selectedVariants: {
+                Heading_Level: "H6",
+              },
+            },
+          },
+        ],
+        ctas: [
+          {
+            cta: {
+              selectedVariants: {},
             },
           },
         ],