@levo-so/blocks 0.1.101 → 0.1.103

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

@@ -1,113 +1,183 @@
 import type { IBlock } from "@levo-so/studio";
 
 const MEDIA_1 = {
-  id: "k5KwTxRcqRdf",
-  filename: "hero-7-3.png",
+  id: "7453077871395987805",
   kind: "image",
-  location: "https://static.levocdn.com/WLZ1TXTD/hero-7-3-74duDI5Su5qr.png",
+  location: "https://images.pexels.com/photos/28715052/pexels-photo-28715052.jpeg",
+  mimetype: "image/jpeg",
   srcset: {
-    "1080w": "https://static.levocdn.com/WLZ1TXTD/hero-7-3-74duDI5Su5qr-1080w.webp",
-    "1200w": "https://static.levocdn.com/WLZ1TXTD/hero-7-3-74duDI5Su5qr-1200w.webp",
-    "1920w": "https://static.levocdn.com/WLZ1TXTD/hero-7-3-74duDI5Su5qr-1920w.webp",
-    "320w": "https://static.levocdn.com/WLZ1TXTD/hero-7-3-74duDI5Su5qr-320w.webp",
-    "640w": "https://static.levocdn.com/WLZ1TXTD/hero-7-3-74duDI5Su5qr-640w.webp",
-    "750w": "https://static.levocdn.com/WLZ1TXTD/hero-7-3-74duDI5Su5qr-750w.webp",
-    "828w": "https://static.levocdn.com/WLZ1TXTD/hero-7-3-74duDI5Su5qr-828w.webp",
-    path: "https://static.levocdn.com/WLZ1TXTD/hero-7-3-74duDI5Su5qr-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/hero-7-3-74duDI5Su5qr-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/hero-7-3-74duDI5Su5qr-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/hero-7-3-74duDI5Su5qr-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/hero-7-3-74duDI5Su5qr-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/hero-7-3-74duDI5Su5qr-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/hero-7-3-74duDI5Su5qr-750w.webp 750w",
+    "320w":
+      "https://images.pexels.com/photos/28715052/pexels-photo-28715052.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
+    "640w":
+      "https://images.pexels.com/photos/28715052/pexels-photo-28715052.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
+    "750w":
+      "https://images.pexels.com/photos/28715052/pexels-photo-28715052.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
+    "828w":
+      "https://images.pexels.com/photos/28715052/pexels-photo-28715052.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
+    "1080w":
+      "https://images.pexels.com/photos/28715052/pexels-photo-28715052.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
+    "1200w":
+      "https://images.pexels.com/photos/28715052/pexels-photo-28715052.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
+    "1920w":
+      "https://images.pexels.com/photos/28715052/pexels-photo-28715052.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
+    path: "https://images.pexels.com/photos/28715052/pexels-photo-28715052.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320 320w, https://images.pexels.com/photos/28715052/pexels-photo-28715052.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/28715052/pexels-photo-28715052.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750 750w, https://images.pexels.com/photos/28715052/pexels-photo-28715052.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828 828w, https://images.pexels.com/photos/28715052/pexels-photo-28715052.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/28715052/pexels-photo-28715052.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200 1200w, https://images.pexels.com/photos/28715052/pexels-photo-28715052.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w",
   },
-  mimetype: "image/png",
 };
+
 const MEDIA_2 = {
-  id: "n3qNfSsUos2B",
-  filename: "hero-7-2.png",
+  id: "7453077972412329163",
   kind: "image",
-  location: "https://static.levocdn.com/WLZ1TXTD/hero-7-2-UpLSWh31w3py.png",
+  location: "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg",
+  mimetype: "image/jpeg",
   srcset: {
-    "1080w": "https://static.levocdn.com/WLZ1TXTD/hero-7-2-UpLSWh31w3py-1080w.webp",
-    "1200w": "https://static.levocdn.com/WLZ1TXTD/hero-7-2-UpLSWh31w3py-1200w.webp",
-    "1920w": "https://static.levocdn.com/WLZ1TXTD/hero-7-2-UpLSWh31w3py-1920w.webp",
-    "320w": "https://static.levocdn.com/WLZ1TXTD/hero-7-2-UpLSWh31w3py-320w.webp",
-    "640w": "https://static.levocdn.com/WLZ1TXTD/hero-7-2-UpLSWh31w3py-640w.webp",
-    "750w": "https://static.levocdn.com/WLZ1TXTD/hero-7-2-UpLSWh31w3py-750w.webp",
-    "828w": "https://static.levocdn.com/WLZ1TXTD/hero-7-2-UpLSWh31w3py-828w.webp",
-    path: "https://static.levocdn.com/WLZ1TXTD/hero-7-2-UpLSWh31w3py-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/hero-7-2-UpLSWh31w3py-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/hero-7-2-UpLSWh31w3py-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/hero-7-2-UpLSWh31w3py-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/hero-7-2-UpLSWh31w3py-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/hero-7-2-UpLSWh31w3py-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/hero-7-2-UpLSWh31w3py-1920w.webp 1920w",
+    "320w":
+      "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
+    "640w":
+      "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
+    "750w":
+      "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
+    "828w":
+      "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
+    "1080w":
+      "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
+    "1200w":
+      "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
+    "1920w":
+      "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
+    path: "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320 320w, https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750 750w, https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828 828w, https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200 1200w, https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w",
   },
-  mimetype: "image/png",
 };
