@levo-so/blocks 0.1.101 → 0.1.103

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

@@ -1,72 +1,68 @@
 import type { IBlock } from "@levo-so/studio";
 
 const MEDIA_1 = {
-  id: "GLUYscijECWgI",
-  filename: "timeline-1-1.png",
+  id: "7453468596406147400",
   kind: "image",
-  location: "https://static.levocdn.com/WLZ1TXTD/timeline-1-1-moxJj3I3mugnT.png",
+  location: "https://images.pexels.com/photos/6565752/pexels-photo-6565752.jpeg",
+  mimetype: "image/jpeg",
   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",
+    "320w": "https://images.pexels.com/photos/6565752/pexels-photo-6565752.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
+    "640w": "https://images.pexels.com/photos/6565752/pexels-photo-6565752.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
+    "750w": "https://images.pexels.com/photos/6565752/pexels-photo-6565752.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
+    "828w": "https://images.pexels.com/photos/6565752/pexels-photo-6565752.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
+    "1080w": "https://images.pexels.com/photos/6565752/pexels-photo-6565752.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
+    "1200w": "https://images.pexels.com/photos/6565752/pexels-photo-6565752.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
+    "1920w": "https://images.pexels.com/photos/6565752/pexels-photo-6565752.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
+    path: "https://images.pexels.com/photos/6565752/pexels-photo-6565752.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320 320w, https://images.pexels.com/photos/6565752/pexels-photo-6565752.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/6565752/pexels-photo-6565752.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750 750w, https://images.pexels.com/photos/6565752/pexels-photo-6565752.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828 828w, https://images.pexels.com/photos/6565752/pexels-photo-6565752.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/6565752/pexels-photo-6565752.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200 1200w, https://images.pexels.com/photos/6565752/pexels-photo-6565752.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w",
   },
-  mimetype: "image/png",
 };
 const MEDIA_2 = {
-  id: "Lkp6xHvj8fVkB",
-  filename: "timeline-1-2.png",
+  id: "7453468599275451870",
   kind: "image",
-  location: "https://static.levocdn.com/WLZ1TXTD/timeline-1-2-yCrPF3F9Y2ZCx.png",
+  location: "https://images.pexels.com/photos/33001996/pexels-photo-33001996.jpeg",
+  mimetype: "image/jpeg",
   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",
+    "320w": "https://images.pexels.com/photos/33001996/pexels-photo-33001996.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
+    "640w": "https://images.pexels.com/photos/33001996/pexels-photo-33001996.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
+    "750w": "https://images.pexels.com/photos/33001996/pexels-photo-33001996.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
+    "828w": "https://images.pexels.com/photos/33001996/pexels-photo-33001996.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
+    "1080w": "https://images.pexels.com/photos/33001996/pexels-photo-33001996.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
+    "1200w": "https://images.pexels.com/photos/33001996/pexels-photo-33001996.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
+    "1920w": "https://images.pexels.com/photos/33001996/pexels-photo-33001996.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
+    path: "https://images.pexels.com/photos/33001996/pexels-photo-33001996.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320 320w, https://images.pexels.com/photos/33001996/pexels-photo-33001996.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/33001996/pexels-photo-33001996.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750 750w, https://images.pexels.com/photos/33001996/pexels-photo-33001996.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828 828w, https://images.pexels.com/photos/33001996/pexels-photo-33001996.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/33001996/pexels-photo-33001996.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200 1200w, https://images.pexels.com/photos/33001996/pexels-photo-33001996.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w",
   },
-  mimetype: "image/png",
 };
 const MEDIA_3 = {
-  id: "1d7spLgELC8c9",
-  filename: "timeline-1-3.png",
+  id: "7453468645314273241",
   kind: "image",
-  location: "https://static.levocdn.com/WLZ1TXTD/timeline-1-3-30Wc2pd1aoNSI.png",
+  location: "https://images.pexels.com/photos/32377100/pexels-photo-32377100.jpeg",
+  mimetype: "image/jpeg",
   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",
+    "320w": "https://images.pexels.com/photos/32377100/pexels-photo-32377100.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
+    "640w": "https://images.pexels.com/photos/32377100/pexels-photo-32377100.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
+    "750w": "https://images.pexels.com/photos/32377100/pexels-photo-32377100.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
+    "828w": "https://images.pexels.com/photos/32377100/pexels-photo-32377100.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
+    "1080w": "https://images.pexels.com/photos/32377100/pexels-photo-32377100.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
+    "1200w": "https://images.pexels.com/photos/32377100/pexels-photo-32377100.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
+    "1920w": "https://images.pexels.com/photos/32377100/pexels-photo-32377100.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
+    path: "https://images.pexels.com/photos/32377100/pexels-photo-32377100.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320 320w, https://images.pexels.com/photos/32377100/pexels-photo-32377100.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/32377100/pexels-photo-32377100.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750 750w, https://images.pexels.com/photos/32377100/pexels-photo-32377100.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828 828w, https://images.pexels.com/photos/32377100/pexels-photo-32377100.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/32377100/pexels-photo-32377100.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200 1200w, https://images.pexels.com/photos/32377100/pexels-photo-32377100.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w",
   },
