@levo-so/blocks 0.1.101 → 0.1.103

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

@@ -1,21 +1,68 @@
 import type { IBlock } from "@levo-so/studio";
 
 const MEDIA_1 = {
-  id: "oilXrpqcLCr5",
-  filename: "hero-12.png",
+  id: "7453077865651408747",
   kind: "image",
-  location: "https://static.levocdn.com/WLZ1TXTD/hero-12-qW3Y1jckiw1H.png",
+  location:
+    "https://images.pexels.com/photos/8636589/pexels-photo-8636589.jpeg",
+  mimetype: "image/jpeg",
   srcset: {
-    "1080w": "https://static.levocdn.com/WLZ1TXTD/hero-12-qW3Y1jckiw1H-1080w.webp",
-    "1200w": "https://static.levocdn.com/WLZ1TXTD/hero-12-qW3Y1jckiw1H-1200w.webp",
-    "1920w": "https://static.levocdn.com/WLZ1TXTD/hero-12-qW3Y1jckiw1H-1920w.webp",
-    "320w": "https://static.levocdn.com/WLZ1TXTD/hero-12-qW3Y1jckiw1H-320w.webp",
-    "640w": "https://static.levocdn.com/WLZ1TXTD/hero-12-qW3Y1jckiw1H-640w.webp",
-    "750w": "https://static.levocdn.com/WLZ1TXTD/hero-12-qW3Y1jckiw1H-750w.webp",
-    "828w": "https://static.levocdn.com/WLZ1TXTD/hero-12-qW3Y1jckiw1H-828w.webp",
-    path: "https://static.levocdn.com/WLZ1TXTD/hero-12-qW3Y1jckiw1H-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/hero-12-qW3Y1jckiw1H-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/hero-12-qW3Y1jckiw1H-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/hero-12-qW3Y1jckiw1H-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/hero-12-qW3Y1jckiw1H-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/hero-12-qW3Y1jckiw1H-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/hero-12-qW3Y1jckiw1H-640w.webp 640w",
+    "320w":
+      "https://images.pexels.com/photos/8636589/pexels-photo-8636589.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
+    "640w":
+      "https://images.pexels.com/photos/8636589/pexels-photo-8636589.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
+    "750w":
+      "https://images.pexels.com/photos/8636589/pexels-photo-8636589.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
+    "828w":
+      "https://images.pexels.com/photos/8636589/pexels-photo-8636589.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
+    "1080w":
+      "https://images.pexels.com/photos/8636589/pexels-photo-8636589.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
+    "1200w":
+      "https://images.pexels.com/photos/8636589/pexels-photo-8636589.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
+    "1920w":
+      "https://images.pexels.com/photos/8636589/pexels-photo-8636589.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
+    path: "https://images.pexels.com/photos/8636589/pexels-photo-8636589.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320 320w, https://images.pexels.com/photos/8636589/pexels-photo-8636589.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/8636589/pexels-photo-8636589.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750 750w, https://images.pexels.com/photos/8636589/pexels-photo-8636589.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828 828w, https://images.pexels.com/photos/8636589/pexels-photo-8636589.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/8636589/pexels-photo-8636589.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200 1200w, https://images.pexels.com/photos/8636589/pexels-photo-8636589.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w",
+  },
+};
+
+const ICON_PEOPLE = {
+  kind: "icon" as const,
+  data: {
+    id: "profile-2user",
+    label: "Profile 2user",
+    svgCode:
+      '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M9.15957 11.62C9.12957 11.62 9.10957 11.62 9.07957 11.62C9.02957 11.61 8.95957 11.61 8.89957 11.62C5.99957 11.53 3.80957 9.25 3.80957 6.44C3.80957 3.58 6.13957 1.25 8.99957 1.25C11.8596 1.25 14.1896 3.58 14.1896 6.44C14.1796 9.25 11.9796 11.53 9.18957 11.62C9.17957 11.62 9.16957 11.62 9.15957 11.62ZM8.99957 2.75C6.96957 2.75 5.30957 4.41 5.30957 6.44C5.30957 8.44 6.86957 10.05 8.85957 10.12C8.91957 10.11 9.04957 10.11 9.17957 10.12C11.1396 10.03 12.6796 8.42 12.6896 6.44C12.6896 4.41 11.0296 2.75 8.99957 2.75Z" fill="var(--color-icon-primary)"/>\n<path d="M16.5394 11.75C16.5094 11.75 16.4794 11.75 16.4494 11.74C16.0394 11.78 15.6194 11.49 15.5794 11.08C15.5394 10.67 15.7894 10.3 16.1994 10.25C16.3194 10.24 16.4494 10.24 16.5594 10.24C18.0194 10.16 19.1594 8.96 19.1594 7.49C19.1594 5.97 17.9294 4.74 16.4094 4.74C15.9994 4.75 15.6594 4.41 15.6594 4C15.6594 3.59 15.9994 3.25 16.4094 3.25C18.7494 3.25 20.6594 5.16 20.6594 7.5C20.6594 9.8 18.8594 11.66 16.5694 11.75C16.5594 11.75 16.5494 11.75 16.5394 11.75Z" fill="var(--color-icon-primary)"/>\n<path d="M9.16961 22.55C7.20961 22.55 5.23961 22.05 3.74961 21.05C2.35961 20.13 1.59961 18.87 1.59961 17.5C1.59961 16.13 2.35961 14.86 3.74961 13.93C6.74961 11.94 11.6096 11.94 14.5896 13.93C15.9696 14.85 16.7396 16.11 16.7396 17.48C16.7396 18.85 15.9796 20.12 14.5896 21.05C13.0896 22.05 11.1296 22.55 9.16961 22.55ZM4.57961 15.19C3.61961 15.83 3.09961 16.65 3.09961 17.51C3.09961 18.36 3.62961 19.18 4.57961 19.81C7.06961 21.48 11.2696 21.48 13.7596 19.81C14.7196 19.17 15.2396 18.35 15.2396 17.49C15.2396 16.64 14.7096 15.82 13.7596 15.19C11.2696 13.53 7.06961 13.53 4.57961 15.19Z" fill="var(--color-icon-primary)"/>\n<path d="M18.3392 20.75C17.9892 20.75 17.6792 20.51 17.6092 20.15C17.5292 19.74 17.7892 19.35 18.1892 19.26C18.8192 19.13 19.3992 18.88 19.8492 18.53C20.4192 18.1 20.7292 17.56 20.7292 16.99C20.7292 16.42 20.4192 15.88 19.8592 15.46C19.4192 15.12 18.8692 14.88 18.2192 14.73C17.8192 14.64 17.5592 14.24 17.6492 13.83C17.7392 13.43 18.1392 13.17 18.5492 13.26C19.4092 13.45 20.1592 13.79 20.7692 14.26C21.6992 14.96 22.2292 15.95 22.2292 16.99C22.2292 18.03 21.6892 19.02 20.7592 19.73C20.1392 20.21 19.3592 20.56 18.4992 20.73C18.4392 20.75 18.3892 20.75 18.3392 20.75Z" fill="var(--color-icon-primary)"/>\n</svg>',
+  },
+};
+
+const ICON_SHIELD = {
+  kind: "icon" as const,
+  data: {
+    id: "shield-tick",
+    label: "Shield Tick",
+    svgCode:
+      '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M12.0004 22.7599C10.9104 22.7599 9.83039 22.4399 8.98039 21.8099L4.68039 18.5999C3.54039 17.7499 2.65039 15.9699 2.65039 14.5599V7.11994C2.65039 5.57994 3.78039 3.93994 5.23039 3.39994L10.2204 1.52994C11.2104 1.15994 12.7704 1.15994 13.7604 1.52994L18.7504 3.39994C20.2004 3.93994 21.3304 5.57994 21.3304 7.11994V14.5499C21.3304 15.9699 20.4404 17.7399 19.3004 18.5899L15.0004 21.7999C14.1704 22.4399 13.0904 22.7599 12.0004 22.7599ZM10.7504 2.93994L5.76039 4.80994C4.91039 5.12994 4.16039 6.20994 4.16039 7.12994V14.5599C4.16039 15.5099 4.83039 16.8399 5.58039 17.3999L9.88039 20.6099C11.0304 21.4699 12.9704 21.4699 14.1304 20.6099L18.4304 17.3999C19.1904 16.8299 19.8504 15.5099 19.8504 14.5599V7.11994C19.8504 6.20994 19.1004 5.12994 18.2504 4.79994L13.2604 2.92994C12.5804 2.68994 11.4204 2.68994 10.7504 2.93994Z" fill="var(--color-icon-primary)"/>\n<path d="M10.6602 14.2301C10.4702 14.2301 10.2802 14.1601 10.1302 14.0101L8.52023 12.4001C8.23023 12.1101 8.23023 11.6301 8.52023 11.3401C8.81023 11.0501 9.29023 11.0501 9.58023 11.3401L10.6602 12.4201L14.4302 8.65012C14.7202 8.36012 15.2002 8.36012 15.4902 8.65012C15.7802 8.94012 15.7802 9.42012 15.4902 9.71012L11.1902 14.0101C11.0402 14.1601 10.8502 14.2301 10.6602 14.2301Z" fill="var(--color-icon-primary)"/>\n</svg>',
+  },
+};
+
+const ICON_FLASH = {
+  kind: "icon" as const,
+  data: {
+    id: "flash",
+    label: "Flash",
+    svgCode:
+      '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M9.98959 22.75C9.78959 22.75 9.62959 22.71 9.50959 22.66C9.10959 22.51 8.42959 22.02 8.42959 20.47V14.02H6.08959C4.74959 14.02 4.26959 13.39 4.09959 13.02C3.92959 12.64 3.77959 11.87 4.65959 10.86L12.2296 2.26001C13.2496 1.10001 14.0796 1.18001 14.4796 1.33001C14.8796 1.48001 15.5596 1.97001 15.5596 3.52001V9.97001H17.8996C19.2396 9.97001 19.7196 10.6 19.8896 10.97C20.0596 11.35 20.2096 12.12 19.3296 13.13L11.7596 21.73C11.0496 22.54 10.4296 22.75 9.98959 22.75ZM13.9296 2.74001C13.8996 2.78001 13.6896 2.88001 13.3596 3.26001L5.78959 11.86C5.50959 12.18 5.46959 12.38 5.46959 12.42C5.48959 12.43 5.66959 12.53 6.08959 12.53H9.17959C9.58959 12.53 9.92959 12.87 9.92959 13.28V20.48C9.92959 20.98 10.0196 21.2 10.0596 21.26C10.0896 21.22 10.2996 21.12 10.6296 20.74L18.1996 12.14C18.4796 11.82 18.5196 11.62 18.5196 11.58C18.4996 11.57 18.3196 11.47 17.8996 11.47H14.8096C14.3996 11.47 14.0596 11.13 14.0596 10.72V3.52001C14.0696 3.02001 13.9696 2.81001 13.9296 2.74001Z" fill="var(--color-icon-primary)"/>\n</svg>',
+  },
+};
+
+const ICON_CHART = {
+  kind: "icon" as const,
+  data: {
+    id: "chart-square",
+    label: "Chart Square",
+    svgCode:
+      '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M10.1103 18.15H6.32031C5.91031 18.15 5.57031 17.81 5.57031 17.4V12.28C5.57031 11.24 6.4203 10.39 7.4603 10.39H10.1103C10.5203 10.39 10.8603 10.73 10.8603 11.14V17.39C10.8603 17.81 10.5203 18.15 10.1103 18.15ZM7.07031 16.65H9.36029V11.9H7.4603C7.2503 11.9 7.07031 12.07 7.07031 12.29V16.65Z" fill="var(--color-icon-primary)"/>\n<path d="M13.8896 18.15H10.0996C9.68961 18.15 9.34961 17.81 9.34961 17.4V7.73999C9.34961 6.69999 10.1996 5.84998 11.2396 5.84998H12.7596C13.7996 5.84998 14.6496 6.69999 14.6496 7.73999V17.4C14.6396 17.81 14.3096 18.15 13.8896 18.15ZM10.8596 16.65H13.1496V7.73999C13.1496 7.52999 12.9796 7.34998 12.7596 7.34998H11.2396C11.0296 7.34998 10.8496 7.51999 10.8496 7.73999V16.65H10.8596Z" fill="var(--color-icon-primary)"/>\n<path d="M17.6806 18.15H13.8906C13.4806 18.15 13.1406 17.81 13.1406 17.4V12.85C13.1406 12.44 13.4806 12.1 13.8906 12.1H16.5406C17.5806 12.1 18.4306 12.95 18.4306 13.99V17.4C18.4306 17.81 18.1006 18.15 17.6806 18.15ZM14.6406 16.65H16.9306V13.99C16.9306 13.78 16.7606 13.6 16.5406 13.6H14.6406V16.65Z" fill="var(--color-icon-primary)"/>\n<path d="M15 22.75H9C3.57 22.75 1.25 20.43 1.25 15V9C1.25 3.57 3.57 1.25 9 1.25H15C20.43 1.25 22.75 3.57 22.75 9V15C22.75 20.43 20.43 22.75 15 22.75ZM9 2.75C4.39 2.75 2.75 4.39 2.75 9V15C2.75 19.61 4.39 21.25 9 21.25H15C19.61 21.25 21.25 19.61 21.25 15V9C21.25 4.39 19.61 2.75 15 2.75H9Z" fill="var(--color-icon-primary)"/>\n</svg>',
   },
-  mimetype: "image/png",
 };
 
 const DEFAULT_CONTENT = {
@@ -23,10 +70,10 @@ const DEFAULT_CONTENT = {
   container: null,
   content_wrapper: null,
   left_section: null,
-  label: "About Us",
-  title: "25 Years of NetSuite Expertise Across Worldwide",
+  label: "TRUSTED BY 12,000+ TEAMS",
+  title: "Operating System for fast-moving teams",
   description:
-    "With offices worldwide, we help you assess, upgrade, or adopt tailored solutions. From discovery to implementation, training, and support—we're with you every step.",
+    "One workspace for planning, shipping, and running the business. Built on real-time sync, 99.99% uptime, and SOC 2 Type II — so every team ships on the same page.",
   team_image_wrapper: null,
   images_levoGroup: null,
   images: [
@@ -34,85 +81,125 @@ const DEFAULT_CONTENT = {
       image_wrapper: null,
       image: MEDIA_1,
     },
-    {
-      image_wrapper: null,
-      image: MEDIA_1,
-    },
   ],
   stats_levoGroup: null,
   stats: [
     {
       stat_box: null,
-      number: "25+",
-      label: "Years of Experience",
-      icon: {
-        kind: "icon",
-        data: {
-          id: "arrow-circle-up",
-          label: "Arrow Circle Up",
-          tags: ["arrow", "circle", "custom", "directional", "up"],
-          svgCode:
-            '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M12 22.75C6.07 22.75 1.25 17.93 1.25 12C1.25 6.07 6.07 1.25 12 1.25C17.93 1.25 22.75 6.07 22.75 12C22.75 17.93 17.93 22.75 12 22.75ZM12 2.75C6.9 2.75 2.75 6.9 2.75 12C2.75 17.1 6.9 21.25 12 21.25C17.1 21.25 21.25 17.1 21.25 12C21.25 6.9 17.1 2.75 12 2.75Z" fill="var(--color-icon-primary)"/>\n<path d="M15.5302 14.01C15.3402 14.01 15.1502 13.94 15.0002 13.79L12.0002 10.79L9.00016 13.79C8.71016 14.08 8.23016 14.08 7.94016 13.79C7.65016 13.5 7.65016 13.02 7.94016 12.73L11.4702 9.19998C11.7602 8.90998 12.2402 8.90998 12.5302 9.19998L16.0602 12.73C16.3502 13.02 16.3502 13.5 16.0602 13.79C15.9102 13.94 15.7202 14.01 15.5302 14.01Z" fill="var(--color-icon-primary)"/>\n</svg>',
-        },
-      },
+      number_container: null,
+      number: "12,000+",
+      label: "Teams Shipping",
+      icon: ICON_PEOPLE,
     },
     {
       stat_box: null,
-      number: "25+",
-      label: "Years of Experience",
-      icon: {
-        kind: "icon",
-        data: {
-          id: "arrow-circle-up",
-          label: "Arrow Circle Up",
-          tags: ["arrow", "circle", "custom", "directional", "up"],
-          svgCode:
-            '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M12 22.75C6.07 22.75 1.25 17.93 1.25 12C1.25 6.07 6.07 1.25 12 1.25C17.93 1.25 22.75 6.07 22.75 12C22.75 17.93 17.93 22.75 12 22.75ZM12 2.75C6.9 2.75 2.75 6.9 2.75 12C2.75 17.1 6.9 21.25 12 21.25C17.1 21.25 21.25 17.1 21.25 12C21.25 6.9 17.1 2.75 12 2.75Z" fill="var(--color-icon-primary)"/>\n<path d="M15.5302 14.01C15.3402 14.01 15.1502 13.94 15.0002 13.79L12.0002 10.79L9.00016 13.79C8.71016 14.08 8.23016 14.08 7.94016 13.79C7.65016 13.5 7.65016 13.02 7.94016 12.73L11.4702 9.19998C11.7602 8.90998 12.2402 8.90998 12.5302 9.19998L16.0602 12.73C16.3502 13.02 16.3502 13.5 16.0602 13.79C15.9102 13.94 15.7202 14.01 15.5302 14.01Z" fill="var(--color-icon-primary)"/>\n</svg>',
-        },
-      },
+      number_container: null,
+      number: "99.99%",
+      label: "Uptime SLA",
+      icon: ICON_SHIELD,
     },
     {
       stat_box: null,
-      number: "25+",
-      label: "Years of Experience",
-      icon: {
-        kind: "icon",
-        data: {
-          id: "arrow-circle-up",
-          label: "Arrow Circle Up",
-          tags: ["arrow", "circle", "custom", "directional", "up"],
-          svgCode:
-            '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M12 22.75C6.07 22.75 1.25 17.93 1.25 12C1.25 6.07 6.07 1.25 12 1.25C17.93 1.25 22.75 6.07 22.75 12C22.75 17.93 17.93 22.75 12 22.75ZM12 2.75C6.9 2.75 2.75 6.9 2.75 12C2.75 17.1 6.9 21.25 12 21.25C17.1 21.25 21.25 17.1 21.25 12C21.25 6.9 17.1 2.75 12 2.75Z" fill="var(--color-icon-primary)"/>\n<path d="M15.5302 14.01C15.3402 14.01 15.1502 13.94 15.0002 13.79L12.0002 10.79L9.00016 13.79C8.71016 14.08 8.23016 14.08 7.94016 13.79C7.65016 13.5 7.65016 13.02 7.94016 12.73L11.4702 9.19998C11.7602 8.90998 12.2402 8.90998 12.5302 9.19998L16.0602 12.73C16.3502 13.02 16.3502 13.5 16.0602 13.79C15.9102 13.94 15.7202 14.01 15.5302 14.01Z" fill="var(--color-icon-primary)"/>\n</svg>',
-        },
-      },
+      number_container: null,
+      number: "4M+",
+      label: "Workflows Run",
+      icon: ICON_FLASH,
     },
     {
       stat_box: null,
-      number: "25+",
-      label: "Years of Experience",
-      icon: {
-        kind: "icon",
-        data: {
-          id: "arrow-circle-up",
-          label: "Arrow Circle Up",
-          tags: ["arrow", "circle", "custom", "directional", "up"],
-          svgCode:
-            '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M12 22.75C6.07 22.75 1.25 17.93 1.25 12C1.25 6.07 6.07 1.25 12 1.25C17.93 1.25 22.75 6.07 22.75 12C22.75 17.93 17.93 22.75 12 22.75ZM12 2.75C6.9 2.75 2.75 6.9 2.75 12C2.75 17.1 6.9 21.25 12 21.25C17.1 21.25 21.25 17.1 21.25 12C21.25 6.9 17.1 2.75 12 2.75Z" fill="var(--color-icon-primary)"/>\n<path d="M15.5302 14.01C15.3402 14.01 15.1502 13.94 15.0002 13.79L12.0002 10.79L9.00016 13.79C8.71016 14.08 8.23016 14.08 7.94016 13.79C7.65016 13.5 7.65016 13.02 7.94016 12.73L11.4702 9.19998C11.7602 8.90998 12.2402 8.90998 12.5302 9.19998L16.0602 12.73C16.3502 13.02 16.3502 13.5 16.0602 13.79C15.9102 13.94 15.7202 14.01 15.5302 14.01Z" fill="var(--color-icon-primary)"/>\n</svg>',
-        },
-      },
+      number_container: null,
+      number: "SOC 2",
+      label: "Type II Certified",
+      icon: ICON_CHART,
     },
   ],
 };
 
 export type IHero12Content = typeof DEFAULT_CONTENT;
 
+const STATS_CONFIG = [
+  {
+    number: { selectedVariants: {} },
+    label: { selectedVariants: { Typography_Variants: "Small" } },
+    stat_box: { selectedVariants: {} },
+    number_container: { selectedVariants: {} },
+  },
+  {
+    number: { selectedVariants: {} },
+    label: { selectedVariants: { Typography_Variants: "Small" } },
+    stat_box: { selectedVariants: {} },
+    number_container: { selectedVariants: {} },
+  },
+  {
+    number: { selectedVariants: {} },
+    label: { selectedVariants: { Typography_Variants: "Small" } },
+    stat_box: { selectedVariants: {} },
+    number_container: { selectedVariants: {} },
+  },
+  {
+    number: { selectedVariants: {} },
+    label: { selectedVariants: { Typography_Variants: "Small" } },
+    stat_box: { selectedVariants: {} },
+    number_container: { selectedVariants: {} },
+  },
+];
+
+// Branded label styling — uppercase, brand-colored, tracked
+const BRANDED_LABEL = {
+  color: "brand",
+  "text-transform": "uppercase",
+  "letter-spacing": "0.08em",
+  "font-weight": 600,
+  "font-size": "xs",
+};
+
+// Shared stat item styles — icon sized explicit, number/label hierarchy
+const STAT_ITEM_GRID = {
+  stat_box: {
+    display: "flex",
+    "flex-direction": "column",
+    "align-items": "center",
+    "justify-content": "center",
+    "padding-top": "2rem",
+    "padding-bottom": "2rem",
+    "padding-left": "1.5rem",
+    "padding-right": "1.5rem",
+    height: "100%",
+    "row-gap": "0.25rem",
+  },
+  number: {
+    color: "brand",
+    "font-size": "4xl",
+    "font-weight": 600,
+  },
+  label: {
+    color: "#6b7280",
+    "text-transform": "uppercase",
+    "letter-spacing": "0.05em",
+    "text-align": "center",
+  },
+  number_container: {
+    display: "flex",
+    "justify-content": "center",
+    "align-items": "center",
+    "column-gap": "0.5rem",
+    "margin-bottom": "0.25rem",
+  },
+  icon: {
+    height: "28px",
+    width: "28px",
+    "font-size": "28px",
+    "flex-shrink": 0,
+  },
+};
+
 export const Hero12: IBlock = {
   category_id: "hero",
   title: "Hero 12",
   key: "hero-12",
   version: "v1",
   prompt_description:
-    "Two-column hero section with left content including label, title, description and team image, and right stats grid with 4 numbered statistics.",
+    "Hero section with branded label, bold headline, description, a team collaboration image, and a 4-up stats grid showing scale, reliability, throughput, and compliance.",
   content_schema: [
     {
       key: "layout",
@@ -137,7 +224,8 @@ export const Hero12: IBlock = {
       label: "Content Wrapper",
       field_interface: "BoxWidget",
       hint: {
-        prompt_description: "Wrapper that contains all hero content with proper spacing.",
+        prompt_description:
+          "Wrapper that contains all hero content with proper spacing.",
       },
     },
     {
@@ -154,7 +242,8 @@ export const Hero12: IBlock = {
       label: "Title Container",
       field_interface: "ContainerWidget",
       hint: {
-        prompt_description: "Container specifically for the label and title elements.",
+        prompt_description:
+          "Container specifically for the label and title elements.",
       },
     },
     {
@@ -172,9 +261,9 @@ export const Hero12: IBlock = {
       label: "Label",
       field_interface: "TypographyWidget",
       hint: {
-        prompt_description: "Small section label shown above the title (e.g., 'About Us')",
+        prompt_description: "Short branded label shown above the title",
         min_characters: 3,
-        max_characters: 20,
+        max_characters: 30,
       },
     },
     {
@@ -192,7 +281,8 @@ export const Hero12: IBlock = {
       label: "Description",
       field_interface: "TypographyWidget",
       hint: {
-        prompt_description: "Supporting description text explaining the company or service",
+        prompt_description:
+          "Supporting description text explaining the product value",
         min_characters: 80,
         max_characters: 200,
       },
@@ -202,7 +292,8 @@ export const Hero12: IBlock = {
       label: "Bottom Container",
       field_interface: "BoxWidget",
       hint: {
-        prompt_description: "Container for the bottom section with image and stats grid.",
+        prompt_description:
+          "Container for the bottom section with image and stats grid.",
       },
     },
 
@@ -217,7 +308,8 @@ export const Hero12: IBlock = {
           label: "Image",
           field_interface: "ImageWidget",
           hint: {
-            prompt_description: "Team photo displayed in the carousel",
+            prompt_description:
+              "Hero image showing the product, team, or workspace in action",
             orientation: "landscape",
             size: "large",
             usecase: "hero",
@@ -245,7 +337,8 @@ export const Hero12: IBlock = {
           label: "Number Container",
           field_interface: "BoxWidget",
           hint: {
-            prompt_description: "Container that holds the icon and number together.",
+            prompt_description:
+              "Container that holds the icon and number together.",
           },
         },
         {
@@ -253,7 +346,8 @@ export const Hero12: IBlock = {
           label: "Icon",
           field_interface: "IconWidget",
           hint: {
-            prompt_description: "Small icon displayed alongside the statistic number.",
+            prompt_description:
+              "Small icon displayed alongside the statistic number.",
             size: "icon",
             orientation: "square",
             usecase: "icon",
@@ -264,7 +358,8 @@ export const Hero12: IBlock = {
           label: "Number",
           field_interface: "HeadingWidget",
           hint: {
-            prompt_description: "Large statistic number with plus sign (e.g., '25+', '600+')",
+            prompt_description:
+              "Large statistic number (e.g., '12,000+', '99.99%')",
             min_characters: 2,
             max_characters: 10,
           },
@@ -275,15 +370,15 @@ export const Hero12: IBlock = {
           field_interface: "TypographyWidget",
           hint: {
             prompt_description:
-              "Small uppercase label describing the statistic (e.g., 'Years of Experience')",
-            min_characters: 10,
+              "Short uppercase label describing the statistic (e.g., 'Teams Shipping')",
+            min_characters: 8,
             max_characters: 30,
           },
         },
       ],
       hint: {
         prompt_description:
-          "Collection of 4 statistics displayed in a 2x2 grid with icons, numbers and descriptive labels.",
+          "Collection of 4 statistics displayed in a 2x2 or 4-col grid with icons, numbers and labels.",
         min_items: 4,
         max_items: 4,
       },
@@ -297,253 +392,413 @@ export const Hero12: IBlock = {
       styles: {
         layout: {
           "background-color": "background-3",
+          "padding-top": "3xl",
+          "padding-bottom": "3xl",
         },
         container: {},
         content_wrapper: {
-          display: "block",
-          "flex-direction": "row",
-          "column-gap": "3rem",
-          "align-items": "flex-start",
-          tablet: {
-            "flex-direction": "column",
-            "row-gap": "3rem",
-          },
-        },
-        left_section: {
-          "flex-grow": "1",
           display: "flex",
           "flex-direction": "column",
+          "row-gap": "2.5rem",
+        },
+        left_section: {
+          display: "none",
         },
-        label: {},
+        label: BRANDED_LABEL,
         title: {
+          "text-wrap": "balance",
           "margin-bottom": "1rem",
         },
         description: {
-          "margin-bottom": "2.5rem",
+          "margin-bottom": "0",
+          "max-width": "640px",
         },
         team_image_wrapper: {
-          "border-radius": "1rem",
-          overflow: "hidden",
-          "box-shadow": "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
-          "border-width": "1px",
-          "border-color": "#e5e7eb",
+          display: "none",
         },
         images_levoGroup: {
           width: "50%",
+          "aspect-ratio": "4 / 3",
+          "border-radius": "1rem",
+          overflow: "hidden",
+          "box-shadow":
+            "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
           tablet: {
             width: "100%",
           },
         },
-        images: [
-          {
-            image_wrapper: {
-              "border-radius": "1rem",
-              overflow: "hidden",
-              "box-shadow": "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
-              "border-width": "1px",
-              "border-color": "#e5e7eb",
-              width: "100%",
-              height: "100%",
-            },
-            image: {
-              "object-fit": "cover",
-              width: "100%",
-              height: "100%",
-            },
+        images_levoGroupItem: {
+          image: {
+            "object-fit": "cover",
+            "object-position": "center 70%",
+            width: "100%",
+            height: "100%",
+            display: "block",
           },
-        ],
+        },
+        images: [{}],
         stats_levoGroup: {
           display: "grid",
           "grid-template-columns": "repeat(2, minmax(0, 1fr))",
           "grid-template-rows": "repeat(2, minmax(0, 1fr))",
           "flex-grow": "1",
           "background-color": "white",
-          "box-shadow": "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
+          "box-shadow":
+            "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
           overflow: "hidden",
           tablet: {
             "max-width": "100%",
           },
           "border-radius": "base",
         },
-        stats: [
-          {
-            stat_box: {
-              display: "flex",
-              "flex-direction": "column",
-              "align-items": "center",
-              "justify-content": "center",
-              "padding-top": "2rem",
-              "padding-bottom": "2rem",
-              "padding-left": "2rem",
-              "padding-right": "2rem",
-              "border-right-width": "1px",
-              "border-bottom-width": "1px",
-              "border-color": "#e5e7eb",
-            },
-            number: {
-              color: "brand",
-              "font-size": "4xl",
-              "font-weight": 600,
-            },
-            label: {
-              color: "#6b7280",
-              "text-transform": "uppercase",
-              "letter-spacing": "0.05em",
-            },
-            number_container: {
-              display: "flex",
-              "justify-content": "center",
-              "align-items": "center",
-              "column-gap": "2xs",
-              "margin-bottom": "0.5rem",
-            },
-            icon: {
-              height: "32px",
-              width: "32px",
-              "font-size": "32px",
-            },
+        stats_levoGroupItem: STAT_ITEM_GRID,
+        stats: [{}, {}, {}, {}],
+        header_container: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "1rem",
+        },
+        bottom_container: {
+          display: "flex",
+          "column-gap": "3rem",
+          "align-items": "center",
+          tablet: {
+            "flex-direction": "column",
+            "row-gap": "2.5rem",
           },
-          {
-            stat_box: {
-              display: "flex",
-              "flex-direction": "column",
-              "align-items": "center",
-              "justify-content": "center",
-              "padding-top": "2rem",
-              "padding-bottom": "2rem",
-              "padding-left": "2rem",
-              "padding-right": "2rem",
-              "border-right-width": "1px",
-              "border-bottom-width": "1px",
-              "border-color": "#e5e7eb",
-            },
-            number: {
-              color: "brand",
-              "font-size": "4xl",
-              "font-weight": 600,
-            },
-            label: {
-              color: "#6b7280",
-              "text-transform": "uppercase",
-              "letter-spacing": "0.05em",
-            },
-            number_container: {
-              display: "flex",
-              "justify-content": "center",
-              "align-items": "center",
-              "column-gap": "2xs",
-              "margin-bottom": "0.5rem",
-            },
-            icon: {
-              height: "32px",
-              width: "32px",
-              "font-size": "32px",
-            },
+        },
+        label_divider: {
+          height: "2px",
+          width: "28px",
+          "background-color": "brand",
+        },
+        label_container: {
+          display: "flex",
+          "justify-content": "start",
+          "align-items": "center",
+          "column-gap": "0.75rem",
+          "margin-bottom": "0.5rem",
+        },
+        title_container: {
+          tablet: {
+            "padding-left": "none",
+            "padding-right": "none",
           },
-          {
-            stat_box: {
-              display: "flex",
-              "flex-direction": "column",
-              "align-items": "center",
-              "justify-content": "center",
-              "padding-top": "2rem",
-              "padding-bottom": "2rem",
-              "padding-left": "2rem",
-              "padding-right": "2rem",
-              "border-right-width": "1px",
-              "border-bottom-width": "1px",
-              "border-color": "#e5e7eb",
-            },
-            number: {
-              color: "brand",
-              "font-size": "4xl",
-              "font-weight": 600,
-            },
-            label: {
-              color: "#6b7280",
-              "text-transform": "uppercase",
-              "letter-spacing": "0.05em",
-            },
-            number_container: {
-              display: "flex",
-              "justify-content": "center",
-              "align-items": "center",
-              "column-gap": "2xs",
-              "margin-bottom": "0.5rem",
-            },
-            icon: {
-              height: "32px",
-              width: "32px",
-              "font-size": "32px",
-            },
+        },
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        title: {
+          heading: {
+            level: 1,
           },
+        },
+        stats: STATS_CONFIG,
+      },
+    },
+    {
+      key: "stats_top",
+      title: "Stats Top",
+      styles: {
+        layout: {
+          "background-color": "background-3",
+          "padding-top": "3xl",
+          "padding-bottom": "3xl",
+        },
+        container: {},
+        content_wrapper: {
+          display: "flex",
+          "flex-direction": "column",
+          "align-items": "center",
+          "row-gap": "2.5rem",
+        },
+        left_section: {
+          display: "none",
+        },
+        label: {
+          ...BRANDED_LABEL,
+          "text-align": "center",
+        },
+        title: {
+          "text-wrap": "balance",
+          "text-align": "center",
+          "margin-bottom": "1rem",
+        },
+        description: {
+          "text-align": "center",
+          "max-width": "640px",
+          "margin-left": "auto",
+          "margin-right": "auto",
+        },
+        team_image_wrapper: {
+          display: "none",
+        },
+        images_levoGroup: {
+          width: "100%",
+          "aspect-ratio": "16 / 7",
+          "border-radius": "1rem",
+          overflow: "hidden",
+        },
+        images_levoGroupItem: {
+          image: {
+            "object-fit": "cover",
+            "object-position": "center 70%",
+            width: "100%",
+            height: "100%",
+            display: "block",
+          },
+        },
+        images: [{}],
+        stats_levoGroup: {
+          display: "grid",
+          "grid-template-columns": "repeat(4, minmax(0, 1fr))",
+          width: "100%",
+          "background-color": "white",
+          "box-shadow":
+            "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
+          overflow: "hidden",
+          "border-radius": "base",
+          tablet: {
+            "grid-template-columns": "repeat(2, minmax(0, 1fr))",
+          },
+        },
+        stats_levoGroupItem: STAT_ITEM_GRID,
+        stats: [{}, {}, {}, {}],
+        header_container: {
+          display: "flex",
+          "flex-direction": "column",
+          "align-items": "center",
+          "text-align": "center",
+          "row-gap": "1rem",
+        },
+        bottom_container: {
+          display: "flex",
+          "flex-direction": "column-reverse",
+          "row-gap": "2.5rem",
+          width: "100%",
+        },
+        label_divider: {
+          display: "none",
+        },
+        label_container: {
+          display: "flex",
+          "justify-content": "center",
+          "align-items": "center",
+          "margin-bottom": "0.5rem",
+        },
+        title_container: {
+          "text-align": "center",
+        },
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        title: {
+          heading: {
+            level: 1,
+          },
+        },
+        stats: STATS_CONFIG,
+      },
+    },
+    {
+      key: "centered",
+      title: "Centered",
+      styles: {
+        layout: {
+          "background-color": "background-3",
+          "padding-top": "3xl",
+          "padding-bottom": "3xl",
+        },
+        container: {},
+        content_wrapper: {
+          display: "flex",
+          "flex-direction": "column",
+          "align-items": "center",
+          "row-gap": "2.5rem",
+        },
+        left_section: {
+          display: "none",
+        },
+        label: {
+          ...BRANDED_LABEL,
+          "text-align": "center",
+        },
+        title: {
+          "text-wrap": "balance",
+          "text-align": "center",
+          "margin-bottom": "1rem",
+        },
+        description: {
+          "text-align": "center",
+          "max-width": "640px",
+          "margin-left": "auto",
+          "margin-right": "auto",
+          "margin-bottom": "0",
+        },
+        team_image_wrapper: {
+          display: "none",
+        },
+        images_levoGroup: {
+          display: "none",
+        },
+        images: [
           {
-            stat_box: {
-              display: "flex",
-              "flex-direction": "column",
-              "align-items": "center",
-              "justify-content": "center",
-              "padding-top": "2rem",
-              "padding-bottom": "2rem",
-              "padding-left": "2rem",
-              "padding-right": "2rem",
-              "border-right-width": "1px",
-              "border-bottom-width": "1px",
-              "border-color": "#e5e7eb",
-            },
-            number: {
-              color: "brand",
-              "font-size": "4xl",
-              "font-weight": 600,
-            },
-            label: {
-              color: "#6b7280",
-              "text-transform": "uppercase",
-              "letter-spacing": "0.05em",
-            },
-            number_container: {
-              display: "flex",
-              "justify-content": "center",
-              "align-items": "center",
-              "column-gap": "2xs",
-              "margin-bottom": "0.5rem",
+            image_wrapper: {
+              display: "none",
             },
-            icon: {
-              height: "32px",
-              width: "32px",
-              "font-size": "32px",
+            image: {
+              display: "none",
             },
           },
         ],
+        stats_levoGroup: {
+          display: "grid",
+          "grid-template-columns": "repeat(4, minmax(0, 1fr))",
+          width: "100%",
+          "background-color": "white",
+          "box-shadow":
+            "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
+          overflow: "hidden",
+          "border-radius": "base",
+          tablet: {
+            "grid-template-columns": "repeat(2, minmax(0, 1fr))",
+          },
+        },
+        stats_levoGroupItem: STAT_ITEM_GRID,
+        stats: [{}, {}, {}, {}],
         header_container: {
+          display: "flex",
+          "flex-direction": "column",
+          "align-items": "center",
+          "text-align": "center",
+          "row-gap": "1rem",
+        },
+        bottom_container: {
+          display: "flex",
+          "flex-direction": "column",
+          "align-items": "center",
+          "row-gap": "2.5rem",
+          width: "100%",
+        },
+        label_divider: {
+          display: "none",
+        },
+        label_container: {
           display: "flex",
           "justify-content": "center",
           "align-items": "center",
+          "margin-bottom": "0.5rem",
+        },
+        title_container: {
+          "text-align": "center",
+        },
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        title: {
+          heading: {
+            level: 1,
+          },
+        },
+        stats: STATS_CONFIG,
+      },
+    },
+    {
+      key: "reversed_split",
+      title: "Reversed Split",
+      styles: {
+        layout: {
+          "background-color": "background-3",
+          "padding-top": "3xl",
+          "padding-bottom": "3xl",
+        },
+        container: {},
+        content_wrapper: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "2.5rem",
+        },
+        left_section: {
+          display: "none",
+        },
+        label: BRANDED_LABEL,
+        title: {
+          "text-wrap": "balance",
+          "margin-bottom": "1rem",
+        },
+        description: {
+          "margin-bottom": "0",
+          "max-width": "640px",
+        },
+        team_image_wrapper: {
+          display: "none",
+        },
+        images_levoGroup: {
+          width: "45%",
+          "aspect-ratio": "4 / 3",
+          "border-radius": "1rem",
+          overflow: "hidden",
+          "box-shadow":
+            "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
           tablet: {
-            "flex-direction": "column",
-            "justify-content": "start",
-            "align-items": "start",
+            width: "100%",
+          },
+        },
+        images_levoGroupItem: {
+          image: {
+            "object-fit": "cover",
+            "object-position": "center 70%",
+            width: "100%",
+            height: "100%",
+            display: "block",
+          },
+        },
+        images: [{}],
+        stats_levoGroup: {
+          display: "grid",
+          "grid-template-columns": "repeat(2, minmax(0, 1fr))",
+          "grid-template-rows": "repeat(2, minmax(0, 1fr))",
+          "flex-grow": "1",
+          "background-color": "white",
+          "box-shadow":
+            "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
+          overflow: "hidden",
+          "border-radius": "base",
+          order: "-1",
+          width: "55%",
+          tablet: {
+            "max-width": "100%",
+            width: "100%",
+            order: "0",
           },
         },
+        stats_levoGroupItem: STAT_ITEM_GRID,
+        stats: [{}, {}, {}, {}],
+        header_container: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "1rem",
+        },
         bottom_container: {
           display: "flex",
-          "column-gap": "5xl",
-          "margin-top": "5xl",
+          "column-gap": "3rem",
+          "align-items": "center",
           tablet: {
             "flex-direction": "column",
-            "row-gap": "5xl",
+            "row-gap": "2.5rem",
           },
         },
         label_divider: {
           height: "2px",
-          width: "30px",
-          background: "red",
+          width: "28px",
+          "background-color": "brand",
         },
         label_container: {
           display: "flex",
           "justify-content": "start",
           "align-items": "center",
-          "column-gap": "4xs",
+          "column-gap": "0.75rem",
+          "margin-bottom": "0.5rem",
         },
         title_container: {
           tablet: {
@@ -559,72 +814,7 @@ export const Hero12: IBlock = {
             level: 1,
           },
         },
-        stats: [
-          {
-            number: {
-              selectedVariants: {},
-            },
-            label: {
-              selectedVariants: {
-                Typography_Variants: "Small",
-              },
-            },
-            stat_box: {
-              selectedVariants: {},
-            },
-            number_container: {
-              selectedVariants: {},
-            },
-          },
-          {
-            number: {
-              selectedVariants: {},
-            },
-            label: {
-              selectedVariants: {
-                Typography_Variants: "Small",
-              },
-            },
-            stat_box: {
-              selectedVariants: {},
-            },
-            number_container: {
-              selectedVariants: {},
-            },
-          },
-          {
-            number: {
-              selectedVariants: {},
-            },
-            label: {
-              selectedVariants: {
-                Typography_Variants: "Small",
-              },
-            },
-            stat_box: {
-              selectedVariants: {},
-            },
-            number_container: {
-              selectedVariants: {},
-            },
-          },
-          {
-            number: {
-              selectedVariants: {},
-            },
-            label: {
-              selectedVariants: {
-                Typography_Variants: "Small",
-              },
-            },
-            stat_box: {
-              selectedVariants: {},
-            },
-            number_container: {
-              selectedVariants: {},
-            },
-          },
-        ],
+        stats: STATS_CONFIG,
       },
     },
   ],