+
 const MEDIA_3 = {
-  id: "k5KwTxRcqRdf",
-  filename: "hero-7-3.png",
+  id: "7453077861430158446",
   kind: "image",
-  location: "https://static.levocdn.com/WLZ1TXTD/hero-7-3-74duDI5Su5qr.png",
+  location: "https://images.pexels.com/photos/7888985/pexels-photo-7888985.jpeg",
+  mimetype: "image/jpeg",
   srcset: {
-    "1080w": "https://static.levocdn.com/WLZ1TXTD/hero-7-3-74duDI5Su5qr-1080w.webp",
-    "1200w": "https://static.levocdn.com/WLZ1TXTD/hero-7-3-74duDI5Su5qr-1200w.webp",
-    "1920w": "https://static.levocdn.com/WLZ1TXTD/hero-7-3-74duDI5Su5qr-1920w.webp",
-    "320w": "https://static.levocdn.com/WLZ1TXTD/hero-7-3-74duDI5Su5qr-320w.webp",
-    "640w": "https://static.levocdn.com/WLZ1TXTD/hero-7-3-74duDI5Su5qr-640w.webp",
-    "750w": "https://static.levocdn.com/WLZ1TXTD/hero-7-3-74duDI5Su5qr-750w.webp",
-    "828w": "https://static.levocdn.com/WLZ1TXTD/hero-7-3-74duDI5Su5qr-828w.webp",
-    path: "https://static.levocdn.com/WLZ1TXTD/hero-7-3-74duDI5Su5qr-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/hero-7-3-74duDI5Su5qr-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/hero-7-3-74duDI5Su5qr-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/hero-7-3-74duDI5Su5qr-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/hero-7-3-74duDI5Su5qr-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/hero-7-3-74duDI5Su5qr-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/hero-7-3-74duDI5Su5qr-750w.webp 750w",
+    "320w":
+      "https://images.pexels.com/photos/7888985/pexels-photo-7888985.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
+    "640w":
+      "https://images.pexels.com/photos/7888985/pexels-photo-7888985.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
+    "750w":
+      "https://images.pexels.com/photos/7888985/pexels-photo-7888985.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
+    "828w":
+      "https://images.pexels.com/photos/7888985/pexels-photo-7888985.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
+    "1080w":
+      "https://images.pexels.com/photos/7888985/pexels-photo-7888985.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
+    "1200w":
+      "https://images.pexels.com/photos/7888985/pexels-photo-7888985.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
+    "1920w":
+      "https://images.pexels.com/photos/7888985/pexels-photo-7888985.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
+    path: "https://images.pexels.com/photos/7888985/pexels-photo-7888985.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320 320w, https://images.pexels.com/photos/7888985/pexels-photo-7888985.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/7888985/pexels-photo-7888985.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750 750w, https://images.pexels.com/photos/7888985/pexels-photo-7888985.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828 828w, https://images.pexels.com/photos/7888985/pexels-photo-7888985.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/7888985/pexels-photo-7888985.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200 1200w, https://images.pexels.com/photos/7888985/pexels-photo-7888985.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w",
   },
-  mimetype: "image/png",
 };
 
 const MEDIA_ARR = [MEDIA_1, MEDIA_2, MEDIA_3];
 