-  mimetype: "image/png",
 };
 const MEDIA_4 = {
-  id: "KQ5FOQXeC8s1x",
-  filename: "timeline-1-4.png",
+  id: "7453468604088759891",
   kind: "image",
-  location: "https://static.levocdn.com/WLZ1TXTD/timeline-1-4-9GFuZq5ABn6P3.png",
+  location: "https://images.pexels.com/photos/7414216/pexels-photo-7414216.jpeg",
+  mimetype: "image/jpeg",
   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",
+    "320w": "https://images.pexels.com/photos/7414216/pexels-photo-7414216.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
+    "640w": "https://images.pexels.com/photos/7414216/pexels-photo-7414216.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
+    "750w": "https://images.pexels.com/photos/7414216/pexels-photo-7414216.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
+    "828w": "https://images.pexels.com/photos/7414216/pexels-photo-7414216.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
+    "1080w": "https://images.pexels.com/photos/7414216/pexels-photo-7414216.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
+    "1200w": "https://images.pexels.com/photos/7414216/pexels-photo-7414216.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
+    "1920w": "https://images.pexels.com/photos/7414216/pexels-photo-7414216.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
+    path: "https://images.pexels.com/photos/7414216/pexels-photo-7414216.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320 320w, https://images.pexels.com/photos/7414216/pexels-photo-7414216.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/7414216/pexels-photo-7414216.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750 750w, https://images.pexels.com/photos/7414216/pexels-photo-7414216.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828 828w, https://images.pexels.com/photos/7414216/pexels-photo-7414216.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/7414216/pexels-photo-7414216.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200 1200w, https://images.pexels.com/photos/7414216/pexels-photo-7414216.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w",
   },
