@levo-so/blocks 0.1.60 → 0.1.62

package/src/blocks/event/event-listing.tsx

@@ -1,19 +1,19 @@
-import dayjs from "dayjs";
 import type { ILevoBlockBaseProps } from "@levo-so/studio";
 import {
-  Section,
+  Box,
+  Button,
   Container,
-  Typography,
   Heading,
-  Box,
   Icon,
   Image,
+  Section,
+  Typography,
   useContentEngine,
-  Button,
 } from "@levo-so/studio";
+import dayjs from "dayjs";
 
-import type { IEventListing } from "./event-listing.schema";
 import { ClientOnly } from "./ClientOnly";
+import type { IEventListing } from "./event-listing.schema";
 
 const EventListing: React.FC<ILevoBlockBaseProps<IEventListing>> = () => {
   const { data, query, setQuery, meta } = useContentEngine("events");
@@ -48,13 +48,9 @@ const EventListing: React.FC<ILevoBlockBaseProps<IEventListing>> = () => {
 
                   <Box elementKey={`events.${index}.date-wrapper`}>
                     <Icon elementKey={`events.${index}.date-icon`} />
-                    <Typography
-                      elementKey={`events.${index}.publishedAt-header`}
-                    >
+                    <Typography elementKey={`events.${index}.publishedAt-header`}>
                       <ClientOnly>
-                        {dayjs(item?.["publishedAt-header"]).format(
-                          "MMM D, YYYY",
-                        )}
+                        {dayjs(item?.["publishedAt-header"]).format("MMM D, YYYY")}
                       </ClientOnly>
                     </Typography>
                   </Box>
@@ -63,9 +59,7 @@ const EventListing: React.FC<ILevoBlockBaseProps<IEventListing>> = () => {
                 <Typography elementKey={`events.${index}.title`} />
                 <Typography elementKey={`events.${index}.description`} />
                 <Typography elementKey={`events.${index}.publishedAt`}>
-                  <ClientOnly>
-                    {dayjs(item?.publishedAt).format("MMM D, YYYY")}
-                  </ClientOnly>
+                  <ClientOnly>{dayjs(item?.publishedAt).format("MMM D, YYYY")}</ClientOnly>
                 </Typography>
               </Box>
             </Box>

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

@@ -17,20 +17,13 @@ const MEDIA = {
   kind: "image",
   location: "https://static.levocdn.com/WLZ1TXTD/faq-1-1-QsAcZ4gZy8hjO.png",
   srcset: {
-    "1080w":
-      "https://static.levocdn.com/WLZ1TXTD/faq-1-1-QsAcZ4gZy8hjO-1080w.webp",
-    "1200w":
-      "https://static.levocdn.com/WLZ1TXTD/faq-1-1-QsAcZ4gZy8hjO-1200w.webp",
-    "1920w":
-      "https://static.levocdn.com/WLZ1TXTD/faq-1-1-QsAcZ4gZy8hjO-1920w.webp",
-    "320w":
-      "https://static.levocdn.com/WLZ1TXTD/faq-1-1-QsAcZ4gZy8hjO-320w.webp",
-    "640w":
-      "https://static.levocdn.com/WLZ1TXTD/faq-1-1-QsAcZ4gZy8hjO-640w.webp",
-    "750w":
-      "https://static.levocdn.com/WLZ1TXTD/faq-1-1-QsAcZ4gZy8hjO-750w.webp",
-    "828w":
-      "https://static.levocdn.com/WLZ1TXTD/faq-1-1-QsAcZ4gZy8hjO-828w.webp",
+    "1080w": "https://static.levocdn.com/WLZ1TXTD/faq-1-1-QsAcZ4gZy8hjO-1080w.webp",
+    "1200w": "https://static.levocdn.com/WLZ1TXTD/faq-1-1-QsAcZ4gZy8hjO-1200w.webp",
+    "1920w": "https://static.levocdn.com/WLZ1TXTD/faq-1-1-QsAcZ4gZy8hjO-1920w.webp",
+    "320w": "https://static.levocdn.com/WLZ1TXTD/faq-1-1-QsAcZ4gZy8hjO-320w.webp",
+    "640w": "https://static.levocdn.com/WLZ1TXTD/faq-1-1-QsAcZ4gZy8hjO-640w.webp",
+    "750w": "https://static.levocdn.com/WLZ1TXTD/faq-1-1-QsAcZ4gZy8hjO-750w.webp",
+    "828w": "https://static.levocdn.com/WLZ1TXTD/faq-1-1-QsAcZ4gZy8hjO-828w.webp",
     path: "https://static.levocdn.com/WLZ1TXTD/faq-1-1-QsAcZ4gZy8hjO-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/faq-1-1-QsAcZ4gZy8hjO-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/faq-1-1-QsAcZ4gZy8hjO-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/faq-1-1-QsAcZ4gZy8hjO-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/faq-1-1-QsAcZ4gZy8hjO-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/faq-1-1-QsAcZ4gZy8hjO-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/faq-1-1-QsAcZ4gZy8hjO-750w.webp 750w",
   },
   mimetype: "image/png",
@@ -47,8 +40,7 @@ const DEFAULT_CONTENT = {
   text_container: null,
   faq_label: "FAQ's",
   title: "Legal Queries Solved",
-  description:
-    "We're here to help you navigate the complexities of the legal system.",
+  description: "We're here to help you navigate the complexities of the legal system.",
   faqs: [
     {
       wrapper: null,

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

@@ -1,17 +1,17 @@
 import {
-  type ILevoBlockBaseProps,
+  AccordionContent,
+  AccordionItem,
+  AccordionRoot,
+  AccordionTrigger,
+  Box,
+  Button,
+  Container,
   Heading,
   Icon,
+  type ILevoBlockBaseProps,
   Image,
-  Typography,
-  Container,
   Section,
-  Box,
-  AccordionRoot,
-  AccordionItem,
-  AccordionTrigger,
-  AccordionContent,
-  Button,
+  Typography,
 } from "@levo-so/studio";
 
 import type { IFaq1Content } from "./faq-1.schema";
@@ -48,21 +48,15 @@ const Faq1: React.FC<ILevoBlockBaseProps<IFaq1Content>> = ({ content }) => (
               <AccordionContent elementKey={`faqs.${index}.content`}>
                 <Typography elementKey={`faqs.${index}.answer`} />
                 <Box elementKey={`faqs.${index}.features_levoGroup`}>
-                  {(item.features ?? []).map(
-                    (feature: any, featureIndex: number) => (
-                      <Box
-                        key={featureIndex}
-                        elementKey={`faqs.${index}.features.${featureIndex}.wrapper`}
-                      >
-                        <Icon
-                          elementKey={`faqs.${index}.features.${featureIndex}.icon`}
-                        />
-                        <Typography
-                          elementKey={`faqs.${index}.features.${featureIndex}.label`}
-                        />
-                      </Box>
-                    ),
-                  )}
+                  {(item.features ?? []).map((feature: any, featureIndex: number) => (
+                    <Box
+                      key={featureIndex}
+                      elementKey={`faqs.${index}.features.${featureIndex}.wrapper`}
+                    >
+                      <Icon elementKey={`faqs.${index}.features.${featureIndex}.icon`} />
+                      <Typography elementKey={`faqs.${index}.features.${featureIndex}.label`} />
+                    </Box>
+                  ))}
                 </Box>
               </AccordionContent>
             </AccordionItem>
@@ -78,12 +72,7 @@ const Faq1: React.FC<ILevoBlockBaseProps<IFaq1Content>> = ({ content }) => (
           ))}
         </Box>
       </Box>
-      <Image
-        elementKey="faq_image"
-        width={356}
-        height={479}
-        alt="Lawyer consulting with client"
-      />
+      <Image elementKey="faq_image" width={356} height={479} alt="Lawyer consulting with client" />
     </Container>
   </Section>
 );

package/src/blocks/faq/faq-2.schema.ts

@@ -17,20 +17,13 @@ const MEDIA = {
   kind: "image",
   location: "https://static.levocdn.com/WLZ1TXTD/faq-2-1-dO4QMwFgYhADD.png",
   srcset: {
-    "1080w":
-      "https://static.levocdn.com/WLZ1TXTD/faq-2-1-dO4QMwFgYhADD-1080w.webp",
-    "1200w":
-      "https://static.levocdn.com/WLZ1TXTD/faq-2-1-dO4QMwFgYhADD-1200w.webp",
-    "1920w":
-      "https://static.levocdn.com/WLZ1TXTD/faq-2-1-dO4QMwFgYhADD-1920w.webp",
-    "320w":
-      "https://static.levocdn.com/WLZ1TXTD/faq-2-1-dO4QMwFgYhADD-320w.webp",
-    "640w":
-      "https://static.levocdn.com/WLZ1TXTD/faq-2-1-dO4QMwFgYhADD-640w.webp",
-    "750w":
-      "https://static.levocdn.com/WLZ1TXTD/faq-2-1-dO4QMwFgYhADD-750w.webp",
-    "828w":
-      "https://static.levocdn.com/WLZ1TXTD/faq-2-1-dO4QMwFgYhADD-828w.webp",
+    "1080w": "https://static.levocdn.com/WLZ1TXTD/faq-2-1-dO4QMwFgYhADD-1080w.webp",
+    "1200w": "https://static.levocdn.com/WLZ1TXTD/faq-2-1-dO4QMwFgYhADD-1200w.webp",
+    "1920w": "https://static.levocdn.com/WLZ1TXTD/faq-2-1-dO4QMwFgYhADD-1920w.webp",
+    "320w": "https://static.levocdn.com/WLZ1TXTD/faq-2-1-dO4QMwFgYhADD-320w.webp",
+    "640w": "https://static.levocdn.com/WLZ1TXTD/faq-2-1-dO4QMwFgYhADD-640w.webp",
+    "750w": "https://static.levocdn.com/WLZ1TXTD/faq-2-1-dO4QMwFgYhADD-750w.webp",
+    "828w": "https://static.levocdn.com/WLZ1TXTD/faq-2-1-dO4QMwFgYhADD-828w.webp",
     path: "https://static.levocdn.com/WLZ1TXTD/faq-2-1-dO4QMwFgYhADD-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/faq-2-1-dO4QMwFgYhADD-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/faq-2-1-dO4QMwFgYhADD-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/faq-2-1-dO4QMwFgYhADD-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/faq-2-1-dO4QMwFgYhADD-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/faq-2-1-dO4QMwFgYhADD-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/faq-2-1-dO4QMwFgYhADD-1920w.webp 1920w",
   },
   mimetype: "image/png",
@@ -47,8 +40,7 @@ const DEFAULT_CONTENT = {
   text_container: null,
   faq_label: "FAQ's",
   title: "Legal Queries Solved",
-  description:
-    "We're here to help you navigate the complexities of the legal system.",
+  description: "We're here to help you navigate the complexities of the legal system.",
 
   faqs: [
     {

package/src/blocks/faq/faq-2.tsx

@@ -1,21 +1,22 @@
 "use client";
 
-import React, { useState } from "react";
 import {
-  type ILevoBlockBaseProps,
-  Heading,
-  Icon,
-  Typography,
-  Container,
-  Section,
-  Box,
-  AccordionRoot,
+  AccordionContent,
   AccordionItem,
+  AccordionRoot,
   AccordionTrigger,
-  AccordionContent,
+  Box,
   Button,
+  Container,
+  Heading,
+  Icon,
+  type ILevoBlockBaseProps,
   Media,
+  Section,
+  Typography,
 } from "@levo-so/studio";
+import type React from "react";
+import { useState } from "react";
 
 import type { IFaq2Content } from "./faq-2.schema";
 

package/src/blocks/faq/faq-3.schema.ts

@@ -6,20 +6,13 @@ const MEDIA = {
   kind: "image",
   location: "https://static.levocdn.com/WLZ1TXTD/faq-3-1-VbXF9m7BPiX48.png",
   srcset: {
-    "1080w":
-      "https://static.levocdn.com/WLZ1TXTD/faq-3-1-VbXF9m7BPiX48-1080w.webp",
-    "1200w":
-      "https://static.levocdn.com/WLZ1TXTD/faq-3-1-VbXF9m7BPiX48-1200w.webp",
-    "1920w":
-      "https://static.levocdn.com/WLZ1TXTD/faq-3-1-VbXF9m7BPiX48-1920w.webp",
-    "320w":
-      "https://static.levocdn.com/WLZ1TXTD/faq-3-1-VbXF9m7BPiX48-320w.webp",
-    "640w":
-      "https://static.levocdn.com/WLZ1TXTD/faq-3-1-VbXF9m7BPiX48-640w.webp",
-    "750w":
-      "https://static.levocdn.com/WLZ1TXTD/faq-3-1-VbXF9m7BPiX48-750w.webp",
-    "828w":
-      "https://static.levocdn.com/WLZ1TXTD/faq-3-1-VbXF9m7BPiX48-828w.webp",
+    "1080w": "https://static.levocdn.com/WLZ1TXTD/faq-3-1-VbXF9m7BPiX48-1080w.webp",
+    "1200w": "https://static.levocdn.com/WLZ1TXTD/faq-3-1-VbXF9m7BPiX48-1200w.webp",
+    "1920w": "https://static.levocdn.com/WLZ1TXTD/faq-3-1-VbXF9m7BPiX48-1920w.webp",
+    "320w": "https://static.levocdn.com/WLZ1TXTD/faq-3-1-VbXF9m7BPiX48-320w.webp",
+    "640w": "https://static.levocdn.com/WLZ1TXTD/faq-3-1-VbXF9m7BPiX48-640w.webp",
+    "750w": "https://static.levocdn.com/WLZ1TXTD/faq-3-1-VbXF9m7BPiX48-750w.webp",
+    "828w": "https://static.levocdn.com/WLZ1TXTD/faq-3-1-VbXF9m7BPiX48-828w.webp",
     path: "https://static.levocdn.com/WLZ1TXTD/faq-3-1-VbXF9m7BPiX48-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/faq-3-1-VbXF9m7BPiX48-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/faq-3-1-VbXF9m7BPiX48-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/faq-3-1-VbXF9m7BPiX48-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/faq-3-1-VbXF9m7BPiX48-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/faq-3-1-VbXF9m7BPiX48-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/faq-3-1-VbXF9m7BPiX48-1920w.webp 1920w",
   },
   mimetype: "image/png",
@@ -32,8 +25,7 @@ const DEFAULT_CONTENT = {
   // header section
   header_container: null,
   title: "Frequently Asked Questions",
-  description:
-    "Get quick answers to the most common questions from our experienced team.",
+  description: "Get quick answers to the most common questions from our experienced team.",
 
   // main content wrapper with accordion and image in row
   main_content_container: null,
@@ -245,8 +237,7 @@ export const Faq3: IBlock = {
         },
       ],
       hint: {
-        prompt_description:
-          "Group of call-to-action buttons for main conversion actions",
+        prompt_description: "Group of call-to-action buttons for main conversion actions",
         min_items: 1,
         max_items: 3,
       },

package/src/blocks/faq/faq-3.tsx

@@ -1,16 +1,16 @@
 import {
-  type ILevoBlockBaseProps,
-  Heading,
-  Image,
-  Typography,
-  Container,
-  Section,
-  Box,
-  AccordionRoot,
+  AccordionContent,
   AccordionItem,
+  AccordionRoot,
   AccordionTrigger,
-  AccordionContent,
+  Box,
   Button,
+  Container,
+  Heading,
+  type ILevoBlockBaseProps,
+  Image,
+  Section,
+  Typography,
 } from "@levo-so/studio";
 
 import type { IFaq3Content } from "./faq-3.schema";
@@ -49,10 +49,7 @@ const Faq3: React.FC<ILevoBlockBaseProps<IFaq3Content>> = ({ content }) => (
               >
                 <AccordionTrigger elementKey={`faqs.${index}.trigger`}>
                   <Box elementKey={`faqs.${index}.iconQuestionWrapper`}>
-                    <Image
-                      alt="icon"
-                      elementKey={`faqs.${index}.triggerIcon`}
-                    />
+                    <Image alt="icon" elementKey={`faqs.${index}.triggerIcon`} />
                     <Heading elementKey={`faqs.${index}.question`} />
                   </Box>
                 </AccordionTrigger>
@@ -73,12 +70,7 @@ const Faq3: React.FC<ILevoBlockBaseProps<IFaq3Content>> = ({ content }) => (
           </Box>
         </Box>
 
-        <Image
-          elementKey="faq_image"
-          width={400}
-          height={500}
-          alt="FAQ support illustration"
-        />
+        <Image elementKey="faq_image" width={400} height={500} alt="FAQ support illustration" />
       </Box>
     </Container>
   </Section>

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

@@ -1,19 +1,17 @@
 import {
-  type ILevoBlockBaseProps,
   Box,
   Button,
   Container,
   Heading,
   Icon,
+  type ILevoBlockBaseProps,
   Section,
   Typography,
 } from "@levo-so/studio";
 
 import type { IFeatures1Content } from "./features-1.schema";
 
-const Features1: React.FC<ILevoBlockBaseProps<IFeatures1Content>> = ({
-  content,
-}) => (
+const Features1: React.FC<ILevoBlockBaseProps<IFeatures1Content>> = ({ content }) => (
   <Section elementKey="layout">
     <Container elementKey="container">
       <Box elementKey="text_wrapper">

package/src/blocks/features/features-1/variants/default.ts

@@ -40,8 +40,7 @@ export const DEFAULT_CONTENT = {
       text_wrapper: null,
       icon_wrapper: null,
       title: "Pulmonology",
-      description:
-        "Specialized pulmonology care for optimal respiratory health and well-being.",
+      description: "Specialized pulmonology care for optimal respiratory health and well-being.",
       caption: " ",
       icon: DUMMY_ICON,
       ctas_levoGroup: null,
@@ -56,8 +55,7 @@ export const DEFAULT_CONTENT = {
       text_wrapper: null,
       icon_wrapper: null,
       title: "Hematology",
-      description:
-        "Specialized pulmonology care for optimal respiratory health and well-being.",
+      description: "Specialized pulmonology care for optimal respiratory health and well-being.",
       caption: " ",
       icon: DUMMY_ICON,
       ctas_levoGroup: null,
@@ -72,8 +70,7 @@ export const DEFAULT_CONTENT = {
       text_wrapper: null,
       icon_wrapper: null,
       title: "Infection",
-      description:
-        "Expert care for infections, ensuring swift diagnosis and effective treatment.",
+      description: "Expert care for infections, ensuring swift diagnosis and effective treatment.",
       caption: " ",
       icon: DUMMY_ICON,
       ctas_levoGroup: null,
@@ -104,8 +101,7 @@ export const DEFAULT_CONTENT = {
       text_wrapper: null,
       icon_wrapper: null,
       title: "Generalist",
-      description:
-        "Generalist doctors addressing common health concerns with personalized care.",
+      description: "Generalist doctors addressing common health concerns with personalized care.",
       caption: " ",
       icon: DUMMY_ICON,
       ctas_levoGroup: null,

package/src/blocks/features/features-1/variants/index.ts

@@ -1,7 +1,7 @@
+import { DEFAULT_CONTENT, defaultFeatures1Variant } from "./default";
 import { stylizedCardsV1Features1Variant } from "./stylized-cards-v1";
 import { stylizedCardsV2Features1Variant } from "./stylized-cards-v2";
 import { stylizedCardsV3Features1Variant } from "./stylized-cards-v3";
-import { defaultFeatures1Variant, DEFAULT_CONTENT } from "./default";
 
 export {
   stylizedCardsV1Features1Variant,

package/src/blocks/features/features-2.schema.ts

@@ -4,23 +4,15 @@ const MEDIA_1 = {
   id: "R6e60NbOMtalw",
   filename: "features-1-1.png",
   kind: "image",
-  location:
-    "https://static.levocdn.com/WLZ1TXTD/features-1-1-1d7EKLgEHNI6p.png",
+  location: "https://static.levocdn.com/WLZ1TXTD/features-1-1-1d7EKLgEHNI6p.png",
   srcset: {
-    "1080w":
-      "https://static.levocdn.com/WLZ1TXTD/features-1-1-1d7EKLgEHNI6p-1080w.webp",
-    "1200w":
-      "https://static.levocdn.com/WLZ1TXTD/features-1-1-1d7EKLgEHNI6p-1200w.webp",
-    "1920w":
-      "https://static.levocdn.com/WLZ1TXTD/features-1-1-1d7EKLgEHNI6p-1920w.webp",
-    "320w":
-      "https://static.levocdn.com/WLZ1TXTD/features-1-1-1d7EKLgEHNI6p-320w.webp",
-    "640w":
-      "https://static.levocdn.com/WLZ1TXTD/features-1-1-1d7EKLgEHNI6p-640w.webp",
-    "750w":
-      "https://static.levocdn.com/WLZ1TXTD/features-1-1-1d7EKLgEHNI6p-750w.webp",
-    "828w":
-      "https://static.levocdn.com/WLZ1TXTD/features-1-1-1d7EKLgEHNI6p-828w.webp",
+    "1080w": "https://static.levocdn.com/WLZ1TXTD/features-1-1-1d7EKLgEHNI6p-1080w.webp",
+    "1200w": "https://static.levocdn.com/WLZ1TXTD/features-1-1-1d7EKLgEHNI6p-1200w.webp",
+    "1920w": "https://static.levocdn.com/WLZ1TXTD/features-1-1-1d7EKLgEHNI6p-1920w.webp",
+    "320w": "https://static.levocdn.com/WLZ1TXTD/features-1-1-1d7EKLgEHNI6p-320w.webp",
+    "640w": "https://static.levocdn.com/WLZ1TXTD/features-1-1-1d7EKLgEHNI6p-640w.webp",
+    "750w": "https://static.levocdn.com/WLZ1TXTD/features-1-1-1d7EKLgEHNI6p-750w.webp",
+    "828w": "https://static.levocdn.com/WLZ1TXTD/features-1-1-1d7EKLgEHNI6p-828w.webp",
     path: "https://static.levocdn.com/WLZ1TXTD/features-1-1-1d7EKLgEHNI6p-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/features-1-1-1d7EKLgEHNI6p-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/features-1-1-1d7EKLgEHNI6p-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/features-1-1-1d7EKLgEHNI6p-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/features-1-1-1d7EKLgEHNI6p-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/features-1-1-1d7EKLgEHNI6p-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/features-1-1-1d7EKLgEHNI6p-320w.webp 320w",
   },
   mimetype: "image/png",
@@ -29,23 +21,15 @@ const MEDIA_2 = {
   id: "jfwWnpeTXvRds",
   filename: "features-1-2.png",
   kind: "image",
-  location:
-    "https://static.levocdn.com/WLZ1TXTD/features-1-2-A8svq1Bv7gAEI.png",
+  location: "https://static.levocdn.com/WLZ1TXTD/features-1-2-A8svq1Bv7gAEI.png",
   srcset: {
-    "1080w":
-      "https://static.levocdn.com/WLZ1TXTD/features-1-2-A8svq1Bv7gAEI-1080w.webp",
-    "1200w":
-      "https://static.levocdn.com/WLZ1TXTD/features-1-2-A8svq1Bv7gAEI-1200w.webp",
-    "1920w":
-      "https://static.levocdn.com/WLZ1TXTD/features-1-2-A8svq1Bv7gAEI-1920w.webp",
-    "320w":
-      "https://static.levocdn.com/WLZ1TXTD/features-1-2-A8svq1Bv7gAEI-320w.webp",
-    "640w":
-      "https://static.levocdn.com/WLZ1TXTD/features-1-2-A8svq1Bv7gAEI-640w.webp",
-    "750w":
-      "https://static.levocdn.com/WLZ1TXTD/features-1-2-A8svq1Bv7gAEI-750w.webp",
-    "828w":
-      "https://static.levocdn.com/WLZ1TXTD/features-1-2-A8svq1Bv7gAEI-828w.webp",
+    "1080w": "https://static.levocdn.com/WLZ1TXTD/features-1-2-A8svq1Bv7gAEI-1080w.webp",
+    "1200w": "https://static.levocdn.com/WLZ1TXTD/features-1-2-A8svq1Bv7gAEI-1200w.webp",
+    "1920w": "https://static.levocdn.com/WLZ1TXTD/features-1-2-A8svq1Bv7gAEI-1920w.webp",
+    "320w": "https://static.levocdn.com/WLZ1TXTD/features-1-2-A8svq1Bv7gAEI-320w.webp",
+    "640w": "https://static.levocdn.com/WLZ1TXTD/features-1-2-A8svq1Bv7gAEI-640w.webp",
+    "750w": "https://static.levocdn.com/WLZ1TXTD/features-1-2-A8svq1Bv7gAEI-750w.webp",
+    "828w": "https://static.levocdn.com/WLZ1TXTD/features-1-2-A8svq1Bv7gAEI-828w.webp",
     path: "https://static.levocdn.com/WLZ1TXTD/features-1-2-A8svq1Bv7gAEI-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/features-1-2-A8svq1Bv7gAEI-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/features-1-2-A8svq1Bv7gAEI-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/features-1-2-A8svq1Bv7gAEI-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/features-1-2-A8svq1Bv7gAEI-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/features-1-2-A8svq1Bv7gAEI-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/features-1-2-A8svq1Bv7gAEI-640w.webp 640w",
   },
   mimetype: "image/png",
@@ -54,23 +38,15 @@ const MEDIA_3 = {
   id: "zucCxwW4c368T",
   filename: "features-1-3.png",
   kind: "image",
-  location:
-    "https://static.levocdn.com/WLZ1TXTD/features-1-3-JtaGxEUPSmGKF.png",
+  location: "https://static.levocdn.com/WLZ1TXTD/features-1-3-JtaGxEUPSmGKF.png",
   srcset: {
-    "1080w":
-      "https://static.levocdn.com/WLZ1TXTD/features-1-3-JtaGxEUPSmGKF-1080w.webp",
-    "1200w":
-      "https://static.levocdn.com/WLZ1TXTD/features-1-3-JtaGxEUPSmGKF-1200w.webp",
-    "1920w":
-      "https://static.levocdn.com/WLZ1TXTD/features-1-3-JtaGxEUPSmGKF-1920w.webp",
-    "320w":
-      "https://static.levocdn.com/WLZ1TXTD/features-1-3-JtaGxEUPSmGKF-320w.webp",
-    "640w":
-      "https://static.levocdn.com/WLZ1TXTD/features-1-3-JtaGxEUPSmGKF-640w.webp",
-    "750w":
-      "https://static.levocdn.com/WLZ1TXTD/features-1-3-JtaGxEUPSmGKF-750w.webp",
-    "828w":
-      "https://static.levocdn.com/WLZ1TXTD/features-1-3-JtaGxEUPSmGKF-828w.webp",
+    "1080w": "https://static.levocdn.com/WLZ1TXTD/features-1-3-JtaGxEUPSmGKF-1080w.webp",
+    "1200w": "https://static.levocdn.com/WLZ1TXTD/features-1-3-JtaGxEUPSmGKF-1200w.webp",
+    "1920w": "https://static.levocdn.com/WLZ1TXTD/features-1-3-JtaGxEUPSmGKF-1920w.webp",
+    "320w": "https://static.levocdn.com/WLZ1TXTD/features-1-3-JtaGxEUPSmGKF-320w.webp",
+    "640w": "https://static.levocdn.com/WLZ1TXTD/features-1-3-JtaGxEUPSmGKF-640w.webp",
+    "750w": "https://static.levocdn.com/WLZ1TXTD/features-1-3-JtaGxEUPSmGKF-750w.webp",
+    "828w": "https://static.levocdn.com/WLZ1TXTD/features-1-3-JtaGxEUPSmGKF-828w.webp",
     path: "https://static.levocdn.com/WLZ1TXTD/features-1-3-JtaGxEUPSmGKF-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/features-1-3-JtaGxEUPSmGKF-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/features-1-3-JtaGxEUPSmGKF-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/features-1-3-JtaGxEUPSmGKF-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/features-1-3-JtaGxEUPSmGKF-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/features-1-3-JtaGxEUPSmGKF-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/features-1-3-JtaGxEUPSmGKF-1200w.webp 1200w",
   },
   mimetype: "image/png",
@@ -79,23 +55,15 @@ const MEDIA_4 = {
   id: "mox8S3I3oM9Gz",
   filename: "features-1-4.png",
   kind: "image",
-  location:
-    "https://static.levocdn.com/WLZ1TXTD/features-1-4-R6e6INbOMtpAr.png",
+  location: "https://static.levocdn.com/WLZ1TXTD/features-1-4-R6e6INbOMtpAr.png",
   srcset: {
-    "1080w":
-      "https://static.levocdn.com/WLZ1TXTD/features-1-4-R6e6INbOMtpAr-1080w.webp",
-    "1200w":
-      "https://static.levocdn.com/WLZ1TXTD/features-1-4-R6e6INbOMtpAr-1200w.webp",
-    "1920w":
-      "https://static.levocdn.com/WLZ1TXTD/features-1-4-R6e6INbOMtpAr-1920w.webp",
-    "320w":
-      "https://static.levocdn.com/WLZ1TXTD/features-1-4-R6e6INbOMtpAr-320w.webp",
-    "640w":
-      "https://static.levocdn.com/WLZ1TXTD/features-1-4-R6e6INbOMtpAr-640w.webp",
-    "750w":
-      "https://static.levocdn.com/WLZ1TXTD/features-1-4-R6e6INbOMtpAr-750w.webp",
-    "828w":
-      "https://static.levocdn.com/WLZ1TXTD/features-1-4-R6e6INbOMtpAr-828w.webp",
+    "1080w": "https://static.levocdn.com/WLZ1TXTD/features-1-4-R6e6INbOMtpAr-1080w.webp",
+    "1200w": "https://static.levocdn.com/WLZ1TXTD/features-1-4-R6e6INbOMtpAr-1200w.webp",
+    "1920w": "https://static.levocdn.com/WLZ1TXTD/features-1-4-R6e6INbOMtpAr-1920w.webp",
+    "320w": "https://static.levocdn.com/WLZ1TXTD/features-1-4-R6e6INbOMtpAr-320w.webp",
+    "640w": "https://static.levocdn.com/WLZ1TXTD/features-1-4-R6e6INbOMtpAr-640w.webp",
+    "750w": "https://static.levocdn.com/WLZ1TXTD/features-1-4-R6e6INbOMtpAr-750w.webp",
+    "828w": "https://static.levocdn.com/WLZ1TXTD/features-1-4-R6e6INbOMtpAr-828w.webp",
     path: "https://static.levocdn.com/WLZ1TXTD/features-1-4-R6e6INbOMtpAr-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/features-1-4-R6e6INbOMtpAr-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/features-1-4-R6e6INbOMtpAr-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/features-1-4-R6e6INbOMtpAr-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/features-1-4-R6e6INbOMtpAr-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/features-1-4-R6e6INbOMtpAr-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/features-1-4-R6e6INbOMtpAr-828w.webp 828w",
   },
   mimetype: "image/png",

package/src/blocks/features/features-2.tsx

@@ -1,22 +1,20 @@
 import {
-  type ILevoBlockBaseProps,
-  Button,
-  Heading,
-  Image,
-  Typography,
-  Container,
-  Section,
   Box,
+  Button,
   Carousel,
   CarouselContent,
   CarouselItem,
+  Container,
+  Heading,
+  type ILevoBlockBaseProps,
+  Image,
+  Section,
+  Typography,
 } from "@levo-so/studio";
 
 import type { IFeatures2Content } from "./features-2.schema";
 
-const Features2: React.FC<ILevoBlockBaseProps<IFeatures2Content>> = ({
-  content,
-}) => (
+const Features2: React.FC<ILevoBlockBaseProps<IFeatures2Content>> = ({ content }) => (
   <Section elementKey="layout">
     <Container elementKey="container">
       <Box elementKey="header_wrapper">