@levo-so/blocks 0.1.58 → 0.1.60

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

@@ -1,5 +1,106 @@
 import type { IBlock } from "@levo-so/studio";
 
+const MEDIA_1 = {
+  id: "OaJSLqfjJnrh",
+  filename: "cta-2-1.jpg",
+  kind: "image",
+  location: "https://static.levocdn.com/WLZ1TXTD/cta-2-1-1d79LgEHfjk4.jpg",
+  srcset: {
+    "1080w":
+      "https://static.levocdn.com/WLZ1TXTD/cta-2-1-1d79LgEHfjk4-1080w.webp",
+    "1200w":
+      "https://static.levocdn.com/WLZ1TXTD/cta-2-1-1d79LgEHfjk4-1200w.webp",
+    "1920w":
+      "https://static.levocdn.com/WLZ1TXTD/cta-2-1-1d79LgEHfjk4-1920w.webp",
+    "320w":
+      "https://static.levocdn.com/WLZ1TXTD/cta-2-1-1d79LgEHfjk4-320w.webp",
+    "640w":
+      "https://static.levocdn.com/WLZ1TXTD/cta-2-1-1d79LgEHfjk4-640w.webp",
+    "750w":
+      "https://static.levocdn.com/WLZ1TXTD/cta-2-1-1d79LgEHfjk4-750w.webp",
+    "828w":
+      "https://static.levocdn.com/WLZ1TXTD/cta-2-1-1d79LgEHfjk4-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/cta-2-1-1d79LgEHfjk4-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/cta-2-1-1d79LgEHfjk4-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/cta-2-1-1d79LgEHfjk4-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/cta-2-1-1d79LgEHfjk4-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/cta-2-1-1d79LgEHfjk4-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/cta-2-1-1d79LgEHfjk4-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/cta-2-1-1d79LgEHfjk4-320w.webp 320w",
+  },
+  mimetype: "image/jpeg",
+};
+
+const MEDIA_2 = {
+  object: "media",
+  id: "iPD7fZlggnLR",
+  workspace_id: "WLZ1TXTD",
+  folder_id: null,
+  filename: "carousel-2-2.jpg",
+  kind: "image",
+  path: "WLZ1TXTD/carousel-2-2-moxO3I3ook0E.jpg",
+  location: "https://static.levocdn.com/WLZ1TXTD/carousel-2-2-moxO3I3ook0E.jpg",
+  metadata: {
+    etag: '"773bbffbbd71aa5cf5a859fbde484615"',
+    mimetype: "image/jpeg",
+    size: 111261,
+  },
+  srcset: {
+    "1080w":
+      "https://static.levocdn.com/WLZ1TXTD/carousel-2-2-moxO3I3ook0E-1080w.webp",
+    "1200w":
+      "https://static.levocdn.com/WLZ1TXTD/carousel-2-2-moxO3I3ook0E-1200w.webp",
+    "1920w":
+      "https://static.levocdn.com/WLZ1TXTD/carousel-2-2-moxO3I3ook0E-1920w.webp",
+    "320w":
+      "https://static.levocdn.com/WLZ1TXTD/carousel-2-2-moxO3I3ook0E-320w.webp",
+    "640w":
+      "https://static.levocdn.com/WLZ1TXTD/carousel-2-2-moxO3I3ook0E-640w.webp",
+    "750w":
+      "https://static.levocdn.com/WLZ1TXTD/carousel-2-2-moxO3I3ook0E-750w.webp",
+    "828w":
+      "https://static.levocdn.com/WLZ1TXTD/carousel-2-2-moxO3I3ook0E-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/carousel-2-2-moxO3I3ook0E-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/carousel-2-2-moxO3I3ook0E-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/carousel-2-2-moxO3I3ook0E-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/carousel-2-2-moxO3I3ook0E-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/carousel-2-2-moxO3I3ook0E-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/carousel-2-2-moxO3I3ook0E-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/carousel-2-2-moxO3I3ook0E-640w.webp 640w",
+  },
+  tags: [],
+  created_at: "2025-12-20T08:39:12.676Z",
+  updated_at: "2025-12-20T08:39:12.676Z",
+  created_by: null,
+  updated_by: null,
+};
+const MEDIA_3 = {
+  object: "media",
+  id: "KQ5FRQXeGJVXT",
+  workspace_id: "WLZ1TXTD",
+  folder_id: null,
+  filename: "carousel-2-3.jpg",
+  kind: "image",
+  path: "WLZ1TXTD/carousel-2-3-T71EBnwUbeAMR.jpg",
+  location:
+    "https://static.levocdn.com/WLZ1TXTD/carousel-2-3-T71EBnwUbeAMR.jpg",
+  metadata: {
+    etag: '"ebf93e4ef37f20570526391e64562b1c"',
+    mimetype: "image/jpeg",
+    size: 79539,
+  },
+  srcset: {
+    "1080w":
+      "https://static.levocdn.com/WLZ1TXTD/carousel-2-3-T71EBnwUbeAMR-1080w.webp",
+    "1200w":
+      "https://static.levocdn.com/WLZ1TXTD/carousel-2-3-T71EBnwUbeAMR-1200w.webp",
+    "1920w":
+      "https://static.levocdn.com/WLZ1TXTD/carousel-2-3-T71EBnwUbeAMR-1920w.webp",
+    "320w":
+      "https://static.levocdn.com/WLZ1TXTD/carousel-2-3-T71EBnwUbeAMR-320w.webp",
+    "640w":
+      "https://static.levocdn.com/WLZ1TXTD/carousel-2-3-T71EBnwUbeAMR-640w.webp",
+    "750w":
+      "https://static.levocdn.com/WLZ1TXTD/carousel-2-3-T71EBnwUbeAMR-750w.webp",
+    "828w":
+      "https://static.levocdn.com/WLZ1TXTD/carousel-2-3-T71EBnwUbeAMR-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/carousel-2-3-T71EBnwUbeAMR-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/carousel-2-3-T71EBnwUbeAMR-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/carousel-2-3-T71EBnwUbeAMR-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/carousel-2-3-T71EBnwUbeAMR-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/carousel-2-3-T71EBnwUbeAMR-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/carousel-2-3-T71EBnwUbeAMR-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/carousel-2-3-T71EBnwUbeAMR-1080w.webp 1080w",
+  },
+  tags: [],
+  created_at: "2025-12-20T08:42:52.998Z",
+  updated_at: "2025-12-20T08:42:52.998Z",
+  created_by: null,
+  updated_by: null,
+};
+
 const DEFAULT_CONTENT = {
   layout: null,
   container: null,
@@ -73,7 +174,8 @@ const DEFAULT_CONTENT = {
     },
   ],
   cta_wrapper: null,
