@levo-so/blocks 0.1.59 → 0.1.61

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

@@ -1,5 +1,74 @@
 import type { IBlock } from "@levo-so/studio";
 
+const MEDIA_1 = {
+  id: "GLUYscijECWgI",
+  filename: "timeline-1-1.png",
+  kind: "image",
+  location: "https://static.levocdn.com/WLZ1TXTD/timeline-1-1-moxJj3I3mugnT.png",
+  srcset: {
+    "1080w": "https://static.levocdn.com/WLZ1TXTD/timeline-1-1-moxJj3I3mugnT-1080w.webp",
+    "1200w": "https://static.levocdn.com/WLZ1TXTD/timeline-1-1-moxJj3I3mugnT-1200w.webp",
+    "1920w": "https://static.levocdn.com/WLZ1TXTD/timeline-1-1-moxJj3I3mugnT-1920w.webp",
+    "320w": "https://static.levocdn.com/WLZ1TXTD/timeline-1-1-moxJj3I3mugnT-320w.webp",
+    "640w": "https://static.levocdn.com/WLZ1TXTD/timeline-1-1-moxJj3I3mugnT-640w.webp",
+    "750w": "https://static.levocdn.com/WLZ1TXTD/timeline-1-1-moxJj3I3mugnT-750w.webp",
+    "828w": "https://static.levocdn.com/WLZ1TXTD/timeline-1-1-moxJj3I3mugnT-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/timeline-1-1-moxJj3I3mugnT-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/timeline-1-1-moxJj3I3mugnT-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/timeline-1-1-moxJj3I3mugnT-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/timeline-1-1-moxJj3I3mugnT-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/timeline-1-1-moxJj3I3mugnT-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/timeline-1-1-moxJj3I3mugnT-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/timeline-1-1-moxJj3I3mugnT-640w.webp 640w",
+  },
+  mimetype: "image/png",
+};
+const MEDIA_2 = {
+  id: "Lkp6xHvj8fVkB",
+  filename: "timeline-1-2.png",
+  kind: "image",
+  location: "https://static.levocdn.com/WLZ1TXTD/timeline-1-2-yCrPF3F9Y2ZCx.png",
+  srcset: {
+    "1080w": "https://static.levocdn.com/WLZ1TXTD/timeline-1-2-yCrPF3F9Y2ZCx-1080w.webp",
+    "1200w": "https://static.levocdn.com/WLZ1TXTD/timeline-1-2-yCrPF3F9Y2ZCx-1200w.webp",
+    "1920w": "https://static.levocdn.com/WLZ1TXTD/timeline-1-2-yCrPF3F9Y2ZCx-1920w.webp",
+    "320w": "https://static.levocdn.com/WLZ1TXTD/timeline-1-2-yCrPF3F9Y2ZCx-320w.webp",
+    "640w": "https://static.levocdn.com/WLZ1TXTD/timeline-1-2-yCrPF3F9Y2ZCx-640w.webp",
+    "750w": "https://static.levocdn.com/WLZ1TXTD/timeline-1-2-yCrPF3F9Y2ZCx-750w.webp",
+    "828w": "https://static.levocdn.com/WLZ1TXTD/timeline-1-2-yCrPF3F9Y2ZCx-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/timeline-1-2-yCrPF3F9Y2ZCx-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/timeline-1-2-yCrPF3F9Y2ZCx-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/timeline-1-2-yCrPF3F9Y2ZCx-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/timeline-1-2-yCrPF3F9Y2ZCx-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/timeline-1-2-yCrPF3F9Y2ZCx-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/timeline-1-2-yCrPF3F9Y2ZCx-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/timeline-1-2-yCrPF3F9Y2ZCx-1080w.webp 1080w",
+  },
+  mimetype: "image/png",
+};
+const MEDIA_3 = {
+  id: "1d7spLgELC8c9",
+  filename: "timeline-1-3.png",
+  kind: "image",
+  location: "https://static.levocdn.com/WLZ1TXTD/timeline-1-3-30Wc2pd1aoNSI.png",
+  srcset: {
+    "1080w": "https://static.levocdn.com/WLZ1TXTD/timeline-1-3-30Wc2pd1aoNSI-1080w.webp",
+    "1200w": "https://static.levocdn.com/WLZ1TXTD/timeline-1-3-30Wc2pd1aoNSI-1200w.webp",
+    "1920w": "https://static.levocdn.com/WLZ1TXTD/timeline-1-3-30Wc2pd1aoNSI-1920w.webp",
+    "320w": "https://static.levocdn.com/WLZ1TXTD/timeline-1-3-30Wc2pd1aoNSI-320w.webp",
+    "640w": "https://static.levocdn.com/WLZ1TXTD/timeline-1-3-30Wc2pd1aoNSI-640w.webp",
+    "750w": "https://static.levocdn.com/WLZ1TXTD/timeline-1-3-30Wc2pd1aoNSI-750w.webp",
+    "828w": "https://static.levocdn.com/WLZ1TXTD/timeline-1-3-30Wc2pd1aoNSI-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/timeline-1-3-30Wc2pd1aoNSI-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/timeline-1-3-30Wc2pd1aoNSI-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/timeline-1-3-30Wc2pd1aoNSI-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/timeline-1-3-30Wc2pd1aoNSI-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/timeline-1-3-30Wc2pd1aoNSI-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/timeline-1-3-30Wc2pd1aoNSI-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/timeline-1-3-30Wc2pd1aoNSI-1080w.webp 1080w",
+  },
+  mimetype: "image/png",
+};
+const MEDIA_4 = {
+  id: "KQ5FOQXeC8s1x",
+  filename: "timeline-1-4.png",
+  kind: "image",
+  location: "https://static.levocdn.com/WLZ1TXTD/timeline-1-4-9GFuZq5ABn6P3.png",
+  srcset: {
+    "1080w": "https://static.levocdn.com/WLZ1TXTD/timeline-1-4-9GFuZq5ABn6P3-1080w.webp",
+    "1200w": "https://static.levocdn.com/WLZ1TXTD/timeline-1-4-9GFuZq5ABn6P3-1200w.webp",
+    "1920w": "https://static.levocdn.com/WLZ1TXTD/timeline-1-4-9GFuZq5ABn6P3-1920w.webp",
+    "320w": "https://static.levocdn.com/WLZ1TXTD/timeline-1-4-9GFuZq5ABn6P3-320w.webp",
+    "640w": "https://static.levocdn.com/WLZ1TXTD/timeline-1-4-9GFuZq5ABn6P3-640w.webp",
+    "750w": "https://static.levocdn.com/WLZ1TXTD/timeline-1-4-9GFuZq5ABn6P3-750w.webp",
+    "828w": "https://static.levocdn.com/WLZ1TXTD/timeline-1-4-9GFuZq5ABn6P3-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/timeline-1-4-9GFuZq5ABn6P3-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/timeline-1-4-9GFuZq5ABn6P3-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/timeline-1-4-9GFuZq5ABn6P3-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/timeline-1-4-9GFuZq5ABn6P3-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/timeline-1-4-9GFuZq5ABn6P3-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/timeline-1-4-9GFuZq5ABn6P3-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/timeline-1-4-9GFuZq5ABn6P3-1920w.webp 1920w",
+  },
+  mimetype: "image/png",
+};
+
 const DEFAULT_CONTENT = {
   layout: null,
   container: null,
@@ -9,118 +78,28 @@ const DEFAULT_CONTENT = {
       subtitle: "Digital Transformation Excellence",
       description: "<p>Celebrating 25 Years of Innovation</p>",
       year: "2025",
-      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",
-          "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",
-          "828w":
-            "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp",
-          path: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp 640w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp 1080w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp 1200w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp 1920w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp 320w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp 750w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp 828w",
-        },
-      },
+      image: MEDIA_1,
     },
     {
       title: "New Office in Australia",
       subtitle: "Expanded into ANZ Region",
       description: "<p>New Office in Australia expanded into ANZ region</p>",
       year: "2023",
-      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",
-          "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",
-          "828w":
-            "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp",
-          path: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp 640w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp 1080w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp 1200w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp 1920w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp 320w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp 750w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp 828w",
-        },
-      },
+      image: MEDIA_2,
     },
     {
       title: "Opened Office in Philippines",
       subtitle: "Connecting Large Client Base",
-      description:
-        "<p>Opened Office on Philippines that connects large client base</p>",
+      description: "<p>Opened Office on Philippines that connects large client base</p>",
       year: "2016",
-      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",
-          "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",
-          "828w":
-            "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp",
-          path: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp 640w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp 1080w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp 1200w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp 1920w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp 320w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp 750w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp 828w",
-        },
-      },
+      image: MEDIA_3,
     },
     {
       title: "First International Office in India",
       subtitle: "Global Expansion Beginning",
-      description:
-        "<p>Opened our first office in India, the first global expansion</p>",
+      description: "<p>Opened our first office in India, the first global expansion</p>",
       year: "2005",
-      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",
-          "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",
-          "828w":
-            "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp",
-          path: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp 640w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp 1080w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp 1200w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp 1920w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp 320w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp 750w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp 828w",
-        },
-      },
+      image: MEDIA_4,
     },
   ],
   title: "Our Journey Through the Years",
