@levo-so/blocks 0.1.58 → 0.1.60

package/src/blocks/cards/cards-9.schema.ts

@@ -1,5 +1,102 @@
 import type { IBlock } from "@levo-so/studio";
 
+const MEDIA_1 = {
+  id: "iPDvJfZlYZeJV",
+  filename: "cards-9-1.png",
+  kind: "image",
+  location: "https://static.levocdn.com/WLZ1TXTD/cards-9-1-ImvhXBr3yrZ9K.png",
+  srcset: {
+    "1080w":
+      "https://static.levocdn.com/WLZ1TXTD/cards-9-1-ImvhXBr3yrZ9K-1080w.webp",
+    "1200w":
+      "https://static.levocdn.com/WLZ1TXTD/cards-9-1-ImvhXBr3yrZ9K-1200w.webp",
+    "1920w":
+      "https://static.levocdn.com/WLZ1TXTD/cards-9-1-ImvhXBr3yrZ9K-1920w.webp",
+    "320w":
+      "https://static.levocdn.com/WLZ1TXTD/cards-9-1-ImvhXBr3yrZ9K-320w.webp",
+    "640w":
+      "https://static.levocdn.com/WLZ1TXTD/cards-9-1-ImvhXBr3yrZ9K-640w.webp",
+    "750w":
+      "https://static.levocdn.com/WLZ1TXTD/cards-9-1-ImvhXBr3yrZ9K-750w.webp",
+    "828w":
+      "https://static.levocdn.com/WLZ1TXTD/cards-9-1-ImvhXBr3yrZ9K-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/cards-9-1-ImvhXBr3yrZ9K-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/cards-9-1-ImvhXBr3yrZ9K-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/cards-9-1-ImvhXBr3yrZ9K-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/cards-9-1-ImvhXBr3yrZ9K-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/cards-9-1-ImvhXBr3yrZ9K-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/cards-9-1-ImvhXBr3yrZ9K-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/cards-9-1-ImvhXBr3yrZ9K-750w.webp 750w",
+  },
+  mimetype: "image/png",
+};
+const MEDIA_2 = {
+  id: "HXVTatirXivdi",
+  filename: "cards-9-2.png",
+  kind: "image",
+  location: "https://static.levocdn.com/WLZ1TXTD/cards-9-2-WT0A6rEuKEfDs.png",
+  srcset: {
+    "1080w":
+      "https://static.levocdn.com/WLZ1TXTD/cards-9-2-WT0A6rEuKEfDs-1080w.webp",
+    "1200w":
+      "https://static.levocdn.com/WLZ1TXTD/cards-9-2-WT0A6rEuKEfDs-1200w.webp",
+    "1920w":
+      "https://static.levocdn.com/WLZ1TXTD/cards-9-2-WT0A6rEuKEfDs-1920w.webp",
+    "320w":
+      "https://static.levocdn.com/WLZ1TXTD/cards-9-2-WT0A6rEuKEfDs-320w.webp",
+    "640w":
+      "https://static.levocdn.com/WLZ1TXTD/cards-9-2-WT0A6rEuKEfDs-640w.webp",
+    "750w":
+      "https://static.levocdn.com/WLZ1TXTD/cards-9-2-WT0A6rEuKEfDs-750w.webp",
+    "828w":
+      "https://static.levocdn.com/WLZ1TXTD/cards-9-2-WT0A6rEuKEfDs-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/cards-9-2-WT0A6rEuKEfDs-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/cards-9-2-WT0A6rEuKEfDs-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/cards-9-2-WT0A6rEuKEfDs-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/cards-9-2-WT0A6rEuKEfDs-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/cards-9-2-WT0A6rEuKEfDs-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/cards-9-2-WT0A6rEuKEfDs-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/cards-9-2-WT0A6rEuKEfDs-1920w.webp 1920w",
+  },
+  mimetype: "image/png",
+};
+const MEDIA_3 = {
+  id: "5AQisZ4zN4cMb",
+  filename: "cards-9-3.png",
+  kind: "image",
+  location: "https://static.levocdn.com/WLZ1TXTD/cards-9-3-KQ5SdQXeJXRgu.png",
+  srcset: {
+    "1080w":
+      "https://static.levocdn.com/WLZ1TXTD/cards-9-3-KQ5SdQXeJXRgu-1080w.webp",
+    "1200w":
+      "https://static.levocdn.com/WLZ1TXTD/cards-9-3-KQ5SdQXeJXRgu-1200w.webp",
+    "1920w":
+      "https://static.levocdn.com/WLZ1TXTD/cards-9-3-KQ5SdQXeJXRgu-1920w.webp",
+    "320w":
+      "https://static.levocdn.com/WLZ1TXTD/cards-9-3-KQ5SdQXeJXRgu-320w.webp",
+    "640w":
+      "https://static.levocdn.com/WLZ1TXTD/cards-9-3-KQ5SdQXeJXRgu-640w.webp",
+    "750w":
+      "https://static.levocdn.com/WLZ1TXTD/cards-9-3-KQ5SdQXeJXRgu-750w.webp",
+    "828w":
+      "https://static.levocdn.com/WLZ1TXTD/cards-9-3-KQ5SdQXeJXRgu-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/cards-9-3-KQ5SdQXeJXRgu-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/cards-9-3-KQ5SdQXeJXRgu-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/cards-9-3-KQ5SdQXeJXRgu-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/cards-9-3-KQ5SdQXeJXRgu-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/cards-9-3-KQ5SdQXeJXRgu-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/cards-9-3-KQ5SdQXeJXRgu-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/cards-9-3-KQ5SdQXeJXRgu-320w.webp 320w",
+  },
+  mimetype: "image/png",
+};
+const MEDIA_4 = {
+  id: "iPDvvfZlYZeJa",
+  filename: "cards-9-4.png",
+  kind: "image",
+  location: "https://static.levocdn.com/WLZ1TXTD/cards-9-4-aytCzN3yY3qF5.png",
+  srcset: {
+    "1080w":
+      "https://static.levocdn.com/WLZ1TXTD/cards-9-4-aytCzN3yY3qF5-1080w.webp",
+    "1200w":
+      "https://static.levocdn.com/WLZ1TXTD/cards-9-4-aytCzN3yY3qF5-1200w.webp",
+    "1920w":
+      "https://static.levocdn.com/WLZ1TXTD/cards-9-4-aytCzN3yY3qF5-1920w.webp",
+    "320w":
+      "https://static.levocdn.com/WLZ1TXTD/cards-9-4-aytCzN3yY3qF5-320w.webp",
+    "640w":
+      "https://static.levocdn.com/WLZ1TXTD/cards-9-4-aytCzN3yY3qF5-640w.webp",
+    "750w":
+      "https://static.levocdn.com/WLZ1TXTD/cards-9-4-aytCzN3yY3qF5-750w.webp",
+    "828w":
+      "https://static.levocdn.com/WLZ1TXTD/cards-9-4-aytCzN3yY3qF5-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/cards-9-4-aytCzN3yY3qF5-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/cards-9-4-aytCzN3yY3qF5-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/cards-9-4-aytCzN3yY3qF5-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/cards-9-4-aytCzN3yY3qF5-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/cards-9-4-aytCzN3yY3qF5-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/cards-9-4-aytCzN3yY3qF5-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/cards-9-4-aytCzN3yY3qF5-1920w.webp 1920w",
+  },
+  mimetype: "image/png",
+};
+
 const DUMMY_IMAGE = {
   id: "7141014160938075687",
   location: "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH.png",
@@ -29,12 +126,15 @@ const DEFAULT_CONTENT = {
   container: null,
   header_wrapper: null,
   title: "New Insights",
-  header_cta: "View All",
+  description:
+    "New Insights New Insights New Insights New Insights New Insights ",
+  header_ctas_levoGroup: null,
+  header_ctas: [{ header_cta: "View All" }, { header_cta: "Subscribe" }],
   cards: [
     {
       card_wrapper: null,
       left_container: null,
-      image: DUMMY_IMAGE,
+      image: MEDIA_1,
       right_container: null,
       meta_container: null,
       date_wrapper: null,
@@ -42,12 +142,13 @@ const DEFAULT_CONTENT = {
       date_text: "Nov 5, 2025",
       text_container: null,
       card_title: "How AI Will Transform Every Part of Life",
-      cta: "Read More",
+      ctas_levoGroup: null,
+      ctas: [{ cta: "Read More" }, { cta: "Learn More" }],
     },
     {
       card_wrapper: null,
       left_container: null,
-      image: DUMMY_IMAGE,
+      image: MEDIA_2,
       right_container: null,
       meta_container: null,
       date_wrapper: null,
@@ -55,12 +156,13 @@ const DEFAULT_CONTENT = {
       date_text: "Nov 5, 2025",
       text_container: null,
       card_title: "The Rise of Sustainable Innovation",
-      cta: "Read More",
+      ctas_levoGroup: null,
+      ctas: [{ cta: "Read More" }, { cta: "Learn More" }],
     },
     {
       card_wrapper: null,
       left_container: null,
-      image: DUMMY_IMAGE,
+      image: MEDIA_3,
       right_container: null,
       meta_container: null,
       date_wrapper: null,
@@ -68,12 +170,13 @@ const DEFAULT_CONTENT = {
       date_text: "Nov 5, 2025",
       text_container: null,
       card_title: "Design Trends That Will Define 2025",
-      cta: "Read More",
+      ctas_levoGroup: null,
+      ctas: [{ cta: "Read More" }, { cta: "Learn More" }],
     },
     {
       card_wrapper: null,
       left_container: null,
-      image: DUMMY_IMAGE,
+      image: MEDIA_4,
       right_container: null,
       meta_container: null,
       date_wrapper: null,
@@ -81,7 +184,8 @@ const DEFAULT_CONTENT = {
       date_text: "Nov 5, 2025",
       text_container: null,
       card_title: "Productivity Without Burnout",
-      cta: "Read More",
+      ctas_levoGroup: null,
+      ctas: [{ cta: "Read More" }, { cta: "Learn More" }],
     },
   ],
 };
@@ -111,6 +215,11 @@ export const Cards9: IBlock = {
       label: "Header Wrapper",
       field_interface: "BoxWidget",
     },
+    {
+      key: "title_container",
+      label: "Title Container",
+      field_interface: "BoxWidget",
+    },
     {
       key: "title",
       label: "Section Title",
@@ -123,14 +232,33 @@ export const Cards9: IBlock = {
       },
     },
     {
-      key: "header_cta",
-      label: "Header CTA",
-      field_interface: "ButtonWidget",
+      key: "description",
+      label: "Section Description",
+      field_interface: "TypographyWidget",
+    },
+    {
+      key: "header_ctas",
+      label: "Header CTA Group",
+      field_interface: "BoxWidget",
+      kind: "group",
+      fields: [
+        {
+          key: "header_cta",
+          label: "Header CTA",
+          field_interface: "ButtonWidget",
+          hint: {
+            prompt_description:
+              "Call-to-action button in the header to view all items or navigate to a complete listing",
+            min_characters: 6,
+            max_characters: 15,
+          },
+        },
+      ],
       hint: {
         prompt_description:
-          "Call-to-action button in the header to view all items or navigate to a complete listing",
-        min_characters: 6,
-        max_characters: 15,
+          "Group of header call-to-action buttons for viewing all items and related actions",
+        min_items: 1,
+        max_items: 3,
       },
     },
     {
@@ -222,14 +350,28 @@ export const Cards9: IBlock = {
           },
         },
         {
-          key: "cta",
-          label: "Call to Action",
-          field_interface: "ButtonWidget",
+          key: "ctas",
+          label: "Call to Actions",
+          field_interface: "BoxWidget",
+          kind: "group",
+          fields: [
+            {
+              key: "cta",
+              label: "Call to Action",
+              field_interface: "ButtonWidget",
+              hint: {
+                prompt_description:
+                  "Action button encouraging users to read more or learn about the insight",
+                min_characters: 6,
+                max_characters: 15,
+              },
+            },
+          ],
           hint: {
             prompt_description:
-              "Action button encouraging users to read more or learn about the insight",
-            min_characters: 6,
-            max_characters: 15,
+              "Group of call-to-action buttons for engaging with the insight content",
+            min_items: 1,
+            max_items: 3,
           },
         },
       ],
@@ -240,16 +382,8 @@ export const Cards9: IBlock = {
       key: "default",
       title: "Default",
       styles: {
-        layout: {
-          "padding-top": "5xl",
-          "padding-bottom": "5xl",
-          "padding-left": "2xl",
-          "padding-right": "2xl",
-        },
+        layout: {},
         container: {
-          "max-width": "1280px",
-          "margin-left": "auto",
-          "margin-right": "auto",
           display: "flex",
           "flex-direction": "column",
           "row-gap": "3xl",
@@ -264,15 +398,19 @@ export const Cards9: IBlock = {
             "row-gap": "base",
           },
         },
-        header_cta: {
-          "background-color": "background-1",
-          color: "text-1",
-          "padding-top": "xs",
-          "padding-bottom": "xs",
-          "padding-left": "base",
-          "padding-right": "base",
-          cursor: "pointer",
+        header_ctas_levoGroup: {
+          display: "flex",
+          "flex-direction": "row",
+          "column-gap": "xs",
+          "row-gap": "xs",
+          "flex-wrap": "wrap",
+          "align-items": "center",
         },
+        header_ctas: Array(2)
+          .fill(0)
+          .map(() => ({
+            header_cta: {},
+          })),
         cards_levoGroup: {
           display: "grid",
           "grid-template-columns": "repeat(2, 1fr)",
@@ -335,9 +473,7 @@ export const Cards9: IBlock = {
               width: "16px",
               height: "16px",
             },
-            date_text: {
-              color: "text-2",
-            },
+            date_text: {},
             text_container: {
               display: "flex",
               "flex-direction": "column",
@@ -346,93 +482,22 @@ export const Cards9: IBlock = {
             },
             card_title: {
               color: "text-1",
-              "line-height": "1.3",
             },
-            cta: {
-              "background-color": "brand",
-              color: "brandForeground",
-              "padding-top": "xs",
-              "padding-bottom": "xs",
-              "padding-left": "base",
-              "padding-right": "base",
-              width: "fit-content",
-              cursor: "pointer",
-            },
-          },
-          {
-            card_wrapper: {
+            ctas_levoGroup: {
               display: "flex",
               "flex-direction": "row",
-              "border-radius": "base",
-              overflow: "hidden",
-              "box-shadow":
-                "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
-              mobile: {
-                "flex-direction": "column",
-              },
-              "padding-top": "base",
-              "padding-right": "base",
-              "padding-left": "base",
-              "padding-bottom": "base",
-            },
-            left_container: {
-              "flex-shrink": "0",
-            },
-            image: {
-              "object-fit": "cover",
-              "border-radius": "base",
-              mobile: {
-                width: "100%",
-                height: "180px",
-              },
-              width: "250px",
-            },
-            right_container: {
-              display: "flex",
-              "flex-direction": "column",
-              "padding-top": "base",
-              "padding-bottom": "base",
-              "padding-left": "base",
-              "padding-right": "base",
-              "flex-grow": "1",
-              "row-gap": "sm",
-            },
-            meta_container: {
-              display: "flex",
-              "align-items": "center",
-            },
-            date_wrapper: {
-              display: "flex",
-              "align-items": "center",
               "column-gap": "xs",
+              "row-gap": "xs",
+              "flex-wrap": "wrap",
+              "align-items": "center",
             },
-            date_icon: {
-              width: "16px",
-              height: "16px",
-            },
-            date_text: {
-              color: "text-2",
-            },
-            text_container: {
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "sm",
-              "flex-grow": "1",
-            },
-            card_title: {
-              color: "text-1",
-              "line-height": "1.3",
-            },
-            cta: {
-              "background-color": "brand",
-              color: "brandForeground",
-              "padding-top": "xs",
-              "padding-bottom": "xs",
-              "padding-left": "base",
-              "padding-right": "base",
-              width: "fit-content",
-              cursor: "pointer",
-            },
+            ctas: Array(2)
+              .fill(0)
+              .map(() => ({
+                cta: {
+                  width: "fit-content",
+                },
+              })),
           },
           {
             card_wrapper: {
@@ -485,9 +550,7 @@ export const Cards9: IBlock = {
               width: "16px",
               height: "16px",
             },
-            date_text: {
-              color: "text-2",
-            },
+            date_text: {},
             text_container: {
               display: "flex",
               "flex-direction": "column",
@@ -496,18 +559,22 @@ export const Cards9: IBlock = {
             },
             card_title: {
               color: "text-1",
-              "line-height": "1.3",
             },
-            cta: {
-              "background-color": "brand",
-              color: "brandForeground",
-              "padding-top": "xs",
-              "padding-bottom": "xs",
-              "padding-left": "base",
-              "padding-right": "base",
-              width: "fit-content",
-              cursor: "pointer",
+            ctas_levoGroup: {
+              display: "flex",
+              "flex-direction": "row",
+              "column-gap": "xs",
+              "row-gap": "xs",
+              "flex-wrap": "wrap",
+              "align-items": "center",
             },
+            ctas: Array(2)
+              .fill(0)
+              .map(() => ({
+                cta: {
+                  width: "fit-content",
+                },
+              })),
           },
           {
             card_wrapper: {
@@ -560,9 +627,7 @@ export const Cards9: IBlock = {
               width: "16px",
               height: "16px",
             },
-            date_text: {
-              color: "text-2",
-            },
+            date_text: {},
             text_container: {
               display: "flex",
               "flex-direction": "column",
@@ -571,18 +636,22 @@ export const Cards9: IBlock = {
             },
             card_title: {
               color: "text-1",
-              "line-height": "1.3",
             },
-            cta: {
-              "background-color": "brand",
-              color: "brandForeground",
-              "padding-top": "xs",
-              "padding-bottom": "xs",
-              "padding-left": "base",
-              "padding-right": "base",
-              width: "fit-content",
-              cursor: "pointer",
+            ctas_levoGroup: {
+              display: "flex",
+              "flex-direction": "row",
+              "column-gap": "xs",
+              "row-gap": "xs",
+              "flex-wrap": "wrap",
+              "align-items": "center",
             },
+            ctas: Array(2)
+              .fill(0)
+              .map(() => ({
+                cta: {
+                  width: "fit-content",
+                },
+              })),
           },
           {
             card_wrapper: {
@@ -604,13 +673,13 @@ export const Cards9: IBlock = {
               "flex-shrink": "0",
             },
             image: {
-              width: "160px",
               "object-fit": "cover",
               "border-radius": "base",
               mobile: {
                 width: "100%",
                 height: "180px",
               },
+              width: "250px",
             },
             right_container: {
               display: "flex",
@@ -635,9 +704,7 @@ export const Cards9: IBlock = {
               width: "16px",
               height: "16px",
             },
-            date_text: {
-              color: "text-2",
-            },
+            date_text: {},
             text_container: {
               display: "flex",
               "flex-direction": "column",
@@ -646,181 +713,109 @@ export const Cards9: IBlock = {
             },
             card_title: {
               color: "text-1",
-              "line-height": "1.3",
             },
-            cta: {
-              "background-color": "brand",
-              color: "brandForeground",
-              "padding-top": "xs",
-              "padding-bottom": "xs",
-              "padding-left": "base",
-              "padding-right": "base",
-              width: "fit-content",
-              cursor: "pointer",
-            },
-          },
-          {
-            card_wrapper: {
+            ctas_levoGroup: {
               display: "flex",
               "flex-direction": "row",
-              "border-radius": "base",
-              overflow: "hidden",
-              "box-shadow":
-                "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
-              mobile: {
-                "flex-direction": "column",
-              },
-              "padding-top": "base",
-              "padding-right": "base",
-              "padding-left": "base",
-              "padding-bottom": "base",
-            },
-            left_container: {
-              "flex-shrink": "0",
-            },
-            image: {
-              width: "160px",
-              "object-fit": "cover",
-              "border-radius": "base",
-              mobile: {
-                width: "100%",
-                height: "180px",
-              },
-            },
-            right_container: {
-              display: "flex",
-              "flex-direction": "column",
-              "padding-top": "base",
-              "padding-bottom": "base",
-              "padding-left": "base",
-              "padding-right": "base",
-              "flex-grow": "1",
-              "row-gap": "sm",
-            },
-            meta_container: {
-              display: "flex",
-              "align-items": "center",
-            },
-            date_wrapper: {
-              display: "flex",
-              "align-items": "center",
               "column-gap": "xs",
+              "row-gap": "xs",
+              "flex-wrap": "wrap",
+              "align-items": "center",
             },
-            date_icon: {
-              width: "16px",
-              height: "16px",
+            ctas: Array(2)
+              .fill(0)
+              .map(() => ({
+                cta: {
+                  width: "fit-content",
+                },
+              })),
+          },
+        ],
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        title: {
+          heading: {
+            level: "2",
+          },
+          selectedVariants: {
+            Heading_Level: "H2",
+          },
+        },
+        cards: [
+          {
+            ctas: Array(2)
+              .fill(0)
+              .map(() => ({
+                cta: {
+                  selectedVariants: {},
+                },
+              })),
+            card_title: {
+              selectedVariants: {},
             },
             date_text: {
-              color: "text-2",
-            },
-            text_container: {
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "sm",
-              "flex-grow": "1",
+              selectedVariants: {},
             },
+          },
+          {
+            ctas: Array(2)
+              .fill(0)
+              .map(() => ({
+                cta: {
+                  selectedVariants: {},
+                },
+              })),
             card_title: {
-              color: "text-1",
-              "line-height": "1.3",
+              selectedVariants: {},
             },
-            cta: {
-              "background-color": "brand",
-              color: "brandForeground",
-              "padding-top": "xs",
-              "padding-bottom": "xs",
-              "padding-left": "base",
-              "padding-right": "base",
-              width: "fit-content",
-              cursor: "pointer",
+            date_text: {
+              selectedVariants: {},
             },
           },
           {
-            card_wrapper: {
-              display: "flex",
-              "flex-direction": "row",
-              "border-radius": "base",
-              overflow: "hidden",
-              "box-shadow":
-                "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
-              mobile: {
-                "flex-direction": "column",
-              },
-              "padding-top": "base",
-              "padding-right": "base",
-              "padding-left": "base",
-              "padding-bottom": "base",
-            },
-            left_container: {
-              "flex-shrink": "0",
-            },
-            image: {
-              width: "160px",
-              "object-fit": "cover",
-              "border-radius": "base",
-              mobile: {
-                width: "100%",
-                height: "180px",
-              },
-            },
-            right_container: {
-              display: "flex",
-              "flex-direction": "column",
-              "padding-top": "base",
-              "padding-bottom": "base",
-              "padding-left": "base",
-              "padding-right": "base",
-              "flex-grow": "1",
-              "row-gap": "sm",
-            },
-            meta_container: {
-              display: "flex",
-              "align-items": "center",
-            },
-            date_wrapper: {
-              display: "flex",
-              "align-items": "center",
-              "column-gap": "xs",
-            },
-            date_icon: {
-              width: "16px",
-              height: "16px",
+            ctas: Array(2)
+              .fill(0)
+              .map(() => ({
+                cta: {
+                  selectedVariants: {},
+                },
+              })),
+            card_title: {
+              selectedVariants: {},
             },
             date_text: {
-              color: "text-2",
-            },
-            text_container: {
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "sm",
-              "flex-grow": "1",
+              selectedVariants: {},
             },
+          },
+          {
+            ctas: Array(2)
+              .fill(0)
+              .map(() => ({
+                cta: {
+                  selectedVariants: {},
+                },
+              })),
             card_title: {
-              color: "text-1",
-              "line-height": "1.3",
+              selectedVariants: {},
             },
-            cta: {
-              "background-color": "brand",
-              color: "brandForeground",
-              "padding-top": "xs",
-              "padding-bottom": "xs",
-              "padding-left": "base",
-              "padding-right": "base",
-              width: "fit-content",
-              cursor: "pointer",
+            date_text: {
+              selectedVariants: {},
             },
           },
         ],
-      },
-      content: DEFAULT_CONTENT,
-      config: {
-        title: {
-          heading: {
-            level: 1,
+        header_ctas: [
+          {
+            header_cta: {
+              selectedVariants: {},
+            },
           },
-          selectedVariants: {
-            Heading_Level: "H2",
+          {
+            header_cta: {
+              selectedVariants: {},
+            },
           },
-        },
+        ],
       },
     },
   ],