@treely/strapi-slices 8.0.3 → 8.1.0

package/dist/index.js

@@ -958,6 +958,12 @@ var messagesDe = {
 };
 var messages_de_default = messagesDe;
 
+// src/components/CertificationBadge/messages.de.ts
+var messages_de_default2 = {
+  "components.certificationBadge.certified": "Zertifiziert, {year}",
+  "components.certificationBadge.certificationInProgress": "Zertifizierung ist in Arbeit"
+};
+
 // src/components/CreditsAvailableBadge/messages.de.ts
 var messagesDe2 = {
   "components.creditsAvailableBadge.text.yes": "Credits verf\xFCgbar",
@@ -965,26 +971,26 @@ var messagesDe2 = {
   "components.creditsAvailableBadge.text.no": "Keine verbleibenden Credits",
   "components.creditsAvailableBadge.text.notYet": "Credits bald verf\xFCgbar"
 };
-var messages_de_default2 = messagesDe2;
+var messages_de_default3 = messagesDe2;
 
 // src/slices/Cta/messages.de.ts
 var messagesDe3 = {
   "sections.cta.backgroundShapes": "Dunkle Hintergrundformen",
   "sections.cta.backgroundShapesLight": "Helle Hintergrundformen"
 };
-var messages_de_default3 = messagesDe3;
+var messages_de_default4 = messagesDe3;
 
 // src/components/CustomerCard/messages.de.ts
 var messagesDe4 = {
   "sections.customerCard.more": "Weiterlesen"
 };
-var messages_de_default4 = messagesDe4;
+var messages_de_default5 = messagesDe4;
 
 // src/components/CustomerQuoteCard/messages.de.ts
 var messagesDe5 = {
   "sections.customerQuoteCard.more": "Weiterlesen"
 };
-var messages_de_default5 = messagesDe5;
+var messages_de_default6 = messagesDe5;
 
 // src/components/EventCard/messages.de.ts
 var messagesDe6 = {
@@ -1001,7 +1007,7 @@ var messagesDe6 = {
   "sections.eventCard.eventType.roadshow": "Roadshow",
   "sections.eventCard.eventType.meetup": "Meet Up"
 };
-var messages_de_default6 = messagesDe6;
+var messages_de_default7 = messagesDe6;
 
 // src/slices/Events/messages.de.ts
 var messagesDe7 = {
@@ -1015,7 +1021,7 @@ var messagesDe7 = {
   "sections.events.eventsFilter.sortBy.newest": "Neueste zuerst",
   "sections.events.eventsFilter.sortBy.oldest": "\xC4lteste zuerst"
 };
-var messages_de_default7 = messagesDe7;
+var messages_de_default8 = messagesDe7;
 
 // src/slices/Glossary/messages.de.ts
 var messagesDe8 = {
@@ -1023,36 +1029,29 @@ var messagesDe8 = {
   "sections.glossary.copySuccessMessage": "Link in die Zwischenablage kopiert",
   "sections.glossary.copyFailureMessage": "Link konnte nicht in die Zwischenablage kopiert werden"
 };
-var messages_de_default8 = messagesDe8;
+var messages_de_default9 = messagesDe8;
 
 // src/components/portfolio/DocumentsDownloadList/messages.de.ts
 var messagesDe9 = {
   "features.portfolio.documentsDownloadList.projectDocuments": "Projektdokumente",
   "features.portfolio.documentsDownloadList.downloadDocument": "Dokument herunterladen"
 };
-var messages_de_default9 = messagesDe9;
+var messages_de_default10 = messagesDe9;
 
 // src/slices/ProjectFacts/messages.de.ts
 var messagesDe10 = {
   "sections.projectFacts.projectInfo.value": "Projekt Infos"
 };
-var messages_de_default10 = messagesDe10;
-
-// src/components/ProjectGridCard/messages.de.ts
-var messagesDe11 = {
-  "components.projectGridCard.certified": "Zertifiziert, {year}",
-  "components.projectGridCard.certificationInProgress": "Zertifizierung ist in Arbeit"
-};
-var messages_de_default11 = messagesDe11;
+var messages_de_default11 = messagesDe10;
 
 // src/slices/ProjectsMap/messages.de.ts
-var messagesDe12 = {
+var messagesDe11 = {
   "sections.projectsMap.link.text": "Mehr Infos"
 };
-var messages_de_default12 = messagesDe12;
+var messages_de_default12 = messagesDe11;
 
 // src/components/portfolio/ProjectInfo/messages.de.ts
-var messagesDe13 = {
+var messagesDe12 = {
   "features.projectInfo.projectInfo.value": "Projekt Infos",
   "features.projectInfo.properties.area": "Projekt Fl\xE4che",
   "features.projectInfo.properties.location": "Standort",
@@ -1068,10 +1067,10 @@ var messagesDe13 = {
   "features.projectInfo.properties.riskBuffer": "Anteil Risikopuffer",
   "features.projectInfo.properties.year": "{years} {years, plural, one {Jahr} other {Jahre} }"
 };
-var messages_de_default13 = messagesDe13;
+var messages_de_default13 = messagesDe12;
 
 // src/components/portfolio/SmallCheckout/messages.de.ts
-var messagesDe14 = {
+var messagesDe13 = {
   "portfolio.smallCheckout.price.taxNotIncluded": "ohne Steuern",
   "portfolio.smallCheckout.price.taxIncluded": "Preis inklusive Steuern: {number}",
   "portfolio.smallCheckout.contributionValueCurrency.label.CHF": "Geben Sie den Beitrag in Fr. ein",
@@ -1085,10 +1084,10 @@ var messagesDe14 = {
   "portfolio.smallCheckout.contributionValueTons.label": "Beitrag in Tonnen",
   "portfolio.smallCheckout.submitButton": "Credits kaufen"
 };
-var messages_de_default14 = messagesDe14;
+var messages_de_default14 = messagesDe13;
 
 // src/slices/ShopCheckout/messages.de.ts
-var messagesDe15 = {
+var messagesDe14 = {
   "sections.shopCheckout.intro.price": "Preis",
   "sections.shopCheckout.contributionValue.label.EUR": "Geben sie einen Betrag in \u20AC ein",
   "sections.shopCheckout.contributionValue.label.CHF": "Geben sie einen Betrag in CHF ein",
@@ -1104,21 +1103,21 @@ var messagesDe15 = {
   "sections.shopCheckout.summary.price.taxIncluded": "Preis inklusive Steuern: {number}",
   "sections.shopCheckout.submit": "Kaufen"
 };
-var messages_de_default15 = messagesDe15;
+var messages_de_default15 = messagesDe14;
 
 // src/slices/TextCarousel/messages.de.ts
-var messagesDe16 = {
+var messagesDe15 = {
   "sections.textCarousel.moveRight": "Nach rechts bewegen",
   "sections.textCarousel.moveLeft": "Nach links bewegen"
 };
-var messages_de_default16 = messagesDe16;
+var messages_de_default16 = messagesDe15;
 
 // src/slices/Timeline/messages.de.ts
-var messagesDe17 = {
+var messagesDe16 = {
   "sections.timeline.backgroundShapes": "Hintergrundformen",
   "sections.timeline.showMoreButton": "Drei weitere Meilensteine anzeigen"
 };
-var messages_de_default17 = messagesDe17;
+var messages_de_default17 = messagesDe16;
 
 // src/unit.messages.de.ts
 var unitMessagesDe = {
@@ -1133,21 +1132,21 @@ var rootMessagesDe = {
   // Components
   //
   ...messages_de_default2,
-  ...messages_de_default6,
-  ...messages_de_default9,
+  ...messages_de_default3,
+  ...messages_de_default7,
+  ...messages_de_default10,
   ...messages_de_default13,
   ...messages_de_default14,
-  ...messages_de_default11,
   //
   // Slices
   //
   ...messages_de_default,
-  ...messages_de_default3,
   ...messages_de_default4,
   ...messages_de_default5,
-  ...messages_de_default7,
+  ...messages_de_default6,
   ...messages_de_default8,
-  ...messages_de_default10,
+  ...messages_de_default9,
+  ...messages_de_default11,
   ...messages_de_default12,
   ...messages_de_default15,
   ...messages_de_default16,
@@ -1165,6 +1164,12 @@ var messagesEn = {
 };
 var messages_en_default = messagesEn;
 
+// src/components/CertificationBadge/messages.en.ts
+var messages_en_default2 = {
+  "components.certificationBadge.certified": "Certified, {year}",
+  "components.certificationBadge.certificationInProgress": "Certification in progress"
+};
+
 // src/components/CreditsAvailableBadge/messages.en.ts
 var messagesEn2 = {
   "components.creditsAvailableBadge.text.yes": "Credits available",
@@ -1172,26 +1177,26 @@ var messagesEn2 = {
   "components.creditsAvailableBadge.text.no": "No remaining credits",
   "components.creditsAvailableBadge.text.notYet": "Credits available soon"
 };
-var messages_en_default2 = messagesEn2;
+var messages_en_default3 = messagesEn2;
 
 // src/slices/Cta/messages.en.ts
 var messagesEn3 = {
   "sections.cta.backgroundShapesDark": "Dark background shapes",
   "sections.cta.backgroundShapesLight": "Light background shapes"
 };
-var messages_en_default3 = messagesEn3;
+var messages_en_default4 = messagesEn3;
 
 // src/components/CustomerCard/messages.en.ts
 var messagesEn4 = {
   "sections.customerCard.more": "Read more"
 };
-var messages_en_default4 = messagesEn4;
+var messages_en_default5 = messagesEn4;
 
 // src/components/CustomerQuoteCard/messages.en.ts
 var messagesEn5 = {
   "sections.customerQuoteCard.more": "Read more"
 };
-var messages_en_default5 = messagesEn5;
+var messages_en_default6 = messagesEn5;
 
 // src/components/EventCard/messages.en.ts
 var messagesEn6 = {
@@ -1208,10 +1213,10 @@ var messagesEn6 = {
   "sections.eventCard.eventType.roadshow": "Roadshow",
   "sections.eventCard.eventType.meetup": "Meet Up"
 };
-var messages_en_default6 = messagesEn6;
+var messages_en_default7 = messagesEn6;
 
 // src/slices/Events/messages.en.ts
-var messagesDe18 = {
+var messagesDe17 = {
   "sections.events.loadMore": "Load more",
   "sections.events.noUpcomingEvents": "No upcoming events found",
   "sections.events.noPastEvents": "No past events found",
@@ -1222,7 +1227,7 @@ var messagesDe18 = {
   "sections.events.eventsFilter.sortBy.newest": "Newest first",
   "sections.events.eventsFilter.sortBy.oldest": "Oldest first"
 };
-var messages_en_default7 = messagesDe18;
+var messages_en_default8 = messagesDe17;
 
 // src/slices/Glossary/messages.en.ts
 var messagesEn7 = {
@@ -1230,27 +1235,20 @@ var messagesEn7 = {
   "sections.glossary.copySuccessMessage": "Copied the link to your clipboard",
   "sections.glossary.copyFailureMessage": "Could not copy link to clipboard"
 };
-var messages_en_default8 = messagesEn7;
+var messages_en_default9 = messagesEn7;
 
 // src/components/portfolio/DocumentsDownloadList/messages.en.ts
 var messagesEn8 = {
   "features.portfolio.documentsDownloadList.projectDocuments": "Project documents",
   "features.portfolio.documentsDownloadList.downloadDocument": "Download document"
 };
-var messages_en_default9 = messagesEn8;
+var messages_en_default10 = messagesEn8;
 
 // src/slices/ProjectFacts/messages.en.ts
 var messagesEn9 = {
   "sections.projectFacts.projectInfo.value": "Project Infos"
 };
-var messages_en_default10 = messagesEn9;
-
-// src/components/ProjectGridCard/messages.en.ts
-var messagesDe19 = {
-  "components.projectGridCard.certified": "Certified, {year}",
-  "components.projectGridCard.certificationInProgress": "Certification in progress"
-};
-var messages_en_default11 = messagesDe19;
+var messages_en_default11 = messagesEn9;
 
 // src/slices/ProjectsMap/messages.en.ts
 var messagesEn10 = {
@@ -1314,11 +1312,11 @@ var messagesEn13 = {
 var messages_en_default15 = messagesEn13;
 
 // src/slices/TextCarousel/messages.en.ts
-var messagesDe20 = {
+var messagesDe18 = {
   "sections.textCarousel.moveRight": "Move right",
   "sections.textCarousel.moveLeft": "Move left"
 };
-var messages_en_default16 = messagesDe20;
+var messages_en_default16 = messagesDe18;
 
 // src/slices/Timeline/messages.en.ts
 var messagesEn14 = {
@@ -1340,21 +1338,21 @@ var rootMessagesEn = {
   // Components
   //
   ...messages_en_default2,
-  ...messages_en_default6,
-  ...messages_en_default9,
+  ...messages_en_default3,
+  ...messages_en_default7,
+  ...messages_en_default10,
   ...messages_en_default13,
   ...messages_en_default14,
-  ...messages_en_default11,
   //
   // Slices
   //
   ...messages_en_default,
-  ...messages_en_default3,
   ...messages_en_default4,
   ...messages_en_default5,
-  ...messages_en_default7,
+  ...messages_en_default6,
   ...messages_en_default8,
-  ...messages_en_default10,
+  ...messages_en_default9,
+  ...messages_en_default11,
   ...messages_en_default12,
   ...messages_en_default15,
   ...messages_en_default16,
@@ -1395,7 +1393,9 @@ var IntlContext = createContext(intlFactory("en"));
 var ContextProvider = ({
   children,
   locale,
-  analyticsFunction
+  analyticsFunction,
+  colors: colors2,
+  fonts
 }) => {
   const fetcher = async (resource, init) => {
     const response = await strapiClient_default.get(`${resource}`, {
@@ -1423,7 +1423,7 @@ var ContextProvider = ({
       },
       children: [
         /* @__PURE__ */ jsx6(Global, { styles: { GLOBAL_STYLE } }),
-        /* @__PURE__ */ jsx6(BoemlyThemeProvider, { fonts: FONT_CUSTOMIZATIONS, children: /* @__PURE__ */ jsx6(IntlContext.Provider, { value: intlFactory(locale), children: /* @__PURE__ */ jsx6(AnalyticsContext.Provider, { value: analyticsFunction, children }) }) })
+        /* @__PURE__ */ jsx6(BoemlyThemeProvider, { fonts: fonts || FONT_CUSTOMIZATIONS, colors: colors2, children: /* @__PURE__ */ jsx6(IntlContext.Provider, { value: intlFactory(locale), children: /* @__PURE__ */ jsx6(AnalyticsContext.Provider, { value: analyticsFunction, children }) }) })
       ]
     }
   ) });
@@ -3536,8 +3536,8 @@ import Image18 from "next/image.js";
 import { ArrowRightIcon as ArrowRightIcon5 } from "@phosphor-icons/react";
 
 // src/components/ProjectGridCard/ProjectGridCard.tsx
-import { BoemlyTag as BoemlyTag2, Box as Box17, Container, Flex as Flex11, Heading as Heading8, Text as Text8 } from "boemly";
-import { useContext as useContext9 } from "react";
+import { BoemlyTag as BoemlyTag3, Box as Box17, Container, Flex as Flex12, Heading as Heading8, Text as Text9 } from "boemly";
+import { useContext as useContext10 } from "react";
 import Image17 from "next/image.js";
 
 // src/constants/formatter.ts
@@ -3556,10 +3556,12 @@ var FORMAT_AS_PERCENT_CONFIG = {
 import { useContext as useContext8 } from "react";
 import { BoemlyTag, Flex as Flex10, Text as Text7 } from "boemly";
 import NextLink from "next/link.js";
-import { jsx as jsx24 } from "react/jsx-runtime";
+import { ShoppingCartIcon } from "@phosphor-icons/react";
+import { jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
 var CreditsAvailableBadge = ({
   status,
-  href
+  href,
+  variant = "default"
 }) => {
   const { formatMessage } = useContext8(IntlContext);
   const variants2 = {
@@ -3567,7 +3569,8 @@ var CreditsAvailableBadge = ({
       message: formatMessage({
         id: "components.creditsAvailableBadge.text.yes"
       }),
-      color: "primary.800"
+      color: "primary.800",
+      withIconColor: "primary.700"
     },
     ["no_credits_available" /* NO_CREDITS_AVAILABLE */]: {
       message: formatMessage({
@@ -3588,8 +3591,14 @@ var CreditsAvailableBadge = ({
       color: "blue.500"
     }
   };
-  const variant = variants2[status];
-  const badge = /* @__PURE__ */ jsx24(BoemlyTag, { backgroundColor: variant.color, children: /* @__PURE__ */ jsx24(Text7, { color: "white", size: "xsLowBold", children: variant.message }) });
+  const config = variants2[status];
+  const backgroundColor = variant === "withIcon" ? config.withIconColor || config.color : config.color;
+  const defaultBadge = /* @__PURE__ */ jsx24(BoemlyTag, { backgroundColor, children: /* @__PURE__ */ jsx24(Text7, { color: "white", size: "xsLowBold", children: config.message }) });
+  const withIconBadge = /* @__PURE__ */ jsx24(BoemlyTag, { backgroundColor, borderRadius: "full", children: /* @__PURE__ */ jsxs21(Flex10, { alignItems: "center", gap: "2", children: [
+    /* @__PURE__ */ jsx24(ShoppingCartIcon, { size: 16, color: "white", weight: "bold" }),
+    /* @__PURE__ */ jsx24(Text7, { size: "smRegularNormalBold", color: "white", children: config.message })
+  ] }) });
+  const badge = variant === "withIcon" ? withIconBadge : defaultBadge;
   return /* @__PURE__ */ jsx24(Flex10, { justifyContent: "flex-start", children: href ? /* @__PURE__ */ jsx24(NextLink, { href, children: badge }) : badge });
 };
 var CreditsAvailableBadge_default = CreditsAvailableBadge;
@@ -3597,14 +3606,50 @@ var CreditsAvailableBadge_default = CreditsAvailableBadge;
 // src/components/CreditsAvailableBadge/index.ts
 var CreditsAvailableBadge_default2 = CreditsAvailableBadge_default;
 
+// src/components/CertificationBadge/CertificationBadge.tsx
+import { useContext as useContext9 } from "react";
+import { BoemlyTag as BoemlyTag2, Flex as Flex11, Text as Text8 } from "boemly";
+import { SealCheckIcon } from "@phosphor-icons/react";
+import { jsx as jsx25, jsxs as jsxs22 } from "react/jsx-runtime";
+var CertificationBadge = ({
+  certificationDate,
+  variant = "default"
+}) => {
+  const { formatMessage } = useContext9(IntlContext);
+  const isCertified = !!certificationDate;
+  const defaultBadge = /* @__PURE__ */ jsx25(BoemlyTag2, { backgroundColor: "gray.100", children: /* @__PURE__ */ jsx25(Text8, { size: "xsLowBold", color: "gray.800", children: isCertified ? formatMessage(
+    { id: "components.certificationBadge.certified" },
+    { year: new Date(certificationDate).getFullYear() }
+  ) : formatMessage({
+    id: "components.certificationBadge.certificationInProgress"
+  }) }) });
+  const withIconBadge = isCertified ? /* @__PURE__ */ jsx25(BoemlyTag2, { backgroundColor: "primary.700", borderRadius: "full", children: /* @__PURE__ */ jsxs22(Flex11, { alignItems: "center", gap: "2", children: [
+    /* @__PURE__ */ jsx25(SealCheckIcon, { size: 16, color: "white", weight: "bold" }),
+    /* @__PURE__ */ jsx25(Text8, { size: "smRegularNormalBold", color: "white", children: formatMessage(
+      { id: "components.certificationBadge.certified" },
+      { year: new Date(certificationDate).getFullYear() }
+    ) })
+  ] }) }) : /* @__PURE__ */ jsx25(BoemlyTag2, { backgroundColor: "gray.100", borderRadius: "full", children: /* @__PURE__ */ jsxs22(Flex11, { alignItems: "center", gap: "2", children: [
+    /* @__PURE__ */ jsx25(SealCheckIcon, { size: 16, color: "gray.800", weight: "bold" }),
+    /* @__PURE__ */ jsx25(Text8, { size: "smRegularNormalBold", color: "gray.800", children: formatMessage({
+      id: "components.certificationBadge.certificationInProgress"
+    }) })
+  ] }) });
+  return variant === "withIcon" ? withIconBadge : defaultBadge;
+};
+var CertificationBadge_default = CertificationBadge;
+
+// src/components/CertificationBadge/index.ts
+var CertificationBadge_default2 = CertificationBadge_default;
+
 // src/components/ProjectGridCard/ProjectGridCard.tsx
-import { jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs23 } from "react/jsx-runtime";
 var ProjectGridCard = ({
   project
 }) => {
-  const { formatNumber, formatMessage } = useContext9(IntlContext);
-  return /* @__PURE__ */ jsx25(Container, { height: "full", children: /* @__PURE__ */ jsxs21(Flex11, { flexDir: "column", height: "full", children: [
-    project.thumbnail && /* @__PURE__ */ jsx25(Box17, { borderRadius: "xl", position: "relative", height: "36", mb: "2", children: /* @__PURE__ */ jsx25(
+  const { formatNumber } = useContext10(IntlContext);
+  return /* @__PURE__ */ jsx26(Container, { height: "full", children: /* @__PURE__ */ jsxs23(Flex12, { flexDir: "column", height: "full", children: [
+    project.thumbnail && /* @__PURE__ */ jsx26(Box17, { borderRadius: "xl", position: "relative", height: "36", mb: "2", children: /* @__PURE__ */ jsx26(
       Image17,
       {
         src: strapiMediaUrl_default(project.thumbnail?.img, "medium"),
@@ -3616,20 +3661,15 @@ var ProjectGridCard = ({
         }
       }
     ) }),
-    /* @__PURE__ */ jsx25(Heading8, { my: "4", size: "lg", children: project.friendlyName || project.title }),
-    /* @__PURE__ */ jsxs21(Flex11, { flexDir: "row", gap: "2", flexWrap: "wrap", children: [
-      /* @__PURE__ */ jsx25(BoemlyTag2, { backgroundColor: "gray.100", children: /* @__PURE__ */ jsx25(Text8, { size: "xsLowBold", color: "gray.800", children: formatNumber(
+    /* @__PURE__ */ jsx26(Heading8, { my: "4", size: "lg", children: project.friendlyName || project.title }),
+    /* @__PURE__ */ jsxs23(Flex12, { flexDir: "row", gap: "2", flexWrap: "wrap", children: [
+      /* @__PURE__ */ jsx26(BoemlyTag3, { backgroundColor: "gray.100", children: /* @__PURE__ */ jsx26(Text9, { size: "xsLowBold", color: "gray.800", children: formatNumber(
         (project.area || 0) / 1e4,
         FORMAT_AS_HECTARE_CONFIG
       ) }) }),
-      /* @__PURE__ */ jsx25(BoemlyTag2, { backgroundColor: "gray.100", children: /* @__PURE__ */ jsx25(Text8, { size: "xsLowBold", color: "gray.800", children: project.location }) }),
-      project.certificationDate ? /* @__PURE__ */ jsx25(BoemlyTag2, { backgroundColor: "gray.100", children: /* @__PURE__ */ jsx25(Text8, { size: "xsLowBold", color: "gray.800", children: formatMessage(
-        { id: "components.projectGridCard.certified" },
-        { year: new Date(project.certificationDate).getFullYear() }
-      ) }) }) : /* @__PURE__ */ jsx25(BoemlyTag2, { backgroundColor: "gray.100", children: /* @__PURE__ */ jsx25(Text8, { size: "xsLowBold", color: "gray.800", children: formatMessage({
-        id: "components.projectGridCard.certificationInProgress"
-      }) }) }),
-      /* @__PURE__ */ jsx25(CreditsAvailableBadge_default2, { status: project.creditAvailability })
+      /* @__PURE__ */ jsx26(BoemlyTag3, { backgroundColor: "gray.100", children: /* @__PURE__ */ jsx26(Text9, { size: "xsLowBold", color: "gray.800", children: project.location }) }),
+      /* @__PURE__ */ jsx26(CertificationBadge_default2, { certificationDate: project.certificationDate }),
+      /* @__PURE__ */ jsx26(CreditsAvailableBadge_default2, { status: project.creditAvailability })
     ] })
   ] }) });
 };
@@ -3638,7 +3678,7 @@ var ProjectGridCard = ({
 var ProjectGridCard_default = ProjectGridCard;
 
 // src/slices/TextWithCard/TextWithCard.tsx
-import { Fragment as Fragment15, jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Fragment as Fragment15, jsx as jsx27, jsxs as jsxs24 } from "react/jsx-runtime";
 var TextWithCard = ({
   slice,
   projects
@@ -3646,7 +3686,7 @@ var TextWithCard = ({
   const portfolioProject = projects.find(
     (p) => slice.project?.data?.attributes.fpmProjectId && p.id === slice.project.data.attributes.fpmProjectId
   );
-  const card = /* @__PURE__ */ jsxs22(
+  const card = /* @__PURE__ */ jsxs24(
     GridItem4,
     {
       colSpan: [4, null, null, null, 2],
@@ -3654,15 +3694,15 @@ var TextWithCard = ({
       position: "relative",
       "data-testid": `card-position-${slice.cardPosition}`,
       children: [
-        portfolioProject && /* @__PURE__ */ jsx26(ProjectGridCard_default, { project: portfolioProject }),
-        !portfolioProject && slice.card && /* @__PURE__ */ jsx26(
+        portfolioProject && /* @__PURE__ */ jsx27(ProjectGridCard_default, { project: portfolioProject }),
+        !portfolioProject && slice.card && /* @__PURE__ */ jsx27(
           ProjectCard,
           {
             facts: slice.card.facts,
             footerSubTitle: slice.card.footerSubTitle,
             footerTitle: slice.card.footerTitle,
             title: slice.card.title,
-            image: /* @__PURE__ */ jsx26(
+            image: /* @__PURE__ */ jsx27(
               Image18,
               {
                 src: strapiMediaUrl_default(slice.card.image.img, "medium"),
@@ -3676,7 +3716,7 @@ var TextWithCard = ({
       ]
     }
   );
-  return /* @__PURE__ */ jsx26(DefaultSectionContainer12, { title: slice.title, children: /* @__PURE__ */ jsx26(Wrapper16, { children: /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsx27(DefaultSectionContainer12, { title: slice.title, children: /* @__PURE__ */ jsx27(Wrapper16, { children: /* @__PURE__ */ jsxs24(
     Grid4,
     {
       templateColumns: [
@@ -3697,8 +3737,8 @@ var TextWithCard = ({
       columnGap: ["0", null, null, null, "28"],
       children: [
         slice.cardPosition === "left" && card,
-        /* @__PURE__ */ jsxs22(GridItem4, { colSpan: 4, rowSpan: 1, position: "relative", children: [
-          /* @__PURE__ */ jsx26(
+        /* @__PURE__ */ jsxs24(GridItem4, { colSpan: 4, rowSpan: 1, position: "relative", children: [
+          /* @__PURE__ */ jsx27(
             DefaultSectionHeader13,
             {
               tagline: slice.tagline,
@@ -3706,19 +3746,19 @@ var TextWithCard = ({
               text: slice.text
             }
           ),
-          slice.listItems && /* @__PURE__ */ jsxs22(Fragment15, { children: [
-            /* @__PURE__ */ jsx26(Spacer4, { height: "10" }),
-            /* @__PURE__ */ jsx26(BoemlyList2, { listItems: slice.listItems }),
-            /* @__PURE__ */ jsx26(Spacer4, { height: "10" })
+          slice.listItems && /* @__PURE__ */ jsxs24(Fragment15, { children: [
+            /* @__PURE__ */ jsx27(Spacer4, { height: "10" }),
+            /* @__PURE__ */ jsx27(BoemlyList2, { listItems: slice.listItems }),
+            /* @__PURE__ */ jsx27(Spacer4, { height: "10" })
           ] }),
-          slice.button && /* @__PURE__ */ jsx26(
+          slice.button && /* @__PURE__ */ jsx27(
             StrapiLinkButton_default,
             {
               link: slice.button,
               size: "md",
               colorPalette: "white",
               variant: "outline",
-              rightIcon: /* @__PURE__ */ jsx26(ArrowRightIcon5, {}),
+              rightIcon: /* @__PURE__ */ jsx27(ArrowRightIcon5, {}),
               component: "TextWithCard"
             }
           )
@@ -3740,7 +3780,7 @@ import {
   DefaultSectionHeader as DefaultSectionHeader14,
   Heading as Heading9,
   SimpleGrid as SimpleGrid8,
-  Text as Text9,
+  Text as Text10,
   Wrapper as Wrapper17
 } from "boemly";
 import { CaretRightIcon as CaretRightIcon5 } from "@phosphor-icons/react";
@@ -3749,11 +3789,11 @@ import { CaretRightIcon as CaretRightIcon5 } from "@phosphor-icons/react";
 var MEDIUM_TRANSITION_DURATION = 0.2;
 
 // src/slices/LinkCardsGrid/LinkCardsGrid.tsx
-import { jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs25 } from "react/jsx-runtime";
 var LinkCardsGrid = ({
   slice
-}) => /* @__PURE__ */ jsx27(DefaultSectionContainer13, { title: slice.title, children: /* @__PURE__ */ jsxs23(Wrapper17, { children: [
-  /* @__PURE__ */ jsx27(
+}) => /* @__PURE__ */ jsx28(DefaultSectionContainer13, { title: slice.title, children: /* @__PURE__ */ jsxs25(Wrapper17, { children: [
+  /* @__PURE__ */ jsx28(
     DefaultSectionHeader14,
     {
       tagline: slice.tagline,
@@ -3761,7 +3801,7 @@ var LinkCardsGrid = ({
       text: slice.text
     }
   ),
-  /* @__PURE__ */ jsx27(SimpleGrid8, { mt: "16", columns: [1, null, null, null, 2], gap: "4", children: slice.cards.map(({ id, title, text, link }) => /* @__PURE__ */ jsx27(Link2, { href: strapiLinkUrl_default(link), children: /* @__PURE__ */ jsxs23(
+  /* @__PURE__ */ jsx28(SimpleGrid8, { mt: "16", columns: [1, null, null, null, 2], gap: "4", children: slice.cards.map(({ id, title, text, link }) => /* @__PURE__ */ jsx28(Link2, { href: strapiLinkUrl_default(link), children: /* @__PURE__ */ jsxs25(
     Box18,
     {
       "data-testid": "link",
@@ -3779,11 +3819,11 @@ var LinkCardsGrid = ({
       transitionDuration: `${MEDIUM_TRANSITION_DURATION}s`,
       _hover: { backgroundColor: "gray.50" },
       children: [
-        /* @__PURE__ */ jsxs23("div", { children: [
-          /* @__PURE__ */ jsx27(Heading9, { as: "h4", size: "lg", children: title }),
-          text && /* @__PURE__ */ jsx27(Text9, { mt: "2", size: "smRegularNormal", children: text })
+        /* @__PURE__ */ jsxs25("div", { children: [
+          /* @__PURE__ */ jsx28(Heading9, { as: "h4", size: "lg", children: title }),
+          text && /* @__PURE__ */ jsx28(Text10, { mt: "2", size: "smRegularNormal", children: text })
         ] }),
-        /* @__PURE__ */ jsx27(
+        /* @__PURE__ */ jsx28(
           Box18,
           {
             display: "flex",
@@ -3799,7 +3839,7 @@ var LinkCardsGrid = ({
             minHeight: "12",
             ml: "6",
             backgroundColor: "white",
-            children: /* @__PURE__ */ jsx27(CaretRightIcon5, {})
+            children: /* @__PURE__ */ jsx28(CaretRightIcon5, {})
           }
         )
       ]
@@ -3812,15 +3852,15 @@ var LinkCardsGrid_default = LinkCardsGrid;
 
 // src/slices/SmallHero/SmallHero.tsx
 import {
-  BoemlyTag as BoemlyTag3,
+  BoemlyTag as BoemlyTag4,
   Box as Box19,
   DefaultSectionHeader as DefaultSectionHeader15,
-  Flex as Flex12,
+  Flex as Flex13,
   Gradient as Gradient3,
   Wrapper as Wrapper18
 } from "boemly";
 import Image19 from "next/image.js";
-import { Fragment as Fragment16, jsx as jsx28, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Fragment as Fragment16, jsx as jsx29, jsxs as jsxs26 } from "react/jsx-runtime";
 var colors = {
   dark: {
     tagline: "white",
@@ -3838,7 +3878,7 @@ var colors = {
 var SmallHero = ({
   slice,
   theme
-}) => /* @__PURE__ */ jsxs24(
+}) => /* @__PURE__ */ jsxs26(
   Box19,
   {
     position: "relative",
@@ -3846,8 +3886,8 @@ var SmallHero = ({
     height: "xl",
     backgroundColor: colors[theme].background,
     children: [
-      slice.image && /* @__PURE__ */ jsxs24(Fragment16, { children: [
-        /* @__PURE__ */ jsx28(
+      slice.image && /* @__PURE__ */ jsxs26(Fragment16, { children: [
+        /* @__PURE__ */ jsx29(
           Image19,
           {
             src: strapiMediaUrl_default(slice.image.img, "xLarge"),
@@ -3856,9 +3896,9 @@ var SmallHero = ({
             style: { objectFit: slice.image.objectFit || "cover" }
           }
         ),
-        slice.gradient && /* @__PURE__ */ jsx28(Gradient3, {})
+        slice.gradient && /* @__PURE__ */ jsx29(Gradient3, {})
       ] }),
-      /* @__PURE__ */ jsx28(
+      /* @__PURE__ */ jsx29(
         Box19,
         {
           position: "absolute",
@@ -3867,9 +3907,9 @@ var SmallHero = ({
           width: "full",
           textAlign: "center",
           transform: "translateY(-50%)",
-          children: /* @__PURE__ */ jsx28(Wrapper18, { children: /* @__PURE__ */ jsxs24(Fragment16, { children: [
-            slice.tags && /* @__PURE__ */ jsx28(Flex12, { direction: "row", justify: "center", gap: "2", mb: "4", wrap: "wrap", children: slice.tags.map(({ id, text, colorPalette }) => /* @__PURE__ */ jsx28(
-              BoemlyTag3,
+          children: /* @__PURE__ */ jsx29(Wrapper18, { children: /* @__PURE__ */ jsxs26(Fragment16, { children: [
+            slice.tags && /* @__PURE__ */ jsx29(Flex13, { direction: "row", justify: "center", gap: "2", mb: "4", wrap: "wrap", children: slice.tags.map(({ id, text, colorPalette }) => /* @__PURE__ */ jsx29(
+              BoemlyTag4,
               {
                 colorPalette,
                 size: "md",
@@ -3878,7 +3918,7 @@ var SmallHero = ({
               },
               id
             )) }),
-            /* @__PURE__ */ jsx28(
+            /* @__PURE__ */ jsx29(
               DefaultSectionHeader15,
               {
                 isHero: true,
@@ -3904,7 +3944,7 @@ var SmallHero = ({
                 }
               }
             ),
-            slice.button && /* @__PURE__ */ jsx28(
+            slice.button && /* @__PURE__ */ jsx29(
               StrapiLinkButton_default,
               {
                 link: slice.button,
@@ -3924,7 +3964,7 @@ var SmallHero = ({
 var SmallHero_default = SmallHero;
 
 // src/slices/Blog/Blog.tsx
-import { useContext as useContext10 } from "react";
+import { useContext as useContext11 } from "react";
 import {
   Box as Box21,
   DatePersonPair,
@@ -3932,7 +3972,7 @@ import {
   Heading as Heading10,
   SimpleGrid as SimpleGrid9,
   Spacer as Spacer5,
-  Text as Text10,
+  Text as Text11,
   Wrapper as Wrapper19
 } from "boemly";
 import Image20 from "next/image.js";
@@ -3979,24 +4019,24 @@ var ImageContainer = styled3(Box20)`
 `;
 
 // src/slices/Blog/Blog.tsx
-import { jsx as jsx29, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs27 } from "react/jsx-runtime";
 var Blog = ({ slice, blogPosts }) => {
-  const { formatDate } = useContext10(IntlContext);
+  const { formatDate } = useContext11(IntlContext);
   const sortedBlogPosts = slice.blog_posts.sort(
     (a, b) => new Date(b.attributes.createdAt).getTime() - new Date(a.attributes.createdAt).getTime()
   );
-  return /* @__PURE__ */ jsx29(DefaultSectionContainer14, { children: /* @__PURE__ */ jsx29(Wrapper19, { children: /* @__PURE__ */ jsx29(SimpleGrid9, { columns: [1, null, null, 2], gapX: 56, gapY: 24, children: sortedBlogPosts.map(({ attributes }) => {
+  return /* @__PURE__ */ jsx30(DefaultSectionContainer14, { children: /* @__PURE__ */ jsx30(Wrapper19, { children: /* @__PURE__ */ jsx30(SimpleGrid9, { columns: [1, null, null, 2], gapX: 56, gapY: 24, children: sortedBlogPosts.map(({ attributes }) => {
     const blogPost = blogPosts.find((bp) => bp.attributes.slug === attributes.slug);
     if (!blogPost) {
       return null;
     }
-    return /* @__PURE__ */ jsxs25(
+    return /* @__PURE__ */ jsxs27(
       BlogItemContainer,
       {
         as: Link4,
         href: `/blog/${blogPost.attributes.slug}`,
         children: [
-          /* @__PURE__ */ jsx29(ImageContainer, { children: /* @__PURE__ */ jsx29(
+          /* @__PURE__ */ jsx30(ImageContainer, { children: /* @__PURE__ */ jsx30(
             Image20,
             {
               src: strapiMediaUrl_default(blogPost.attributes.img.img, "large"),
@@ -4007,18 +4047,18 @@ var Blog = ({ slice, blogPosts }) => {
               }
             }
           ) }),
-          /* @__PURE__ */ jsxs25(Box21, { px: "2", py: "8", children: [
-            blogPost.attributes.category.data && /* @__PURE__ */ jsx29(Text10, { size: "smMonoUppercase", color: "primary.800", mb: "2", children: blogPost.attributes.category.data.attributes.name }),
-            /* @__PURE__ */ jsx29(Heading10, { size: "lg", children: blogPost.attributes.title }),
-            blogPost.attributes.teaser && /* @__PURE__ */ jsx29(Text10, { size: "mdRegularNormal", mt: "2", children: blogPost.attributes.teaser }),
-            /* @__PURE__ */ jsx29(Spacer5, { height: "4" }),
-            /* @__PURE__ */ jsx29(
+          /* @__PURE__ */ jsxs27(Box21, { px: "2", py: "8", children: [
+            blogPost.attributes.category.data && /* @__PURE__ */ jsx30(Text11, { size: "smMonoUppercase", color: "primary.800", mb: "2", children: blogPost.attributes.category.data.attributes.name }),
+            /* @__PURE__ */ jsx30(Heading10, { size: "lg", children: blogPost.attributes.title }),
+            blogPost.attributes.teaser && /* @__PURE__ */ jsx30(Text11, { size: "mdRegularNormal", mt: "2", children: blogPost.attributes.teaser }),
+            /* @__PURE__ */ jsx30(Spacer5, { height: "4" }),
+            /* @__PURE__ */ jsx30(
               DatePersonPair,
               {
                 date: formatDate(blogPost.attributes.createdAt),
                 person: blogPost.attributes.author.data ? {
                   name: blogPost.attributes.author.data.attributes.name,
-                  image: /* @__PURE__ */ jsx29(
+                  image: /* @__PURE__ */ jsx30(
                     Image20,
                     {
                       src: strapiMediaUrl_default(
@@ -4049,7 +4089,7 @@ var Blog_default = Blog;
 // src/slices/ProjectsGrid/ProjectsGrid.tsx
 import { Box as Box22, DefaultSectionContainer as DefaultSectionContainer15, SimpleGrid as SimpleGrid10, Wrapper as Wrapper20 } from "boemly";
 import Link5 from "next/link.js";
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 var ConditionalWrapper = ({
   condition,
   wrapper,
@@ -4064,11 +4104,11 @@ var ProjectsGrid = ({
       (strapiProject) => strapiProject.attributes.fpmProjectId === fpmProject.id
     )
   );
-  return /* @__PURE__ */ jsx30(DefaultSectionContainer15, { children: /* @__PURE__ */ jsx30(Wrapper20, { children: /* @__PURE__ */ jsx30(SimpleGrid10, { columns: [1, null, null, 2, null, 3], gap: "16", children: filteredProjects.map((project) => /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(DefaultSectionContainer15, { children: /* @__PURE__ */ jsx31(Wrapper20, { children: /* @__PURE__ */ jsx31(SimpleGrid10, { columns: [1, null, null, 2, null, 3], gap: "16", children: filteredProjects.map((project) => /* @__PURE__ */ jsx31(
     ConditionalWrapper,
     {
       condition: !!project.slug,
-      wrapper: (children) => /* @__PURE__ */ jsx30(
+      wrapper: (children) => /* @__PURE__ */ jsx31(
         Link5,
         {
           href: `${project.portfolioHost || ""}/portfolio/${project.slug}`,
@@ -4078,7 +4118,7 @@ var ProjectsGrid = ({
         },
         project.id
       ),
-      children: /* @__PURE__ */ jsx30(
+      children: /* @__PURE__ */ jsx31(
         Box22,
         {
           as: "a",
@@ -4086,7 +4126,7 @@ var ProjectsGrid = ({
           borderRadius: "2xl",
           transition: `box-shadow ease ${MEDIUM_TRANSITION_DURATION}s`,
           _hover: { boxShadow: "lg" },
-          children: /* @__PURE__ */ jsx30(ProjectGridCard_default, { project })
+          children: /* @__PURE__ */ jsx31(ProjectGridCard_default, { project })
         }
       )
     },
@@ -4097,21 +4137,161 @@ var ProjectsGrid = ({
 // src/slices/ProjectsGrid/index.ts
 var ProjectsGrid_default = ProjectsGrid;
 
+// src/slices/ProjectsGridV2/ProjectsGridV2.tsx
+import { Box as Box24, DefaultSectionContainer as DefaultSectionContainer16, SimpleGrid as SimpleGrid11, Wrapper as Wrapper21 } from "boemly";
+import Link6 from "next/link.js";
+
+// src/components/ProjectGridCardV2/ProjectGridCardV2.tsx
+import { BoemlyTag as BoemlyTag5, Box as Box23, Flex as Flex14, Heading as Heading11, Text as Text12 } from "boemly";
+import { useContext as useContext12 } from "react";
+import Image21 from "next/image.js";
+import { MapPinIcon, ArrowsOutIcon } from "@phosphor-icons/react";
+
+// src/utils/getCountryFlag.ts
+var getCountryFlag = (countryCode) => {
+  return countryCode.toUpperCase().replace(/./g, (char) => String.fromCodePoint(char.charCodeAt(0) + 127397));
+};
+var getCountryFlag_default = getCountryFlag;
+
+// src/components/ProjectGridCardV2/ProjectGridCardV2.tsx
+import { jsx as jsx32, jsxs as jsxs28 } from "react/jsx-runtime";
+var ProjectGridCardV2 = ({
+  project
+}) => {
+  const { formatNumber } = useContext12(IntlContext);
+  return /* @__PURE__ */ jsx32(Box23, { height: "full", borderRadius: "lg", boxShadow: "sm", overflow: "hidden", children: /* @__PURE__ */ jsxs28(Flex14, { flexDir: "column", height: "full", children: [
+    /* @__PURE__ */ jsxs28(Box23, { position: "relative", height: "56", children: [
+      project.thumbnail && /* @__PURE__ */ jsx32(
+        Image21,
+        {
+          src: strapiMediaUrl_default(project.thumbnail?.img, "medium"),
+          alt: project.thumbnail?.alt,
+          fill: true,
+          style: {
+            objectFit: project.thumbnail?.objectFit || "cover"
+          }
+        }
+      ),
+      project.projectType?.title && /* @__PURE__ */ jsx32(Box23, { position: "absolute", top: "4", left: "4", children: /* @__PURE__ */ jsx32(BoemlyTag5, { backgroundColor: "gray.900", borderRadius: "full", children: /* @__PURE__ */ jsx32(Text12, { size: "smRegularNormalBold", color: "white", children: project.projectType.title }) }) }),
+      /* @__PURE__ */ jsxs28(
+        Flex14,
+        {
+          position: "absolute",
+          bottom: "4",
+          right: "4",
+          flexDir: "column",
+          gap: "2",
+          alignItems: "flex-end",
+          children: [
+            /* @__PURE__ */ jsx32(
+              CertificationBadge_default2,
+              {
+                certificationDate: project.certificationDate,
+                variant: "withIcon"
+              }
+            ),
+            /* @__PURE__ */ jsx32(
+              CreditsAvailableBadge_default2,
+              {
+                variant: "withIcon",
+                status: project.creditAvailability
+              }
+            )
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs28(Box23, { padding: "6", backgroundColor: "white", children: [
+      /* @__PURE__ */ jsx32(Heading11, { size: "2xl", color: "primary.700", mb: "2", children: project.friendlyName || project.title }),
+      /* @__PURE__ */ jsxs28(Flex14, { flexDir: "column", gap: "2", children: [
+        /* @__PURE__ */ jsxs28(Flex14, { alignItems: "center", gap: "3", children: [
+          /* @__PURE__ */ jsx32(MapPinIcon, { size: 20, color: "var(--boemly-colors-gray-400)" }),
+          /* @__PURE__ */ jsxs28(Text12, { fontSize: "lg", color: "gray.500", children: [
+            project.location,
+            " ",
+            getCountryFlag_default(project.countryCode)
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs28(Flex14, { alignItems: "center", gap: "3", children: [
+          /* @__PURE__ */ jsx32(ArrowsOutIcon, { size: 20, color: "var(--boemly-colors-gray-400)" }),
+          /* @__PURE__ */ jsx32(Text12, { fontSize: "lg", color: "gray.500", children: formatNumber(
+            (project.area || 0) / 1e4,
+            FORMAT_AS_HECTARE_CONFIG
+          ) })
+        ] })
+      ] })
+    ] })
+  ] }) });
+};
+
+// src/components/ProjectGridCardV2/index.ts
+var ProjectGridCardV2_default = ProjectGridCardV2;
+
+// src/slices/ProjectsGridV2/ProjectsGridV2.tsx
+import { jsx as jsx33 } from "react/jsx-runtime";
+var ConditionalWrapper2 = ({
+  condition,
+  wrapper,
+  children
+}) => condition ? wrapper(children) : children;
+var ProjectsGridV2 = ({
+  projects,
+  slice
+}) => {
+  const filteredProjects = projects.filter(
+    (fpmProject) => fpmProject.thumbnail && slice.projects.data.some(
+      (strapiProject) => strapiProject.attributes.fpmProjectId === fpmProject.id
+    )
+  );
+  return /* @__PURE__ */ jsx33(DefaultSectionContainer16, { children: /* @__PURE__ */ jsx33(Wrapper21, { children: /* @__PURE__ */ jsx33(SimpleGrid11, { columns: [1, null, 2, null, 3], gap: "16", children: filteredProjects.map((project) => /* @__PURE__ */ jsx33(
+    ConditionalWrapper2,
+    {
+      condition: !!project.slug,
+      wrapper: (children) => /* @__PURE__ */ jsx33(
+        Link6,
+        {
+          href: `${project.portfolioHost || ""}/portfolio/${project.slug}`,
+          passHref: true,
+          legacyBehavior: true,
+          children
+        },
+        project.id
+      ),
+      children: /* @__PURE__ */ jsx33(
+        Box24,
+        {
+          as: "a",
+          cursor: "pointer",
+          borderRadius: "2xl",
+          transition: `box-shadow ease ${MEDIUM_TRANSITION_DURATION}s`,
+          _hover: { boxShadow: "lg" },
+          maxWidth: "xs",
+          children: /* @__PURE__ */ jsx33(ProjectGridCardV2_default, { project })
+        }
+      )
+    },
+    project.id
+  )) }) }) });
+};
+
+// src/slices/ProjectsGridV2/index.ts
+var ProjectsGridV2_default = ProjectsGridV2;
+
 // src/slices/ProjectsMap/ProjectsMap.tsx
 import {
   useRef as useRef4,
   useEffect as useEffect4,
   useState as useState5,
   useCallback as useCallback2,
-  useContext as useContext11
+  useContext as useContext13
 } from "react";
 import { Global as Global2 } from "@emotion/react";
 import mapboxgl from "mapbox-gl";
 import {
-  Box as Box23,
-  DefaultSectionContainer as DefaultSectionContainer16,
+  Box as Box25,
+  DefaultSectionContainer as DefaultSectionContainer17,
   DefaultSectionHeader as DefaultSectionHeader16,
-  Wrapper as Wrapper21
+  Wrapper as Wrapper22
 } from "boemly";
 
 // src/constants/mapbox.ts
@@ -4840,14 +5020,14 @@ var mergeProjectData = (featureCollection, strapiProjects) => {
 var mergeProjectData_default = mergeProjectData;
 
 // src/slices/ProjectsMap/ProjectsMap.tsx
-import { Fragment as Fragment17, jsx as jsx31, jsxs as jsxs26 } from "react/jsx-runtime";
+import { Fragment as Fragment17, jsx as jsx34, jsxs as jsxs29 } from "react/jsx-runtime";
 var projectPinImage = "https://cdn.jsdelivr.net/npm/@phosphor-icons/core@2.0.2/assets/fill/map-pin-fill.svg";
 mapboxgl.accessToken = MAPBOX_TOKEN;
 var FALLBACK_BBOX = "-1.9950830850086163,44.4464186384987,21.995083085002875,54.12644342419196";
 var ProjectsMap = ({
   slice
 }) => {
-  const { locale, formatMessage } = useContext11(IntlContext);
+  const { locale, formatMessage } = useContext13(IntlContext);
   const mapContainer = useRef4(null);
   const map = useRef4(null);
   const animationIntervalRef = useRef4(null);
@@ -5248,11 +5428,11 @@ var ProjectsMap = ({
       addProjectsLayer();
     }
   }, [isMapReady, featureCollection, addProjectsLayer]);
-  return /* @__PURE__ */ jsxs26(DefaultSectionContainer16, { children: [
-    /* @__PURE__ */ jsx31(Global2, { styles: mapboxStyle_default }),
-    /* @__PURE__ */ jsxs26(Wrapper21, { children: [
-      slice.title ? /* @__PURE__ */ jsxs26(Fragment17, { children: [
-        /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsxs29(DefaultSectionContainer17, { children: [
+    /* @__PURE__ */ jsx34(Global2, { styles: mapboxStyle_default }),
+    /* @__PURE__ */ jsxs29(Wrapper22, { children: [
+      slice.title ? /* @__PURE__ */ jsxs29(Fragment17, { children: [
+        /* @__PURE__ */ jsx34(
           DefaultSectionHeader16,
           {
             tagline: slice.tagline,
@@ -5271,10 +5451,10 @@ var ProjectsMap = ({
             }
           }
         ),
-        /* @__PURE__ */ jsx31(Box23, { height: "16" })
-      ] }) : /* @__PURE__ */ jsx31(Fragment17, {}),
-      /* @__PURE__ */ jsx31(
-        Box23,
+        /* @__PURE__ */ jsx34(Box25, { height: "16" })
+      ] }) : /* @__PURE__ */ jsx34(Fragment17, {}),
+      /* @__PURE__ */ jsx34(
+        Box25,
         {
           height: "xl",
           ref: mapContainer,
@@ -5283,7 +5463,7 @@ var ProjectsMap = ({
           boxShadow: ["md", null, null, "none"]
         }
       ),
-      /* @__PURE__ */ jsx31(Fragment17, { children: isLoading && /* @__PURE__ */ jsx31(Box23, { children: "Loading projects..." }) })
+      /* @__PURE__ */ jsx34(Fragment17, { children: isLoading && /* @__PURE__ */ jsx34(Box25, { children: "Loading projects..." }) })
     ] })
   ] });
 };
@@ -5293,14 +5473,14 @@ var ProjectsMap_default = ProjectsMap;
 
 // src/slices/Video/Video.tsx
 import { useRef as useRef5 } from "react";
-import { Box as Box24, DefaultSectionContainer as DefaultSectionContainer17, Wrapper as Wrapper22 } from "boemly";
+import { Box as Box26, DefaultSectionContainer as DefaultSectionContainer18, Wrapper as Wrapper23 } from "boemly";
 import { useMeasure as useMeasure2 } from "@reactuses/core";
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 var Video = ({ slice }) => {
   const ref = useRef5(null);
   const [rect] = useMeasure2(ref);
   const width = rect.width;
-  return /* @__PURE__ */ jsx32(DefaultSectionContainer17, { children: /* @__PURE__ */ jsx32(Wrapper22, { children: /* @__PURE__ */ jsx32(Box24, { ref, borderRadius: "xl", children: /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx35(DefaultSectionContainer18, { children: /* @__PURE__ */ jsx35(Wrapper23, { children: /* @__PURE__ */ jsx35(Box26, { ref, borderRadius: "xl", children: /* @__PURE__ */ jsx35(
     "iframe",
     {
       "data-testid": "video-iframe",
@@ -5321,17 +5501,17 @@ var Video_default = Video;
 
 // src/slices/FullWidthHighlightQuote/FullWidthHighlightQuote.tsx
 import {
-  DefaultSectionContainer as DefaultSectionContainer18,
-  Wrapper as Wrapper23,
+  DefaultSectionContainer as DefaultSectionContainer19,
+  Wrapper as Wrapper24,
   AvatarWithName,
-  Text as Text11,
-  Box as Box25
+  Text as Text13,
+  Box as Box27
 } from "boemly";
-import { jsx as jsx33, jsxs as jsxs27 } from "react/jsx-runtime";
-var FullWidthHighlightQuote = ({ slice }) => /* @__PURE__ */ jsx33(DefaultSectionContainer18, { children: /* @__PURE__ */ jsxs27(Wrapper23, { children: [
-  /* @__PURE__ */ jsxs27(Box25, { maxWidth: "5xl", marginX: "auto", mb: "8", children: [
-    slice.tagline && /* @__PURE__ */ jsx33(
-      Text11,
+import { jsx as jsx36, jsxs as jsxs30 } from "react/jsx-runtime";
+var FullWidthHighlightQuote = ({ slice }) => /* @__PURE__ */ jsx36(DefaultSectionContainer19, { children: /* @__PURE__ */ jsxs30(Wrapper24, { children: [
+  /* @__PURE__ */ jsxs30(Box27, { maxWidth: "5xl", marginX: "auto", mb: "8", children: [
+    slice.tagline && /* @__PURE__ */ jsx36(
+      Text13,
       {
         color: "primary.700",
         size: "mdMonoUppercase",
@@ -5340,9 +5520,9 @@ var FullWidthHighlightQuote = ({ slice }) => /* @__PURE__ */ jsx33(DefaultSectio
         children: slice.tagline
       }
     ),
-    /* @__PURE__ */ jsx33(Text11, { color: "black", size: "xlRegularNormalBold", textAlign: "center", children: slice.quote })
+    /* @__PURE__ */ jsx36(Text13, { color: "black", size: "xlRegularNormalBold", textAlign: "center", children: slice.quote })
   ] }),
-  /* @__PURE__ */ jsx33(
+  /* @__PURE__ */ jsx36(
     AvatarWithName,
     {
       name: slice.avatarWithName.name,
@@ -5361,14 +5541,14 @@ var FullWidthHighlightQuote_default = FullWidthHighlightQuote;
 // src/slices/FullWidthImageSlider/FullWidthImageSlider.tsx
 import { useMemo as useMemo3, useRef as useRef6, useState as useState6 } from "react";
 import {
-  Box as Box27,
+  Box as Box29,
   IconButton as IconButton3,
-  DefaultSectionContainer as DefaultSectionContainer19,
-  Flex as Flex13,
-  Text as Text12,
+  DefaultSectionContainer as DefaultSectionContainer20,
+  Flex as Flex15,
+  Text as Text14,
   useMediaQuery as useMediaQuery5
 } from "boemly";
-import Image21 from "next/image.js";
+import Image22 from "next/image.js";
 import { useMeasure as useMeasure3, useWindowSize as useWindowSize3 } from "@reactuses/core";
 import { AnimatePresence as AnimatePresence2, motion as motion4 } from "framer-motion";
 import { ArrowLeftIcon as ArrowLeftIcon2, ArrowRightIcon as ArrowRightIcon6 } from "@phosphor-icons/react";
@@ -5376,8 +5556,8 @@ import { ArrowLeftIcon as ArrowLeftIcon2, ArrowRightIcon as ArrowRightIcon6 } fr
 // src/slices/FullWidthImageSlider/styles.ts
 import { motion as motion3 } from "framer-motion";
 import styled4 from "@emotion/styled";
-import { Box as Box26 } from "boemly";
-var SliderContainer = styled4(Box26)`
+import { Box as Box28 } from "boemly";
+var SliderContainer = styled4(Box28)`
   --mobile-image-width: calc(100vw - var(--boemly-spacing-24));
   --desktop-image-width: var(--boemly-sizes-md);
 
@@ -5406,7 +5586,7 @@ var SliderInnerContainer = styled4(
 
   width: fit-content;
 `;
-var ItemContainer = styled4(Box26)`
+var ItemContainer = styled4(Box28)`
   width: var(--desktop-image-width);
 
   :last-of-type {
@@ -5417,7 +5597,7 @@ var ItemContainer = styled4(Box26)`
     width: var(--mobile-image-width);
   }
 `;
-var ImageContainer2 = styled4(Box26)`
+var ImageContainer2 = styled4(Box28)`
   position: relative;
 
   max-height: var(--boemly-sizes-xl);
@@ -5458,7 +5638,7 @@ var getClosestRatio = (width, height) => {
 };
 
 // src/slices/FullWidthImageSlider/FullWidthImageSlider.tsx
-import { jsx as jsx34, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs31 } from "react/jsx-runtime";
 var ITEM_GAP2 = 24;
 var MAX_OFFSET_RIGHT2 = 162;
 var FullWidthImageSlider = ({
@@ -5493,8 +5673,8 @@ var FullWidthImageSlider = ({
     return offsetRight < MAX_OFFSET_RIGHT2;
   }, [imageWidth, sliderIndex, sliderItemsWidth, windowWidth]);
   const canMoveLeft = useMemo3(() => sliderIndex !== 0, [sliderIndex]);
-  return /* @__PURE__ */ jsxs28(DefaultSectionContainer19, { children: [
-    /* @__PURE__ */ jsx34(SliderContainer, { ref: containerRef, children: /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsxs31(DefaultSectionContainer20, { children: [
+    /* @__PURE__ */ jsx37(SliderContainer, { ref: containerRef, children: /* @__PURE__ */ jsx37(
       SliderInnerContainer,
       {
         animate: {
@@ -5505,8 +5685,8 @@ var FullWidthImageSlider = ({
           ease: "easeInOut"
         },
         imageCount: slice.images.length,
-        children: slice.images.map((image, index) => /* @__PURE__ */ jsx34(ItemContainer, { ref: imageRef, children: /* @__PURE__ */ jsxs28(
-          Flex13,
+        children: slice.images.map((image, index) => /* @__PURE__ */ jsx37(ItemContainer, { ref: imageRef, children: /* @__PURE__ */ jsxs31(
+          Flex15,
           {
             height: "full",
             width: "full",
@@ -5514,15 +5694,15 @@ var FullWidthImageSlider = ({
             flexDirection: "column",
             gap: "2",
             children: [
-              /* @__PURE__ */ jsx34(
+              /* @__PURE__ */ jsx37(
                 ImageContainer2,
                 {
                   aspectRatio: getClosestRatio(
                     image.img.img.data.attributes.width,
                     image.img.img.data.attributes.height
                   ),
-                  children: /* @__PURE__ */ jsx34(
-                    Image21,
+                  children: /* @__PURE__ */ jsx37(
+                    Image22,
                     {
                       src: strapiMediaUrl_default(image.img.img, "large"),
                       alt: image.img.alt,
@@ -5539,14 +5719,14 @@ var FullWidthImageSlider = ({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx34(Text12, { lineClamp: 3, height: "72px", fontSize: "md", children: image.caption })
+              /* @__PURE__ */ jsx37(Text14, { lineClamp: 3, height: "72px", fontSize: "md", children: image.caption })
             ]
           }
         ) }, image.id))
       }
     ) }),
-    /* @__PURE__ */ jsxs28(
-      Box27,
+    /* @__PURE__ */ jsxs31(
+      Box29,
       {
         display: ["none", null, null, !!allowScroll ? "flex" : "none"],
         pointerEvents: "none",
@@ -5558,13 +5738,13 @@ var FullWidthImageSlider = ({
         px: "32",
         justifyContent: "space-between",
         children: [
-          /* @__PURE__ */ jsx34(Box27, { children: /* @__PURE__ */ jsx34(AnimatePresence2, { children: canMoveLeft && /* @__PURE__ */ jsx34(
+          /* @__PURE__ */ jsx37(Box29, { children: /* @__PURE__ */ jsx37(AnimatePresence2, { children: canMoveLeft && /* @__PURE__ */ jsx37(
             motion4.div,
             {
               initial: { opacity: 0 },
               animate: { opacity: 1 },
               exit: { opacity: 0 },
-              children: /* @__PURE__ */ jsx34(
+              children: /* @__PURE__ */ jsx37(
                 IconButton3,
                 {
                   size: "lg",
@@ -5572,19 +5752,19 @@ var FullWidthImageSlider = ({
                   onClick: () => setSliderIndex(sliderIndex - 1),
                   "aria-label": "Move left",
                   pointerEvents: "auto",
-                  children: /* @__PURE__ */ jsx34(ArrowLeftIcon2, { size: 16 })
+                  children: /* @__PURE__ */ jsx37(ArrowLeftIcon2, { size: 16 })
                 }
               )
             },
             "leftButton"
           ) }) }),
-          /* @__PURE__ */ jsx34(Box27, { children: /* @__PURE__ */ jsx34(AnimatePresence2, { children: canMoveRight && /* @__PURE__ */ jsx34(
+          /* @__PURE__ */ jsx37(Box29, { children: /* @__PURE__ */ jsx37(AnimatePresence2, { children: canMoveRight && /* @__PURE__ */ jsx37(
             motion4.div,
             {
               initial: { opacity: 0 },
               animate: { opacity: 1 },
               exit: { opacity: 0 },
-              children: /* @__PURE__ */ jsx34(
+              children: /* @__PURE__ */ jsx37(
                 IconButton3,
                 {
                   size: "lg",
@@ -5592,7 +5772,7 @@ var FullWidthImageSlider = ({
                   onClick: () => setSliderIndex(sliderIndex + 1),
                   "aria-label": "Move right",
                   pointerEvents: "auto",
-                  children: /* @__PURE__ */ jsx34(ArrowRightIcon6, { size: 16 })
+                  children: /* @__PURE__ */ jsx37(ArrowRightIcon6, { size: 16 })
                 }
               )
             },
@@ -5601,7 +5781,7 @@ var FullWidthImageSlider = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsx34(
+    /* @__PURE__ */ jsx37(
       FullScreenImage_default,
       {
         images: slice.images.map((image) => image.img),
@@ -5619,26 +5799,26 @@ var FullWidthImageSlider_default = FullWidthImageSlider;
 
 // src/slices/SideBySideImages/SideBySideImages.tsx
 import {
-  Box as Box28,
-  DefaultSectionContainer as DefaultSectionContainer20,
+  Box as Box30,
+  DefaultSectionContainer as DefaultSectionContainer21,
   Grid as Grid5,
   GridItem as GridItem5,
-  SimpleGrid as SimpleGrid11,
-  Text as Text13,
-  Wrapper as Wrapper24
+  SimpleGrid as SimpleGrid12,
+  Text as Text15,
+  Wrapper as Wrapper25
 } from "boemly";
-import Image22 from "next/image.js";
-import { jsx as jsx35, jsxs as jsxs29 } from "react/jsx-runtime";
+import Image23 from "next/image.js";
+import { jsx as jsx38, jsxs as jsxs32 } from "react/jsx-runtime";
 var SideBySideImages = ({
   slice
-}) => /* @__PURE__ */ jsx35(DefaultSectionContainer20, { children: /* @__PURE__ */ jsx35(Wrapper24, { children: /* @__PURE__ */ jsx35(Grid5, { templateColumns: "repeat(12, 1fr)", gap: "4", children: /* @__PURE__ */ jsx35(GridItem5, { colSpan: [12, null, null, 7], children: /* @__PURE__ */ jsx35(
-  SimpleGrid11,
+}) => /* @__PURE__ */ jsx38(DefaultSectionContainer21, { children: /* @__PURE__ */ jsx38(Wrapper25, { children: /* @__PURE__ */ jsx38(Grid5, { templateColumns: "repeat(12, 1fr)", gap: "4", children: /* @__PURE__ */ jsx38(GridItem5, { colSpan: [12, null, null, 7], children: /* @__PURE__ */ jsx38(
+  SimpleGrid12,
   {
     columns: [1, null, null, 2],
     gap: ["12", null, null, "6"],
-    children: slice.images.map((image) => /* @__PURE__ */ jsxs29(Box28, { children: [
-      /* @__PURE__ */ jsx35(Box28, { height: "md", position: "relative", borderRadius: "xl", children: /* @__PURE__ */ jsx35(
-        Image22,
+    children: slice.images.map((image) => /* @__PURE__ */ jsxs32(Box30, { children: [
+      /* @__PURE__ */ jsx38(Box30, { height: "md", position: "relative", borderRadius: "xl", children: /* @__PURE__ */ jsx38(
+        Image23,
         {
           src: strapiMediaUrl_default(image.img.img, "large"),
           alt: image.img.alt,
@@ -5649,7 +5829,7 @@ var SideBySideImages = ({
           }
         }
       ) }),
-      /* @__PURE__ */ jsx35(Text13, { mt: "3", size: "xsLowNormal", children: image.caption })
+      /* @__PURE__ */ jsx38(Text15, { mt: "3", size: "xsLowNormal", children: image.caption })
     ] }, image.id))
   }
 ) }) }) }) });
@@ -5658,19 +5838,19 @@ var SideBySideImages = ({
 var SideBySideImages_default = SideBySideImages;
 
 // src/slices/Cta/Cta.tsx
-import { useContext as useContext12 } from "react";
+import { useContext as useContext14 } from "react";
 import {
-  Box as Box29,
+  Box as Box31,
   Container as Container2,
-  DefaultSectionContainer as DefaultSectionContainer21,
+  DefaultSectionContainer as DefaultSectionContainer22,
   DefaultSectionHeader as DefaultSectionHeader17,
-  Flex as Flex14,
+  Flex as Flex16,
   Gradient as Gradient4,
   Spacer as Spacer6,
-  Wrapper as Wrapper25
+  Wrapper as Wrapper26
 } from "boemly";
-import Image23 from "next/image.js";
-import { Fragment as Fragment18, jsx as jsx36, jsxs as jsxs30 } from "react/jsx-runtime";
+import Image24 from "next/image.js";
+import { Fragment as Fragment18, jsx as jsx39, jsxs as jsxs33 } from "react/jsx-runtime";
 var STATES = {
   left: {
     textAlign: "left",
@@ -5802,15 +5982,15 @@ var getTypeOfCard = (ctaCard) => {
   return "right" /* Right */;
 };
 var Cta = ({ slice }) => {
-  const { formatMessage } = useContext12(IntlContext);
-  return /* @__PURE__ */ jsx36(
-    DefaultSectionContainer21,
+  const { formatMessage } = useContext14(IntlContext);
+  return /* @__PURE__ */ jsx39(
+    DefaultSectionContainer22,
     {
       backgroundColor: VARIANTS2[slice.variant].backgroundColor.left,
       title: slice.title,
-      children: /* @__PURE__ */ jsxs30(Wrapper25, { children: [
-        slice.title ? /* @__PURE__ */ jsxs30(Fragment18, { children: [
-          /* @__PURE__ */ jsx36(Flex14, { alignItems: "center", flexDirection: "column", children: /* @__PURE__ */ jsx36(
+      children: /* @__PURE__ */ jsxs33(Wrapper26, { children: [
+        slice.title ? /* @__PURE__ */ jsxs33(Fragment18, { children: [
+          /* @__PURE__ */ jsx39(Flex16, { alignItems: "center", flexDirection: "column", children: /* @__PURE__ */ jsx39(
             DefaultSectionHeader17,
             {
               tagline: slice.tagline,
@@ -5834,19 +6014,19 @@ var Cta = ({ slice }) => {
               }
             }
           ) }),
-          /* @__PURE__ */ jsx36(Spacer6, { height: ["16", null, null, null, "20"] })
-        ] }) : /* @__PURE__ */ jsx36(Fragment18, {}),
-        /* @__PURE__ */ jsx36(Flex14, { gap: "4", flexDirection: "column", children: slice.ctaCards.map((ctaCard) => {
+          /* @__PURE__ */ jsx39(Spacer6, { height: ["16", null, null, null, "20"] })
+        ] }) : /* @__PURE__ */ jsx39(Fragment18, {}),
+        /* @__PURE__ */ jsx39(Flex16, { gap: "4", flexDirection: "column", children: slice.ctaCards.map((ctaCard) => {
           const ctaCardType = getTypeOfCard(ctaCard);
-          return /* @__PURE__ */ jsxs30(
+          return /* @__PURE__ */ jsxs33(
             Container2,
             {
               backgroundColor: VARIANTS2[ctaCard.variant].backgroundColor[ctaCardType],
               position: "relative",
               elevation: "none",
               children: [
-                ctaCard.image && ctaCardType === "centerWithImage" /* CenterWithImage */ ? /* @__PURE__ */ jsxs30(
-                  Box29,
+                ctaCard.image && ctaCardType === "centerWithImage" /* CenterWithImage */ ? /* @__PURE__ */ jsxs33(
+                  Box31,
                   {
                     position: "absolute",
                     left: "0",
@@ -5856,8 +6036,8 @@ var Cta = ({ slice }) => {
                     borderRadius: "xl",
                     overflow: "hidden",
                     children: [
-                      /* @__PURE__ */ jsx36(
-                        Image23,
+                      /* @__PURE__ */ jsx39(
+                        Image24,
                         {
                           src: strapiMediaUrl_default(ctaCard.image.img, "large"),
                           alt: ctaCard.image.alt,
@@ -5868,20 +6048,20 @@ var Cta = ({ slice }) => {
                           }
                         }
                       ),
-                      /* @__PURE__ */ jsx36(Gradient4, {})
+                      /* @__PURE__ */ jsx39(Gradient4, {})
                     ]
                   }
-                ) : /* @__PURE__ */ jsx36(Fragment18, {}),
-                ctaCard.backgroundShape ? /* @__PURE__ */ jsx36(
-                  Box29,
+                ) : /* @__PURE__ */ jsx39(Fragment18, {}),
+                ctaCard.backgroundShape ? /* @__PURE__ */ jsx39(
+                  Box31,
                   {
                     position: "absolute",
                     left: "0",
                     top: "0",
                     width: "full",
                     height: "full",
-                    children: /* @__PURE__ */ jsx36(
-                      Image23,
+                    children: /* @__PURE__ */ jsx39(
+                      Image24,
                       {
                         src: ctaCardType === "centerWithImage" /* CenterWithImage */ || ctaCard.variant === "green" ? `${CDN_URI}/assets/v3/strapi-slices/shapes-dark.svg` : `${CDN_URI}/assets/v3/strapi-slices/shapes-light.svg`,
                         alt: formatMessage({
@@ -5895,23 +6075,23 @@ var Cta = ({ slice }) => {
                       }
                     )
                   }
-                ) : /* @__PURE__ */ jsx36(Fragment18, {}),
-                /* @__PURE__ */ jsxs30(
-                  Flex14,
+                ) : /* @__PURE__ */ jsx39(Fragment18, {}),
+                /* @__PURE__ */ jsxs33(
+                  Flex16,
                   {
                     flexDir: ["column", null, null, null, "row"],
                     flexGrow: "1",
                     gap: ["8", null, null, null, "16"],
                     justifyContent: STATES[ctaCardType].justifyContent,
                     children: [
-                      ctaCard.image && ctaCardType === "right" /* Right */ ? /* @__PURE__ */ jsx36(
-                        Box29,
+                      ctaCard.image && ctaCardType === "right" /* Right */ ? /* @__PURE__ */ jsx39(
+                        Box31,
                         {
                           position: "relative",
                           height: ["3xs", null, null, null, "auto"],
                           minWidth: [null, null, null, null, "50%"],
-                          children: /* @__PURE__ */ jsx36(
-                            Image23,
+                          children: /* @__PURE__ */ jsx39(
+                            Image24,
                             {
                               src: strapiMediaUrl_default(ctaCard.image.img, "xLarge"),
                               alt: ctaCard.image.alt,
@@ -5923,17 +6103,17 @@ var Cta = ({ slice }) => {
                             }
                           )
                         }
-                      ) : /* @__PURE__ */ jsx36(Fragment18, {}),
-                      /* @__PURE__ */ jsxs30(
-                        Box29,
+                      ) : /* @__PURE__ */ jsx39(Fragment18, {}),
+                      /* @__PURE__ */ jsxs33(
+                        Box31,
                         {
                           zIndex: "base",
                           marginLeft: STATES[ctaCardType].textMarginLeft,
                           marginRight: STATES[ctaCardType].textMarginRight,
                           maxWidth: "3xl",
                           children: [
-                            /* @__PURE__ */ jsx36(Spacer6, { height: ["0", null, null, null, "20"] }),
-                            /* @__PURE__ */ jsx36(
+                            /* @__PURE__ */ jsx39(Spacer6, { height: ["0", null, null, null, "20"] }),
+                            /* @__PURE__ */ jsx39(
                               DefaultSectionHeader17,
                               {
                                 tagline: ctaCard.tagline,
@@ -5971,14 +6151,14 @@ var Cta = ({ slice }) => {
                                 }
                               }
                             ),
-                            ctaCard.buttons && ctaCard.buttons.length > 0 ? /* @__PURE__ */ jsxs30(Fragment18, { children: [
-                              /* @__PURE__ */ jsx36(Spacer6, { height: "8" }),
-                              /* @__PURE__ */ jsx36(
-                                Flex14,
+                            ctaCard.buttons && ctaCard.buttons.length > 0 ? /* @__PURE__ */ jsxs33(Fragment18, { children: [
+                              /* @__PURE__ */ jsx39(Spacer6, { height: "8" }),
+                              /* @__PURE__ */ jsx39(
+                                Flex16,
                                 {
                                   gap: "2",
                                   justifyContent: STATES[ctaCardType].buttonJustifyContent,
-                                  children: ctaCard.buttons && ctaCard.buttons.map((button) => /* @__PURE__ */ jsx36(
+                                  children: ctaCard.buttons && ctaCard.buttons.map((button) => /* @__PURE__ */ jsx39(
                                     StrapiLinkButton_default,
                                     {
                                       link: button.button,
@@ -5990,19 +6170,19 @@ var Cta = ({ slice }) => {
                                   ))
                                 }
                               )
-                            ] }) : /* @__PURE__ */ jsx36(Fragment18, {}),
-                            /* @__PURE__ */ jsx36(Spacer6, { height: ["1", null, null, null, "20"] })
+                            ] }) : /* @__PURE__ */ jsx39(Fragment18, {}),
+                            /* @__PURE__ */ jsx39(Spacer6, { height: ["1", null, null, null, "20"] })
                           ]
                         }
                       ),
-                      ctaCard.image && ctaCardType === "left" /* Left */ ? /* @__PURE__ */ jsx36(
-                        Box29,
+                      ctaCard.image && ctaCardType === "left" /* Left */ ? /* @__PURE__ */ jsx39(
+                        Box31,
                         {
                           position: "relative",
                           height: ["3xs", null, null, null, "auto"],
                           minWidth: [null, null, null, null, "50%"],
-                          children: /* @__PURE__ */ jsx36(
-                            Image23,
+                          children: /* @__PURE__ */ jsx39(
+                            Image24,
                             {
                               src: strapiMediaUrl_default(ctaCard.image.img, "xLarge"),
                               alt: ctaCard.image.alt,
@@ -6014,7 +6194,7 @@ var Cta = ({ slice }) => {
                             }
                           )
                         }
-                      ) : /* @__PURE__ */ jsx36(Fragment18, {})
+                      ) : /* @__PURE__ */ jsx39(Fragment18, {})
                     ]
                   }
                 )
@@ -6032,31 +6212,31 @@ var Cta = ({ slice }) => {
 var Cta_default = Cta;
 
 // src/slices/CtaOnly/CtaOnly.tsx
-import { DefaultSectionContainer as DefaultSectionContainer22, Wrapper as Wrapper26 } from "boemly";
-import { jsx as jsx37 } from "react/jsx-runtime";
-var CtaOnly = ({ slice }) => /* @__PURE__ */ jsx37(DefaultSectionContainer22, { children: /* @__PURE__ */ jsx37(Wrapper26, { children: /* @__PURE__ */ jsx37(StrapiLinkButton_default, { size: "md", link: slice.button, component: "CtaOnly" }) }) });
+import { DefaultSectionContainer as DefaultSectionContainer23, Wrapper as Wrapper27 } from "boemly";
+import { jsx as jsx40 } from "react/jsx-runtime";
+var CtaOnly = ({ slice }) => /* @__PURE__ */ jsx40(DefaultSectionContainer23, { children: /* @__PURE__ */ jsx40(Wrapper27, { children: /* @__PURE__ */ jsx40(StrapiLinkButton_default, { size: "md", link: slice.button, component: "CtaOnly" }) }) });
 
 // src/slices/CtaOnly/index.ts
 var CtaOnly_default = CtaOnly;
 
 // src/slices/Glossary/Glossary.tsx
-import { useContext as useContext13, useState as useState7 } from "react";
+import { useContext as useContext15, useState as useState7 } from "react";
 import {
-  DefaultSectionContainer as DefaultSectionContainer23,
+  DefaultSectionContainer as DefaultSectionContainer24,
   Separator,
-  Flex as Flex15,
+  Flex as Flex17,
   GridItem as GridItem6,
-  Heading as Heading11,
+  Heading as Heading12,
   IconButton as IconButton4,
-  SimpleGrid as SimpleGrid12,
-  Text as Text14,
-  Wrapper as Wrapper27,
-  Box as Box30
+  SimpleGrid as SimpleGrid13,
+  Text as Text16,
+  Wrapper as Wrapper28,
+  Box as Box32
 } from "boemly";
 import { CheckIcon, LinkIcon } from "@phosphor-icons/react";
-import { jsx as jsx38, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs34 } from "react/jsx-runtime";
 var Glossary = ({ slice }) => {
-  const { formatMessage } = useContext13(IntlContext);
+  const { formatMessage } = useContext15(IntlContext);
   const grouped = {};
   const [copiedItem, setCopiedItem] = useState7();
   slice.glossary_items.sort((a, b) => a.attributes.title.localeCompare(b.attributes.title)).forEach((curr) => {
@@ -6076,12 +6256,12 @@ var Glossary = ({ slice }) => {
       }, 1200);
     }
   };
-  return /* @__PURE__ */ jsx38(DefaultSectionContainer23, { children: /* @__PURE__ */ jsx38(Wrapper27, { children: /* @__PURE__ */ jsx38(SimpleGrid12, { children: Object.entries(grouped).map(([letter, items], index) => /* @__PURE__ */ jsxs31(GridItem6, { maxW: "xl", placeSelf: "center", children: [
-    /* @__PURE__ */ jsx38(Heading11, { size: "3xl", mb: "8", children: letter }),
-    /* @__PURE__ */ jsx38(SimpleGrid12, { gap: "6", children: items.map((item) => /* @__PURE__ */ jsxs31(GridItem6, { children: [
-      /* @__PURE__ */ jsxs31(Flex15, { mb: "2", gap: "1.5", alignItems: "center", children: [
-        /* @__PURE__ */ jsx38(
-          Heading11,
+  return /* @__PURE__ */ jsx41(DefaultSectionContainer24, { children: /* @__PURE__ */ jsx41(Wrapper28, { children: /* @__PURE__ */ jsx41(SimpleGrid13, { children: Object.entries(grouped).map(([letter, items], index) => /* @__PURE__ */ jsxs34(GridItem6, { maxW: "xl", placeSelf: "center", children: [
+    /* @__PURE__ */ jsx41(Heading12, { size: "3xl", mb: "8", children: letter }),
+    /* @__PURE__ */ jsx41(SimpleGrid13, { gap: "6", children: items.map((item) => /* @__PURE__ */ jsxs34(GridItem6, { children: [
+      /* @__PURE__ */ jsxs34(Flex17, { mb: "2", gap: "1.5", alignItems: "center", children: [
+        /* @__PURE__ */ jsx41(
+          Heading12,
           {
             wordBreak: "break-word",
             size: "xl",
@@ -6090,7 +6270,7 @@ var Glossary = ({ slice }) => {
             children: item.title
           }
         ),
-        /* @__PURE__ */ jsx38(
+        /* @__PURE__ */ jsx41(
           IconButton4,
           {
             variant: "ghost",
@@ -6102,13 +6282,13 @@ var Glossary = ({ slice }) => {
               id: "sections.glossary.copyButtonLabel"
             }),
             onClick: async () => handleAnchorClick(item.slug),
-            children: copiedItem === item.slug ? /* @__PURE__ */ jsx38(CheckIcon, { size: "16", "data-testid": "check-icon" }) : /* @__PURE__ */ jsx38(LinkIcon, { size: "16" })
+            children: copiedItem === item.slug ? /* @__PURE__ */ jsx41(CheckIcon, { size: "16", "data-testid": "check-icon" }) : /* @__PURE__ */ jsx41(LinkIcon, { size: "16" })
           }
         )
       ] }),
-      /* @__PURE__ */ jsx38(Text14, { color: "black", wordBreak: "break-word", children: item.text })
+      /* @__PURE__ */ jsx41(Text16, { color: "black", wordBreak: "break-word", children: item.text })
     ] }, item.slug)) }),
-    index !== Object.keys(grouped).length - 1 && /* @__PURE__ */ jsx38(Flex15, { justifyContent: "center", mt: "10", mb: "10", children: /* @__PURE__ */ jsx38(Box30, { maxW: "xl", width: "full", children: /* @__PURE__ */ jsx38(Separator, {}) }) })
+    index !== Object.keys(grouped).length - 1 && /* @__PURE__ */ jsx41(Flex17, { justifyContent: "center", mt: "10", mb: "10", children: /* @__PURE__ */ jsx41(Box32, { maxW: "xl", width: "full", children: /* @__PURE__ */ jsx41(Separator, {}) }) })
   ] }, letter)) }) }) });
 };
 
@@ -6116,24 +6296,24 @@ var Glossary = ({ slice }) => {
 var Glossary_default = Glossary;
 
 // src/slices/ShopCheckout/ShopCheckout.tsx
-import { useContext as useContext14, useCallback as useCallback3 } from "react";
+import { useContext as useContext16, useCallback as useCallback3 } from "react";
 import {
   Badge,
   BoemlyFormControl,
-  Box as Box31,
+  Box as Box33,
   Button as Button2,
   Container as Container3,
-  DefaultSectionContainer as DefaultSectionContainer24,
+  DefaultSectionContainer as DefaultSectionContainer25,
   DefaultSectionHeader as DefaultSectionHeader18,
   Separator as Separator2,
-  Flex as Flex16,
+  Flex as Flex18,
   LabelNumberPair,
   RichText as RichText5,
-  SimpleGrid as SimpleGrid13,
+  SimpleGrid as SimpleGrid14,
   Spacer as Spacer7,
   useToken as useToken8,
-  Wrapper as Wrapper28,
-  Text as Text15
+  Wrapper as Wrapper29,
+  Text as Text17
 } from "boemly";
 import { Field, Form, Formik } from "formik";
 
@@ -6143,12 +6323,12 @@ var MAXIMUM_CONTRIBUTION_VALUE_IN_MONEY = 1e4;
 
 // src/slices/ShopCheckout/ShopCheckout.tsx
 import { useRouter as useRouter7 } from "next/router.js";
-import { Fragment as Fragment19, jsx as jsx39, jsxs as jsxs32 } from "react/jsx-runtime";
+import { Fragment as Fragment19, jsx as jsx42, jsxs as jsxs35 } from "react/jsx-runtime";
 var ShopCheckout = ({
   slice
 }) => {
   const [primary50] = useToken8("colors", ["primary.50"]);
-  const { formatMessage, formatNumber, locale } = useContext14(IntlContext);
+  const { formatMessage, formatNumber, locale } = useContext16(IntlContext);
   const { push } = useRouter7();
   const validateForm = useCallback3(
     (values) => {
@@ -6183,14 +6363,14 @@ var ShopCheckout = ({
       checkoutURL.searchParams.append("couponId", slice.couponId);
     push(checkoutURL.toString());
   };
-  return /* @__PURE__ */ jsx39(DefaultSectionContainer24, { backgroundColor: primary50, title: slice.title, children: /* @__PURE__ */ jsx39(Wrapper28, { children: /* @__PURE__ */ jsxs32(
-    Flex16,
+  return /* @__PURE__ */ jsx42(DefaultSectionContainer25, { backgroundColor: primary50, title: slice.title, children: /* @__PURE__ */ jsx42(Wrapper29, { children: /* @__PURE__ */ jsxs35(
+    Flex18,
     {
       flexDir: ["column", null, null, null, "row"],
       justifyContent: "space-between",
       alignItems: ["left", null, null, null, "center"],
       children: [
-        /* @__PURE__ */ jsx39(Box31, { marginRight: ["0", null, null, null, "36"], flexShrink: 2, children: /* @__PURE__ */ jsx39(
+        /* @__PURE__ */ jsx42(Box33, { marginRight: ["0", null, null, null, "36"], flexShrink: 2, children: /* @__PURE__ */ jsx42(
           DefaultSectionHeader18,
           {
             tagline: slice.tagline,
@@ -6198,9 +6378,9 @@ var ShopCheckout = ({
             text: slice.text
           }
         ) }),
-        /* @__PURE__ */ jsxs32(Container3, { maxWidth: "md", padding: "lg", shadow: "lg", children: [
-          slice.badge ? /* @__PURE__ */ jsxs32(Fragment19, { children: [
-            /* @__PURE__ */ jsx39(
+        /* @__PURE__ */ jsxs35(Container3, { maxWidth: "md", padding: "lg", shadow: "lg", children: [
+          slice.badge ? /* @__PURE__ */ jsxs35(Fragment19, { children: [
+            /* @__PURE__ */ jsx42(
               Badge,
               {
                 colorPalette: "green",
@@ -6209,19 +6389,19 @@ var ShopCheckout = ({
                 children: slice.badge
               }
             ),
-            /* @__PURE__ */ jsx39(Spacer7, { height: "3" })
-          ] }) : /* @__PURE__ */ jsx39(Fragment19, {}),
-          /* @__PURE__ */ jsx39(
+            /* @__PURE__ */ jsx42(Spacer7, { height: "3" })
+          ] }) : /* @__PURE__ */ jsx42(Fragment19, {}),
+          /* @__PURE__ */ jsx42(
             RichText5,
             {
               content: slice.checkoutText,
               textProps: { color: "gray.500" }
             }
           ),
-          /* @__PURE__ */ jsx39(Spacer7, { height: "6" }),
-          /* @__PURE__ */ jsx39(Separator2, {}),
-          /* @__PURE__ */ jsx39(Spacer7, { height: "6" }),
-          /* @__PURE__ */ jsx39(
+          /* @__PURE__ */ jsx42(Spacer7, { height: "6" }),
+          /* @__PURE__ */ jsx42(Separator2, {}),
+          /* @__PURE__ */ jsx42(Spacer7, { height: "6" }),
+          /* @__PURE__ */ jsx42(
             LabelNumberPair,
             {
               label: formatMessage({ id: "sections.shopCheckout.intro.price" }),
@@ -6237,10 +6417,10 @@ var ShopCheckout = ({
               })
             }
           ),
-          /* @__PURE__ */ jsx39(Spacer7, { height: "6" }),
-          /* @__PURE__ */ jsx39(Separator2, {}),
-          /* @__PURE__ */ jsx39(Spacer7, { height: "6" }),
-          /* @__PURE__ */ jsx39(
+          /* @__PURE__ */ jsx42(Spacer7, { height: "6" }),
+          /* @__PURE__ */ jsx42(Separator2, {}),
+          /* @__PURE__ */ jsx42(Spacer7, { height: "6" }),
+          /* @__PURE__ */ jsx42(
             Formik,
             {
               initialValues: {
@@ -6255,8 +6435,8 @@ var ShopCheckout = ({
                 values
               }) => {
                 const summaryPrice = Math.floor(values.contributionValue / slice.pricePerKg) * slice.pricePerKg;
-                return /* @__PURE__ */ jsxs32(Form, { onSubmit: handleSubmit, children: [
-                  /* @__PURE__ */ jsx39(Box31, { width: "full", children: /* @__PURE__ */ jsx39(Field, { name: "contributionValue", children: ({ field }) => /* @__PURE__ */ jsx39(
+                return /* @__PURE__ */ jsxs35(Form, { onSubmit: handleSubmit, children: [
+                  /* @__PURE__ */ jsx42(Box33, { width: "full", children: /* @__PURE__ */ jsx42(Field, { name: "contributionValue", children: ({ field }) => /* @__PURE__ */ jsx42(
                     BoemlyFormControl,
                     {
                       id: "contributionValue",
@@ -6266,7 +6446,7 @@ var ShopCheckout = ({
                         id: `sections.shopCheckout.contributionValue.label.${slice.currency}`
                       }),
                       rightAddons: [
-                        /* @__PURE__ */ jsx39(Text15, { children: formatMessage({
+                        /* @__PURE__ */ jsx42(Text17, { children: formatMessage({
                           id: `sections.shopCheckout.contributionValue.unit.${slice.currency}`
                         }) }, "1")
                       ],
@@ -6274,9 +6454,9 @@ var ShopCheckout = ({
                       errorMessage: errors.contributionValue
                     }
                   ) }) }),
-                  /* @__PURE__ */ jsx39(Spacer7, { height: "6" }),
-                  /* @__PURE__ */ jsxs32(SimpleGrid13, { columns: 2, gap: "4", children: [
-                    /* @__PURE__ */ jsx39(
+                  /* @__PURE__ */ jsx42(Spacer7, { height: "6" }),
+                  /* @__PURE__ */ jsxs35(SimpleGrid14, { columns: 2, gap: "4", children: [
+                    /* @__PURE__ */ jsx42(
                       LabelNumberPair,
                       {
                         label: formatMessage({
@@ -6294,7 +6474,7 @@ var ShopCheckout = ({
                         )} CO\u2082`
                       }
                     ),
-                    /* @__PURE__ */ jsx39(
+                    /* @__PURE__ */ jsx42(
                       LabelNumberPair,
                       {
                         label: formatMessage({
@@ -6325,8 +6505,8 @@ var ShopCheckout = ({
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ jsx39(Spacer7, { height: "6" }),
-                  /* @__PURE__ */ jsx39(Button2, { type: "submit", width: "full", children: formatMessage({ id: "sections.shopCheckout.submit" }) })
+                  /* @__PURE__ */ jsx42(Spacer7, { height: "6" }),
+                  /* @__PURE__ */ jsx42(Button2, { type: "submit", width: "full", children: formatMessage({ id: "sections.shopCheckout.submit" }) })
                 ] });
               }
             }
@@ -6342,14 +6522,14 @@ var ShopCheckout_default = ShopCheckout;
 
 // src/slices/Facts/Facts.tsx
 import {
-  DefaultSectionContainer as DefaultSectionContainer25,
+  DefaultSectionContainer as DefaultSectionContainer26,
   DefaultSectionHeader as DefaultSectionHeader19,
-  Flex as Flex17,
-  Heading as Heading12,
+  Flex as Flex19,
+  Heading as Heading13,
   Spacer as Spacer8,
-  Text as Text16
+  Text as Text18
 } from "boemly";
-import { Fragment as Fragment20, jsx as jsx40, jsxs as jsxs33 } from "react/jsx-runtime";
+import { Fragment as Fragment20, jsx as jsx43, jsxs as jsxs36 } from "react/jsx-runtime";
 var VARIANTS3 = {
   gray: {
     backgroundColor: "primary.50",
@@ -6372,12 +6552,12 @@ var VARIANTS3 = {
     tagLineColor: "primary.500",
     titleColor: "black",
     subTitleColor: "black",
-    factKeyColor: "gray.700",
-    factValueColor: "gray.700"
+    factKeyColor: "black",
+    factValueColor: "black"
   }
 };
-var Facts = ({ slice }) => /* @__PURE__ */ jsx40(
-  DefaultSectionContainer25,
+var Facts = ({ slice }) => /* @__PURE__ */ jsx43(
+  DefaultSectionContainer26,
   {
     backgroundColor: VARIANTS3[slice.variant].backgroundColor,
     flexDir: "column",
@@ -6385,9 +6565,10 @@ var Facts = ({ slice }) => /* @__PURE__ */ jsx40(
     justifyContent: "space-between",
     paddingX: ["6", null, "8"],
     title: slice.title,
-    children: /* @__PURE__ */ jsxs33(Fragment20, { children: [
-      slice.title && /* @__PURE__ */ jsxs33(Fragment20, { children: [
-        /* @__PURE__ */ jsx40(
+    paddingY: "12",
+    children: /* @__PURE__ */ jsxs36(Fragment20, { children: [
+      slice.title && /* @__PURE__ */ jsxs36(Fragment20, { children: [
+        /* @__PURE__ */ jsx43(
           DefaultSectionHeader19,
           {
             tagline: slice.tagline,
@@ -6411,25 +6592,25 @@ var Facts = ({ slice }) => /* @__PURE__ */ jsx40(
             }
           }
         ),
-        /* @__PURE__ */ jsx40(Spacer8, { height: ["0", null, "12"] })
+        /* @__PURE__ */ jsx43(Spacer8, { height: ["0", null, "12"] })
       ] }),
-      /* @__PURE__ */ jsx40(
-        Flex17,
+      /* @__PURE__ */ jsx43(
+        Flex19,
         {
           justifyContent: slice.facts.length < 3 ? "center" : "flex-start",
           alignItems: "center",
           flexWrap: "wrap",
           mx: [null, null, null, "22", "28"],
           flexDir: ["column", null, null, "row"],
-          children: slice.facts.map((fact) => /* @__PURE__ */ jsxs33(
-            Flex17,
+          children: slice.facts.map((fact) => /* @__PURE__ */ jsxs36(
+            Flex19,
             {
               flexDir: "column",
               width: ["100%", null, null, "calc(100% / 3)"],
               mt: ["8", "8", "8", slice.facts.length > 3 ? "16" : "0"],
               children: [
-                /* @__PURE__ */ jsx40(
-                  Heading12,
+                /* @__PURE__ */ jsx43(
+                  Heading13,
                   {
                     fontSize: "6xl",
                     fontFamily: "display",
@@ -6441,8 +6622,8 @@ var Facts = ({ slice }) => /* @__PURE__ */ jsx40(
                     children: fact.value
                   }
                 ),
-                /* @__PURE__ */ jsx40(
-                  Text16,
+                /* @__PURE__ */ jsx43(
+                  Text18,
                   {
                     size: "mdLowNormal",
                     color: VARIANTS3[slice.variant].factKeyColor,
@@ -6455,9 +6636,9 @@ var Facts = ({ slice }) => /* @__PURE__ */ jsx40(
           ))
         }
       ),
-      slice.button && /* @__PURE__ */ jsxs33(Fragment20, { children: [
-        /* @__PURE__ */ jsx40(Spacer8, { height: ["0", null, "20"] }),
-        /* @__PURE__ */ jsx40(
+      slice.button && /* @__PURE__ */ jsxs36(Fragment20, { children: [
+        /* @__PURE__ */ jsx43(Spacer8, { height: ["0", null, "20"] }),
+        /* @__PURE__ */ jsx43(
           StrapiLinkButton_default,
           {
             link: slice.button,
@@ -6475,25 +6656,25 @@ var Facts = ({ slice }) => /* @__PURE__ */ jsx40(
 var Facts_default = Facts;
 
 // src/slices/BlogCards/BlogCards.tsx
-import { useContext as useContext15, useMemo as useMemo4 } from "react";
+import { useContext as useContext17, useMemo as useMemo4 } from "react";
 import {
-  Text as Text17,
-  Heading as Heading13,
+  Text as Text19,
+  Heading as Heading14,
   Spacer as Spacer9,
   DatePersonPair as DatePersonPair2,
   DefaultSectionHeader as DefaultSectionHeader20,
-  DefaultSectionContainer as DefaultSectionContainer26,
-  Wrapper as Wrapper29,
-  SimpleGrid as SimpleGrid14,
-  Box as Box32,
-  Flex as Flex18,
+  DefaultSectionContainer as DefaultSectionContainer27,
+  Wrapper as Wrapper30,
+  SimpleGrid as SimpleGrid15,
+  Box as Box34,
+  Flex as Flex20,
   useMediaQuery as useMediaQuery6,
   useToken as useToken9
 } from "boemly";
-import Image24 from "next/image.js";
-import Link6 from "next/link.js";
+import Image25 from "next/image.js";
+import Link7 from "next/link.js";
 import { CaretRightIcon as CaretRightIcon6 } from "@phosphor-icons/react";
-import { Fragment as Fragment21, jsx as jsx41, jsxs as jsxs34 } from "react/jsx-runtime";
+import { Fragment as Fragment21, jsx as jsx44, jsxs as jsxs37 } from "react/jsx-runtime";
 var VARIANTS4 = {
   white: {
     backgroundColor: "white"
@@ -6507,7 +6688,7 @@ var BlogCards = ({
   slice,
   blogPosts
 }) => {
-  const { formatDate } = useContext15(IntlContext);
+  const { formatDate } = useContext17(IntlContext);
   const [mobile] = useMediaQuery6([BREAKPOINT_LG_QUERY]);
   const [gray700] = useToken9("colors", ["gray.700"]);
   const sortedBlogPosts = useMemo4(
@@ -6520,13 +6701,13 @@ var BlogCards = ({
     ).slice(0, 3) : sortedBlogPosts.slice(0, 3),
     [sortedBlogPosts, slice]
   );
-  return /* @__PURE__ */ jsx41(
-    DefaultSectionContainer26,
+  return /* @__PURE__ */ jsx44(
+    DefaultSectionContainer27,
     {
       backgroundColor: VARIANTS4[slice.variant].backgroundColor,
       title: slice.title,
-      children: /* @__PURE__ */ jsxs34(Wrapper29, { children: [
-        mobile || !slice.button ? /* @__PURE__ */ jsx41(
+      children: /* @__PURE__ */ jsxs37(Wrapper30, { children: [
+        mobile || !slice.button ? /* @__PURE__ */ jsx44(
           DefaultSectionHeader20,
           {
             tagline: slice.tagline,
@@ -6535,8 +6716,8 @@ var BlogCards = ({
             titleProps: { maxW: "2xl" },
             textProps: { maxW: "2xl" }
           }
-        ) : /* @__PURE__ */ jsxs34(Flex18, { justifyContent: "space-between", alignItems: "center", gap: "60", children: [
-          /* @__PURE__ */ jsx41(Box32, { children: /* @__PURE__ */ jsx41(
+        ) : /* @__PURE__ */ jsxs37(Flex20, { justifyContent: "space-between", alignItems: "center", gap: "60", children: [
+          /* @__PURE__ */ jsx44(Box34, { children: /* @__PURE__ */ jsx44(
             DefaultSectionHeader20,
             {
               tagline: slice.tagline,
@@ -6544,34 +6725,34 @@ var BlogCards = ({
               text: slice.subTitle
             }
           ) }),
-          /* @__PURE__ */ jsx41(Box32, { minWidth: "40", children: /* @__PURE__ */ jsx41(
+          /* @__PURE__ */ jsx44(Box34, { minWidth: "40", children: /* @__PURE__ */ jsx44(
             StrapiLinkButton_default,
             {
               link: slice.button,
               size: "lg",
               variant: "outline",
-              rightIcon: /* @__PURE__ */ jsx41(CaretRightIcon6, { color: gray700 }),
+              rightIcon: /* @__PURE__ */ jsx44(CaretRightIcon6, { color: gray700 }),
               component: "BlogCards"
             }
           ) })
         ] }),
-        /* @__PURE__ */ jsx41(Spacer9, { height: "14" }),
-        /* @__PURE__ */ jsx41(
-          SimpleGrid14,
+        /* @__PURE__ */ jsx44(Spacer9, { height: "14" }),
+        /* @__PURE__ */ jsx44(
+          SimpleGrid15,
           {
             columns: [1, null, null, 3],
             columnGap: 4,
             rowGap: 24,
             flexShrink: "0",
-            children: blogPostsToDisplay.map((blogPost) => /* @__PURE__ */ jsxs34(
+            children: blogPostsToDisplay.map((blogPost) => /* @__PURE__ */ jsxs37(
               BlogItemContainer,
               {
-                as: Link6,
+                as: Link7,
                 href: `/blog/${blogPost.attributes.slug}`,
                 "data-testid": "blog-item",
                 children: [
-                  /* @__PURE__ */ jsx41(ImageContainer, { children: /* @__PURE__ */ jsx41(
-                    Image24,
+                  /* @__PURE__ */ jsx44(ImageContainer, { children: /* @__PURE__ */ jsx44(
+                    Image25,
                     {
                       src: strapiMediaUrl_default(blogPost.attributes.img.img, "medium"),
                       alt: blogPost.attributes.img.alt,
@@ -6581,19 +6762,19 @@ var BlogCards = ({
                       }
                     }
                   ) }),
-                  /* @__PURE__ */ jsxs34(Box32, { px: "2", py: "8", children: [
-                    blogPost.attributes.category && /* @__PURE__ */ jsx41(Text17, { size: "smMonoUppercase", color: "primary.800", mb: "2", children: blogPost.attributes.category.data?.attributes.name }),
-                    /* @__PURE__ */ jsx41(Heading13, { size: "lg", children: blogPost.attributes.title }),
-                    blogPost.attributes.teaser && /* @__PURE__ */ jsx41(Text17, { size: "mdRegularNormal", mt: "2", children: blogPost.attributes.teaser }),
-                    /* @__PURE__ */ jsx41(Spacer9, { height: "4" }),
-                    /* @__PURE__ */ jsx41(
+                  /* @__PURE__ */ jsxs37(Box34, { px: "2", py: "8", children: [
+                    blogPost.attributes.category && /* @__PURE__ */ jsx44(Text19, { size: "smMonoUppercase", color: "primary.800", mb: "2", children: blogPost.attributes.category.data?.attributes.name }),
+                    /* @__PURE__ */ jsx44(Heading14, { size: "lg", children: blogPost.attributes.title }),
+                    blogPost.attributes.teaser && /* @__PURE__ */ jsx44(Text19, { size: "mdRegularNormal", mt: "2", children: blogPost.attributes.teaser }),
+                    /* @__PURE__ */ jsx44(Spacer9, { height: "4" }),
+                    /* @__PURE__ */ jsx44(
                       DatePersonPair2,
                       {
                         date: formatDate(blogPost.attributes.createdAt),
                         person: blogPost.attributes.author.data ? {
                           name: blogPost.attributes.author.data.attributes.name,
-                          image: /* @__PURE__ */ jsx41(
-                            Image24,
+                          image: /* @__PURE__ */ jsx44(
+                            Image25,
                             {
                               src: strapiMediaUrl_default(
                                 blogPost.attributes.author.data.attributes.img.img,
@@ -6616,13 +6797,13 @@ var BlogCards = ({
             ))
           }
         ),
-        /* @__PURE__ */ jsx41(Fragment21, { children: mobile && slice.button && /* @__PURE__ */ jsx41(Fragment21, { children: /* @__PURE__ */ jsx41(Box32, { minWidth: "40", mt: "6", children: /* @__PURE__ */ jsx41(
+        /* @__PURE__ */ jsx44(Fragment21, { children: mobile && slice.button && /* @__PURE__ */ jsx44(Fragment21, { children: /* @__PURE__ */ jsx44(Box34, { minWidth: "40", mt: "6", children: /* @__PURE__ */ jsx44(
           StrapiLinkButton_default,
           {
             link: slice.button,
             size: "lg",
             variant: "outline",
-            rightIcon: /* @__PURE__ */ jsx41(CaretRightIcon6, { color: gray700 }),
+            rightIcon: /* @__PURE__ */ jsx44(CaretRightIcon6, { color: gray700 }),
             component: "BlogCards"
           }
         ) }) }) })
@@ -6636,18 +6817,18 @@ var BlogCards_default = BlogCards;
 
 // src/slices/ProjectFacts/ProjectFacts.tsx
 import { useEffect as useEffect5, useState as useState8 } from "react";
-import { DefaultSectionContainer as DefaultSectionContainer27, Flex as Flex23, Wrapper as Wrapper30 } from "boemly";
+import { DefaultSectionContainer as DefaultSectionContainer28, Flex as Flex25, Wrapper as Wrapper31 } from "boemly";
 
 // src/components/portfolio/SmallCheckout/SmallCheckout.tsx
-import { useCallback as useCallback4, useContext as useContext16 } from "react";
+import { useCallback as useCallback4, useContext as useContext18 } from "react";
 import {
   BoemlyFormControl as BoemlyFormControl2,
-  Box as Box33,
+  Box as Box35,
   Button as Button3,
   Separator as Separator3,
-  Flex as Flex19,
+  Flex as Flex21,
   Spacer as Spacer10,
-  Text as Text18
+  Text as Text20
 } from "boemly";
 import {
   Field as Field2,
@@ -6655,8 +6836,8 @@ import {
   Formik as Formik2
 } from "formik";
 import { useRouter as useRouter8 } from "next/router.js";
-import Image25 from "next/image.js";
-import { jsx as jsx42, jsxs as jsxs35 } from "react/jsx-runtime";
+import Image26 from "next/image.js";
+import { jsx as jsx45, jsxs as jsxs38 } from "react/jsx-runtime";
 var calculateTaxIncludedValue = (values, taxInPercent) => {
   const value = parseInt(values.contributionValueCurrency);
   if (isNaN(value)) return 0;
@@ -6673,7 +6854,7 @@ var SmallCheckout = ({
   subtitle,
   button
 }) => {
-  const { formatNumber, formatMessage, locale } = useContext16(IntlContext);
+  const { formatNumber, formatMessage, locale } = useContext18(IntlContext);
   const { push } = useRouter8();
   const validateForm = useCallback4(
     (values) => {
@@ -6707,8 +6888,8 @@ var SmallCheckout = ({
     checkoutURL.searchParams.append("cancelPath", currentURL.pathname);
     push(checkoutURL.toString());
   };
-  return /* @__PURE__ */ jsxs35(
-    Flex19,
+  return /* @__PURE__ */ jsxs38(
+    Flex21,
     {
       width: "full",
       height: "full",
@@ -6717,22 +6898,22 @@ var SmallCheckout = ({
       padding: "6",
       direction: "column",
       children: [
-        /* @__PURE__ */ jsxs35(Flex19, { gap: "2", alignItems: "end", mb: "6", children: [
-          /* @__PURE__ */ jsx42(Text18, { color: "black", lineHeight: "0", children: formatMessage(
+        /* @__PURE__ */ jsxs38(Flex21, { gap: "2", alignItems: "end", mb: "6", children: [
+          /* @__PURE__ */ jsx45(Text20, { color: "black", lineHeight: "0", children: formatMessage(
             { id: "unit.formatter.tonsCo2" },
             {
-              number: /* @__PURE__ */ jsx42(Text18, { as: "span", size: "lgLowBold", color: "black", children: formatNumber(pricePerKg * 1e3, {
+              number: /* @__PURE__ */ jsx45(Text20, { as: "span", size: "lgLowBold", color: "black", children: formatNumber(pricePerKg * 1e3, {
                 style: "currency",
                 currency,
                 maximumFractionDigits: 0
               }) })
             }
           ) }),
-          /* @__PURE__ */ jsx42(Text18, { size: "smLowNormal", children: formatMessage({
+          /* @__PURE__ */ jsx45(Text20, { size: "smLowNormal", children: formatMessage({
             id: "portfolio.smallCheckout.price.taxNotIncluded"
           }) })
         ] }),
-        /* @__PURE__ */ jsx42(
+        /* @__PURE__ */ jsx45(
           Formik2,
           {
             initialValues: {
@@ -6747,9 +6928,9 @@ var SmallCheckout = ({
               handleSubmit,
               setValues,
               values
-            }) => /* @__PURE__ */ jsxs35(Form2, { onSubmit: handleSubmit, children: [
-              /* @__PURE__ */ jsxs35(Flex19, { gap: "4", children: [
-                /* @__PURE__ */ jsx42(Box33, { width: "full", children: /* @__PURE__ */ jsx42(Field2, { name: "contributionValueCurrency", children: ({ field }) => /* @__PURE__ */ jsx42(
+            }) => /* @__PURE__ */ jsxs38(Form2, { onSubmit: handleSubmit, children: [
+              /* @__PURE__ */ jsxs38(Flex21, { gap: "4", children: [
+                /* @__PURE__ */ jsx45(Box35, { width: "full", children: /* @__PURE__ */ jsx45(Field2, { name: "contributionValueCurrency", children: ({ field }) => /* @__PURE__ */ jsx45(
                   BoemlyFormControl2,
                   {
                     id: "contributionValueCurrency",
@@ -6769,7 +6950,7 @@ var SmallCheckout = ({
                       id: `portfolio.smallCheckout.contributionValueCurrency.label.${currency}`
                     }),
                     rightAddons: [
-                      /* @__PURE__ */ jsx42(Text18, { children: formatMessage({
+                      /* @__PURE__ */ jsx45(Text20, { children: formatMessage({
                         id: `portfolio.smallCheckout.contributionValueCurrency.unit.${currency}`
                       }) }, "currencyUnit")
                     ],
@@ -6777,7 +6958,7 @@ var SmallCheckout = ({
                     errorMessage: errors.contributionValueCurrency
                   }
                 ) }) }),
-                /* @__PURE__ */ jsx42(Box33, { width: "full", children: /* @__PURE__ */ jsx42(Field2, { name: "contributionValueTons", children: ({ field }) => /* @__PURE__ */ jsx42(
+                /* @__PURE__ */ jsx45(Box35, { width: "full", children: /* @__PURE__ */ jsx45(Field2, { name: "contributionValueTons", children: ({ field }) => /* @__PURE__ */ jsx45(
                   BoemlyFormControl2,
                   {
                     id: "contributionValueTons",
@@ -6796,13 +6977,13 @@ var SmallCheckout = ({
                     label: formatMessage({
                       id: "portfolio.smallCheckout.contributionValueTons.label"
                     }),
-                    rightAddons: [/* @__PURE__ */ jsx42(Text18, { children: "tCO\u2082" }, "tCO\u2082")],
+                    rightAddons: [/* @__PURE__ */ jsx45(Text20, { children: "tCO\u2082" }, "tCO\u2082")],
                     isInvalid: !!errors.contributionValueTons && touched.contributionValueTons,
                     errorMessage: errors.contributionValueTons
                   }
                 ) }) })
               ] }),
-              values.contributionValueCurrency && taxInPercent && taxInPercent > 0 && /* @__PURE__ */ jsx42(Text18, { size: "smLowNormal", mt: "2", children: formatMessage(
+              values.contributionValueCurrency && taxInPercent && taxInPercent > 0 && /* @__PURE__ */ jsx45(Text20, { size: "smLowNormal", mt: "2", children: formatMessage(
                 { id: "portfolio.smallCheckout.price.taxIncluded" },
                 {
                   number: formatNumber(
@@ -6815,13 +6996,13 @@ var SmallCheckout = ({
                   )
                 }
               ) }),
-              /* @__PURE__ */ jsx42(Spacer10, { height: "4" }),
-              /* @__PURE__ */ jsx42(Button3, { type: "submit", width: "full", children: formatMessage({ id: "portfolio.smallCheckout.submitButton" }) })
+              /* @__PURE__ */ jsx45(Spacer10, { height: "4" }),
+              /* @__PURE__ */ jsx45(Button3, { type: "submit", width: "full", children: formatMessage({ id: "portfolio.smallCheckout.submitButton" }) })
             ] })
           }
         ),
-        /* @__PURE__ */ jsxs35(
-          Flex19,
+        /* @__PURE__ */ jsxs38(
+          Flex21,
           {
             width: "full",
             justifyContent: "center",
@@ -6829,8 +7010,8 @@ var SmallCheckout = ({
             mt: "6",
             gap: "2",
             children: [
-              /* @__PURE__ */ jsx42(
-                Image25,
+              /* @__PURE__ */ jsx45(
+                Image26,
                 {
                   src: `${CDN_URI}/assets/v3/strapi-slices/globe-love-icon.svg`,
                   alt: "Icon",
@@ -6838,15 +7019,15 @@ var SmallCheckout = ({
                   height: 20
                 }
               ),
-              /* @__PURE__ */ jsx42(Text18, { size: "smLowNormal", children: checkoutText })
+              /* @__PURE__ */ jsx45(Text20, { size: "smLowNormal", children: checkoutText })
             ]
           }
         ),
-        /* @__PURE__ */ jsx42(Separator3, { my: "6" }),
-        /* @__PURE__ */ jsxs35(Flex19, { width: "full", alignItems: "center", direction: "column", children: [
-          title && /* @__PURE__ */ jsx42(Text18, { size: "smLowBold", textAlign: "center", color: "black", mb: "2", children: title }),
-          subtitle && /* @__PURE__ */ jsx42(Text18, { size: "smRegularNormal", textAlign: "center", mb: "3", children: subtitle }),
-          button && /* @__PURE__ */ jsx42(
+        /* @__PURE__ */ jsx45(Separator3, { my: "6" }),
+        /* @__PURE__ */ jsxs38(Flex21, { width: "full", alignItems: "center", direction: "column", children: [
+          title && /* @__PURE__ */ jsx45(Text20, { size: "smLowBold", textAlign: "center", color: "black", mb: "2", children: title }),
+          subtitle && /* @__PURE__ */ jsx45(Text20, { size: "smRegularNormal", textAlign: "center", mb: "3", children: subtitle }),
+          button && /* @__PURE__ */ jsx45(
             StrapiLinkButton_default,
             {
               link: {
@@ -6868,19 +7049,19 @@ var SmallCheckout_default = SmallCheckout;
 var SmallCheckout_default2 = SmallCheckout_default;
 
 // src/components/portfolio/ProjectInfo/ProjectInfo.tsx
-import { useContext as useContext17 } from "react";
+import { useContext as useContext19 } from "react";
 import {
-  Box as Box34,
+  Box as Box36,
   Container as Container4,
   Separator as Separator4,
-  Flex as Flex20,
-  Heading as Heading14,
+  Flex as Flex22,
+  Heading as Heading15,
   LabelTextPair,
-  SimpleGrid as SimpleGrid15,
+  SimpleGrid as SimpleGrid16,
   Spacer as Spacer11,
   Tooltip
 } from "boemly";
-import Image26 from "next/image.js";
+import Image27 from "next/image.js";
 
 // src/utils/convertAreaM2ToHa.ts
 var convertAreaM2ToHa = (areaInM2) => parseInt(areaInM2, 10) / 1e4;
@@ -6905,24 +7086,24 @@ var getTimeSpanInYears = (start, end) => {
 var getTimeSpanInYears_default = getTimeSpanInYears;
 
 // src/components/portfolio/ProjectInfo/ProjectInfo.tsx
-import { Fragment as Fragment22, jsx as jsx43, jsxs as jsxs36 } from "react/jsx-runtime";
+import { Fragment as Fragment22, jsx as jsx46, jsxs as jsxs39 } from "react/jsx-runtime";
 var ProjectInfo = ({
   project,
   subtitles
 }) => {
-  const { formatMessage, formatNumber, formatDate } = useContext17(IntlContext);
-  return /* @__PURE__ */ jsxs36(Container4, { p: "2", width: "full", children: [
-    /* @__PURE__ */ jsx43(Heading14, { size: "xl", textAlign: "left", children: formatMessage({ id: "features.projectInfo.projectInfo.value" }) }),
-    /* @__PURE__ */ jsx43(Spacer11, { height: "8" }),
-    /* @__PURE__ */ jsxs36(
-      SimpleGrid15,
+  const { formatMessage, formatNumber, formatDate } = useContext19(IntlContext);
+  return /* @__PURE__ */ jsxs39(Container4, { p: "2", width: "full", children: [
+    /* @__PURE__ */ jsx46(Heading15, { size: "xl", textAlign: "left", children: formatMessage({ id: "features.projectInfo.projectInfo.value" }) }),
+    /* @__PURE__ */ jsx46(Spacer11, { height: "8" }),
+    /* @__PURE__ */ jsxs39(
+      SimpleGrid16,
       {
         columns: [1, null, null, 2],
         gap: "8",
         columnGap: "10",
         rowGap: "8",
         children: [
-          project.area && /* @__PURE__ */ jsx43(Box34, { children: /* @__PURE__ */ jsx43(
+          project.area && /* @__PURE__ */ jsx46(Box36, { children: /* @__PURE__ */ jsx46(
             LabelTextPair,
             {
               label: formatMessage({
@@ -6935,7 +7116,7 @@ var ProjectInfo = ({
               caption: subtitles.areaSubtitle
             }
           ) }),
-          project.location && /* @__PURE__ */ jsx43(Box34, { children: /* @__PURE__ */ jsx43(
+          project.location && /* @__PURE__ */ jsx46(Box36, { children: /* @__PURE__ */ jsx46(
             LabelTextPair,
             {
               label: formatMessage({
@@ -6945,7 +7126,7 @@ var ProjectInfo = ({
               caption: subtitles.locationSubtitle
             }
           ) }),
-          project.start && /* @__PURE__ */ jsx43(Box34, { children: /* @__PURE__ */ jsx43(
+          project.start && /* @__PURE__ */ jsx46(Box36, { children: /* @__PURE__ */ jsx46(
             LabelTextPair,
             {
               label: formatMessage({
@@ -6958,7 +7139,7 @@ var ProjectInfo = ({
               caption: subtitles.startSubtitle
             }
           ) }),
-          project.start && project.end && /* @__PURE__ */ jsx43(Box34, { children: /* @__PURE__ */ jsx43(
+          project.start && project.end && /* @__PURE__ */ jsx46(Box36, { children: /* @__PURE__ */ jsx46(
             LabelTextPair,
             {
               label: formatMessage({
@@ -6981,13 +7162,13 @@ var ProjectInfo = ({
         ]
       }
     ),
-    project.projectType || project.projectDeveloper || project.verificationStandard ? /* @__PURE__ */ jsxs36(Fragment22, { children: [
-      /* @__PURE__ */ jsx43(Spacer11, { height: "6" }),
-      /* @__PURE__ */ jsx43(Separator4, {}),
-      /* @__PURE__ */ jsx43(Spacer11, { height: "6" })
-    ] }) : /* @__PURE__ */ jsx43(Fragment22, {}),
-    /* @__PURE__ */ jsxs36(SimpleGrid15, { columns: [1, null, null, 2], columnGap: "10", rowGap: "8", children: [
-      project.projectType && /* @__PURE__ */ jsx43(Box34, { children: /* @__PURE__ */ jsx43(
+    project.projectType || project.projectDeveloper || project.verificationStandard ? /* @__PURE__ */ jsxs39(Fragment22, { children: [
+      /* @__PURE__ */ jsx46(Spacer11, { height: "6" }),
+      /* @__PURE__ */ jsx46(Separator4, {}),
+      /* @__PURE__ */ jsx46(Spacer11, { height: "6" })
+    ] }) : /* @__PURE__ */ jsx46(Fragment22, {}),
+    /* @__PURE__ */ jsxs39(SimpleGrid16, { columns: [1, null, null, 2], columnGap: "10", rowGap: "8", children: [
+      project.projectType && /* @__PURE__ */ jsx46(Box36, { children: /* @__PURE__ */ jsx46(
         LabelTextPair,
         {
           label: formatMessage({
@@ -6997,7 +7178,7 @@ var ProjectInfo = ({
           caption: subtitles.projectTypeSubtitle
         }
       ) }),
-      project.projectDeveloper && /* @__PURE__ */ jsx43(Box34, { children: /* @__PURE__ */ jsx43(
+      project.projectDeveloper && /* @__PURE__ */ jsx46(Box36, { children: /* @__PURE__ */ jsx46(
         LabelTextPair,
         {
           label: formatMessage({
@@ -7008,10 +7189,10 @@ var ProjectInfo = ({
         }
       ) })
     ] }),
-    project.verificationStandard ? /* @__PURE__ */ jsxs36(Fragment22, { children: [
-      project.projectType || project.projectDeveloper ? /* @__PURE__ */ jsx43(Spacer11, { height: "6" }) : /* @__PURE__ */ jsx43(Fragment22, {}),
-      /* @__PURE__ */ jsxs36(Flex20, { justifyContent: "space-between", alignItems: "center", children: [
-        /* @__PURE__ */ jsx43(Box34, { children: /* @__PURE__ */ jsx43(
+    project.verificationStandard ? /* @__PURE__ */ jsxs39(Fragment22, { children: [
+      project.projectType || project.projectDeveloper ? /* @__PURE__ */ jsx46(Spacer11, { height: "6" }) : /* @__PURE__ */ jsx46(Fragment22, {}),
+      /* @__PURE__ */ jsxs39(Flex22, { justifyContent: "space-between", alignItems: "center", children: [
+        /* @__PURE__ */ jsx46(Box36, { children: /* @__PURE__ */ jsx46(
           LabelTextPair,
           {
             label: formatMessage({
@@ -7024,8 +7205,8 @@ var ProjectInfo = ({
             caption: subtitles.verificationStandardSubtitle
           }
         ) }),
-        project.defaultIssuer && /* @__PURE__ */ jsx43(Box34, { position: "relative", width: "14", height: "8", children: /* @__PURE__ */ jsx43(
-          Image26,
+        project.defaultIssuer && /* @__PURE__ */ jsx46(Box36, { position: "relative", width: "14", height: "8", children: /* @__PURE__ */ jsx46(
+          Image27,
           {
             src: project.defaultIssuer.logoUrl,
             alt: `${project.defaultIssuer.name} logo`,
@@ -7034,20 +7215,20 @@ var ProjectInfo = ({
           }
         ) })
       ] })
-    ] }) : /* @__PURE__ */ jsx43(Fragment22, {}),
-    project.averageSellableAmountPerYear && project.averageSellableAmountPerYear > 0 || project.riskBuffer ? /* @__PURE__ */ jsxs36(Fragment22, { children: [
-      /* @__PURE__ */ jsx43(Spacer11, { height: "8" }),
-      /* @__PURE__ */ jsx43(Separator4, {}),
-      /* @__PURE__ */ jsx43(Spacer11, { height: "8" })
-    ] }) : /* @__PURE__ */ jsx43(Fragment22, {}),
-    /* @__PURE__ */ jsxs36(SimpleGrid15, { columns: [1, null, null, 2], columnGap: "10", rowGap: "8", children: [
-      project.averageSellableAmountPerYear > 0 ? /* @__PURE__ */ jsx43(
+    ] }) : /* @__PURE__ */ jsx46(Fragment22, {}),
+    project.averageSellableAmountPerYear && project.averageSellableAmountPerYear > 0 || project.riskBuffer ? /* @__PURE__ */ jsxs39(Fragment22, { children: [
+      /* @__PURE__ */ jsx46(Spacer11, { height: "8" }),
+      /* @__PURE__ */ jsx46(Separator4, {}),
+      /* @__PURE__ */ jsx46(Spacer11, { height: "8" })
+    ] }) : /* @__PURE__ */ jsx46(Fragment22, {}),
+    /* @__PURE__ */ jsxs39(SimpleGrid16, { columns: [1, null, null, 2], columnGap: "10", rowGap: "8", children: [
+      project.averageSellableAmountPerYear > 0 ? /* @__PURE__ */ jsx46(
         Tooltip,
         {
           content: formatMessage({
             id: "features.projectInfo.properties.projectVolume.toolTip"
           }),
-          children: /* @__PURE__ */ jsx43(Box34, { children: /* @__PURE__ */ jsx43(
+          children: /* @__PURE__ */ jsx46(Box36, { children: /* @__PURE__ */ jsx46(
             LabelTextPair,
             {
               label: formatMessage({
@@ -7070,8 +7251,8 @@ var ProjectInfo = ({
             }
           ) })
         }
-      ) : /* @__PURE__ */ jsx43(Box34, { children: /* @__PURE__ */ jsx43(CreditsAvailableBadge_default2, { status: project.creditAvailability }) }),
-      project.riskBuffer && /* @__PURE__ */ jsx43(Box34, { children: /* @__PURE__ */ jsx43(
+      ) : /* @__PURE__ */ jsx46(Box36, { children: /* @__PURE__ */ jsx46(CreditsAvailableBadge_default2, { status: project.creditAvailability }) }),
+      project.riskBuffer && /* @__PURE__ */ jsx46(Box36, { children: /* @__PURE__ */ jsx46(
         LabelTextPair,
         {
           label: formatMessage({
@@ -7085,7 +7266,7 @@ var ProjectInfo = ({
         }
       ) })
     ] }),
-    project.averageSellableAmountPerYear > 0 ? /* @__PURE__ */ jsx43(Box34, { mt: "2", children: /* @__PURE__ */ jsx43(CreditsAvailableBadge_default2, { status: project.creditAvailability }) }) : /* @__PURE__ */ jsx43(Fragment22, {})
+    project.averageSellableAmountPerYear > 0 ? /* @__PURE__ */ jsx46(Box36, { mt: "2", children: /* @__PURE__ */ jsx46(CreditsAvailableBadge_default2, { status: project.creditAvailability }) }) : /* @__PURE__ */ jsx46(Fragment22, {})
   ] });
 };
 
@@ -7093,36 +7274,36 @@ var ProjectInfo = ({
 var ProjectInfo_default = ProjectInfo;
 
 // src/components/portfolio/DocumentsDownloadList/DocumentsDownloadList.tsx
-import { useContext as useContext18 } from "react";
+import { useContext as useContext20 } from "react";
 import {
   Center as Center3,
   Container as Container5,
-  Flex as Flex21,
-  Heading as Heading15,
+  Flex as Flex23,
+  Heading as Heading16,
   IconButton as IconButton5,
   Spacer as Spacer12,
-  Text as Text19
+  Text as Text21
 } from "boemly";
 import { DownloadSimpleIcon, FilePdfIcon } from "@phosphor-icons/react";
-import Link7 from "next/link.js";
-import { jsx as jsx44, jsxs as jsxs37 } from "react/jsx-runtime";
+import Link8 from "next/link.js";
+import { jsx as jsx47, jsxs as jsxs40 } from "react/jsx-runtime";
 var DocumentsDownloadList = ({
   documentUrls
 }) => {
-  const { formatMessage } = useContext18(IntlContext);
-  return /* @__PURE__ */ jsxs37(Container5, { p: "2", children: [
-    /* @__PURE__ */ jsx44(Heading15, { size: "xl", textAlign: "left", children: formatMessage({
+  const { formatMessage } = useContext20(IntlContext);
+  return /* @__PURE__ */ jsxs40(Container5, { p: "2", children: [
+    /* @__PURE__ */ jsx47(Heading16, { size: "xl", textAlign: "left", children: formatMessage({
       id: "features.portfolio.documentsDownloadList.projectDocuments"
     }) }),
-    /* @__PURE__ */ jsx44(Flex21, { flexDir: "column", children: documentUrls.map((documentUrl) => /* @__PURE__ */ jsxs37(
-      Flex21,
+    /* @__PURE__ */ jsx47(Flex23, { flexDir: "column", children: documentUrls.map((documentUrl) => /* @__PURE__ */ jsxs40(
+      Flex23,
       {
         justifyContent: "space-between",
         alignItems: "center",
         mt: "6",
         children: [
-          /* @__PURE__ */ jsxs37(Flex21, { alignItems: "center", children: [
-            /* @__PURE__ */ jsx44(
+          /* @__PURE__ */ jsxs40(Flex23, { alignItems: "center", children: [
+            /* @__PURE__ */ jsx47(
               Center3,
               {
                 w: "8",
@@ -7130,17 +7311,17 @@ var DocumentsDownloadList = ({
                 borderRadius: "full",
                 borderWidth: "1px",
                 borderColor: "grey.200",
-                children: /* @__PURE__ */ jsx44(FilePdfIcon, {})
+                children: /* @__PURE__ */ jsx47(FilePdfIcon, {})
               }
             ),
-            /* @__PURE__ */ jsx44(Spacer12, { width: "4" }),
-            /* @__PURE__ */ jsxs37(Flex21, { flexDir: "column", children: [
-              /* @__PURE__ */ jsx44(Text19, { size: "smMonoNormal", children: "PDF" }),
-              /* @__PURE__ */ jsx44(Text19, { size: "mdLowBold", color: "black", textAlign: "left", children: documentUrl.text })
+            /* @__PURE__ */ jsx47(Spacer12, { width: "4" }),
+            /* @__PURE__ */ jsxs40(Flex23, { flexDir: "column", children: [
+              /* @__PURE__ */ jsx47(Text21, { size: "smMonoNormal", children: "PDF" }),
+              /* @__PURE__ */ jsx47(Text21, { size: "mdLowBold", color: "black", textAlign: "left", children: documentUrl.text })
             ] })
           ] }),
-          /* @__PURE__ */ jsx44(Spacer12, { width: "32" }),
-          /* @__PURE__ */ jsx44(
+          /* @__PURE__ */ jsx47(Spacer12, { width: "32" }),
+          /* @__PURE__ */ jsx47(
             IconButton5,
             {
               variant: "outline",
@@ -7149,7 +7330,7 @@ var DocumentsDownloadList = ({
               }),
               size: "sm",
               asChild: true,
-              children: /* @__PURE__ */ jsx44(Link7, { href: documentUrl.url || "#", children: /* @__PURE__ */ jsx44(DownloadSimpleIcon, {}) })
+              children: /* @__PURE__ */ jsx47(Link8, { href: documentUrl.url || "#", children: /* @__PURE__ */ jsx47(DownloadSimpleIcon, {}) })
             }
           )
         ]
@@ -7163,32 +7344,32 @@ var DocumentsDownloadList = ({
 var DocumentsDownloadList_default = DocumentsDownloadList;
 
 // src/components/portfolio/Contact/Contact.tsx
-import { Text as Text20, Heading as Heading16, Flex as Flex22, Box as Box35, Container as Container6 } from "boemly";
-import Image27 from "next/image.js";
-import { Fragment as Fragment23, jsx as jsx45, jsxs as jsxs38 } from "react/jsx-runtime";
+import { Text as Text22, Heading as Heading17, Flex as Flex24, Box as Box37, Container as Container6 } from "boemly";
+import Image28 from "next/image.js";
+import { Fragment as Fragment23, jsx as jsx48, jsxs as jsxs41 } from "react/jsx-runtime";
 var Contact = ({
   avatar,
   title,
   text,
   button
-}) => /* @__PURE__ */ jsx45(Container6, { backgroundColor: "primary.100", border: "none", p: "8", height: "full", children: /* @__PURE__ */ jsxs38(
-  Flex22,
+}) => /* @__PURE__ */ jsx48(Container6, { backgroundColor: "primary.100", border: "none", p: "8", height: "full", children: /* @__PURE__ */ jsxs41(
+  Flex24,
   {
     flexDir: "column",
     justifyContent: "center",
     alignItems: "center",
     height: "full",
     children: [
-      avatar ? /* @__PURE__ */ jsx45(
-        Box35,
+      avatar ? /* @__PURE__ */ jsx48(
+        Box37,
         {
           position: "relative",
           width: "20",
           height: "20",
           borderRadius: "full",
           overflow: "hidden",
-          children: /* @__PURE__ */ jsx45(
-            Image27,
+          children: /* @__PURE__ */ jsx48(
+            Image28,
             {
               src: strapiMediaUrl_default(avatar.img, "small"),
               alt: avatar.alt,
@@ -7197,9 +7378,9 @@ var Contact = ({
             }
           )
         }
-      ) : /* @__PURE__ */ jsx45(Fragment23, {}),
-      title ? /* @__PURE__ */ jsx45(
-        Heading16,
+      ) : /* @__PURE__ */ jsx48(Fragment23, {}),
+      title ? /* @__PURE__ */ jsx48(
+        Heading17,
         {
           mt: "6",
           size: "md",
@@ -7208,9 +7389,9 @@ var Contact = ({
           color: "black",
           children: title
         }
-      ) : /* @__PURE__ */ jsx45(Fragment23, {}),
-      text ? /* @__PURE__ */ jsx45(Text20, { mt: "2", size: "smRegularNormal", textAlign: "center", children: text }) : /* @__PURE__ */ jsx45(Fragment23, {}),
-      button ? /* @__PURE__ */ jsx45(
+      ) : /* @__PURE__ */ jsx48(Fragment23, {}),
+      text ? /* @__PURE__ */ jsx48(Text22, { mt: "2", size: "smRegularNormal", textAlign: "center", children: text }) : /* @__PURE__ */ jsx48(Fragment23, {}),
+      button ? /* @__PURE__ */ jsx48(
         StrapiLinkButton_default,
         {
           mt: "6",
@@ -7219,7 +7400,7 @@ var Contact = ({
           variant: "outline",
           component: "Contact"
         }
-      ) : /* @__PURE__ */ jsx45(Fragment23, {})
+      ) : /* @__PURE__ */ jsx48(Fragment23, {})
     ]
   }
 ) });
@@ -7237,7 +7418,7 @@ var getFpmProjectById = async (projectId) => {
 var getFpmProjectById_default = getFpmProjectById;
 
 // src/slices/ProjectFacts/ProjectFacts.tsx
-import { Fragment as Fragment24, jsx as jsx46, jsxs as jsxs39 } from "react/jsx-runtime";
+import { Fragment as Fragment24, jsx as jsx49, jsxs as jsxs42 } from "react/jsx-runtime";
 var ProjectFacts = ({
   slice,
   project
@@ -7268,16 +7449,16 @@ var ProjectFacts = ({
     fetchCompleteProjectData();
   }, [project]);
   if (!enhancedProject) {
-    return /* @__PURE__ */ jsx46(Fragment24, { children: "Invalid configuration, check if a project this id exists in the FPM" });
+    return /* @__PURE__ */ jsx49(Fragment24, { children: "Invalid configuration, check if a project this id exists in the FPM" });
   }
   if (isLoading) {
-    return /* @__PURE__ */ jsx46(DefaultSectionContainer27, { children: /* @__PURE__ */ jsx46(Wrapper30, { children: /* @__PURE__ */ jsx46("div", { children: "Loading project data..." }) }) });
+    return /* @__PURE__ */ jsx49(DefaultSectionContainer28, { children: /* @__PURE__ */ jsx49(Wrapper31, { children: /* @__PURE__ */ jsx49("div", { children: "Loading project data..." }) }) });
   }
-  return /* @__PURE__ */ jsx46(DefaultSectionContainer27, { children: /* @__PURE__ */ jsx46(Wrapper30, { children: /* @__PURE__ */ jsxs39(Flex23, { flexDir: ["column", null, null, "row"], gap: "4", width: "full", children: [
-    /* @__PURE__ */ jsx46(ProjectInfo_default, { project: enhancedProject, subtitles: slice }),
-    /* @__PURE__ */ jsxs39(Flex23, { flexDir: "column", gap: "4", width: "full", children: [
-      slice.documentUrls && slice.documentUrls.length > 0 && /* @__PURE__ */ jsx46(DocumentsDownloadList_default, { documentUrls: slice.documentUrls }),
-      slice.batchId && slice.pricePerKg && slice.currency && slice.initialContributionValue ? /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx49(DefaultSectionContainer28, { children: /* @__PURE__ */ jsx49(Wrapper31, { children: /* @__PURE__ */ jsxs42(Flex25, { flexDir: ["column", null, null, "row"], gap: "4", width: "full", children: [
+    /* @__PURE__ */ jsx49(ProjectInfo_default, { project: enhancedProject, subtitles: slice }),
+    /* @__PURE__ */ jsxs42(Flex25, { flexDir: "column", gap: "4", width: "full", children: [
+      slice.documentUrls && slice.documentUrls.length > 0 && /* @__PURE__ */ jsx49(DocumentsDownloadList_default, { documentUrls: slice.documentUrls }),
+      slice.batchId && slice.pricePerKg && slice.currency && slice.initialContributionValue ? /* @__PURE__ */ jsx49(
         SmallCheckout_default2,
         {
           batchId: slice.batchId,
@@ -7290,7 +7471,7 @@ var ProjectFacts = ({
           button: slice.customButton,
           taxInPercent: slice.taxInPercent
         }
-      ) : (slice.contactTitle || slice.contactText || slice.contactButton || slice.contactAvatar) && /* @__PURE__ */ jsx46(
+      ) : (slice.contactTitle || slice.contactText || slice.contactButton || slice.contactAvatar) && /* @__PURE__ */ jsx49(
         Contact_default,
         {
           title: slice.contactTitle,
@@ -7307,21 +7488,21 @@ var ProjectFacts = ({
 var ProjectFacts_default = ProjectFacts;
 
 // src/slices/CustomerStories/CustomerStories.tsx
-import { Box as Box39, DefaultSectionContainer as DefaultSectionContainer28, SimpleGrid as SimpleGrid16, Wrapper as Wrapper31 } from "boemly";
+import { Box as Box41, DefaultSectionContainer as DefaultSectionContainer29, SimpleGrid as SimpleGrid17, Wrapper as Wrapper32 } from "boemly";
 
 // src/components/CustomerCard/CustomerCard.tsx
-import { Container as Container7, Center as Center4, Heading as Heading17, Button as Button4, Box as Box36, Text as Text21, Flex as Flex24 } from "boemly";
-import { useContext as useContext19 } from "react";
-import Image28 from "next/image.js";
-import Link8 from "next/link.js";
-import { jsx as jsx47, jsxs as jsxs40 } from "react/jsx-runtime";
+import { Container as Container7, Center as Center4, Heading as Heading18, Button as Button4, Box as Box38, Text as Text23, Flex as Flex26 } from "boemly";
+import { useContext as useContext21 } from "react";
+import Image29 from "next/image.js";
+import Link9 from "next/link.js";
+import { jsx as jsx50, jsxs as jsxs43 } from "react/jsx-runtime";
 var CustomerCard = ({
   customerStory
 }) => {
-  const { formatMessage } = useContext19(IntlContext);
-  return /* @__PURE__ */ jsx47(Container7, { padding: "none", height: "full", children: /* @__PURE__ */ jsxs40(Flex24, { flexDir: "column", height: "full", children: [
-    /* @__PURE__ */ jsx47(Center4, { height: "24", backgroundColor: "primary.50", borderTopRadius: "xl", children: customerStory.cardImage && /* @__PURE__ */ jsx47(Box36, { position: "relative", height: "12", width: "12", children: /* @__PURE__ */ jsx47(
-      Image28,
+  const { formatMessage } = useContext21(IntlContext);
+  return /* @__PURE__ */ jsx50(Container7, { padding: "none", height: "full", children: /* @__PURE__ */ jsxs43(Flex26, { flexDir: "column", height: "full", children: [
+    /* @__PURE__ */ jsx50(Center4, { height: "24", backgroundColor: "primary.50", borderTopRadius: "xl", children: customerStory.cardImage && /* @__PURE__ */ jsx50(Box38, { position: "relative", height: "12", width: "12", children: /* @__PURE__ */ jsx50(
+      Image29,
       {
         src: strapiMediaUrl_default(customerStory.cardImage.img, "medium"),
         alt: customerStory.cardImage.alt,
@@ -7331,11 +7512,11 @@ var CustomerCard = ({
         }
       }
     ) }) }),
-    /* @__PURE__ */ jsxs40(Box36, { px: "6", pt: "8", pb: "6", mb: "auto", children: [
-      customerStory.customerCardCustomerIndustry && /* @__PURE__ */ jsx47(Text21, { size: "xsMonoUppercase", color: "gray.500", mb: "2", children: customerStory.customerCardCustomerIndustry }),
-      customerStory.title && /* @__PURE__ */ jsx47(Heading17, { size: "md", fontWeight: "500", children: customerStory.title })
+    /* @__PURE__ */ jsxs43(Box38, { px: "6", pt: "8", pb: "6", mb: "auto", children: [
+      customerStory.customerCardCustomerIndustry && /* @__PURE__ */ jsx50(Text23, { size: "xsMonoUppercase", color: "gray.500", mb: "2", children: customerStory.customerCardCustomerIndustry }),
+      customerStory.title && /* @__PURE__ */ jsx50(Heading18, { size: "md", fontWeight: "500", children: customerStory.title })
     ] }),
-    /* @__PURE__ */ jsx47(Box36, { px: "6", pt: "8", pb: "6", children: /* @__PURE__ */ jsx47(Link8, { href: `/customer-stories/${customerStory.slug}`, children: /* @__PURE__ */ jsx47(Button4, { variant: "outline", size: "sm", children: formatMessage({ id: "sections.customerCard.more" }) }) }) })
+    /* @__PURE__ */ jsx50(Box38, { px: "6", pt: "8", pb: "6", children: /* @__PURE__ */ jsx50(Link9, { href: `/customer-stories/${customerStory.slug}`, children: /* @__PURE__ */ jsx50(Button4, { variant: "outline", size: "sm", children: formatMessage({ id: "sections.customerCard.more" }) }) }) })
   ] }) });
 };
 
@@ -7343,26 +7524,26 @@ var CustomerCard = ({
 var CustomerCard_default = CustomerCard;
 
 // src/components/CustomerQuoteCard/CustomerQuoteCard.tsx
-import { Container as Container8, Heading as Heading18, Button as Button5, Box as Box37, Text as Text22 } from "boemly";
-import { useContext as useContext20 } from "react";
-import Image29 from "next/image.js";
-import Link9 from "next/link.js";
-import { Fragment as Fragment25, jsx as jsx48, jsxs as jsxs41 } from "react/jsx-runtime";
+import { Container as Container8, Heading as Heading19, Button as Button5, Box as Box39, Text as Text24 } from "boemly";
+import { useContext as useContext22 } from "react";
+import Image30 from "next/image.js";
+import Link10 from "next/link.js";
+import { Fragment as Fragment25, jsx as jsx51, jsxs as jsxs44 } from "react/jsx-runtime";
 var CustomerQuoteCard = ({
   customerStory
 }) => {
-  const { formatMessage } = useContext20(IntlContext);
-  return /* @__PURE__ */ jsxs41(Container8, { p: "1", backgroundColor: "primary.100", height: "full", children: [
-    customerStory.cardImage ? /* @__PURE__ */ jsx48(
-      Box37,
+  const { formatMessage } = useContext22(IntlContext);
+  return /* @__PURE__ */ jsxs44(Container8, { p: "1", backgroundColor: "primary.100", height: "full", children: [
+    customerStory.cardImage ? /* @__PURE__ */ jsx51(
+      Box39,
       {
         position: "relative",
         height: "12",
         width: "12",
         borderRadius: "full",
         overflow: "hidden",
-        children: /* @__PURE__ */ jsx48(
-          Image29,
+        children: /* @__PURE__ */ jsx51(
+          Image30,
           {
             src: strapiMediaUrl_default(customerStory.cardImage.img, "medium"),
             alt: customerStory.cardImage.alt,
@@ -7373,14 +7554,14 @@ var CustomerQuoteCard = ({
           }
         )
       }
-    ) : /* @__PURE__ */ jsx48(Fragment25, {}),
-    /* @__PURE__ */ jsxs41(Box37, { children: [
-      /* @__PURE__ */ jsxs41(Box37, { my: "8", children: [
-        /* @__PURE__ */ jsx48(Heading18, { size: "md", fontWeight: "500", children: customerStory.customerName }),
-        /* @__PURE__ */ jsx48(Text22, { fontSize: "md", children: customerStory.quoteCardCustomerTitle })
+    ) : /* @__PURE__ */ jsx51(Fragment25, {}),
+    /* @__PURE__ */ jsxs44(Box39, { children: [
+      /* @__PURE__ */ jsxs44(Box39, { my: "8", children: [
+        /* @__PURE__ */ jsx51(Heading19, { size: "md", fontWeight: "500", children: customerStory.customerName }),
+        /* @__PURE__ */ jsx51(Text24, { fontSize: "md", children: customerStory.quoteCardCustomerTitle })
       ] }),
-      /* @__PURE__ */ jsx48(Text22, { fontSize: "md", color: "black", children: customerStory.quoteCardQuote }),
-      /* @__PURE__ */ jsx48(Link9, { href: `/customer-stories/${customerStory.slug}`, children: /* @__PURE__ */ jsx48(Button5, { variant: "outline", size: "sm", mt: "8", children: formatMessage({ id: "sections.customerQuoteCard.more" }) }) })
+      /* @__PURE__ */ jsx51(Text24, { fontSize: "md", color: "black", children: customerStory.quoteCardQuote }),
+      /* @__PURE__ */ jsx51(Link10, { href: `/customer-stories/${customerStory.slug}`, children: /* @__PURE__ */ jsx51(Button5, { variant: "outline", size: "sm", mt: "8", children: formatMessage({ id: "sections.customerQuoteCard.more" }) }) })
     ] })
   ] });
 };
@@ -7389,14 +7570,14 @@ var CustomerQuoteCard = ({
 var CustomerQuoteCard_default = CustomerQuoteCard;
 
 // src/components/LogoCard/LogoCard.tsx
-import { Box as Box38, Container as Container9, Flex as Flex25 } from "boemly";
-import Image30 from "next/image.js";
-import Link10 from "next/link.js";
-import { Fragment as Fragment26, jsx as jsx49 } from "react/jsx-runtime";
+import { Box as Box40, Container as Container9, Flex as Flex27 } from "boemly";
+import Image31 from "next/image.js";
+import Link11 from "next/link.js";
+import { Fragment as Fragment26, jsx as jsx52 } from "react/jsx-runtime";
 var LogoCard = ({ customerStory }) => {
   if (customerStory.cardImage) {
-    return /* @__PURE__ */ jsx49(Container9, { height: "full", backgroundColor: "primary.50", children: /* @__PURE__ */ jsx49(Flex25, { justifyContent: "center", height: "full", padding: "4", children: /* @__PURE__ */ jsx49(Box38, { position: "relative", height: "12", width: "36", marginY: "auto", children: /* @__PURE__ */ jsx49(Link10, { href: `/customer-stories/${customerStory.slug}`, children: /* @__PURE__ */ jsx49(
-      Image30,
+    return /* @__PURE__ */ jsx52(Container9, { height: "full", backgroundColor: "primary.50", children: /* @__PURE__ */ jsx52(Flex27, { justifyContent: "center", height: "full", padding: "4", children: /* @__PURE__ */ jsx52(Box40, { position: "relative", height: "12", width: "36", marginY: "auto", children: /* @__PURE__ */ jsx52(Link11, { href: `/customer-stories/${customerStory.slug}`, children: /* @__PURE__ */ jsx52(
+      Image31,
       {
         src: strapiMediaUrl_default(customerStory.cardImage.img, "medium"),
         alt: customerStory.cardImage.alt,
@@ -7407,29 +7588,29 @@ var LogoCard = ({ customerStory }) => {
       }
     ) }) }) }) });
   }
-  return /* @__PURE__ */ jsx49(Fragment26, {});
+  return /* @__PURE__ */ jsx52(Fragment26, {});
 };
 
 // src/components/LogoCard/index.ts
 var LogoCard_default = LogoCard;
 
 // src/slices/CustomerStories/CustomerStories.tsx
-import { jsx as jsx50, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs45 } from "react/jsx-runtime";
 var CustomerStories = ({
   slice,
   customerStories
 }) => {
-  return /* @__PURE__ */ jsx50(DefaultSectionContainer28, { children: /* @__PURE__ */ jsx50(Wrapper31, { children: /* @__PURE__ */ jsx50(SimpleGrid16, { columns: [1, null, null, 2, 3], gap: "6", children: slice.customer_stories.map((customerStoryRef, index) => {
+  return /* @__PURE__ */ jsx53(DefaultSectionContainer29, { children: /* @__PURE__ */ jsx53(Wrapper32, { children: /* @__PURE__ */ jsx53(SimpleGrid17, { columns: [1, null, null, 2, 3], gap: "6", children: slice.customer_stories.map((customerStoryRef, index) => {
     const customerStory = customerStories.find(
       (cs) => cs.attributes.slug === customerStoryRef.attributes.slug
     );
     if (!customerStory) {
       return null;
     }
-    return /* @__PURE__ */ jsxs42(Box39, { children: [
-      customerStoryRef.attributes.variant === "customerCard" && /* @__PURE__ */ jsx50(CustomerCard_default, { customerStory: customerStory.attributes }),
-      customerStoryRef.attributes.variant === "quoteCard" && /* @__PURE__ */ jsx50(CustomerQuoteCard_default, { customerStory: customerStory.attributes }),
-      customerStoryRef.attributes.variant === "logoCard" && /* @__PURE__ */ jsx50(LogoCard_default, { customerStory: customerStory.attributes })
+    return /* @__PURE__ */ jsxs45(Box41, { children: [
+      customerStoryRef.attributes.variant === "customerCard" && /* @__PURE__ */ jsx53(CustomerCard_default, { customerStory: customerStory.attributes }),
+      customerStoryRef.attributes.variant === "quoteCard" && /* @__PURE__ */ jsx53(CustomerQuoteCard_default, { customerStory: customerStory.attributes }),
+      customerStoryRef.attributes.variant === "logoCard" && /* @__PURE__ */ jsx53(LogoCard_default, { customerStory: customerStory.attributes })
     ] }, `${customerStoryRef.id}-${index}`);
   }) }) }) });
 };
@@ -7438,28 +7619,28 @@ var CustomerStories = ({
 var CustomerStories_default = CustomerStories;
 
 // src/slices/Comparison/Comparison.tsx
-import { useContext as useContext21 } from "react";
+import { useContext as useContext23 } from "react";
 import {
   Container as Container10,
-  DefaultSectionContainer as DefaultSectionContainer29,
+  DefaultSectionContainer as DefaultSectionContainer30,
   DefaultSectionHeader as DefaultSectionHeader21,
-  Wrapper as Wrapper32,
-  Text as Text23,
-  Flex as Flex26,
-  Box as Box41,
+  Wrapper as Wrapper33,
+  Text as Text25,
+  Flex as Flex28,
+  Box as Box43,
   Spacer as Spacer13,
   Separator as Separator5,
-  Heading as Heading19,
+  Heading as Heading20,
   Badge as Badge2,
-  SimpleGrid as SimpleGrid17
+  SimpleGrid as SimpleGrid18
 } from "boemly";
-import Image31 from "next/image.js";
+import Image32 from "next/image.js";
 import { CaretRightIcon as CaretRightIcon7 } from "@phosphor-icons/react";
 
 // src/slices/Comparison/Icon.tsx
 import { CheckIcon as CheckIcon2, XIcon } from "@phosphor-icons/react";
-import { Box as Box40 } from "boemly";
-import { jsx as jsx51 } from "react/jsx-runtime";
+import { Box as Box42 } from "boemly";
+import { jsx as jsx54 } from "react/jsx-runtime";
 var BULLET_POINT_VARIANTS = {
   gray: { bulletPointColor: "black" },
   green: { bulletPointColor: "white" },
@@ -7468,12 +7649,12 @@ var BULLET_POINT_VARIANTS = {
 var Icon = ({ variant, icon }) => {
   switch (icon) {
     case "check":
-      return /* @__PURE__ */ jsx51(CheckIcon2, { size: 20, color: "var(--boemly-colors-primary-500)" });
+      return /* @__PURE__ */ jsx54(CheckIcon2, { size: 20, color: "var(--boemly-colors-primary-500)" });
     case "cross":
-      return /* @__PURE__ */ jsx51(XIcon, { size: 20, color: "var(--boemly-colors-red-500)" });
+      return /* @__PURE__ */ jsx54(XIcon, { size: 20, color: "var(--boemly-colors-red-500)" });
     default:
-      return /* @__PURE__ */ jsx51(
-        Box40,
+      return /* @__PURE__ */ jsx54(
+        Box42,
         {
           "data-testid": "bullet-point-box",
           borderRadius: "full",
@@ -7487,7 +7668,7 @@ var Icon = ({ variant, icon }) => {
 };
 
 // src/slices/Comparison/Comparison.tsx
-import { Fragment as Fragment27, jsx as jsx52, jsxs as jsxs43 } from "react/jsx-runtime";
+import { Fragment as Fragment27, jsx as jsx55, jsxs as jsxs46 } from "react/jsx-runtime";
 var VARIANTS5 = {
   gray: {
     backgroundColor: "primary.50",
@@ -7514,10 +7695,10 @@ var VARIANTS5 = {
 var Comparison = ({
   slice
 }) => {
-  const { formatMessage } = useContext21(IntlContext);
-  return /* @__PURE__ */ jsx52(DefaultSectionContainer29, { children: /* @__PURE__ */ jsxs43(Wrapper32, { children: [
-    slice.title ? /* @__PURE__ */ jsxs43(Fragment27, { children: [
-      /* @__PURE__ */ jsx52(Flex26, { alignItems: "center", flexDirection: "column", children: /* @__PURE__ */ jsx52(
+  const { formatMessage } = useContext23(IntlContext);
+  return /* @__PURE__ */ jsx55(DefaultSectionContainer30, { children: /* @__PURE__ */ jsxs46(Wrapper33, { children: [
+    slice.title ? /* @__PURE__ */ jsxs46(Fragment27, { children: [
+      /* @__PURE__ */ jsx55(Flex28, { alignItems: "center", flexDirection: "column", children: /* @__PURE__ */ jsx55(
         DefaultSectionHeader21,
         {
           tagline: slice.tagline,
@@ -7531,14 +7712,14 @@ var Comparison = ({
           taglineProps: { textAlign: "center", maxWidth: "3xl" }
         }
       ) }),
-      /* @__PURE__ */ jsx52(Spacer13, { height: "12" })
-    ] }) : /* @__PURE__ */ jsx52(Fragment27, {}),
-    /* @__PURE__ */ jsx52(
-      SimpleGrid17,
+      /* @__PURE__ */ jsx55(Spacer13, { height: "12" })
+    ] }) : /* @__PURE__ */ jsx55(Fragment27, {}),
+    /* @__PURE__ */ jsx55(
+      SimpleGrid18,
       {
         columns: [1, null, null, null, slice.comparisonCards.length],
         gap: "4",
-        children: slice.comparisonCards.map((comparisonCard) => /* @__PURE__ */ jsxs43(
+        children: slice.comparisonCards.map((comparisonCard) => /* @__PURE__ */ jsxs46(
           Container10,
           {
             boxShadow: comparisonCard.variant === "green" ? "xl" : "base",
@@ -7549,8 +7730,8 @@ var Comparison = ({
             p: "3",
             backgroundColor: VARIANTS5[comparisonCard.variant].backgroundColor,
             children: [
-              comparisonCard.variant === "green" ? /* @__PURE__ */ jsx52(
-                Box41,
+              comparisonCard.variant === "green" ? /* @__PURE__ */ jsx55(
+                Box43,
                 {
                   position: "absolute",
                   left: "0",
@@ -7558,8 +7739,8 @@ var Comparison = ({
                   width: "full",
                   height: "full",
                   zIndex: "-1",
-                  children: /* @__PURE__ */ jsx52(
-                    Image31,
+                  children: /* @__PURE__ */ jsx55(
+                    Image32,
                     {
                       src: `${CDN_URI}/assets/v3/strapi-slices/shapes-comparison.svg`,
                       alt: formatMessage({
@@ -7573,10 +7754,10 @@ var Comparison = ({
                     }
                   )
                 }
-              ) : /* @__PURE__ */ jsx52(Fragment27, {}),
-              /* @__PURE__ */ jsxs43(Flex26, { flexDir: "column", gap: "4", children: [
-                comparisonCard.image && /* @__PURE__ */ jsx52(Box41, { position: "relative", height: "7", width: "100%", children: /* @__PURE__ */ jsx52(
-                  Image31,
+              ) : /* @__PURE__ */ jsx55(Fragment27, {}),
+              /* @__PURE__ */ jsxs46(Flex28, { flexDir: "column", gap: "4", children: [
+                comparisonCard.image && /* @__PURE__ */ jsx55(Box43, { position: "relative", height: "7", width: "100%", children: /* @__PURE__ */ jsx55(
+                  Image32,
                   {
                     src: strapiMediaUrl_default(comparisonCard.image.img, "small"),
                     alt: comparisonCard.image.alt,
@@ -7586,9 +7767,9 @@ var Comparison = ({
                     }
                   }
                 ) }),
-                /* @__PURE__ */ jsxs43(Flex26, { gap: "2", alignItems: "center", flexWrap: "wrap", children: [
-                  /* @__PURE__ */ jsx52(
-                    Heading19,
+                /* @__PURE__ */ jsxs46(Flex28, { gap: "2", alignItems: "center", flexWrap: "wrap", children: [
+                  /* @__PURE__ */ jsx55(
+                    Heading20,
                     {
                       size: "xl",
                       color: VARIANTS5[comparisonCard.variant].textColor,
@@ -7596,7 +7777,7 @@ var Comparison = ({
                       children: comparisonCard.title
                     }
                   ),
-                  comparisonCard.badge && /* @__PURE__ */ jsx52(
+                  comparisonCard.badge && /* @__PURE__ */ jsx55(
                     Badge2,
                     {
                       backgroundColor: "green.100",
@@ -7607,29 +7788,29 @@ var Comparison = ({
                   )
                 ] })
               ] }),
-              /* @__PURE__ */ jsx52(Spacer13, { height: "4" }),
-              /* @__PURE__ */ jsx52(
-                Text23,
+              /* @__PURE__ */ jsx55(Spacer13, { height: "4" }),
+              /* @__PURE__ */ jsx55(
+                Text25,
                 {
                   size: "smRegularNormal",
                   color: VARIANTS5[comparisonCard.variant].subTitleColor,
                   children: comparisonCard.subTitle
                 }
               ),
-              comparisonCard.factTitle || comparisonCard.factSubtitle || comparisonCard.button ? /* @__PURE__ */ jsxs43(Fragment27, { children: [
-                /* @__PURE__ */ jsx52(Spacer13, { height: "6" }),
-                /* @__PURE__ */ jsxs43(Flex26, { flexDir: "column", children: [
-                  comparisonCard.factTitle && /* @__PURE__ */ jsxs43(Fragment27, { children: [
-                    /* @__PURE__ */ jsx52(
-                      Text23,
+              comparisonCard.factTitle || comparisonCard.factSubtitle || comparisonCard.button ? /* @__PURE__ */ jsxs46(Fragment27, { children: [
+                /* @__PURE__ */ jsx55(Spacer13, { height: "6" }),
+                /* @__PURE__ */ jsxs46(Flex28, { flexDir: "column", children: [
+                  comparisonCard.factTitle && /* @__PURE__ */ jsxs46(Fragment27, { children: [
+                    /* @__PURE__ */ jsx55(
+                      Text25,
                       {
                         color: VARIANTS5[comparisonCard.variant].factColor,
                         size: "lgMonoNormal",
                         children: comparisonCard.factTitle
                       }
                     ),
-                    /* @__PURE__ */ jsx52(
-                      Text23,
+                    /* @__PURE__ */ jsx55(
+                      Text25,
                       {
                         color: VARIANTS5[comparisonCard.variant].factColor,
                         size: "smLowNormal",
@@ -7637,47 +7818,47 @@ var Comparison = ({
                       }
                     )
                   ] }),
-                  comparisonCard.button && /* @__PURE__ */ jsx52(
+                  comparisonCard.button && /* @__PURE__ */ jsx55(
                     StrapiLinkButton_default,
                     {
                       mt: "6",
                       link: comparisonCard.button,
                       size: "md",
                       variant: "outline",
-                      rightIcon: /* @__PURE__ */ jsx52(CaretRightIcon7, { size: 16, weight: "bold" }),
+                      rightIcon: /* @__PURE__ */ jsx55(CaretRightIcon7, { size: 16, weight: "bold" }),
                       component: "Comparison"
                     }
                   )
                 ] })
-              ] }) : /* @__PURE__ */ jsx52(Fragment27, {}),
-              /* @__PURE__ */ jsx52(Fragment27, { children: comparisonCard.lists.map((list) => /* @__PURE__ */ jsxs43(Box41, { children: [
-                /* @__PURE__ */ jsx52(
+              ] }) : /* @__PURE__ */ jsx55(Fragment27, {}),
+              /* @__PURE__ */ jsx55(Fragment27, { children: comparisonCard.lists.map((list) => /* @__PURE__ */ jsxs46(Box43, { children: [
+                /* @__PURE__ */ jsx55(
                   Separator5,
                   {
                     my: "8",
                     color: VARIANTS5[comparisonCard.variant].dividerColor
                   }
                 ),
-                /* @__PURE__ */ jsx52(
-                  Text23,
+                /* @__PURE__ */ jsx55(
+                  Text25,
                   {
                     size: "smLowBold",
                     color: VARIANTS5[comparisonCard.variant].textColor,
                     children: list.title
                   }
                 ),
-                /* @__PURE__ */ jsx52(Fragment27, { children: list.items.map((item) => /* @__PURE__ */ jsxs43(Box41, { children: [
-                  /* @__PURE__ */ jsx52(Spacer13, { height: "4" }),
-                  /* @__PURE__ */ jsxs43(Flex26, { gap: "4", alignItems: "center", children: [
-                    /* @__PURE__ */ jsx52(Box41, { children: /* @__PURE__ */ jsx52(
+                /* @__PURE__ */ jsx55(Fragment27, { children: list.items.map((item) => /* @__PURE__ */ jsxs46(Box43, { children: [
+                  /* @__PURE__ */ jsx55(Spacer13, { height: "4" }),
+                  /* @__PURE__ */ jsxs46(Flex28, { gap: "4", alignItems: "center", children: [
+                    /* @__PURE__ */ jsx55(Box43, { children: /* @__PURE__ */ jsx55(
                       Icon,
                       {
                         variant: comparisonCard.variant,
                         icon: item.icon
                       }
                     ) }),
-                    /* @__PURE__ */ jsx52(
-                      Text23,
+                    /* @__PURE__ */ jsx55(
+                      Text25,
                       {
                         size: "smLowNormal",
                         color: VARIANTS5[comparisonCard.variant].textColor,
@@ -7702,15 +7883,15 @@ var Comparison_default = Comparison;
 // src/slices/CarouselMarqueeBanner/CarouselMarqueeBanner.tsx
 import { useEffect as useEffect6, useState as useState9 } from "react";
 import {
-  DefaultSectionContainer as DefaultSectionContainer30,
-  Flex as Flex27,
-  Heading as Heading20,
+  DefaultSectionContainer as DefaultSectionContainer31,
+  Flex as Flex29,
+  Heading as Heading21,
   Spacer as Spacer14,
-  Box as Box42,
+  Box as Box44,
   useMediaQuery as useMediaQuery7,
   useToken as useToken10
 } from "boemly";
-import Image32 from "next/image.js";
+import Image33 from "next/image.js";
 import useEmblaCarousel from "embla-carousel-react";
 import { useWindowSize as useWindowSize4 } from "@reactuses/core";
 import AutoScroll from "embla-carousel-auto-scroll";
@@ -7749,7 +7930,7 @@ var LogoGrid = styled5(motion5.div)`
 `;
 
 // src/slices/CarouselMarqueeBanner/CarouselMarqueeBanner.tsx
-import { Fragment as Fragment28, jsx as jsx53, jsxs as jsxs44 } from "react/jsx-runtime";
+import { Fragment as Fragment28, jsx as jsx56, jsxs as jsxs47 } from "react/jsx-runtime";
 var CarouselMarqueeBannerContent = ({
   slice
 }) => {
@@ -7778,20 +7959,20 @@ var CarouselMarqueeBannerContent = ({
   );
   const renderLogos = () => {
     if (!hasEnoughLogosForLoop) {
-      return /* @__PURE__ */ jsx53(LogoGrid, { children: slice.logos.map((logo, index) => /* @__PURE__ */ jsx53(
-        Box42,
+      return /* @__PURE__ */ jsx56(LogoGrid, { children: slice.logos.map((logo, index) => /* @__PURE__ */ jsx56(
+        Box44,
         {
           flexShrink: 0,
           transform: "translate3d(0, 0, 0)",
-          children: /* @__PURE__ */ jsx53(
-            Flex27,
+          children: /* @__PURE__ */ jsx56(
+            Flex29,
             {
               height: "full",
               width: "full",
               justifyContent: "center",
               alignItems: "center",
-              children: /* @__PURE__ */ jsx53(
-                Box42,
+              children: /* @__PURE__ */ jsx56(
+                Box44,
                 {
                   position: "relative",
                   height: isMobile ? "16" : "36",
@@ -7800,8 +7981,8 @@ var CarouselMarqueeBannerContent = ({
                     logo.img.data.attributes.width,
                     logo.img.data.attributes.height
                   )})`,
-                  children: /* @__PURE__ */ jsx53(
-                    Image32,
+                  children: /* @__PURE__ */ jsx56(
+                    Image33,
                     {
                       src: strapiMediaUrl_default(logo.img, "large"),
                       alt: logo.alt,
@@ -7820,20 +8001,20 @@ var CarouselMarqueeBannerContent = ({
         `${logo.id}-${index}`
       )) });
     }
-    return /* @__PURE__ */ jsx53(Box42, { width: "full", overflow: "hidden", ref: emblaRef, cursor: "pointer", children: /* @__PURE__ */ jsx53(CarouselInnerContainer2, { logoCount: slice.logos.length, children: logosToRender.map((logo, index) => /* @__PURE__ */ jsx53(
-      Box42,
+    return /* @__PURE__ */ jsx56(Box44, { width: "full", overflow: "hidden", ref: emblaRef, cursor: "pointer", children: /* @__PURE__ */ jsx56(CarouselInnerContainer2, { logoCount: slice.logos.length, children: logosToRender.map((logo, index) => /* @__PURE__ */ jsx56(
+      Box44,
       {
         flexShrink: 0,
         transform: "translate3d(0, 0, 0)",
-        children: /* @__PURE__ */ jsx53(
-          Flex27,
+        children: /* @__PURE__ */ jsx56(
+          Flex29,
           {
             height: "full",
             width: "full",
             justifyContent: "center",
             alignItems: "center",
-            children: /* @__PURE__ */ jsx53(
-              Box42,
+            children: /* @__PURE__ */ jsx56(
+              Box44,
               {
                 position: "relative",
                 height: isMobile ? "16" : "36",
@@ -7841,8 +8022,8 @@ var CarouselMarqueeBannerContent = ({
                   logo.img.data.attributes.width,
                   logo.img.data.attributes.height
                 )})`,
-                children: /* @__PURE__ */ jsx53(
-                  Image32,
+                children: /* @__PURE__ */ jsx56(
+                  Image33,
                   {
                     src: strapiMediaUrl_default(logo.img, "large"),
                     alt: logo.alt,
@@ -7861,10 +8042,10 @@ var CarouselMarqueeBannerContent = ({
       `${logo.id}-${index}`
     )) }) });
   };
-  return /* @__PURE__ */ jsx53(DefaultSectionContainer30, { backgroundColor: primary50, children: /* @__PURE__ */ jsxs44(Fragment28, { children: [
-    slice.title ? /* @__PURE__ */ jsxs44(Fragment28, { children: [
-      /* @__PURE__ */ jsx53(Flex27, { alignItems: "center", flexDirection: "column", children: /* @__PURE__ */ jsx53(Heading20, { size: "md", fontWeight: "500", children: slice.title }) }),
-      /* @__PURE__ */ jsx53(Spacer14, { height: "12", minHeight: "12" })
+  return /* @__PURE__ */ jsx56(DefaultSectionContainer31, { backgroundColor: primary50, children: /* @__PURE__ */ jsxs47(Fragment28, { children: [
+    slice.title ? /* @__PURE__ */ jsxs47(Fragment28, { children: [
+      /* @__PURE__ */ jsx56(Flex29, { alignItems: "center", flexDirection: "column", children: /* @__PURE__ */ jsx56(Heading21, { size: "md", fontWeight: "500", children: slice.title }) }),
+      /* @__PURE__ */ jsx56(Spacer14, { height: "12", minHeight: "12" })
     ] }) : null,
     renderLogos()
   ] }) });
@@ -7877,46 +8058,46 @@ var CarouselMarqueeBanner = ({
     setShowChild(true);
   }, []);
   if (!showChild) {
-    return /* @__PURE__ */ jsx53("div", {});
+    return /* @__PURE__ */ jsx56("div", {});
   }
-  return /* @__PURE__ */ jsx53(CarouselMarqueeBannerContent, { slice });
+  return /* @__PURE__ */ jsx56(CarouselMarqueeBannerContent, { slice });
 };
 
 // src/slices/CarouselMarqueeBanner/index.ts
 var CarouselMarqueeBanner_default = CarouselMarqueeBanner;
 
 // src/slices/Timeline/Timeline.tsx
-import { useContext as useContext22 } from "react";
+import { useContext as useContext24 } from "react";
 import {
   Button as Button6,
-  Box as Box43,
+  Box as Box45,
   Container as Container11,
-  DefaultSectionContainer as DefaultSectionContainer31,
+  DefaultSectionContainer as DefaultSectionContainer32,
   DefaultSectionHeader as DefaultSectionHeader22,
-  Flex as Flex28,
-  Heading as Heading21,
+  Flex as Flex30,
+  Heading as Heading22,
   RichText as RichText6,
-  SimpleGrid as SimpleGrid18,
+  SimpleGrid as SimpleGrid19,
   Spacer as Spacer15,
-  Text as Text24,
-  Wrapper as Wrapper33,
+  Text as Text26,
+  Wrapper as Wrapper34,
   useMediaQuery as useMediaQuery8,
-  BoemlyTag as BoemlyTag4
+  BoemlyTag as BoemlyTag6
 } from "boemly";
-import Image33 from "next/image.js";
+import Image34 from "next/image.js";
 import { useState as useState10 } from "react";
-import { Fragment as Fragment29, jsx as jsx54, jsxs as jsxs45 } from "react/jsx-runtime";
+import { Fragment as Fragment29, jsx as jsx57, jsxs as jsxs48 } from "react/jsx-runtime";
 var Timeline = ({ slice }) => {
-  const { formatMessage } = useContext22(IntlContext);
+  const { formatMessage } = useContext24(IntlContext);
   const [visibleItems, setVisibleItems] = useState10(3);
   const [mobile] = useMediaQuery8([BREAKPOINT_MD_QUERY]);
   const [isOpen, setIsOpen] = useState10(false);
   const showMoreItems = () => {
     setVisibleItems((prevVisibleItems) => prevVisibleItems + 3);
   };
-  return /* @__PURE__ */ jsx54(DefaultSectionContainer31, { children: /* @__PURE__ */ jsx54(Wrapper33, { children: /* @__PURE__ */ jsxs45(Flex28, { flexDir: ["column", null, "row"], children: [
-    /* @__PURE__ */ jsxs45(
-      Box43,
+  return /* @__PURE__ */ jsx57(DefaultSectionContainer32, { children: /* @__PURE__ */ jsx57(Wrapper34, { children: /* @__PURE__ */ jsxs48(Flex30, { flexDir: ["column", null, "row"], children: [
+    /* @__PURE__ */ jsxs48(
+      Box45,
       {
         width: ["full", null, "50%"],
         position: [null, null, "sticky"],
@@ -7924,7 +8105,7 @@ var Timeline = ({ slice }) => {
         height: "full",
         paddingRight: [null, null, "28"],
         children: [
-          /* @__PURE__ */ jsx54(
+          /* @__PURE__ */ jsx57(
             DefaultSectionHeader22,
             {
               tagline: slice.tagline,
@@ -7932,10 +8113,10 @@ var Timeline = ({ slice }) => {
               text: slice.text
             }
           ),
-          mobile && /* @__PURE__ */ jsxs45(Fragment29, { children: [
-            /* @__PURE__ */ jsx54(Spacer15, { height: "10" }),
-            /* @__PURE__ */ jsx54(Flex28, { justifyContent: "center", children: /* @__PURE__ */ jsx54(
-              Box43,
+          mobile && /* @__PURE__ */ jsxs48(Fragment29, { children: [
+            /* @__PURE__ */ jsx57(Spacer15, { height: "10" }),
+            /* @__PURE__ */ jsx57(Flex30, { justifyContent: "center", children: /* @__PURE__ */ jsx57(
+              Box45,
               {
                 borderRadius: "full",
                 width: "3",
@@ -7944,8 +8125,8 @@ var Timeline = ({ slice }) => {
                 backgroundColor: "gray"
               }
             ) }),
-            /* @__PURE__ */ jsx54(
-              Box43,
+            /* @__PURE__ */ jsx57(
+              Box45,
               {
                 overflow: "visible",
                 borderRight: "dashed 1px var(--boemly-colors-gray-200)",
@@ -7958,8 +8139,8 @@ var Timeline = ({ slice }) => {
         ]
       }
     ),
-    /* @__PURE__ */ jsxs45(
-      Box43,
+    /* @__PURE__ */ jsxs48(
+      Box45,
       {
         overflow: "visible",
         maxWidth: ["full", null, "50%"],
@@ -7971,8 +8152,8 @@ var Timeline = ({ slice }) => {
         position: "relative",
         width: "full",
         children: [
-          /* @__PURE__ */ jsx54(Flex28, { flexDir: "column", overflow: "visible", gap: ["8", null, "8"], children: slice.timelineItems.slice(0, visibleItems).map((item, index) => /* @__PURE__ */ jsxs45(
-            SimpleGrid18,
+          /* @__PURE__ */ jsx57(Flex30, { flexDir: "column", overflow: "visible", gap: ["8", null, "8"], children: slice.timelineItems.slice(0, visibleItems).map((item, index) => /* @__PURE__ */ jsxs48(
+            SimpleGrid19,
             {
               gap: ["4", null, "4"],
               columns: [1, null, 2],
@@ -7980,28 +8161,28 @@ var Timeline = ({ slice }) => {
               gridTemplateColumns: [null, null, "1fr 16fr"],
               position: "relative",
               children: [
-                /* @__PURE__ */ jsx54(
-                  Flex28,
+                /* @__PURE__ */ jsx57(
+                  Flex30,
                   {
                     alignItems: "center",
                     justifyContent: ["center", null, "flex-start"],
-                    children: /* @__PURE__ */ jsxs45(
-                      Box43,
+                    children: /* @__PURE__ */ jsxs48(
+                      Box45,
                       {
                         position: "absolute",
                         transform: [null, null, "translateX(-50%)"],
                         backgroundColor: "white",
                         children: [
-                          item.icon ? /* @__PURE__ */ jsx54(Box43, { padding: "2", children: /* @__PURE__ */ jsx54(
-                            Image33,
+                          item.icon ? /* @__PURE__ */ jsx57(Box45, { padding: "2", children: /* @__PURE__ */ jsx57(
+                            Image34,
                             {
                               src: strapiMediaUrl_default(item.icon.img, "xSmall"),
                               alt: item.icon.alt,
                               width: "21",
                               height: "21"
                             }
-                          ) }) : /* @__PURE__ */ jsx54(Box43, { padding: "2", children: /* @__PURE__ */ jsx54(
-                            Box43,
+                          ) }) : /* @__PURE__ */ jsx57(Box45, { padding: "2", children: /* @__PURE__ */ jsx57(
+                            Box45,
                             {
                               borderRadius: "full",
                               backgroundColor: "primary.800",
@@ -8009,8 +8190,8 @@ var Timeline = ({ slice }) => {
                               height: "2"
                             }
                           ) }),
-                          mobile && /* @__PURE__ */ jsx54(
-                            Box43,
+                          mobile && /* @__PURE__ */ jsx57(
+                            Box45,
                             {
                               overflow: "visible",
                               borderRight: "dashed 1px var(--boemly-colors-gray-200)",
@@ -8024,7 +8205,7 @@ var Timeline = ({ slice }) => {
                     )
                   }
                 ),
-                /* @__PURE__ */ jsxs45(
+                /* @__PURE__ */ jsxs48(
                   Container11,
                   {
                     p: [null, null, null, "3"],
@@ -8032,8 +8213,8 @@ var Timeline = ({ slice }) => {
                     position: "relative",
                     elevation: "none",
                     children: [
-                      item.backgroundShapes ? /* @__PURE__ */ jsx54(
-                        Box43,
+                      item.backgroundShapes ? /* @__PURE__ */ jsx57(
+                        Box45,
                         {
                           position: "absolute",
                           left: "0",
@@ -8041,8 +8222,8 @@ var Timeline = ({ slice }) => {
                           width: "full",
                           height: "full",
                           zIndex: "-1",
-                          children: /* @__PURE__ */ jsx54(
-                            Image33,
+                          children: /* @__PURE__ */ jsx57(
+                            Image34,
                             {
                               src: `${CDN_URI}/assets/v3/strapi-slices/timeline-shapes.svg`,
                               alt: formatMessage({
@@ -8056,29 +8237,29 @@ var Timeline = ({ slice }) => {
                             }
                           )
                         }
-                      ) : /* @__PURE__ */ jsx54(Fragment29, {}),
-                      /* @__PURE__ */ jsxs45(Flex28, { flexDir: "column", children: [
-                        /* @__PURE__ */ jsxs45(
-                          Flex28,
+                      ) : /* @__PURE__ */ jsx57(Fragment29, {}),
+                      /* @__PURE__ */ jsxs48(Flex30, { flexDir: "column", children: [
+                        /* @__PURE__ */ jsxs48(
+                          Flex30,
                           {
                             alignItems: "flex-start",
                             justifyContent: "space-between",
                             children: [
-                              /* @__PURE__ */ jsx54(Box43, { children: item.tagline && /* @__PURE__ */ jsxs45(Fragment29, { children: [
-                                /* @__PURE__ */ jsx54(Text24, { color: "primary.800", size: "smMonoUppercase", children: item.tagline }),
-                                /* @__PURE__ */ jsx54(Spacer15, { height: "2" })
+                              /* @__PURE__ */ jsx57(Box45, { children: item.tagline && /* @__PURE__ */ jsxs48(Fragment29, { children: [
+                                /* @__PURE__ */ jsx57(Text26, { color: "primary.800", size: "smMonoUppercase", children: item.tagline }),
+                                /* @__PURE__ */ jsx57(Spacer15, { height: "2" })
                               ] }) }),
-                              /* @__PURE__ */ jsxs45(Flex28, { children: [
-                                item.badge && /* @__PURE__ */ jsx54(
-                                  BoemlyTag4,
+                              /* @__PURE__ */ jsxs48(Flex30, { children: [
+                                item.badge && /* @__PURE__ */ jsx57(
+                                  BoemlyTag6,
                                   {
                                     colorPalette: item.badge.variant,
                                     borderRadius: "md",
                                     children: item.badge.text
                                   }
                                 ),
-                                item.logo && /* @__PURE__ */ jsx54(Box43, { position: "relative", height: "8", width: "16", children: /* @__PURE__ */ jsx54(
-                                  Image33,
+                                item.logo && /* @__PURE__ */ jsx57(Box45, { position: "relative", height: "8", width: "16", children: /* @__PURE__ */ jsx57(
+                                  Image34,
                                   {
                                     src: strapiMediaUrl_default(item.logo.img, "small"),
                                     alt: item.logo.alt,
@@ -8092,8 +8273,8 @@ var Timeline = ({ slice }) => {
                             ]
                           }
                         ),
-                        /* @__PURE__ */ jsx54(
-                          Heading21,
+                        /* @__PURE__ */ jsx57(
+                          Heading22,
                           {
                             size: "lg",
                             mt: ["6", null, null, "3"],
@@ -8101,10 +8282,10 @@ var Timeline = ({ slice }) => {
                             children: item.title
                           }
                         ),
-                        item.text && /* @__PURE__ */ jsx54(Box43, { mt: "3", children: /* @__PURE__ */ jsx54(RichText6, { content: item.text }) }),
-                        item.button && /* @__PURE__ */ jsxs45(Box43, { textAlign: "left", children: [
-                          /* @__PURE__ */ jsx54(Spacer15, { height: "4" }),
-                          /* @__PURE__ */ jsx54(
+                        item.text && /* @__PURE__ */ jsx57(Box45, { mt: "3", children: /* @__PURE__ */ jsx57(RichText6, { content: item.text }) }),
+                        item.button && /* @__PURE__ */ jsxs48(Box45, { textAlign: "left", children: [
+                          /* @__PURE__ */ jsx57(Spacer15, { height: "4" }),
+                          /* @__PURE__ */ jsx57(
                             StrapiLinkButton_default,
                             {
                               link: item.button,
@@ -8114,16 +8295,16 @@ var Timeline = ({ slice }) => {
                             }
                           )
                         ] }),
-                        item.image ? /* @__PURE__ */ jsx54(Fragment29, { children: /* @__PURE__ */ jsxs45(
-                          Box43,
+                        item.image ? /* @__PURE__ */ jsx57(Fragment29, { children: /* @__PURE__ */ jsxs48(
+                          Box45,
                           {
                             position: "relative",
                             mt: "4",
                             height: ["2xs", null, null, null, "48"],
                             minWidth: [null, null, null, null, "50%"],
                             children: [
-                              /* @__PURE__ */ jsx54(
-                                Image33,
+                              /* @__PURE__ */ jsx57(
+                                Image34,
                                 {
                                   src: strapiMediaUrl_default(item.image.img, "xLarge"),
                                   alt: item.image.alt,
@@ -8136,7 +8317,7 @@ var Timeline = ({ slice }) => {
                                   onClick: () => !mobile && setIsOpen(true)
                                 }
                               ),
-                              /* @__PURE__ */ jsx54(
+                              /* @__PURE__ */ jsx57(
                                 FullScreenImage_default,
                                 {
                                   images: [item.image],
@@ -8146,13 +8327,13 @@ var Timeline = ({ slice }) => {
                               )
                             ]
                           }
-                        ) }) : /* @__PURE__ */ jsx54(Fragment29, {})
+                        ) }) : /* @__PURE__ */ jsx57(Fragment29, {})
                       ] })
                     ]
                   }
                 ),
-                mobile && index + 1 < slice.timelineItems.length && /* @__PURE__ */ jsx54(
-                  Box43,
+                mobile && index + 1 < slice.timelineItems.length && /* @__PURE__ */ jsx57(
+                  Box45,
                   {
                     overflow: "visible",
                     borderRight: "dashed 1px var(--boemly-colors-gray-200)",
@@ -8165,9 +8346,9 @@ var Timeline = ({ slice }) => {
             },
             `${item.id}-${index}`
           )) }),
-          visibleItems < slice.timelineItems.length && /* @__PURE__ */ jsxs45(Fragment29, { children: [
-            /* @__PURE__ */ jsx54(
-              Box43,
+          visibleItems < slice.timelineItems.length && /* @__PURE__ */ jsxs48(Fragment29, { children: [
+            /* @__PURE__ */ jsx57(
+              Box45,
               {
                 width: "full",
                 height: ["36", null, null, "64"],
@@ -8177,14 +8358,14 @@ var Timeline = ({ slice }) => {
                 background: "linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.98) 76.54%, #FFF 100%)"
               }
             ),
-            /* @__PURE__ */ jsx54(
-              Box43,
+            /* @__PURE__ */ jsx57(
+              Box45,
               {
                 bottom: "0",
                 textAlign: "center",
                 zIndex: "overlay",
                 position: "relative",
-                children: /* @__PURE__ */ jsx54(
+                children: /* @__PURE__ */ jsx57(
                   Button6,
                   {
                     variant: "outline",
@@ -8208,40 +8389,40 @@ var Timeline_default = Timeline;
 
 // src/slices/Events/Events.tsx
 import {
-  DefaultSectionContainer as DefaultSectionContainer32,
-  Wrapper as Wrapper34,
+  DefaultSectionContainer as DefaultSectionContainer33,
+  Wrapper as Wrapper35,
   Spacer as Spacer16,
   DefaultSectionHeader as DefaultSectionHeader23,
-  SimpleGrid as SimpleGrid19,
-  Box as Box45,
+  SimpleGrid as SimpleGrid20,
+  Box as Box47,
   Button as Button8,
-  Flex as Flex30,
+  Flex as Flex32,
   Center as Center5,
-  Text as Text26,
-  BoemlyTag as BoemlyTag6,
+  Text as Text28,
+  BoemlyTag as BoemlyTag8,
   Select
 } from "boemly";
 import {
   useCallback as useCallback6,
-  useContext as useContext24,
+  useContext as useContext26,
   useEffect as useEffect7,
   useMemo as useMemo6,
   useState as useState12
 } from "react";
 
 // src/components/EventCard/EventCard.tsx
-import { useContext as useContext23, useState as useState11 } from "react";
+import { useContext as useContext25, useState as useState11 } from "react";
 import {
-  Text as Text25,
-  Box as Box44,
-  Flex as Flex29,
-  Heading as Heading22,
+  Text as Text27,
+  Box as Box46,
+  Flex as Flex31,
+  Heading as Heading23,
   Tooltip as Tooltip2,
   useMediaQuery as useMediaQuery9,
   Button as Button7,
-  BoemlyTag as BoemlyTag5
+  BoemlyTag as BoemlyTag7
 } from "boemly";
-import Image34 from "next/image.js";
+import Image35 from "next/image.js";
 import {
   BowlFoodIcon,
   CalendarBlankIcon,
@@ -8262,12 +8443,6 @@ import {
   WebcamIcon
 } from "@phosphor-icons/react";
 
-// src/utils/getCountryFlag.ts
-var getCountryFlag = (countryCode) => {
-  return countryCode.toUpperCase().replace(/./g, (char) => String.fromCodePoint(char.charCodeAt(0) + 127397));
-};
-var getCountryFlag_default = getCountryFlag;
-
 // src/utils/isSameDate.ts
 var isSameDate = (date1, date2) => {
   return date1.getFullYear() === date2.getFullYear() && date1.getMonth() === date2.getMonth() && date1.getDate() === date2.getDate();
@@ -8275,43 +8450,43 @@ var isSameDate = (date1, date2) => {
 var isSameDate_default = isSameDate;
 
 // src/components/EventCard/EventCard.tsx
-import { Fragment as Fragment30, jsx as jsx55, jsxs as jsxs46 } from "react/jsx-runtime";
+import { Fragment as Fragment30, jsx as jsx58, jsxs as jsxs49 } from "react/jsx-runtime";
 var MAX_LENGTH = 120;
 var LOCATION_MAX_LENGTH = 28;
 var getEventIcon = (eventType) => {
   switch (eventType) {
     case "Webinar" /* WEBINAR */:
-      return /* @__PURE__ */ jsx55(WebcamIcon, { size: 12 });
+      return /* @__PURE__ */ jsx58(WebcamIcon, { size: 12 });
     case "Conference" /* CONFERENCE */:
-      return /* @__PURE__ */ jsx55(HeadsetIcon, { size: 12 });
+      return /* @__PURE__ */ jsx58(HeadsetIcon, { size: 12 });
     case "Meet Up" /* MEET_UP */:
-      return /* @__PURE__ */ jsx55(UsersThreeIcon, { size: 12 });
+      return /* @__PURE__ */ jsx58(UsersThreeIcon, { size: 12 });
     case "Forest Walk" /* FOREST_WALK */:
-      return /* @__PURE__ */ jsx55(PersonSimpleWalkIcon, { size: 12 });
+      return /* @__PURE__ */ jsx58(PersonSimpleWalkIcon, { size: 12 });
     case "Partner Event" /* PARTNER_EVENT */:
-      return /* @__PURE__ */ jsx55(HandshakeIcon, { size: 12 });
+      return /* @__PURE__ */ jsx58(HandshakeIcon, { size: 12 });
     case "Lunch & Learn" /* LUNCH_AND_LEARN */:
-      return /* @__PURE__ */ jsx55(BowlFoodIcon, { size: 12 });
+      return /* @__PURE__ */ jsx58(BowlFoodIcon, { size: 12 });
     case "Fair" /* FAIR */:
-      return /* @__PURE__ */ jsx55(ChalkboardTeacherIcon, { size: 12 });
+      return /* @__PURE__ */ jsx58(ChalkboardTeacherIcon, { size: 12 });
     case "Festival" /* FESTIVAL */:
-      return /* @__PURE__ */ jsx55(ConfettiIcon, { size: 12 });
+      return /* @__PURE__ */ jsx58(ConfettiIcon, { size: 12 });
     case "RoadShow" /* ROADSHOW */:
-      return /* @__PURE__ */ jsx55(ProjectorScreenChartIcon, { size: 12 });
+      return /* @__PURE__ */ jsx58(ProjectorScreenChartIcon, { size: 12 });
     default:
-      return /* @__PURE__ */ jsx55(InfoIcon, { size: 12, weight: "fill" });
+      return /* @__PURE__ */ jsx58(InfoIcon, { size: 12, weight: "fill" });
   }
 };
 var EventCard = ({ event }) => {
-  const { formatDate, formatNumber, formatMessage } = useContext23(IntlContext);
+  const { formatDate, formatNumber, formatMessage } = useContext25(IntlContext);
   const [isExpanded, setIsExpanded] = useState11(false);
   const [mobile] = useMediaQuery9([BREAKPOINT_MD_QUERY]);
   const toggleText = () => {
     setIsExpanded(!isExpanded);
   };
   const isLocationTooLong = (event.location?.length ?? 0) >= LOCATION_MAX_LENGTH;
-  return /* @__PURE__ */ jsxs46(
-    Box44,
+  return /* @__PURE__ */ jsxs49(
+    Box46,
     {
       borderRadius: ["xl", null, null, "2xl"],
       height: "full",
@@ -8319,8 +8494,8 @@ var EventCard = ({ event }) => {
       border: "1px solid var(--boemly-colors-gray-200)",
       background: "white",
       children: [
-        /* @__PURE__ */ jsxs46(
-          Box44,
+        /* @__PURE__ */ jsxs49(
+          Box46,
           {
             position: "relative",
             width: "full",
@@ -8333,8 +8508,8 @@ var EventCard = ({ event }) => {
               }
             },
             children: [
-              /* @__PURE__ */ jsx55(
-                Image34,
+              /* @__PURE__ */ jsx58(
+                Image35,
                 {
                   src: strapiMediaUrl_default(event.image?.img, "medium"),
                   alt: event.image?.alt,
@@ -8344,8 +8519,8 @@ var EventCard = ({ event }) => {
                   }
                 }
               ),
-              /* @__PURE__ */ jsx55(
-                Box44,
+              /* @__PURE__ */ jsx58(
+                Box46,
                 {
                   position: "absolute",
                   top: ["6", null, null, "8"],
@@ -8353,8 +8528,8 @@ var EventCard = ({ event }) => {
                   zIndex: "1",
                   width: ["12", null, null, "16"],
                   height: ["12", null, null, "16"],
-                  children: /* @__PURE__ */ jsx55(
-                    Image34,
+                  children: /* @__PURE__ */ jsx58(
+                    Image35,
                     {
                       src: strapiMediaUrl_default(event.logo.img, "medium"),
                       alt: event.logo.alt,
@@ -8371,54 +8546,54 @@ var EventCard = ({ event }) => {
             ]
           }
         ),
-        /* @__PURE__ */ jsxs46(
-          Flex29,
+        /* @__PURE__ */ jsxs49(
+          Flex31,
           {
             flexDir: "column",
             p: ["6", null, null, "8"],
             h: "calc(var(--boemly-sizes-full) - var(--boemly-sizes-44))",
             children: [
-              /* @__PURE__ */ jsxs46(Flex29, { flexDir: "row", mb: "4", gap: "2", flexWrap: "wrap", children: [
-                event.recommended ? /* @__PURE__ */ jsx55(Flex29, { mb: ["2", null, null, "0"], children: /* @__PURE__ */ jsx55(BoemlyTag5, { backgroundColor: "green.600", children: /* @__PURE__ */ jsxs46(Flex29, { alignItems: "center", gap: "1", whiteSpace: "nowrap", children: [
-                  /* @__PURE__ */ jsx55(StarIcon, { size: 12, weight: "fill", color: "white" }),
-                  /* @__PURE__ */ jsx55(Text25, { size: "xsLowBold", color: "white", children: formatMessage({
+              /* @__PURE__ */ jsxs49(Flex31, { flexDir: "row", mb: "4", gap: "2", flexWrap: "wrap", children: [
+                event.recommended ? /* @__PURE__ */ jsx58(Flex31, { mb: ["2", null, null, "0"], children: /* @__PURE__ */ jsx58(BoemlyTag7, { backgroundColor: "green.600", children: /* @__PURE__ */ jsxs49(Flex31, { alignItems: "center", gap: "1", whiteSpace: "nowrap", children: [
+                  /* @__PURE__ */ jsx58(StarIcon, { size: 12, weight: "fill", color: "white" }),
+                  /* @__PURE__ */ jsx58(Text27, { size: "xsLowBold", color: "white", children: formatMessage({
                     id: "sections.eventCard.recommendedEvent"
                   }) })
-                ] }) }) }) : /* @__PURE__ */ jsx55(Fragment30, {}),
-                /* @__PURE__ */ jsxs46(Flex29, { flexWrap: "wrap", gap: "2", children: [
-                  event.eventTypes.map((e) => /* @__PURE__ */ jsx55(BoemlyTag5, { children: /* @__PURE__ */ jsxs46(Flex29, { alignItems: "center", gap: "1", whiteSpace: "nowrap", children: [
+                ] }) }) }) : /* @__PURE__ */ jsx58(Fragment30, {}),
+                /* @__PURE__ */ jsxs49(Flex31, { flexWrap: "wrap", gap: "2", children: [
+                  event.eventTypes.map((e) => /* @__PURE__ */ jsx58(BoemlyTag7, { children: /* @__PURE__ */ jsxs49(Flex31, { alignItems: "center", gap: "1", whiteSpace: "nowrap", children: [
                     getEventIcon(e.eventType),
-                    /* @__PURE__ */ jsx55(Text25, { size: "xsLowBold", color: "gray.800", children: formatMessage({
+                    /* @__PURE__ */ jsx58(Text27, { size: "xsLowBold", color: "gray.800", children: formatMessage({
                       id: `sections.eventCard.eventType.${e.eventType.toLowerCase().replace(/\s+/g, "")}`
                     }) })
                   ] }) }, e.id)),
-                  event.languages.map(({ id, language, countryCode }) => /* @__PURE__ */ jsx55(BoemlyTag5, { children: /* @__PURE__ */ jsxs46(Flex29, { alignItems: "center", gap: "1", whiteSpace: "nowrap", children: [
+                  event.languages.map(({ id, language, countryCode }) => /* @__PURE__ */ jsx58(BoemlyTag7, { children: /* @__PURE__ */ jsxs49(Flex31, { alignItems: "center", gap: "1", whiteSpace: "nowrap", children: [
                     getCountryFlag_default(countryCode),
-                    /* @__PURE__ */ jsx55(Text25, { size: "xsLowBold", color: "gray.800", children: language })
+                    /* @__PURE__ */ jsx58(Text27, { size: "xsLowBold", color: "gray.800", children: language })
                   ] }) }, id))
                 ] })
               ] }),
-              /* @__PURE__ */ jsx55(Heading22, { children: event.title }),
-              /* @__PURE__ */ jsxs46(
-                Flex29,
+              /* @__PURE__ */ jsx58(Heading23, { children: event.title }),
+              /* @__PURE__ */ jsxs49(
+                Flex31,
                 {
                   gap: isLocationTooLong ? "2" : ["2", null, null, "6"],
                   alignItems: mobile || isLocationTooLong ? "flex-start" : "center",
                   my: "4",
                   flexDir: mobile || isLocationTooLong ? "column" : "row",
                   children: [
-                    event.online && /* @__PURE__ */ jsxs46(Flex29, { gap: "2", alignItems: "center", children: [
-                      /* @__PURE__ */ jsx55(
+                    event.online && /* @__PURE__ */ jsxs49(Flex31, { gap: "2", alignItems: "center", children: [
+                      /* @__PURE__ */ jsx58(
                         LaptopIcon,
                         {
                           size: 20,
                           color: "var(--boemly-colors-primary-700)"
                         }
                       ),
-                      /* @__PURE__ */ jsx55(Text25, { size: mobile ? "xsLowBold" : "smLowBold", children: "Online" })
+                      /* @__PURE__ */ jsx58(Text27, { size: mobile ? "xsLowBold" : "smLowBold", children: "Online" })
                     ] }),
-                    event.location && /* @__PURE__ */ jsxs46(Flex29, { gap: "2", alignItems: "center", children: [
-                      /* @__PURE__ */ jsx55(
+                    event.location && /* @__PURE__ */ jsxs49(Flex31, { gap: "2", alignItems: "center", children: [
+                      /* @__PURE__ */ jsx58(
                         MapPinLineIcon,
                         {
                           size: 20,
@@ -8426,17 +8601,17 @@ var EventCard = ({ event }) => {
                           weight: "fill"
                         }
                       ),
-                      /* @__PURE__ */ jsx55(Text25, { size: mobile ? "xsLowBold" : "smLowBold", children: event.location })
+                      /* @__PURE__ */ jsx58(Text27, { size: mobile ? "xsLowBold" : "smLowBold", children: event.location })
                     ] }),
-                    /* @__PURE__ */ jsxs46(Flex29, { alignItems: "center", gap: "2", children: [
-                      /* @__PURE__ */ jsx55(
+                    /* @__PURE__ */ jsxs49(Flex31, { alignItems: "center", gap: "2", children: [
+                      /* @__PURE__ */ jsx58(
                         CalendarBlankIcon,
                         {
                           size: 20,
                           color: "var(--boemly-colors-primary-700)"
                         }
                       ),
-                      /* @__PURE__ */ jsxs46(Text25, { size: mobile ? "xsLowBold" : "smLowBold", children: [
+                      /* @__PURE__ */ jsxs49(Text27, { size: mobile ? "xsLowBold" : "smLowBold", children: [
                         formatDate(event.start, {
                           year: "numeric",
                           month: "2-digit",
@@ -8447,7 +8622,7 @@ var EventCard = ({ event }) => {
                         })}:${formatNumber(new Date(event.start).getUTCMinutes(), {
                           minimumIntegerDigits: 2
                         })}`,
-                        event.end && !isSameDate_default(new Date(event.start), new Date(event.end)) && /* @__PURE__ */ jsxs46(Fragment30, { children: [
+                        event.end && !isSameDate_default(new Date(event.start), new Date(event.end)) && /* @__PURE__ */ jsxs49(Fragment30, { children: [
                           " - ",
                           formatDate(event.end, {
                             year: "numeric",
@@ -8470,51 +8645,51 @@ var EventCard = ({ event }) => {
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx55(
-                Text25,
+              /* @__PURE__ */ jsx58(
+                Text27,
                 {
                   mb: mobile ? "0" : "7",
                   size: mobile ? "xsRegularNormal" : "smRegularNormal",
                   children: isExpanded || !mobile ? event.description : `${event.description.substring(0, MAX_LENGTH)}...`
                 }
               ),
-              event.description.length > MAX_LENGTH && mobile && /* @__PURE__ */ jsx55(Flex29, { justifyContent: "flex-start", children: /* @__PURE__ */ jsxs46(Button7, { mt: "2", onClick: toggleText, variant: "link", children: [
+              event.description.length > MAX_LENGTH && mobile && /* @__PURE__ */ jsx58(Flex31, { justifyContent: "flex-start", children: /* @__PURE__ */ jsxs49(Button7, { mt: "2", onClick: toggleText, variant: "link", children: [
                 formatMessage(
                   isExpanded ? {
                     id: "sections.eventCard.buttonShowLess"
                   } : { id: "sections.eventCard.buttonShowMore" }
                 ),
-                isExpanded ? /* @__PURE__ */ jsx55(CaretUpIcon, { size: "12" }) : /* @__PURE__ */ jsx55(CaretDownIcon, { size: "12" })
+                isExpanded ? /* @__PURE__ */ jsx58(CaretUpIcon, { size: "12" }) : /* @__PURE__ */ jsx58(CaretDownIcon, { size: "12" })
               ] }) }),
-              /* @__PURE__ */ jsxs46(
-                Flex29,
+              /* @__PURE__ */ jsxs49(
+                Flex31,
                 {
                   mt: mobile ? "7" : "auto",
                   justifyContent: mobile ? void 0 : "space-between",
                   flexDir: mobile ? "column-reverse" : "row",
                   gap: mobile ? "4" : "0",
                   children: [
-                    event.button && /* @__PURE__ */ jsx55(Flex29, { width: mobile ? "full" : "auto", children: /* @__PURE__ */ jsx55(
+                    event.button && /* @__PURE__ */ jsx58(Flex31, { width: mobile ? "full" : "auto", children: /* @__PURE__ */ jsx58(
                       StrapiLinkButton_default,
                       {
                         size: "md",
                         variant: event.buttonVariant,
                         link: event.button,
-                        rightIcon: /* @__PURE__ */ jsx55(CaretRightIcon8, { size: "10" }),
+                        rightIcon: /* @__PURE__ */ jsx58(CaretRightIcon8, { size: "10" }),
                         width: "full",
                         component: "EventCard"
                       },
                       event.button.id
                     ) }),
-                    event.speakers && event.speakers.length > 0 && /* @__PURE__ */ jsx55(Flex29, { flexDir: "row", gap: "2", children: event.speakers.map((speaker) => /* @__PURE__ */ jsx55(Box44, { children: /* @__PURE__ */ jsx55(
-                      Box44,
+                    event.speakers && event.speakers.length > 0 && /* @__PURE__ */ jsx58(Flex31, { flexDir: "row", gap: "2", children: event.speakers.map((speaker) => /* @__PURE__ */ jsx58(Box46, { children: /* @__PURE__ */ jsx58(
+                      Box46,
                       {
                         width: ["10", null, null, "12"],
                         height: ["10", null, null, "12"],
                         position: "relative",
                         borderRadius: "2xl",
-                        children: /* @__PURE__ */ jsx55(Tooltip2, { content: speaker.name, children: /* @__PURE__ */ jsx55(
-                          Image34,
+                        children: /* @__PURE__ */ jsx58(Tooltip2, { content: speaker.name, children: /* @__PURE__ */ jsx58(
+                          Image35,
                           {
                             src: strapiMediaUrl_default(speaker.image.img, "medium"),
                             alt: speaker.image.alt,
@@ -8576,11 +8751,11 @@ var useEvents_default = useEvents;
 
 // src/slices/Events/Events.tsx
 import { mutate } from "swr/_internal";
-import { Fragment as Fragment31, jsx as jsx56, jsxs as jsxs47 } from "react/jsx-runtime";
+import { Fragment as Fragment31, jsx as jsx59, jsxs as jsxs50 } from "react/jsx-runtime";
 var UPCOMING_BATCH_SIZE = 6;
 var PAST_BATCH_SIZE = 2;
 var Events = ({ slice }) => {
-  const { formatMessage, locale } = useContext24(IntlContext);
+  const { formatMessage, locale } = useContext26(IntlContext);
   const [eventTypeFilter, setEventTypeFilter] = useState12([]);
   const [languageFilter, setLanguageFilter] = useState12([]);
   const [sort, setSort] = useState12(["newest" /* NEWEST_FIRST */]);
@@ -8709,10 +8884,10 @@ var Events = ({ slice }) => {
   useEffect7(() => {
     mutate(getUpcomingKey);
   }, [eventTypeFilter, languageFilter, sort]);
-  return /* @__PURE__ */ jsxs47(DefaultSectionContainer32, { children: [
-    /* @__PURE__ */ jsxs47(Wrapper34, { children: [
-      slice.upcomingTitle ? /* @__PURE__ */ jsxs47(Fragment31, { children: [
-        /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsxs50(DefaultSectionContainer33, { children: [
+    /* @__PURE__ */ jsxs50(Wrapper35, { children: [
+      slice.upcomingTitle ? /* @__PURE__ */ jsxs50(Fragment31, { children: [
+        /* @__PURE__ */ jsx59(
           DefaultSectionHeader23,
           {
             title: slice.upcomingTitle,
@@ -8721,33 +8896,33 @@ var Events = ({ slice }) => {
             textProps: { maxW: "3xl" }
           }
         ),
-        /* @__PURE__ */ jsx56(Spacer16, { height: "10" })
-      ] }) : /* @__PURE__ */ jsx56(Fragment31, {}),
-      slice.filterSearch && (upcomingEvents || pastEvents) ? /* @__PURE__ */ jsxs47(Fragment31, { children: [
-        /* @__PURE__ */ jsxs47(
-          Flex30,
+        /* @__PURE__ */ jsx59(Spacer16, { height: "10" })
+      ] }) : /* @__PURE__ */ jsx59(Fragment31, {}),
+      slice.filterSearch && (upcomingEvents || pastEvents) ? /* @__PURE__ */ jsxs50(Fragment31, { children: [
+        /* @__PURE__ */ jsxs50(
+          Flex32,
           {
             justifyContent: "space-between",
             direction: ["column-reverse", null, null, "row"],
             alignItems: "baseline",
             gap: "4",
             children: [
-              /* @__PURE__ */ jsxs47(
-                Flex30,
+              /* @__PURE__ */ jsxs50(
+                Flex32,
                 {
                   direction: "column",
                   width: "full",
                   justifyContent: "start",
                   gap: "4",
                   children: [
-                    /* @__PURE__ */ jsxs47(
-                      Flex30,
+                    /* @__PURE__ */ jsxs50(
+                      Flex32,
                       {
                         direction: ["column", null, null, "row"],
                         gap: "4",
                         justifyContent: "start",
                         children: [
-                          /* @__PURE__ */ jsx56(Box45, { position: "relative", width: ["full", null, null, "56"], children: /* @__PURE__ */ jsx56(
+                          /* @__PURE__ */ jsx59(Box47, { position: "relative", width: ["full", null, null, "56"], children: /* @__PURE__ */ jsx59(
                             Select,
                             {
                               isMultiple: true,
@@ -8767,7 +8942,7 @@ var Events = ({ slice }) => {
                               }
                             }
                           ) }),
-                          /* @__PURE__ */ jsx56(Box45, { position: "relative", width: ["full", null, null, "56"], children: /* @__PURE__ */ jsx56(
+                          /* @__PURE__ */ jsx59(Box47, { position: "relative", width: ["full", null, null, "56"], children: /* @__PURE__ */ jsx59(
                             Select,
                             {
                               isMultiple: true,
@@ -8790,13 +8965,13 @@ var Events = ({ slice }) => {
                         ]
                       }
                     ),
-                    /* @__PURE__ */ jsxs47(Box45, { display: "flex", flexWrap: "wrap", minHeight: "6", gap: "2", children: [
+                    /* @__PURE__ */ jsxs50(Box47, { display: "flex", flexWrap: "wrap", minHeight: "6", gap: "2", children: [
                       eventTypeFilter.map((eventType) => {
                         const event = allEventTypeOptions.find(
                           (option) => option.value === eventType
                         );
-                        return /* @__PURE__ */ jsx56(
-                          BoemlyTag6,
+                        return /* @__PURE__ */ jsx59(
+                          BoemlyTag8,
                           {
                             isClosable: true,
                             onClose: () => removeFilter("eventTypes", eventType),
@@ -8809,8 +8984,8 @@ var Events = ({ slice }) => {
                         const language = allLanguageOptions.find(
                           (option) => option.value === singleLanguage
                         );
-                        return /* @__PURE__ */ jsx56(
-                          BoemlyTag6,
+                        return /* @__PURE__ */ jsx59(
+                          BoemlyTag8,
                           {
                             isClosable: true,
                             onClose: () => removeFilter("languages", singleLanguage),
@@ -8823,9 +8998,9 @@ var Events = ({ slice }) => {
                   ]
                 }
               ),
-              /* @__PURE__ */ jsxs47(Box45, { display: "flex", gap: "1px", width: "52", alignItems: "center", children: [
-                /* @__PURE__ */ jsx56(Text26, { size: "smLowNormal", color: "black", width: "20", children: "Sort by:" }),
-                /* @__PURE__ */ jsx56(
+              /* @__PURE__ */ jsxs50(Box47, { display: "flex", gap: "1px", width: "52", alignItems: "center", children: [
+                /* @__PURE__ */ jsx59(Text28, { size: "smLowNormal", color: "black", width: "20", children: "Sort by:" }),
+                /* @__PURE__ */ jsx59(
                   Select,
                   {
                     isMultiple: false,
@@ -8853,12 +9028,12 @@ var Events = ({ slice }) => {
             ]
           }
         ),
-        /* @__PURE__ */ jsx56(Spacer16, { height: ["8", null, null, "16"] })
-      ] }) : /* @__PURE__ */ jsx56(Fragment31, {}),
-      (!upcomingEvents || upcomingEvents.length === 0) && !isLoadingUpcoming ? /* @__PURE__ */ jsx56(Center5, { children: formatMessage({ id: "sections.events.noUpcomingEvents" }) }) : (
+        /* @__PURE__ */ jsx59(Spacer16, { height: ["8", null, null, "16"] })
+      ] }) : /* @__PURE__ */ jsx59(Fragment31, {}),
+      (!upcomingEvents || upcomingEvents.length === 0) && !isLoadingUpcoming ? /* @__PURE__ */ jsx59(Center5, { children: formatMessage({ id: "sections.events.noUpcomingEvents" }) }) : (
         // List of upcoming events
-        /* @__PURE__ */ jsx56(
-          SimpleGrid19,
+        /* @__PURE__ */ jsx59(
+          SimpleGrid20,
           {
             columns: [1, null, null, null, null, 2],
             columnGap: "6",
@@ -8866,11 +9041,11 @@ var Events = ({ slice }) => {
             flexShrink: "0",
             mb: ["10", null, null, "20"],
             placeItems: "center",
-            children: upcomingEvents.map((event) => /* @__PURE__ */ jsx56(Box45, { width: "full", height: "full", children: /* @__PURE__ */ jsx56(EventCard_default, { event: event.attributes }) }, event.id))
+            children: upcomingEvents.map((event) => /* @__PURE__ */ jsx59(Box47, { width: "full", height: "full", children: /* @__PURE__ */ jsx59(EventCard_default, { event: event.attributes }) }, event.id))
           }
         )
       ),
-      /* @__PURE__ */ jsx56(Flex30, { justifyContent: "center", children: !isLoadingUpcoming && canLoadMoreUpcoming && /* @__PURE__ */ jsx56(
+      /* @__PURE__ */ jsx59(Flex32, { justifyContent: "center", children: !isLoadingUpcoming && canLoadMoreUpcoming && /* @__PURE__ */ jsx59(
         Button8,
         {
           onClick: () => {
@@ -8882,9 +9057,9 @@ var Events = ({ slice }) => {
         }
       ) })
     ] }),
-    /* @__PURE__ */ jsx56(Spacer16, { height: ["10", null, null, "28"] }),
-    /* @__PURE__ */ jsx56(Box45, { background: "primary.50", pt: ["8", null, null, "24"], children: /* @__PURE__ */ jsxs47(Wrapper34, { children: [
-      /* @__PURE__ */ jsx56(
+    /* @__PURE__ */ jsx59(Spacer16, { height: ["10", null, null, "28"] }),
+    /* @__PURE__ */ jsx59(Box47, { background: "primary.50", pt: ["8", null, null, "24"], children: /* @__PURE__ */ jsxs50(Wrapper35, { children: [
+      /* @__PURE__ */ jsx59(
         DefaultSectionHeader23,
         {
           title: slice.pastTitle,
@@ -8893,14 +9068,14 @@ var Events = ({ slice }) => {
           textProps: { maxW: "3xl" }
         }
       ),
-      /* @__PURE__ */ jsx56(Spacer16, { height: "10" }),
-      (!pastEvents || pastEvents.length === 0) && !isLoadingPast ? /* @__PURE__ */ jsxs47(Fragment31, { children: [
-        /* @__PURE__ */ jsx56(Center5, { children: formatMessage({ id: "sections.events.noPastEvents" }) }),
-        /* @__PURE__ */ jsx56(Spacer16, { height: "24" })
+      /* @__PURE__ */ jsx59(Spacer16, { height: "10" }),
+      (!pastEvents || pastEvents.length === 0) && !isLoadingPast ? /* @__PURE__ */ jsxs50(Fragment31, { children: [
+        /* @__PURE__ */ jsx59(Center5, { children: formatMessage({ id: "sections.events.noPastEvents" }) }),
+        /* @__PURE__ */ jsx59(Spacer16, { height: "24" })
       ] }) : (
         // List of past events
-        /* @__PURE__ */ jsx56(
-          SimpleGrid19,
+        /* @__PURE__ */ jsx59(
+          SimpleGrid20,
           {
             columns: [1, null, null, null, null, 2],
             columnGap: "6",
@@ -8908,11 +9083,11 @@ var Events = ({ slice }) => {
             flexShrink: "0",
             placeItems: "center",
             mb: ["10", null, null, "20"],
-            children: pastEvents.map((event) => /* @__PURE__ */ jsx56(Box45, { height: "full", width: "full", children: /* @__PURE__ */ jsx56(EventCard_default, { event: event.attributes }) }, event.id))
+            children: pastEvents.map((event) => /* @__PURE__ */ jsx59(Box47, { height: "full", width: "full", children: /* @__PURE__ */ jsx59(EventCard_default, { event: event.attributes }) }, event.id))
           }
         )
       ),
-      /* @__PURE__ */ jsx56(Flex30, { justifyContent: "center", children: !isLoadingPast && canLoadMorePast && /* @__PURE__ */ jsx56(
+      /* @__PURE__ */ jsx59(Flex32, { justifyContent: "center", children: !isLoadingPast && canLoadMorePast && /* @__PURE__ */ jsx59(
         Button8,
         {
           mb: "20",
@@ -8931,6 +9106,66 @@ var Events = ({ slice }) => {
 // src/slices/Events/index.ts
 var Events_default = Events;
 
+// src/slices/HeroWithHighlights/HeroWithHighlights.tsx
+import { Box as Box48, DefaultSectionContainer as DefaultSectionContainer34, Heading as Heading24, Text as Text29, Wrapper as Wrapper36 } from "boemly";
+import { jsx as jsx60, jsxs as jsxs51 } from "react/jsx-runtime";
+var parseTitle = (title) => {
+  const parts = [];
+  const regex = /\[([^\]]+)\]|([^[\]]+)/g;
+  for (const match of title.matchAll(regex)) {
+    if (match[1]) parts.push({ text: match[1], highlighted: true });
+    if (match[2]) parts.push({ text: match[2], highlighted: false });
+  }
+  return parts;
+};
+var VARIANTS6 = {
+  white: { backgroundColor: "white", titleColor: "black" },
+  gray: { backgroundColor: "primary.50", titleColor: "black" }
+};
+var HeroWithHighlights = ({
+  slice
+}) => {
+  const parts = parseTitle(slice.title);
+  const variant = slice.variant || "white";
+  const textAlign = slice.textAlign || "left";
+  return /* @__PURE__ */ jsx60(
+    DefaultSectionContainer34,
+    {
+      backgroundColor: VARIANTS6[variant].backgroundColor,
+      paddingY: ["10", null, "16"],
+      children: /* @__PURE__ */ jsxs51(Wrapper36, { children: [
+        /* @__PURE__ */ jsx60(
+          Heading24,
+          {
+            as: slice.headingLevel || "h1",
+            size: [slice.headingSize || "3xl"],
+            color: VARIANTS6[variant].titleColor,
+            lineHeight: "1.3",
+            fontWeight: "600",
+            textAlign,
+            children: parts.map(
+              (part, i) => part.highlighted ? /* @__PURE__ */ jsx60(Box48, { as: "span", px: "2", backgroundColor: "primary.500", children: part.text }, i) : part.text
+            )
+          }
+        ),
+        slice.subTitle && /* @__PURE__ */ jsx60(
+          Text29,
+          {
+            size: "lgRegularNormal",
+            color: "gray.500",
+            mt: "4",
+            textAlign,
+            children: slice.subTitle
+          }
+        )
+      ] })
+    }
+  );
+};
+
+// src/slices/HeroWithHighlights/index.ts
+var HeroWithHighlights_default = HeroWithHighlights;
+
 // src/slices/Redirect/Redirect.tsx
 import { useRouter as useRouter9 } from "next/router.js";
 import { useEffect as useEffect8 } from "react";
@@ -8953,7 +9188,7 @@ function buildRedirectUrl(url, asPath, query) {
 }
 
 // src/slices/Redirect/Redirect.tsx
-import { Fragment as Fragment32, jsx as jsx57 } from "react/jsx-runtime";
+import { Fragment as Fragment32, jsx as jsx61 } from "react/jsx-runtime";
 var Redirect = ({ slice }) => {
   const router = useRouter9();
   useEffect8(() => {
@@ -8965,289 +9200,317 @@ var Redirect = ({ slice }) => {
     );
     router.replace(redirectUrl);
   }, [slice.url, router]);
-  return /* @__PURE__ */ jsx57(Fragment32, {});
+  return /* @__PURE__ */ jsx61(Fragment32, {});
 };
 
 // src/slices/Redirect/index.ts
 var Redirect_default = Redirect;
 
 // src/components/SliceRenderer/SliceRenderer.tsx
-import { jsx as jsx58 } from "react/jsx-runtime";
+import { jsx as jsx62 } from "react/jsx-runtime";
 var SliceRenderer = ({
   slices,
   blogPosts,
   projects,
   customerStories,
   locale = "en",
+  colors: colors2,
+  fonts,
   CustomSlice,
   analyticsFunction
-}) => /* @__PURE__ */ jsx58(ContextProvider, { locale, analyticsFunction, children: slices.map((slice) => {
-  switch (slice.__component) {
-    case "sections.hero":
-      return /* @__PURE__ */ jsx58(Hero_default, { slice }, `${slice.__component}-${slice.id}`);
-    case "sections.map-hero":
-      return /* @__PURE__ */ jsx58(MapHero_default, { slice }, `${slice.__component}-${slice.id}`);
-    case "sections.rich-text":
-      return /* @__PURE__ */ jsx58(
-        RichTextSection_default,
-        {
-          slice
-        },
-        `${slice.__component}-${slice.id}`
-      );
-    case "sections.left-text-right-card":
-      return /* @__PURE__ */ jsx58(
-        LeftTextRightCard_default,
-        {
-          slice
-        },
-        `${slice.__component}-${slice.id}`
-      );
-    case "sections.text-with-card":
-      return /* @__PURE__ */ jsx58(
-        TextWithCard_default,
-        {
-          slice,
-          projects
-        },
-        `${slice.__component}-${slice.id}`
-      );
-    case "sections.logo-grid-with-text":
-      return /* @__PURE__ */ jsx58(
-        LogoGridWithText_default,
-        {
-          slice
-        },
-        `${slice.__component}-${slice.id}`
-      );
-    case "sections.quote-cards":
-      return /* @__PURE__ */ jsx58(
-        QuoteCards_default,
-        {
-          slice
-        },
-        `${slice.__component}-${slice.id}`
-      );
-    case "sections.q-and-a":
-      return /* @__PURE__ */ jsx58(QAndA_default, { slice }, `${slice.__component}-${slice.id}`);
-    case "sections.image-grid":
-      return /* @__PURE__ */ jsx58(ImageGrid_default, { slice }, `${slice.__component}-${slice.id}`);
-    case "sections.full-width-image":
-      return /* @__PURE__ */ jsx58(
-        FullWidthImage_default,
-        {
-          slice
-        },
-        `${slice.__component}-${slice.id}`
-      );
-    case "sections.text-with-text-cards":
-      return /* @__PURE__ */ jsx58(
-        TextWithTextCards_default,
-        {
-          slice
-        },
-        `${slice.__component}-${slice.id}`
-      );
-    case "sections.text-card-grid":
-      return /* @__PURE__ */ jsx58(
-        TextCardGrid_default,
-        {
-          slice
-        },
-        `${slice.__component}-${slice.id}`
-      );
-    case "sections.icon-grid":
-      return /* @__PURE__ */ jsx58(IconGrid_default, { slice }, `${slice.__component}-${slice.id}`);
-    case "sections.image-text-sequence":
-      return /* @__PURE__ */ jsx58(
-        ImageTextSequence_default,
-        {
-          slice
-        },
-        `${slice.__component}-${slice.id}`
-      );
-    case "sections.steps":
-      return /* @__PURE__ */ jsx58(Steps_default, { slice }, `${slice.__component}-${slice.id}`);
-    case "sections.text-carousel":
-      return /* @__PURE__ */ jsx58(
-        TextCarousel_default,
-        {
-          slice
-        },
-        `${slice.__component}-${slice.id}`
-      );
-    case "sections.link-cards-grid":
-      return /* @__PURE__ */ jsx58(
-        LinkCardsGrid_default,
-        {
-          slice
-        },
-        `${slice.__component}-${slice.id}`
-      );
-    case "sections.small-hero":
-      return /* @__PURE__ */ jsx58(
-        SmallHero_default,
-        {
-          slice,
-          theme: "dark"
-        },
-        `${slice.__component}-${slice.id}`
-      );
-    case "sections.small-hero-light":
-      return /* @__PURE__ */ jsx58(
-        SmallHero_default,
-        {
-          slice,
-          theme: "light"
-        },
-        `${slice.__component}-${slice.id}`
-      );
-    case "sections.project-facts":
-      return /* @__PURE__ */ jsx58(
-        ProjectFacts_default,
-        {
-          slice,
-          project: projects.find((p) => p.id === slice.projectId)
-        },
-        `${slice.__component}-${slice.id}`
-      );
-    case "sections.projects-grid":
-      return /* @__PURE__ */ jsx58(
-        ProjectsGrid_default,
-        {
-          slice,
-          projects
-        },
-        `${slice.__component}-${slice.id}`
-      );
-    case "sections.projects-map":
-      return /* @__PURE__ */ jsx58(
-        ProjectsMap_default,
-        {
-          slice
-        },
-        `${slice.__component}-${slice.id}`
-      );
-    case "sections.video":
-      return /* @__PURE__ */ jsx58(Video_default, { slice }, `${slice.__component}-${slice.id}`);
-    case "sections.full-width-highlight-quote":
-      return /* @__PURE__ */ jsx58(
-        FullWidthHighlightQuote_default,
-        {
-          slice
-        },
-        `${slice.__component}-${slice.id}`
-      );
-    case "sections.full-width-image-slider":
-      return /* @__PURE__ */ jsx58(
-        FullWidthImageSlider_default,
-        {
-          slice
-        },
-        `${slice.__component}-${slice.id}`
-      );
-    case "sections.side-by-side-images":
-      return /* @__PURE__ */ jsx58(
-        SideBySideImages_default,
-        {
-          slice
-        },
-        `${slice.__component}-${slice.id}`
-      );
-    case "sections.cta-only":
-      return /* @__PURE__ */ jsx58(CtaOnly_default, { slice }, `${slice.__component}-${slice.id}`);
-    case "sections.cta":
-      return /* @__PURE__ */ jsx58(Cta_default, { slice }, `${slice.__component}-${slice.id}`);
-    case "sections.shop-checkout":
-      return /* @__PURE__ */ jsx58(
-        ShopCheckout_default,
-        {
-          slice
-        },
-        `${slice.__component}-${slice.id}`
-      );
-    case "sections.facts":
-      return /* @__PURE__ */ jsx58(Facts_default, { slice }, `${slice.__component}-${slice.id}`);
-    case "sections.blog-cards":
-      return /* @__PURE__ */ jsx58(
-        BlogCards_default,
-        {
-          slice,
-          blogPosts
-        },
-        `${slice.__component}-${slice.id}`
-      );
-    case "sections.blog":
-      return /* @__PURE__ */ jsx58(
-        Blog_default,
-        {
-          slice: {
-            ...slice,
-            blog_posts: slice.blog_posts.data
-          },
-          blogPosts
-        },
-        `${slice.__component}-${slice.id}`
-      );
-    case "sections.glossary":
-      return /* @__PURE__ */ jsx58(
-        Glossary_default,
-        {
-          slice: {
-            ...slice,
-            glossary_items: slice.glossary_items.data
+}) => /* @__PURE__ */ jsx62(
+  ContextProvider,
+  {
+    locale,
+    analyticsFunction,
+    colors: colors2,
+    fonts,
+    children: slices.map((slice) => {
+      switch (slice.__component) {
+        case "sections.hero":
+          return /* @__PURE__ */ jsx62(Hero_default, { slice }, `${slice.__component}-${slice.id}`);
+        case "sections.map-hero":
+          return /* @__PURE__ */ jsx62(MapHero_default, { slice }, `${slice.__component}-${slice.id}`);
+        case "sections.rich-text":
+          return /* @__PURE__ */ jsx62(
+            RichTextSection_default,
+            {
+              slice
+            },
+            `${slice.__component}-${slice.id}`
+          );
+        case "sections.left-text-right-card":
+          return /* @__PURE__ */ jsx62(
+            LeftTextRightCard_default,
+            {
+              slice
+            },
+            `${slice.__component}-${slice.id}`
+          );
+        case "sections.text-with-card":
+          return /* @__PURE__ */ jsx62(
+            TextWithCard_default,
+            {
+              slice,
+              projects
+            },
+            `${slice.__component}-${slice.id}`
+          );
+        case "sections.logo-grid-with-text":
+          return /* @__PURE__ */ jsx62(
+            LogoGridWithText_default,
+            {
+              slice
+            },
+            `${slice.__component}-${slice.id}`
+          );
+        case "sections.quote-cards":
+          return /* @__PURE__ */ jsx62(
+            QuoteCards_default,
+            {
+              slice
+            },
+            `${slice.__component}-${slice.id}`
+          );
+        case "sections.q-and-a":
+          return /* @__PURE__ */ jsx62(QAndA_default, { slice }, `${slice.__component}-${slice.id}`);
+        case "sections.image-grid":
+          return /* @__PURE__ */ jsx62(ImageGrid_default, { slice }, `${slice.__component}-${slice.id}`);
+        case "sections.full-width-image":
+          return /* @__PURE__ */ jsx62(
+            FullWidthImage_default,
+            {
+              slice
+            },
+            `${slice.__component}-${slice.id}`
+          );
+        case "sections.text-with-text-cards":
+          return /* @__PURE__ */ jsx62(
+            TextWithTextCards_default,
+            {
+              slice
+            },
+            `${slice.__component}-${slice.id}`
+          );
+        case "sections.text-card-grid":
+          return /* @__PURE__ */ jsx62(
+            TextCardGrid_default,
+            {
+              slice
+            },
+            `${slice.__component}-${slice.id}`
+          );
+        case "sections.icon-grid":
+          return /* @__PURE__ */ jsx62(IconGrid_default, { slice }, `${slice.__component}-${slice.id}`);
+        case "sections.image-text-sequence":
+          return /* @__PURE__ */ jsx62(
+            ImageTextSequence_default,
+            {
+              slice
+            },
+            `${slice.__component}-${slice.id}`
+          );
+        case "sections.steps":
+          return /* @__PURE__ */ jsx62(Steps_default, { slice }, `${slice.__component}-${slice.id}`);
+        case "sections.text-carousel":
+          return /* @__PURE__ */ jsx62(
+            TextCarousel_default,
+            {
+              slice
+            },
+            `${slice.__component}-${slice.id}`
+          );
+        case "sections.link-cards-grid":
+          return /* @__PURE__ */ jsx62(
+            LinkCardsGrid_default,
+            {
+              slice
+            },
+            `${slice.__component}-${slice.id}`
+          );
+        case "sections.small-hero":
+          return /* @__PURE__ */ jsx62(
+            SmallHero_default,
+            {
+              slice,
+              theme: "dark"
+            },
+            `${slice.__component}-${slice.id}`
+          );
+        case "sections.small-hero-light":
+          return /* @__PURE__ */ jsx62(
+            SmallHero_default,
+            {
+              slice,
+              theme: "light"
+            },
+            `${slice.__component}-${slice.id}`
+          );
+        case "sections.project-facts":
+          return /* @__PURE__ */ jsx62(
+            ProjectFacts_default,
+            {
+              slice,
+              project: projects.find((p) => p.id === slice.projectId)
+            },
+            `${slice.__component}-${slice.id}`
+          );
+        case "sections.projects-grid":
+          return /* @__PURE__ */ jsx62(
+            ProjectsGrid_default,
+            {
+              slice,
+              projects
+            },
+            `${slice.__component}-${slice.id}`
+          );
+        case "sections.projects-grid-v2":
+          return /* @__PURE__ */ jsx62(
+            ProjectsGridV2_default,
+            {
+              slice,
+              projects
+            },
+            `${slice.__component}-${slice.id}`
+          );
+        case "sections.projects-map":
+          return /* @__PURE__ */ jsx62(
+            ProjectsMap_default,
+            {
+              slice
+            },
+            `${slice.__component}-${slice.id}`
+          );
+        case "sections.video":
+          return /* @__PURE__ */ jsx62(Video_default, { slice }, `${slice.__component}-${slice.id}`);
+        case "sections.full-width-highlight-quote":
+          return /* @__PURE__ */ jsx62(
+            FullWidthHighlightQuote_default,
+            {
+              slice
+            },
+            `${slice.__component}-${slice.id}`
+          );
+        case "sections.full-width-image-slider":
+          return /* @__PURE__ */ jsx62(
+            FullWidthImageSlider_default,
+            {
+              slice
+            },
+            `${slice.__component}-${slice.id}`
+          );
+        case "sections.side-by-side-images":
+          return /* @__PURE__ */ jsx62(
+            SideBySideImages_default,
+            {
+              slice
+            },
+            `${slice.__component}-${slice.id}`
+          );
+        case "sections.cta-only":
+          return /* @__PURE__ */ jsx62(CtaOnly_default, { slice }, `${slice.__component}-${slice.id}`);
+        case "sections.cta":
+          return /* @__PURE__ */ jsx62(Cta_default, { slice }, `${slice.__component}-${slice.id}`);
+        case "sections.shop-checkout":
+          return /* @__PURE__ */ jsx62(
+            ShopCheckout_default,
+            {
+              slice
+            },
+            `${slice.__component}-${slice.id}`
+          );
+        case "sections.facts":
+          return /* @__PURE__ */ jsx62(Facts_default, { slice }, `${slice.__component}-${slice.id}`);
+        case "sections.blog-cards":
+          return /* @__PURE__ */ jsx62(
+            BlogCards_default,
+            {
+              slice,
+              blogPosts
+            },
+            `${slice.__component}-${slice.id}`
+          );
+        case "sections.blog":
+          return /* @__PURE__ */ jsx62(
+            Blog_default,
+            {
+              slice: {
+                ...slice,
+                blog_posts: slice.blog_posts.data
+              },
+              blogPosts
+            },
+            `${slice.__component}-${slice.id}`
+          );
+        case "sections.glossary":
+          return /* @__PURE__ */ jsx62(
+            Glossary_default,
+            {
+              slice: {
+                ...slice,
+                glossary_items: slice.glossary_items.data
+              }
+            },
+            `${slice.__component}-${slice.id}`
+          );
+        case "sections.customer-stories":
+          return /* @__PURE__ */ jsx62(
+            CustomerStories_default,
+            {
+              slice: {
+                ...slice,
+                customer_stories: slice.customer_stories.data
+              },
+              customerStories
+            },
+            `${slice.__component}-${slice.id}`
+          );
+        case "sections.comparison":
+          return /* @__PURE__ */ jsx62(
+            Comparison_default,
+            {
+              slice
+            },
+            `${slice.__component}-${slice.id}`
+          );
+        case "sections.timeline":
+          return /* @__PURE__ */ jsx62(Timeline_default, { slice }, `${slice.__component}-${slice.id}`);
+        case "sections.carousel-marquee-banner":
+          return /* @__PURE__ */ jsx62(
+            CarouselMarqueeBanner_default,
+            {
+              slice
+            },
+            `${slice.__component}-${slice.id}`
+          );
+        case "sections.events":
+          return /* @__PURE__ */ jsx62(Events_default, { slice }, `${slice.__component}-${slice.id}`);
+        case "sections.redirect":
+          return /* @__PURE__ */ jsx62(Redirect_default, { slice }, `${slice.__component}-${slice.id}`);
+        case "sections.hero-with-highlights":
+          return /* @__PURE__ */ jsx62(
+            HeroWithHighlights_default,
+            {
+              slice
+            },
+            `${slice.__component}-${slice.id}`
+          );
+        default:
+          if (CustomSlice) {
+            return /* @__PURE__ */ jsx62(
+              CustomSlice,
+              {
+                id: slice.__component,
+                slice
+              },
+              `${slice.__component}-${slice.id}`
+            );
           }
-        },
-        `${slice.__component}-${slice.id}`
-      );
-    case "sections.customer-stories":
-      return /* @__PURE__ */ jsx58(
-        CustomerStories_default,
-        {
-          slice: {
-            ...slice,
-            customer_stories: slice.customer_stories.data
-          },
-          customerStories
-        },
-        `${slice.__component}-${slice.id}`
-      );
-    case "sections.comparison":
-      return /* @__PURE__ */ jsx58(
-        Comparison_default,
-        {
-          slice
-        },
-        `${slice.__component}-${slice.id}`
-      );
-    case "sections.timeline":
-      return /* @__PURE__ */ jsx58(Timeline_default, { slice }, `${slice.__component}-${slice.id}`);
-    case "sections.carousel-marquee-banner":
-      return /* @__PURE__ */ jsx58(
-        CarouselMarqueeBanner_default,
-        {
-          slice
-        },
-        `${slice.__component}-${slice.id}`
-      );
-    case "sections.events":
-      return /* @__PURE__ */ jsx58(Events_default, { slice }, `${slice.__component}-${slice.id}`);
-    case "sections.redirect":
-      return /* @__PURE__ */ jsx58(Redirect_default, { slice }, `${slice.__component}-${slice.id}`);
-    default:
-      if (CustomSlice) {
-        return /* @__PURE__ */ jsx58(
-          CustomSlice,
-          {
-            id: slice.__component,
-            slice
-          },
-          `${slice.__component}-${slice.id}`
-        );
+          return /* @__PURE__ */ jsx62("div", { children: "Slice component not supported" }, `${slice.__component}-${slice.id}`);
       }
-      return /* @__PURE__ */ jsx58("div", { children: "Slice component not supported" }, `${slice.__component}-${slice.id}`);
+    })
   }
-}) });
+);
 export {
   PreviewAlert,
   SEOTags,