@levo-so/blocks 0.1.59 → 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;