@levo-so/blocks 0.1.60 → 0.1.61

package/src/blocks/{blogs/blog-post-2.tsx → profile/profile-4.tsx}

@@ -1,20 +1,11 @@
 import type { ILevoBlockBaseProps } from "@levo-so/studio";
-import {
-  Box,
-  Button,
-  Container,
-  Form,
-  Heading,
-  Icon,
-  Section,
-  Typography,
-} from "@levo-so/studio";
+import { Box, Button, Container, Form, Heading, Icon, Section, Typography } from "@levo-so/studio";
 import dayjs from "dayjs";
 import type React from "react";
-import type { IBlogPost2Content } from "./blog-post-2.schema";
-const BlogPost2: React.FC<ILevoBlockBaseProps<IBlogPost2Content>> = ({
-  content,
-}) => (
+
+import type { IProfile4Content } from "./profile-4.schema";
+
+const Profile4: React.FC<ILevoBlockBaseProps<IProfile4Content>> = ({ content }) => (
   <Section elementKey="layout">
     <Container elementKey="container">
       <Box elementKey="main-content">
@@ -22,22 +13,13 @@ const BlogPost2: React.FC<ILevoBlockBaseProps<IBlogPost2Content>> = ({
         <Box elementKey="sidebar">
           {/* Three Cards */}
           <Box elementKey="sidebar-cards_levoGroup" data-levo_group>
-            {(content?.["sidebar-cards"] ?? []).map(
-              (_: unknown, index: number) => (
-                <Box
-                  key={index}
-                  data-levo_group_item
-                  elementKey={`sidebar-cards.${index}.card`}
-                >
-                  <Heading elementKey={`sidebar-cards.${index}.heading`} />
-                  {/* Repeatable Titles and Descriptions */}
-                  <Box
-                    elementKey={`sidebar-cards.${index}.content_levoGroup`}
-                    data-levo_group
-                  >
-                    {(
-                      content?.["sidebar-cards"]?.[index]?.["content"] ?? []
-                    ).map((_: unknown, contentIndex: number) => (
+            {(content?.["sidebar-cards"] ?? []).map((_: unknown, index: number) => (
+              <Box key={index} data-levo_group_item elementKey={`sidebar-cards.${index}.card`}>
+                <Heading elementKey={`sidebar-cards.${index}.heading`} />
+                {/* Repeatable Titles and Descriptions */}
+                <Box elementKey={`sidebar-cards.${index}.content_levoGroup`} data-levo_group>
+                  {(content?.["sidebar-cards"]?.[index]?.["content"] ?? []).map(
+                    (_: unknown, contentIndex: number) => (
                       <Box
                         key={contentIndex}
                         data-levo_group_item
@@ -50,26 +32,20 @@ const BlogPost2: React.FC<ILevoBlockBaseProps<IBlogPost2Content>> = ({
                           elementKey={`sidebar-cards.${index}.content.${contentIndex}.description`}
                         />
                       </Box>
-                    ))}
-                  </Box>
-                  <Button elementKey={`sidebar-cards.${index}.button`} />
+                    ),
+                  )}
                 </Box>
-              ),
-            )}
+                <Button elementKey={`sidebar-cards.${index}.button`} />
+              </Box>
+            ))}
           </Box>
           {/* Social Media Icons */}
           <Box elementKey="social-section">
             <Typography elementKey="social-title" />
             <Box elementKey="social-icons_levoGroup" data-levo_group>
-              {(content?.["social-icons"] ?? []).map(
-                (_: unknown, index: number) => (
-                  <Icon
-                    key={index}
-                    data-levo_group_item
-                    elementKey={`social-icons.${index}.icon`}
-                  />
-                ),
-              )}
+              {(content?.["social-icons"] ?? []).map((_: unknown, index: number) => (
+                <Icon key={index} data-levo_group_item elementKey={`social-icons.${index}.icon`} />
+              ))}
             </Box>
           </Box>
         </Box>
@@ -78,28 +54,23 @@ const BlogPost2: React.FC<ILevoBlockBaseProps<IBlogPost2Content>> = ({
           {/* Top Content Icons */}
           <Box elementKey="content-meta">
             <Box elementKey="content-icons_levoGroup" data-levo_group>
-              {(content?.["content-icons"] ?? []).map(
-                (_: unknown, index: number) => (
-                  <Box
-                    key={index}
-                    data-levo_group_item
-                    elementKey={`content-icons.${index}.icon-wrapper`}
-                  >
-                    <Icon elementKey={`content-icons.${index}.icon`} />
-                    <Typography
-                      elementKey={`content-icons.${index}.description`}
-                    />
-                  </Box>
-                ),
-              )}
+              {(content?.["content-icons"] ?? []).map((_: unknown, index: number) => (
+                <Box
+                  key={index}
+                  data-levo_group_item
+                  elementKey={`content-icons.${index}.icon-wrapper`}
+                >
+                  <Icon elementKey={`content-icons.${index}.icon`} />
+                  <Typography elementKey={`content-icons.${index}.description`} />
+                </Box>
+              ))}
             </Box>
             {/* Calendar and Time (fixed icons) */}
             <Box elementKey="meta-info">
               <Box elementKey="date-wrapper">
                 <Icon elementKey="calendar-icon" />
                 <Typography elementKey="publish-date">
-                  {content?.["publish-date"] &&
-                  dayjs(content?.["publish-date"]).isValid()
+                  {content?.["publish-date"] && dayjs(content?.["publish-date"]).isValid()
                     ? dayjs(content?.["publish-date"]).format("DD MMM, YYYY")
                     : " "}
                 </Typography>
@@ -121,4 +92,4 @@ const BlogPost2: React.FC<ILevoBlockBaseProps<IBlogPost2Content>> = ({
     </Container>
   </Section>
 );
-export default BlogPost2;
+export default Profile4;

package/src/blocks/{blogs/blog-post-3.schema.ts → profile/profile-5.schema.ts}

@@ -24,15 +24,15 @@ const DEFAULT_CONTENT = {
     "Our team of expert developers and designers work collaboratively to deliver innovative solutions that drive business growth. We combine cutting-edge technology with industry best practices to create digital experiences that engage and inspire users.",
 };
 
-export type IBlogPost3Content = typeof DEFAULT_CONTENT;
+export type IProfile5Content = typeof DEFAULT_CONTENT;
 
-export const BlogPost3: IBlock = {
-  category_id: "blogs",
-  title: "Blog Post 3",
-  key: "blog-post-3",
+export const Profile5: IBlock = {
+  category_id: "profile",
+  title: "Profile 5",
+  key: "profile-5",
   version: "v1",
   prompt_description:
-    "A blog post layout with left-right container featuring image, social icons, and experience content",
+    "A profile layout with left-right container featuring image, social icons, and experience content",
   content_schema: [
     {
       key: "layout",

package/src/blocks/{blogs/blog-post-3.tsx → profile/profile-5.tsx}

@@ -9,16 +9,14 @@ import {
   Typography,
 } from "@levo-so/studio";
 
-import type { IBlogPost3Content } from "./blog-post-3.schema";
+import type { IProfile5Content } from "./profile-5.schema";
 
-const BlogPost3: React.FC<ILevoBlockBaseProps<IBlogPost3Content>> = ({
-  content,
-}) => (
+const Profile5: React.FC<ILevoBlockBaseProps<IProfile5Content>> = ({ content }) => (
   <Section elementKey="layout">
     <Container elementKey="container">
       <Box elementKey="main_container">
         <Box elementKey="left_container">
-          <Image elementKey="image" alt="Blog post image" />
+          <Image elementKey="image" alt="Profile image" />
           <Box elementKey="social_icons">
             <Icon elementKey="social_icon_1" />
             <Icon elementKey="social_icon_2" />
@@ -28,7 +26,7 @@ const BlogPost3: React.FC<ILevoBlockBaseProps<IBlogPost3Content>> = ({
             {(content?.ctas || [])?.map((_, index) => (
               <Button
                 elementKey={`ctas.${index}.button`}
-                key={`blog-post-3-cta-${index}`}
+                key={`profile-5-cta-${index}`}
                 data-levo_group_item
               />
             ))}
@@ -47,10 +45,7 @@ const BlogPost3: React.FC<ILevoBlockBaseProps<IBlogPost3Content>> = ({
             </Box>
           </Box>
           <Box elementKey="content_container">
-            <Typography
-              elementKey="content_description"
-              className="LevoProseMirror"
-            />
+            <Typography elementKey="content_description" className="LevoProseMirror" />
           </Box>
         </Box>
       </Box>
@@ -58,4 +53,4 @@ const BlogPost3: React.FC<ILevoBlockBaseProps<IBlogPost3Content>> = ({
   </Section>
 );
 
-export default BlogPost3;
+export default Profile5;

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

@@ -6,20 +6,13 @@ const MEDIA = {
   kind: "image",
   location: "https://static.levocdn.com/WLZ1TXTD/services-1-PzNoMN1prgDI.png",
   srcset: {
-    "1080w":
-      "https://static.levocdn.com/WLZ1TXTD/services-1-PzNoMN1prgDI-1080w.webp",
-    "1200w":
-      "https://static.levocdn.com/WLZ1TXTD/services-1-PzNoMN1prgDI-1200w.webp",
-    "1920w":
-      "https://static.levocdn.com/WLZ1TXTD/services-1-PzNoMN1prgDI-1920w.webp",
-    "320w":
-      "https://static.levocdn.com/WLZ1TXTD/services-1-PzNoMN1prgDI-320w.webp",
-    "640w":
-      "https://static.levocdn.com/WLZ1TXTD/services-1-PzNoMN1prgDI-640w.webp",
-    "750w":
-      "https://static.levocdn.com/WLZ1TXTD/services-1-PzNoMN1prgDI-750w.webp",
-    "828w":
-      "https://static.levocdn.com/WLZ1TXTD/services-1-PzNoMN1prgDI-828w.webp",
+    "1080w": "https://static.levocdn.com/WLZ1TXTD/services-1-PzNoMN1prgDI-1080w.webp",
+    "1200w": "https://static.levocdn.com/WLZ1TXTD/services-1-PzNoMN1prgDI-1200w.webp",
+    "1920w": "https://static.levocdn.com/WLZ1TXTD/services-1-PzNoMN1prgDI-1920w.webp",
+    "320w": "https://static.levocdn.com/WLZ1TXTD/services-1-PzNoMN1prgDI-320w.webp",
+    "640w": "https://static.levocdn.com/WLZ1TXTD/services-1-PzNoMN1prgDI-640w.webp",
+    "750w": "https://static.levocdn.com/WLZ1TXTD/services-1-PzNoMN1prgDI-750w.webp",
+    "828w": "https://static.levocdn.com/WLZ1TXTD/services-1-PzNoMN1prgDI-828w.webp",
     path: "https://static.levocdn.com/WLZ1TXTD/services-1-PzNoMN1prgDI-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/services-1-PzNoMN1prgDI-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/services-1-PzNoMN1prgDI-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/services-1-PzNoMN1prgDI-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/services-1-PzNoMN1prgDI-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/services-1-PzNoMN1prgDI-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/services-1-PzNoMN1prgDI-1920w.webp 1920w",
   },
   mimetype: "image/png",
@@ -117,20 +110,17 @@ const DEFAULT_CONTENT = {
     {
       "feature-item": null,
       title: "Expert Team",
-      description:
-        "Seasoned professionals with deep industry knowledge and proven track records.",
+      description: "Seasoned professionals with deep industry knowledge and proven track records.",
     },
     {
       "feature-item": null,
       title: "Custom Solutions",
-      description:
-        "Tailored approaches designed specifically for your unique business challenges.",
+      description: "Tailored approaches designed specifically for your unique business challenges.",
     },
     {
       "feature-item": null,
       title: "24/7 Support",
-      description:
-        "Round-the-clock assistance and dedicated account management.",
+      description: "Round-the-clock assistance and dedicated account management.",
     },
   ],
   "right-container": null,
@@ -222,8 +212,7 @@ export const Service1: IBlock = {
       label: "Main Wrapper",
       field_interface: "BoxWidget",
       hint: {
-        prompt_description:
-          "Main wrapper for the two-column layout. No content needed.",
+        prompt_description: "Main wrapper for the two-column layout. No content needed.",
       },
     },
 
@@ -233,8 +222,7 @@ export const Service1: IBlock = {
       label: "Left Container",
       field_interface: "BoxWidget",
       hint: {
-        prompt_description:
-          "Left side container with main content box. No content needed.",
+        prompt_description: "Left side container with main content box. No content needed.",
       },
     },
     {
@@ -310,8 +298,7 @@ export const Service1: IBlock = {
         },
       ],
       hint: {
-        prompt_description:
-          "Collapsible FAQ items about services and solutions.",
+        prompt_description: "Collapsible FAQ items about services and solutions.",
         min_items: 3,
         max_items: 6,
       },
@@ -323,8 +310,7 @@ export const Service1: IBlock = {
       label: "Features Section",
       field_interface: "BoxWidget",
       hint: {
-        prompt_description:
-          "Section containing key service features. No content needed.",
+        prompt_description: "Section containing key service features. No content needed.",
       },
     },
     {
@@ -332,8 +318,7 @@ export const Service1: IBlock = {
       label: "Features Title",
       field_interface: "HeadingWidget",
       hint: {
-        prompt_description:
-          "Title for the features section. Should highlight key benefits.",
+        prompt_description: "Title for the features section. Should highlight key benefits.",
         min_characters: 8,
         max_characters: 30,
       },
@@ -349,8 +334,7 @@ export const Service1: IBlock = {
           label: "Title",
           field_interface: "TypographyWidget",
           hint: {
-            prompt_description:
-              "Feature title highlighting a specific service benefit.",
+            prompt_description: "Feature title highlighting a specific service benefit.",
             min_characters: 8,
             max_characters: 30,
           },
@@ -391,8 +375,7 @@ export const Service1: IBlock = {
           label: "Title",
           field_interface: "HeadingWidget",
           hint: {
-            prompt_description:
-              "Service card title. Should be descriptive and professional.",
+            prompt_description: "Service card title. Should be descriptive and professional.",
             min_characters: 10,
             max_characters: 40,
           },
@@ -414,8 +397,7 @@ export const Service1: IBlock = {
           label: "Description",
           field_interface: "TypographyWidget",
           hint: {
-            prompt_description:
-              "Service description explaining the benefits and approach.",
+            prompt_description: "Service description explaining the benefits and approach.",
             min_characters: 40,
             max_characters: 150,
           },
@@ -455,8 +437,7 @@ export const Service1: IBlock = {
               label: "Icon",
               field_interface: "IconWidget",
               hint: {
-                prompt_description:
-                  "Icon representing the service feature or benefit.",
+                prompt_description: "Icon representing the service feature or benefit.",
                 orientation: "square",
                 size: "icon",
                 usecase: "icon",
@@ -472,8 +453,7 @@ export const Service1: IBlock = {
               label: "Title",
               field_interface: "TypographyWidget",
               hint: {
-                prompt_description:
-                  "Feature title highlighting a specific service advantage.",
+                prompt_description: "Feature title highlighting a specific service advantage.",
                 min_characters: 8,
                 max_characters: 30,
               },

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

@@ -1,24 +1,22 @@
 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 { IService1Content } from "./service-1.schema";
 
-const Service1: React.FC<ILevoBlockBaseProps<IService1Content>> = ({
-  content,
-}) => (
+const Service1: React.FC<ILevoBlockBaseProps<IService1Content>> = ({ content }) => (
   <Section elementKey="layout">
     <Container elementKey="container">
       <Box elementKey="main-wrapper">
@@ -39,23 +37,13 @@ const Service1: React.FC<ILevoBlockBaseProps<IService1Content>> = ({
                   elementKey={`services-accordion.${index}.wrapper`}
                   data-levo_group_item
                 >
-                  <AccordionTrigger
-                    elementKey={`services-accordion.${index}.trigger`}
-                  >
-                    <Box
-                      elementKey={`services-accordion.${index}.iconQuestionWrapper`}
-                    >
-                      <Heading
-                        elementKey={`services-accordion.${index}.question`}
-                      />
+                  <AccordionTrigger elementKey={`services-accordion.${index}.trigger`}>
+                    <Box elementKey={`services-accordion.${index}.iconQuestionWrapper`}>
+                      <Heading elementKey={`services-accordion.${index}.question`} />
                     </Box>
                   </AccordionTrigger>
-                  <AccordionContent
-                    elementKey={`services-accordion.${index}.content`}
-                  >
-                    <Typography
-                      elementKey={`services-accordion.${index}.answer`}
-                    />
+                  <AccordionContent elementKey={`services-accordion.${index}.content`}>
+                    <Typography elementKey={`services-accordion.${index}.answer`} />
                   </AccordionContent>
                 </AccordionItem>
               ))}
@@ -66,10 +54,7 @@ const Service1: React.FC<ILevoBlockBaseProps<IService1Content>> = ({
             <Heading elementKey="features-title" />
             <Box elementKey="features-list_levoGroup" data-levo_group>
               {(content?.["features-list"] ?? []).map((_, index) => (
-                <Typography
-                  key={index}
-                  elementKey={`features-list.${index}.title`}
-                />
+                <Typography key={index} elementKey={`features-list.${index}.title`} />
               ))}
             </Box>
           </Box>
@@ -88,56 +73,45 @@ const Service1: React.FC<ILevoBlockBaseProps<IService1Content>> = ({
                   elementKey={`service-cards.${cardIndex}.image`}
                   alt={`Service ${cardIndex + 1} image`}
                 />
-                <Typography
-                  elementKey={`service-cards.${cardIndex}.description`}
-                />
-                <Box
-                  elementKey={`service-cards.${cardIndex}.ctas_levoGroup`}
-                  data-levo_group
-                >
-                  {(content?.["service-cards"]?.[cardIndex]?.ctas ?? []).map(
-                    (_, ctaIndex) => (
-                      <Button
-                        key={`service-cards.${cardIndex}.ctas.${ctaIndex}.cta`}
-                        elementKey={`service-cards.${cardIndex}.ctas.${ctaIndex}.cta`}
-                        data-levo_group_item
-                      />
-                    )
-                  )}
+                <Typography elementKey={`service-cards.${cardIndex}.description`} />
+                <Box elementKey={`service-cards.${cardIndex}.ctas_levoGroup`} data-levo_group>
+                  {(content?.["service-cards"]?.[cardIndex]?.ctas ?? []).map((_, ctaIndex) => (
+                    <Button
+                      key={`service-cards.${cardIndex}.ctas.${ctaIndex}.cta`}
+                      elementKey={`service-cards.${cardIndex}.ctas.${ctaIndex}.cta`}
+                      data-levo_group_item
+                    />
+                  ))}
                 </Box>
 
-                {content?.["service-cards"]?.[cardIndex]?.[
-                  "service-features"
-                ] && (
+                {content?.["service-cards"]?.[cardIndex]?.["service-features"] && (
                   <Box
                     elementKey={`service-cards.${cardIndex}.service-features_levoGroup`}
                     data-levo_group
                   >
-                    {(
-                      content?.["service-cards"]?.[cardIndex]?.[
-                        "service-features"
-                      ] ?? []
-                    ).map((_, featureIndex) => (
-                      <Box
-                        key={`feature-${featureIndex}`}
-                        data-levo_group_item
-                        elementKey={`service-cards.${cardIndex}.service-features.${featureIndex}.feature-container`}
-                      >
-                        <Icon
-                          elementKey={`service-cards.${cardIndex}.service-features.${featureIndex}.icon`}
-                        />
+                    {(content?.["service-cards"]?.[cardIndex]?.["service-features"] ?? []).map(
+                      (_, featureIndex) => (
                         <Box
-                          elementKey={`service-cards.${cardIndex}.service-features.${featureIndex}.text-container`}
+                          key={`feature-${featureIndex}`}
+                          data-levo_group_item
+                          elementKey={`service-cards.${cardIndex}.service-features.${featureIndex}.feature-container`}
                         >
-                          <Typography
-                            elementKey={`service-cards.${cardIndex}.service-features.${featureIndex}.title`}
-                          />
-                          <Typography
-                            elementKey={`service-cards.${cardIndex}.service-features.${featureIndex}.description`}
+                          <Icon
+                            elementKey={`service-cards.${cardIndex}.service-features.${featureIndex}.icon`}
                           />
+                          <Box
+                            elementKey={`service-cards.${cardIndex}.service-features.${featureIndex}.text-container`}
+                          >
+                            <Typography
+                              elementKey={`service-cards.${cardIndex}.service-features.${featureIndex}.title`}
+                            />
+                            <Typography
+                              elementKey={`service-cards.${cardIndex}.service-features.${featureIndex}.description`}
+                            />
+                          </Box>
                         </Box>
-                      </Box>
-                    ))}
+                      ),
+                    )}
                   </Box>
                 )}
               </Box>

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

@@ -6,20 +6,13 @@ const MEDIA = {
   kind: "image",
   location: "https://static.levocdn.com/WLZ1TXTD/services-2-n3qJfSsRwAGw.png",
   srcset: {
-    "1080w":
-      "https://static.levocdn.com/WLZ1TXTD/services-2-n3qJfSsRwAGw-1080w.webp",
-    "1200w":
-      "https://static.levocdn.com/WLZ1TXTD/services-2-n3qJfSsRwAGw-1200w.webp",
-    "1920w":
-      "https://static.levocdn.com/WLZ1TXTD/services-2-n3qJfSsRwAGw-1920w.webp",
-    "320w":
-      "https://static.levocdn.com/WLZ1TXTD/services-2-n3qJfSsRwAGw-320w.webp",
-    "640w":
-      "https://static.levocdn.com/WLZ1TXTD/services-2-n3qJfSsRwAGw-640w.webp",
-    "750w":
-      "https://static.levocdn.com/WLZ1TXTD/services-2-n3qJfSsRwAGw-750w.webp",
-    "828w":
-      "https://static.levocdn.com/WLZ1TXTD/services-2-n3qJfSsRwAGw-828w.webp",
+    "1080w": "https://static.levocdn.com/WLZ1TXTD/services-2-n3qJfSsRwAGw-1080w.webp",
+    "1200w": "https://static.levocdn.com/WLZ1TXTD/services-2-n3qJfSsRwAGw-1200w.webp",
+    "1920w": "https://static.levocdn.com/WLZ1TXTD/services-2-n3qJfSsRwAGw-1920w.webp",
+    "320w": "https://static.levocdn.com/WLZ1TXTD/services-2-n3qJfSsRwAGw-320w.webp",
+    "640w": "https://static.levocdn.com/WLZ1TXTD/services-2-n3qJfSsRwAGw-640w.webp",
+    "750w": "https://static.levocdn.com/WLZ1TXTD/services-2-n3qJfSsRwAGw-750w.webp",
+    "828w": "https://static.levocdn.com/WLZ1TXTD/services-2-n3qJfSsRwAGw-828w.webp",
     path: "https://static.levocdn.com/WLZ1TXTD/services-2-n3qJfSsRwAGw-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/services-2-n3qJfSsRwAGw-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/services-2-n3qJfSsRwAGw-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/services-2-n3qJfSsRwAGw-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/services-2-n3qJfSsRwAGw-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/services-2-n3qJfSsRwAGw-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/services-2-n3qJfSsRwAGw-320w.webp 320w",
   },
   mimetype: "image/png",
@@ -242,8 +235,7 @@ export const Service2: IBlock = {
       label: "Search Button",
       field_interface: "ButtonWidget",
       hint: {
-        prompt_description:
-          "Button that initiates the search based on entered zipcode.",
+        prompt_description: "Button that initiates the search based on entered zipcode.",
         min_characters: 8,
         max_characters: 20,
       },

package/src/blocks/services/service-2.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 { IService2Content } from "./service-2.schema";
 
-const Service2: React.FC<ILevoBlockBaseProps<IService2Content>> = ({
-  content,
-  config,
-}) => {
+const Service2: React.FC<ILevoBlockBaseProps<IService2Content>> = ({ content, config }) => {
   const [zipcode, setZipcode] = useState("");
   const { isBuilder } = useBlockContext();
   return (