@treely/strapi-slices 8.1.0 → 8.2.0

package/dist/index.js

@@ -4202,10 +4202,10 @@ var ProjectGridCardV2 = ({
       )
     ] }),
     /* @__PURE__ */ jsxs28(Box23, { padding: "6", backgroundColor: "white", children: [
-      /* @__PURE__ */ jsx32(Heading11, { size: "2xl", color: "primary.700", mb: "2", children: project.friendlyName || project.title }),
+      /* @__PURE__ */ jsx32(Heading11, { size: "xl", 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__ */ jsx32(MapPinIcon, { size: 20, color: "var(--boemly-colors-gray-500)" }),
           /* @__PURE__ */ jsxs28(Text12, { fontSize: "lg", color: "gray.500", children: [
             project.location,
             " ",
@@ -4213,7 +4213,7 @@ var ProjectGridCardV2 = ({
           ] })
         ] }),
         /* @__PURE__ */ jsxs28(Flex14, { alignItems: "center", gap: "3", children: [
-          /* @__PURE__ */ jsx32(ArrowsOutIcon, { size: 20, color: "var(--boemly-colors-gray-400)" }),
+          /* @__PURE__ */ jsx32(ArrowsOutIcon, { size: 20, color: "var(--boemly-colors-gray-500)" }),
           /* @__PURE__ */ jsx32(Text12, { fontSize: "lg", color: "gray.500", children: formatNumber(
             (project.area || 0) / 1e4,
             FORMAT_AS_HECTARE_CONFIG
@@ -5025,7 +5025,9 @@ var projectPinImage = "https://cdn.jsdelivr.net/npm/@phosphor-icons/core@2.0.2/a
 mapboxgl.accessToken = MAPBOX_TOKEN;
 var FALLBACK_BBOX = "-1.9950830850086163,44.4464186384987,21.995083085002875,54.12644342419196";
 var ProjectsMap = ({
-  slice
+  slice,
+  embedded = false,
+  embeddedHeight = "md"
 }) => {
   const { locale, formatMessage } = useContext13(IntlContext);
   const mapContainer = useRef4(null);
@@ -5344,7 +5346,8 @@ var ProjectsMap = ({
       style: "mapbox://styles/mapbox/streets-v12",
       center: initialCenter,
       zoom: initialZoom,
-      maxZoom: MAPBOX_MAX_ZOOM
+      maxZoom: MAPBOX_MAX_ZOOM,
+      minZoom: slice.minZoomLevel
     });
     map.current.addControl(new mapboxgl.NavigationControl(), "top-right");
     map.current.on("load", () => {
@@ -5372,6 +5375,7 @@ var ProjectsMap = ({
   }, [
     slice.defaultCenterCoordinates,
     slice.defaultZoomLevel,
+    slice.minZoomLevel,
     debouncedUpdateBbox
   ]);
   useEffect4(() => {
@@ -5390,7 +5394,7 @@ var ProjectsMap = ({
       const bbox = `${longitude - buffer},${latitude - buffer},${longitude + buffer},${latitude + buffer}`;
       initialBboxRef.current = bbox;
       fetchProjectsData(bbox);
-    } else if (navigator.geolocation) {
+    } else if (navigator.geolocation && !slice.disableUserLocationZoom) {
       initialBboxRef.current = FALLBACK_BBOX;
       fetchProjectsData(FALLBACK_BBOX);
       navigator.geolocation.getCurrentPosition(
@@ -5421,6 +5425,7 @@ var ProjectsMap = ({
   }, [
     slice.defaultCenterCoordinates,
     slice.defaultZoomLevel,
+    slice.disableUserLocationZoom,
     fetchProjectsData
   ]);
   useEffect4(() => {
@@ -5428,10 +5433,24 @@ var ProjectsMap = ({
       addProjectsLayer();
     }
   }, [isMapReady, featureCollection, addProjectsLayer]);
+  if (embedded) {
+    return /* @__PURE__ */ jsxs29(Fragment17, { children: [
+      /* @__PURE__ */ jsx34(Global2, { styles: mapboxStyle_default }),
+      /* @__PURE__ */ jsx34(
+        Box25,
+        {
+          height: embeddedHeight,
+          ref: mapContainer,
+          borderRadius: "xl",
+          overflow: "hidden"
+        }
+      )
+    ] });
+  }
   return /* @__PURE__ */ jsxs29(DefaultSectionContainer17, { children: [
     /* @__PURE__ */ jsx34(Global2, { styles: mapboxStyle_default }),
     /* @__PURE__ */ jsxs29(Wrapper22, { children: [
-      slice.title ? /* @__PURE__ */ jsxs29(Fragment17, { children: [
+      slice.title && /* @__PURE__ */ jsxs29(Fragment17, { children: [
         /* @__PURE__ */ jsx34(
           DefaultSectionHeader16,
           {
@@ -5452,7 +5471,7 @@ var ProjectsMap = ({
           }
         ),
         /* @__PURE__ */ jsx34(Box25, { height: "16" })
-      ] }) : /* @__PURE__ */ jsx34(Fragment17, {}),
+      ] }),
       /* @__PURE__ */ jsx34(
         Box25,
         {
@@ -5463,7 +5482,7 @@ var ProjectsMap = ({
           boxShadow: ["md", null, null, "none"]
         }
       ),
-      /* @__PURE__ */ jsx34(Fragment17, { children: isLoading && /* @__PURE__ */ jsx34(Box25, { children: "Loading projects..." }) })
+      isLoading && /* @__PURE__ */ jsx34(Box25, { children: "Loading projects..." })
     ] })
   ] });
 };
@@ -6527,10 +6546,11 @@ import {
   Flex as Flex19,
   Heading as Heading13,
   Spacer as Spacer8,
-  Text as Text18
+  Text as Text18,
+  Wrapper as Wrapper30
 } from "boemly";
 import { Fragment as Fragment20, jsx as jsx43, jsxs as jsxs36 } from "react/jsx-runtime";
-var VARIANTS3 = {
+var FACTS_COLOR_VARIANTS = {
   gray: {
     backgroundColor: "primary.50",
     tagLineColor: "primary.500",
@@ -6559,14 +6579,13 @@ var VARIANTS3 = {
 var Facts = ({ slice }) => /* @__PURE__ */ jsx43(
   DefaultSectionContainer26,
   {
-    backgroundColor: VARIANTS3[slice.variant].backgroundColor,
+    backgroundColor: FACTS_COLOR_VARIANTS[slice.variant].backgroundColor,
     flexDir: "column",
     textAlign: "center",
     justifyContent: "space-between",
-    paddingX: ["6", null, "8"],
     title: slice.title,
     paddingY: "12",
-    children: /* @__PURE__ */ jsxs36(Fragment20, { children: [
+    children: /* @__PURE__ */ jsxs36(Wrapper30, { children: [
       slice.title && /* @__PURE__ */ jsxs36(Fragment20, { children: [
         /* @__PURE__ */ jsx43(
           DefaultSectionHeader19,
@@ -6575,17 +6594,17 @@ var Facts = ({ slice }) => /* @__PURE__ */ jsx43(
             text: slice.subTitle,
             title: slice.title,
             taglineProps: {
-              color: VARIANTS3[slice.variant].tagLineColor,
+              color: FACTS_COLOR_VARIANTS[slice.variant].tagLineColor,
               textAlign: "center"
             },
             titleProps: {
-              color: VARIANTS3[slice.variant].titleColor,
+              color: FACTS_COLOR_VARIANTS[slice.variant].titleColor,
               textAlign: "center",
               maxW: "6xl",
               marginX: "auto"
             },
             textProps: {
-              color: VARIANTS3[slice.variant].subTitleColor,
+              color: FACTS_COLOR_VARIANTS[slice.variant].subTitleColor,
               textAlign: "center",
               maxW: "3xl",
               marginX: "auto"
@@ -6600,7 +6619,6 @@ var Facts = ({ slice }) => /* @__PURE__ */ jsx43(
           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__ */ jsxs36(
             Flex19,
@@ -6616,7 +6634,7 @@ var Facts = ({ slice }) => /* @__PURE__ */ jsx43(
                     fontFamily: "display",
                     lineHeight: "10",
                     fontWeight: "700",
-                    color: VARIANTS3[slice.variant].factValueColor,
+                    color: FACTS_COLOR_VARIANTS[slice.variant].factValueColor,
                     mb: "2",
                     as: "p",
                     children: fact.value
@@ -6626,7 +6644,7 @@ var Facts = ({ slice }) => /* @__PURE__ */ jsx43(
                   Text18,
                   {
                     size: "mdLowNormal",
-                    color: VARIANTS3[slice.variant].factKeyColor,
+                    color: FACTS_COLOR_VARIANTS[slice.variant].factKeyColor,
                     children: fact.key
                   }
                 )
@@ -6664,7 +6682,7 @@ import {
   DatePersonPair as DatePersonPair2,
   DefaultSectionHeader as DefaultSectionHeader20,
   DefaultSectionContainer as DefaultSectionContainer27,
-  Wrapper as Wrapper30,
+  Wrapper as Wrapper31,
   SimpleGrid as SimpleGrid15,
   Box as Box34,
   Flex as Flex20,
@@ -6675,7 +6693,7 @@ 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 jsx44, jsxs as jsxs37 } from "react/jsx-runtime";
-var VARIANTS4 = {
+var VARIANTS3 = {
   white: {
     backgroundColor: "white"
   },
@@ -6704,9 +6722,9 @@ var BlogCards = ({
   return /* @__PURE__ */ jsx44(
     DefaultSectionContainer27,
     {
-      backgroundColor: VARIANTS4[slice.variant].backgroundColor,
+      backgroundColor: VARIANTS3[slice.variant].backgroundColor,
       title: slice.title,
-      children: /* @__PURE__ */ jsxs37(Wrapper30, { children: [
+      children: /* @__PURE__ */ jsxs37(Wrapper31, { children: [
         mobile || !slice.button ? /* @__PURE__ */ jsx44(
           DefaultSectionHeader20,
           {
@@ -6817,7 +6835,7 @@ var BlogCards_default = BlogCards;
 
 // src/slices/ProjectFacts/ProjectFacts.tsx
 import { useEffect as useEffect5, useState as useState8 } from "react";
-import { DefaultSectionContainer as DefaultSectionContainer28, Flex as Flex25, Wrapper as Wrapper31 } from "boemly";
+import { DefaultSectionContainer as DefaultSectionContainer28, Flex as Flex25, Wrapper as Wrapper32 } from "boemly";
 
 // src/components/portfolio/SmallCheckout/SmallCheckout.tsx
 import { useCallback as useCallback4, useContext as useContext18 } from "react";
@@ -7452,9 +7470,9 @@ var ProjectFacts = ({
     return /* @__PURE__ */ jsx49(Fragment24, { children: "Invalid configuration, check if a project this id exists in the FPM" });
   }
   if (isLoading) {
-    return /* @__PURE__ */ jsx49(DefaultSectionContainer28, { children: /* @__PURE__ */ jsx49(Wrapper31, { children: /* @__PURE__ */ jsx49("div", { children: "Loading project data..." }) }) });
+    return /* @__PURE__ */ jsx49(DefaultSectionContainer28, { children: /* @__PURE__ */ jsx49(Wrapper32, { children: /* @__PURE__ */ jsx49("div", { children: "Loading project data..." }) }) });
   }
-  return /* @__PURE__ */ jsx49(DefaultSectionContainer28, { children: /* @__PURE__ */ jsx49(Wrapper31, { children: /* @__PURE__ */ jsxs42(Flex25, { flexDir: ["column", null, null, "row"], gap: "4", width: "full", children: [
+  return /* @__PURE__ */ jsx49(DefaultSectionContainer28, { children: /* @__PURE__ */ jsx49(Wrapper32, { 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 }),
@@ -7488,7 +7506,7 @@ var ProjectFacts = ({
 var ProjectFacts_default = ProjectFacts;
 
 // src/slices/CustomerStories/CustomerStories.tsx
-import { Box as Box41, DefaultSectionContainer as DefaultSectionContainer29, SimpleGrid as SimpleGrid17, Wrapper as Wrapper32 } from "boemly";
+import { Box as Box41, DefaultSectionContainer as DefaultSectionContainer29, SimpleGrid as SimpleGrid17, Wrapper as Wrapper33 } from "boemly";
 
 // src/components/CustomerCard/CustomerCard.tsx
 import { Container as Container7, Center as Center4, Heading as Heading18, Button as Button4, Box as Box38, Text as Text23, Flex as Flex26 } from "boemly";
@@ -7600,7 +7618,7 @@ var CustomerStories = ({
   slice,
   customerStories
 }) => {
-  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) => {
+  return /* @__PURE__ */ jsx53(DefaultSectionContainer29, { children: /* @__PURE__ */ jsx53(Wrapper33, { 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
     );
@@ -7624,7 +7642,7 @@ import {
   Container as Container10,
   DefaultSectionContainer as DefaultSectionContainer30,
   DefaultSectionHeader as DefaultSectionHeader21,
-  Wrapper as Wrapper33,
+  Wrapper as Wrapper34,
   Text as Text25,
   Flex as Flex28,
   Box as Box43,
@@ -7669,7 +7687,7 @@ var Icon = ({ variant, icon }) => {
 
 // src/slices/Comparison/Comparison.tsx
 import { Fragment as Fragment27, jsx as jsx55, jsxs as jsxs46 } from "react/jsx-runtime";
-var VARIANTS5 = {
+var VARIANTS4 = {
   gray: {
     backgroundColor: "primary.50",
     textColor: "black",
@@ -7696,7 +7714,7 @@ var Comparison = ({
   slice
 }) => {
   const { formatMessage } = useContext23(IntlContext);
-  return /* @__PURE__ */ jsx55(DefaultSectionContainer30, { children: /* @__PURE__ */ jsxs46(Wrapper33, { children: [
+  return /* @__PURE__ */ jsx55(DefaultSectionContainer30, { children: /* @__PURE__ */ jsxs46(Wrapper34, { children: [
     slice.title ? /* @__PURE__ */ jsxs46(Fragment27, { children: [
       /* @__PURE__ */ jsx55(Flex28, { alignItems: "center", flexDirection: "column", children: /* @__PURE__ */ jsx55(
         DefaultSectionHeader21,
@@ -7728,7 +7746,7 @@ var Comparison = ({
             position: "relative",
             elevation: "none",
             p: "3",
-            backgroundColor: VARIANTS5[comparisonCard.variant].backgroundColor,
+            backgroundColor: VARIANTS4[comparisonCard.variant].backgroundColor,
             children: [
               comparisonCard.variant === "green" ? /* @__PURE__ */ jsx55(
                 Box43,
@@ -7772,7 +7790,7 @@ var Comparison = ({
                     Heading20,
                     {
                       size: "xl",
-                      color: VARIANTS5[comparisonCard.variant].textColor,
+                      color: VARIANTS4[comparisonCard.variant].textColor,
                       whiteSpace: "pre-line",
                       children: comparisonCard.title
                     }
@@ -7793,7 +7811,7 @@ var Comparison = ({
                 Text25,
                 {
                   size: "smRegularNormal",
-                  color: VARIANTS5[comparisonCard.variant].subTitleColor,
+                  color: VARIANTS4[comparisonCard.variant].subTitleColor,
                   children: comparisonCard.subTitle
                 }
               ),
@@ -7804,7 +7822,7 @@ var Comparison = ({
                     /* @__PURE__ */ jsx55(
                       Text25,
                       {
-                        color: VARIANTS5[comparisonCard.variant].factColor,
+                        color: VARIANTS4[comparisonCard.variant].factColor,
                         size: "lgMonoNormal",
                         children: comparisonCard.factTitle
                       }
@@ -7812,7 +7830,7 @@ var Comparison = ({
                     /* @__PURE__ */ jsx55(
                       Text25,
                       {
-                        color: VARIANTS5[comparisonCard.variant].factColor,
+                        color: VARIANTS4[comparisonCard.variant].factColor,
                         size: "smLowNormal",
                         children: comparisonCard.factSubtitle
                       }
@@ -7836,14 +7854,14 @@ var Comparison = ({
                   Separator5,
                   {
                     my: "8",
-                    color: VARIANTS5[comparisonCard.variant].dividerColor
+                    color: VARIANTS4[comparisonCard.variant].dividerColor
                   }
                 ),
                 /* @__PURE__ */ jsx55(
                   Text25,
                   {
                     size: "smLowBold",
-                    color: VARIANTS5[comparisonCard.variant].textColor,
+                    color: VARIANTS4[comparisonCard.variant].textColor,
                     children: list.title
                   }
                 ),
@@ -7861,7 +7879,7 @@ var Comparison = ({
                       Text25,
                       {
                         size: "smLowNormal",
-                        color: VARIANTS5[comparisonCard.variant].textColor,
+                        color: VARIANTS4[comparisonCard.variant].textColor,
                         children: item.text
                       }
                     )
@@ -8080,7 +8098,7 @@ import {
   SimpleGrid as SimpleGrid19,
   Spacer as Spacer15,
   Text as Text26,
-  Wrapper as Wrapper34,
+  Wrapper as Wrapper35,
   useMediaQuery as useMediaQuery8,
   BoemlyTag as BoemlyTag6
 } from "boemly";
@@ -8095,7 +8113,7 @@ var Timeline = ({ slice }) => {
   const showMoreItems = () => {
     setVisibleItems((prevVisibleItems) => prevVisibleItems + 3);
   };
-  return /* @__PURE__ */ jsx57(DefaultSectionContainer32, { children: /* @__PURE__ */ jsx57(Wrapper34, { children: /* @__PURE__ */ jsxs48(Flex30, { flexDir: ["column", null, "row"], children: [
+  return /* @__PURE__ */ jsx57(DefaultSectionContainer32, { children: /* @__PURE__ */ jsx57(Wrapper35, { children: /* @__PURE__ */ jsxs48(Flex30, { flexDir: ["column", null, "row"], children: [
     /* @__PURE__ */ jsxs48(
       Box45,
       {
@@ -8390,7 +8408,7 @@ var Timeline_default = Timeline;
 // src/slices/Events/Events.tsx
 import {
   DefaultSectionContainer as DefaultSectionContainer33,
-  Wrapper as Wrapper35,
+  Wrapper as Wrapper36,
   Spacer as Spacer16,
   DefaultSectionHeader as DefaultSectionHeader23,
   SimpleGrid as SimpleGrid20,
@@ -8885,7 +8903,7 @@ var Events = ({ slice }) => {
     mutate(getUpcomingKey);
   }, [eventTypeFilter, languageFilter, sort]);
   return /* @__PURE__ */ jsxs50(DefaultSectionContainer33, { children: [
-    /* @__PURE__ */ jsxs50(Wrapper35, { children: [
+    /* @__PURE__ */ jsxs50(Wrapper36, { children: [
       slice.upcomingTitle ? /* @__PURE__ */ jsxs50(Fragment31, { children: [
         /* @__PURE__ */ jsx59(
           DefaultSectionHeader23,
@@ -9058,7 +9076,7 @@ var Events = ({ slice }) => {
       ) })
     ] }),
     /* @__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(Box47, { background: "primary.50", pt: ["8", null, null, "24"], children: /* @__PURE__ */ jsxs50(Wrapper36, { children: [
       /* @__PURE__ */ jsx59(
         DefaultSectionHeader23,
         {
@@ -9107,7 +9125,7 @@ var Events = ({ slice }) => {
 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 { Box as Box48, DefaultSectionContainer as DefaultSectionContainer34, Heading as Heading24, Text as Text29, Wrapper as Wrapper37 } from "boemly";
 import { jsx as jsx60, jsxs as jsxs51 } from "react/jsx-runtime";
 var parseTitle = (title) => {
   const parts = [];
@@ -9118,7 +9136,7 @@ var parseTitle = (title) => {
   }
   return parts;
 };
-var VARIANTS6 = {
+var VARIANTS5 = {
   white: { backgroundColor: "white", titleColor: "black" },
   gray: { backgroundColor: "primary.50", titleColor: "black" }
 };
@@ -9131,15 +9149,15 @@ var HeroWithHighlights = ({
   return /* @__PURE__ */ jsx60(
     DefaultSectionContainer34,
     {
-      backgroundColor: VARIANTS6[variant].backgroundColor,
+      backgroundColor: VARIANTS5[variant].backgroundColor,
       paddingY: ["10", null, "16"],
-      children: /* @__PURE__ */ jsxs51(Wrapper36, { children: [
+      children: /* @__PURE__ */ jsxs51(Wrapper37, { children: [
         /* @__PURE__ */ jsx60(
           Heading24,
           {
             as: slice.headingLevel || "h1",
             size: [slice.headingSize || "3xl"],
-            color: VARIANTS6[variant].titleColor,
+            color: VARIANTS5[variant].titleColor,
             lineHeight: "1.3",
             fontWeight: "600",
             textAlign,
@@ -9206,8 +9224,125 @@ var Redirect = ({ slice }) => {
 // src/slices/Redirect/index.ts
 var Redirect_default = Redirect;
 
+// src/slices/FactsWithProjectsMap/FactsWithProjectsMap.tsx
+import {
+  Box as Box49,
+  DefaultSectionContainer as DefaultSectionContainer35,
+  DefaultSectionHeader as DefaultSectionHeader24,
+  Flex as Flex33,
+  Heading as Heading25,
+  Text as Text30,
+  Wrapper as Wrapper38
+} from "boemly";
+import { jsx as jsx62, jsxs as jsxs52 } from "react/jsx-runtime";
+var FactsWithProjectsMap = ({
+  slice
+}) => {
+  const colorVariant = FACTS_COLOR_VARIANTS[slice.variant] || FACTS_COLOR_VARIANTS.green;
+  const alignFacts = slice.alignFacts || "center";
+  return /* @__PURE__ */ jsx62(
+    DefaultSectionContainer35,
+    {
+      backgroundColor: colorVariant.backgroundColor,
+      title: slice.title,
+      paddingY: "8",
+      children: /* @__PURE__ */ jsxs52(Wrapper38, { children: [
+        slice.title && /* @__PURE__ */ jsx62(
+          DefaultSectionHeader24,
+          {
+            tagline: slice.tagline,
+            text: slice.subTitle,
+            title: slice.title,
+            taglineProps: {
+              color: colorVariant.tagLineColor,
+              textAlign: "center"
+            },
+            titleProps: {
+              color: colorVariant.titleColor,
+              textAlign: "center",
+              maxW: "6xl",
+              marginX: "auto"
+            },
+            textProps: {
+              color: colorVariant.subTitleColor,
+              textAlign: "center",
+              maxW: "3xl",
+              marginX: "auto"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxs52(
+          Flex33,
+          {
+            flexDir: ["column", null, null, "row"],
+            alignItems: "center",
+            padding: "8",
+            gap: "8",
+            children: [
+              /* @__PURE__ */ jsx62(
+                Flex33,
+                {
+                  flexDir: ["column", "column", "row", "column"],
+                  flex: "1",
+                  flexShrink: "1",
+                  gap: "6",
+                  mb: ["8", "8", "8", "0"],
+                  w: ["100%", "100%", "100%", "auto"],
+                  justifyContent: ["flex-start", "center", "center", "flex-start"],
+                  children: slice.facts.map((fact) => /* @__PURE__ */ jsxs52(Flex33, { flexDir: "column", textAlign: ["center", "center", "center", alignFacts], children: [
+                    /* @__PURE__ */ jsx62(
+                      Heading25,
+                      {
+                        textAlign: ["center", "center", "center", alignFacts],
+                        fontSize: "5xl",
+                        fontFamily: "display",
+                        lineHeight: "1.1",
+                        fontWeight: "700",
+                        color: colorVariant.factValueColor,
+                        mb: "1",
+                        as: "p",
+                        children: fact.value
+                      }
+                    ),
+                    /* @__PURE__ */ jsx62(Text30, { size: "mdLowNormal", color: colorVariant.factKeyColor, textAlign: ["center", "center", "center", alignFacts], children: fact.key })
+                  ] }, fact.key))
+                }
+              ),
+              /* @__PURE__ */ jsx62(Box49, { flex: "2", minW: ["100%", null, null, "500px"], children: /* @__PURE__ */ jsx62(
+                ProjectsMap_default,
+                {
+                  slice: {
+                    defaultCenterCoordinates: slice.defaultCenterCoordinates,
+                    defaultZoomLevel: slice.defaultZoomLevel,
+                    minZoomLevel: slice.minZoomLevel,
+                    disableUserLocationZoom: slice.disableUserLocationZoom
+                  },
+                  embedded: true,
+                  embeddedHeight: "sm"
+                }
+              ) })
+            ]
+          }
+        ),
+        slice.button && /* @__PURE__ */ jsx62(Flex33, { justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ jsx62(
+          StrapiLinkButton_default,
+          {
+            link: slice.button,
+            size: "md",
+            variant: "outline",
+            component: "FactsWithProjectsMap"
+          }
+        ) })
+      ] })
+    }
+  );
+};
+
+// src/slices/FactsWithProjectsMap/index.ts
+var FactsWithProjectsMap_default = FactsWithProjectsMap;
+
 // src/components/SliceRenderer/SliceRenderer.tsx
-import { jsx as jsx62 } from "react/jsx-runtime";
+import { jsx as jsx63 } from "react/jsx-runtime";
 var SliceRenderer = ({
   slices,
   blogPosts,
@@ -9218,7 +9353,7 @@ var SliceRenderer = ({
   fonts,
   CustomSlice,
   analyticsFunction
-}) => /* @__PURE__ */ jsx62(
+}) => /* @__PURE__ */ jsx63(
   ContextProvider,
   {
     locale,
@@ -9228,11 +9363,11 @@ var SliceRenderer = ({
     children: slices.map((slice) => {
       switch (slice.__component) {
         case "sections.hero":
-          return /* @__PURE__ */ jsx62(Hero_default, { slice }, `${slice.__component}-${slice.id}`);
+          return /* @__PURE__ */ jsx63(Hero_default, { slice }, `${slice.__component}-${slice.id}`);
         case "sections.map-hero":
-          return /* @__PURE__ */ jsx62(MapHero_default, { slice }, `${slice.__component}-${slice.id}`);
+          return /* @__PURE__ */ jsx63(MapHero_default, { slice }, `${slice.__component}-${slice.id}`);
         case "sections.rich-text":
-          return /* @__PURE__ */ jsx62(
+          return /* @__PURE__ */ jsx63(
             RichTextSection_default,
             {
               slice
@@ -9240,7 +9375,7 @@ var SliceRenderer = ({
             `${slice.__component}-${slice.id}`
           );
         case "sections.left-text-right-card":
-          return /* @__PURE__ */ jsx62(
+          return /* @__PURE__ */ jsx63(
             LeftTextRightCard_default,
             {
               slice
@@ -9248,7 +9383,7 @@ var SliceRenderer = ({
             `${slice.__component}-${slice.id}`
           );
         case "sections.text-with-card":
-          return /* @__PURE__ */ jsx62(
+          return /* @__PURE__ */ jsx63(
             TextWithCard_default,
             {
               slice,
@@ -9257,7 +9392,7 @@ var SliceRenderer = ({
             `${slice.__component}-${slice.id}`
           );
         case "sections.logo-grid-with-text":
-          return /* @__PURE__ */ jsx62(
+          return /* @__PURE__ */ jsx63(
             LogoGridWithText_default,
             {
               slice
@@ -9265,7 +9400,7 @@ var SliceRenderer = ({
             `${slice.__component}-${slice.id}`
           );
         case "sections.quote-cards":
-          return /* @__PURE__ */ jsx62(
+          return /* @__PURE__ */ jsx63(
             QuoteCards_default,
             {
               slice
@@ -9273,11 +9408,11 @@ var SliceRenderer = ({
             `${slice.__component}-${slice.id}`
           );
         case "sections.q-and-a":
-          return /* @__PURE__ */ jsx62(QAndA_default, { slice }, `${slice.__component}-${slice.id}`);
+          return /* @__PURE__ */ jsx63(QAndA_default, { slice }, `${slice.__component}-${slice.id}`);
         case "sections.image-grid":
-          return /* @__PURE__ */ jsx62(ImageGrid_default, { slice }, `${slice.__component}-${slice.id}`);
+          return /* @__PURE__ */ jsx63(ImageGrid_default, { slice }, `${slice.__component}-${slice.id}`);
         case "sections.full-width-image":
-          return /* @__PURE__ */ jsx62(
+          return /* @__PURE__ */ jsx63(
             FullWidthImage_default,
             {
               slice
@@ -9285,7 +9420,7 @@ var SliceRenderer = ({
             `${slice.__component}-${slice.id}`
           );
         case "sections.text-with-text-cards":
-          return /* @__PURE__ */ jsx62(
+          return /* @__PURE__ */ jsx63(
             TextWithTextCards_default,
             {
               slice
@@ -9293,7 +9428,7 @@ var SliceRenderer = ({
             `${slice.__component}-${slice.id}`
           );
         case "sections.text-card-grid":
-          return /* @__PURE__ */ jsx62(
+          return /* @__PURE__ */ jsx63(
             TextCardGrid_default,
             {
               slice
@@ -9301,9 +9436,9 @@ var SliceRenderer = ({
             `${slice.__component}-${slice.id}`
           );
         case "sections.icon-grid":
-          return /* @__PURE__ */ jsx62(IconGrid_default, { slice }, `${slice.__component}-${slice.id}`);
+          return /* @__PURE__ */ jsx63(IconGrid_default, { slice }, `${slice.__component}-${slice.id}`);
         case "sections.image-text-sequence":
-          return /* @__PURE__ */ jsx62(
+          return /* @__PURE__ */ jsx63(
             ImageTextSequence_default,
             {
               slice
@@ -9311,9 +9446,9 @@ var SliceRenderer = ({
             `${slice.__component}-${slice.id}`
           );
         case "sections.steps":
-          return /* @__PURE__ */ jsx62(Steps_default, { slice }, `${slice.__component}-${slice.id}`);
+          return /* @__PURE__ */ jsx63(Steps_default, { slice }, `${slice.__component}-${slice.id}`);
         case "sections.text-carousel":
-          return /* @__PURE__ */ jsx62(
+          return /* @__PURE__ */ jsx63(
             TextCarousel_default,
             {
               slice
@@ -9321,7 +9456,7 @@ var SliceRenderer = ({
             `${slice.__component}-${slice.id}`
           );
         case "sections.link-cards-grid":
-          return /* @__PURE__ */ jsx62(
+          return /* @__PURE__ */ jsx63(
             LinkCardsGrid_default,
             {
               slice
@@ -9329,7 +9464,7 @@ var SliceRenderer = ({
             `${slice.__component}-${slice.id}`
           );
         case "sections.small-hero":
-          return /* @__PURE__ */ jsx62(
+          return /* @__PURE__ */ jsx63(
             SmallHero_default,
             {
               slice,
@@ -9338,7 +9473,7 @@ var SliceRenderer = ({
             `${slice.__component}-${slice.id}`
           );
         case "sections.small-hero-light":
-          return /* @__PURE__ */ jsx62(
+          return /* @__PURE__ */ jsx63(
             SmallHero_default,
             {
               slice,
@@ -9347,7 +9482,7 @@ var SliceRenderer = ({
             `${slice.__component}-${slice.id}`
           );
         case "sections.project-facts":
-          return /* @__PURE__ */ jsx62(
+          return /* @__PURE__ */ jsx63(
             ProjectFacts_default,
             {
               slice,
@@ -9356,7 +9491,7 @@ var SliceRenderer = ({
             `${slice.__component}-${slice.id}`
           );
         case "sections.projects-grid":
-          return /* @__PURE__ */ jsx62(
+          return /* @__PURE__ */ jsx63(
             ProjectsGrid_default,
             {
               slice,
@@ -9365,7 +9500,7 @@ var SliceRenderer = ({
             `${slice.__component}-${slice.id}`
           );
         case "sections.projects-grid-v2":
-          return /* @__PURE__ */ jsx62(
+          return /* @__PURE__ */ jsx63(
             ProjectsGridV2_default,
             {
               slice,
@@ -9374,7 +9509,7 @@ var SliceRenderer = ({
             `${slice.__component}-${slice.id}`
           );
         case "sections.projects-map":
-          return /* @__PURE__ */ jsx62(
+          return /* @__PURE__ */ jsx63(
             ProjectsMap_default,
             {
               slice
@@ -9382,9 +9517,9 @@ var SliceRenderer = ({
             `${slice.__component}-${slice.id}`
           );
         case "sections.video":
-          return /* @__PURE__ */ jsx62(Video_default, { slice }, `${slice.__component}-${slice.id}`);
+          return /* @__PURE__ */ jsx63(Video_default, { slice }, `${slice.__component}-${slice.id}`);
         case "sections.full-width-highlight-quote":
-          return /* @__PURE__ */ jsx62(
+          return /* @__PURE__ */ jsx63(
             FullWidthHighlightQuote_default,
             {
               slice
@@ -9392,7 +9527,7 @@ var SliceRenderer = ({
             `${slice.__component}-${slice.id}`
           );
         case "sections.full-width-image-slider":
-          return /* @__PURE__ */ jsx62(
+          return /* @__PURE__ */ jsx63(
             FullWidthImageSlider_default,
             {
               slice
@@ -9400,7 +9535,7 @@ var SliceRenderer = ({
             `${slice.__component}-${slice.id}`
           );
         case "sections.side-by-side-images":
-          return /* @__PURE__ */ jsx62(
+          return /* @__PURE__ */ jsx63(
             SideBySideImages_default,
             {
               slice
@@ -9408,11 +9543,11 @@ var SliceRenderer = ({
             `${slice.__component}-${slice.id}`
           );
         case "sections.cta-only":
-          return /* @__PURE__ */ jsx62(CtaOnly_default, { slice }, `${slice.__component}-${slice.id}`);
+          return /* @__PURE__ */ jsx63(CtaOnly_default, { slice }, `${slice.__component}-${slice.id}`);
         case "sections.cta":
-          return /* @__PURE__ */ jsx62(Cta_default, { slice }, `${slice.__component}-${slice.id}`);
+          return /* @__PURE__ */ jsx63(Cta_default, { slice }, `${slice.__component}-${slice.id}`);
         case "sections.shop-checkout":
-          return /* @__PURE__ */ jsx62(
+          return /* @__PURE__ */ jsx63(
             ShopCheckout_default,
             {
               slice
@@ -9420,9 +9555,9 @@ var SliceRenderer = ({
             `${slice.__component}-${slice.id}`
           );
         case "sections.facts":
-          return /* @__PURE__ */ jsx62(Facts_default, { slice }, `${slice.__component}-${slice.id}`);
+          return /* @__PURE__ */ jsx63(Facts_default, { slice }, `${slice.__component}-${slice.id}`);
         case "sections.blog-cards":
-          return /* @__PURE__ */ jsx62(
+          return /* @__PURE__ */ jsx63(
             BlogCards_default,
             {
               slice,
@@ -9431,7 +9566,7 @@ var SliceRenderer = ({
             `${slice.__component}-${slice.id}`
           );
         case "sections.blog":
-          return /* @__PURE__ */ jsx62(
+          return /* @__PURE__ */ jsx63(
             Blog_default,
             {
               slice: {
@@ -9443,7 +9578,7 @@ var SliceRenderer = ({
             `${slice.__component}-${slice.id}`
           );
         case "sections.glossary":
-          return /* @__PURE__ */ jsx62(
+          return /* @__PURE__ */ jsx63(
             Glossary_default,
             {
               slice: {
@@ -9454,7 +9589,7 @@ var SliceRenderer = ({
             `${slice.__component}-${slice.id}`
           );
         case "sections.customer-stories":
-          return /* @__PURE__ */ jsx62(
+          return /* @__PURE__ */ jsx63(
             CustomerStories_default,
             {
               slice: {
@@ -9466,7 +9601,7 @@ var SliceRenderer = ({
             `${slice.__component}-${slice.id}`
           );
         case "sections.comparison":
-          return /* @__PURE__ */ jsx62(
+          return /* @__PURE__ */ jsx63(
             Comparison_default,
             {
               slice
@@ -9474,9 +9609,9 @@ var SliceRenderer = ({
             `${slice.__component}-${slice.id}`
           );
         case "sections.timeline":
-          return /* @__PURE__ */ jsx62(Timeline_default, { slice }, `${slice.__component}-${slice.id}`);
+          return /* @__PURE__ */ jsx63(Timeline_default, { slice }, `${slice.__component}-${slice.id}`);
         case "sections.carousel-marquee-banner":
-          return /* @__PURE__ */ jsx62(
+          return /* @__PURE__ */ jsx63(
             CarouselMarqueeBanner_default,
             {
               slice
@@ -9484,20 +9619,22 @@ var SliceRenderer = ({
             `${slice.__component}-${slice.id}`
           );
         case "sections.events":
-          return /* @__PURE__ */ jsx62(Events_default, { slice }, `${slice.__component}-${slice.id}`);
+          return /* @__PURE__ */ jsx63(Events_default, { slice }, `${slice.__component}-${slice.id}`);
         case "sections.redirect":
-          return /* @__PURE__ */ jsx62(Redirect_default, { slice }, `${slice.__component}-${slice.id}`);
+          return /* @__PURE__ */ jsx63(Redirect_default, { slice }, `${slice.__component}-${slice.id}`);
         case "sections.hero-with-highlights":
-          return /* @__PURE__ */ jsx62(
+          return /* @__PURE__ */ jsx63(
             HeroWithHighlights_default,
             {
               slice
             },
             `${slice.__component}-${slice.id}`
           );
+        case "sections.facts-with-projects-map":
+          return /* @__PURE__ */ jsx63(FactsWithProjectsMap_default, { slice }, `${slice.__component}-${slice.id}`);
         default:
           if (CustomSlice) {
-            return /* @__PURE__ */ jsx62(
+            return /* @__PURE__ */ jsx63(
               CustomSlice,
               {
                 id: slice.__component,
@@ -9506,7 +9643,7 @@ var SliceRenderer = ({
               `${slice.__component}-${slice.id}`
             );
           }
-          return /* @__PURE__ */ jsx62("div", { children: "Slice component not supported" }, `${slice.__component}-${slice.id}`);
+          return /* @__PURE__ */ jsx63("div", { children: "Slice component not supported" }, `${slice.__component}-${slice.id}`);
       }
     })
   }