-const DUMMY_ICON = {
+const CALENDAR_ICON = {
+  kind: "icon",
+  data: {
+    id: "calendar-1",
+    label: "Calendar 1",
+    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>',
+  },
+};
+
+const CLOCK_ICON = {
   kind: "icon",
   data: {
-    id: "archive-minus",
-    label: "Archive Minus",
-    tags: ["archive", "custom", "directional", "minus"],
+    id: "clock",
+    label: "Clock",
     svgCode:
-      '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M14.5 11.4H9.5C9.09 11.4 8.75 11.06 8.75 10.65C8.75 10.24 9.09 9.90002 9.5 9.90002H14.5C14.91 9.90002 15.25 10.24 15.25 10.65C15.25 11.06 14.91 11.4 14.5 11.4Z" fill="var(--color-icon-primary)"/>\n<path d="M4.92957 22.75C4.50957 22.75 4.11957 22.65 3.76957 22.45C2.99957 22 2.55957 21.09 2.55957 19.96V5.86C2.55957 3.32 4.62957 1.25 7.16957 1.25H16.8196C19.3596 1.25 21.4296 3.32 21.4296 5.86V19.95C21.4296 21.08 20.9896 21.99 20.2196 22.44C19.4496 22.89 18.4396 22.84 17.4496 22.29L12.5696 19.58C12.2796 19.42 11.7096 19.42 11.4196 19.58L6.53957 22.29C5.99957 22.59 5.44957 22.75 4.92957 22.75ZM7.17957 2.75C5.46957 2.75 4.06957 4.15 4.06957 5.86V19.95C4.06957 20.54 4.23957 20.98 4.53957 21.15C4.83957 21.33 5.30957 21.27 5.81957 20.98L10.6996 18.27C11.4396 17.86 12.5596 17.86 13.2996 18.27L18.1796 20.98C18.6896 21.27 19.1596 21.33 19.4596 21.15C19.7596 20.97 19.9296 20.53 19.9296 19.95V5.86C19.9296 4.15 18.5296 2.75 16.8196 2.75H7.17957Z" 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="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.7096 15.93C15.5796 15.93 15.4496 15.9 15.3296 15.82L12.2296 13.97C11.4596 13.51 10.8896 12.5 10.8896 11.61V7.51001C10.8896 7.10001 11.2296 6.76001 11.6396 6.76001C12.0496 6.76001 12.3896 7.10001 12.3896 7.51001V11.61C12.3896 11.97 12.6896 12.5 12.9996 12.68L16.0996 14.53C16.4596 14.74 16.5696 15.2 16.3596 15.56C16.2096 15.8 15.9596 15.93 15.7096 15.93Z" fill="var(--color-icon-primary)"/>\n</svg>',
   },
 };
 
-const DEFAULT_SLIDES_COUNT = 3;
+const AVATAR_ICON = {
+  kind: "icon",
+  data: {
+    id: "profile-circle",
+    label: "Profile Circle",
+    svgCode:
+      '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M12.1205 13.53C12.1005 13.53 12.0705 13.53 12.0505 13.53C12.0205 13.53 11.9805 13.53 11.9505 13.53C9.68047 13.46 7.98047 11.69 7.98047 9.50998C7.98047 7.28998 9.79047 5.47998 12.0105 5.47998C14.2305 5.47998 16.0405 7.28998 16.0405 9.50998C16.0305 11.7 14.3205 13.46 12.1505 13.53C12.1305 13.53 12.1305 13.53 12.1205 13.53ZM12.0005 6.96998C10.6005 6.96998 9.47047 8.10998 9.47047 9.49998C9.47047 10.87 10.5405 11.98 11.9005 12.03C11.9305 12.02 12.0305 12.02 12.1305 12.03C13.4705 11.96 14.5205 10.86 14.5305 9.49998C14.5305 8.10998 13.4005 6.96998 12.0005 6.96998Z" fill="var(--color-icon-primary)"/>\n<path d="M11.9998 22.7499C9.30984 22.7499 6.73984 21.7499 4.74984 19.9299C4.56984 19.7699 4.48984 19.5299 4.50984 19.2999C4.63984 18.1099 5.37984 16.9999 6.60984 16.1799C9.58984 14.1999 14.4198 14.1999 17.3898 16.1799C18.6198 17.0099 19.3598 18.1099 19.4898 19.2999C19.5198 19.5399 19.4298 19.7699 19.2498 19.9299C17.2598 21.7499 14.6898 22.7499 11.9998 22.7499ZM6.07984 19.0999C7.73984 20.4899 9.82984 21.2499 11.9998 21.2499C14.1698 21.2499 16.2598 20.4899 17.9198 19.0999C17.7398 18.4899 17.2598 17.8999 16.5498 17.4199C14.0898 15.7799 9.91984 15.7799 7.43984 17.4199C6.72984 17.8999 6.25984 18.4899 6.07984 19.0999Z" fill="var(--color-icon-primary)"/>\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</svg>',
+  },
+};
+
+const SLIDE_CONTENT = [
+  {
+    date: "March 04, 2026",
+    time: "6 min read",
+    title: "Ship 2.0 is live — real-time collaboration for every workflow",
+    description:
+      "Co-edit docs, boards, and automations with presence, cursors, and zero-conflict merges. Built on CRDTs with 99.99% uptime across regions.",
+    author_name: "Priya Ramanathan",
+    primary_cta: "See what's new",
+    secondary_cta: "Read changelog",
+  },
+  {
+    date: "February 18, 2026",
+    time: "8 min read",
+    title: "How Figma's ops team cut handoff time by 63%",
+    description:
+      "One workspace, 400 engineers, and a single source of truth. A look inside the playbook that killed status meetings and replaced them with automations.",
+    author_name: "Marcus Chen",
+    primary_cta: "Read the case study",
+    secondary_cta: "Book a demo",
+  },
+  {
+    date: "January 22, 2026",
+    time: "4 min read",
+    title: "Series B: $60M to scale velocity for 12,000+ teams",
+    description:
+      "Led by Accel with participation from Index. We're doubling down on open APIs, regional data residency, and the agent layer teams have been asking for.",
+    author_name: "Elena Fischer",
+    primary_cta: "Read the announcement",
+    secondary_cta: "View open roles",
+  },
+];
 
 const DEFAULT_CONTENT = {
   layout: null,
   slider_dots: null,
   slider_dot: null,
 
-  slides: Array(DEFAULT_SLIDES_COUNT)
-    .fill(0)
-    .map((v, index) => ({
-      slide_wrapper: null,
-      background_image: MEDIA_ARR[index],
-      content_wrapper: null,
-      metadata_wrapper: null,
-      date_time_wrapper: null,
-      date_wrapper: null,
-      calendar_icon: DUMMY_ICON,
-      date: "September 28, 2025",
-      time_wrapper: null,
-      time_icon: DUMMY_ICON,
-      time: "10 min read",
-      title:
-        "Wellness isn't a destination — it's the small choices you make each day that shape a healthier, calmer you",
-      description:
-        "Discover the power of mindful living and how small daily practices can transform your overall well-being and bring lasting peace to your life.",
-      author_wrapper: null,
-      avatar: DUMMY_ICON,
-      author_name: "Lily Morphine",
-      ctas_wrapper: null,
-      primary_cta: "Read Article",
-      secondary_cta: "Save for Later",
-    })),
+  slides: SLIDE_CONTENT.map((slide, index) => ({
+    slide_wrapper: null,
+    background_image: MEDIA_ARR[index],
+    content_wrapper: null,
+    metadata_wrapper: null,
+    date_time_wrapper: null,
+    date_wrapper: null,
+    calendar_icon: CALENDAR_ICON,
+    date: slide.date,
+    time_wrapper: null,
+    time_icon: CLOCK_ICON,
+    time: slide.time,
+    title: slide.title,
+    description: slide.description,
+    author_wrapper: null,
+    avatar: AVATAR_ICON,
+    author_name: slide.author_name,
+    content_image_wrapper: null,
+    image_wrapper: null,
+    ctas: [{ cta: slide.primary_cta }, { cta: slide.secondary_cta }],
+  })),
 };
 
 export type IHero7Content = typeof DEFAULT_CONTENT;
 
+/**
+ * Dark gradient overlay used on every background-image layout so white
+ * title/description text stays legible over arbitrary hero photography.
+ */
 export const Hero7: IBlock = {
   category_id: "hero",
   title: "Hero 7",
   key: "hero-7",
   version: "v1",
   prompt_description:
-    "Full-screen hero carousel with background images, centered content overlay featuring label, headline, description, and dual call-to-action buttons on each slide.",
+    "Versatile hero carousel supporting both full-screen background image overlays and modern split-screen layouts with content on the left and a dedicated image on the right.",
   content_schema: [
     {
       key: "layout",
@@ -127,14 +197,6 @@ export const Hero7: IBlock = {
           "Main container to provide padding and alignment for hero content overlay. Not for content, but for spacing and organizational structure only.",
       },
     },
-    {
-      key: "slider_dots",
-      label: "Slider Dots",
-      field_interface: "BoxWidget",
-      hint: {
-        prompt_description: "Container for carousel navigation dots. No content—structural only.",
-      },
-    },
     {
       key: "slider_dot",
       label: "Slider Dot",
@@ -314,6 +376,29 @@ export const Hero7: IBlock = {
             max_characters: 30,
           },
         },
+        {
+          key: "ctas",
+          label: "CTA Buttons Group",
+          field_interface: "BoxWidget",
+          kind: "group",
+          fields: [
+            {
+              key: "cta",
+              label: "CTA Button",
+              field_interface: "ButtonWidget",
+            },
+          ],
+        },
+        {
+          key: "content_image_wrapper",
+          label: "Content Image Wrapper",
+          field_interface: "BoxWidget",
+        },
+        {
+          key: "image_wrapper",
+          label: "Image Wrapper",
+          field_interface: "BoxWidget",
+        },
       ],
       hint: {
         prompt_description:
@@ -373,7 +458,7 @@ export const Hero7: IBlock = {
           "align-items": "center",
           "justify-content": "center",
         },
-        slides: Array(DEFAULT_SLIDES_COUNT).fill({
+        slides_levoGroupItem: {
           slide_wrapper: {
             position: "relative",
             height: "100vh",
@@ -382,13 +467,14 @@ export const Hero7: IBlock = {
             display: "flex",
             "align-items": "center",
             "justify-content": "center",
-            "background-size": "cover",
-            "background-position": "center",
-            "background-repeat": "no-repeat",
-            "background-attachment": "fixed",
-            mobile: {
-              "background-attachment": "scroll",
-            },
+          },
+          content_image_wrapper: {
+            position: "relative",
+            width: "100%",
+            height: "100%",
+            display: "flex",
+            "align-items": "center",
+            "justify-content": "center",
           },
           content_wrapper: {
             display: "flex",
@@ -406,6 +492,20 @@ export const Hero7: IBlock = {
               "max-width": "100%",
             },
           },
+          image_wrapper: {
+            position: "absolute",
+            top: "0",
+            left: "0",
+            width: "100%",
+            height: "100%",
+            "z-index": "1",
+            "box-shadow": "inset 0 0 0 2000px rgba(10, 15, 25, 0.62)",
+          },
+          background_image: {
+            width: "100%",
+            height: "100%",
+            "object-fit": "cover",
+          },
           metadata_wrapper: {
             display: "flex",
             "flex-direction": "column",
@@ -430,6 +530,8 @@ export const Hero7: IBlock = {
           calendar_icon: {
             width: "16px",
             height: "16px",
+            "font-size": "16px",
+            "flex-shrink": "0",
             filter: "brightness(0) invert(1)",
           },
           date: {
@@ -444,6 +546,8 @@ export const Hero7: IBlock = {
           time_icon: {
             width: "16px",
             height: "16px",
+            "font-size": "16px",
+            "flex-shrink": "0",
             filter: "brightness(0) invert(1)",
           },
           time: {
@@ -452,7 +556,7 @@ export const Hero7: IBlock = {
           },
           title: {
             color: "white",
-            "text-shadow": "0 2px 4px rgba(0, 0, 0, 0.3)",
+            "text-shadow": "0 2px 4px rgba(0, 0, 0, 0.4)",
             "margin-top": "base",
           },
           description: {
@@ -466,19 +570,18 @@ export const Hero7: IBlock = {
             "margin-top": "base",
           },
           avatar: {
-            width: "40px",
-            height: "40px",
-            "border-radius": "base",
-            "object-fit": "cover",
-            "border-width": "2px",
-            "border-style": "solid",
-            "border-color": "rgba(255, 255, 255, 0.2)",
+            width: "32px",
+            height: "32px",
+            "font-size": "32px",
+            "flex-shrink": "0",
+            "border-radius": "full",
+            filter: "brightness(0) invert(1)",
           },
           author_name: {
             color: "white",
             "text-shadow": "0 1px 2px rgba(0, 0, 0, 0.3)",
           },
-          ctas_wrapper: {
+          ctas_levoGroup: {
             display: "flex",
             "column-gap": "base",
             "align-items": "center",
@@ -489,56 +592,1121 @@ export const Hero7: IBlock = {
               "column-gap": "none",
             },
           },
-          primary_cta: {
-            "background-color": "white",
-            color: "text-1",
-            "padding-top": "base",
-            "padding-bottom": "base",
-            "padding-left": "2xl",
-            "padding-right": "2xl",
-            "border-width": "2px",
-            "border-style": "solid",
-            "border-color": "white",
-          },
-          secondary_cta: {
-            "background-color": "transparent",
-            color: "white",
-            "padding-top": "base",
-            "padding-bottom": "base",
-            "padding-left": "2xl",
-            "padding-right": "2xl",
-            "border-width": "2px",
-            "border-style": "solid",
-            "border-color": "white",
-          },
-        }),
+          ctas_levoGroupItem: {
+            cta: {},
+          },
+          ctas: [
+            {
+              cta: {
+                "background-color": "white",
+                color: "text-1",
+                "padding-top": "base",
+                "padding-bottom": "base",
+                "padding-left": "2xl",
+                "padding-right": "2xl",
+                "border-width": "2px",
+                "border-style": "solid",
+                "border-color": "white",
+              },
+            },
+            {
+              cta: {
+                "background-color": "transparent",
+                color: "white",
+                "padding-top": "base",
+                "padding-bottom": "base",
+                "padding-left": "2xl",
+                "padding-right": "2xl",
+                "border-width": "2px",
+                "border-style": "solid",
+                "border-color": "white",
+              },
+            },
+          ],
+        },
+        slides: [{}, {}, {}],
       },
       content: DEFAULT_CONTENT,
       config: {
-        "slides.0.title": {
-          heading: {
-            level: 1,
+        slides: [
+          {
+            title: {
+              heading: {
+                level: 1,
+              },
+              selectedVariants: {
+                Heading_Level: "H1",
+              },
+            },
+            ctas: [{}, {}],
+          },
+          {
+            title: {
+              heading: {
+                level: 1,
+              },
+              selectedVariants: {
+                Heading_Level: "H1",
+              },
+            },
+            ctas: [{}, {}],
+          },
+          {
+            title: {
+              heading: {
+                level: 1,
+              },
+              selectedVariants: {
+                Heading_Level: "H1",
+              },
+            },
+            ctas: [{}, {}],
+          },
+        ],
+        slides_levoGroup: {
+          carousel: {
+            loop: false,
+            autoScroll: false,
+            speed: 4,
+          },
+        },
+      },
+    },
+    {
+      title: "Side Image",
+      key: "side_image",
+      styles: {
+        layout: {
+          position: "relative",
+          height: "100vh",
+          "min-height": "600px",
+          overflow: "hidden",
+          "padding-top": "none",
+          "padding-bottom": "none",
+          "padding-left": "none",
+          "padding-right": "none",
+        },
+        slider_dots: {
+          position: "absolute",
+          bottom: "130px",
+          left: "50%",
+          transform: "translateX(-50%)",
+          display: "flex",
+          "column-gap": "xs",
+          "align-items": "center",
+          "z-index": "20",
+          tablet: {
+            bottom: "70px",
+          },
+          mobile: {
+            bottom: "50px",
+          },
+        },
+        slider_dot: {
+          width: "12px",
+          height: "12px",
+          "border-radius": "base",
+          cursor: "pointer",
+          "background-color": "background-2",
+        },
+        slides_levoGroup: {
+          number_of_slides: 1,
+          height: "100%",
+        },
+        container: {
+          position: "relative",
+          "z-index": "2",
+          height: "100%",
+          display: "flex",
+          "align-items": "center",
+        },
+        slides_levoGroupItem: {
+          slide_wrapper: {
+            position: "relative",
+            height: "100vh",
+            "min-height": "600px",
+            width: "100%",
+            display: "flex",
+            "align-items": "center",
+            "background-color": "background-1",
+            "background-image": "none",
+          },
+          content_image_wrapper: {
+            display: "flex",
+            "align-items": "center",
+            "column-gap": "5xl",
+            width: "100%",
+            mobile: {
+              "flex-direction": "column-reverse",
+              "row-gap": "2xl",
+            },
+          },
+          content_wrapper: {
+            flex: "1",
+            display: "flex",
+            "flex-direction": "column",
+            "align-items": "flex-start",
+            "text-align": "left",
+            "row-gap": "lg",
+            position: "relative",
+            "z-index": "2",
+            mobile: {
+              "row-gap": "base",
+              "max-width": "100%",
+              "align-items": "center",
+              "text-align": "center",
+            },
+          },
+          image_wrapper: {
+            flex: "1",
+            display: "flex",
+            "justify-content": "center",
+            "align-items": "center",
+          },
+          background_image: {
+            width: "100%",
+            height: "auto",
+            "aspect-ratio": "4 / 3",
+            "object-fit": "cover",
+            "border-radius": "xl",
+            "box-shadow": "0 20px 40px rgba(0, 0, 0, 0.1)",
+          },
+          metadata_wrapper: {
+            display: "flex",
+            "flex-direction": "column",
+            "align-items": "flex-start",
+            "row-gap": "xs",
+            mobile: {
+              "align-items": "center",
+            },
+          },
+          date_time_wrapper: {
+            display: "flex",
+            "align-items": "center",
+            "column-gap": "lg",
+            mobile: {
+              "flex-direction": "column",
+              "row-gap": "2xs",
+              "column-gap": "none",
+            },
+          },
+          date_wrapper: {
+            display: "flex",
+            "align-items": "center",
+            "column-gap": "2xs",
+          },
+          calendar_icon: {
+            width: "16px",
+            height: "16px",
+            "font-size": "16px",
+            "flex-shrink": "0",
+          },
+          date: {
+            color: "text-1",
+            "font-weight": "500",
+          },
+          time_wrapper: {
+            display: "flex",
+            "align-items": "center",
+            "column-gap": "2xs",
+          },
+          time_icon: {
+            width: "16px",
+            height: "16px",
+            "font-size": "16px",
+            "flex-shrink": "0",
+          },
+          time: {
+            color: "text-1",
+            "font-weight": "500",
+          },
+          title: {
+            color: "text-1",
+            "margin-top": "base",
+          },
+          description: {
+            color: "text-2",
+          },
+          author_wrapper: {
+            display: "flex",
+            "align-items": "center",
+            "column-gap": "xs",
+            "margin-top": "base",
+          },
+          avatar: {
+            width: "32px",
+            height: "32px",
+            "font-size": "32px",
+            "flex-shrink": "0",
+            "border-radius": "full",
+          },
+          author_name: {
+            color: "text-1",
+            "font-weight": "500",
           },
-          selectedVariants: {
-            Heading_Level: "H1",
+          ctas_levoGroup: {
+            display: "flex",
+            "column-gap": "base",
+            "align-items": "center",
+            "margin-top": "lg",
+            mobile: {
+              "flex-direction": "column",
+              "row-gap": "sm",
+              "column-gap": "none",
+            },
+          },
+          ctas_levoGroupItem: {
+            cta: {},
           },
+          ctas: [
+            {
+              cta: {
+                "background-color": "brand",
+                color: "brandForeground",
+                "padding-top": "base",
+                "padding-bottom": "base",
+                "padding-left": "2xl",
+                "padding-right": "2xl",
+                "border-width": "2px",
+                "border-style": "solid",
+                "border-color": "brand",
+              },
+            },
+            {
+              cta: {
+                "background-color": "transparent",
+                color: "text-1",
+                "padding-top": "base",
+                "padding-bottom": "base",
+                "padding-left": "2xl",
+                "padding-right": "2xl",
+                "border-width": "2px",
+                "border-style": "solid",
+                "border-color": "border-1",
+              },
+            },
+          ],
         },
-        "slides.1.title": {
-          heading: {
-            level: 1,
+        slides: [{}, {}, {}],
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        slides: [
+          {
+            title: {
+              heading: {
+                level: 1,
+              },
+              selectedVariants: {
+                Heading_Level: "H1",
+              },
+            },
+            ctas: [{}, {}],
           },
-          selectedVariants: {
-            Heading_Level: "H1",
+          {
+            title: {
+              heading: {
+                level: 1,
+              },
+              selectedVariants: {
+                Heading_Level: "H1",
+              },
+            },
+            ctas: [{}, {}],
+          },
+          {
+            title: {
+              heading: {
+                level: 1,
+              },
+              selectedVariants: {
+                Heading_Level: "H1",
+              },
+            },
+            ctas: [{}, {}],
+          },
+        ],
+        slides_levoGroup: {
+          carousel: {
+            loop: false,
+            autoScroll: false,
+            speed: 4,
           },
         },
-        "slides.2.title": {
-          heading: {
-            level: 1,
+      },
+    },
+    {
+      title: "Content Left",
+      key: "content_left",
+      styles: {
+        layout: {
+          position: "relative",
+          height: "100vh",
+          "min-height": "600px",
+          overflow: "hidden",
+          "padding-top": "none",
+          "padding-bottom": "none",
+          "padding-left": "none",
+          "padding-right": "none",
+        },
+        slider_dots: {
+          position: "absolute",
+          bottom: "40px",
+          left: "5xl",
+          display: "flex",
+          "column-gap": "xs",
+          "align-items": "center",
+          "z-index": "20",
+          tablet: {
+            left: "2xl",
+            bottom: "30px",
           },
-          selectedVariants: {
-            Heading_Level: "H1",
+          mobile: {
+            left: "base",
+            bottom: "24px",
           },
         },
+        slider_dot: {
+          width: "12px",
+          height: "12px",
+          "border-radius": "base",
+          cursor: "pointer",
+          "background-color": "background-2",
+        },
+        slides_levoGroup: {
+          number_of_slides: 1,
+          height: "100%",
+        },
+        container: {
+          position: "relative",
+          "z-index": "2",
+          height: "100%",
+          display: "flex",
+          "align-items": "center",
+          "justify-content": "flex-start",
+        },
+        slides_levoGroupItem: {
+          slide_wrapper: {
+            position: "relative",
+            height: "100vh",
+            "min-height": "600px",
+            width: "100%",
+            display: "flex",
+            "align-items": "center",
+            "justify-content": "flex-start",
+          },
+          content_image_wrapper: {
+            position: "relative",
+            width: "100%",
+            height: "100%",
+            display: "flex",
+            "align-items": "center",
+            "justify-content": "flex-start",
+          },
+          content_wrapper: {
+            display: "flex",
+            "flex-direction": "column",
+            "align-items": "flex-start",
+            "text-align": "left",
+            "row-gap": "lg",
+            "max-width": "600px",
+            "padding-left": "5xl",
+            "padding-right": "xl",
+            position: "relative",
+            "z-index": "2",
+            tablet: {
+              "padding-left": "2xl",
+              "max-width": "500px",
+            },
+            mobile: {
+              "row-gap": "base",
+              "max-width": "100%",
+              "padding-left": "base",
+              "padding-right": "base",
+            },
+          },
+          image_wrapper: {
+            position: "absolute",
+            top: "0",
+            left: "0",
+            width: "100%",
+            height: "100%",
+            "z-index": "1",
+            "box-shadow":
+              "inset 600px 0 400px -200px rgba(5, 10, 20, 0.8), inset 0 0 0 2000px rgba(5, 10, 20, 0.25)",
+          },
+          background_image: {
+            width: "100%",
+            height: "100%",
+            "object-fit": "cover",
+          },
+          metadata_wrapper: {
+            display: "flex",
+            "flex-direction": "row",
+            "align-items": "center",
+            "column-gap": "lg",
+          },
+          date_time_wrapper: {
+            display: "flex",
+            "align-items": "center",
+            "column-gap": "lg",
+            mobile: {
+              "flex-direction": "column",
+              "row-gap": "2xs",
+              "column-gap": "none",
+              "align-items": "flex-start",
+            },
+          },
+          date_wrapper: {
+            display: "flex",
+            "align-items": "center",
+            "column-gap": "2xs",
+          },
+          calendar_icon: {
+            width: "16px",
+            height: "16px",
+            "font-size": "16px",
+            "flex-shrink": "0",
+            filter: "brightness(0) invert(1)",
+          },
+          date: {
+            color: "white",
+            "text-shadow": "0 1px 2px rgba(0, 0, 0, 0.3)",
+          },
+          time_wrapper: {
+            display: "flex",
+            "align-items": "center",
+            "column-gap": "2xs",
+          },
+          time_icon: {
+            width: "16px",
+            height: "16px",
+            "font-size": "16px",
+            "flex-shrink": "0",
+            filter: "brightness(0) invert(1)",
+          },
+          time: {
+            color: "white",
+            "text-shadow": "0 1px 2px rgba(0, 0, 0, 0.3)",
+          },
+          title: {
+            color: "white",
+            "text-shadow": "0 2px 4px rgba(0, 0, 0, 0.4)",
+            "margin-top": "base",
+          },
+          description: {
+            color: "white",
+            "text-shadow": "0 1px 2px rgba(0, 0, 0, 0.3)",
+          },
+          author_wrapper: {
+            display: "flex",
+            "align-items": "center",
+            "column-gap": "xs",
+            "margin-top": "base",
+          },
+          avatar: {
+            width: "32px",
+            height: "32px",
+            "font-size": "32px",
+            "flex-shrink": "0",
+            "border-radius": "full",
+            filter: "brightness(0) invert(1)",
+          },
+          author_name: {
+            color: "white",
+            "text-shadow": "0 1px 2px rgba(0, 0, 0, 0.3)",
+          },
+          ctas_levoGroup: {
+            display: "flex",
+            "column-gap": "base",
+            "align-items": "center",
+            "margin-top": "lg",
+            mobile: {
+              "flex-direction": "column",
+              "row-gap": "sm",
+              "column-gap": "none",
+            },
+          },
+          ctas_levoGroupItem: {
+            cta: {},
+          },
+          ctas: [
+            {
+              cta: {
+                "background-color": "brand",
+                color: "brandForeground",
+                "padding-top": "base",
+                "padding-bottom": "base",
+                "padding-left": "2xl",
+                "padding-right": "2xl",
+                "border-width": "2px",
+                "border-style": "solid",
+                "border-color": "brand",
+              },
+            },
+            {
+              cta: {
+                "background-color": "transparent",
+                color: "white",
+                "padding-top": "base",
+                "padding-bottom": "base",
+                "padding-left": "2xl",
+                "padding-right": "2xl",
+                "border-width": "2px",
+                "border-style": "solid",
+                "border-color": "white",
+              },
+            },
+          ],
+        },
+        slides: [{}, {}, {}],
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        slides: [
+          {
+            title: {
+              heading: {
+                level: 1,
+              },
+              selectedVariants: {
+                Heading_Level: "H1",
+              },
+            },
+            ctas: [{}, {}],
+          },
+          {
+            title: {
+              heading: {
+                level: 1,
+              },
+              selectedVariants: {
+                Heading_Level: "H1",
+              },
+            },
+            ctas: [{}, {}],
+          },
+          {
+            title: {
+              heading: {
+                level: 1,
+              },
+              selectedVariants: {
+                Heading_Level: "H1",
+              },
+            },
+            ctas: [{}, {}],
+          },
+        ],
+        slides_levoGroup: {
+          carousel: {
+            loop: false,
+            autoScroll: false,
+            speed: 4,
+          },
+        },
+      },
+    },
+    {
+      title: "Card Overlay",
+      key: "card_overlay",
+      styles: {
+        layout: {
+          position: "relative",
+          height: "100vh",
+          "min-height": "600px",
+          overflow: "hidden",
+          "padding-top": "none",
+          "padding-bottom": "none",
+          "padding-left": "none",
+          "padding-right": "none",
+        },
+        slider_dots: {
+          position: "absolute",
+          bottom: "80px",
+          left: "50%",
+          transform: "translateX(-50%)",
+          display: "flex",
+          "column-gap": "xs",
+          "align-items": "center",
+          "z-index": "20",
+          tablet: {
+            bottom: "50px",
+          },
+          mobile: {
+            bottom: "32px",
+          },
+        },
+        slider_dot: {
+          width: "12px",
+          height: "12px",
+          "border-radius": "base",
+          cursor: "pointer",
+          "background-color": "background-2",
+        },
+        slides_levoGroup: {
+          number_of_slides: 1,
+          height: "100%",
+        },
+        container: {
+          position: "relative",
+          "z-index": "2",
+          height: "100%",
+          display: "flex",
+          "align-items": "center",
+          "justify-content": "center",
+        },
+        slides_levoGroupItem: {
+          slide_wrapper: {
+            position: "relative",
+            height: "100vh",
+            "min-height": "600px",
+            width: "100%",
+            display: "flex",
+            "align-items": "center",
+            "justify-content": "center",
+            "box-shadow": "inset 0 0 0 2000px rgba(10, 15, 25, 0.45)",
+            "background-size": "cover",
+            "background-position": "center",
+            "background-repeat": "no-repeat",
+          },
+          content_image_wrapper: {
+            display: "flex",
+            "align-items": "center",
+            "justify-content": "center",
+            width: "100%",
+          },
+          content_wrapper: {
+            display: "flex",
+            "flex-direction": "column",
+            "align-items": "center",
+            "text-align": "center",
+            "row-gap": "lg",
+            "max-width": "720px",
+            "padding-top": "3xl",
+            "padding-bottom": "3xl",
+            "padding-left": "3xl",
+            "padding-right": "3xl",
+            "background-color": "background-2",
+            "border-radius": "xl",
+            "box-shadow": "0 24px 60px rgba(0, 0, 0, 0.35)",
+            position: "relative",
+            "z-index": "2",
+            tablet: {
+              "padding-top": "2xl",
+              "padding-bottom": "2xl",
+              "padding-left": "2xl",
+              "padding-right": "2xl",
+              "max-width": "600px",
+            },
+            mobile: {
+              "row-gap": "base",
+              "max-width": "calc(100% - 32px)",
+              "padding-top": "xl",
+              "padding-bottom": "xl",
+              "padding-left": "xl",
+              "padding-right": "xl",
+            },
+          },
+          image_wrapper: {
+            position: "absolute",
+            top: "0",
+            left: "0",
+            width: "100%",
+            height: "100%",
+            "z-index": "1",
+            filter: "brightness(0.55)",
+          },
+          background_image: {
+            width: "100%",
+            height: "100%",
+            "object-fit": "cover",
+          },
+          metadata_wrapper: {
+            display: "flex",
+            "flex-direction": "column",
+            "align-items": "center",
+            "row-gap": "xs",
+          },
+          date_time_wrapper: {
+            display: "flex",
+            "align-items": "center",
+            "column-gap": "lg",
+            mobile: {
+              "flex-direction": "column",
+              "row-gap": "2xs",
+              "column-gap": "none",
+            },
+          },
+          date_wrapper: {
+            display: "flex",
+            "align-items": "center",
+            "column-gap": "2xs",
+          },
+          calendar_icon: {
+            width: "16px",
+            height: "16px",
+            "font-size": "16px",
+            "flex-shrink": "0",
+          },
+          date: {
+            color: "text-2",
+          },
+          time_wrapper: {
+            display: "flex",
+            "align-items": "center",
+            "column-gap": "2xs",
+          },
+          time_icon: {
+            width: "16px",
+            height: "16px",
+            "font-size": "16px",
+            "flex-shrink": "0",
+          },
+          time: {
+            color: "text-2",
+          },
+          title: {
+            color: "text-1",
+            "margin-top": "base",
+          },
+          description: {
+            color: "text-2",
+          },
+          author_wrapper: {
+            display: "flex",
+            "align-items": "center",
+            "column-gap": "xs",
+            "margin-top": "base",
+          },
+          avatar: {
+            width: "32px",
+            height: "32px",
+            "font-size": "32px",
+            "flex-shrink": "0",
+            "border-radius": "full",
+          },
+          author_name: {
+            color: "text-1",
+          },
+          ctas_levoGroup: {
+            display: "flex",
+            "column-gap": "base",
+            "align-items": "center",
+            "margin-top": "lg",
+            mobile: {
+              "flex-direction": "column",
+              "row-gap": "sm",
+              "column-gap": "none",
+            },
+          },
+          ctas_levoGroupItem: {
+            cta: {},
+          },
+          ctas: [
+            {
+              cta: {
+                "background-color": "brand",
+                color: "brandForeground",
+                "padding-top": "base",
+                "padding-bottom": "base",
+                "padding-left": "2xl",
+                "padding-right": "2xl",
+                "border-width": "2px",
+                "border-style": "solid",
+                "border-color": "brand",
+              },
+            },
+            {
+              cta: {
+                "background-color": "transparent",
+                color: "text-1",
+                "padding-top": "base",
+                "padding-bottom": "base",
+                "padding-left": "2xl",
+                "padding-right": "2xl",
+                "border-width": "2px",
+                "border-style": "solid",
+                "border-color": "border-1",
+              },
+            },
+          ],
+        },
+        slides: [{}, {}, {}],
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        slides: [
+          {
+            title: {
+              heading: {
+                level: 1,
+              },
+              selectedVariants: {
+                Heading_Level: "H1",
+              },
+            },
+            ctas: [{}, {}],
+          },
+          {
+            title: {
+              heading: {
+                level: 1,
+              },
+              selectedVariants: {
+                Heading_Level: "H1",
+              },
+            },
+            ctas: [{}, {}],
+          },
+          {
+            title: {
+              heading: {
+                level: 1,
+              },
+              selectedVariants: {
+                Heading_Level: "H1",
+              },
+            },
+            ctas: [{}, {}],
+          },
+        ],
+        slides_levoGroup: {
+          carousel: {
+            loop: false,
+            autoScroll: false,
+            speed: 4,
+          },
+        },
+      },
+    },
+    {
+      title: "Minimal Metadata",
+      key: "minimal_metadata",
+      styles: {
+        layout: {
+          position: "relative",
+          height: "100vh",
+          "min-height": "600px",
+          overflow: "hidden",
+          "padding-top": "none",
+          "padding-bottom": "none",
+          "padding-left": "none",
+          "padding-right": "none",
+        },
+        slider_dots: {
+          position: "absolute",
+          bottom: "130px",
+          left: "50%",
+          transform: "translateX(-50%)",
+          display: "flex",
+          "column-gap": "xs",
+          "align-items": "center",
+          "z-index": "20",
+          tablet: {
+            bottom: "70px",
+          },
+          mobile: {
+            bottom: "50px",
+          },
+        },
+        slider_dot: {
+          width: "12px",
+          height: "12px",
+          "border-radius": "base",
+          cursor: "pointer",
+          "background-color": "background-2",
+        },
+        slides_levoGroup: {
+          number_of_slides: 1,
+          height: "100%",
+        },
+        container: {
+          position: "relative",
+          "z-index": "2",
+          height: "100%",
+          display: "flex",
+          "align-items": "center",
+          "justify-content": "center",
+        },
+        slides_levoGroupItem: {
+          slide_wrapper: {
+            position: "relative",
+            height: "100vh",
+            "min-height": "600px",
+            width: "100%",
+            display: "flex",
+            "align-items": "center",
+            "justify-content": "center",
+            "box-shadow": "inset 0 0 0 2000px rgba(5, 10, 20, 0.72)",
+            "background-size": "cover",
+            "background-position": "center",
+            "background-repeat": "no-repeat",
+            "background-attachment": "fixed",
+            mobile: {
+              "background-attachment": "scroll",
+            },
+          },
+          content_image_wrapper: {
+            display: "flex",
+            "align-items": "center",
+            "justify-content": "center",
+            width: "100%",
+          },
+          content_wrapper: {
+            display: "flex",
+            "flex-direction": "column",
+            "align-items": "center",
+            "text-align": "center",
+            "row-gap": "xl",
+            "max-width": "900px",
+            "padding-left": "xl",
+            "padding-right": "xl",
+            position: "relative",
+            "z-index": "2",
+            mobile: {
+              "row-gap": "lg",
+              "max-width": "100%",
+            },
+          },
+          image_wrapper: {
+            position: "absolute",
+            top: "0",
+            left: "0",
+            width: "100%",
+            height: "100%",
+            "z-index": "1",
+            filter: "brightness(0.35)",
+          },
+          background_image: {
+            width: "100%",
+            height: "100%",
+            "object-fit": "cover",
+          },
+          metadata_wrapper: {
+            display: "none",
+          },
+          date_time_wrapper: {
+            display: "none",
+          },
+          date_wrapper: {
+            display: "none",
+          },
+          calendar_icon: {
+            display: "none",
+          },
+          date: {
+            display: "none",
+          },
+          time_wrapper: {
+            display: "none",
+          },
+          time_icon: {
+            display: "none",
+          },
+          time: {
+            display: "none",
+          },
+          title: {
+            color: "white",
+            "text-shadow": "0 2px 4px rgba(0, 0, 0, 0.4)",
+          },
+          description: {
+            color: "white",
+            "text-shadow": "0 1px 2px rgba(0, 0, 0, 0.3)",
+            "max-width": "700px",
+          },
+          author_wrapper: {
+            display: "none",
+          },
+          avatar: {
+            display: "none",
+          },
+          author_name: {
+            display: "none",
+          },
+          ctas_levoGroup: {
+            display: "flex",
+            "column-gap": "base",
+            "align-items": "center",
+            "margin-top": "xl",
+            mobile: {
+              "flex-direction": "column",
+              "row-gap": "sm",
+              "column-gap": "none",
+            },
+          },
+          ctas_levoGroupItem: {
+            cta: {},
+          },
+          ctas: [
+            {
+              cta: {
+                "background-color": "white",
+                color: "text-1",
+                "padding-top": "base",
+                "padding-bottom": "base",
+                "padding-left": "3xl",
+                "padding-right": "3xl",
+                "border-width": "2px",
+                "border-style": "solid",
+                "border-color": "white",
+              },
+            },
+            {
+              cta: {
+                "background-color": "transparent",
+                color: "white",
+                "padding-top": "base",
+                "padding-bottom": "base",
+                "padding-left": "3xl",
+                "padding-right": "3xl",
+                "border-width": "2px",
+                "border-style": "solid",
+                "border-color": "white",
+              },
+            },
+          ],
+        },
+        slides: [{}, {}, {}],
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        slides: [
+          {
+            title: {
+              heading: {
+                level: 1,
+              },
+              selectedVariants: {
+                Heading_Level: "H1",
+              },
+            },
+            ctas: [{}, {}],
+          },
+          {
+            title: {
+              heading: {
+                level: 1,
+              },
+              selectedVariants: {
+                Heading_Level: "H1",
+              },
+            },
+            ctas: [{}, {}],
+          },
+          {
+            title: {
+              heading: {
+                level: 1,
+              },
+              selectedVariants: {
+                Heading_Level: "H1",
+              },
+            },
+            ctas: [{}, {}],
+          },
+        ],
         slides_levoGroup: {
           carousel: {
             loop: false,