@levo-so/blocks 0.1.60 → 0.1.61

package/src/blocks/services/service-3.schema.ts

@@ -6,20 +6,13 @@ const MEDIA = {
   kind: "image",
   location: "https://static.levocdn.com/WLZ1TXTD/services-3-KQ59QXeCBwMY.png",
   srcset: {
-    "1080w":
-      "https://static.levocdn.com/WLZ1TXTD/services-3-KQ59QXeCBwMY-1080w.webp",
-    "1200w":
-      "https://static.levocdn.com/WLZ1TXTD/services-3-KQ59QXeCBwMY-1200w.webp",
-    "1920w":
-      "https://static.levocdn.com/WLZ1TXTD/services-3-KQ59QXeCBwMY-1920w.webp",
-    "320w":
-      "https://static.levocdn.com/WLZ1TXTD/services-3-KQ59QXeCBwMY-320w.webp",
-    "640w":
-      "https://static.levocdn.com/WLZ1TXTD/services-3-KQ59QXeCBwMY-640w.webp",
-    "750w":
-      "https://static.levocdn.com/WLZ1TXTD/services-3-KQ59QXeCBwMY-750w.webp",
-    "828w":
-      "https://static.levocdn.com/WLZ1TXTD/services-3-KQ59QXeCBwMY-828w.webp",
+    "1080w": "https://static.levocdn.com/WLZ1TXTD/services-3-KQ59QXeCBwMY-1080w.webp",
+    "1200w": "https://static.levocdn.com/WLZ1TXTD/services-3-KQ59QXeCBwMY-1200w.webp",
+    "1920w": "https://static.levocdn.com/WLZ1TXTD/services-3-KQ59QXeCBwMY-1920w.webp",
+    "320w": "https://static.levocdn.com/WLZ1TXTD/services-3-KQ59QXeCBwMY-320w.webp",
+    "640w": "https://static.levocdn.com/WLZ1TXTD/services-3-KQ59QXeCBwMY-640w.webp",
+    "750w": "https://static.levocdn.com/WLZ1TXTD/services-3-KQ59QXeCBwMY-750w.webp",
+    "828w": "https://static.levocdn.com/WLZ1TXTD/services-3-KQ59QXeCBwMY-828w.webp",
     path: "https://static.levocdn.com/WLZ1TXTD/services-3-KQ59QXeCBwMY-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/services-3-KQ59QXeCBwMY-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/services-3-KQ59QXeCBwMY-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/services-3-KQ59QXeCBwMY-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/services-3-KQ59QXeCBwMY-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/services-3-KQ59QXeCBwMY-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/services-3-KQ59QXeCBwMY-1080w.webp 1080w",
   },
   mimetype: "image/png",
@@ -155,8 +148,7 @@ export const Service3: IBlock = {
           label: "Label",
           field_interface: "TypographyWidget",
           hint: {
-            prompt_description:
-              "Descriptive text for the breadcrumb navigation item.",
+            prompt_description: "Descriptive text for the breadcrumb navigation item.",
             min_characters: 3,
             max_characters: 20,
           },
@@ -357,8 +349,7 @@ export const Service3: IBlock = {
       label: "Actual Price",
       field_interface: "HeadingWidget",
       hint: {
-        prompt_description:
-          "Current promotional price that customers will pay (e.g., '$299').",
+        prompt_description: "Current promotional price that customers will pay (e.g., '$299').",
       },
     },
     {
@@ -366,8 +357,7 @@ export const Service3: IBlock = {
       label: "Discount Price",
       field_interface: "TypographyWidget",
       hint: {
-        prompt_description:
-          "Original price before discount to show value (e.g., '$599').",
+        prompt_description: "Original price before discount to show value (e.g., '$599').",
       },
     },
     {
@@ -375,8 +365,7 @@ export const Service3: IBlock = {
       label: "Off Percent",
       field_interface: "TypographyWidget",
       hint: {
-        prompt_description:
-          "Discount percentage highlighting the savings (e.g., '50% OFF').",
+        prompt_description: "Discount percentage highlighting the savings (e.g., '50% OFF').",
       },
     },
     {
@@ -401,8 +390,7 @@ export const Service3: IBlock = {
       label: "Search Button",
       field_interface: "ButtonWidget",
       hint: {
-        prompt_description:
-          "Button that checks service availability based on the entered zipcode.",
+        prompt_description: "Button that checks service availability based on the entered zipcode.",
         min_characters: 8,
         max_characters: 25,
       },

package/src/blocks/services/service-3.tsx

@@ -4,20 +4,18 @@ import {
   Container,
   Heading,
   Icon,
+  type ILevoBlockBaseProps,
   Image,
   Section,
   Typography,
   useBlockContext,
-  type ILevoBlockBaseProps,
 } from "@levo-so/studio";
-import React, { useState } from "react";
+import type React from "react";
+import { useState } from "react";
 
 import type { IService3Content } from "./service-3.schema";
 
-const Service3: React.FC<ILevoBlockBaseProps<IService3Content>> = ({
-  content,
-  config,
-}) => {
+const Service3: React.FC<ILevoBlockBaseProps<IService3Content>> = ({ content, config }) => {
   const [zipcode, setZipcode] = useState("");
   const { isBuilder } = useBlockContext();
   return (

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

@@ -1,13 +1,6 @@
 import type { ILevoBlockBaseProps } from "@levo-so/studio";
-import {
-  Box,
-  Container,
-  Heading,
-  Icon,
-  Section,
-  Typography,
-} from "@levo-so/studio";
-import React from "react";
+import { Box, Container, Heading, Icon, Section, Typography } from "@levo-so/studio";
+import type React from "react";
 
 import type { IStats1Content } from "./stats-1.schema";
 
@@ -21,11 +14,7 @@ const Stats1: React.FC<ILevoBlockBaseProps<IStats1Content>> = ({ content }) => {
         </Box>
         <Box elementKey="stats_levoGroup">
           {(content?.stats ?? []).map((_: any, index: number) => (
-            <Box
-              data-levo_group_item
-              elementKey={`stats.${index}.stat`}
-              key={index}
-            >
+            <Box data-levo_group_item elementKey={`stats.${index}.stat`} key={index}>
               <Icon elementKey={`stats.${index}.icon`} />
               <Box elementKey={`stats.${index}.content-wrapper`}>
                 <Heading elementKey={`stats.${index}.header`} />

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

@@ -1,13 +1,6 @@
 import type { ILevoBlockBaseProps } from "@levo-so/studio";
-import {
-  Box,
-  Button,
-  Container,
-  Heading,
-  Section,
-  Typography,
-} from "@levo-so/studio";
-import React from "react";
+import { Box, Button, Container, Heading, Section, Typography } from "@levo-so/studio";
+import type React from "react";
 
 import type { IStats2Content } from "./stats-2.schema";
 
@@ -40,11 +33,7 @@ const Stats2: React.FC<ILevoBlockBaseProps<IStats2Content>> = ({ content }) => {
             </Box>
             <Box elementKey="stats_levoGroup" data-levo_group>
               {(content?.stats ?? []).map((_: unknown, index: number) => (
-                <Box
-                  data-levo_group_item
-                  elementKey={`stats.${index}.stat_card`}
-                  key={index}
-                >
+                <Box data-levo_group_item elementKey={`stats.${index}.stat_card`} key={index}>
                   <Heading elementKey={`stats.${index}.number`} />
                   <Typography elementKey={`stats.${index}.label`} />
                 </Box>

package/src/blocks/stats/variants/index.ts

@@ -1,4 +1,4 @@
-import { defaultStats2Variant, DEFAULT_CONTENT } from "./default";
+import { DEFAULT_CONTENT, defaultStats2Variant } from "./default";
 import { heroStats2Variant } from "./hero";
 
 export { defaultStats2Variant, heroStats2Variant, DEFAULT_CONTENT };

package/src/blocks/tabs/tab-1.schema.ts

@@ -6,12 +6,9 @@ const MEDIA_1 = {
   kind: "image",
   location: "https://static.levocdn.com/WLZ1TXTD/tabs-1-eg6wl4GFluB6.png",
   srcset: {
-    "1080w":
-      "https://static.levocdn.com/WLZ1TXTD/tabs-1-eg6wl4GFluB6-1080w.webp",
-    "1200w":
-      "https://static.levocdn.com/WLZ1TXTD/tabs-1-eg6wl4GFluB6-1200w.webp",
-    "1920w":
-      "https://static.levocdn.com/WLZ1TXTD/tabs-1-eg6wl4GFluB6-1920w.webp",
+    "1080w": "https://static.levocdn.com/WLZ1TXTD/tabs-1-eg6wl4GFluB6-1080w.webp",
+    "1200w": "https://static.levocdn.com/WLZ1TXTD/tabs-1-eg6wl4GFluB6-1200w.webp",
+    "1920w": "https://static.levocdn.com/WLZ1TXTD/tabs-1-eg6wl4GFluB6-1920w.webp",
     "320w": "https://static.levocdn.com/WLZ1TXTD/tabs-1-eg6wl4GFluB6-320w.webp",
     "640w": "https://static.levocdn.com/WLZ1TXTD/tabs-1-eg6wl4GFluB6-640w.webp",
     "750w": "https://static.levocdn.com/WLZ1TXTD/tabs-1-eg6wl4GFluB6-750w.webp",
@@ -26,8 +23,7 @@ const DEFAULT_CONTENT = {
   container: null,
   header_wrapper: null,
   title: "Lorem Ipsum",
-  description:
-    "Find answers to common questions about our products and services.",
+  description: "Find answers to common questions about our products and services.",
   tabs: [
     {
       TabsTrigger: "General",

package/src/blocks/tabs/tab-1.tsx

@@ -1,30 +1,29 @@
 import {
+  AccordionContent,
+  AccordionItem,
+  AccordionRoot,
+  AccordionTrigger,
   Box,
+  Button,
   Container,
   Heading,
-  Section,
-  Typography,
+  Icon,
   type ILevoBlockBaseProps,
-  TabsRoot,
+  Media,
+  Section,
+  TabsContent,
   TabsList,
+  TabsRoot,
   TabsTrigger,
-  TabsContent,
-  AccordionRoot,
-  AccordionItem,
-  AccordionTrigger,
-  AccordionContent,
-  Icon,
-  Media,
-  Button,
+  Typography,
 } from "@levo-so/studio";
-import React, { useState } from "react";
+import type React from "react";
+import { useState } from "react";
 
-import { type ITab1Content } from "./tab-1.schema";
+import type { ITab1Content } from "./tab-1.schema";
 
 const Tab1: React.FC<ILevoBlockBaseProps<ITab1Content>> = ({ content }) => {
-  const [activeIndexes, setActiveIndexes] = useState<{ [key: number]: number }>(
-    {},
-  );
+  const [activeIndexes, setActiveIndexes] = useState<{ [key: number]: number }>({});
 
   const handleValueChange = (tabIndex: number, value: string | undefined) => {
     if (typeof value === "string") {
@@ -69,56 +68,40 @@ const Tab1: React.FC<ILevoBlockBaseProps<ITab1Content>> = ({ content }) => {
                     elementKey={`tabs.${index}.faqs_levoGroup`}
                     data-levo_group
                     defaultValue="0"
-                    onValueChange={(value: string) =>
-                      handleValueChange(index, value)
-                    }
+                    onValueChange={(value: string) => handleValueChange(index, value)}
                   >
-                    {(content.tabs[index]?.faqs ?? []).map(
-                      (_: any, faqIndex: number) => (
-                        <AccordionItem
-                          value={faqIndex.toString()}
-                          key={faqIndex}
-                          elementKey={`tabs.${index}.faqs.${faqIndex}.wrapper`}
-                          data-levo_group_item
-                        >
-                          <AccordionTrigger
-                            elementKey={`tabs.${index}.faqs.${faqIndex}.trigger`}
-                          >
-                            <Box
-                              elementKey={`tabs.${index}.faqs.${faqIndex}.iconQuestionWrapper`}
-                            >
-                              <Icon
-                                elementKey={`tabs.${index}.faqs.${faqIndex}.triggerIcon`}
-                              />
-                              <Heading
-                                elementKey={`tabs.${index}.faqs.${faqIndex}.question`}
-                              />
-                            </Box>
-                          </AccordionTrigger>
-                          <AccordionContent
-                            elementKey={`tabs.${index}.faqs.${faqIndex}.content`}
+                    {(content.tabs[index]?.faqs ?? []).map((_: any, faqIndex: number) => (
+                      <AccordionItem
+                        value={faqIndex.toString()}
+                        key={faqIndex}
+                        elementKey={`tabs.${index}.faqs.${faqIndex}.wrapper`}
+                        data-levo_group_item
+                      >
+                        <AccordionTrigger elementKey={`tabs.${index}.faqs.${faqIndex}.trigger`}>
+                          <Box elementKey={`tabs.${index}.faqs.${faqIndex}.iconQuestionWrapper`}>
+                            <Icon elementKey={`tabs.${index}.faqs.${faqIndex}.triggerIcon`} />
+                            <Heading elementKey={`tabs.${index}.faqs.${faqIndex}.question`} />
+                          </Box>
+                        </AccordionTrigger>
+                        <AccordionContent elementKey={`tabs.${index}.faqs.${faqIndex}.content`}>
+                          <Typography elementKey={`tabs.${index}.faqs.${faqIndex}.answer`} />
+                          <Box
+                            elementKey={`tabs.${index}.faqs.${faqIndex}.ctas_levoGroup`}
+                            data-levo_group
                           >
-                            <Typography
-                              elementKey={`tabs.${index}.faqs.${faqIndex}.answer`}
-                            />
-                            <Box
-                              elementKey={`tabs.${index}.faqs.${faqIndex}.ctas_levoGroup`}
-                              data-levo_group
-                            >
-                              {(content?.tabs?.[index]?.faqs?.[faqIndex]?.ctas ?? []).map(
-                                (_, ctaIndex) => (
-                                  <Button
-                                    key={`tabs.${index}.faqs.${faqIndex}.ctas.${ctaIndex}.cta`}
-                                    elementKey={`tabs.${index}.faqs.${faqIndex}.ctas.${ctaIndex}.cta`}
-                                    data-levo_group_item
-                                  />
-                                )
-                              )}
-                            </Box>
-                          </AccordionContent>
-                        </AccordionItem>
-                      ),
-                    )}
+                            {(content?.tabs?.[index]?.faqs?.[faqIndex]?.ctas ?? []).map(
+                              (_, ctaIndex) => (
+                                <Button
+                                  key={`tabs.${index}.faqs.${faqIndex}.ctas.${ctaIndex}.cta`}
+                                  elementKey={`tabs.${index}.faqs.${faqIndex}.ctas.${ctaIndex}.cta`}
+                                  data-levo_group_item
+                                />
+                              ),
+                            )}
+                          </Box>
+                        </AccordionContent>
+                      </AccordionItem>
+                    ))}
                   </AccordionRoot>
                 </Box>
                 <Media

package/src/blocks/tabs/tab-2.schema.ts

@@ -6,20 +6,13 @@ const MEDIA = {
   kind: "image",
   location: "https://static.levocdn.com/WLZ1TXTD/tabs-2-bg-1-30WTpd1Q0qCc.png",
   srcset: {
-    "1080w":
-      "https://static.levocdn.com/WLZ1TXTD/tabs-2-bg-1-30WTpd1Q0qCc-1080w.webp",
-    "1200w":
-      "https://static.levocdn.com/WLZ1TXTD/tabs-2-bg-1-30WTpd1Q0qCc-1200w.webp",
-    "1920w":
-      "https://static.levocdn.com/WLZ1TXTD/tabs-2-bg-1-30WTpd1Q0qCc-1920w.webp",
-    "320w":
-      "https://static.levocdn.com/WLZ1TXTD/tabs-2-bg-1-30WTpd1Q0qCc-320w.webp",
-    "640w":
-      "https://static.levocdn.com/WLZ1TXTD/tabs-2-bg-1-30WTpd1Q0qCc-640w.webp",
-    "750w":
-      "https://static.levocdn.com/WLZ1TXTD/tabs-2-bg-1-30WTpd1Q0qCc-750w.webp",
-    "828w":
-      "https://static.levocdn.com/WLZ1TXTD/tabs-2-bg-1-30WTpd1Q0qCc-828w.webp",
+    "1080w": "https://static.levocdn.com/WLZ1TXTD/tabs-2-bg-1-30WTpd1Q0qCc-1080w.webp",
+    "1200w": "https://static.levocdn.com/WLZ1TXTD/tabs-2-bg-1-30WTpd1Q0qCc-1200w.webp",
+    "1920w": "https://static.levocdn.com/WLZ1TXTD/tabs-2-bg-1-30WTpd1Q0qCc-1920w.webp",
+    "320w": "https://static.levocdn.com/WLZ1TXTD/tabs-2-bg-1-30WTpd1Q0qCc-320w.webp",
+    "640w": "https://static.levocdn.com/WLZ1TXTD/tabs-2-bg-1-30WTpd1Q0qCc-640w.webp",
+    "750w": "https://static.levocdn.com/WLZ1TXTD/tabs-2-bg-1-30WTpd1Q0qCc-750w.webp",
+    "828w": "https://static.levocdn.com/WLZ1TXTD/tabs-2-bg-1-30WTpd1Q0qCc-828w.webp",
     path: "https://static.levocdn.com/WLZ1TXTD/tabs-2-bg-1-30WTpd1Q0qCc-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/tabs-2-bg-1-30WTpd1Q0qCc-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/tabs-2-bg-1-30WTpd1Q0qCc-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/tabs-2-bg-1-30WTpd1Q0qCc-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/tabs-2-bg-1-30WTpd1Q0qCc-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/tabs-2-bg-1-30WTpd1Q0qCc-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/tabs-2-bg-1-30WTpd1Q0qCc-750w.webp 750w",
   },
   mimetype: "image/png",
@@ -361,8 +354,7 @@ export const Tab2: IBlock = {
               "padding-bottom": "32px",
               "padding-left": "32px",
               "padding-right": "32px",
-              "box-shadow":
-                "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
+              "box-shadow": "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
               tablet: {
                 "padding-top": "24px",
                 "padding-bottom": "24px",
@@ -416,8 +408,7 @@ export const Tab2: IBlock = {
               "padding-bottom": "32px",
               "padding-left": "32px",
               "padding-right": "32px",
-              "box-shadow":
-                "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
+              "box-shadow": "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
               tablet: {
                 "padding-top": "24px",
                 "padding-bottom": "24px",
@@ -471,8 +462,7 @@ export const Tab2: IBlock = {
               "padding-bottom": "32px",
               "padding-left": "32px",
               "padding-right": "32px",
-              "box-shadow":
-                "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
+              "box-shadow": "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
               tablet: {
                 "padding-top": "24px",
                 "padding-bottom": "24px",
@@ -526,8 +516,7 @@ export const Tab2: IBlock = {
               "padding-bottom": "32px",
               "padding-left": "32px",
               "padding-right": "32px",
-              "box-shadow":
-                "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
+              "box-shadow": "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
               tablet: {
                 "padding-top": "24px",
                 "padding-bottom": "24px",
@@ -581,8 +570,7 @@ export const Tab2: IBlock = {
               "padding-bottom": "32px",
               "padding-left": "32px",
               "padding-right": "32px",
-              "box-shadow":
-                "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
+              "box-shadow": "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
               tablet: {
                 "padding-top": "24px",
                 "padding-bottom": "24px",
@@ -636,8 +624,7 @@ export const Tab2: IBlock = {
               "padding-bottom": "32px",
               "padding-left": "32px",
               "padding-right": "32px",
-              "box-shadow":
-                "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
+              "box-shadow": "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
               tablet: {
                 "padding-top": "24px",
                 "padding-bottom": "24px",

package/src/blocks/tabs/tab-2.tsx

@@ -1,18 +1,19 @@
 import {
   Box,
+  Button,
   Container,
   Heading,
-  Section,
-  Typography,
   type ILevoBlockBaseProps,
-  TabsRoot,
+  Section,
+  TabsContent,
   TabsList,
+  TabsRoot,
   TabsTrigger,
-  TabsContent,
-  Button,
+  Typography,
 } from "@levo-so/studio";
-import React from "react";
-import { ITab2Content } from "./tab-2.schema";
+import type React from "react";
+
+import type { ITab2Content } from "./tab-2.schema";
 
 const Tab2: React.FC<ILevoBlockBaseProps<ITab2Content>> = ({ content }) => {
   return (
@@ -49,14 +50,12 @@ const Tab2: React.FC<ILevoBlockBaseProps<ITab2Content>> = ({ content }) => {
                     <Heading elementKey={`tabs.${index}.card_title`} />
                     <Typography elementKey={`tabs.${index}.card_description`} />
                     <Box elementKey={`tabs.${index}.card_ctas_levoGroup`}>
-                      {content?.tabs?.[index]?.card_ctas?.map(
-                        (_, idx: number) => (
-                          <Button
-                            key={`tabs.${index}.card_ctas.${idx}.card_cta`}
-                            elementKey={`tabs.${index}.card_ctas.${idx}.card_cta`}
-                          />
-                        ),
-                      )}
+                      {content?.tabs?.[index]?.card_ctas?.map((_, idx: number) => (
+                        <Button
+                          key={`tabs.${index}.card_ctas.${idx}.card_cta`}
+                          elementKey={`tabs.${index}.card_ctas.${idx}.card_cta`}
+                        />
+                      ))}
                     </Box>
                   </Box>
                 </TabsContent>

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

@@ -17,20 +17,13 @@ const MEDIA_1 = {
   kind: "image",
   location: "https://static.levocdn.com/WLZ1TXTD/team-1-1-74d2lDI5Z2We8.png",
   srcset: {
-    "1080w":
-      "https://static.levocdn.com/WLZ1TXTD/team-1-1-74d2lDI5Z2We8-1080w.webp",
-    "1200w":
-      "https://static.levocdn.com/WLZ1TXTD/team-1-1-74d2lDI5Z2We8-1200w.webp",
-    "1920w":
-      "https://static.levocdn.com/WLZ1TXTD/team-1-1-74d2lDI5Z2We8-1920w.webp",
-    "320w":
-      "https://static.levocdn.com/WLZ1TXTD/team-1-1-74d2lDI5Z2We8-320w.webp",
-    "640w":
-      "https://static.levocdn.com/WLZ1TXTD/team-1-1-74d2lDI5Z2We8-640w.webp",
-    "750w":
-      "https://static.levocdn.com/WLZ1TXTD/team-1-1-74d2lDI5Z2We8-750w.webp",
-    "828w":
-      "https://static.levocdn.com/WLZ1TXTD/team-1-1-74d2lDI5Z2We8-828w.webp",
+    "1080w": "https://static.levocdn.com/WLZ1TXTD/team-1-1-74d2lDI5Z2We8-1080w.webp",
+    "1200w": "https://static.levocdn.com/WLZ1TXTD/team-1-1-74d2lDI5Z2We8-1200w.webp",
+    "1920w": "https://static.levocdn.com/WLZ1TXTD/team-1-1-74d2lDI5Z2We8-1920w.webp",
+    "320w": "https://static.levocdn.com/WLZ1TXTD/team-1-1-74d2lDI5Z2We8-320w.webp",
+    "640w": "https://static.levocdn.com/WLZ1TXTD/team-1-1-74d2lDI5Z2We8-640w.webp",
+    "750w": "https://static.levocdn.com/WLZ1TXTD/team-1-1-74d2lDI5Z2We8-750w.webp",
+    "828w": "https://static.levocdn.com/WLZ1TXTD/team-1-1-74d2lDI5Z2We8-828w.webp",
     path: "https://static.levocdn.com/WLZ1TXTD/team-1-1-74d2lDI5Z2We8-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/team-1-1-74d2lDI5Z2We8-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/team-1-1-74d2lDI5Z2We8-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/team-1-1-74d2lDI5Z2We8-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/team-1-1-74d2lDI5Z2We8-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/team-1-1-74d2lDI5Z2We8-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/team-1-1-74d2lDI5Z2We8-828w.webp 828w",
   },
   mimetype: "image/png",
@@ -42,20 +35,13 @@ const MEDIA_2 = {
   kind: "image",
   location: "https://static.levocdn.com/WLZ1TXTD/team-1-2-4JOoOlk2OAndr.png",
   srcset: {
-    "1080w":
-      "https://static.levocdn.com/WLZ1TXTD/team-1-2-4JOoOlk2OAndr-1080w.webp",
-    "1200w":
-      "https://static.levocdn.com/WLZ1TXTD/team-1-2-4JOoOlk2OAndr-1200w.webp",
-    "1920w":
-      "https://static.levocdn.com/WLZ1TXTD/team-1-2-4JOoOlk2OAndr-1920w.webp",
-    "320w":
-      "https://static.levocdn.com/WLZ1TXTD/team-1-2-4JOoOlk2OAndr-320w.webp",
-    "640w":
-      "https://static.levocdn.com/WLZ1TXTD/team-1-2-4JOoOlk2OAndr-640w.webp",
-    "750w":
-      "https://static.levocdn.com/WLZ1TXTD/team-1-2-4JOoOlk2OAndr-750w.webp",
-    "828w":
-      "https://static.levocdn.com/WLZ1TXTD/team-1-2-4JOoOlk2OAndr-828w.webp",
+    "1080w": "https://static.levocdn.com/WLZ1TXTD/team-1-2-4JOoOlk2OAndr-1080w.webp",
+    "1200w": "https://static.levocdn.com/WLZ1TXTD/team-1-2-4JOoOlk2OAndr-1200w.webp",
+    "1920w": "https://static.levocdn.com/WLZ1TXTD/team-1-2-4JOoOlk2OAndr-1920w.webp",
+    "320w": "https://static.levocdn.com/WLZ1TXTD/team-1-2-4JOoOlk2OAndr-320w.webp",
+    "640w": "https://static.levocdn.com/WLZ1TXTD/team-1-2-4JOoOlk2OAndr-640w.webp",
+    "750w": "https://static.levocdn.com/WLZ1TXTD/team-1-2-4JOoOlk2OAndr-750w.webp",
+    "828w": "https://static.levocdn.com/WLZ1TXTD/team-1-2-4JOoOlk2OAndr-828w.webp",
     path: "https://static.levocdn.com/WLZ1TXTD/team-1-2-4JOoOlk2OAndr-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/team-1-2-4JOoOlk2OAndr-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/team-1-2-4JOoOlk2OAndr-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/team-1-2-4JOoOlk2OAndr-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/team-1-2-4JOoOlk2OAndr-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/team-1-2-4JOoOlk2OAndr-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/team-1-2-4JOoOlk2OAndr-1080w.webp 1080w",
   },
   mimetype: "image/png",
@@ -67,20 +53,13 @@ const MEDIA_3 = {
   kind: "image",
   location: "https://static.levocdn.com/WLZ1TXTD/team-1-3-pKkWQltJ03ZYL.png",
   srcset: {
-    "1080w":
-      "https://static.levocdn.com/WLZ1TXTD/team-1-3-pKkWQltJ03ZYL-1080w.webp",
-    "1200w":
-      "https://static.levocdn.com/WLZ1TXTD/team-1-3-pKkWQltJ03ZYL-1200w.webp",
-    "1920w":
-      "https://static.levocdn.com/WLZ1TXTD/team-1-3-pKkWQltJ03ZYL-1920w.webp",
-    "320w":
-      "https://static.levocdn.com/WLZ1TXTD/team-1-3-pKkWQltJ03ZYL-320w.webp",
-    "640w":
-      "https://static.levocdn.com/WLZ1TXTD/team-1-3-pKkWQltJ03ZYL-640w.webp",
-    "750w":
-      "https://static.levocdn.com/WLZ1TXTD/team-1-3-pKkWQltJ03ZYL-750w.webp",
-    "828w":
-      "https://static.levocdn.com/WLZ1TXTD/team-1-3-pKkWQltJ03ZYL-828w.webp",
+    "1080w": "https://static.levocdn.com/WLZ1TXTD/team-1-3-pKkWQltJ03ZYL-1080w.webp",
+    "1200w": "https://static.levocdn.com/WLZ1TXTD/team-1-3-pKkWQltJ03ZYL-1200w.webp",
+    "1920w": "https://static.levocdn.com/WLZ1TXTD/team-1-3-pKkWQltJ03ZYL-1920w.webp",
+    "320w": "https://static.levocdn.com/WLZ1TXTD/team-1-3-pKkWQltJ03ZYL-320w.webp",
+    "640w": "https://static.levocdn.com/WLZ1TXTD/team-1-3-pKkWQltJ03ZYL-640w.webp",
+    "750w": "https://static.levocdn.com/WLZ1TXTD/team-1-3-pKkWQltJ03ZYL-750w.webp",
+    "828w": "https://static.levocdn.com/WLZ1TXTD/team-1-3-pKkWQltJ03ZYL-828w.webp",
     path: "https://static.levocdn.com/WLZ1TXTD/team-1-3-pKkWQltJ03ZYL-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/team-1-3-pKkWQltJ03ZYL-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/team-1-3-pKkWQltJ03ZYL-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/team-1-3-pKkWQltJ03ZYL-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/team-1-3-pKkWQltJ03ZYL-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/team-1-3-pKkWQltJ03ZYL-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/team-1-3-pKkWQltJ03ZYL-1920w.webp 1920w",
   },
   mimetype: "image/png",
@@ -92,20 +71,13 @@ const MEDIA_4 = {
   kind: "image",
   location: "https://static.levocdn.com/WLZ1TXTD/team-1-4-GLU2acijJaz3O.png",
   srcset: {
-    "1080w":
-      "https://static.levocdn.com/WLZ1TXTD/team-1-4-GLU2acijJaz3O-1080w.webp",
-    "1200w":
-      "https://static.levocdn.com/WLZ1TXTD/team-1-4-GLU2acijJaz3O-1200w.webp",
-    "1920w":
-      "https://static.levocdn.com/WLZ1TXTD/team-1-4-GLU2acijJaz3O-1920w.webp",
-    "320w":
-      "https://static.levocdn.com/WLZ1TXTD/team-1-4-GLU2acijJaz3O-320w.webp",
-    "640w":
-      "https://static.levocdn.com/WLZ1TXTD/team-1-4-GLU2acijJaz3O-640w.webp",
-    "750w":
-      "https://static.levocdn.com/WLZ1TXTD/team-1-4-GLU2acijJaz3O-750w.webp",
-    "828w":
-      "https://static.levocdn.com/WLZ1TXTD/team-1-4-GLU2acijJaz3O-828w.webp",
+    "1080w": "https://static.levocdn.com/WLZ1TXTD/team-1-4-GLU2acijJaz3O-1080w.webp",
+    "1200w": "https://static.levocdn.com/WLZ1TXTD/team-1-4-GLU2acijJaz3O-1200w.webp",
+    "1920w": "https://static.levocdn.com/WLZ1TXTD/team-1-4-GLU2acijJaz3O-1920w.webp",
+    "320w": "https://static.levocdn.com/WLZ1TXTD/team-1-4-GLU2acijJaz3O-320w.webp",
+    "640w": "https://static.levocdn.com/WLZ1TXTD/team-1-4-GLU2acijJaz3O-640w.webp",
+    "750w": "https://static.levocdn.com/WLZ1TXTD/team-1-4-GLU2acijJaz3O-750w.webp",
+    "828w": "https://static.levocdn.com/WLZ1TXTD/team-1-4-GLU2acijJaz3O-828w.webp",
     path: "https://static.levocdn.com/WLZ1TXTD/team-1-4-GLU2acijJaz3O-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/team-1-4-GLU2acijJaz3O-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/team-1-4-GLU2acijJaz3O-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/team-1-4-GLU2acijJaz3O-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/team-1-4-GLU2acijJaz3O-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/team-1-4-GLU2acijJaz3O-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/team-1-4-GLU2acijJaz3O-1200w.webp 1200w",
   },
   mimetype: "image/png",

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

@@ -4,12 +4,12 @@ import {
   Container,
   Heading,
   Icon,
+  type ILevoBlockBaseProps,
   Media,
   Section,
   Typography,
-  type ILevoBlockBaseProps,
 } from "@levo-so/studio";
-import React from "react";
+import type React from "react";
 
 import type { ITeam1Content } from "./team-1.schema";
 
@@ -46,32 +46,18 @@ const Team1: React.FC<ILevoBlockBaseProps<ITeam1Content>> = ({ content }) => {
       </Container>
       <Container elementKey="team_levoGroup" data-levo_group>
         {content?.team?.map((person: IPersonInfo, index: number) => (
-          <Box
-            elementKey={`team.${index}.wrapper`}
-            key={index}
-            data-levo_group_item
-          >
+          <Box elementKey={`team.${index}.wrapper`} key={index} data-levo_group_item>
             <Media elementKey={`team.${index}.media`} alt="person_image" />
             <Box elementKey={`team.${index}.info-wrapper`}>
-              <Box
-                elementKey={`team.${index}.info`}
-                className="w-full px-8 py-7"
-              >
-                <Heading elementKey={`team.${index}.name`}>
-                  {person?.name}
-                </Heading>
+              <Box elementKey={`team.${index}.info`} className="w-full px-8 py-7">
+                <Heading elementKey={`team.${index}.name`}>{person?.name}</Heading>
                 <Box elementKey={`team.${index}.description-wrapper`}>
                   <Typography elementKey={`team.${index}.description`}>
                     {person?.description}
                   </Typography>
-                  <Typography elementKey={`team.${index}.company`}>
-                    {person?.company}
-                  </Typography>
+                  <Typography elementKey={`team.${index}.company`}>{person?.company}</Typography>
                 </Box>
-                <Box
-                  elementKey={`team.${index}.links_levoGroup`}
-                  data-levo_group
-                >
+                <Box elementKey={`team.${index}.links_levoGroup`} data-levo_group>
                   {person?.links?.map((_: unknown, idx: number) => (
                     <Box
                       data-levo_group_item