-  cta: "Explore All Trainers",
+  ctas_levoGroup: null,
+  ctas: [{ cta: "Explore All Trainers" }, { cta: "View Team" }],
 };
 
 export type ITeam4Content = typeof DEFAULT_CONTENT;
@@ -176,7 +278,7 @@ export const Team4: IBlock = {
         {
           key: "name",
           label: "Member Name",
-          field_interface: "TypographyWidget",
+          field_interface: "HeadingWidget",
           hint: {
             prompt_description:
               "Full name of the team member. Use professional, clear naming.",
@@ -239,14 +341,22 @@ export const Team4: IBlock = {
       },
     },
     {
-      key: "cta",
-      label: "CTA Button",
-      field_interface: "ButtonWidget",
+      key: "ctas",
+      label: "CTA Buttons Group",
+      field_interface: "BoxWidget",
+      kind: "group",
+      fields: [
+        {
+          key: "cta",
+          label: "CTA Button",
+          field_interface: "ButtonWidget",
+        },
+      ],
       hint: {
         prompt_description:
-          "Call-to-action button to encourage further engagement with the team or company.",
-        min_characters: 10,
-        max_characters: 30,
+          "Call-to-action buttons to encourage further engagement with the team or company.",
+        min_items: 1,
+        max_items: 3,
       },
     },
   ],
@@ -254,25 +364,72 @@ export const Team4: IBlock = {
     {
       key: "default",
       title: "Default",
-      config: {},
-      content: DEFAULT_CONTENT,
-      styles: {
-        layout: {
-          "background-color": "white",
-          "padding-top": "4xl",
-          "padding-bottom": "4xl",
-          mobile: {
-            "padding-top": "2xl",
-            "padding-bottom": "2xl",
+      config: {
+        title: {
+          selectedVariants: {
+            Heading_Level: "H2",
+          },
+        },
+        description: {
+          selectedVariants: {
+            Typography_Variants: "Large",
           },
         },
-        container: {
-          "max-width": "1280px",
-          "margin-left": "auto",
-          "margin-right": "auto",
-          "padding-left": "xl",
-          "padding-right": "xl",
+        team: [
+          {
+            name: {
+              heading: {
+                level: "4",
+              },
+              selectedVariants: {
+                Heading_Level: "H4",
+              },
+            },
+            description: {
+              selectedVariants: {},
+            },
+          },
+          {
+            name: {
+              selectedVariants: {
+                Heading_Level: "H4",
+              },
+              heading: {
+                level: "4",
+              },
+            },
+            description: {
+              selectedVariants: {},
+            },
+          },
+          {
+            name: {
+              selectedVariants: {
+                Heading_Level: "H4",
+              },
+              heading: {
+                level: "4",
+              },
+            },
+            description: {
+              selectedVariants: {},
+            },
+          },
+        ],
+        layout: {
+          action: {
+            type: "none",
+            value: "",
+            options: {
+              openInNewTab: false,
+            },
+          },
         },
+      },
+      content: DEFAULT_CONTENT,
+      styles: {
+        layout: {},
+        container: {},
         header: {
           "margin-bottom": "3xl",
           mobile: {
@@ -290,28 +447,13 @@ export const Team4: IBlock = {
           },
         },
         title: {
-          "font-size": "5xl",
-          "font-weight": "700",
-          color: "text-1",
-          "line-height": "1.2",
           "margin-bottom": "base",
           tablet: {
-            "font-size": "3xl",
             "text-align": "center",
           },
-          mobile: {
-            "font-size": "2xl",
-          },
-          width: "100%",
         },
         description: {
-          "font-size": "lg",
-          color: "text-2",
-          "line-height": "1.6",
           "max-width": "500px",
-          "margin-left": "auto",
-          "margin-right": "auto",
-          "text-align": "left",
         },
         team_levoGroup: {
           display: "grid",
@@ -340,8 +482,7 @@ export const Team4: IBlock = {
               "box-shadow": "0 4px 6px -1px rgba(0, 0, 0, 0.1)",
               "min-height": "500px",
               position: "relative",
-              "background-image":
-                'url("https://static.levostg.online/W6OEVMW8/b11624c98327720d9dc0944e8387d5f489e034df-ImvUWBrtAnvCJ.jpg")',
+              "background-image": `url("${MEDIA_1.location}")`,
               "background-position": "center center",
               "background-size": "cover",
             },
@@ -395,6 +536,9 @@ export const Team4: IBlock = {
                 },
               },
             ],
+            description: {
+              color: "white",
+            },
           },
           {
             card: {
@@ -404,12 +548,11 @@ export const Team4: IBlock = {
               "border-radius": "lg",
               padding: "lg",
               "box-shadow": "0 4px 6px -1px rgba(0, 0, 0, 0.1)",
+              "min-height": "500px",
               position: "relative",
-              "background-image":
-                'url("https://static.levostg.online/W6OEVMW8/e9621883320f7fa54c0378a1cba5f64b0422b2a7-PzNFtMNcDk7Db.jpg")',
+              "background-image": `url("${MEDIA_2.location}")`,
               "background-position": "center center",
               "background-size": "cover",
-              "min-height": "500px",
             },
             info: {
               display: "flex",
@@ -461,6 +604,9 @@ export const Team4: IBlock = {
                 },
               },
             ],
+            description: {
+              color: "white",
+            },
           },
           {
             card: {
@@ -472,8 +618,7 @@ export const Team4: IBlock = {
               "box-shadow": "0 4px 6px -1px rgba(0, 0, 0, 0.1)",
               "min-height": "500px",
               position: "relative",
-              "background-image":
-                'url("https://static.levostg.online/W6OEVMW8/d21a17ee9be592536fd98fce98365040238846bb-dO450wFkQdegn.jpg")',
+              "background-image": `url("${MEDIA_3.location}")`,
               "background-position": "center center",
               "background-size": "cover",
             },
@@ -527,6 +672,9 @@ export const Team4: IBlock = {
                 },
               },
             ],
+            description: {
+              color: "white",
+            },
           },
         ],
         cta_wrapper: {
@@ -537,18 +685,29 @@ export const Team4: IBlock = {
             "margin-top": "2xl",
           },
         },
-        cta: {
-          "background-color": "brand",
-          color: "white",
-          "padding-top": "base",
-          "padding-bottom": "base",
-          "padding-left": "xl",
-          "padding-right": "xl",
-          "border-radius": "lg",
-          "font-size": "base",
-          "font-weight": "600",
-          "border-style": "none",
+        ctas_levoGroup: {
+          display: "flex",
+          "flex-direction": "row",
+          "column-gap": "md",
+          "row-gap": "md",
+          "flex-wrap": "wrap",
+          "align-items": "center",
+          "justify-content": "center",
         },
+        ctas: Array(2)
+          .fill(0)
+          .map(() => ({
+            "background-color": "brand",
+            color: "white",
+            "padding-top": "base",
+            "padding-bottom": "base",
+            "padding-left": "xl",
+            "padding-right": "xl",
+            "border-radius": "lg",
+            "font-size": "base",
+            "font-weight": "600",
+            "border-style": "none",
+          })),
       },
     },
   ],

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

@@ -30,7 +30,7 @@ const Team4: React.FC<ILevoBlockBaseProps<ITeam4Content>> = ({ content }) => {
               <Media elementKey={`team.${index}.img`} alt="Team member photo" />
               <Box elementKey={`team.${index}.info`}>
                 <Box elementKey={`team.${index}.name-position-wrapper`}>
-                  <Typography elementKey={`team.${index}.name`} />
+                  <Heading elementKey={`team.${index}.name`} />
                   <Typography elementKey={`team.${index}.description`} />
                 </Box>
                 <Box
@@ -52,7 +52,15 @@ const Team4: React.FC<ILevoBlockBaseProps<ITeam4Content>> = ({ content }) => {
           ))}
         </Box>
         <Box elementKey="cta_wrapper">
-          <Button elementKey="cta" />
+          <Box elementKey="ctas_levoGroup" data-levo_group>
+            {(content?.ctas ?? []).map((_: any, index: number) => (
+              <Button
+                key={`ctas.${index}.cta`}
+                elementKey={`ctas.${index}.cta`}
+                data-levo_group_item
+              />
+            ))}
+          </Box>
         </Box>
       </Container>
     </Section>

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

@@ -1,5 +1,31 @@
 import type { IBlock } from "@levo-so/studio";
 
+const MEDIA_1 = {
+  id: "rSCzklLkKw1sE",
+  filename: "team-details.png",
+  kind: "image",
+  location:
+    "https://static.levocdn.com/WLZ1TXTD/team-details-CISovrrD4WHce.png",
+  srcset: {
+    "1080w":
+      "https://static.levocdn.com/WLZ1TXTD/team-details-CISovrrD4WHce-1080w.webp",
+    "1200w":
+      "https://static.levocdn.com/WLZ1TXTD/team-details-CISovrrD4WHce-1200w.webp",
+    "1920w":
+      "https://static.levocdn.com/WLZ1TXTD/team-details-CISovrrD4WHce-1920w.webp",
+    "320w":
+      "https://static.levocdn.com/WLZ1TXTD/team-details-CISovrrD4WHce-320w.webp",
+    "640w":
+      "https://static.levocdn.com/WLZ1TXTD/team-details-CISovrrD4WHce-640w.webp",
+    "750w":
+      "https://static.levocdn.com/WLZ1TXTD/team-details-CISovrrD4WHce-750w.webp",
+    "828w":
+      "https://static.levocdn.com/WLZ1TXTD/team-details-CISovrrD4WHce-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/team-details-CISovrrD4WHce-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/team-details-CISovrrD4WHce-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/team-details-CISovrrD4WHce-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/team-details-CISovrrD4WHce-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/team-details-CISovrrD4WHce-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/team-details-CISovrrD4WHce-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/team-details-CISovrrD4WHce-1200w.webp 1200w",
+  },
+  mimetype: "image/png",
+};
+
 const DEFAULT_CONTENT = {
   layout: null,
   container: null,
@@ -10,29 +36,16 @@ const DEFAULT_CONTENT = {
   main_content: null,
   left_container: null,
   image_wrapper: null,
-  main_image: {
-    id: "2",
-    location: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH.png",
-    kind: "image",
-    mimetype: "image/png",
-    srcset: {
-      "320w":
-        "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp",
-      "640w":
-        "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp",
-      "1080w":
-        "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp",
-      path: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp 320w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp 640w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp 1080w",
-    },
-  },
+  main_image: MEDIA_1,
   overlay_container: null,
   overlay_label: "<p>Richard Murphy</p>",
   overlay_value: "<p>CEO, Mistify</p>",
   right_container: null,
   team_description:
     "<p>Alexandra “Alex” Monroe is a strategic thinker, creative storyteller, and data-driven problem solver with over a decade of experience in brand development, digital transformation, and cross-functional leadership. Known for her ability to blend analytical insight with creative intuition, Alex has helped numerous global organizations redefine their identities, connect authentically with their audiences, and achieve measurable business growth.</p><p>After earning her Master’s degree in Communication and Media Studies from the University of Chicago, Alex began her career as a junior strategist at a boutique marketing firm. Her early exposure to a variety of industries—from consumer technology to sustainable fashion—shaped her holistic approach to brand building. She quickly rose through the ranks, taking on roles that allowed her to lead campaigns across North America, Europe, and Southeast Asia.</p><p>In 2016, Alex co-founded <strong>Maven &amp; Co.</strong>, a creative consultancy dedicated to helping mission-driven companies scale with purpose. Under her leadership, the firm expanded to serve clients in over 15 countries, developing award-winning campaigns recognized by <em>AdWeek</em> and <em>Forbes</em>. Her work has focused on integrating storytelling with technology—leveraging social data, behavioral psychology, and digital design to create brand ecosystems that resonate deeply with modern consumers.</p>",
-  cta_wrapper: null,
-  cta: "View Profile",
+  ctas_wrapper: null,
+  ctas_levoGroup: null,
+  ctas: [{ cta: "View Profile" }, { cta: "Contact Team" }],
   team_members: [
     {
       card: null,
@@ -140,7 +153,7 @@ export const Team5: IBlock = {
     {
       key: "overlay_label",
       label: "Overlay Label",
-      field_interface: "TypographyWidget",
+      field_interface: "HeadingWidget",
     },
     {
       key: "overlay_value",
@@ -163,9 +176,17 @@ export const Team5: IBlock = {
       field_interface: "LayoutWidget",
     },
     {
-      key: "cta",
-      label: "CTA",
-      field_interface: "ButtonWidget",
+      key: "ctas",
+      label: "CTA Buttons Group",
+      field_interface: "BoxWidget",
+      kind: "group",
+      fields: [
+        {
+          key: "cta",
+          label: "CTA Button",
+          field_interface: "ButtonWidget",
+        },
+      ],
     },
   ],
   layouts: [
@@ -173,19 +194,8 @@ export const Team5: IBlock = {
       key: "default",
       title: "Default",
       styles: {
-        layout: {
-          "padding-top": "3xl",
-          "padding-bottom": "3xl",
-          "padding-left": "base",
-          "padding-right": "base",
-        },
-        container: {
-          "max-width": "1280px",
-          "margin-left": "auto",
-          "margin-right": "auto",
-          "padding-left": "none",
-          "padding-right": "none",
-        },
+        layout: {},
+        container: {},
         header: {
           "text-align": "center",
           "margin-bottom": "3xl",
@@ -243,9 +253,7 @@ export const Team5: IBlock = {
         },
         overlay_label: {
           opacity: "0.8",
-          color: "text-1",
           "font-weight": 700,
-          "font-size": "lg",
         },
         overlay_value: {},
         right_container: {
@@ -254,15 +262,21 @@ export const Team5: IBlock = {
           "flex-direction": "column",
           "row-gap": "lg",
         },
-        team_description: {
-          "font-size": "base",
-          color: "text-2",
-          "line-height": "1.6",
-        },
+        team_description: {},
         cta_wrapper: {
           display: "flex",
         },
-        cta: {},
+        ctas_levoGroup: {
+          display: "flex",
+          "flex-direction": "row",
+          "column-gap": "md",
+          "row-gap": "md",
+          "flex-wrap": "wrap",
+          "align-items": "center",
+        },
+        ctas: Array(2)
+          .fill(0)
+          .map(() => ({})),
         team_members_levoGroup: {
           display: "flex",
           "flex-direction": "column",
@@ -363,6 +377,17 @@ export const Team5: IBlock = {
             Heading_Level: "H2",
           },
         },
+        team_description: {
+          selectedVariants: {},
+        },
+        overlay_label: {
+          heading: {
+            level: "4",
+          },
+          selectedVariants: {
+            Heading_Level: "H6",
+          },
+        },
       },
     },
   ],

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

@@ -3,6 +3,7 @@ import {
   Box,
   Button,
   Container,
+  Heading,
   Image,
   Section,
   Typography,
@@ -10,7 +11,7 @@ import {
 
 import type { ITeam5Content } from "./team-5.schema";
 
-const Team5: React.FC<ILevoBlockBaseProps<ITeam5Content>> = () => {
+const Team5: React.FC<ILevoBlockBaseProps<ITeam5Content>> = ({ content }) => {
   return (
     <Section elementKey="layout">
       <Container elementKey="container">
@@ -18,7 +19,7 @@ const Team5: React.FC<ILevoBlockBaseProps<ITeam5Content>> = () => {
           <Box elementKey="image_wrapper">
             <Image elementKey="main_image" alt="Team member" />
             <Box elementKey="overlay_container">
-              <Typography elementKey="overlay_label" />
+              <Heading elementKey="overlay_label" />
               <Typography elementKey="overlay_value" />
             </Box>
           </Box>
@@ -26,7 +27,15 @@ const Team5: React.FC<ILevoBlockBaseProps<ITeam5Content>> = () => {
           <Box elementKey="right_container">
             <Typography elementKey="team_description" />
             <Box elementKey="cta_wrapper">
-              <Button elementKey="cta" />
+              <Box elementKey="ctas_levoGroup" data-levo_group>
+                {(content?.ctas ?? []).map((_: any, index: number) => (
+                  <Button
+                    key={`ctas.${index}.cta`}
+                    elementKey={`ctas.${index}.cta`}
+                    data-levo_group_item
+                  />
+                ))}
+              </Box>
             </Box>
           </Box>
         </Box>

package/src/blocks/termsAndPrivacy/terms-and-conditions-1.schema.ts

@@ -96,26 +96,8 @@ export const TermsAndConditions1: IBlock = {
       key: "default",
       title: "Default",
       styles: {
-        layout: {
-          width: "100%",
-          "padding-top": "8xl",
-          "padding-bottom": "8xl",
-          "background-color": "white",
-        },
-        container: {
-          width: "100%",
-          "margin-left": "auto",
-          "margin-right": "auto",
-          "padding-left": "none",
-          "padding-right": "none",
-          "media:max:768px": {
-            "padding-left": "xl",
-            "padding-right": "xl",
-          },
-          "max-width": "1200px",
-          "padding-top": "none",
-          "padding-bottom": "none",
-        },
+        layout: {},
+        container: {},
         header_content: {
           display: "flex",
           "flex-direction": "column",
@@ -124,20 +106,16 @@ export const TermsAndConditions1: IBlock = {
           "margin-bottom": "6xl",
           "row-gap": "lg",
         },
-        title: {
-          color: "text-1",
-        },
+        title: {},
         subtitle: {
-          color: "text-2",
           "max-width": "2xl",
         },
         content_wrapper: {
           width: "100%",
         },
         content: {
-          color: "text-1",
           "text-align": "justify",
-          "media:max:768px": {
+          tablet: {
             "text-align": "left",
           },
         },
@@ -152,6 +130,11 @@ export const TermsAndConditions1: IBlock = {
             level: 2,
           },
         },
+        content: {
+          selectedVariants: {
+            Typography_Variants: "Body",
+          },
+        },
       },
     },
   ],