@levo-so/blocks 0.1.75 → 0.1.77

package/src/blocks/event/event-listing.schema.ts

@@ -17,24 +17,15 @@ const DUMMY_IMAGE = {
   },
 };
 
-const DUMMY_ICON = {
-  kind: "icon",
-  data: {
-    id: "archive-minus",
-    label: "Archive Minus",
-    tags: ["archive", "custom", "directional", "minus"],
-    svgCode:
-      '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M14.5 11.4H9.5C9.09 11.4 8.75 11.06 8.75 10.65C8.75 10.24 9.09 9.90002 9.5 9.90002H14.5C14.91 9.90002 15.25 10.24 15.25 10.65C15.25 11.06 14.91 11.4 14.5 11.4Z" fill="var(--color-icon-primary)"/>\n<path d="M4.92957 22.75C4.50957 22.75 4.11957 22.65 3.76957 22.45C2.99957 22 2.55957 21.09 2.55957 19.96V5.86C2.55957 3.32 4.62957 1.25 7.16957 1.25H16.8196C19.3596 1.25 21.4296 3.32 21.4296 5.86V19.95C21.4296 21.08 20.9896 21.99 20.2196 22.44C19.4496 22.89 18.4396 22.84 17.4496 22.29L12.5696 19.58C12.2796 19.42 11.7096 19.42 11.4196 19.58L6.53957 22.29C5.99957 22.59 5.44957 22.75 4.92957 22.75ZM7.17957 2.75C5.46957 2.75 4.06957 4.15 4.06957 5.86V19.95C4.06957 20.54 4.23957 20.98 4.53957 21.15C4.83957 21.33 5.30957 21.27 5.81957 20.98L10.6996 18.27C11.4396 17.86 12.5596 17.86 13.2996 18.27L18.1796 20.98C18.6896 21.27 19.1596 21.33 19.4596 21.15C19.7596 20.97 19.9296 20.53 19.9296 19.95V5.86C19.9296 4.15 18.5296 2.75 16.8196 2.75H7.17957Z" fill="var(--color-icon-primary)"/>\n</svg>',
-  },
-};
-
 const DEFAULT_CONTENT = {
   layout: null,
   container: null,
   "cta-section": null,
   "cta-heading": "Upcoming Events of 2025",
-  "cta-button": "",
+  "cta-button": "View all",
   title: "Events",
+  description:
+    "Events that light up our day Events that light up our day Events that light up our day ",
   events: [
     {
       eventWrapper: null,
@@ -42,160 +33,34 @@ const DEFAULT_CONTENT = {
       textWrapper: null,
       "caption-text": "Sponsor Event",
       "date-icon-wrapper": null,
-      "date-icon": DUMMY_ICON,
+      "date-icon": {
+        kind: "icon",
+        data: {
+          id: "calendar-1",
+          label: "Calendar 1",
+          tags: ["calendar", "custom", "time"],
+          svgCode:
+            '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M8 5.75C7.59 5.75 7.25 5.41 7.25 5V2C7.25 1.59 7.59 1.25 8 1.25C8.41 1.25 8.75 1.59 8.75 2V5C8.75 5.41 8.41 5.75 8 5.75Z" fill="var(--color-icon-primary)"/>\n<path d="M16 5.75C15.59 5.75 15.25 5.41 15.25 5V2C15.25 1.59 15.59 1.25 16 1.25C16.41 1.25 16.75 1.59 16.75 2V5C16.75 5.41 16.41 5.75 16 5.75Z" fill="var(--color-icon-primary)"/>\n<path d="M8.5 14.5001C8.37 14.5001 8.24 14.4701 8.12 14.4201C7.99 14.3701 7.89 14.3001 7.79 14.2101C7.61 14.0201 7.5 13.7701 7.5 13.5001C7.5 13.3701 7.53 13.2401 7.58 13.1201C7.63 13.0001 7.7 12.8901 7.79 12.7901C7.89 12.7001 7.99 12.6301 8.12 12.5801C8.48 12.4301 8.93 12.5101 9.21 12.7901C9.39 12.9801 9.5 13.2401 9.5 13.5001C9.5 13.5601 9.49 13.6301 9.48 13.7001C9.47 13.7601 9.45 13.8201 9.42 13.8801C9.4 13.9401 9.37 14.0001 9.33 14.0601C9.3 14.1101 9.25 14.1601 9.21 14.2101C9.02 14.3901 8.76 14.5001 8.5 14.5001Z" fill="var(--color-icon-primary)"/>\n<path d="M12 14.5C11.87 14.5 11.74 14.47 11.62 14.42C11.49 14.37 11.39 14.3 11.29 14.21C11.11 14.02 11 13.77 11 13.5C11 13.37 11.03 13.24 11.08 13.12C11.13 13 11.2 12.89 11.29 12.79C11.39 12.7 11.49 12.63 11.62 12.58C11.98 12.42 12.43 12.51 12.71 12.79C12.89 12.98 13 13.24 13 13.5C13 13.56 12.99 13.63 12.98 13.7C12.97 13.76 12.95 13.82 12.92 13.88C12.9 13.94 12.87 14 12.83 14.06C12.8 14.11 12.75 14.16 12.71 14.21C12.52 14.39 12.26 14.5 12 14.5Z" fill="var(--color-icon-primary)"/>\n<path d="M15.5 14.5C15.37 14.5 15.24 14.47 15.12 14.42C14.99 14.37 14.89 14.3 14.79 14.21C14.75 14.16 14.71 14.11 14.67 14.06C14.63 14 14.6 13.94 14.58 13.88C14.55 13.82 14.53 13.76 14.52 13.7C14.51 13.63 14.5 13.56 14.5 13.5C14.5 13.24 14.61 12.98 14.79 12.79C14.89 12.7 14.99 12.63 15.12 12.58C15.49 12.42 15.93 12.51 16.21 12.79C16.39 12.98 16.5 13.24 16.5 13.5C16.5 13.56 16.49 13.63 16.48 13.7C16.47 13.76 16.45 13.82 16.42 13.88C16.4 13.94 16.37 14 16.33 14.06C16.3 14.11 16.25 14.16 16.21 14.21C16.02 14.39 15.76 14.5 15.5 14.5Z" fill="var(--color-icon-primary)"/>\n<path d="M8.5 17.9999C8.37 17.9999 8.24 17.97 8.12 17.92C8 17.87 7.89 17.7999 7.79 17.7099C7.61 17.5199 7.5 17.2599 7.5 16.9999C7.5 16.8699 7.53 16.7399 7.58 16.6199C7.63 16.4899 7.7 16.38 7.79 16.29C8.16 15.92 8.84 15.92 9.21 16.29C9.39 16.48 9.5 16.7399 9.5 16.9999C9.5 17.2599 9.39 17.5199 9.21 17.7099C9.02 17.8899 8.76 17.9999 8.5 17.9999Z" fill="var(--color-icon-primary)"/>\n<path d="M12 17.9999C11.74 17.9999 11.48 17.8899 11.29 17.7099C11.11 17.5199 11 17.2599 11 16.9999C11 16.8699 11.03 16.7399 11.08 16.6199C11.13 16.4899 11.2 16.38 11.29 16.29C11.66 15.92 12.34 15.92 12.71 16.29C12.8 16.38 12.87 16.4899 12.92 16.6199C12.97 16.7399 13 16.8699 13 16.9999C13 17.2599 12.89 17.5199 12.71 17.7099C12.52 17.8899 12.26 17.9999 12 17.9999Z" fill="var(--color-icon-primary)"/>\n<path d="M15.5 18C15.24 18 14.98 17.89 14.79 17.71C14.7 17.62 14.63 17.51 14.58 17.38C14.53 17.26 14.5 17.13 14.5 17C14.5 16.87 14.53 16.74 14.58 16.62C14.63 16.49 14.7 16.38 14.79 16.29C15.02 16.06 15.37 15.95 15.69 16.02C15.76 16.03 15.82 16.05 15.88 16.08C15.94 16.1 16 16.13 16.06 16.17C16.11 16.2 16.16 16.25 16.21 16.29C16.39 16.48 16.5 16.74 16.5 17C16.5 17.26 16.39 17.52 16.21 17.71C16.02 17.89 15.76 18 15.5 18Z" fill="var(--color-icon-primary)"/>\n<path d="M20.5 9.83997H3.5C3.09 9.83997 2.75 9.49997 2.75 9.08997C2.75 8.67997 3.09 8.33997 3.5 8.33997H20.5C20.91 8.33997 21.25 8.67997 21.25 9.08997C21.25 9.49997 20.91 9.83997 20.5 9.83997Z" fill="var(--color-icon-primary)"/>\n<path d="M16 22.75H8C4.35 22.75 2.25 20.65 2.25 17V8.5C2.25 4.85 4.35 2.75 8 2.75H16C19.65 2.75 21.75 4.85 21.75 8.5V17C21.75 20.65 19.65 22.75 16 22.75ZM8 4.25C5.14 4.25 3.75 5.64 3.75 8.5V17C3.75 19.86 5.14 21.25 8 21.25H16C18.86 21.25 20.25 19.86 20.25 17V8.5C20.25 5.64 18.86 4.25 16 4.25H8Z" fill="var(--color-icon-primary)"/>\n</svg>',
+        },
+      },
       publishedAt: "25 July, 2025",
       title: "Books, Brighter Futures: A Day for Change",
       description: "Over 400 children will receive new educational supplies during this Event.",
     },
-    {
-      eventWrapper: null,
-      image: DUMMY_IMAGE,
-      textWrapper: null,
-      "caption-text": "Community Event",
-      "date-icon-wrapper": null,
-      "date-icon": DUMMY_ICON,
-      publishedAt: "15 August, 2025",
-      title: "Stories of Impact: Volunteers Who Inspire",
-      description:
-        "Hear from passionate volunteers about their life-changing moments while working",
-    },
-    {
-      eventWrapper: null,
-      image: DUMMY_IMAGE,
-      textWrapper: null,
-      "caption-text": "Fundraiser Event",
-      "date-icon-wrapper": null,
-      "date-icon": DUMMY_ICON,
-      publishedAt: "3 December, 2025",
-      title: "Voices for a Cause: Music & Giving",
-      description: "Experience an evening of soulful and delightful performances and storytelling.",
-    },
-    {
-      eventWrapper: null,
-      image: DUMMY_IMAGE,
-      textWrapper: null,
-      "caption-text": "Workshop Event",
-      "date-icon-wrapper": null,
-      "date-icon": DUMMY_ICON,
-      publishedAt: "10 March, 2025",
-      title: "Digital Skills for Tomorrow",
-      description:
-        "Learn essential digital skills that will help you succeed in the modern workplace.",
-    },
-    {
-      eventWrapper: null,
-      image: DUMMY_IMAGE,
-      textWrapper: null,
-      "caption-text": "Health Event",
-      "date-icon-wrapper": null,
-      "date-icon": DUMMY_ICON,
-      publishedAt: "22 September, 2025",
-      title: "Wellness Wednesday: Mind & Body",
-      description:
-        "Join us for a comprehensive wellness program focusing on mental and physical health.",
-    },
-    {
-      eventWrapper: null,
-      image: DUMMY_IMAGE,
-      textWrapper: null,
-      "caption-text": "Career Event",
-      "date-icon-wrapper": null,
-      "date-icon": DUMMY_ICON,
-      publishedAt: "8 November, 2025",
-      title: "Career Fair: Your Future Awaits",
-      description:
-        "Connect with top employers and discover exciting career opportunities in your field.",
-    },
   ],
   paginationWrapper: null,
-  paginationLeftButton: "Prev",
+  paginationLeftButton: "Previous",
   paginationText: "",
   paginationRightButton: "Next",
-};
-
-const DEFAULT_CONTENT_CTA = {
-  layout: null,
-  container: null,
-  "cta-section": null,
-  "cta-heading": "Upcoming Events of 2025",
-  "cta-button": "View all",
-  title: "Events",
-  events: [
-    {
-      eventWrapper: null,
-      image: DUMMY_IMAGE,
-      textWrapper: null,
-      "caption-text": "Sponsor Event",
-      "date-icon-wrapper": null,
-      "date-icon": DUMMY_ICON,
-      publishedAt: "25 July, 2025",
-      title: "Books, Brighter Futures: A Day for Change",
-      description: "Over 400 children will receive new educational supplies during this Event.",
-    },
-    {
-      eventWrapper: null,
-      image: DUMMY_IMAGE,
-      textWrapper: null,
-      "caption-text": "Community Event",
-      "date-icon-wrapper": null,
-      "date-icon": DUMMY_ICON,
-      publishedAt: "15 August, 2025",
-      title: "Stories of Impact: Volunteers Who Inspire",
-      description:
-        "Hear from passionate volunteers about their life-changing moments while working",
-    },
-    {
-      eventWrapper: null,
-      image: DUMMY_IMAGE,
-      textWrapper: null,
-      "caption-text": "Fundraiser Event",
-      "date-icon-wrapper": null,
-      "date-icon": DUMMY_ICON,
-      publishedAt: "3 December, 2025",
-      title: "Voices for a Cause: Music & Giving",
-      description: "Experience an evening of soulful and delightful performances and storytelling.",
-    },
-    {
-      eventWrapper: null,
-      image: DUMMY_IMAGE,
-      textWrapper: null,
-      "caption-text": "Workshop Event",
-      "date-icon-wrapper": null,
-      "date-icon": DUMMY_ICON,
-      publishedAt: "10 March, 2025",
-      title: "Digital Skills for Tomorrow",
-      description:
-        "Learn essential digital skills that will help you succeed in the modern workplace.",
-    },
+  "header-ctas_levoGroup": null,
+  "header-ctas": [
     {
-      eventWrapper: null,
-      image: DUMMY_IMAGE,
-      textWrapper: null,
-      "caption-text": "Health Event",
-      "date-icon-wrapper": null,
-      "date-icon": DUMMY_ICON,
-      publishedAt: "22 September, 2025",
-      title: "Wellness Wednesday: Mind & Body",
-      description:
-        "Join us for a comprehensive wellness program focusing on mental and physical health.",
+      "header-cta": "Learn More",
     },
     {
-      eventWrapper: null,
-      image: DUMMY_IMAGE,
-      textWrapper: null,
-      "caption-text": "Career Event",
-      "date-icon-wrapper": null,
-      "date-icon": DUMMY_ICON,
-      publishedAt: "8 November, 2025",
-      title: "Career Fair: Your Future Awaits",
-      description:
-        "Connect with top employers and discover exciting career opportunities in your field.",
+      "header-cta": "View All",
     },
   ],
-  paginationWrapper: null,
-  paginationLeftButton: "Previous",
-  paginationText: "",
-  paginationRightButton: "Next",
 };
 
 export type IEventListing = typeof DEFAULT_CONTENT;
@@ -226,6 +91,11 @@ export const EventListing: IBlock = {
           "Contains the whole Events section, providing spacing and alignment for visual consistency. No content generation required.",
       },
     },
+    {
+      key: "header",
+      label: "Header",
+      field_interface: "BoxWidget",
+    },
     {
       key: "header-container",
       label: "Header Container",
@@ -236,20 +106,20 @@ export const EventListing: IBlock = {
       },
     },
     {
-      key: "cta-button",
-      label: "CTA Button",
-      field_interface: "ButtonWidget",
+      key: "title",
+      label: "Title",
+      field_interface: "HeadingWidget",
       hint: {
         prompt_description:
-          "Call-to-action button displayed next to the main heading. Should encourage exploration, such as 'View all' or 'See more events'.",
-        min_characters: 6,
-        max_characters: 15,
+          "Block headline centered at the top of the Events section. Should clearly state the purpose of the section, such as 'Events' or a similarly concise title.",
+        min_characters: 5,
+        max_characters: 18,
       },
     },
     {
-      key: "title",
-      label: "Title",
-      field_interface: "HeadingWidget",
+      key: "description",
+      label: "Description",
+      field_interface: "TypographyWidget",
       hint: {
         prompt_description:
           "Block headline centered at the top of the Events section. Should clearly state the purpose of the section, such as 'Events' or a similarly concise title.",
@@ -257,11 +127,37 @@ export const EventListing: IBlock = {
         max_characters: 18,
       },
     },
+    {
+      key: "header-ctas",
+      label: "Header CTAs",
+      kind: "group",
+      field_interface: "BoxWidget",
+      fields: [
+        {
+          key: "header-cta",
+          label: "Header CTA",
+          field_interface: "ButtonWidget",
+          hint: {
+            prompt_description:
+              "Call-to-action button for manual user interaction. Can be configured to navigate to blog listing or other actions.",
+            usecase: "button",
+            min_characters: 6,
+            max_characters: 16,
+          },
+        },
+      ],
+      // No hint needed: layout grouping only
+    },
     {
       key: "events",
       label: "Events",
       field_interface: "BoxWidget",
       kind: "group",
+      options: {
+        module_field: {
+          module: "event",
+        },
+      },
       fields: [
         {
           key: "eventWrapper",
@@ -279,29 +175,18 @@ export const EventListing: IBlock = {
             size: "medium",
             usecase: "hero",
           },
+          options: {
+            module_field: {
+              module: "event",
+              key: "cover_image",
+            },
+          },
         },
         {
           key: "text-wrapper",
           label: "Text Wrapper",
           field_interface: "BoxWidget",
         },
-        {
-          key: "text-container",
-          label: "Text Container",
-          field_interface: "BoxWidget",
-        },
-
-        {
-          key: "caption-text",
-          label: "Caption Text",
-          field_interface: "TypographyWidget",
-          hint: {
-            prompt_description:
-              "Small caption or category label for the event, displayed prominently at the top of the card content. Examples: 'Sponsor Event', 'Community Event', 'Fundraiser Event'.",
-            min_characters: 8,
-            max_characters: 25,
-          },
-        },
         {
           key: "date-wrapper",
           label: "Date Wrapper",
@@ -324,8 +209,8 @@ export const EventListing: IBlock = {
           },
         },
         {
-          key: "publishedAt-header",
-          label: "Published At Header",
+          key: "startsAt",
+          label: "Starts At",
           field_interface: "TypographyWidget",
           hint: {
             prompt_description:
@@ -333,17 +218,29 @@ export const EventListing: IBlock = {
             min_characters: 16,
             max_characters: 28,
           },
+          options: {
+            module_field: {
+              module: "event",
+              key: "starts_at",
+            },
+          },
         },
         {
           key: "title",
           label: "Title",
-          field_interface: "TypographyWidget",
+          field_interface: "HeadingWidget",
           hint: {
             prompt_description:
               "Event card headline. Should be the name or title of the event, immediately catching the user's attention. Aim for clarity and engagement.",
             min_characters: 8,
             max_characters: 32,
           },
+          options: {
+            module_field: {
+              module: "event",
+              key: "title",
+            },
+          },
         },
         {
           key: "description",
@@ -355,16 +252,11 @@ export const EventListing: IBlock = {
             min_characters: 40,
             max_characters: 120,
           },
-        },
-        {
-          key: "publishedAt",
-          label: "Published At",
-          field_interface: "TypographyWidget",
-          hint: {
-            prompt_description:
-              "Displays the date and time of the event. Format as 'Month DD, YYYY HH:MM AM/PM'. Keep it short, clear, and easily readable.",
-            min_characters: 16,
-            max_characters: 28,
+          options: {
+            module_field: {
+              module: "event",
+              key: "description",
+            },
           },
         },
       ],
@@ -429,34 +321,19 @@ export const EventListing: IBlock = {
       },
     },
   ],
+  source: [{ required: true, module: "event", type: "block", field_key: "events" }],
   layouts: [
     {
       key: "default",
       title: "Default",
       styles: {
-        layout: {
-          "padding-left": "10xl",
-          "padding-right": "10xl",
-          "padding-top": "5xl",
-          "padding-bottom": "5xl",
-          tablet: {
-            "padding-left": "8xl",
-            "padding-right": "8xl",
-            "padding-top": "4xl",
-            "padding-bottom": "4xl",
-          },
-          mobile: {
-            "padding-left": "6xl",
-            "padding-right": "6xl",
-            "padding-top": "3xl",
-            "padding-bottom": "3xl",
-          },
-          filter: "none",
-        },
-        title: {
-          "padding-left": "none",
-          color: "text-1",
+        layout: {},
+        "header-container": {
+          display: "flex",
+          width: "100%",
+          "flex-direction": "column",
         },
+        title: {},
         container: {
           display: "flex",
           "flex-direction": "column",
@@ -477,296 +354,76 @@ export const EventListing: IBlock = {
             "row-gap": "lg",
           },
         },
-        events: [
+        "header-ctas_levoGroup": {
+          display: "flex",
+          "column-gap": "md",
+          "align-items": "center",
+        },
+        "header-ctas": [
           {
-            eventWrapper: {
-              "border-radius": "base",
-              overflow: "hidden",
-              "box-shadow": "default",
-            },
-            image: {
-              width: "100%",
-            },
-            textWrapper: {
-              "padding-left": "xl",
-              "padding-top": "2xl",
-              "padding-right": "xl",
-              "padding-bottom": "2xl",
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "sm",
-            },
-            title: {
-              "font-weight": 400,
-              "font-size": "xl",
-              filter: "none",
-              color: "text-1",
-            },
-            description: {
-              overflow: "hidden",
-              display: "-webkit-box",
-              "-webkit-box-orient": "vertical",
-              "-webkit-line-clamp": 3,
-              color: "text-2",
-            },
-            publishedAt: {
-              "font-size": "sm",
-            },
-            "text-container": {
-              filter: "none",
-              display: "none",
-            },
-            "text-wrapper": {
-              "padding-left": "xl",
-              "padding-top": "2xl",
-              "padding-right": "xl",
-              "padding-bottom": "2xl",
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "sm",
-              filter: "none",
+            "header-cta": {
+              "white-space": "nowrap",
             },
           },
           {
-            eventWrapper: {
-              "border-radius": "xl",
-              overflow: "hidden",
-              "box-shadow": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
-              filter: "none",
-            },
-            image: {
-              width: "100%",
-            },
-            textWrapper: {
-              "padding-left": "xl",
-              "padding-top": "2xl",
-              "padding-right": "xl",
-              "padding-bottom": "2xl",
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "sm",
-            },
-            title: {
-              "font-weight": 400,
-              "font-size": "xl",
-              filter: "none",
-              color: "text-1",
-            },
-            description: {
-              overflow: "hidden",
-              display: "-webkit-box",
-              "-webkit-box-orient": "vertical",
-              "-webkit-line-clamp": 3,
-              color: "text-2",
-            },
-            publishedAt: {
-              "font-size": "sm",
-            },
-            "text-container": {
-              filter: "none",
-              display: "none",
-            },
-            "text-wrapper": {
-              "padding-left": "xl",
-              "padding-top": "2xl",
-              "padding-right": "xl",
-              "padding-bottom": "2xl",
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "sm",
-              filter: "none",
+            "header-cta": {
+              "white-space": "nowrap",
             },
           },
-          {
-            eventWrapper: {
-              "border-radius": "base",
-              overflow: "hidden",
-              "box-shadow": "default",
-              filter: "none",
-            },
-            image: {
-              width: "100%",
-            },
-            textWrapper: {
-              "padding-left": "xl",
-              "padding-top": "2xl",
-              "padding-right": "xl",
-              "padding-bottom": "2xl",
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "sm",
-            },
-            title: {
-              "font-weight": 400,
-              "font-size": "xl",
-            },
-            description: {
-              overflow: "hidden",
-              display: "-webkit-box",
-              "-webkit-box-orient": "vertical",
-              "-webkit-line-clamp": 3,
-              color: "text-2",
-            },
-            publishedAt: {
-              color: "text-2",
-            },
-            "text-container": {
-              filter: "none",
-              display: "none",
-            },
-            "text-wrapper": {
-              "padding-left": "xl",
-              "padding-top": "2xl",
-              "padding-right": "xl",
-              "padding-bottom": "2xl",
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "sm",
-              filter: "none",
-            },
-          },
-          {
-            eventWrapper: {
-              "border-radius": "base",
-              overflow: "hidden",
-              "box-shadow": "default",
-            },
-            image: {
-              width: "100%",
-            },
-            textWrapper: {
-              "padding-left": "xl",
-              "padding-top": "2xl",
-              "padding-right": "xl",
-              "padding-bottom": "2xl",
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "sm",
-            },
-            title: {
-              "font-weight": 400,
-              "font-size": "xl",
-            },
-            description: {
-              overflow: "hidden",
-              display: "-webkit-box",
-              "-webkit-box-orient": "vertical",
-              "-webkit-line-clamp": 3,
-              color: "text-2",
-            },
-            publishedAt: {
-              "font-size": "sm",
-            },
-            "text-container": {
-              filter: "none",
-              display: "none",
-            },
-            "text-wrapper": {
-              "padding-left": "xl",
-              "padding-top": "2xl",
-              "padding-right": "xl",
-              "padding-bottom": "2xl",
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "sm",
-              filter: "none",
-            },
-          },
-          {
-            eventWrapper: {
-              "border-radius": "base",
-              overflow: "hidden",
-              "box-shadow": "default",
-            },
-            image: {
-              width: "100%",
-            },
-            textWrapper: {
-              "padding-left": "xl",
-              "padding-top": "2xl",
+        ],
+        events_levoGroupItem: {
+          eventWrapper: {
+            "border-radius": "base",
+            overflow: "hidden",
+            "box-shadow": "default",
+            position: "relative",
+          },
+          image: {
+            width: "100%",
+            height: "200px",
+            "object-fit": "cover",
+            "border-radius": "base",
+          },
+          "date-wrapper": {
+            display: "flex",
+            "align-items": "center",
+            "column-gap": "2xs",
+            "border-left": "1px solid #000",
+            "padding-left": "2xs",
+          },
+          "date-icon": {
+            width: "16px",
+            height: "16px",
+          },
+          startsAt: {
+            "font-weight": 500,
+          },
+          title: {
+            "font-weight": 600,
+            "font-size": "xl",
+            "margin-bottom": "4xs",
+            "margin-top": "xs",
+          },
+          "text-wrapper": {
+            "padding-top": "2xl",
+            "padding-bottom": "2xl",
+            "padding-right": "2xl",
+            "padding-left": "2xl",
+            mobile: {
+              "padding-top": "xl",
+              "padding-bottom": "xl",
               "padding-right": "xl",
-              "padding-bottom": "2xl",
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "sm",
-            },
-            title: {
-              "font-weight": 400,
-              "font-size": "xl",
-            },
-            description: {
-              overflow: "hidden",
-              display: "-webkit-box",
-              "-webkit-box-orient": "vertical",
-              "-webkit-line-clamp": 3,
-              color: "text-2",
-            },
-            publishedAt: {
-              "font-size": "sm",
-            },
-            "text-container": {
-              filter: "none",
-              display: "none",
-            },
-            "text-wrapper": {
               "padding-left": "xl",
-              "padding-top": "2xl",
-              "padding-right": "xl",
-              "padding-bottom": "2xl",
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "sm",
-              filter: "none",
             },
           },
-          {
-            eventWrapper: {
-              "border-radius": "base",
-              overflow: "hidden",
-              "box-shadow": "default",
-            },
-            image: {
-              width: "100%",
-            },
-            textWrapper: {
-              "padding-left": "xl",
-              "padding-top": "2xl",
-              "padding-right": "xl",
-              "padding-bottom": "2xl",
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "sm",
-            },
-            title: {
-              "font-weight": 400,
-              "font-size": "xl",
-            },
-            description: {
-              overflow: "hidden",
-              display: "-webkit-box",
-              "-webkit-box-orient": "vertical",
-              "-webkit-line-clamp": 3,
-              color: "text-2",
-            },
-            publishedAt: {
-              "font-size": "sm",
-            },
-            "text-container": {
-              filter: "none",
-              display: "none",
-            },
-            "text-wrapper": {
-              "padding-left": "xl",
-              "padding-top": "2xl",
-              "padding-right": "xl",
-              "padding-bottom": "2xl",
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "sm",
-              filter: "none",
-            },
+          description: {
+            overflow: "hidden",
+            display: "-webkit-box",
+            "-webkit-box-orient": "vertical",
+            "-webkit-line-clamp": 3,
           },
-        ],
+        },
+        events: [],
         paginationWrapper: {
           width: "100%",
           display: "flex",
@@ -774,567 +431,54 @@ export const EventListing: IBlock = {
           "column-gap": "lg",
           "align-items": "center",
         },
-        "cta-button": {
-          filter: "none",
+        header: {
+          display: "flex",
+          width: "100%",
+          "column-gap": "base",
+          "margin-bottom": "3xl",
         },
       },
       content: DEFAULT_CONTENT,
       config: {
         title: {
           selectedVariants: {
-            Heading_Level: "H2",
+            Heading_Level: "H4",
           },
           heading: {
-            level: 2,
+            level: "2",
           },
         },
-      },
-    },
-    {
-      key: "cta-variant",
-      title: "CTA Variant",
-      styles: {
-        layout: {
-          "padding-left": "10xl",
-          "padding-right": "10xl",
-          "padding-top": "5xl",
-          "padding-bottom": "5xl",
-          tablet: {
-            "padding-left": "8xl",
-            "padding-right": "8xl",
-            "padding-top": "4xl",
-            "padding-bottom": "4xl",
-          },
-          mobile: {
-            "padding-left": "6xl",
-            "padding-right": "6xl",
-            "padding-top": "3xl",
-            "padding-bottom": "3xl",
-          },
-          filter: "none",
-        },
-        "header-container": {
-          display: "flex",
-          width: "100%",
-          "justify-content": "space-between",
-          "align-items": "center",
-          "margin-bottom": "3xl",
-          mobile: {
-            "flex-direction": "column",
-            "align-items": "flex-start",
-            "row-gap": "lg",
-          },
-        },
-        title: {
-          color: "text-1",
-          margin: "0",
-        },
-
-        container: {
-          display: "flex",
-          "flex-direction": "column",
-          "align-items": "center",
-          "row-gap": "2xl",
-          filter: "none",
-        },
-        events_levoGroup: {
-          display: "grid",
-          width: "100%",
-          "grid-template-columns": "repeat(3, 1fr)",
-          "row-gap": "5xl",
-          "column-gap": "5xl",
-          tablet: {
-            "grid-template-columns": "repeat(2, 1fr)",
-          },
-          mobile: {
-            "grid-template-columns": "repeat(1, 1fr)",
-            "row-gap": "lg",
-          },
-        },
-        events: [
-          {
-            eventWrapper: {
-              "border-radius": "base",
-              overflow: "hidden",
-              "box-shadow": "default",
-              position: "relative",
-              filter: "none",
-              "padding-bottom": "base",
-            },
-            image: {
-              width: "100%",
-              height: "200px",
-              "object-fit": "cover",
-              filter: "none",
-              "border-radius": "base",
-            },
-            "text-wrapper": {
-              "padding-left": "xl",
-              "padding-top": "2xl",
-              "padding-right": "xl",
-              "padding-bottom": "base",
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "lg",
-              filter: "none",
-            },
-            "text-container": {
-              display: "flex",
-              "justify-content": "start",
-              "align-items": "center",
-              filter: "none",
-              "column-gap": "xs",
-            },
-            "caption-text": {
-              "font-family": "var(--font-body)",
-              color: "white",
-              "font-size": "xs",
-              "line-height": "normal",
-              "background-color": "brand",
-              "font-weight": 500,
-              "padding-left": "sm",
-              "padding-right": "sm",
-              "padding-top": "2xs",
-              "padding-bottom": "2xs",
-              "border-radius": "3xl",
-              filter: "none",
-            },
-            "date-wrapper": {
-              display: "flex",
-              "align-items": "center",
-              "column-gap": "2xs",
-              filter: "none",
-              " border-left": "1px solid #000",
-              "padding-left": "2xs",
-            },
-            "date-icon": {
-              width: "16px",
-              height: "16px",
-              filter: "none",
-            },
-            "publishedAt-header": {
-              "font-size": "sm",
-              color: "text-2",
-              "font-weight": 500,
-              filter: "none",
-            },
-            title: {
-              "font-weight": 600,
-              "font-size": "xl",
-              "margin-bottom": "xs",
-              color: "text-1",
-              filter: "none",
-            },
-            description: {
-              overflow: "hidden",
-              display: "-webkit-box",
-              "-webkit-box-orient": "vertical",
-              "-webkit-line-clamp": 3,
-              color: "text-2",
-              "line-height": 1.5,
-            },
-            publishedAt: {
-              display: "none",
-              filter: "none",
-            },
-          },
+        "header-ctas": [
           {
-            eventWrapper: {
-              "border-radius": "base",
-              overflow: "hidden",
-              "box-shadow": "default",
-              position: "relative",
-              filter: "none",
-            },
-            image: {
-              width: "100%",
-              height: "200px",
-              "object-fit": "cover",
-              filter: "none",
-            },
-            "text-wrapper": {
-              "padding-left": "xl",
-              "padding-top": "2xl",
-              "padding-right": "xl",
-              "padding-bottom": "base",
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "lg",
-              filter: "none",
-            },
-            "text-container": {
-              display: "flex",
-              "justify-content": "start",
-              "align-items": "center",
-              filter: "none",
-              "column-gap": "lg",
-            },
-            "caption-text": {
-              "font-family": "var(--font-body)",
-              color: "white",
-              "font-size": "xs",
-              "line-height": "normal",
-              "background-color": "brand",
-              "font-weight": 500,
-              "padding-left": "sm",
-              "padding-right": "sm",
-              "padding-top": "2xs",
-              "padding-bottom": "2xs",
-              "border-radius": "3xl",
-              filter: "none",
-            },
-            "date-wrapper": {
-              display: "flex",
-              "align-items": "center",
-              "column-gap": "xs",
-            },
-            "date-icon": {
-              width: "16px",
-              height: "16px",
-            },
-            "publishedAt-header": {
-              "font-size": "sm",
-              color: "text-2",
-              "font-weight": 500,
-            },
-            title: {
-              "font-weight": 600,
-              "font-size": "xl",
-              "margin-bottom": "xs",
-              color: "text-1",
-            },
-            description: {
-              overflow: "hidden",
-              display: "-webkit-box",
-              "-webkit-box-orient": "vertical",
-              "-webkit-line-clamp": 3,
-              color: "text-2",
-              "line-height": 1.5,
-            },
-            publishedAt: {
-              display: "none",
+            "header-cta": {
+              selectedVariants: {},
             },
           },
           {
-            eventWrapper: {
-              "border-radius": "base",
-              overflow: "hidden",
-              "box-shadow": "default",
-              position: "relative",
-              filter: "none",
-            },
-            image: {
-              width: "100%",
-              height: "200px",
-              "object-fit": "cover",
-            },
-            "text-wrapper": {
-              "padding-left": "xl",
-              "padding-top": "2xl",
-              "padding-right": "xl",
-              "padding-bottom": "base",
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "lg",
-              filter: "none",
-            },
-            "text-container": {
-              display: "flex",
-              "justify-content": "start",
-              "align-items": "center",
-              filter: "none",
-              "column-gap": "lg",
-            },
-            "caption-text": {
-              "font-family": "var(--font-body)",
-              color: "white",
-              "font-size": "xs",
-              "line-height": "normal",
-              "background-color": "brand",
-              "font-weight": 500,
-              "padding-left": "sm",
-              "padding-right": "sm",
-              "padding-top": "2xs",
-              "padding-bottom": "2xs",
-              "border-radius": "3xl",
-              filter: "none",
-            },
-            "date-wrapper": {
-              display: "flex",
-              "align-items": "center",
-              "column-gap": "xs",
-            },
-            "date-icon": {
-              width: "16px",
-              height: "16px",
-            },
-            "publishedAt-header": {
-              "font-size": "sm",
-              color: "text-2",
-              "font-weight": 500,
-            },
-            title: {
-              "font-weight": 600,
-              "font-size": "xl",
-              "margin-bottom": "xs",
-              color: "text-1",
-            },
-            description: {
-              overflow: "hidden",
-              display: "-webkit-box",
-              "-webkit-box-orient": "vertical",
-              "-webkit-line-clamp": 3,
-              color: "text-2",
-              "line-height": 1.5,
-            },
-            publishedAt: {
-              display: "none",
-            },
-          },
-          {
-            eventWrapper: {
-              "border-radius": "base",
-              overflow: "hidden",
-              "box-shadow": "default",
-              position: "relative",
-            },
-            image: {
-              width: "100%",
-              height: "200px",
-              "object-fit": "cover",
-            },
-            "text-wrapper": {
-              "padding-left": "base",
-              "padding-top": "2xl",
-              "padding-right": "base",
-              "padding-bottom": "base",
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "lg",
-              filter: "none",
-            },
-            "text-container": {
-              display: "flex",
-              "justify-content": "start",
-              "align-items": "center",
-              filter: "none",
-              "column-gap": "lg",
-            },
-            "caption-text": {
-              "font-family": "var(--font-body)",
-              color: "white",
-              "font-size": "xs",
-              "line-height": "normal",
-              "background-color": "brand",
-              "font-weight": 500,
-              "padding-left": "sm",
-              "padding-right": "sm",
-              "padding-top": "2xs",
-              "padding-bottom": "2xs",
-              "border-radius": "3xl",
-              filter: "none",
-            },
-            "date-wrapper": {
-              display: "flex",
-              "align-items": "center",
-              "column-gap": "xs",
-            },
-            "date-icon": {
-              width: "16px",
-              height: "16px",
-            },
-            "publishedAt-header": {
-              "font-size": "sm",
-              color: "text-2",
-              "font-weight": 500,
-            },
-            title: {
-              "font-weight": 600,
-              "font-size": "xl",
-              "margin-bottom": "xs",
-              color: "text-1",
-            },
-            description: {
-              overflow: "hidden",
-              display: "-webkit-box",
-              "-webkit-box-orient": "vertical",
-              "-webkit-line-clamp": 3,
-              color: "text-2",
-              "line-height": 1.5,
-            },
-            publishedAt: {
-              display: "none",
+            "header-cta": {
+              selectedVariants: {
+                Button_Variants: "Secondary",
+              },
             },
           },
+        ],
+        events: [
           {
-            eventWrapper: {
-              "border-radius": "base",
-              overflow: "hidden",
-              "box-shadow": "default",
-              position: "relative",
-            },
-            image: {
-              width: "100%",
-              height: "200px",
-              "object-fit": "cover",
-            },
-            "text-wrapper": {
-              "padding-left": "xl",
-              "padding-top": "2xl",
-              "padding-right": "xl",
-              "padding-bottom": "base",
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "lg",
-              filter: "none",
-            },
-            "text-container": {
-              display: "flex",
-              "justify-content": "start",
-              "align-items": "center",
-              filter: "none",
-              "column-gap": "lg",
-            },
-            "caption-text": {
-              "font-family": "var(--font-body)",
-              color: "white",
-              "font-size": "xs",
-              "line-height": "normal",
-              "background-color": "brand",
-              "font-weight": 500,
-              "padding-left": "sm",
-              "padding-right": "sm",
-              "padding-top": "2xs",
-              "padding-bottom": "2xs",
-              "border-radius": "3xl",
-              filter: "none",
-            },
-            "date-wrapper": {
-              display: "flex",
-              "align-items": "center",
-              "column-gap": "xs",
-            },
-            "date-icon": {
-              width: "16px",
-              height: "16px",
-            },
-            "publishedAt-header": {
-              "font-size": "sm",
-              color: "text-2",
-              "font-weight": 500,
+            startsAt: {
+              selectedVariants: {
+                Typography_Variants: "Small",
+              },
             },
             title: {
-              "font-weight": 600,
-              "font-size": "xl",
-              "margin-bottom": "xs",
-              color: "text-1",
-            },
-            description: {
-              overflow: "hidden",
-              display: "-webkit-box",
-              "-webkit-box-orient": "vertical",
-              "-webkit-line-clamp": 3,
-              color: "text-2",
-              "line-height": 1.5,
-            },
-            publishedAt: {
-              display: "none",
-            },
-          },
-          {
-            eventWrapper: {
-              "border-radius": "base",
-              overflow: "hidden",
-              "box-shadow": "default",
-              position: "relative",
-            },
-            image: {
-              width: "100%",
-              height: "200px",
-              "object-fit": "cover",
-            },
-            "text-wrapper": {
-              "padding-left": "xl",
-              "padding-top": "2xl",
-              "padding-right": "xl",
-              "padding-bottom": "base",
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "lg",
-              filter: "none",
-            },
-            "text-container": {
-              display: "flex",
-              "justify-content": "start",
-              "align-items": "center",
-              filter: "none",
-              "column-gap": "lg",
-            },
-            "caption-text": {
-              "font-family": "var(--font-body)",
-              color: "white",
-              "font-size": "xs",
-              "line-height": "normal",
-              "background-color": "brand",
-              "font-weight": 500,
-              "padding-left": "sm",
-              "padding-right": "sm",
-              "padding-top": "2xs",
-              "padding-bottom": "2xs",
-              "border-radius": "3xl",
-              filter: "none",
-            },
-            "date-wrapper": {
-              display: "flex",
-              "align-items": "center",
-              "column-gap": "xs",
-            },
-            "date-icon": {
-              width: "16px",
-              height: "16px",
-            },
-            "publishedAt-header": {
-              "font-size": "sm",
-              color: "text-2",
-              "font-weight": 500,
-            },
-            title: {
-              "font-weight": 600,
-              "font-size": "xl",
-              "margin-bottom": "xs",
-              color: "text-1",
-            },
-            description: {
-              overflow: "hidden",
-              display: "-webkit-box",
-              "-webkit-box-orient": "vertical",
-              "-webkit-line-clamp": 3,
-              color: "text-2",
-              "line-height": 1.5,
-            },
-            publishedAt: {
-              display: "none",
+              heading: {
+                level: "4",
+              },
+              selectedVariants: {
+                Heading_Level: "H6",
+              },
             },
           },
         ],
-        paginationWrapper: {
-          width: "100%",
-          display: "flex",
-          "justify-content": "center",
-          "column-gap": "lg",
-          "align-items": "center",
-        },
-      },
-      content: DEFAULT_CONTENT_CTA,
-      config: {
-        title: {
-          selectedVariants: {
-            Heading_Level: "H2",
-          },
-          heading: {
-            level: 2,
-          },
-        },
       },
     },
   ],