@levo-so/blocks 0.1.59 → 0.1.61

package/src/blocks/cards/cards-9.tsx

@@ -1,12 +1,12 @@
 import {
-  type ILevoBlockBaseProps,
+  Box,
+  Button,
+  Container,
   Heading,
+  type ILevoBlockBaseProps,
   Image,
-  Typography,
-  Container,
   Section,
-  Box,
-  Button,
+  Typography,
 } from "@levo-so/studio";
 
 import type { ICards9Content } from "./cards-9.schema";
@@ -15,8 +15,19 @@ const Cards9: React.FC<ILevoBlockBaseProps<ICards9Content>> = ({ content }) => (
   <Section elementKey="layout">
     <Container elementKey="container">
       <Box elementKey="header_wrapper">
-        <Heading elementKey="title" />
-        <Button elementKey="header_cta" />
+        <Box elementKey="title_container">
+          <Heading elementKey="title" />
+          <Typography elementKey="description" />
+        </Box>
+        <Box elementKey="header_ctas_levoGroup" data-levo_group>
+          {(content?.header_ctas ?? []).map((_: any, index: number) => (
+            <Button
+              key={`header_ctas.${index}.header_cta`}
+              elementKey={`header_ctas.${index}.header_cta`}
+              data-levo_group_item
+            />
+          ))}
+        </Box>
       </Box>
 
       <Box elementKey="cards_levoGroup" data-levo_group>
@@ -32,16 +43,21 @@ const Cards9: React.FC<ILevoBlockBaseProps<ICards9Content>> = ({ content }) => (
             <Box elementKey={`cards.${index}.right_container`}>
               <Box elementKey={`cards.${index}.meta_container`}>
                 <Box elementKey={`cards.${index}.date_wrapper`}>
-                  <Image
-                    elementKey={`cards.${index}.date_icon`}
-                    alt="Date icon"
-                  />
+                  <Image elementKey={`cards.${index}.date_icon`} alt="Date icon" />
                   <Typography elementKey={`cards.${index}.date_text`} />
                 </Box>
               </Box>
               <Box elementKey={`cards.${index}.text_container`}>
                 <Typography elementKey={`cards.${index}.card_title`} />
-                <Button elementKey={`cards.${index}.cta`} />
+                <Box elementKey={`cards.${index}.ctas_levoGroup`} data-levo_group>
+                  {(content?.cards?.[index]?.ctas ?? []).map((_: any, ctaIndex: number) => (
+                    <Button
+                      key={`cards.${index}.ctas.${ctaIndex}.cta`}
+                      elementKey={`cards.${index}.ctas.${ctaIndex}.cta`}
+                      data-levo_group_item
+                    />
+                  ))}
+                </Box>
               </Box>
             </Box>
           </Box>

package/src/blocks/carousel/carousel-1.schema.ts

@@ -1,47 +1,267 @@
 import type { IBlock } from "@levo-so/studio";
 
-// Extract image object into a constant for reusability
-const CAROUSEL_IMAGE = {
-  id: "7141014160938075687",
-  location: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH.png",
+const MEDIA_1 = {
+  object: "media",
+  id: "qW3YQ1jcCQO6K",
+  workspace_id: "WLZ1TXTD",
+  folder_id: null,
+  filename: "carousel-1-1.jpg",
   kind: "image",
-  mimetype: "image/png",
+  path: "WLZ1TXTD/carousel-1-1-01TSdtz7OROCD.jpg",
+  location: "https://static.levocdn.com/WLZ1TXTD/carousel-1-1-01TSdtz7OROCD.jpg",
+  metadata: {
+    etag: '"b451d0474536288a1c2c3c2e7151e343"',
+    mimetype: "image/jpeg",
+    size: 251558,
+  },
+  srcset: {
+    "1080w": "https://static.levocdn.com/WLZ1TXTD/carousel-1-1-01TSdtz7OROCD-1080w.webp",
+    "1200w": "https://static.levocdn.com/WLZ1TXTD/carousel-1-1-01TSdtz7OROCD-1200w.webp",
+    "1920w": "https://static.levocdn.com/WLZ1TXTD/carousel-1-1-01TSdtz7OROCD-1920w.webp",
+    "320w": "https://static.levocdn.com/WLZ1TXTD/carousel-1-1-01TSdtz7OROCD-320w.webp",
+    "640w": "https://static.levocdn.com/WLZ1TXTD/carousel-1-1-01TSdtz7OROCD-640w.webp",
+    "750w": "https://static.levocdn.com/WLZ1TXTD/carousel-1-1-01TSdtz7OROCD-750w.webp",
+    "828w": "https://static.levocdn.com/WLZ1TXTD/carousel-1-1-01TSdtz7OROCD-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/carousel-1-1-01TSdtz7OROCD-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/carousel-1-1-01TSdtz7OROCD-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/carousel-1-1-01TSdtz7OROCD-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/carousel-1-1-01TSdtz7OROCD-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/carousel-1-1-01TSdtz7OROCD-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/carousel-1-1-01TSdtz7OROCD-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/carousel-1-1-01TSdtz7OROCD-640w.webp 640w",
+  },
+  tags: [],
+  created_at: "2025-12-20T08:32:40.825Z",
+  updated_at: "2025-12-20T08:32:40.825Z",
+  created_by: null,
+  updated_by: null,
+};
+const MEDIA_2 = {
+  object: "media",
+  id: "2EYMA5YIZuXQs",
+  workspace_id: "WLZ1TXTD",
+  folder_id: null,
+  filename: "carousel-1-2.jpg",
+  kind: "image",
+  path: "WLZ1TXTD/carousel-1-2-LkpnUHvjcAcEo.jpg",
+  location: "https://static.levocdn.com/WLZ1TXTD/carousel-1-2-LkpnUHvjcAcEo.jpg",
+  metadata: {
+    etag: '"ba0d2c05f589d7c264f83b8ce890d371"',
+    mimetype: "image/jpeg",
+    size: 260129,
+  },
   srcset: {
-    "1080w":
-      "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp",
-    "1200w":
-      "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp",
-    "1920w":
-      "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp",
-    "320w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp",
-    "640w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp",
-    "750w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp",
-    "828w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp",
-    path: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp 640w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp 1080w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp 1200w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp 1920w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp 320w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp 750w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp 828w",
+    "1080w": "https://static.levocdn.com/WLZ1TXTD/carousel-1-2-LkpnUHvjcAcEo-1080w.webp",
+    "1200w": "https://static.levocdn.com/WLZ1TXTD/carousel-1-2-LkpnUHvjcAcEo-1200w.webp",
+    "1920w": "https://static.levocdn.com/WLZ1TXTD/carousel-1-2-LkpnUHvjcAcEo-1920w.webp",
+    "320w": "https://static.levocdn.com/WLZ1TXTD/carousel-1-2-LkpnUHvjcAcEo-320w.webp",
+    "640w": "https://static.levocdn.com/WLZ1TXTD/carousel-1-2-LkpnUHvjcAcEo-640w.webp",
+    "750w": "https://static.levocdn.com/WLZ1TXTD/carousel-1-2-LkpnUHvjcAcEo-750w.webp",
+    "828w": "https://static.levocdn.com/WLZ1TXTD/carousel-1-2-LkpnUHvjcAcEo-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/carousel-1-2-LkpnUHvjcAcEo-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/carousel-1-2-LkpnUHvjcAcEo-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/carousel-1-2-LkpnUHvjcAcEo-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/carousel-1-2-LkpnUHvjcAcEo-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/carousel-1-2-LkpnUHvjcAcEo-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/carousel-1-2-LkpnUHvjcAcEo-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/carousel-1-2-LkpnUHvjcAcEo-1920w.webp 1920w",
   },
+  tags: [],
+  created_at: "2025-12-20T08:32:40.825Z",
+  updated_at: "2025-12-20T08:32:40.825Z",
+  created_by: null,
+  updated_by: null,
+};
+const MEDIA_3 = {
+  object: "media",
+  id: "QsAcN4gZdCj92",
+  workspace_id: "WLZ1TXTD",
+  folder_id: null,
+  filename: "carousel-1-3.jpg",
+  kind: "image",
+  path: "WLZ1TXTD/carousel-1-3-yCrWF3F9bsboh.jpg",
+  location: "https://static.levocdn.com/WLZ1TXTD/carousel-1-3-yCrWF3F9bsboh.jpg",
+  metadata: {
+    etag: '"73dacd59603de457cfd33292b71e7e12"',
+    mimetype: "image/jpeg",
+    size: 273971,
+  },
+  srcset: {
+    "1080w": "https://static.levocdn.com/WLZ1TXTD/carousel-1-3-yCrWF3F9bsboh-1080w.webp",
+    "1200w": "https://static.levocdn.com/WLZ1TXTD/carousel-1-3-yCrWF3F9bsboh-1200w.webp",
+    "1920w": "https://static.levocdn.com/WLZ1TXTD/carousel-1-3-yCrWF3F9bsboh-1920w.webp",
+    "320w": "https://static.levocdn.com/WLZ1TXTD/carousel-1-3-yCrWF3F9bsboh-320w.webp",
+    "640w": "https://static.levocdn.com/WLZ1TXTD/carousel-1-3-yCrWF3F9bsboh-640w.webp",
+    "750w": "https://static.levocdn.com/WLZ1TXTD/carousel-1-3-yCrWF3F9bsboh-750w.webp",
+    "828w": "https://static.levocdn.com/WLZ1TXTD/carousel-1-3-yCrWF3F9bsboh-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/carousel-1-3-yCrWF3F9bsboh-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/carousel-1-3-yCrWF3F9bsboh-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/carousel-1-3-yCrWF3F9bsboh-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/carousel-1-3-yCrWF3F9bsboh-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/carousel-1-3-yCrWF3F9bsboh-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/carousel-1-3-yCrWF3F9bsboh-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/carousel-1-3-yCrWF3F9bsboh-1920w.webp 1920w",
+  },
+  tags: [],
+  created_at: "2025-12-20T08:32:40.825Z",
+  updated_at: "2025-12-20T08:32:40.825Z",
+  created_by: null,
+  updated_by: null,
+};
+const MEDIA_4 = {
+  object: "media",
+  id: "GLUU0cijl2Jyl",
+  workspace_id: "WLZ1TXTD",
+  folder_id: null,
+  filename: "carousel-1-4.jpg",
+  kind: "image",
+  path: "WLZ1TXTD/carousel-1-4-XZbHabcwuhuCu.jpg",
+  location: "https://static.levocdn.com/WLZ1TXTD/carousel-1-4-XZbHabcwuhuCu.jpg",
+  metadata: {
+    etag: '"a2828d3f11f414f3422cc6d24b46c734"',
+    mimetype: "image/jpeg",
+    size: 231787,
+  },
+  srcset: {
+    "1080w": "https://static.levocdn.com/WLZ1TXTD/carousel-1-4-XZbHabcwuhuCu-1080w.webp",
+    "1200w": "https://static.levocdn.com/WLZ1TXTD/carousel-1-4-XZbHabcwuhuCu-1200w.webp",
+    "1920w": "https://static.levocdn.com/WLZ1TXTD/carousel-1-4-XZbHabcwuhuCu-1920w.webp",
+    "320w": "https://static.levocdn.com/WLZ1TXTD/carousel-1-4-XZbHabcwuhuCu-320w.webp",
+    "640w": "https://static.levocdn.com/WLZ1TXTD/carousel-1-4-XZbHabcwuhuCu-640w.webp",
+    "750w": "https://static.levocdn.com/WLZ1TXTD/carousel-1-4-XZbHabcwuhuCu-750w.webp",
+    "828w": "https://static.levocdn.com/WLZ1TXTD/carousel-1-4-XZbHabcwuhuCu-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/carousel-1-4-XZbHabcwuhuCu-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/carousel-1-4-XZbHabcwuhuCu-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/carousel-1-4-XZbHabcwuhuCu-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/carousel-1-4-XZbHabcwuhuCu-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/carousel-1-4-XZbHabcwuhuCu-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/carousel-1-4-XZbHabcwuhuCu-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/carousel-1-4-XZbHabcwuhuCu-750w.webp 750w",
+  },
+  tags: [],
+  created_at: "2025-12-20T08:32:40.825Z",
+  updated_at: "2025-12-20T08:32:40.825Z",
+  created_by: null,
+  updated_by: null,
+};
+const MEDIA_5 = {
+  object: "media",
+  id: "hjB8AvKrO7DcF",
+  workspace_id: "WLZ1TXTD",
+  folder_id: null,
+  filename: "carousel-1-5.png",
+  kind: "image",
+  path: "WLZ1TXTD/carousel-1-5-DNP3Zs1a5n5Jy.png",
+  location: "https://static.levocdn.com/WLZ1TXTD/carousel-1-5-DNP3Zs1a5n5Jy.png",
+  metadata: {
+    etag: '"62d5485f79db4a76b3f0bd8ef455bfc0"',
+    mimetype: "image/png",
+    size: 838198,
+  },
+  srcset: {
+    "1080w": "https://static.levocdn.com/WLZ1TXTD/carousel-1-5-DNP3Zs1a5n5Jy-1080w.webp",
+    "1200w": "https://static.levocdn.com/WLZ1TXTD/carousel-1-5-DNP3Zs1a5n5Jy-1200w.webp",
+    "1920w": "https://static.levocdn.com/WLZ1TXTD/carousel-1-5-DNP3Zs1a5n5Jy-1920w.webp",
+    "320w": "https://static.levocdn.com/WLZ1TXTD/carousel-1-5-DNP3Zs1a5n5Jy-320w.webp",
+    "640w": "https://static.levocdn.com/WLZ1TXTD/carousel-1-5-DNP3Zs1a5n5Jy-640w.webp",
+    "750w": "https://static.levocdn.com/WLZ1TXTD/carousel-1-5-DNP3Zs1a5n5Jy-750w.webp",
+    "828w": "https://static.levocdn.com/WLZ1TXTD/carousel-1-5-DNP3Zs1a5n5Jy-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/carousel-1-5-DNP3Zs1a5n5Jy-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/carousel-1-5-DNP3Zs1a5n5Jy-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/carousel-1-5-DNP3Zs1a5n5Jy-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/carousel-1-5-DNP3Zs1a5n5Jy-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/carousel-1-5-DNP3Zs1a5n5Jy-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/carousel-1-5-DNP3Zs1a5n5Jy-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/carousel-1-5-DNP3Zs1a5n5Jy-320w.webp 320w",
+  },
+  tags: [],
+  created_at: "2025-12-20T08:32:40.825Z",
+  updated_at: "2025-12-20T08:32:40.825Z",
+  created_by: null,
+  updated_by: null,
+};
+const MEDIA_6 = {
+  object: "media",
+  id: "Bwj3ZoiMCbTZj",
+  workspace_id: "WLZ1TXTD",
+  folder_id: null,
+  filename: "carousel-1-6.jpg",
+  kind: "image",
+  path: "WLZ1TXTD/carousel-1-6-lDiYHGwMC2CEv.jpg",
+  location: "https://static.levocdn.com/WLZ1TXTD/carousel-1-6-lDiYHGwMC2CEv.jpg",
+  metadata: {
+    etag: '"506f35938b31dcc62afe14e52b0b440b"',
+    mimetype: "image/jpeg",
+    size: 302199,
+  },
+  srcset: {
+    "1080w": "https://static.levocdn.com/WLZ1TXTD/carousel-1-6-lDiYHGwMC2CEv-1080w.webp",
+    "1200w": "https://static.levocdn.com/WLZ1TXTD/carousel-1-6-lDiYHGwMC2CEv-1200w.webp",
+    "1920w": "https://static.levocdn.com/WLZ1TXTD/carousel-1-6-lDiYHGwMC2CEv-1920w.webp",
+    "320w": "https://static.levocdn.com/WLZ1TXTD/carousel-1-6-lDiYHGwMC2CEv-320w.webp",
+    "640w": "https://static.levocdn.com/WLZ1TXTD/carousel-1-6-lDiYHGwMC2CEv-640w.webp",
+    "750w": "https://static.levocdn.com/WLZ1TXTD/carousel-1-6-lDiYHGwMC2CEv-750w.webp",
+    "828w": "https://static.levocdn.com/WLZ1TXTD/carousel-1-6-lDiYHGwMC2CEv-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/carousel-1-6-lDiYHGwMC2CEv-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/carousel-1-6-lDiYHGwMC2CEv-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/carousel-1-6-lDiYHGwMC2CEv-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/carousel-1-6-lDiYHGwMC2CEv-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/carousel-1-6-lDiYHGwMC2CEv-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/carousel-1-6-lDiYHGwMC2CEv-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/carousel-1-6-lDiYHGwMC2CEv-1920w.webp 1920w",
+  },
+  tags: [],
+  created_at: "2025-12-20T08:32:40.825Z",
+  updated_at: "2025-12-20T08:32:40.825Z",
+  created_by: null,
+  updated_by: null,
+};
+const MEDIA_7 = {
+  object: "media",
+  id: "UpLgbWh3zIojF",
+  workspace_id: "WLZ1TXTD",
+  folder_id: null,
+  filename: "carousel-1-7.jpg",
+  kind: "image",
+  path: "WLZ1TXTD/carousel-1-7-WT0jerEuRYRDf.jpg",
+  location: "https://static.levocdn.com/WLZ1TXTD/carousel-1-7-WT0jerEuRYRDf.jpg",
+  metadata: {
+    etag: '"98cc4a6e72bbea6e52fc184618e3727c"',
+    mimetype: "image/jpeg",
+    size: 551223,
+  },
+  srcset: {
+    "1080w": "https://static.levocdn.com/WLZ1TXTD/carousel-1-7-WT0jerEuRYRDf-1080w.webp",
+    "1200w": "https://static.levocdn.com/WLZ1TXTD/carousel-1-7-WT0jerEuRYRDf-1200w.webp",
+    "1920w": "https://static.levocdn.com/WLZ1TXTD/carousel-1-7-WT0jerEuRYRDf-1920w.webp",
+    "320w": "https://static.levocdn.com/WLZ1TXTD/carousel-1-7-WT0jerEuRYRDf-320w.webp",
+    "640w": "https://static.levocdn.com/WLZ1TXTD/carousel-1-7-WT0jerEuRYRDf-640w.webp",
+    "750w": "https://static.levocdn.com/WLZ1TXTD/carousel-1-7-WT0jerEuRYRDf-750w.webp",
+    "828w": "https://static.levocdn.com/WLZ1TXTD/carousel-1-7-WT0jerEuRYRDf-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/carousel-1-7-WT0jerEuRYRDf-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/carousel-1-7-WT0jerEuRYRDf-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/carousel-1-7-WT0jerEuRYRDf-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/carousel-1-7-WT0jerEuRYRDf-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/carousel-1-7-WT0jerEuRYRDf-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/carousel-1-7-WT0jerEuRYRDf-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/carousel-1-7-WT0jerEuRYRDf-320w.webp 320w",
+  },
+  tags: [],
+  created_at: "2025-12-20T08:32:40.825Z",
+  updated_at: "2025-12-20T08:32:40.825Z",
+  created_by: null,
+  updated_by: null,
+};
+const MEDIA_8 = {
+  object: "media",
+  id: "74dGhDI5jmZVn",
+  workspace_id: "WLZ1TXTD",
+  folder_id: null,
+  filename: "carousel-1-8.jpg",
+  kind: "image",
+  path: "WLZ1TXTD/carousel-1-8-SvIOpsjxeAeLx.jpg",
+  location: "https://static.levocdn.com/WLZ1TXTD/carousel-1-8-SvIOpsjxeAeLx.jpg",
+  metadata: {
+    etag: '"ba0d2c05f589d7c264f83b8ce890d371"',
+    mimetype: "image/jpeg",
+    size: 260129,
+  },
+  srcset: {
+    "1080w": "https://static.levocdn.com/WLZ1TXTD/carousel-1-8-SvIOpsjxeAeLx-1080w.webp",
+    "1200w": "https://static.levocdn.com/WLZ1TXTD/carousel-1-8-SvIOpsjxeAeLx-1200w.webp",
+    "1920w": "https://static.levocdn.com/WLZ1TXTD/carousel-1-8-SvIOpsjxeAeLx-1920w.webp",
+    "320w": "https://static.levocdn.com/WLZ1TXTD/carousel-1-8-SvIOpsjxeAeLx-320w.webp",
+    "640w": "https://static.levocdn.com/WLZ1TXTD/carousel-1-8-SvIOpsjxeAeLx-640w.webp",
+    "750w": "https://static.levocdn.com/WLZ1TXTD/carousel-1-8-SvIOpsjxeAeLx-750w.webp",
+    "828w": "https://static.levocdn.com/WLZ1TXTD/carousel-1-8-SvIOpsjxeAeLx-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/carousel-1-8-SvIOpsjxeAeLx-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/carousel-1-8-SvIOpsjxeAeLx-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/carousel-1-8-SvIOpsjxeAeLx-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/carousel-1-8-SvIOpsjxeAeLx-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/carousel-1-8-SvIOpsjxeAeLx-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/carousel-1-8-SvIOpsjxeAeLx-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/carousel-1-8-SvIOpsjxeAeLx-640w.webp 640w",
+  },
+  tags: [],
+  created_at: "2025-12-20T08:32:40.825Z",
+  updated_at: "2025-12-20T08:32:40.825Z",
+  created_by: null,
+  updated_by: null,
 };
 
 // Array of carousel 1 content
 const CAROUSEL_1_CONTENT = [
   {
     card: null,
-    image: CAROUSEL_IMAGE,
+    image: MEDIA_1,
   },
   {
     card: null,
-    image: CAROUSEL_IMAGE,
+    image: MEDIA_2,
   },
   {
     card: null,
-    image: CAROUSEL_IMAGE,
+    image: MEDIA_3,
   },
   {
     card: null,
-    image: CAROUSEL_IMAGE,
+    image: MEDIA_4,
   },
   {
     card: null,
-    image: CAROUSEL_IMAGE,
+    image: MEDIA_5,
   },
 ];
 
@@ -49,23 +269,23 @@ const CAROUSEL_1_CONTENT = [
 const CAROUSEL_2_CONTENT = [
   {
     card: null,
-    image: CAROUSEL_IMAGE,
+    image: MEDIA_6,
   },
   {
     card: null,
-    image: CAROUSEL_IMAGE,
+    image: MEDIA_7,
   },
   {
     card: null,
-    image: CAROUSEL_IMAGE,
+    image: MEDIA_8,
   },
   {
     card: null,
-    image: CAROUSEL_IMAGE,
+    image: MEDIA_1,
   },
   {
     card: null,
-    image: CAROUSEL_IMAGE,
+    image: MEDIA_2,
   },
 ];
 
@@ -74,6 +294,8 @@ const DEFAULT_CONTENT = {
   container: null,
   header_wrapper: null,
   title: "Enterprise Portfolio Gallery",
+  description:
+    "Enterprise Portfolio Gallery Enterprise Portfolio Gallery Enterprise Portfolio Gallery",
   carousel_1_levoGroup: null,
   carousel_1: CAROUSEL_1_CONTENT,
   carousel_2_levoGroup: null,
@@ -98,8 +320,9 @@ const CAROUSEL_ITEM_STYLE = {
   },
 };
 
-const CAROUSEL_1_STYLES = Array(5).fill(CAROUSEL_ITEM_STYLE);
-const CAROUSEL_2_STYLES = Array(5).fill(CAROUSEL_ITEM_STYLE);
+const CAROUSEL_STYLES = Array(5)
+  .fill(0)
+  ?.map(() => CAROUSEL_ITEM_STYLE);
 
 export const Carousel1: IBlock = {
   category_id: "carousel",
@@ -129,6 +352,11 @@ export const Carousel1: IBlock = {
       label: "Title",
       field_interface: "HeadingWidget",
     },
+    {
+      key: "description",
+      label: "Description",
+      field_interface: "TypographyWidget",
+    },
     {
       key: "carousel_1_levoGroup",
       label: "Carousel 1 Levo Group",
@@ -181,30 +409,14 @@ export const Carousel1: IBlock = {
       key: "default",
       title: "Default",
       styles: {
-        layout: {
-          "padding-top": "5xl",
-          "padding-bottom": "5xl",
-        },
-        container: {
-          "max-width": "72rem",
-          "margin-left": "auto",
-          "margin-right": "auto",
-          "padding-left": "base",
-          "padding-right": "base",
-        },
+        layout: {},
+        container: {},
         header_wrapper: {
           "text-align": "center",
           "margin-bottom": "4xl",
         },
         title: {
-          "font-size": "3xl",
-          "font-weight": "600",
-          color: "text-1",
-          "line-height": "1.15",
-          "margin-bottom": "0",
-          mobile: {
-            "font-size": "2xl",
-          },
+          "margin-bottom": "none",
         },
         carousel_1_levoGroup: {
           number_of_slides: 3.5,
@@ -225,8 +437,153 @@ export const Carousel1: IBlock = {
             number_of_slides: 1.2,
           },
         },
-        carousel_1: CAROUSEL_1_STYLES,
-        carousel_2: CAROUSEL_2_STYLES,
+        carousel_1: [
+          {
+            card: {
+              display: "flex",
+              "flex-direction": "column",
+              "border-radius": "lg",
+              overflow: "hidden",
+              "box-shadow": "0 4px 6px -1px rgba(0, 0, 0, 0.1)",
+            },
+            image: {
+              width: "100%",
+              height: "18rem",
+              "object-fit": "cover",
+            },
+          },
+          {
+            card: {
+              display: "flex",
+              "flex-direction": "column",
+              "border-radius": "lg",
+              overflow: "hidden",
+              "box-shadow": "0 4px 6px -1px rgba(0, 0, 0, 0.1)",
+            },
+            image: {
+              width: "100%",
+              height: "18rem",
+              "object-fit": "cover",
+            },
+          },
+          {
+            card: {
+              display: "flex",
+              "flex-direction": "column",
+              "border-radius": "lg",
+              overflow: "hidden",
+              "box-shadow": "0 4px 6px -1px rgba(0, 0, 0, 0.1)",
+            },
+            image: {
+              width: "100%",
+              height: "18rem",
+              "object-fit": "cover",
+            },
+          },
+          {
+            card: {
+              display: "flex",
+              "flex-direction": "column",
+              "border-radius": "lg",
+              overflow: "hidden",
+              "box-shadow": "0 4px 6px -1px rgba(0, 0, 0, 0.1)",
+            },
+            image: {
+              width: "100%",
+              height: "18rem",
+              "object-fit": "cover",
+            },
+          },
+          {
+            card: {
+              display: "flex",
+              "flex-direction": "column",
+              "border-radius": "lg",
+              overflow: "hidden",
+              "box-shadow": "0 4px 6px -1px rgba(0, 0, 0, 0.1)",
+            },
+            image: {
+              width: "100%",
+              height: "18rem",
+              "object-fit": "cover",
+            },
+          },
+        ],
+        carousel_2: [
+          {
+            card: {
+              display: "flex",
+              "flex-direction": "column",
+              "border-radius": "lg",
+              overflow: "hidden",
+              "box-shadow": "0 4px 6px -1px rgba(0, 0, 0, 0.1)",
+            },
+            image: {
+              width: "100%",
+              height: "18rem",
+              "object-fit": "cover",
+            },
+          },
+          {
+            card: {
+              display: "flex",
+              "flex-direction": "column",
+              "border-radius": "lg",
+              overflow: "hidden",
+              "box-shadow": "0 4px 6px -1px rgba(0, 0, 0, 0.1)",
+            },
+            image: {
+              width: "100%",
+              height: "18rem",
+              "object-fit": "cover",
+            },
+          },
+          {
+            card: {
+              display: "flex",
+              "flex-direction": "column",
+              "border-radius": "lg",
+              overflow: "hidden",
+              "box-shadow": "0 4px 6px -1px rgba(0, 0, 0, 0.1)",
+            },
+            image: {
+              width: "100%",
+              height: "18rem",
+              "object-fit": "cover",
+            },
+          },
+          {
+            card: {
+              display: "flex",
+              "flex-direction": "column",
+              "border-radius": "lg",
+              overflow: "hidden",
+              "box-shadow": "0 4px 6px -1px rgba(0, 0, 0, 0.1)",
+            },
+            image: {
+              width: "100%",
+              height: "18rem",
+              "object-fit": "cover",
+            },
+          },
+          {
+            card: {
+              display: "flex",
+              "flex-direction": "column",
+              "border-radius": "lg",
+              overflow: "hidden",
+              "box-shadow": "0 4px 6px -1px rgba(0, 0, 0, 0.1)",
+            },
+            image: {
+              width: "100%",
+              height: "18rem",
+              "object-fit": "cover",
+            },
+          },
+        ],
+        description: {
+          "margin-top": "4xs",
+        },
       },
       content: DEFAULT_CONTENT,
       config: {
@@ -244,6 +601,18 @@ export const Carousel1: IBlock = {
             speed: 2,
           },
         },
+        title: {
+          action: {
+            type: "none",
+            value: "",
+            options: {
+              openInNewTab: false,
+            },
+          },
+          selectedVariants: {
+            Heading_Level: "H2",
+          },
+        },
       },
     },
   ],

package/src/blocks/carousel/carousel-1.tsx

@@ -1,24 +1,24 @@
 import {
-  type ILevoBlockBaseProps,
-  Heading,
-  Image,
-  Container,
-  Section,
   Box,
   Carousel,
   CarouselContent,
   CarouselItem,
+  Container,
+  Heading,
+  type ILevoBlockBaseProps,
+  Image,
+  Section,
+  Typography,
 } from "@levo-so/studio";
 
 import type { ICarousel1Content } from "./carousel-1.schema";
 
-const Carousel1: React.FC<ILevoBlockBaseProps<ICarousel1Content>> = ({
-  content,
-}) => (
+const Carousel1: React.FC<ILevoBlockBaseProps<ICarousel1Content>> = ({ content }) => (
   <Section elementKey="layout">
     <Container elementKey="container">
       <Box elementKey="header_wrapper">
         <Heading elementKey="title" />
+        <Typography elementKey="description" />
       </Box>
 
       {/* First Carousel Row */}