@levo-so/blocks 0.1.59 → 0.1.61

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

@@ -0,0 +1,145 @@
+import type { ILevoBlockBaseProps } from "@levo-so/studio";
+import {
+  Box,
+  Button,
+  Container,
+  Form,
+  Heading,
+  Icon,
+  Image,
+  Section,
+  Typography,
+} from "@levo-so/studio";
+import dayjs from "dayjs";
+import type React from "react";
+
+import type { IJobs1Content } from "./jobs-1.schema";
+
+const Jobs1: React.FC<ILevoBlockBaseProps<IJobs1Content>> = ({ content }) => (
+  <Section elementKey="layout">
+    {/* Hero Section */}
+    <Section elementKey="hero_layout">
+      <Container elementKey="hero_container">
+        <Box elementKey="hero_content_wrapper">
+          <Typography elementKey="hero_tagline" />
+          <Heading elementKey="hero_title" />
+          <Typography elementKey="hero_description" />
+          <Button elementKey="hero_button" />
+          <Box elementKey="hero_ctas_levoGroup" data-levo_group>
+            {(content?.hero_ctas || [])?.map((_: unknown, index: number) => (
+              <Button
+                elementKey={`hero_ctas.${index}.button`}
+                key={`jobs-1-cta-${index}`}
+                data-levo_group_item
+              />
+            ))}
+          </Box>
+
+          <Box elementKey="hero_image_wrapper">
+            <Image
+              elementKey="hero_image_desktop"
+              width={800}
+              height={600}
+              alt="hero image desktop"
+            />
+            <Image
+              elementKey="hero_image_mobile"
+              width={400}
+              height={300}
+              alt="hero image mobile"
+            />
+          </Box>
+        </Box>
+      </Container>
+    </Section>
+
+    {/* Job Details Section */}
+    <Section elementKey="details_layout">
+      <Container elementKey="details_container">
+        <Box elementKey="details_content">
+          {/* Left Sidebar */}
+          <Box elementKey="details_sidebar">
+            {/* Info Cards */}
+            <Box elementKey="info_cards_levoGroup" data-levo_group>
+              {(content?.info_cards ?? []).map((_: unknown, index: number) => (
+                <Box key={index} data-levo_group_item elementKey={`info_cards.${index}.card`}>
+                  <Heading elementKey={`info_cards.${index}.heading`} />
+                  {/* Repeatable Info Items */}
+                  <Box elementKey={`info_cards.${index}.items_levoGroup`} data-levo_group>
+                    {(content?.info_cards?.[index]?.items ?? []).map(
+                      (_: unknown, itemIndex: number) => (
+                        <Box
+                          key={itemIndex}
+                          data-levo_group_item
+                          elementKey={`info_cards.${index}.items.${itemIndex}.item_wrapper`}
+                        >
+                          <Heading elementKey={`info_cards.${index}.items.${itemIndex}.label`} />
+                          <Typography elementKey={`info_cards.${index}.items.${itemIndex}.value`} />
+                        </Box>
+                      ),
+                    )}
+                  </Box>
+                  <Button elementKey={`info_cards.${index}.button`} />
+                </Box>
+              ))}
+            </Box>
+            {/* Social Media Icons */}
+            <Box elementKey="social_section">
+              <Heading 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`}
+                  />
+                ))}
+              </Box>
+            </Box>
+          </Box>
+          {/* Main Job Content */}
+          <Box elementKey="job_content">
+            {/* Top Content Icons */}
+            <Box elementKey="job_meta">
+              <Box elementKey="meta_icons_levoGroup" data-levo_group>
+                {(content?.meta_icons ?? []).map((_: unknown, index: number) => (
+                  <Box
+                    key={index}
+                    data-levo_group_item
+                    elementKey={`meta_icons.${index}.icon_wrapper`}
+                  >
+                    <Icon elementKey={`meta_icons.${index}.icon`} />
+                    <Typography elementKey={`meta_icons.${index}.text`} />
+                  </Box>
+                ))}
+              </Box>
+              {/* Calendar and Time (fixed icons) */}
+              <Box elementKey="meta_details">
+                <Box elementKey="date_wrapper">
+                  <Icon elementKey="calendar_icon" />
+                  <Typography elementKey="posted_date">
+                    {content?.posted_date && dayjs(content?.posted_date).isValid()
+                      ? dayjs(content?.posted_date).format("DD MMM, YYYY")
+                      : " "}
+                  </Typography>
+                </Box>
+                <Box elementKey="duration_wrapper">
+                  <Icon elementKey="duration_icon" />
+                  <Typography elementKey="application_deadline" />
+                </Box>
+              </Box>
+            </Box>
+            {/* Job Description Content */}
+            <Box elementKey="description_section">
+              <Heading elementKey="description_title" />
+              <Typography elementKey="description_content" className="LevoProseMirror" />
+            </Box>
+          </Box>
+          <Form elementKey="application_form" />
+        </Box>
+      </Container>
+    </Section>
+  </Section>
+);
+
+export default Jobs1;

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

@@ -1,17 +1,134 @@
 import type { IBlock } from "@levo-so/studio";
 
+const MEDIA_1 = {
+  id: "ZnMd6UkWEqMpG",
+  filename: "logos-1-1.png",
+  kind: "image",
+  location: "https://static.levocdn.com/WLZ1TXTD/logos-1-1-WT0jirEuNwyiZ.png",
+  srcset: {
+    "1080w": "https://static.levocdn.com/WLZ1TXTD/logos-1-1-WT0jirEuNwyiZ-1080w.webp",
+    "1200w": "https://static.levocdn.com/WLZ1TXTD/logos-1-1-WT0jirEuNwyiZ-1200w.webp",
+    "1920w": "https://static.levocdn.com/WLZ1TXTD/logos-1-1-WT0jirEuNwyiZ-1920w.webp",
+    "320w": "https://static.levocdn.com/WLZ1TXTD/logos-1-1-WT0jirEuNwyiZ-320w.webp",
+    "640w": "https://static.levocdn.com/WLZ1TXTD/logos-1-1-WT0jirEuNwyiZ-640w.webp",
+    "750w": "https://static.levocdn.com/WLZ1TXTD/logos-1-1-WT0jirEuNwyiZ-750w.webp",
+    "828w": "https://static.levocdn.com/WLZ1TXTD/logos-1-1-WT0jirEuNwyiZ-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/logos-1-1-WT0jirEuNwyiZ-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/logos-1-1-WT0jirEuNwyiZ-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/logos-1-1-WT0jirEuNwyiZ-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/logos-1-1-WT0jirEuNwyiZ-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/logos-1-1-WT0jirEuNwyiZ-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/logos-1-1-WT0jirEuNwyiZ-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/logos-1-1-WT0jirEuNwyiZ-320w.webp 320w",
+  },
+  mimetype: "image/png",
+};
+const MEDIA_2 = {
+  id: "jfwu7peTn4jMH",
+  filename: "logos-1-2.png",
+  kind: "image",
+  location: "https://static.levocdn.com/WLZ1TXTD/logos-1-2-tryvOJ6VoHjPH.png",
+  srcset: {
+    "1080w": "https://static.levocdn.com/WLZ1TXTD/logos-1-2-tryvOJ6VoHjPH-1080w.webp",
+    "1200w": "https://static.levocdn.com/WLZ1TXTD/logos-1-2-tryvOJ6VoHjPH-1200w.webp",
+    "1920w": "https://static.levocdn.com/WLZ1TXTD/logos-1-2-tryvOJ6VoHjPH-1920w.webp",
+    "320w": "https://static.levocdn.com/WLZ1TXTD/logos-1-2-tryvOJ6VoHjPH-320w.webp",
+    "640w": "https://static.levocdn.com/WLZ1TXTD/logos-1-2-tryvOJ6VoHjPH-640w.webp",
+    "750w": "https://static.levocdn.com/WLZ1TXTD/logos-1-2-tryvOJ6VoHjPH-750w.webp",
+    "828w": "https://static.levocdn.com/WLZ1TXTD/logos-1-2-tryvOJ6VoHjPH-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/logos-1-2-tryvOJ6VoHjPH-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/logos-1-2-tryvOJ6VoHjPH-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/logos-1-2-tryvOJ6VoHjPH-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/logos-1-2-tryvOJ6VoHjPH-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/logos-1-2-tryvOJ6VoHjPH-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/logos-1-2-tryvOJ6VoHjPH-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/logos-1-2-tryvOJ6VoHjPH-1080w.webp 1080w",
+  },
+  mimetype: "image/png",
+};
+const MEDIA_3 = {
+  id: "tryv7J6VoHj2X",
+  filename: "logos-1-3.png",
+  kind: "image",
+  location: "https://static.levocdn.com/WLZ1TXTD/logos-1-3-30WTlpd1wm4Em.png",
+  srcset: {
+    "1080w": "https://static.levocdn.com/WLZ1TXTD/logos-1-3-30WTlpd1wm4Em-1080w.webp",
+    "1200w": "https://static.levocdn.com/WLZ1TXTD/logos-1-3-30WTlpd1wm4Em-1200w.webp",
+    "1920w": "https://static.levocdn.com/WLZ1TXTD/logos-1-3-30WTlpd1wm4Em-1920w.webp",
+    "320w": "https://static.levocdn.com/WLZ1TXTD/logos-1-3-30WTlpd1wm4Em-320w.webp",
+    "640w": "https://static.levocdn.com/WLZ1TXTD/logos-1-3-30WTlpd1wm4Em-640w.webp",
+    "750w": "https://static.levocdn.com/WLZ1TXTD/logos-1-3-30WTlpd1wm4Em-750w.webp",
+    "828w": "https://static.levocdn.com/WLZ1TXTD/logos-1-3-30WTlpd1wm4Em-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/logos-1-3-30WTlpd1wm4Em-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/logos-1-3-30WTlpd1wm4Em-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/logos-1-3-30WTlpd1wm4Em-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/logos-1-3-30WTlpd1wm4Em-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/logos-1-3-30WTlpd1wm4Em-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/logos-1-3-30WTlpd1wm4Em-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/logos-1-3-30WTlpd1wm4Em-1920w.webp 1920w",
+  },
+  mimetype: "image/png",
+};
+const MEDIA_4 = {
+  id: "c2uQzaNTVEguA",
+  filename: "logos-1-4.png",
+  kind: "image",
+  location: "https://static.levocdn.com/WLZ1TXTD/logos-1-4-01TSAtz7vdsHd.png",
+  srcset: {
+    "1080w": "https://static.levocdn.com/WLZ1TXTD/logos-1-4-01TSAtz7vdsHd-1080w.webp",
+    "1200w": "https://static.levocdn.com/WLZ1TXTD/logos-1-4-01TSAtz7vdsHd-1200w.webp",
+    "1920w": "https://static.levocdn.com/WLZ1TXTD/logos-1-4-01TSAtz7vdsHd-1920w.webp",
+    "320w": "https://static.levocdn.com/WLZ1TXTD/logos-1-4-01TSAtz7vdsHd-320w.webp",
+    "640w": "https://static.levocdn.com/WLZ1TXTD/logos-1-4-01TSAtz7vdsHd-640w.webp",
+    "750w": "https://static.levocdn.com/WLZ1TXTD/logos-1-4-01TSAtz7vdsHd-750w.webp",
+    "828w": "https://static.levocdn.com/WLZ1TXTD/logos-1-4-01TSAtz7vdsHd-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/logos-1-4-01TSAtz7vdsHd-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/logos-1-4-01TSAtz7vdsHd-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/logos-1-4-01TSAtz7vdsHd-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/logos-1-4-01TSAtz7vdsHd-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/logos-1-4-01TSAtz7vdsHd-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/logos-1-4-01TSAtz7vdsHd-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/logos-1-4-01TSAtz7vdsHd-640w.webp 640w",
+  },
+  mimetype: "image/png",
+};
+const MEDIA_5 = {
+  id: "2EYMF5YIelLpe",
+  filename: "logos-1-5.png",
+  kind: "image",
+  location: "https://static.levocdn.com/WLZ1TXTD/logos-1-5-6HgbCxxyU7NA7.png",
+  srcset: {
+    "1080w": "https://static.levocdn.com/WLZ1TXTD/logos-1-5-6HgbCxxyU7NA7-1080w.webp",
+    "1200w": "https://static.levocdn.com/WLZ1TXTD/logos-1-5-6HgbCxxyU7NA7-1200w.webp",
+    "1920w": "https://static.levocdn.com/WLZ1TXTD/logos-1-5-6HgbCxxyU7NA7-1920w.webp",
+    "320w": "https://static.levocdn.com/WLZ1TXTD/logos-1-5-6HgbCxxyU7NA7-320w.webp",
+    "640w": "https://static.levocdn.com/WLZ1TXTD/logos-1-5-6HgbCxxyU7NA7-640w.webp",
+    "750w": "https://static.levocdn.com/WLZ1TXTD/logos-1-5-6HgbCxxyU7NA7-750w.webp",
+    "828w": "https://static.levocdn.com/WLZ1TXTD/logos-1-5-6HgbCxxyU7NA7-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/logos-1-5-6HgbCxxyU7NA7-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/logos-1-5-6HgbCxxyU7NA7-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/logos-1-5-6HgbCxxyU7NA7-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/logos-1-5-6HgbCxxyU7NA7-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/logos-1-5-6HgbCxxyU7NA7-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/logos-1-5-6HgbCxxyU7NA7-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/logos-1-5-6HgbCxxyU7NA7-1920w.webp 1920w",
+  },
+  mimetype: "image/png",
+};
+const MEDIA_6 = {
+  id: "oildmrpqcEPWp",
+  filename: "logos-1-6.png",
+  kind: "image",
+  location: "https://static.levocdn.com/WLZ1TXTD/logos-1-6-n3qa8fSsUzopz.png",
+  srcset: {
+    "1080w": "https://static.levocdn.com/WLZ1TXTD/logos-1-6-n3qa8fSsUzopz-1080w.webp",
+    "1200w": "https://static.levocdn.com/WLZ1TXTD/logos-1-6-n3qa8fSsUzopz-1200w.webp",
+    "1920w": "https://static.levocdn.com/WLZ1TXTD/logos-1-6-n3qa8fSsUzopz-1920w.webp",
+    "320w": "https://static.levocdn.com/WLZ1TXTD/logos-1-6-n3qa8fSsUzopz-320w.webp",
+    "640w": "https://static.levocdn.com/WLZ1TXTD/logos-1-6-n3qa8fSsUzopz-640w.webp",
+    "750w": "https://static.levocdn.com/WLZ1TXTD/logos-1-6-n3qa8fSsUzopz-750w.webp",
+    "828w": "https://static.levocdn.com/WLZ1TXTD/logos-1-6-n3qa8fSsUzopz-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/logos-1-6-n3qa8fSsUzopz-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/logos-1-6-n3qa8fSsUzopz-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/logos-1-6-n3qa8fSsUzopz-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/logos-1-6-n3qa8fSsUzopz-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/logos-1-6-n3qa8fSsUzopz-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/logos-1-6-n3qa8fSsUzopz-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/logos-1-6-n3qa8fSsUzopz-1200w.webp 1200w",
+  },
+  mimetype: "image/png",
+};
+const MEDIA_7 = {
+  id: "oildcrpqcEPWt",
+  filename: "logos-1-7.png",
+  kind: "image",
+  location: "https://static.levocdn.com/WLZ1TXTD/logos-1-7-moxOc3I3Xk2sg.png",
+  srcset: {
+    "1080w": "https://static.levocdn.com/WLZ1TXTD/logos-1-7-moxOc3I3Xk2sg-1080w.webp",
+    "1200w": "https://static.levocdn.com/WLZ1TXTD/logos-1-7-moxOc3I3Xk2sg-1200w.webp",
+    "1920w": "https://static.levocdn.com/WLZ1TXTD/logos-1-7-moxOc3I3Xk2sg-1920w.webp",
+    "320w": "https://static.levocdn.com/WLZ1TXTD/logos-1-7-moxOc3I3Xk2sg-320w.webp",
+    "640w": "https://static.levocdn.com/WLZ1TXTD/logos-1-7-moxOc3I3Xk2sg-640w.webp",
+    "750w": "https://static.levocdn.com/WLZ1TXTD/logos-1-7-moxOc3I3Xk2sg-750w.webp",
+    "828w": "https://static.levocdn.com/WLZ1TXTD/logos-1-7-moxOc3I3Xk2sg-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/logos-1-7-moxOc3I3Xk2sg-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/logos-1-7-moxOc3I3Xk2sg-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/logos-1-7-moxOc3I3Xk2sg-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/logos-1-7-moxOc3I3Xk2sg-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/logos-1-7-moxOc3I3Xk2sg-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/logos-1-7-moxOc3I3Xk2sg-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/logos-1-7-moxOc3I3Xk2sg-320w.webp 320w",
+  },
+  mimetype: "image/png",
+};
+
 const DUMMY_IMAGE = {
   id: "7141014160938075687",
   location: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH.png",
   kind: "image",
   mimetype: "image/png",
   srcset: {
-    "1080w":
-      "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp",
-    "1200w":
-      "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp",
-    "1920w":
-      "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp",
+    "1080w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp",
+    "1200w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp",
+    "1920w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp",
     "320w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp",
     "640w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp",
     "750w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp",
@@ -20,6 +137,8 @@ const DUMMY_IMAGE = {
   },
 };
 
+const MEDIA_ARR = [MEDIA_1, MEDIA_2, MEDIA_3, MEDIA_4, MEDIA_5, MEDIA_6, MEDIA_7];
+
 const LOGOS_LENGTH = 30;
 
 const DEFAULT_CONTENT = {
@@ -37,9 +156,9 @@ const DEFAULT_CONTENT = {
     },
   ],
 
-  logos: Array.from({ length: LOGOS_LENGTH }, () => ({
+  logos: Array.from({ length: LOGOS_LENGTH }, (_, i) => ({
     wrapper: null,
-    logo: DUMMY_IMAGE,
+    logo: MEDIA_ARR[i % MEDIA_ARR.length],
   })),
 };
 
@@ -183,14 +302,248 @@ export const Logos1: IBlock = {
             number_of_slides: 2,
           },
         },
-        logos: Array.from({ length: LOGOS_LENGTH }, () => ({
-          wrapper: {
-            filter: "none",
-            display: "flex",
-            "align-items": "center",
-            "justify-content": "center",
-          },
-        })),
+        logos: [
+          {
+            wrapper: {
+              filter: "none",
+              display: "flex",
+              "align-items": "center",
+              "justify-content": "center",
+            },
+          },
+          {
+            wrapper: {
+              filter: "none",
+              display: "flex",
+              "align-items": "center",
+              "justify-content": "center",
+            },
+          },
+          {
+            wrapper: {
+              filter: "none",
+              display: "flex",
+              "align-items": "center",
+              "justify-content": "center",
+            },
+          },
+          {
+            wrapper: {
+              filter: "none",
+              display: "flex",
+              "align-items": "center",
+              "justify-content": "center",
+            },
+          },
+          {
+            wrapper: {
+              filter: "none",
+              display: "flex",
+              "align-items": "center",
+              "justify-content": "center",
+            },
+          },
+          {
+            wrapper: {
+              filter: "none",
+              display: "flex",
+              "align-items": "center",
+              "justify-content": "center",
+            },
+          },
+          {
+            wrapper: {
+              filter: "none",
+              display: "flex",
+              "align-items": "center",
+              "justify-content": "center",
+            },
+          },
+          {
+            wrapper: {
+              filter: "none",
+              display: "flex",
+              "align-items": "center",
+              "justify-content": "center",
+            },
+          },
+          {
+            wrapper: {
+              filter: "none",
+              display: "flex",
+              "align-items": "center",
+              "justify-content": "center",
+            },
+          },
+          {
+            wrapper: {
+              filter: "none",
+              display: "flex",
+              "align-items": "center",
+              "justify-content": "center",
+            },
+          },
+          {
+            wrapper: {
+              filter: "none",
+              display: "flex",
+              "align-items": "center",
+              "justify-content": "center",
+            },
+          },
+          {
+            wrapper: {
+              filter: "none",
+              display: "flex",
+              "align-items": "center",
+              "justify-content": "center",
+            },
+          },
+          {
+            wrapper: {
+              filter: "none",
+              display: "flex",
+              "align-items": "center",
+              "justify-content": "center",
+            },
+          },
+          {
+            wrapper: {
+              filter: "none",
+              display: "flex",
+              "align-items": "center",
+              "justify-content": "center",
+            },
+          },
+          {
+            wrapper: {
+              filter: "none",
+              display: "flex",
+              "align-items": "center",
+              "justify-content": "center",
+            },
+          },
+          {
+            wrapper: {
+              filter: "none",
+              display: "flex",
+              "align-items": "center",
+              "justify-content": "center",
+            },
+          },
+          {
+            wrapper: {
+              filter: "none",
+              display: "flex",
+              "align-items": "center",
+              "justify-content": "center",
+            },
+          },
+          {
+            wrapper: {
+              filter: "none",
+              display: "flex",
+              "align-items": "center",
+              "justify-content": "center",
+            },
+          },
+          {
+            wrapper: {
+              filter: "none",
+              display: "flex",
+              "align-items": "center",
+              "justify-content": "center",
+            },
+          },
+          {
+            wrapper: {
+              filter: "none",
+              display: "flex",
+              "align-items": "center",
+              "justify-content": "center",
+            },
+          },
+          {
+            wrapper: {
+              filter: "none",
+              display: "flex",
+              "align-items": "center",
+              "justify-content": "center",
+            },
+          },
+          {
+            wrapper: {
+              filter: "none",
+              display: "flex",
+              "align-items": "center",
+              "justify-content": "center",
+            },
+          },
+          {
+            wrapper: {
+              filter: "none",
+              display: "flex",
+              "align-items": "center",
+              "justify-content": "center",
+            },
+          },
+          {
+            wrapper: {
+              filter: "none",
+              display: "flex",
+              "align-items": "center",
+              "justify-content": "center",
+            },
+          },
+          {
+            wrapper: {
+              filter: "none",
+              display: "flex",
+              "align-items": "center",
+              "justify-content": "center",
+            },
+          },
+          {
+            wrapper: {
+              filter: "none",
+              display: "flex",
+              "align-items": "center",
+              "justify-content": "center",
+            },
+          },
+          {
+            wrapper: {
+              filter: "none",
+              display: "flex",
+              "align-items": "center",
+              "justify-content": "center",
+            },
+          },
+          {
+            wrapper: {
+              filter: "none",
+              display: "flex",
+              "align-items": "center",
+              "justify-content": "center",
+            },
+          },
+          {
+            wrapper: {
+              filter: "none",
+              display: "flex",
+              "align-items": "center",
+              "justify-content": "center",
+            },
+          },
+          {
+            wrapper: {
+              filter: "none",
+              display: "flex",
+              "align-items": "center",
+              "justify-content": "center",
+            },
+          },
+        ],
         textCTAWrapper: {
           display: "flex",
           "flex-direction": "column",
@@ -209,31 +562,12 @@ export const Logos1: IBlock = {
           "align-items": "center",
           "row-gap": "4xs",
         },
-        layout: {
-          "padding-top": "2xl",
-          "padding-bottom": "2xl",
-          "padding-right": "6xl",
-          "padding-left": "6xl",
-          tablet: {
-            "padding-top": "lg",
-            "padding-bottom": "lg",
-            "padding-right": "3xl",
-            "padding-left": "3xl",
-          },
-          mobile: {
-            "padding-top": "base",
-            "padding-bottom": "base",
-            "padding-right": "xl",
-            "padding-left": "xl",
-          },
-        },
+        layout: {},
         title: {
           "text-align": "center",
-          color: "text-1",
         },
         description: {
           "text-align": "center",
-          color: "text-2",
         },
         container: {
           display: "flex",

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

@@ -1,15 +1,15 @@
 import {
-  type ILevoBlockBaseProps,
-  Button,
-  Heading,
-  Typography,
-  Container,
-  Section,
   Box,
-  Image,
+  Button,
   Carousel,
   CarouselContent,
   CarouselItem,
+  Container,
+  Heading,
+  type ILevoBlockBaseProps,
+  Image,
+  Section,
+  Typography,
 } from "@levo-so/studio";
 
 import type { ILogos1Content } from "./logos-1.schema";