@@ -205,6 +184,16 @@ export const Timeline1: IBlock = {
           label: "Content Wrapper",
           field_interface: "BoxWidget",
         },
+        {
+          key: "content",
+          label: "Content",
+          field_interface: "BoxWidget",
+        },
+        {
+          key: "title",
+          label: "Event Title",
+          field_interface: "HeadingWidget",
+        },
         {
           key: "description",
           label: "Event Description",
@@ -244,28 +233,8 @@ export const Timeline1: IBlock = {
       key: "default",
       title: "Default",
       styles: {
-        layout: {
-          "padding-top": "5xl",
-          "padding-bottom": "5xl",
-          "padding-left": "3xl",
-          "padding-right": "3xl",
-          width: "100%",
-          tablet: {
-            "padding-top": "4xl",
-            "padding-bottom": "4xl",
-            "padding-left": "2xl",
-            "padding-right": "2xl",
-          },
-          mobile: {
-            "padding-top": "3xl",
-            "padding-bottom": "3xl",
-            "padding-left": "base",
-            "padding-right": "base",
-          },
-        },
+        layout: {},
         container: {
-          "margin-left": "auto",
-          "margin-right": "auto",
           display: "flex",
           "flex-direction": "column",
           position: "relative",
@@ -286,12 +255,11 @@ export const Timeline1: IBlock = {
             year: {
               "background-color": "brand",
               width: "fit-content",
-              "font-size": "xl",
               "padding-left": "base",
               "padding-right": "base",
               "padding-top": "6xs",
               "padding-bottom": "6xs",
-              color: "white",
+              color: "brandForeground",
               "border-radius": "3xl",
               mobile: {
                 "font-size": "sm",
@@ -301,6 +269,7 @@ export const Timeline1: IBlock = {
               tablet: {
                 "margin-right": "12xl",
               },
+              "z-index": "50",
             },
             timeline_right: {
               display: "flex",
@@ -346,12 +315,6 @@ export const Timeline1: IBlock = {
               },
             },
             description: {
-              color: "text-1",
-              "font-size": "2xl",
-              "font-weight": 700,
-              mobile: {
-                "font-size": "lg",
-              },
               "z-index": "50",
             },
             timeline_wrapper: {
@@ -367,6 +330,9 @@ export const Timeline1: IBlock = {
             image: {
               mobile: {},
             },
+            title: {
+              "font-weight": 700,
+            },
           },
           {
             wrapper: {
@@ -387,7 +353,7 @@ export const Timeline1: IBlock = {
               "padding-right": "base",
               "padding-top": "6xs",
               "padding-bottom": "6xs",
-              color: "white",
+              color: "brandForeground",
               "border-radius": "3xl",
               mobile: {
                 "font-size": "sm",
@@ -397,6 +363,7 @@ export const Timeline1: IBlock = {
               tablet: {
                 "margin-left": "8xl",
               },
+              "z-index": "50",
             },
             timeline_left: {
               position: "relative",
@@ -414,14 +381,7 @@ export const Timeline1: IBlock = {
                 width: "100%",
               },
             },
-            description: {
-              color: "text-1",
-              "font-size": "2xl",
-              "font-weight": 700,
-              mobile: {
-                "font-size": "lg",
-              },
-            },
+            description: {},
             timeline_dot: {
               "background-color": "brand",
               position: "absolute",
@@ -454,6 +414,9 @@ export const Timeline1: IBlock = {
               "align-items": "center",
               "column-gap": "8xl",
             },
+            title: {
+              "font-weight": 700,
+            },
           },
           {
             wrapper: {
@@ -475,7 +438,7 @@ export const Timeline1: IBlock = {
               "padding-right": "base",
               "padding-top": "6xs",
               "padding-bottom": "6xs",
-              color: "white",
+              color: "brandForeground",
               "border-radius": "3xl",
               mobile: {
                 "font-size": "sm",
@@ -485,6 +448,7 @@ export const Timeline1: IBlock = {
               tablet: {
                 "margin-right": "12xl",
               },
+              "z-index": "50",
             },
             timeline_right: {
               display: "flex",
@@ -503,14 +467,7 @@ export const Timeline1: IBlock = {
                 width: "100%",
               },
             },
-            description: {
-              color: "text-1",
-              "font-size": "2xl",
-              "font-weight": 700,
-              mobile: {
-                "font-size": "lg",
-              },
-            },
+            description: {},
             timeline_dot: {
               "background-color": "brand",
               position: "absolute",
@@ -539,6 +496,9 @@ export const Timeline1: IBlock = {
               "justify-content": "start",
               "align-items": "center",
             },
+            title: {
+              "font-weight": 700,
+            },
           },
           {
             wrapper: {
@@ -559,7 +519,7 @@ export const Timeline1: IBlock = {
               "padding-right": "base",
               "padding-top": "6xs",
               "padding-bottom": "6xs",
-              color: "white",
+              color: "brandForeground",
               "border-radius": "3xl",
               mobile: {
                 "font-size": "sm",
@@ -570,6 +530,7 @@ export const Timeline1: IBlock = {
               tablet: {
                 "margin-left": "8xl",
               },
+              "z-index": "50",
             },
             timeline_left: {
               position: "relative",
@@ -587,14 +548,7 @@ export const Timeline1: IBlock = {
                 width: "100%",
               },
             },
-            description: {
-              color: "text-1",
-              "font-size": "2xl",
-              "font-weight": 700,
-              mobile: {
-                "font-size": "lg",
-              },
-            },
+            description: {},
             timeline_dot: {
               "background-color": "brand",
               position: "absolute",
@@ -624,6 +578,9 @@ export const Timeline1: IBlock = {
               "align-items": "center",
               "column-gap": "8xl",
             },
+            title: {
+              "font-weight": 700,
+            },
           },
           {
             wrapper: {
@@ -735,7 +692,63 @@ export const Timeline1: IBlock = {
         },
       },
       content: DEFAULT_CONTENT,
-      config: {},
+      config: {
+        title: {
+          heading: {
+            level: "2",
+          },
+          selectedVariants: {
+            Heading_Level: "H2",
+          },
+        },
+        events: [
+          {
+            title: {
+              heading: {
+                level: "5",
+              },
+              selectedVariants: {
+                Heading_Level: "H5",
+              },
+            },
+            year: {
+              selectedVariants: {
+                Typography_Variants: "Lead",
+              },
+            },
+          },
+          {
+            title: {
+              heading: {
+                level: "4",
+              },
+              selectedVariants: {
+                Heading_Level: "H5",
+              },
+            },
+          },
+          {
+            title: {
+              heading: {
+                level: "4",
+              },
+              selectedVariants: {
+                Heading_Level: "H5",
+              },
+            },
+          },
+          {
+            title: {
+              heading: {
+                level: "4",
+              },
+              selectedVariants: {
+                Heading_Level: "H5",
+              },
+            },
+          },
+        ],
+      },
     },
   ],
 };

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

@@ -1,8 +1,8 @@
 import {
-  type ILevoBlockBaseProps,
   Box,
   Container,
   Heading,
+  type ILevoBlockBaseProps,
   Image,
   Section,
   Typography,
@@ -20,14 +20,13 @@ const Timeline1: React.FC<ILevoBlockBaseProps<ITimeline1>> = ({ content }) => (
       <Box elementKey="center_line" />
       <Box elementKey="events_levoGroup" data-levo_group>
         {(content?.events ?? [])?.map((_, index) => (
-          <Box
-            key={index}
-            data-levo_group_item
-            elementKey={`events.${index}.wrapper`}
-          >
+          <Box key={index} data-levo_group_item elementKey={`events.${index}.wrapper`}>
             {/* Left Side Content */}
             <Box elementKey={`events.${index}.content_wrapper`}>
-              <Typography elementKey={`events.${index}.description`} />
+              <Box elementKey={`events.${index}.content`}>
+                <Heading elementKey={`events.${index}.title`} />
+                <Typography elementKey={`events.${index}.description`} />
+              </Box>
               <Image
                 elementKey={`events.${index}.image`}
                 alt={content?.events?.[index]?.title || "Timeline event image"}

package/src/blocks/users/edit-profile.schema.ts

@@ -10,7 +10,8 @@ const DEFAULT_CONTENT = {
   content: null,
   sections: [
     {
-      cta: "Profile",
+      ctas_levoGroup: null,
+      ctas: [{ cta: "Profile" }, { cta: "Settings" }],
       wrapper: null,
       header: null,
       title: "Profile",
@@ -68,9 +69,17 @@ export const EditProfile: IBlock = {
       kind: "group",
       fields: [
         {
-          key: "cta",
-          label: "CTA",
-          field_interface: "ButtonWidget",
+          key: "ctas",
+          label: "CTA Buttons",
+          kind: "group",
+          field_interface: "BoxWidget",
+          fields: [
+            {
+              key: "cta",
+              label: "CTA Button",
+              field_interface: "ButtonWidget",
+            },
+          ],
         },
         {
           key: "wrapper",
@@ -115,27 +124,8 @@ export const EditProfile: IBlock = {
       title: "Default",
       key: "default",
       styles: {
-        layout: {
-          width: "100%",
-          "padding-top": "10xl",
-          "padding-bottom": "10xl",
-          "padding-right": "8xl",
-          "padding-left": "8xl",
-          tablet: {
-            "padding-top": "5xl",
-            "padding-bottom": "5xl",
-            "padding-right": "5xl",
-            "padding-left": "5xl",
-          },
-          mobile: {
-            "padding-top": "2xl",
-            "padding-bottom": "2xl",
-            "padding-right": "2xl",
-            "padding-left": "2xl",
-          },
-        },
+        layout: {},
         container: {
-          width: "100%",
           display: "flex",
           "flex-direction": "column",
           "row-gap": "xl",
@@ -179,19 +169,29 @@ export const EditProfile: IBlock = {
           display: "flex",
           width: "100%",
         },
-        sections: Array(1)
-          .fill(0)
-          .map(() => {
-            return {
-              cta: {},
-              header: {},
-              title: {},
-              description: {},
-              wrapper: {
-                width: "100%",
+        sections: [
+          {
+            ctas_levoGroup: {
+              display: "flex",
+              "flex-direction": "column",
+              gap: "sm",
+            },
+            ctas: [
+              {
+                cta: {},
+              },
+              {
+                cta: {},
               },
-            };
-          }),
+            ],
+            header: {},
+            title: {},
+            description: {},
+            wrapper: {
+              width: "100%",
+            },
+          },
+        ],
         profile_settings_form: {
           "margin-top": "xl",
         },
@@ -207,10 +207,10 @@ export const EditProfile: IBlock = {
       config: {
         title: {
           heading: {
-            level: 1,
+            level: "2",
           },
           selectedVariants: {
-            Heading_Level: "H5",
+            Heading_Level: "H2",
           },
         },
         description: {
@@ -220,15 +220,29 @@ export const EditProfile: IBlock = {
         },
         sections: [
           {
-            cta: {
-              selectedVariants: {
-                Button_Variants: "Secondary",
+            ctas: [
+              {
+                cta: {
+                  selectedVariants: {
+                    Button_Variants: "Secondary",
+                  },
+                },
               },
-            },
+              {
+                cta: {
+                  selectedVariants: {
+                    Button_Variants: "Primary",
+                  },
+                },
+              },
+            ],
             title: {
               selectedVariants: {
                 Heading_Level: "H6",
               },
+              heading: {
+                level: "4",
+              },
             },
             description: {
               selectedVariants: {
@@ -243,12 +257,10 @@ export const EditProfile: IBlock = {
             collection_name: "Membership Account",
             workspace_id: "WZZKMUBH",
             hidden_fields: [
-              // Extra Fields in headstart
               "7315443834393400293",
               "7315443834420559484",
               "7315443834430280457",
               "7315443834441059829",
-              // Default Fields
               "_id",
               "slug",
               "email",