-  mimetype: "image/png",
 };
 
 const DEFAULT_CONTENT = {
@@ -74,41 +70,53 @@ const DEFAULT_CONTENT = {
   container: null,
   events: [
     {
-      title: "Celebrating 25 Years of Innovation",
-      subtitle: "Digital Transformation Excellence",
-      description: "<p>Celebrating 25 Years of Innovation</p>",
+      title: "Global Volunteer Week",
+      subtitle: "50,000 service hours mobilized",
+      description:
+        "<p>Volunteers across 34 countries delivered 50,000 service hours in a single week — our largest coordinated mobilization to date.</p>",
       year: "2025",
       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",
+      title: "Pandemic Relief Response",
+      subtitle: "Reached 1.2M families",
+      description:
+        "<p>Deployed emergency food, medical supplies, and cash assistance to 1.2 million families across twelve regions during the COVID-19 crisis.</p>",
+      year: "2020",
       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>",
-      year: "2016",
+      title: "Scholars Program Launched",
+      subtitle: "Scholarships in 12 countries",
+      description:
+        "<p>Launched the Scholars Program, funding secondary education for first-generation students across twelve partner countries.</p>",
+      year: "2015",
       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>",
-      year: "2005",
+      title: "The Foundation Begins",
+      subtitle: "Six volunteers, one mission",
+      description:
+        "<p>Six volunteers pooled $4,000 to register the Foundation and open our first community center in rural Kenya.</p>",
+      year: "2008",
       image: MEDIA_4,
     },
   ],
-  title: "Our Journey Through the Years",
+  title: "Sixteen years of showing up",
   description:
-    "<p>Lorem Ipsum was founded in Silicon Valley to help large enterprises maintain consistent branding across printed materials. By 2004, the company evolved into a business consulting firm.</p>",
+    "<p>From six volunteers in one village to a coalition serving 30+ countries — every milestone below was earned alongside the communities we stand with.</p>",
 };
 
 export type ITimeline1 = typeof DEFAULT_CONTENT;
 
+const IMAGE_POLISH = {
+  width: "100%",
+  height: "auto",
+  "aspect-ratio": "16 / 9",
+  "object-fit": "cover",
+  "border-radius": "lg",
+};
+
 export const Timeline1: IBlock = {
   category_id: "timeline",
   title: "Timeline 1",
@@ -290,7 +298,7 @@ export const Timeline1: IBlock = {
               width: "1.5rem",
               "border-radius": "9999px",
               transform: "translateX(50%) translateY(-50%)",
-              "box-shadow": "0 0 0 0.75rem rgba(215, 106, 43, 0.1)",
+              "box-shadow": "default",
               "z-index": "2",
             },
             timeline_line: {
@@ -327,9 +335,7 @@ export const Timeline1: IBlock = {
               },
             },
             timeline_dot_wrapper: {},
-            image: {
-              mobile: {},
-            },
+            image: IMAGE_POLISH,
             title: {
               "font-weight": 700,
             },
@@ -390,7 +396,7 @@ export const Timeline1: IBlock = {
               width: "1.5rem",
               "border-radius": "9999px",
               transform: "translateX(50%) translateY(-50%)",
-              "box-shadow": "0 0 0 0.75rem rgba(215, 106, 43, 0.1)",
+              "box-shadow": "default",
               "z-index": "2",
             },
             timeline_right: {
@@ -414,6 +420,7 @@ export const Timeline1: IBlock = {
               "align-items": "center",
               "column-gap": "8xl",
             },
+            image: IMAGE_POLISH,
             title: {
               "font-weight": 700,
             },
@@ -476,7 +483,7 @@ export const Timeline1: IBlock = {
               width: "1.5rem",
               "border-radius": "9999px",
               transform: "translateX(50%) translateY(-50%)",
-              "box-shadow": "0 0 0 0.75rem rgba(215, 106, 43, 0.1)",
+              "box-shadow": "default",
               "z-index": "2",
             },
             timeline_line: {
@@ -496,6 +503,7 @@ export const Timeline1: IBlock = {
               "justify-content": "start",
               "align-items": "center",
             },
+            image: IMAGE_POLISH,
             title: {
               "font-weight": 700,
             },
@@ -557,7 +565,7 @@ export const Timeline1: IBlock = {
               width: "1.5rem",
               "border-radius": "9999px",
               transform: "translateX(50%) translateY(-50%)",
-              "box-shadow": "0 0 0 0.75rem rgba(215, 106, 43, 0.1)",
+              "box-shadow": "default",
               "z-index": "2",
             },
             timeline_line: {
@@ -578,77 +586,11 @@ export const Timeline1: IBlock = {
               "align-items": "center",
               "column-gap": "8xl",
             },
+            image: IMAGE_POLISH,
             title: {
               "font-weight": 700,
             },
           },
-          {
-            wrapper: {
-              display: "flex",
-              "grid-template-columns": "repeat(2, minmax(0, 1fr))",
-              "align-items": "center",
-              gap: "2xl",
-            },
-            year: {
-              "background-color": "brand",
-              width: "fit-content",
-              "font-size": "xl",
-              "padding-left": "base",
-              "padding-right": "base",
-              "padding-top": "6xs",
-              "padding-bottom": "6xs",
-              color: "white",
-              "border-radius": "3xl",
-              mobile: {
-                "font-size": "sm",
-              },
-              "margin-left": "10xl",
-            },
-            timeline_left: {
-              position: "relative",
-              display: "flex",
-              width: "100%",
-              "align-items": "center",
-              "justify-content": "start",
-            },
-            content_wrapper: {
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "base",
-              width: "40%",
-            },
-            description: {
-              color: "text-1",
-              "font-size": "2xl",
-              "font-weight": 700,
-              mobile: {
-                "font-size": "base",
-              },
-            },
-            timeline_dot: {
-              "background-color": "brand",
-              position: "absolute",
-              left: "50%",
-              height: "1.5rem",
-              width: "1.5rem",
-              "border-radius": "9999px",
-              transform: "translateX(-50%) translateY(-50%)",
-            },
-            timeline_line: {
-              "background-color": "brand",
-              position: "absolute",
-              left: "57%",
-              height: "0.25rem",
-              width: "65px",
-              transform: "translateX(-100%) translateY(-50%)",
-            },
-            timeline_wrapper: {
-              display: "flex",
-              "justify-content": "center",
-              "align-items": "center",
-              "column-gap": "8xl",
-            },
-          },
         ],
         center_line: {
           position: "absolute",
@@ -658,7 +600,8 @@ export const Timeline1: IBlock = {
           "z-index": "-40",
           width: "0.25rem",
           transform: "translateX(-50%)",
-          "background-color": "#fbeae0",
+          "background-color": "brand",
+          opacity: 0.15,
         },
         header_wrapper: {
           display: "flex",
@@ -685,6 +628,9 @@ export const Timeline1: IBlock = {
           },
         },
         events_levoGroup: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "4xl",
           mobile: {
             display: "block",
             width: "100%",
@@ -750,5 +696,301 @@ export const Timeline1: IBlock = {
         ],
       },
     },
+    {
+      key: "vertical",
+      title: "Vertical",
+      styles: {
+        layout: {
+          "padding-top": "5xl",
+          "padding-bottom": "5xl",
+          "padding-left": "3xl",
+          "padding-right": "3xl",
+        },
+        container: {
+          display: "flex",
+          "flex-direction": "column",
+          "max-width": "720px",
+          "margin-left": "auto",
+          "margin-right": "auto",
+          position: "relative",
+        },
+        header_wrapper: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "sm",
+          "margin-bottom": "3xl",
+          "text-align": "center",
+          "align-items": "center",
+        },
+        title: { width: "100%" },
+        description: { width: "100%", "max-width": "520px" },
+        center_line: {
+          position: "absolute",
+          top: "0",
+          bottom: "0",
+          left: "60px",
+          width: "2px",
+          "background-color": "brand",
+          opacity: 0.15,
+        },
+        events_levoGroup: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "2xl",
+        },
+        events_levoGroupItem: {
+          wrapper: {
+            display: "flex",
+            "flex-direction": "row-reverse",
+            "column-gap": "lg",
+            "align-items": "flex-start",
+            position: "relative",
+          },
+          timeline_wrapper: {
+            display: "flex",
+            "flex-direction": "column",
+            "align-items": "center",
+            "row-gap": "xs",
+            width: "72px",
+            "flex-shrink": 0,
+            position: "relative",
+            "padding-top": "4px",
+          },
+          timeline_dot_wrapper: {},
+          timeline_dot: {
+            width: "1rem",
+            height: "1rem",
+            "border-radius": "9999px",
+            "background-color": "brand",
+            "box-shadow": "default",
+          },
+          timeline_line: { display: "none" },
+          timeline_left: { display: "none" },
+          timeline_right: { display: "none" },
+          content_wrapper: {
+            display: "flex",
+            "flex-direction": "column",
+            "row-gap": "xs",
+            flex: "1",
+            "padding-bottom": "md",
+          },
+          content: { display: "flex", "flex-direction": "column", "row-gap": "xs" },
+          year: {
+            "background-color": "brand",
+            color: "brandForeground",
+            "padding-left": "sm",
+            "padding-right": "sm",
+            "padding-top": "6xs",
+            "padding-bottom": "6xs",
+            "border-radius": "3xl",
+            width: "fit-content",
+            "font-size": "xs",
+            "font-weight": 600,
+          },
+          title: { "font-weight": 700 },
+          description: {},
+          image: { display: "none" },
+        },
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        title: { heading: { level: "2" }, selectedVariants: { Heading_Level: "H2" } },
+        events: Array(4).fill(0).map(() => ({
+          title: { heading: { level: "4" }, selectedVariants: { Heading_Level: "H4" } },
+          year: { selectedVariants: { Typography_Variants: "Small" } },
+        })),
+      },
+    },
+    {
+      key: "horizontal",
+      title: "Horizontal",
+      styles: {
+        layout: {
+          "padding-top": "5xl",
+          "padding-bottom": "5xl",
+          "padding-left": "3xl",
+          "padding-right": "3xl",
+        },
+        container: {
+          display: "flex",
+          "flex-direction": "column",
+          position: "relative",
+        },
+        header_wrapper: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "sm",
+          "margin-bottom": "4xl",
+          "text-align": "center",
+          "align-items": "center",
+        },
+        title: { width: "100%" },
+        description: { width: "100%", "max-width": "640px" },
+        center_line: {
+          position: "absolute",
+          left: "0",
+          right: "0",
+          top: "20px",
+          height: "2px",
+          "background-color": "brand",
+          opacity: 0.2,
+          "z-index": "0",
+        },
+        events_levoGroup: {
+          display: "grid",
+          "grid-template-columns": "repeat(4, minmax(0, 1fr))",
+          "column-gap": "lg",
+          "row-gap": "2xl",
+          position: "relative",
+          tablet: { "grid-template-columns": "repeat(2, minmax(0, 1fr))" },
+          mobile: { "grid-template-columns": "repeat(1, minmax(0, 1fr))" },
+        },
+        events_levoGroupItem: {
+          wrapper: {
+            display: "flex",
+            "flex-direction": "column",
+            "align-items": "center",
+            "text-align": "center",
+            "row-gap": "md",
+            position: "relative",
+            height: "100%",
+          },
+          timeline_dot: {
+            width: "1rem",
+            height: "1rem",
+            "border-radius": "9999px",
+            "background-color": "brand",
+            "box-shadow": "default",
+            "z-index": "1",
+          },
+          timeline_line: { display: "none" },
+          timeline_wrapper: {
+            display: "flex",
+            "flex-direction": "column",
+            "align-items": "center",
+            "row-gap": "sm",
+            position: "relative",
+            "z-index": "1",
+            "padding-top": "12px",
+            order: 1,
+          },
+          timeline_dot_wrapper: {},
+          timeline_left: { display: "none" },
+          timeline_right: { display: "none" },
+          content_wrapper: {
+            display: "flex",
+            "flex-direction": "column",
+            "row-gap": "xs",
+            "align-items": "center",
+            width: "100%",
+            order: 2,
+          },
+          content: { display: "flex", "flex-direction": "column", "row-gap": "xs", "align-items": "center" },
+          year: {
+            "background-color": "brand",
+            color: "brandForeground",
+            "padding-left": "sm",
+            "padding-right": "sm",
+            "padding-top": "6xs",
+            "padding-bottom": "6xs",
+            "border-radius": "3xl",
+            width: "fit-content",
+            "font-size": "xs",
+            "font-weight": 600,
+          },
+          title: { "font-weight": 700 },
+          description: {},
+          image: { display: "none" },
+        },
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        title: { heading: { level: "2" }, selectedVariants: { Heading_Level: "H2" } },
+        events: Array(4).fill(0).map(() => ({
+          title: { heading: { level: "5" }, selectedVariants: { Heading_Level: "H5" } },
+          year: { selectedVariants: { Typography_Variants: "Small" } },
+        })),
+      },
+    },
+    {
+      key: "compact",
+      title: "Compact",
+      styles: {
+        layout: {
+          "padding-top": "3xl",
+          "padding-bottom": "3xl",
+          "padding-left": "2xl",
+          "padding-right": "2xl",
+        },
+        container: {
+          display: "flex",
+          "flex-direction": "column",
+          "max-width": "640px",
+          "margin-left": "auto",
+          "margin-right": "auto",
+          position: "relative",
+        },
+        header_wrapper: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "3xs",
+          "margin-bottom": "2xl",
+        },
+        title: { width: "100%" },
+        description: { width: "100%", color: "text-2" },
+        center_line: { display: "none" },
+        events_levoGroup: {
+          display: "flex",
+          "flex-direction": "column",
+        },
+        events_levoGroupItem: {
+          wrapper: {
+            display: "flex",
+            "flex-direction": "row-reverse",
+            "column-gap": "md",
+            "align-items": "flex-start",
+            "padding-top": "md",
+            "padding-bottom": "md",
+            "border-bottom-style": "solid",
+            "border-bottom-width": "1px",
+            "border-bottom-color": "var(--color-border)",
+          },
+          timeline_dot: { display: "none" },
+          timeline_line: { display: "none" },
+          timeline_wrapper: {
+            display: "flex",
+            "align-items": "center",
+            width: "72px",
+            "flex-shrink": 0,
+            "padding-top": "3xs",
+          },
+          timeline_dot_wrapper: { display: "none" },
+          timeline_left: { display: "none" },
+          timeline_right: { display: "none" },
+          content_wrapper: {
+            display: "flex",
+            "flex-direction": "column",
+            flex: "1",
+          },
+          content: { display: "flex", "flex-direction": "column" },
+          year: {
+            color: "brand",
+            "font-weight": 700,
+            "font-size": "sm",
+          },
+          title: { "font-weight": 600 },
+          description: { color: "text-2", "font-size": "sm" },
+          image: { display: "none" },
+        },
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        title: { heading: { level: "3" }, selectedVariants: { Heading_Level: "H3" } },
+        events: Array(4).fill(0).map(() => ({
+          title: { heading: { level: "5" }, selectedVariants: { Heading_Level: "H6" } },
+          year: { selectedVariants: { Typography_Variants: "Small" } },
+        })),
+      },
+    },
   ],
 };