@ilo-org/react 0.12.0 → 0.14.0

package/src/components/Cards/{CardGroup.args.ts → CardGroup/CardGroup.args.ts}

@@ -1,19 +1,16 @@
 import { CardGroupProps } from "./CardGroup.props";
 
-const textCardGroup: CardGroupProps = {
+export const textCardGroup: CardGroupProps = {
   cards: [
     {
-      type: "text",
-      title: "Why we need greater social justice",
-      eyebrow: "Podcast",
+      title: "ILO welcomes first global agreement on working conditions",
+      eyebrow: "Press release",
       date: {
         human: "20 September 2022",
         unix: "1670389200",
       },
       theme: "dark",
       link: "https:/www.ilo.org",
-      intro:
-        "A toxic combination of mutually-reinforcing crises – inflation, debt, food and fuel price rises, geopolitical tensions and conflict, climate change – are threatening to increase poverty, inequality and discrimination worldwide.",
       profile: {
         avatar: "/ilo-dg.jpg",
         description:
@@ -21,21 +18,61 @@ const textCardGroup: CardGroupProps = {
         name: "Gilbert Houngbo",
         role: "ILO Director-General",
       },
-      isvideo: false,
-      size: "standard",
-      color: "blue",
-      cornercut: "cornercut",
-      alignment: "left",
-      eventdetails: "",
-      listitems: [],
-      linklist: {},
-      cta: {},
-      dataset: {},
-      source: {},
-      image: "",
+    },
+    {
+      title: "Renewable energy jobs hit 12.7 million globally",
+      eyebrow: "Report",
+      date: {
+        human: "21 September 2022",
+        unix: "1670389200",
+      },
+      theme: "dark",
+      link: "https:/www.ilo.org",
+      profile: {
+        avatar: "/ilo-dg.jpg",
+        description:
+          "Gilbert Houngbo is the Director-General of the International Labour Organization",
+        name: "Gilbert Houngbo",
+        role: "ILO Director-General",
+      },
+    },
+    {
+      title: "Can digital technology be an equality machine? ",
+      eyebrow: "Podcast",
+      date: {
+        human: "25 September 2022",
+        unix: "1670389200",
+      },
+      theme: "dark",
+      link: "https:/www.ilo.org",
+      profile: {
+        avatar: "/ilo-dg.jpg",
+        description:
+          "Gilbert Houngbo is the Director-General of the International Labour Organization",
+        name: "Gilbert Houngbo",
+        role: "ILO Director-General",
+      },
+    },
+    {
+      title: "Why we need greater social justice?",
+      eyebrow: "Podcast",
+      date: {
+        human: "31 September 2022",
+        unix: "1670389200",
+      },
+      theme: "dark",
+      link: "https:/www.ilo.org",
+      profile: {
+        avatar: "/ilo-dg.jpg",
+        description:
+          "Gilbert Houngbo is the Director-General of the International Labour Organization",
+        name: "Gilbert Houngbo",
+        role: "ILO Director-General",
+      },
     },
   ],
-  cardcount: "one",
+  cardCount: "three",
+  type: "text",
   cta: {
     label: "Discover our unique mission",
     url: "https://www.ilo.org",
@@ -45,87 +82,38 @@ const textCardGroup: CardGroupProps = {
 const statCardGroup: CardGroupProps = {
   cards: [
     {
-      type: "stat",
-      title: "Global employment growth down by half in 2023",
-      eyebrow: "Report",
+      title: "Can digital technology be an equality machine?",
       intro:
-        "The current global economic slowdown is likely to force more workers to accept lower quality, poorly paid jobs which lack job security and social protection, so accentuating inequalities exacerbated by the COVID-19 crisis.",
-      color: "blue",
+        "A toxic combination of mutually-reinforcing crises inflation, debt, food and fuel price rises, geopolitical tensions and conflict, climate change are threatening to increase poverty, inequality and discrimination worldwide.",
+      color: "turquoise",
       source: {
         label: "World Employment and Social Outlook: Trends 2023",
         url: "https://www.ilo.org",
       },
-      isvideo: false,
-      size: "standard",
-      cornercut: "cornercut",
-      alignment: "left",
-      eventdetails: "",
-      listitems: [],
-      linklist: {},
-      cta: {},
-      dataset: {},
-      image: "",
-      link: "",
-      profile: {},
-      theme: "light",
-      date: {},
     },
     {
-      type: "stat",
-      title: "Global employment growth down by half in 2023",
-      eyebrow: "Report",
+      title: "Renewable energy jobs hit 12.7 million globally",
       intro:
         "The current global economic slowdown is likely to force more workers to accept lower quality, poorly paid jobs which lack job security and social protection, so accentuating inequalities exacerbated by the COVID-19 crisis.",
-      color: "yellow",
+      color: "turquoise",
       source: {
         label: "World Employment and Social Outlook: Trends 2023",
         url: "https://www.ilo.org",
       },
-      isvideo: false,
-      size: "standard",
-      cornercut: "cornercut",
-      alignment: "left",
-      eventdetails: "",
-      listitems: [],
-      linklist: {},
-      cta: {},
-      dataset: {},
-      image: "",
-      link: "",
-      profile: {},
-      theme: "light",
-      date: {},
     },
     {
-      type: "stat",
-      title: "Global employment growth down by half in 2023",
-      eyebrow: "Report",
+      title: "Global employment growth down by half",
       intro:
-        "The current global economic slowdown is likely to force more workers to accept lower quality, poorly paid jobs which lack job security and social protection, so accentuating inequalities exacerbated by the COVID-19 crisis.",
-      color: "green",
+        "A toxic combination of mutually-reinforcing crises inflation, debt, food and fuel price rises, geopolitical tensions and conflict, climate change are threatening to increase poverty, inequality and discrimination worldwide.",
+      color: "turquoise",
       source: {
         label: "World Employment and Social Outlook: Trends 2023",
         url: "https://www.ilo.org",
       },
-      isvideo: false,
-      size: "standard",
-      cornercut: "cornercut",
-      alignment: "left",
-      eventdetails: "",
-      listitems: [],
-      linklist: {},
-      cta: {},
-      dataset: {},
-      image: "",
-      link: "",
-      profile: {},
-      theme: "light",
-      date: {},
     },
     {
-      type: "stat",
-      title: "Global employment growth down by half in 2023",
-      eyebrow: "Report",
+      title:
+        "ILO welcomes first global agreement on working conditions and rights of professional football players",
       intro:
         "The current global economic slowdown is likely to force more workers to accept lower quality, poorly paid jobs which lack job security and social protection, so accentuating inequalities exacerbated by the COVID-19 crisis.",
       color: "turquoise",
@@ -133,23 +121,10 @@ const statCardGroup: CardGroupProps = {
         label: "World Employment and Social Outlook: Trends 2023",
         url: "https://www.ilo.org",
       },
-      isvideo: false,
-      size: "standard",
-      cornercut: "cornercut",
-      alignment: "left",
-      eventdetails: "",
-      listitems: [],
-      linklist: {},
-      cta: {},
-      dataset: {},
-      image: "",
-      link: "",
-      profile: {},
-      theme: "light",
-      date: {},
     },
   ],
-  cardcount: "four",
+  cardCount: "three",
+  type: "stat",
   cta: {
     label: "Discover our unique mission",
     url: "https://www.ilo.org",
@@ -159,18 +134,13 @@ const statCardGroup: CardGroupProps = {
 const multilinkCardGroup: CardGroupProps = {
   cards: [
     {
-      type: "multilink",
-      title:
-        "ILO welcomes G7 call to make a just transition to a green economy happen",
-      eyebrow: "High-level meeting",
+      title: "ILO welcomes first global agreement on working conditions",
+      eyebrow: "Press release",
       intro:
         "At the end of their meeting the G7 Labour Ministers highlighted the urgent need to greater focus on rights and occupational safety and health.",
       image: "/hero.jpg",
       alignment: "left",
-      date: {
-        human: "6 September 2023",
-        unix: "1670389200",
-      },
+      link: "https:/www.ilo.org",
       linklist: {
         headline: "",
         linkgroup: [
@@ -192,32 +162,76 @@ const multilinkCardGroup: CardGroupProps = {
           },
         ],
       },
-      isvideo: false,
-      size: "standard",
-      color: "blue",
-      cornercut: "corner",
-      eventdetails: "",
-      listitems: [],
-      cta: {},
-      dataset: {},
-      source: {},
-      theme: "light",
-      profile: {},
-      link: "",
     },
     {
-      type: "multilink",
       title:
         "ILO welcomes G7 call to make a just transition to a green economy happen",
-      eyebrow: "High-level meeting",
+      eyebrow: "Report",
+      intro:
+        "A toxic combination of mutually-reinforcing crises inflation, debt, food and fuel price rises, geopolitical tensions and conflict.",
+      image: "/hero.jpg",
+      alignment: "left",
+      link: "https:/www.ilo.org",
+      linklist: {
+        headline: "",
+        linkgroup: [
+          {
+            links: [
+              {
+                label: "Read the press release",
+                url: "https://www.ilo.org",
+              },
+              {
+                label: "See the statement",
+                url: "https://www.ilo.org",
+              },
+              {
+                label: "Remarks to G7 Openening Session",
+                url: "https://www.ilo.org",
+              },
+            ],
+          },
+        ],
+      },
+    },
+    {
+      title: "Telangana and Andhra Pradesh launch pre-departure handbook",
+      eyebrow: "Podcast",
       intro:
         "At the end of their meeting the G7 Labour Ministers highlighted the urgent need to greater focus on rights and occupational safety and health.",
       image: "/hero.jpg",
       alignment: "left",
-      date: {
-        human: "16 September 2023",
-        unix: "1670389200",
+      link: "https:/www.ilo.org",
+      linklist: {
+        headline: "",
+        linkgroup: [
+          {
+            links: [
+              {
+                label: "Read the press release",
+                url: "https://www.ilo.org",
+              },
+              {
+                label: "See the statement",
+                url: "https://www.ilo.org",
+              },
+              {
+                label: "Remarks to G7 Openening Session",
+                url: "https://www.ilo.org",
+              },
+            ],
+          },
+        ],
       },
+    },
+    {
+      title: "Renewable energy jobs hit 12.7 million globally",
+      eyebrow: "High-level meeting",
+      intro:
+        "At the end of their meeting the G7 Labour Ministers highlighted the urgent need to greater focus on rights and occupational safety and health.",
+      image: "/hero.jpg",
+      alignment: "left",
+      link: "https:/www.ilo.org",
       linklist: {
         headline: "",
         linkgroup: [
@@ -239,21 +253,10 @@ const multilinkCardGroup: CardGroupProps = {
           },
         ],
       },
-      isvideo: false,
-      size: "standard",
-      color: "blue",
-      cornercut: "corner",
-      eventdetails: "",
-      listitems: [],
-      cta: {},
-      dataset: {},
-      source: {},
-      theme: "light",
-      profile: {},
-      link: "",
     },
   ],
-  cardcount: "two",
+  type: "multilink",
+  cardCount: "three",
   cta: {
     label: "Discover our unique mission",
     url: "https://www.ilo.org",
@@ -263,12 +266,11 @@ const multilinkCardGroup: CardGroupProps = {
 const promoCardGroup: CardGroupProps = {
   cards: [
     {
-      type: "promo",
-      title:
-        "ILO welcomes G7 call to make a just transition to a green economy happen",
-      eyebrow: "High-level meeting",
-      theme: "light",
-      cornercut: "cornercut",
+      size: "standard",
+      title: "ILO welcomes first global agreement on working conditions",
+      eyebrow: "Report",
+      theme: "dark",
+      cornercut: true,
       intro:
         "At the end of their meeting the G7 Labour Ministers highlighted the urgent need to greater focus on rights and occupational safety and health.",
       link: "https:/www.ilo.org",
@@ -276,26 +278,13 @@ const promoCardGroup: CardGroupProps = {
         label: "Read the press release",
         url: "https://www.ilo.org",
       },
-      isvideo: false,
-      size: "standard",
-      color: "blue",
-      alignment: "left",
-      eventdetails: "",
-      listitems: [],
-      linklist: {},
-      dataset: {},
-      source: {},
-      image: "",
-      profile: {},
-      date: {},
     },
     {
-      type: "promo",
-      title:
-        "ILO welcomes G7 call to make a just transition to a green economy happen",
+      size: "standard",
+      title: "Renewable energy jobs hits 12.7 million globally",
       eyebrow: "High-level meeting",
       theme: "dark",
-      cornercut: "cornercut",
+      cornercut: true,
       intro:
         "At the end of their meeting the G7 Labour Ministers highlighted the urgent need to greater focus on rights and occupational safety and health.",
       link: "https:/www.ilo.org",
@@ -303,26 +292,27 @@ const promoCardGroup: CardGroupProps = {
         label: "Read the press release",
         url: "https://www.ilo.org",
       },
-      isvideo: false,
+    },
+    {
       size: "standard",
-      color: "blue",
-      alignment: "left",
-      eventdetails: "",
-      listitems: [],
-      linklist: {},
-      dataset: {},
-      source: {},
-      image: "",
-      profile: {},
-      date: {},
+      title: "ILO welcomes G7 call to make a just transition",
+      eyebrow: "Podcast",
+      theme: "dark",
+      cornercut: true,
+      intro:
+        "At the end of their meeting the G7 Labour Ministers highlighted the urgent need to greater focus on rights and occupational safety and health.",
+      link: "https:/www.ilo.org",
+      cta: {
+        label: "Read the press release",
+        url: "https://www.ilo.org",
+      },
     },
     {
-      type: "promo",
-      title:
-        "ILO welcomes G7 call to make a just transition to a green economy happen",
+      size: "standard",
+      title: "Telangana and Andhra Pradesh launch pre-departure handbook",
       eyebrow: "High-level meeting",
-      theme: "light",
-      cornercut: "cornercut",
+      theme: "dark",
+      cornercut: true,
       intro:
         "At the end of their meeting the G7 Labour Ministers highlighted the urgent need to greater focus on rights and occupational safety and health.",
       link: "https:/www.ilo.org",
@@ -330,21 +320,10 @@ const promoCardGroup: CardGroupProps = {
         label: "Read the press release",
         url: "https://www.ilo.org",
       },
-      isvideo: false,
-      size: "standard",
-      color: "green",
-      alignment: "left",
-      eventdetails: "",
-      listitems: [],
-      linklist: {},
-      dataset: {},
-      source: {},
-      image: "",
-      profile: {},
-      date: {},
     },
   ],
-  cardcount: "three",
+  type: "promo",
+  cardCount: "three",
   cta: {
     label: "Discover our unique mission",
     url: "https://www.ilo.org",
@@ -354,17 +333,12 @@ const promoCardGroup: CardGroupProps = {
 const featureCardGroup: CardGroupProps = {
   cards: [
     {
-      type: "feature",
       isvideo: false,
       title:
         "ILO welcomes G7 call to make a just transition to a green economy happen",
-      eyebrow: "High-level meeting",
-      theme: "light",
-      date: {
-        human: "18 March 2023",
-        unix: "1670389200",
-      },
-      image: "/hero.jpg",
+      eyebrow: "Press release",
+      theme: "dark",
+      image: "/small.jpg",
       link: "https:/www.ilo.org",
       linklist: {
         headline: "",
@@ -379,30 +353,13 @@ const featureCardGroup: CardGroupProps = {
           },
         ],
       },
-      profile: {},
-      size: "standard",
-      color: "blue",
-      cornercut: "cornercut",
-      alignment: "left",
-      intro: "",
-      eventdetails: "",
-      listitems: [],
-      cta: {},
-      dataset: {},
-      source: {},
     },
     {
-      type: "feature",
-      isvideo: true,
-      title:
-        "ILO welcomes G7 call to make a just transition to a green economy happen",
-      eyebrow: "High-level meeting",
+      isvideo: false,
+      title: "Renewable energy jobs hit 12.7 million globally",
+      eyebrow: "Report",
       theme: "dark",
-      date: {
-        human: "19 March 2023",
-        unix: "1670389200",
-      },
-      image: "/hero.jpg",
+      image: "/small.jpg",
       link: "https:/www.ilo.org",
       linklist: {
         headline: "",
@@ -417,30 +374,14 @@ const featureCardGroup: CardGroupProps = {
           },
         ],
       },
-      profile: {},
-      size: "standard",
-      color: "blue",
-      cornercut: "cornercut",
-      alignment: "left",
-      intro: "",
-      eventdetails: "",
-      listitems: [],
-      cta: {},
-      dataset: {},
-      source: {},
     },
     {
-      type: "feature",
       isvideo: false,
       title:
-        "ILO welcomes G7 call to make a just transition to a green economy happen",
-      eyebrow: "High-level meeting",
-      theme: "light",
-      date: {
-        human: "20 March 2023",
-        unix: "1670389200",
-      },
-      image: "/hero.jpg",
+        "Telangana and Andhra Pradesh launch pre-departure handbook for Indians going to the European Union",
+      eyebrow: "Podcast",
+      theme: "dark",
+      image: "/small.jpg",
       link: "https:/www.ilo.org",
       linklist: {
         headline: "",
@@ -455,30 +396,13 @@ const featureCardGroup: CardGroupProps = {
           },
         ],
       },
-      profile: {},
-      size: "standard",
-      color: "blue",
-      cornercut: "cornercut",
-      alignment: "left",
-      intro: "",
-      eventdetails: "",
-      listitems: [],
-      cta: {},
-      dataset: {},
-      source: {},
     },
     {
-      type: "feature",
       isvideo: false,
-      title:
-        "ILO welcomes G7 call to make a just transition to a green economy happen",
-      eyebrow: "High-level meeting",
+      title: "Can digital technology be an equality machine?",
+      eyebrow: "Podcast",
       theme: "dark",
-      date: {
-        human: "22 March 2023",
-        unix: "1670389200",
-      },
-      image: "/hero.jpg",
+      image: "/small.jpg",
       link: "https:/www.ilo.org",
       linklist: {
         headline: "",
@@ -493,20 +417,10 @@ const featureCardGroup: CardGroupProps = {
           },
         ],
       },
-      profile: {},
-      size: "standard",
-      color: "yellow",
-      cornercut: "corner",
-      alignment: "left",
-      intro: "",
-      eventdetails: "",
-      listitems: [],
-      cta: {},
-      dataset: {},
-      source: {},
     },
   ],
-  cardcount: "four",
+  cardCount: "three",
+  type: "feature",
   cta: {
     label: "Discover our unique mission",
     url: "https://www.ilo.org",
@@ -516,9 +430,21 @@ const featureCardGroup: CardGroupProps = {
 const detailCardGroup: CardGroupProps = {
   cards: [
     {
-      type: "detail",
       title: "Technical meeting on digitalization in the construction sector",
       eyebrow: "Meeting",
+      intro:
+        "The purpose of the meeting will be to discuss opportunities and challenges for the future of work in the construction industry as a vehicle to ensure a human-centred economic recovery.",
+      date: {
+        human: "12 March 2023",
+        unix: "1670389200",
+      },
+      image: "/medium.jpg",
+      link: "https:/www.ilo.org",
+      eventdetails: "5:30 - 12:00 CET | Geneva",
+    },
+    {
+      title: "Renewable energy jobs hit 12.7 million globally",
+      eyebrow: "Promo",
       intro:
         "The purpose of the meeting will be to discuss opportunities and challenges for the future of work in the construction industry as a vehicle to ensure a human-centred economic recovery.",
       date: {
@@ -527,48 +453,37 @@ const detailCardGroup: CardGroupProps = {
       },
       image: "/medium.jpg",
       link: "https:/www.ilo.org",
-      eventdetails: "8:30 - 12:00 CET | Geneva",
-      theme: "light",
-      profile: {},
-      isvideo: false,
-      size: "standard",
-      color: "blue",
-      cornercut: "cornercut",
-      alignment: "left",
-      listitems: [],
-      linklist: {},
-      cta: {},
-      dataset: {},
-      source: {},
+      eventdetails: "7:30 - 12:00 CET | Geneva",
     },
     {
-      type: "detail",
-      title: "Technical meeting on digitalization in the construction sector",
+      title: "Telangana and Andhra Pradesh launch pre-departure handbook",
+      eyebrow: "Report",
+      intro:
+        "The purpose of the meeting will be to discuss opportunities and challenges for the future of work in the construction industry as a vehicle to ensure a human-centred economic recovery.",
+      date: {
+        human: "22 March 2023",
+        unix: "1670389200",
+      },
+      image: "/medium.jpg",
+      link: "https:/www.ilo.org",
+      eventdetails: "10:30 - 12:00 CET | Geneva",
+    },
+    {
+      title: "Can digital technology be an equality machine?",
       eyebrow: "Meeting",
       intro:
         "The purpose of the meeting will be to discuss opportunities and challenges for the future of work in the construction industry as a vehicle to ensure a human-centred economic recovery.",
       date: {
-        human: "20 March 2023",
+        human: "31 March 2023",
         unix: "1670389200",
       },
       image: "/medium.jpg",
       link: "https:/www.ilo.org",
-      eventdetails: "8:30 - 12:00 CET | Geneva",
-      theme: "dark",
-      profile: {},
-      isvideo: false,
-      size: "standard",
-      color: "green",
-      cornercut: "corner",
-      alignment: "left",
-      listitems: [],
-      linklist: {},
-      cta: {},
-      dataset: {},
-      source: {},
+      eventdetails: "11:30 - 12:00 CET | Geneva",
     },
   ],
-  cardcount: "two",
+  type: "detail",
+  cardCount: "three",
   cta: {
     label: "Discover our unique mission",
     url: "https://www.ilo.org",
@@ -578,63 +493,45 @@ const detailCardGroup: CardGroupProps = {
 const factListCardGroup: CardGroupProps = {
   cards: [
     {
-      type: "factlist",
+      title: "ILO welcomes first global agreement on working conditions",
+      theme: "light",
+      list: [
+        "The current slowdown means that many workers will have to accept lower quality jobs, often at very low pay.",
+        "Global employment growth will be only 1.0 per cent in 2023, less than half the level in 2022.",
+        "The labour market deterioration is mainly due to emerging geopolitical tensions and the Ukraine conflict.",
+      ],
+    },
+    {
       title:
         "Economic slowdown likely to force workers to accept lower quality jobs",
-      eyebrow: "Report",
       theme: "light",
-      cornercut: "cornercut",
-      intro:
-        "A toxic combination of mutually-reinforcing crises – inflation, debt, food and fuel price rises, geopolitical tensions and conflict, climate change – are threatening to increase poverty, inequality and discrimination worldwide.",
-      listitems: [
+      list: [
         "Global employment growth will be only 1.0 per cent in 2023, less than half the level in 2022.",
         "The labour market deterioration is mainly due to emerging geopolitical tensions and the Ukraine conflict.",
         "The current slowdown means that many workers will have to accept lower quality jobs, often at very low pay.",
       ],
-      link: "https:/www.ilo.org",
-      profile: {},
-      date: {},
-      isvideo: false,
-      size: "standard",
-      color: "blue",
-      alignment: "left",
-      eventdetails: "",
-      linklist: {},
-      cta: {},
-      dataset: {},
-      source: {},
-      image: "",
     },
     {
-      type: "factlist",
-      title:
-        "Economic slowdown likely to force workers to accept lower quality jobs",
-      eyebrow: "Report",
-      theme: "dark",
-      cornercut: "cornercut",
-      intro:
-        "A toxic combination of mutually-reinforcing crises – inflation, debt, food and fuel price rises, geopolitical tensions and conflict, climate change – are threatening to increase poverty, inequality and discrimination worldwide.",
-      listitems: [
+      title: "Telangana and Andhra Pradesh launch pre-departure handbook",
+      theme: "light",
+      list: [
+        "The current slowdown means that many workers will have to accept lower quality jobs, often at very low pay.",
+        "Global employment growth will be only 1.0 per cent in 2023, less than half the level in 2022.",
+        "The labour market deterioration is mainly due to emerging geopolitical tensions and the Ukraine conflict.",
+      ],
+    },
+    {
+      title: "Renewable energy jobs hit 12.7 million globally",
+      theme: "light",
+      list: [
         "Global employment growth will be only 1.0 per cent in 2023, less than half the level in 2022.",
         "The labour market deterioration is mainly due to emerging geopolitical tensions and the Ukraine conflict.",
         "The current slowdown means that many workers will have to accept lower quality jobs, often at very low pay.",
       ],
-      link: "https:/www.ilo.org",
-      profile: {},
-      date: {},
-      isvideo: false,
-      size: "standard",
-      color: "blue",
-      alignment: "left",
-      eventdetails: "",
-      linklist: {},
-      cta: {},
-      dataset: {},
-      source: {},
-      image: "",
     },
   ],
-  cardcount: "two",
+  type: "factlist",
+  cardCount: "three",
   cta: {
     label: "Discover our unique mission",
     url: "https://www.ilo.org",
@@ -644,17 +541,16 @@ const factListCardGroup: CardGroupProps = {
 const dataCardGroup: CardGroupProps = {
   cards: [
     {
-      type: "data",
-      title: "Technical meeting on digitalization in the construction sector",
-      eyebrow: "Meeting",
-      eventdetails:
-        "The purpose of the meeting will be to discuss opportunities and challenges for the future of work in the construction industry as a vehicle to ensure a human-centred economic recovery.",
+      size: "standard",
+      eyebrow: "Press release",
+      image: "/small.jpg",
+      columns: "one",
       dataset: {
         content: {
           items: [
             {
               label: "Date",
-              copy: "18 March 2023",
+              copy: "20 March 2023",
             },
             {
               label: "Event type",
@@ -670,13 +566,22 @@ const dataCardGroup: CardGroupProps = {
               url: "https://www.ilo.org",
             },
             {
-              label: "Briefing notes",
+              label: "Practical info",
               url: "https://www.ilo.org",
             },
+          ],
+        },
+        cta: {
+          headline: "Read online",
+          items: [
             {
-              label: "Practical info",
+              label: "HTML Version",
               url: "https://www.ilo.org",
             },
+            {
+              label: "InfoStories",
+              url: "https://www.ilo.org/infostories/en-GB",
+            },
           ],
         },
         links: {
@@ -697,48 +602,28 @@ const dataCardGroup: CardGroupProps = {
           ],
         },
       },
-      date: {},
-      theme: "light",
-      link: "",
-      profile: {},
-      isvideo: false,
-      size: "standard",
-      color: "blue",
-      cornercut: "cornercut",
-      alignment: "left",
-      intro: "",
-      listitems: [],
-      linklist: {},
-      cta: {},
-      source: {},
-      image: "",
     },
     {
-      type: "data",
-      title: "Technical meeting on digitalization in the construction sector",
-      eyebrow: "Meeting",
-      eventdetails:
-        "The purpose of the meeting will be to discuss opportunities and challenges for the future of work in the construction industry as a vehicle to ensure a human-centred economic recovery.",
+      size: "standard",
+      eyebrow: "Report",
+      image: "/small.jpg",
+      columns: "one",
       dataset: {
         content: {
           items: [
             {
               label: "Date",
-              copy: "19 March 2023",
+              copy: "23 March 2023",
             },
             {
               label: "Event type",
-              copy: "Technical meeting of experts",
+              copy: "Casual meeting",
             },
           ],
         },
         files: {
           headline: "Files",
           items: [
-            {
-              label: "Meeting agenda",
-              url: "https://www.ilo.org",
-            },
             {
               label: "Briefing notes",
               url: "https://www.ilo.org",
@@ -749,13 +634,22 @@ const dataCardGroup: CardGroupProps = {
             },
           ],
         },
-        links: {
-          headline: "Languages",
+        cta: {
+          headline: "Read online",
           items: [
             {
-              label: "English",
+              label: "HTML Version",
               url: "https://www.ilo.org",
             },
+            {
+              label: "InfoStories",
+              url: "https://www.ilo.org/infostories/en-GB",
+            },
+          ],
+        },
+        links: {
+          headline: "Languages",
+          items: [
             {
               label: "Español",
               url: "https://www.ilo.org",
@@ -767,34 +661,18 @@ const dataCardGroup: CardGroupProps = {
           ],
         },
       },
-      date: {},
-      theme: "light",
-      link: "",
-      profile: {},
-      isvideo: false,
-      size: "standard",
-      color: "blue",
-      cornercut: "cornercut",
-      alignment: "left",
-      intro: "",
-      listitems: [],
-      linklist: {},
-      cta: {},
-      source: {},
-      image: "",
     },
     {
-      type: "data",
-      title: "Technical meeting on digitalization in the construction sector",
+      size: "standard",
       eyebrow: "Meeting",
-      eventdetails:
-        "The purpose of the meeting will be to discuss opportunities and challenges for the future of work in the construction industry as a vehicle to ensure a human-centred economic recovery.",
+      image: "/small.jpg",
+      columns: "one",
       dataset: {
         content: {
           items: [
             {
               label: "Date",
-              copy: "21 March 2023",
+              copy: "24 March 2023",
             },
             {
               label: "Event type",
@@ -806,16 +684,21 @@ const dataCardGroup: CardGroupProps = {
           headline: "Files",
           items: [
             {
-              label: "Meeting agenda",
+              label: "Practical info",
               url: "https://www.ilo.org",
             },
+          ],
+        },
+        cta: {
+          headline: "Read online",
+          items: [
             {
-              label: "Briefing notes",
+              label: "HTML Version",
               url: "https://www.ilo.org",
             },
             {
-              label: "Practical info",
-              url: "https://www.ilo.org",
+              label: "InfoStories",
+              url: "https://www.ilo.org/infostories/en-GB",
             },
           ],
         },
@@ -830,41 +713,21 @@ const dataCardGroup: CardGroupProps = {
               label: "Español",
               url: "https://www.ilo.org",
             },
-            {
-              label: "Français",
-              url: "https://www.ilo.org",
-            },
           ],
         },
       },
-      date: {},
-      theme: "light",
-      link: "",
-      profile: {},
-      isvideo: false,
-      size: "standard",
-      color: "blue",
-      cornercut: "cornercut",
-      alignment: "left",
-      intro: "",
-      listitems: [],
-      linklist: {},
-      cta: {},
-      source: {},
-      image: "",
     },
     {
-      type: "data",
-      title: "Technical meeting on digitalization in the construction sector",
+      size: "standard",
       eyebrow: "Meeting",
-      eventdetails:
-        "The purpose of the meeting will be to discuss opportunities and challenges for the future of work in the construction industry as a vehicle to ensure a human-centred economic recovery.",
+      image: "/small.jpg",
+      columns: "one",
       dataset: {
         content: {
           items: [
             {
               label: "Date",
-              copy: "22 March 2023",
+              copy: "29 March 2023",
             },
             {
               label: "Event type",
@@ -889,6 +752,19 @@ const dataCardGroup: CardGroupProps = {
             },
           ],
         },
+        cta: {
+          headline: "Read online",
+          items: [
+            {
+              label: "HTML Version",
+              url: "https://www.ilo.org",
+            },
+            {
+              label: "InfoStories",
+              url: "https://www.ilo.org/infostories/en-GB",
+            },
+          ],
+        },
         links: {
           headline: "Languages",
           items: [
@@ -907,24 +783,10 @@ const dataCardGroup: CardGroupProps = {
           ],
         },
       },
-      date: {},
-      theme: "light",
-      link: "",
-      profile: {},
-      isvideo: false,
-      size: "standard",
-      color: "blue",
-      cornercut: "cornercut",
-      alignment: "left",
-      intro: "",
-      listitems: [],
-      linklist: {},
-      cta: {},
-      source: {},
-      image: "",
     },
   ],
-  cardcount: "four",
+  cardCount: "three",
+  type: "data",
   cta: {
     label: "Discover our unique mission",
     url: "https://www.ilo.org",