@treely/strapi-slices 7.7.0 → 7.8.0

package/dist/strapi-slices.esm.js

@@ -1,7 +1,7 @@
 import axios from 'axios';
 import qs from 'qs';
 import { setupCache } from 'axios-cache-interceptor';
-import React, { useState, useRef, useMemo, useCallback, useEffect, Fragment, createRef, createContext, useContext } from 'react';
+import React, { useState, useRef, useMemo, useCallback, useEffect, createContext, useContext, Fragment, createRef } from 'react';
 import { Box, BoemlyAlert, BoemlyModal, Flex, IconButton, useMediaQuery, DefaultSectionContainer, Wrapper, DefaultSectionHeader, Button, Gradient, Spacer, SimpleGrid, Heading, Text, useToken, Grid, GridItem, BoemlyList, PortfolioCard, RichText, BoemlyAccordion, HeroCard, Shape, QuoteCard, Center, ShapesCard, TextCardWithIcon, ContactArea, Tag, Container, ProjectCard, Link as Link$1, DatePersonPair, BoemlyThemeProvider, useDisclosure, AvatarWithName, Divider, Badge, LabelNumberPair, BoemlyFormControl, InputRightAddon, LabelTextPair, Tooltip, Select, BoemlyTag } from 'boemly';
 import Head from 'next/head';
 import Image from 'next/image';
@@ -9,12 +9,12 @@ import { useLockBodyScroll, useKey, useWindowScroll, useWindowSize, useMeasure,
 import { CaretLeft, CaretRight, Globe, ArrowRight, ArrowLeft, MapPin, Check, Link as Link$2, FilePdf, DownloadSimple, X, Star, Laptop, MapPinLine, CalendarBlank, CaretUp, CaretDown, Info, ProjectorScreenChart, Confetti, ChalkboardTeacher, BowlFood, Handshake, PersonSimpleWalk, UsersThree, Headset, Webcam } from '@phosphor-icons/react';
 import Link from 'next/link';
 import { useDetectAdBlock } from 'adblock-detect-react';
+import { createIntl, createIntlCache, IntlProvider, IntlContext as IntlContext$1 } from 'react-intl';
+import { css, Global } from '@emotion/react';
+import { SWRConfig, mutate } from 'swr/_internal';
 import { useRouter } from 'next/router';
 import styled from '@emotion/styled';
-import { css, Global } from '@emotion/react';
 import { motion, AnimatePresence } from 'framer-motion';
-import { createIntl, createIntlCache, IntlProvider, IntlContext as IntlContext$1 } from 'react-intl';
-import { SWRConfig, mutate } from 'swr/_internal';
 import mapboxgl, { Map as Map$1, Marker } from 'mapbox-gl';
 import { createRoot } from 'react-dom/client';
 import { Formik, Form, Field } from 'formik';
@@ -1191,1342 +1191,247 @@ var openHubSpotChat = function openHubSpotChat() {
   }
 };
 
-var _excluded$1 = ["link"];
-var StrapiLinkButton = function StrapiLinkButton(_ref) {
-  var link = _ref.link,
-    buttonProps = _objectWithoutPropertiesLoose(_ref, _excluded$1);
-  var adBlockDetected = useDetectAdBlock();
-  if (link.intercomLauncher) {
-    if (adBlockDetected) {
-      return React.createElement(Button, _extends({}, buttonProps, {
-        as: Link,
-        href: "mailto:hello@tree.ly"
-      }), link.text);
-    }
-    return React.createElement(Button, _extends({}, buttonProps, {
-      onClick: openHubSpotChat
-    }), link.text);
-  }
-  return React.createElement(Button, _extends({}, buttonProps, {
-    as: Link,
-    href: strapiLinkUrl(link)
-  }), link.text);
+var _templateObject$9;
+var GLOBAL_STYLE = /*#__PURE__*/css(_templateObject$9 || (_templateObject$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  :root {\n    --default-hero-height: calc(100vh - var(--boemly-space-24));\n  }\n\n  a {\n    text-decoration: none;\n  }\n"])));
+
+var messagesDe$j = {
+  'sections.comparison.backgroundShapes': 'Hintergrundformen'
 };
 
-var Hero = function Hero(_ref) {
-  var slice = _ref.slice;
-  return React.createElement(Box, {
-    position: "relative",
-    width: "full",
-    height: "var(--default-hero-height)",
-    minHeight: "2xl",
-    backgroundColor: "gray.900",
-    overflowX: "hidden"
-  }, slice.image && React.createElement(React.Fragment, null, React.createElement(Image, {
-    src: strapiMediaUrl(slice.image.img, 'xLarge'),
-    alt: slice.image.alt,
-    fill: true,
-    style: {
-      objectFit: slice.image.objectFit || 'cover'
-    }
-  }), React.createElement(Gradient, null)), slice.shape && React.createElement(Box, {
-    position: "absolute",
-    bottom: "0",
-    borderTopRightRadius: "full",
-    width: ['3xs', null, '2xs', null, 'sm'],
-    height: ['3xs', null, '2xs', null, 'sm'],
-    right: ['-16', null, '24']
-  }, React.createElement(Image, {
-    src: strapiMediaUrl(slice.shape.img, 'medium'),
-    alt: slice.shape.alt,
-    fill: true,
-    style: {
-      objectFit: slice.shape.objectFit || 'cover',
-      borderTopRightRadius: 'var(--boemly-radii-full)'
-    }
-  })), React.createElement(Box, {
-    position: "absolute",
-    left: "0",
-    top: "56%",
-    width: "full",
-    textAlign: slice.textAlign,
-    transform: "translateY(-50%)"
-  }, React.createElement(Wrapper, null, React.createElement(React.Fragment, null, React.createElement(DefaultSectionHeader, {
-    isHero: true,
-    tagline: slice.tagline,
-    title: slice.title,
-    text: slice.subTitle,
-    taglineProps: {
-      color: 'white'
-    },
-    titleProps: {
-      color: 'white',
-      maxW: slice.textAlign === 'center' ? '4xl' : '3xl',
-      mx: slice.textAlign === 'center' ? 'auto' : 'unset',
-      textAlign: slice.textAlign
-    },
-    textProps: {
-      maxW: '2xl',
-      mx: slice.textAlign === 'center' ? 'auto' : 'unset',
-      textAlign: slice.textAlign,
-      color: 'white'
-    }
-  }), React.createElement(Flex, {
-    gap: "8",
-    justifyContent: slice.textAlign === 'center' ? 'center' : 'start'
-  }, slice.button && React.createElement(StrapiLinkButton, {
-    key: slice.button.id,
-    mt: "10",
-    size: "xl",
-    link: slice.button
-  }), slice.additionalButtons.map(function (button) {
-    return React.createElement(StrapiLinkButton, {
-      key: button.button.id,
-      mt: "10",
-      size: "xl",
-      variant: button.variant,
-      link: button.button
-    });
-  }))))));
+var messagesDe$i = {
+  'components.creditsAvailableBadge.text.yes': 'Credits verfügbar',
+  'components.creditsAvailableBadge.text.some': 'Einige verbleibende Credits',
+  'components.creditsAvailableBadge.text.no': 'Keine verbleibenden Credits',
+  'components.creditsAvailableBadge.text.notYet': 'Credits bald verfügbar'
 };
 
-var IconGrid = function IconGrid(_ref) {
-  var slice = _ref.slice;
-  var columns = function columns() {
-    if (slice.iconsWithTextAndButton.length === 2) {
-      return [1, null, null, 2, 2];
-    }
-    if (slice.iconsWithTextAndButton.length === 1) {
-      return 1;
-    }
-    return [1, null, null, 2, 3];
-  };
-  return React.createElement(DefaultSectionContainer, null, React.createElement(Wrapper, null, slice.title ? React.createElement(React.Fragment, null, React.createElement(Flex, {
-    alignItems: "center",
-    flexDirection: "column"
-  }, React.createElement(DefaultSectionHeader, {
-    tagline: slice.tagline,
-    title: slice.title,
-    text: slice.subTitle,
-    taglineProps: {
-      maxW: '2xl',
-      textAlign: 'center'
-    },
-    titleProps: {
-      maxW: '3xl',
-      textAlign: 'center'
-    },
-    textProps: {
-      maxW: '3xl',
-      textAlign: 'center'
-    }
-  })), React.createElement(Spacer, {
-    h: "20"
-  })) : React.createElement(React.Fragment, null), React.createElement(SimpleGrid, {
-    columns: columns(),
-    gap: slice.iconsWithTextAndButton.length === 2 ? '14' : '16',
-    rowGap: ['16', null, null, '20']
-  }, slice.iconsWithTextAndButton.map(function (iconWithTextAndButton) {
-    return React.createElement(Box, {
-      key: iconWithTextAndButton.id
-    }, React.createElement(Box, {
-      margin: "0 auto",
-      backgroundColor: "primary.50",
-      borderRadius: "full",
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "space-around",
-      width: "6.5rem",
-      height: "6.5rem"
-    }, React.createElement(Box, {
-      position: "absolute",
-      width: "12",
-      height: "12"
-    }, React.createElement(Image, {
-      src: strapiMediaUrl(iconWithTextAndButton.icon.img, 'xSmall'),
-      alt: iconWithTextAndButton.icon.alt,
-      fill: true,
-      style: {
-        objectFit: iconWithTextAndButton.icon.objectFit || 'contain'
-      }
-    }))), React.createElement(Heading, {
-      size: "xl",
-      textAlign: "center",
-      mb: "4",
-      mt: "8"
-    }, iconWithTextAndButton.title), React.createElement(Text, {
-      size: "mdRegularNormal",
-      textAlign: "center"
-    }, iconWithTextAndButton.text), iconWithTextAndButton.button && React.createElement(Box, {
-      textAlign: "center"
-    }, React.createElement(StrapiLinkButton, {
-      key: iconWithTextAndButton.button.id,
-      mt: "8",
-      size: "md",
-      variant: "outline",
-      link: iconWithTextAndButton.button
-    })));
-  }))));
+var messagesDe$h = {
+  'sections.cta.backgroundShapes': 'Dunkle Hintergrundformen',
+  'sections.cta.backgroundShapesLight': 'Helle Hintergrundformen'
 };
 
-var LinkedInIcon = function LinkedInIcon() {
-  return React.createElement("svg", {
-    width: "14",
-    height: "14",
-    viewBox: "0 0 14 14",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, React.createElement("g", {
-    clipPath: "url(#clip0_112_606)"
-  }, React.createElement("path", {
-    d: "M11.9286 11.9285H9.85424V8.67998C9.85424 7.90534 9.84042 6.90813 8.77539 6.90813C7.695 6.90813 7.52969 7.75213 7.52969 8.62357V11.9283H5.45533V5.24799H7.44671V6.16093H7.47459C7.67388 5.82018 7.96186 5.53986 8.30786 5.34984C8.65386 5.15981 9.04493 5.06719 9.4394 5.08183C11.5418 5.08183 11.9295 6.46473 11.9295 8.2638L11.9286 11.9285ZM3.11477 4.33484C2.87669 4.33489 2.64393 4.26433 2.44595 4.13209C2.24796 3.99985 2.09365 3.81188 2.0025 3.59193C1.91135 3.37199 1.88746 3.12995 1.93387 2.89644C1.98027 2.66292 2.09488 2.44841 2.26321 2.28003C2.43153 2.11164 2.646 1.99696 2.8795 1.95047C3.11301 1.90398 3.35504 1.92778 3.57502 2.01884C3.795 2.10992 3.98303 2.26417 4.11533 2.46211C4.24764 2.66004 4.31829 2.89277 4.31833 3.13085C4.31836 3.28894 4.28725 3.44547 4.22678 3.59153C4.1663 3.7376 4.07767 3.87031 3.96591 3.98211C3.85415 4.09392 3.72146 4.18261 3.57541 4.24313C3.42937 4.30365 3.27286 4.33481 3.11477 4.33484ZM4.15194 11.9285H2.07544V5.24799H4.15194V11.9285ZM12.9628 0.000953808H1.03307C0.762304 -0.00210183 0.501383 0.102466 0.307673 0.291681C0.113961 0.480895 0.00330461 0.739273 0 1.01004V12.9892C0.00319151 13.2602 0.113783 13.5187 0.307487 13.7081C0.501192 13.8975 0.762169 14.0023 1.03307 13.9994H12.9628C13.2342 14.0028 13.496 13.8983 13.6904 13.7089C13.8848 13.5195 13.9962 13.2607 14 12.9892V1.00918C13.9961 0.737873 13.8846 0.479199 13.6902 0.28999C13.4958 0.10078 13.2341 -0.00348904 12.9628 8.91429e-05",
-    fill: "#0A66C2"
-  })), React.createElement("defs", null, React.createElement("clipPath", {
-    id: "clip0_112_606"
-  }, React.createElement("rect", {
-    width: "14",
-    height: "14",
-    fill: "white"
-  }))));
+var messagesDe$g = {
+  'sections.customerCard.more': 'Weiterlesen'
 };
 
-var _excluded = ["link"];
-var StrapiLinkButtonWithIcon = function StrapiLinkButtonWithIcon(_ref) {
-  var link = _ref.link,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var getLinkIcon = function getLinkIcon(destination) {
-    switch (destination) {
-      case 'linkedin':
-        {
-          return React.createElement(LinkedInIcon, null);
-        }
-      case 'web':
-        {
-          return React.createElement(Globe, null);
-        }
-      default:
-        {
-          return React.createElement(CaretRight, null);
-        }
-    }
-  };
-  return React.createElement(StrapiLinkButton, _extends({}, props, {
-    link: link.link,
-    rightIcon: getLinkIcon(link.destination)
-  }));
+var messagesDe$f = {
+  'sections.customerQuoteCard.more': 'Weiterlesen'
 };
 
-var ImageGrid = function ImageGrid(_ref) {
-  var slice = _ref.slice;
-  var _useToken = useToken('colors', ['primary.50']),
-    primary50 = _useToken[0];
-  return React.createElement(DefaultSectionContainer, {
-    backgroundColor: primary50,
-    title: slice.title
-  }, React.createElement(Wrapper, null, React.createElement(DefaultSectionHeader, {
-    tagline: slice.tagline,
-    title: slice.title,
-    text: slice.text,
-    taglineProps: {
-      textAlign: 'center'
-    },
-    titleProps: {
-      textAlign: 'center',
-      maxW: '6xl',
-      marginX: 'auto'
-    },
-    textProps: {
-      textAlign: 'center',
-      maxW: '2xl',
-      marginX: 'auto'
-    }
-  }), React.createElement(SimpleGrid, {
-    mt: "24",
-    columns: 3,
-    gap: "24",
-    rowGap: "16",
-    minChildWidth: "16rem"
-  }, slice.images.map(function (_ref2) {
-    var id = _ref2.id,
-      title = _ref2.title,
-      subTitle = _ref2.subTitle,
-      image = _ref2.image,
-      links = _ref2.links;
-    return React.createElement(Box, {
-      key: id
-    }, React.createElement(Box, {
-      position: "relative",
-      height: "sm",
-      borderRadius: "xl"
-    }, React.createElement(Image, {
-      src: strapiMediaUrl(image.img, 'medium'),
-      alt: image.alt,
-      fill: true,
-      style: {
-        objectFit: image.objectFit || 'cover',
-        borderRadius: 'var(--boemly-radii-xl)'
-      }
-    })), React.createElement(Heading, {
-      size: "xl",
-      mt: "4"
-    }, title), subTitle && React.createElement(Text, {
-      size: "mdRegularNormal"
-    }, subTitle), links && links.length > 0 && React.createElement(Flex, {
-      mt: "3",
-      flexDir: "row",
-      gap: "2",
-      flexWrap: "wrap"
-    }, links.map(function (link) {
-      return React.createElement(StrapiLinkButtonWithIcon, {
-        key: link.id,
-        link: link,
-        size: "sm",
-        variant: "outline"
-      });
-    })));
-  }))));
+var messagesDe$e = {
+  'sections.eventCard.recommendedEvent': 'Empfohlene Veranstaltung',
+  'sections.eventCard.buttonShowMore': 'Mehr anzeigen',
+  'sections.eventCard.buttonShowLess': 'Weniger anzeigen',
+  'sections.eventCard.eventType.conference': 'Konferenz',
+  'sections.eventCard.eventType.webinar': 'Webinar',
+  'sections.eventCard.eventType.forestwalk': 'Waldspaziergang',
+  'sections.eventCard.eventType.partnerevent': 'Partnerveranstaltung',
+  'sections.eventCard.eventType.lunch&learn': 'Mittagessen & Lernen',
+  'sections.eventCard.eventType.fair': 'Messe',
+  'sections.eventCard.eventType.festival': 'Festival',
+  'sections.eventCard.eventType.roadshow': 'Roadshow',
+  'sections.eventCard.eventType.meetup': 'Meet Up'
 };
 
-var ImageTextSequence = function ImageTextSequence(_ref) {
-  var slice = _ref.slice;
-  var _useMediaQuery = useMediaQuery(BREAKPOINT_LG_QUERY),
-    oneColumnGrid = _useMediaQuery[0];
-  var _useToken = useToken('colors', ['primary.50']),
-    primary50 = _useToken[0];
-  var _useToken2 = useToken('colors', ['gray.700']),
-    gray700 = _useToken2[0];
-  return React.createElement(DefaultSectionContainer, {
-    backgroundColor: primary50,
-    title: slice.title
-  }, slice.background ? React.createElement(React.Fragment, null, React.createElement(Box, {
-    position: "absolute",
-    top: "0",
-    right: "24",
-    display: ['none', null, null, 'unset']
-  }, React.createElement(Image, {
-    src: CDN_URI + "/assets/v3/strapi-slices/desktop-map-border.svg",
-    alt: "Map",
-    width: "786",
-    height: "897"
-  })), React.createElement(Box, {
-    position: "absolute",
-    top: "64",
-    right: "-14",
-    display: ['unset', null, null, 'none']
-  }, React.createElement(Image, {
-    src: CDN_URI + "/assets/v3/strapi-slices/mobile-map-border.svg",
-    alt: "Map",
-    width: "227",
-    height: "452"
-  }))) : React.createElement(React.Fragment, null), React.createElement(Wrapper, null, React.createElement(DefaultSectionHeader, {
-    tagline: slice.tagline,
-    title: slice.title,
-    text: slice.text,
-    taglineProps: {
-      textAlign: ['left', null, null, null, 'center']
-    },
-    titleProps: {
-      maxW: '6xl',
-      marginX: ['0', null, null, null, 'auto'],
-      textAlign: ['left', null, null, null, 'center']
-    },
-    textProps: {
-      maxW: '2xl',
-      marginX: ['0', null, null, null, 'auto'],
-      textAlign: ['left', null, null, null, 'center'],
-      color: 'black'
-    }
-  }), React.createElement(SimpleGrid, {
-    gap: "16",
-    mt: ['28', null, null, null, '40'],
-    columns: [1, null, null, null, 2]
-  }, slice.imageTextRows.map(function (_ref2, index) {
-    var id = _ref2.id,
-      title = _ref2.title,
-      text = _ref2.text,
-      button = _ref2.button,
-      image = _ref2.image;
-    var imageBox = React.createElement(Box, null, React.createElement(Box, {
-      position: "relative",
-      width: "full",
-      minHeight: ['2xs', null, null, 'sm']
-    }, React.createElement(Image, {
-      src: strapiMediaUrl(image.img, 'large'),
-      alt: image.alt,
-      fill: true,
-      style: {
-        objectFit: image.objectFit || 'contain',
-        borderRadius: 'var(--boemly-radii-xl)'
-      }
-    })));
-    return React.createElement(Fragment, {
-      key: id
-    }, (oneColumnGrid || index % 2 !== 0) && imageBox, React.createElement(Box, {
-      display: "flex",
-      alignItems: "flex-start",
-      flexDirection: "column",
-      justifyContent: "center"
-    }, React.createElement(Heading, {
-      as: "h2",
-      size: "xl",
-      mb: "4"
-    }, title), React.createElement(Text, {
-      size: "mdRegularNormal"
-    }, text), button && React.createElement(StrapiLinkButton, {
-      mt: "5",
-      link: button,
-      size: "sm",
-      variant: "outline",
-      rightIcon: React.createElement(CaretRight, {
-        size: "10",
-        color: gray700
-      })
-    })), !oneColumnGrid && index % 2 === 0 && imageBox);
-  }))));
+var messagesDe$d = {
+  'sections.events.loadMore': 'Mehr laden',
+  'sections.events.noUpcomingEvents': 'Keine bevorstehenden Veranstaltungen gefunden',
+  'sections.events.noPastEvents': 'Keine vergangenen Veranstaltungen gefunden',
+  'sections.eventsFilter.searchPlaceholder': 'Suchen',
+  'sections.events.eventsFilter.eventType': 'Event Type',
+  'sections.events.eventsFilter.language': 'Sprache',
+  'sections.events.eventsFilter.sortBy.title': 'Sortieren nach',
+  'sections.events.eventsFilter.sortBy.newest': 'Neueste zuerst',
+  'sections.events.eventsFilter.sortBy.oldest': 'Älteste zuerst'
 };
 
-var LeftTextRightCard = function LeftTextRightCard(_ref) {
-  var slice = _ref.slice;
-  var _useRouter = useRouter(),
-    push = _useRouter.push;
-  return React.createElement(DefaultSectionContainer, {
-    title: slice.title
-  }, React.createElement(Wrapper, null, React.createElement(Grid, {
-    templateColumns: ['repeat(8, 1fr)', null, null, null, 'repeat(12, 1fr)'],
-    templateRows: ['repeat(2, 1fr)', null, null, null, 'repeat(1, 1fr)'],
-    rowGap: "12"
-  }, React.createElement(GridItem, {
-    colSpan: 8,
-    rowSpan: 1,
-    pr: ['0', null, null, null, '28']
-  }, React.createElement(DefaultSectionHeader, {
-    tagline: slice.tagline,
-    title: slice.title,
-    text: slice.text
-  }), slice.checkMarkLabels && React.createElement(React.Fragment, null, React.createElement(Spacer, {
-    height: "10"
-  }), React.createElement(BoemlyList, {
-    listItems: slice.checkMarkLabels
-  }), React.createElement(Spacer, {
-    height: "10"
-  })), slice.button && React.createElement(StrapiLinkButton, {
-    link: slice.button,
-    size: "md",
-    colorScheme: "white",
-    variant: "outline",
-    rightIcon: React.createElement(ArrowRight, null)
-  })), React.createElement(GridItem, {
-    colSpan: [8, null, null, null, 4],
-    rowSpan: 1,
-    position: "relative"
-  }, slice.card && React.createElement(PortfolioCard, {
-    title: slice.card.title,
-    button: slice.card.button && {
-      text: slice.card.button.text,
-      onClick: function onClick() {
-        var _slice$card;
-        return push(strapiLinkUrl((_slice$card = slice.card) == null ? void 0 : _slice$card.button));
-      }
-    },
-    facts: slice.card.facts,
-    image: React.createElement(Image, {
-      src: strapiMediaUrl(slice.card.image.img, 'medium'),
-      alt: slice.card.image.alt,
-      fill: true,
-      style: {
-        objectFit: slice.card.image.objectFit || 'cover'
-      }
-    }),
-    portfolioNumber: slice.card.portfolioNumber
-  })))));
+var messagesDe$c = {
+  'sections.glossary.copyButtonLabel': 'Kopiere den Link zu diesem Abschnitt in die Zwischenablage',
+  'sections.glossary.copySuccessMessage': 'Link in die Zwischenablage kopiert',
+  'sections.glossary.copyFailureMessage': 'Link konnte nicht in die Zwischenablage kopiert werden'
 };
 
-var LogoGridWithText = function LogoGridWithText(_ref) {
-  var slice = _ref.slice;
-  var _useToken = useToken('colors', ['primary.50']),
-    primary50 = _useToken[0];
-  return React.createElement(DefaultSectionContainer, {
-    backgroundColor: primary50,
-    title: slice.title
-  }, React.createElement(Wrapper, null, React.createElement(SimpleGrid, {
-    columns: 2,
-    gap: "28",
-    minChildWidth: "16rem"
-  }, React.createElement(Box, {
-    display: "flex",
-    flexDirection: "column",
-    justifyContent: "center",
-    alignItems: "flex-start"
-  }, React.createElement(Heading, {
-    as: "h2",
-    size: "3xl",
-    mb: "4"
-  }, slice.title), React.createElement(RichText, {
-    content: slice.text
-  }), slice.button && React.createElement(StrapiLinkButton, {
-    link: slice.button,
-    size: "md",
-    colorScheme: "white",
-    variant: "outline",
-    mt: "6",
-    rightIcon: React.createElement(ArrowRight, null)
-  })), React.createElement(Flex, {
-    flexDir: "row",
-    flexWrap: "wrap",
-    gap: ['12', null, null, '28']
-  }, slice.logos.map(function (logo) {
-    return React.createElement(Flex, {
-      key: logo.id,
-      justifyContent: "center",
-      alignItems: "center",
-      flexGrow: 1,
-      flexShrink: 0,
-      flexBasis: slice.logos.length > 2 ? '34%' : '90%'
-    }, React.createElement(Box, {
-      position: "relative",
-      height: "20",
-      width: "100%"
-    }, logo.link ? React.createElement("a", {
-      href: strapiLinkUrl(logo.link)
-    }, React.createElement(Image, {
-      src: strapiMediaUrl(logo.img, 'small'),
-      alt: logo.alt,
-      fill: true,
-      style: {
-        objectFit: logo.objectFit || 'contain'
-      }
-    })) : React.createElement(Image, {
-      src: strapiMediaUrl(logo.img, 'small'),
-      alt: logo.alt,
-      fill: true,
-      style: {
-        objectFit: logo.objectFit || 'contain'
-      }
-    })));
-  })))));
+var messagesDe$b = {
+  'features.portfolio.documentsDownloadList.projectDocuments': 'Projektdokumente',
+  'features.portfolio.documentsDownloadList.downloadDocument': 'Dokument herunterladen'
 };
 
-var _templateObject$9, _templateObject2$5, _templateObject3$2, _templateObject4$1, _templateObject5;
-var MapHeroContainer = /*#__PURE__*/styled(Box)(_templateObject$9 || (_templateObject$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  width: 100vw;\n  height: var(--default-hero-height);\n  min-height: var(--boemly-sizes-3xl);\n  background-color: var(--boemly-colors-primary-50);\n  overflow: hidden;\n  z-index: var(--boemly-zIndices-base);\n\n  @media screen and (max-width: ", ") {\n    height: auto;\n  }\n"])), BREAKPOINT_LG);
-var MapHeroTextContainer = /*#__PURE__*/styled(Box)(_templateObject2$5 || (_templateObject2$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  width: 100vw;\n  top: 56%;\n  left: 0;\n  transform: translateY(-50%);\n  z-index: var(--boemly-zIndices-aboveBase);\n\n  @media screen and (max-width: ", ") {\n    position: relative;\n    transform: unset;\n\n    padding-top: var(--boemly-space-32);\n  }\n"])), BREAKPOINT_LG);
-var ShapeContainer = /*#__PURE__*/styled(Box)(_templateObject3$2 || (_templateObject3$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  bottom: calc(var(--boemly-space-8) * -1);\n  left: 0;\n\n  width: var(--boemly-sizes-sm);\n  height: var(--boemly-sizes-sm);\n\n  border-top-right-radius: var(--boemly-radii-full);\n\n  & span,\n  div {\n    border-top-right-radius: var(--boemly-radii-full);\n  }\n\n  @media screen and (max-width: ", ") {\n    display: none;\n  }\n"])), BREAKPOINT_LG);
-var MapContainer = /*#__PURE__*/styled(Box)(_templateObject4$1 || (_templateObject4$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n\n  width: 50%;\n  height: 100%;\n\n  right: 0;\n  top: 0;\n\n  & img {\n    object-fit: cover !important;\n  }\n\n  @media screen and (max-width: ", ") {\n    width: 100%;\n    height: var(--boemly-sizes-4xl);\n    position: relative;\n    margin-top: calc(var(--boemly-space-72) * -1);\n    background-color: var(--boemly-colors-white);\n\n    & img {\n      object-fit: contain !important;\n    }\n  }\n"])), BREAKPOINT_LG);
-var MapGradient = /*#__PURE__*/styled(Box)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 100%;\n  height: 100%;\n\n  background: linear-gradient(\n    90deg,\n    var(--boemly-colors-primary-50) 0%,\n    var(--boemly-colors-primary-50) 10%,\n    rgba(243, 246, 245, 0.6) 28%,\n    rgba(243, 246, 245, 0) 40%,\n    rgba(243, 246, 245, 0) 100%\n  );\n\n  @media screen and (max-width: ", ") {\n    background: linear-gradient(\n      180deg,\n      var(--boemly-colors-primary-50) 0%,\n      var(--boemly-colors-primary-50) 36%,\n      rgba(243, 246, 245, 0.12) 46%,\n      rgba(243, 246, 245, 0) 100%\n    );\n  }\n"])), BREAKPOINT_LG);
+var messagesDe$a = {
+  'sections.projectFacts.projectInfo.value': 'Projekt Infos'
+};
 
-var MapHero = function MapHero(_ref) {
-  var slice = _ref.slice;
-  var _useMediaQuery = useMediaQuery(BREAKPOINT_LG_QUERY),
-    belowBreakpoint = _useMediaQuery[0];
-  return React.createElement(MapHeroContainer, {
-    maxWidth: "full"
-  }, slice.shape && React.createElement(ShapeContainer, null, React.createElement(Image, {
-    src: strapiMediaUrl(slice.shape.img, 'medium'),
-    alt: slice.shape.alt,
-    fill: true,
-    style: {
-      objectFit: slice.shape.objectFit || 'cover'
-    }
-  })), React.createElement(MapHeroTextContainer, null, React.createElement(Wrapper, null, React.createElement(React.Fragment, null, React.createElement(DefaultSectionHeader, {
-    isHero: true,
-    tagline: slice.tagline,
-    title: slice.title,
-    text: slice.subTitle,
-    titleProps: {
-      maxW: ['100%', null, null, null, '60%']
-    },
-    textProps: {
-      maxW: ['100%', null, null, null, '55%']
-    }
-  }), slice.buttons && slice.buttons.length > 0 && React.createElement(Flex, {
-    mt: "10",
-    flexDir: "row",
-    gap: "5"
-  }, React.createElement(StrapiLinkButton, {
-    link: slice.buttons[0],
-    size: "xl"
-  }), slice.buttons.length === 2 && React.createElement(StrapiLinkButton, {
-    link: slice.buttons[1],
-    variant: "outline",
-    size: "xl"
-  }))))), React.createElement(MapContainer, null, belowBreakpoint ? React.createElement(Image, {
-    src: strapiMediaUrl(slice.mobileMap.img, 'xLarge'),
-    alt: slice.mobileMap.alt,
-    fill: true,
-    style: {
-      objectFit: slice.mobileMap.objectFit || 'contain'
-    }
-  }) : React.createElement(Image, {
-    src: strapiMediaUrl(slice.map.img, 'xLarge'),
-    alt: slice.map.alt,
-    fill: true,
-    style: {
-      objectFit: slice.map.objectFit || 'cover'
-    }
-  }), React.createElement(MapGradient, null)));
+var messagesDe$9 = {
+  'components.projectGridCard.certified': 'Zertifiziert, {year}',
+  'components.projectGridCard.certificationInProgress': 'Zertifizierung ist in Arbeit'
 };
 
-var convertToKebabCase = function convertToKebabCase(str) {
-  var matches = str && str.match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g);
-  return matches ? matches.map(function (x) {
-    return x.toLowerCase();
-  }).join('-') : '';
+var messagesDe$8 = {
+  'sections.projectsMap.link.text': 'Mehr Infos'
 };
 
-var VARIANTS$4 = {
-  gray: {
-    backgroundColor: 'primary.50',
-    tagLineColor: 'primary.500',
-    textColor: 'black',
-    accordionVariant: 'black',
-    otherQuestionsBackground: 'primary.700'
-  },
-  green: {
-    backgroundColor: 'primary.800',
-    tagLineColor: 'white',
-    textColor: 'white',
-    accordionVariant: 'white',
-    otherQuestionsBackground: 'primary.900'
-  },
-  white: {
-    backgroundColor: 'white',
-    tagLineColor: 'primary.500',
-    textColor: 'black',
-    accordionVariant: 'black',
-    otherQuestionsBackground: 'primary.700'
-  }
+var messagesDe$7 = {
+  'features.projectInfo.projectInfo.value': 'Projekt Infos',
+  'features.projectInfo.properties.area': 'Projekt Fläche',
+  'features.projectInfo.properties.location': 'Standort',
+  'features.projectInfo.properties.start': 'Projekt Start Datum',
+  'features.projectInfo.properties.timeSpan': 'Projekt Zeitraum',
+  'features.projectInfo.properties.projectType': 'Projekt Typ',
+  'features.projectInfo.properties.projectDeveloper': 'Projekt Entwickler',
+  'features.projectInfo.properties.verificationStandard.label': 'Verifizierungsstandard',
+  'features.projectInfo.properties.verificationStandard.value.SilvaconsultFCSISO14': 'SILVACONSULT® Forest Carbon Standard, ISO 14064-2',
+  'features.projectInfo.properties.verificationStandard.value.MfKWCH': 'Methodik für Klimaschutzprojekte im Wald für die Schweiz',
+  'features.projectInfo.properties.forecastedAmountYear.toolTip': 'Dies ist das jährliche Projekt-Senkenvolumen gemäß dem TÜV-geprüften PDD, dieser Wert stellt nicht die aktuellen Verfügbarkeiten dar.',
+  'features.projectInfo.properties.forecastedAmountYear.label': 'Projektvolumen',
+  'features.projectInfo.properties.riskBuffer': 'Anteil Risikopuffer',
+  'features.projectInfo.properties.year': '{years} {years, plural, one {Jahr} other {Jahre} }'
 };
-var QAndA = function QAndA(_ref) {
-  var _slice$variant;
-  var slice = _ref.slice;
-  var _useRouter = useRouter(),
-    push = _useRouter.push;
-  var variant = VARIANTS$4[(_slice$variant = slice.variant) != null ? _slice$variant : 'green'];
-  return React.createElement(React.Fragment, null, React.createElement(Box, {
-    pb: slice.hero ? 80 : 28,
-    id: convertToKebabCase(slice.title),
-    backgroundColor: variant.backgroundColor
-  }, React.createElement(Wrapper, null, React.createElement(SimpleGrid, {
-    columns: [1, null, null, 2]
-  }, React.createElement(Box, {
-    mr: "16",
-    paddingY: "28"
-  }, React.createElement(Text, {
-    size: "mdMonoUppercase",
-    color: variant.tagLineColor
-  }, slice.tagline), React.createElement(Heading, {
-    as: "h2",
-    size: "3xl",
-    color: variant.textColor,
-    mt: "6",
-    mb: "16"
-  }, slice.title)), React.createElement(Box, {
-    maxHeight: ['unset', null, null, 'xl'],
-    paddingTop: ['0', null, null, '28'],
-    paddingRight: ['0', null, null, '6'],
-    overflowY: ['unset', null, null, 'scroll']
-  }, React.createElement(Box, null, React.createElement(BoemlyAccordion, {
-    rows: slice.questionsAndAnswers,
-    defaultIndex: slice.defaultIndex,
-    variant: variant.accordionVariant
-  }), React.createElement(Flex, {
-    padding: "8",
-    backgroundColor: variant.otherQuestionsBackground,
-    borderRadius: "2xl",
-    mt: "14",
-    flexDir: ['column', null, null, 'row'],
-    justifyContent: ['flex-start', null, null, 'space-between'],
-    alignItems: ['flex-start', null, null, 'center']
-  }, React.createElement(Heading, {
-    as: "h6",
-    size: "sm",
-    color: "white"
-  }, slice.otherQuestions), React.createElement(Spacer, {
-    minHeight: ['4', null, null, '0']
-  }), React.createElement(StrapiLinkButton, {
-    size: "lg",
-    colorScheme: "white",
-    background: "white",
-    rightIcon: React.createElement(ArrowRight, null),
-    link: slice.button
-  }))))))), slice.hero && React.createElement(Box, {
-    pb: "28",
-    mt: "-56"
-  }, React.createElement(Wrapper, null, React.createElement(HeroCard, {
-    title: slice.hero.title,
-    subTitle: slice.hero.subTitle,
-    link: slice.hero.button && {
-      text: slice.hero.button.text,
-      onClick: function onClick() {
-        var _slice$hero;
-        return push(strapiLinkUrl((_slice$hero = slice.hero) == null ? void 0 : _slice$hero.button));
-      }
-    },
-    image: slice.hero.image && React.createElement(Image, {
-      src: strapiMediaUrl(slice.hero.image.img, 'xLarge'),
-      alt: slice.hero.image.alt,
-      fill: true,
-      style: {
-        objectFit: slice.hero.image.objectFit || 'cover'
-      }
-    })
-  }))));
+
+var messagesDe$6 = {
+  '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',
+  'portfolio.smallCheckout.contributionValueCurrency.label.EUR': 'Geben Sie den Beitrag in € ein',
+  'portfolio.smallCheckout.contributionValueCurrency.unit.EUR': '€',
+  'portfolio.smallCheckout.contributionValueCurrency.unit.CHF': 'Fr.',
+  'portfolio.smallCheckout.contributionValueCurrency.validation.tooLow.CHF': 'Der Wert muss mindestens 10 CHF betragen',
+  'portfolio.smallCheckout.contributionValueCurrency.validation.tooLow.EUR': 'Der Wert muss mindestens 10 Euro betragen.',
+  'portfolio.smallCheckout.contributionValueCurrency.validation.empty': 'Bitte geben Sie einen Wert ein',
+  'portfolio.smallCheckout.contributionValueCurrency.validation.tooHigh': 'Für größere Einkäufe kontaktieren Sie bitte unser Verkaufsteam',
+  'portfolio.smallCheckout.contributionValueTons.label': 'Beitrag in Tonnen',
+  'portfolio.smallCheckout.submitButton': 'Credits kaufen'
 };
 
-var QuoteCards = function QuoteCards(_ref) {
-  var slice = _ref.slice;
-  var _useRouter = useRouter(),
-    push = _useRouter.push;
-  return React.createElement(React.Fragment, null, React.createElement(Box, {
-    id: convertToKebabCase(slice.title),
-    position: "relative",
-    paddingTop: "28",
-    paddingBottom: !!slice.hero ? '80' : '28'
-  }, slice.shapes && slice.shapes.length === 2 && React.createElement(React.Fragment, null, React.createElement(Shape, {
-    shape: React.createElement(Image, {
-      src: strapiMediaUrl(slice.shapes[0].img, 'small'),
-      alt: slice.shapes[0].alt,
-      fill: true,
-      style: {
-        objectFit: slice.shapes[0].objectFit || 'cover'
-      }
-    }),
-    top: "0",
-    right: "0",
-    size: "xs",
-    radius: "bottom-left"
-  }), React.createElement(Shape, {
-    shape: React.createElement(Image, {
-      src: strapiMediaUrl(slice.shapes[1].img, 'small'),
-      alt: slice.shapes[1].alt,
-      fill: true,
-      style: {
-        objectFit: slice.shapes[1].objectFit || 'cover'
-      }
-    }),
-    bottom: "0",
-    left: "0",
-    radius: "top-right"
-  })), React.createElement(Wrapper, null, React.createElement(Box, {
-    maxW: "3xl"
-  }, React.createElement(DefaultSectionHeader, {
-    tagline: slice.tagline,
-    title: slice.title,
-    text: slice.text
-  })), React.createElement(SimpleGrid, {
-    columns: 2,
-    gap: "20",
-    rowGap: "6",
-    mt: "16",
-    minChildWidth: ['100%', null, '16rem']
-  }, slice.cards.map(function (card) {
-    return React.createElement(Box, {
-      key: card.id,
-      width: "full",
-      maxWidth: "2xl"
-    }, React.createElement(QuoteCard, {
-      key: card.id,
-      avatar: {
-        name: card.avatar.name,
-        description: card.avatar.description,
-        image: React.createElement(Image, {
-          src: strapiMediaUrl(card.avatar.image.img, 'small'),
-          alt: card.avatar.image.alt,
-          fill: true,
-          style: {
-            objectFit: card.avatar.image.objectFit || 'cover'
-          }
-        })
-      },
-      text: card.text
-    }));
-  })))), slice.hero && React.createElement(Box, {
-    marginTop: "-40",
-    paddingBottom: "28"
-  }, React.createElement(Wrapper, null, React.createElement(HeroCard, {
-    title: slice.hero.title,
-    subTitle: slice.hero.subTitle,
-    link: slice.hero.button && {
-      text: slice.hero.button.text,
-      onClick: function onClick() {
-        var _slice$hero;
-        return push(strapiLinkUrl((_slice$hero = slice.hero) == null ? void 0 : _slice$hero.button));
-      }
-    },
-    image: slice.hero.image && React.createElement(Image, {
-      src: strapiMediaUrl(slice.hero.image.img, 'xLarge'),
-      alt: slice.hero.image.alt,
-      fill: true,
-      style: {
-        objectFit: slice.hero.image.objectFit || 'cover'
-      }
-    })
-  }))));
+var messagesDe$5 = {
+  'sections.shopCheckout.intro.price': 'Preis',
+  'sections.shopCheckout.contributionValue.label.EUR': 'Geben sie einen Betrag in € ein',
+  'sections.shopCheckout.contributionValue.label.CHF': 'Geben sie einen Betrag in CHF ein',
+  'sections.shopCheckout.contributionValue.unit.EUR': '€',
+  'sections.shopCheckout.contributionValue.unit.CHF': 'CHF',
+  'sections.shopCheckout.contributionValue.validation.empty': 'Bitte geben sie einen Betrag ein',
+  'sections.shopCheckout.contributionValue.validation.tooLow.EUR': 'Der Betrag muss mindestens 10 Euro sein',
+  'sections.shopCheckout.contributionValue.validation.tooLow.CHF': 'Der Betrag muss mindestens 10 CHF sein',
+  'sections.shopCheckout.contributionValue.validation.tooHigh': 'Für größere Einkäufe kontaktieren Sie bitte unser Verkaufsteam über office@tree.ly',
+  'sections.shopCheckout.summary.kg': 'Menge',
+  'sections.shopCheckout.summary.price': 'Preis',
+  'sections.shopCheckout.summary.price.taxNotIncluded': 'ohne Steuern',
+  'sections.shopCheckout.summary.price.taxIncluded': 'Preis inklusive Steuern: {number}',
+  'sections.shopCheckout.submit': 'Kaufen'
 };
 
-var RichTextSection = function RichTextSection(_ref) {
-  var slice = _ref.slice;
-  return React.createElement(DefaultSectionContainer, null, React.createElement(Wrapper, null, React.createElement(Grid, {
-    templateColumns: "repeat(12, 1fr)",
-    gap: "4"
-  }, React.createElement(GridItem, {
-    colSpan: [12, null, null, 7]
-  }, React.createElement(RichText, {
-    content: slice.content
-  })))));
+var messagesDe$4 = {
+  'sections.textCarousel.moveRight': 'Nach rechts bewegen',
+  'sections.textCarousel.moveLeft': 'Nach links bewegen'
 };
 
-var Steps = function Steps(_ref) {
-  var _slice$card$shapes;
-  var slice = _ref.slice;
-  var _useRouter = useRouter(),
-    push = _useRouter.push;
-  var _useToken = useToken('colors', ['gray.900']),
-    gray900 = _useToken[0];
-  var containerRef = useRef(null);
-  var _useState = useState(new Array(slice.steps.length)),
-    stepRefs = _useState[0],
-    setStepRefs = _useState[1];
-  var _useState2 = useState(new Array(slice.steps.length)),
-    stepProgress = _useState2[0],
-    setStepProgress = _useState2[1];
-  var _useWindowScroll = useWindowScroll(),
-    offsetY = _useWindowScroll.y;
-  var _useWindowSize = useWindowSize(),
-    windowHeight = _useWindowSize.height;
-  useEffect(function () {
-    setStepRefs(slice.steps.map(function () {
-      return createRef();
-    }));
-  }, []);
-  useEffect(function () {
-    var _containerRef$current;
-    var containerOffsetTop = ((_containerRef$current = containerRef.current) == null ? void 0 : _containerRef$current.offsetTop) || 0;
-    setStepProgress(stepRefs.map(function (ref) {
-      var _ref$current;
-      var currentItemOffsetTop = ((_ref$current = ref.current) == null ? void 0 : _ref$current.offsetTop) || 0;
-      return containerOffsetTop + currentItemOffsetTop < offsetY + windowHeight / 3 ? 100 : 0;
-    }));
-  }, [offsetY]);
-  return React.createElement("div", {
-    ref: containerRef
-  }, React.createElement(DefaultSectionContainer, {
-    backgroundColor: gray900,
-    title: slice.title
-  }, React.createElement(React.Fragment, null, slice.image && React.createElement(Box, {
-    position: "absolute",
-    top: "0",
-    left: "0",
-    width: "full",
-    height: "full"
-  }, React.createElement(Image, {
-    src: strapiMediaUrl(slice.image.img, 'xLarge'),
-    alt: slice.image.alt,
-    fill: true,
-    style: {
-      objectFit: slice.image.objectFit || 'cover'
-    }
-  }), React.createElement(Gradient, null))), React.createElement(Wrapper, null, React.createElement(React.Fragment, null, React.createElement(DefaultSectionHeader, {
-    tagline: slice.tagline,
-    title: slice.title,
-    text: slice.text,
-    taglineProps: {
-      textAlign: 'center'
-    },
-    titleProps: {
-      textAlign: 'center',
-      maxW: '2xl',
-      marginX: 'auto',
-      color: 'white'
-    },
-    textProps: {
-      textAlign: 'center',
-      maxW: 'xl',
-      marginX: 'auto',
-      color: 'whiteAlpha.800'
-    }
-  }), React.createElement(Box, {
-    marginTop: ['16', null, '24']
-  }, slice.steps.map(function (_ref2, index) {
-    var id = _ref2.id,
-      step = _ref2.step,
-      title = _ref2.title,
-      text = _ref2.text;
-    return React.createElement(Flex, {
-      flexDir: "column",
-      alignItems: "center",
-      key: id
-    }, React.createElement(Center, {
-      width: "10",
-      height: "10",
-      borderRadius: "full",
-      backgroundColor: "white"
-    }, React.createElement(Text, {
-      size: "smRegularNormal",
-      color: "black"
-    }, step)), React.createElement(Heading, {
-      size: "lg",
-      color: "white",
-      mt: "4",
-      textAlign: "center"
-    }, title), text && React.createElement(Box, {
-      maxW: "xl",
-      mt: "4"
-    }, React.createElement(RichText, {
-      options: {
-        forceBlock: true
-      },
-      content: text,
-      textProps: {
-        size: 'mdRegularNormal',
-        color: 'whiteAlpha.700',
-        textAlign: 'center'
-      }
-    })), (index + 1 < slice.steps.length || slice.card) && React.createElement(Box, {
-      ref: stepRefs[index],
-      position: "relative",
-      marginTop: "4",
-      marginBottom: "6",
-      height: "12"
-    }, React.createElement(Box, {
-      position: "absolute",
-      height: "full",
-      borderLeft: "dashed 1px white",
-      opacity: "0.5"
-    }), React.createElement(Box, {
-      position: "absolute",
-      height: stepProgress[index] + "%",
-      borderRight: "solid 1px white",
-      opacity: "1",
-      transition: "height ease var(--medium-transition-duration)"
-    })));
-  })), slice.card && React.createElement(ShapesCard, {
-    tagline: slice.card.tagline,
-    title: slice.card.title,
-    text: slice.card.text,
-    shapes: slice.card.shapes && ((_slice$card$shapes = slice.card.shapes) == null ? void 0 : _slice$card$shapes.map(function (shape) {
-      return React.createElement(Image, {
-        key: shape.id,
-        src: strapiMediaUrl(shape.img, 'small'),
-        alt: shape.alt,
-        fill: true,
-        style: {
-          objectFit: shape.objectFit || 'cover'
-        }
-      });
-    })),
-    button: slice.card.button && {
-      text: slice.card.button.text,
-      onClick: function onClick() {
-        var _slice$card;
-        return push(strapiLinkUrl((_slice$card = slice.card) == null ? void 0 : _slice$card.button));
-      }
-    }
-  })))));
+var messagesDe$3 = {
+  'sections.timeline.backgroundShapes': 'Hintergrundformen',
+  'sections.timeline.showMoreButton': 'Drei weitere Meilensteine anzeigen'
 };
 
-var _oppositesOfCorners, _templateObject$8, _templateObject2$4;
-var ShapePosition;
-(function (ShapePosition) {
-  ShapePosition["topLeft"] = "top-left";
-  ShapePosition["topRight"] = "top-right";
-  ShapePosition["bottomLeft"] = "bottom-left";
-  ShapePosition["bottomRight"] = "bottom-right";
-  ShapePosition["unset"] = "unset";
-})(ShapePosition || (ShapePosition = {}));
-var shapePositions = [ShapePosition.topLeft, ShapePosition.bottomRight, ShapePosition.topRight, ShapePosition.bottomLeft, ShapePosition.topRight, ShapePosition.bottomLeft, ShapePosition.topLeft, ShapePosition.bottomRight];
-var oppositesOfCorners = (_oppositesOfCorners = {}, _oppositesOfCorners[ShapePosition.bottomLeft] = ShapePosition.topRight, _oppositesOfCorners[ShapePosition.topRight] = ShapePosition.bottomLeft, _oppositesOfCorners[ShapePosition.bottomRight] = ShapePosition.topLeft, _oppositesOfCorners[ShapePosition.topLeft] = ShapePosition.bottomRight, _oppositesOfCorners[ShapePosition.unset] = ShapePosition.unset, _oppositesOfCorners);
-var variants = {
-  shape: {
-    padding: ['6', null, null, '8'],
-    positionIcon: function positionIcon(index) {
-      return shapePositions[index % shapePositions.length];
-    },
-    width: '40',
-    height: '40',
-    position: 'absolute',
-    mb: 'unset'
-  },
-  image: {
-    padding: ['6', null, null, '8'],
-    positionIcon: function positionIcon() {
-      return ShapePosition.unset;
-    },
-    width: '24',
-    height: '24',
-    position: 'relative',
-    mb: '10'
-  }
-};
-var TextCardGrid = function TextCardGrid(_ref) {
-  var slice = _ref.slice;
-  var _useToken = useToken('colors', ['primary.800']),
-    primary800 = _useToken[0];
-  return React.createElement(DefaultSectionContainer, {
-    backgroundColor: primary800,
-    title: slice.title
-  }, React.createElement(Wrapper, null, React.createElement(DefaultSectionHeader, {
-    tagline: slice.tagline,
-    title: slice.title,
-    text: slice.text,
-    taglineProps: {
-      textAlign: 'center',
-      color: 'white'
-    },
-    titleProps: {
-      textAlign: 'center',
-      maxW: '2xl',
-      marginX: 'auto',
-      color: 'white'
-    },
-    textProps: {
-      textAlign: 'center',
-      maxW: 'xl',
-      marginX: 'auto',
-      color: 'whiteAlpha.800'
-    }
-  }), React.createElement(SimpleGrid, {
-    mt: ['14', null, null, '24'],
-    columns: 3,
-    justifyItems: "center",
-    gap: "20",
-    rowGap: "16",
-    minChildWidth: ['100%', null, '16rem']
-  }, slice.cards.map(function (_ref2, index) {
-    var id = _ref2.id,
-      tagline = _ref2.tagline,
-      title = _ref2.title,
-      text = _ref2.text,
-      image = _ref2.image,
-      buttons = _ref2.buttons;
-    return React.createElement(Box, {
-      key: id,
-      backgroundColor: "white",
-      zIndex: "base",
-      padding: variants[slice.variant].padding,
-      boxShadow: "lg",
-      borderRadius: "2xl",
-      minHeight: "2xs",
-      width: "full",
-      maxWidth: slice.cards.length > 1 ? 'unset' : 'xl',
-      position: "relative",
-      display: "flex",
-      flexDir: "column",
-      alignItems: "flex-start",
-      justifyContent: slice.variant === 'shape' ? 'flex-end' : 'flex-start',
-      overflow: "hidden"
-    }, React.createElement(Box, {
-      position: variants[slice.variant].position,
-      width: variants[slice.variant].width,
-      height: variants[slice.variant].height,
-      mb: variants[slice.variant].mb,
-      top: variants[slice.variant].positionIcon(index).includes('top') ? '-4' : 'unset',
-      left: variants[slice.variant].positionIcon(index).includes('left') ? '-4' : 'unset',
-      right: variants[slice.variant].positionIcon(index).includes('right') ? '-4' : 'unset',
-      bottom: variants[slice.variant].positionIcon(index).includes('bottom') ? '-4' : 'unset',
-      borderBottomRightRadius: oppositesOfCorners[variants[slice.variant].positionIcon(index)].includes('bottomRight') ? 'full' : 'unset',
-      borderBottomLeftRadius: oppositesOfCorners[variants[slice.variant].positionIcon(index)].includes('bottomLeft') ? 'full' : 'unset',
-      borderTopRightRadius: oppositesOfCorners[variants[slice.variant].positionIcon(index)].includes('topRight') ? 'full' : 'unset',
-      borderTopLeftRadius: oppositesOfCorners[variants[slice.variant].positionIcon(index)].includes('topLeft') ? 'full' : 'unset',
-      css: variants[slice.variant].positionIcon(index).includes('unset') ? css(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteralLoose(["\n                          & span,\n                          div,\n                          img {\n                            border-radius: var(--boemly-radii-xl);\n                          }\n                        "]))) : css(_templateObject2$4 || (_templateObject2$4 = _taggedTemplateLiteralLoose(["\n                    & span,\n                    div,\n                    img {\n                      border-", "-radius: var(--boemly-radii-full);\n                    }\n                  "])), oppositesOfCorners[variants[slice.variant].positionIcon(index)])
-    }, React.createElement(Image, {
-      src: strapiMediaUrl(image.img, 'small'),
-      alt: image.alt,
-      fill: true,
-      style: {
-        objectFit: image.objectFit || 'cover'
-      }
-    })), React.createElement(Box, {
-      zIndex: "aboveBase",
-      width: "full"
-    }, tagline && React.createElement(Text, {
-      color: "black",
-      size: "smMonoNormal",
-      mb: "2"
-    }, tagline), React.createElement(Heading, {
-      as: "h4",
-      size: "xl",
-      mb: "3"
-    }, title), React.createElement(RichText, {
-      content: text,
-      listProps: {
-        textColor: 'gray.500',
-        textSize: 'smRegularNormal'
-      },
-      textProps: {
-        color: 'gray.500',
-        size: 'smRegularNormal'
-      }
-    }), buttons && !!buttons.length && React.createElement(Flex, {
-      mt: "4",
-      gap: "3",
-      flexDir: ['column', null, null, null, 'row']
-    }, buttons.map(function (button, buttonIndex) {
-      return React.createElement(StrapiLinkButton, {
-        key: button.id,
-        link: button,
-        size: "sm",
-        rightIcon: buttonIndex === 0 ? React.createElement(CaretRight, {
-          size: "10",
-          weight: "bold"
-        }) : undefined,
-        variant: buttonIndex === 0 ? 'outline' : 'ghost'
-      });
-    }))));
-  }))));
+var unitMessagesDe = {
+  'unit.formatter.tonsCo2': '{number} /tCO₂',
+  'unit.formatter.tonsCo2PerYear': '{number} tCO₂/Jahr'
 };
 
-var _templateObject$7, _templateObject2$3, _templateObject3$1;
-var CarouselContainer = /*#__PURE__*/styled(Box)(_templateObject$7 || (_templateObject$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-top: var(--boemly-space-6);\n  padding: var(--boemly-space-8) 0;\n\n  @media screen and (max-width: ", ") {\n    margin-top: var(--boemly-space-4);\n    width: var(--boemly-sizes-full);\n  }\n\n  width: var(--boemly-sizes-full);\n\n  overflow-x: hidden;\n\n  @media screen and (max-width: ", ") {\n    overflow-x: scroll;\n  }\n"])), BREAKPOINT_MD, BREAKPOINT_MD);
-var CarouselInnerContainer$1 = /*#__PURE__*/styled(motion.div)(_templateObject2$3 || (_templateObject2$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  gap: var(--boemly-space-6);\n  justify-content: center;\n\n  width: calc(\n    (var(--boemly-sizes-sm) + var(--boemly-space-6)) *\n      ", " +\n      var(--boemly-space-6)\n  );\n  min-width: var(--boemly-sizes-full);\n\n  @media screen and (max-width: ", ") {\n    gap: var(--boemly-space-1);\n    justify-content: flex-start;\n    width: calc(\n      (var(--boemly-sizes-2xs) + var(--boemly-space-4)) *\n        ", " +\n        var(--boemly-space-6)\n    );\n  }\n"])), function (_ref) {
-  var numberOfItems = _ref.numberOfItems;
-  return numberOfItems;
-}, BREAKPOINT_MD, function (_ref2) {
-  var numberOfItems = _ref2.numberOfItems;
-  return numberOfItems;
-});
-var CardContainer = /*#__PURE__*/styled(Box)(_templateObject3$1 || (_templateObject3$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: var(--boemly-sizes-sm);\n\n  @media screen and (max-width: ", ") {\n    min-width: var(--boemly-sizes-sm);\n\n    margin-right: var(--boemly-space-4);\n\n    &:first-of-type {\n      margin-left: var(--boemly-space-6);\n    }\n  }\n"])), BREAKPOINT_MD);
-
-var _templateObject$6;
-var GLOBAL_STYLE = /*#__PURE__*/css(_templateObject$6 || (_templateObject$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  :root {\n    --default-hero-height: calc(100vh - var(--boemly-space-24));\n  }\n\n  a {\n    text-decoration: none;\n  }\n"])));
+var rootMessagesDe = /*#__PURE__*/_extends({}, messagesDe$i, messagesDe$e, messagesDe$b, messagesDe$7, messagesDe$6, messagesDe$9, messagesDe$j, messagesDe$h, messagesDe$g, messagesDe$f, messagesDe$d, messagesDe$c, messagesDe$a, messagesDe$8, messagesDe$5, messagesDe$4, messagesDe$3, unitMessagesDe);
 
-var messagesDe$j = {
-  'sections.comparison.backgroundShapes': 'Hintergrundformen'
+var messagesEn$d = {
+  'sections.comparison.backgroundShapes': 'Background shapes'
 };
 
-var messagesDe$i = {
-  'components.creditsAvailableBadge.text.yes': 'Credits verfügbar',
-  'components.creditsAvailableBadge.text.some': 'Einige verbleibende Credits',
-  'components.creditsAvailableBadge.text.no': 'Keine verbleibenden Credits',
-  'components.creditsAvailableBadge.text.notYet': 'Credits bald verfügbar'
+var messagesEn$c = {
+  'components.creditsAvailableBadge.text.yes': 'Credits available',
+  'components.creditsAvailableBadge.text.some': 'Some remaining credits',
+  'components.creditsAvailableBadge.text.no': 'No remaining credits',
+  'components.creditsAvailableBadge.text.notYet': 'Credits available soon'
 };
 
-var messagesDe$h = {
-  'sections.cta.backgroundShapes': 'Dunkle Hintergrundformen',
-  'sections.cta.backgroundShapesLight': 'Helle Hintergrundformen'
+var messagesEn$b = {
+  'sections.cta.backgroundShapesDark': 'Dark background shapes',
+  'sections.cta.backgroundShapesLight': 'Light background shapes'
 };
 
-var messagesDe$g = {
-  'sections.customerCard.more': 'Weiterlesen'
+var messagesEn$a = {
+  'sections.customerCard.more': 'Read more'
 };
 
-var messagesDe$f = {
-  'sections.customerQuoteCard.more': 'Weiterlesen'
+var messagesEn$9 = {
+  'sections.customerQuoteCard.more': 'Read more'
 };
 
-var messagesDe$e = {
-  'sections.eventCard.recommendedEvent': 'Empfohlene Veranstaltung',
-  'sections.eventCard.buttonShowMore': 'Mehr anzeigen',
-  'sections.eventCard.buttonShowLess': 'Weniger anzeigen',
-  'sections.eventCard.eventType.conference': 'Konferenz',
+var messagesEn$8 = {
+  'sections.eventCard.recommendedEvent': 'Recommended Event',
+  'sections.eventCard.buttonShowMore': 'Show More',
+  'sections.eventCard.buttonShowLess': 'Show Less',
+  'sections.eventCard.eventType.conference': 'Conference',
   'sections.eventCard.eventType.webinar': 'Webinar',
-  'sections.eventCard.eventType.forestwalk': 'Waldspaziergang',
-  'sections.eventCard.eventType.partnerevent': 'Partnerveranstaltung',
-  'sections.eventCard.eventType.lunch&learn': 'Mittagessen & Lernen',
-  'sections.eventCard.eventType.fair': 'Messe',
+  'sections.eventCard.eventType.forestwalk': 'Forest Walk',
+  'sections.eventCard.eventType.partnerevent': 'Partner Event',
+  'sections.eventCard.eventType.lunch&learn': 'Lunch & Learn',
+  'sections.eventCard.eventType.fair': 'Fair',
   'sections.eventCard.eventType.festival': 'Festival',
   'sections.eventCard.eventType.roadshow': 'Roadshow',
   'sections.eventCard.eventType.meetup': 'Meet Up'
 };
 
-var messagesDe$d = {
-  'sections.events.loadMore': 'Mehr laden',
-  'sections.events.noUpcomingEvents': 'Keine bevorstehenden Veranstaltungen gefunden',
-  'sections.events.noPastEvents': 'Keine vergangenen Veranstaltungen gefunden',
-  'sections.eventsFilter.searchPlaceholder': 'Suchen',
+var messagesDe$2 = {
+  'sections.events.loadMore': 'Load more',
+  'sections.events.noUpcomingEvents': 'No upcoming events found',
+  'sections.events.noPastEvents': 'No past events found',
+  'sections.events.eventsFilter.searchPlaceholder': 'Search',
   'sections.events.eventsFilter.eventType': 'Event Type',
-  'sections.events.eventsFilter.language': 'Sprache',
-  'sections.events.eventsFilter.sortBy.title': 'Sortieren nach',
-  'sections.events.eventsFilter.sortBy.newest': 'Neueste zuerst',
-  'sections.events.eventsFilter.sortBy.oldest': 'Älteste zuerst'
+  'sections.events.eventsFilter.language': 'Language',
+  'sections.events.eventsFilter.sortBy.title': 'Sort by',
+  'sections.events.eventsFilter.sortBy.newest': 'Newest first',
+  'sections.events.eventsFilter.sortBy.oldest': 'Oldest first'
 };
 
-var messagesDe$c = {
-  'sections.glossary.copyButtonLabel': 'Kopiere den Link zu diesem Abschnitt in die Zwischenablage',
-  'sections.glossary.copySuccessMessage': 'Link in die Zwischenablage kopiert',
-  'sections.glossary.copyFailureMessage': 'Link konnte nicht in die Zwischenablage kopiert werden'
+var messagesEn$7 = {
+  'sections.glossary.copyButtonLabel': 'Copy a link to this section to your clipboard',
+  'sections.glossary.copySuccessMessage': 'Copied the link to your clipboard',
+  'sections.glossary.copyFailureMessage': 'Could not copy link to clipboard'
 };
 
-var messagesDe$b = {
-  'features.portfolio.documentsDownloadList.projectDocuments': 'Projektdokumente',
-  'features.portfolio.documentsDownloadList.downloadDocument': 'Dokument herunterladen'
+var messagesEn$6 = {
+  'features.portfolio.documentsDownloadList.projectDocuments': 'Project documents',
+  'features.portfolio.documentsDownloadList.downloadDocument': 'Download document'
 };
 
-var messagesDe$a = {
-  'sections.projectFacts.projectInfo.value': 'Projekt Infos'
+var messagesEn$5 = {
+  'sections.projectFacts.projectInfo.value': 'Project Infos'
 };
 
-var messagesDe$9 = {
-  'components.projectGridCard.certified': 'Zertifiziert, {year}',
-  'components.projectGridCard.certificationInProgress': 'Zertifizierung ist in Arbeit'
+var messagesDe$1 = {
+  'components.projectGridCard.certified': 'Certified, {year}',
+  'components.projectGridCard.certificationInProgress': 'Certification in progress'
 };
 
-var messagesDe$8 = {
-  'sections.projectsMap.link.text': 'Mehr Infos'
+var messagesEn$4 = {
+  'sections.projectsMap.link.text': 'Show more info'
 };
 
-var messagesDe$7 = {
-  'features.projectInfo.projectInfo.value': 'Projekt Infos',
-  'features.projectInfo.properties.area': 'Projekt Fläche',
-  'features.projectInfo.properties.location': 'Standort',
-  'features.projectInfo.properties.start': 'Projekt Start Datum',
-  'features.projectInfo.properties.timeSpan': 'Projekt Zeitraum',
-  'features.projectInfo.properties.projectType': 'Projekt Typ',
-  'features.projectInfo.properties.projectDeveloper': 'Projekt Entwickler',
-  'features.projectInfo.properties.verificationStandard.label': 'Verifizierungsstandard',
+var messagesEn$3 = {
+  'features.projectInfo.projectInfo.value': 'Project Infos',
+  'features.projectInfo.properties.area': 'Project Area',
+  'features.projectInfo.properties.location': 'Location',
+  'features.projectInfo.properties.start': 'Project Start Date',
+  'features.projectInfo.properties.timeSpan': 'Project Time Span',
+  'features.projectInfo.properties.projectType': 'Project Type',
+  'features.projectInfo.properties.projectDeveloper': 'Project Developer',
+  'features.projectInfo.properties.verificationStandard.label': 'Verification Standard',
   'features.projectInfo.properties.verificationStandard.value.SilvaconsultFCSISO14': 'SILVACONSULT® Forest Carbon Standard, ISO 14064-2',
   'features.projectInfo.properties.verificationStandard.value.MfKWCH': 'Methodik für Klimaschutzprojekte im Wald für die Schweiz',
-  'features.projectInfo.properties.forecastedAmountYear.toolTip': 'Dies ist das jährliche Projekt-Senkenvolumen gemäß dem TÜV-geprüften PDD, dieser Wert stellt nicht die aktuellen Verfügbarkeiten dar.',
-  'features.projectInfo.properties.forecastedAmountYear.label': 'Projektvolumen',
-  'features.projectInfo.properties.riskBuffer': 'Anteil Risikopuffer',
-  'features.projectInfo.properties.year': '{years} {years, plural, one {Jahr} other {Jahre} }'
+  'features.projectInfo.properties.forecastedAmountYear.label': 'Project Volume',
+  'features.projectInfo.properties.forecastedAmountYear.toolTip': "This is the yearly project sink volume according to the TÜV-verified PDD, this value doesn't represent current availabilities.",
+  'features.projectInfo.properties.riskBuffer': 'Risk Buffer Share',
+  'features.projectInfo.properties.year': '{years} {years, plural, one {year} other {years} }'
 };
 
-var messagesDe$6 = {
-  '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',
-  'portfolio.smallCheckout.contributionValueCurrency.label.EUR': 'Geben Sie den Beitrag in € ein',
-  'portfolio.smallCheckout.contributionValueCurrency.unit.EUR': '€',
-  'portfolio.smallCheckout.contributionValueCurrency.unit.CHF': 'Fr.',
-  'portfolio.smallCheckout.contributionValueCurrency.validation.tooLow.CHF': 'Der Wert muss mindestens 10 CHF betragen',
-  'portfolio.smallCheckout.contributionValueCurrency.validation.tooLow.EUR': 'Der Wert muss mindestens 10 Euro betragen.',
-  'portfolio.smallCheckout.contributionValueCurrency.validation.empty': 'Bitte geben Sie einen Wert ein',
-  'portfolio.smallCheckout.contributionValueCurrency.validation.tooHigh': 'Für größere Einkäufe kontaktieren Sie bitte unser Verkaufsteam',
-  'portfolio.smallCheckout.contributionValueTons.label': 'Beitrag in Tonnen',
-  'portfolio.smallCheckout.submitButton': 'Credits kaufen'
-};
-
-var messagesDe$5 = {
-  'sections.shopCheckout.intro.price': 'Preis',
-  'sections.shopCheckout.contributionValue.label.EUR': 'Geben sie einen Betrag in € ein',
-  'sections.shopCheckout.contributionValue.label.CHF': 'Geben sie einen Betrag in CHF ein',
-  'sections.shopCheckout.contributionValue.unit.EUR': '€',
-  'sections.shopCheckout.contributionValue.unit.CHF': 'CHF',
-  'sections.shopCheckout.contributionValue.validation.empty': 'Bitte geben sie einen Betrag ein',
-  'sections.shopCheckout.contributionValue.validation.tooLow.EUR': 'Der Betrag muss mindestens 10 Euro sein',
-  'sections.shopCheckout.contributionValue.validation.tooLow.CHF': 'Der Betrag muss mindestens 10 CHF sein',
-  'sections.shopCheckout.contributionValue.validation.tooHigh': 'Für größere Einkäufe kontaktieren Sie bitte unser Verkaufsteam über office@tree.ly',
-  'sections.shopCheckout.summary.kg': 'Menge',
-  'sections.shopCheckout.summary.price': 'Preis',
-  'sections.shopCheckout.summary.price.taxNotIncluded': 'ohne Steuern',
-  'sections.shopCheckout.summary.price.taxIncluded': 'Preis inklusive Steuern: {number}',
-  'sections.shopCheckout.submit': 'Kaufen'
-};
-
-var messagesDe$4 = {
-  'sections.textCarousel.moveRight': 'Nach rechts bewegen',
-  'sections.textCarousel.moveLeft': 'Nach links bewegen'
-};
-
-var messagesDe$3 = {
-  'sections.timeline.backgroundShapes': 'Hintergrundformen',
-  'sections.timeline.showMoreButton': 'Drei weitere Meilensteine anzeigen'
-};
-
-var unitMessagesDe = {
-  'unit.formatter.tonsCo2': '{number} /tCO₂',
-  'unit.formatter.tonsCo2PerYear': '{number} tCO₂/Jahr'
-};
-
-var rootMessagesDe = /*#__PURE__*/_extends({}, messagesDe$i, messagesDe$e, messagesDe$b, messagesDe$7, messagesDe$6, messagesDe$9, messagesDe$j, messagesDe$h, messagesDe$g, messagesDe$f, messagesDe$d, messagesDe$c, messagesDe$a, messagesDe$8, messagesDe$5, messagesDe$4, messagesDe$3, unitMessagesDe);
-
-var messagesEn$d = {
-  'sections.comparison.backgroundShapes': 'Background shapes'
-};
-
-var messagesEn$c = {
-  'components.creditsAvailableBadge.text.yes': 'Credits available',
-  'components.creditsAvailableBadge.text.some': 'Some remaining credits',
-  'components.creditsAvailableBadge.text.no': 'No remaining credits',
-  'components.creditsAvailableBadge.text.notYet': 'Credits available soon'
-};
-
-var messagesEn$b = {
-  'sections.cta.backgroundShapesDark': 'Dark background shapes',
-  'sections.cta.backgroundShapesLight': 'Light background shapes'
-};
-
-var messagesEn$a = {
-  'sections.customerCard.more': 'Read more'
-};
-
-var messagesEn$9 = {
-  'sections.customerQuoteCard.more': 'Read more'
-};
-
-var messagesEn$8 = {
-  'sections.eventCard.recommendedEvent': 'Recommended Event',
-  'sections.eventCard.buttonShowMore': 'Show More',
-  'sections.eventCard.buttonShowLess': 'Show Less',
-  'sections.eventCard.eventType.conference': 'Conference',
-  'sections.eventCard.eventType.webinar': 'Webinar',
-  'sections.eventCard.eventType.forestwalk': 'Forest Walk',
-  'sections.eventCard.eventType.partnerevent': 'Partner Event',
-  'sections.eventCard.eventType.lunch&learn': 'Lunch & Learn',
-  'sections.eventCard.eventType.fair': 'Fair',
-  'sections.eventCard.eventType.festival': 'Festival',
-  'sections.eventCard.eventType.roadshow': 'Roadshow',
-  'sections.eventCard.eventType.meetup': 'Meet Up'
-};
-
-var messagesDe$2 = {
-  'sections.events.loadMore': 'Load more',
-  'sections.events.noUpcomingEvents': 'No upcoming events found',
-  'sections.events.noPastEvents': 'No past events found',
-  'sections.events.eventsFilter.searchPlaceholder': 'Search',
-  'sections.events.eventsFilter.eventType': 'Event Type',
-  'sections.events.eventsFilter.language': 'Language',
-  'sections.events.eventsFilter.sortBy.title': 'Sort by',
-  'sections.events.eventsFilter.sortBy.newest': 'Newest first',
-  'sections.events.eventsFilter.sortBy.oldest': 'Oldest first'
-};
-
-var messagesEn$7 = {
-  'sections.glossary.copyButtonLabel': 'Copy a link to this section to your clipboard',
-  'sections.glossary.copySuccessMessage': 'Copied the link to your clipboard',
-  'sections.glossary.copyFailureMessage': 'Could not copy link to clipboard'
-};
-
-var messagesEn$6 = {
-  'features.portfolio.documentsDownloadList.projectDocuments': 'Project documents',
-  'features.portfolio.documentsDownloadList.downloadDocument': 'Download document'
-};
-
-var messagesEn$5 = {
-  'sections.projectFacts.projectInfo.value': 'Project Infos'
-};
-
-var messagesDe$1 = {
-  'components.projectGridCard.certified': 'Certified, {year}',
-  'components.projectGridCard.certificationInProgress': 'Certification in progress'
-};
-
-var messagesEn$4 = {
-  'sections.projectsMap.link.text': 'Show more info'
-};
-
-var messagesEn$3 = {
-  'features.projectInfo.projectInfo.value': 'Project Infos',
-  'features.projectInfo.properties.area': 'Project Area',
-  'features.projectInfo.properties.location': 'Location',
-  'features.projectInfo.properties.start': 'Project Start Date',
-  'features.projectInfo.properties.timeSpan': 'Project Time Span',
-  'features.projectInfo.properties.projectType': 'Project Type',
-  'features.projectInfo.properties.projectDeveloper': 'Project Developer',
-  'features.projectInfo.properties.verificationStandard.label': 'Verification Standard',
-  'features.projectInfo.properties.verificationStandard.value.SilvaconsultFCSISO14': 'SILVACONSULT® Forest Carbon Standard, ISO 14064-2',
-  'features.projectInfo.properties.verificationStandard.value.MfKWCH': 'Methodik für Klimaschutzprojekte im Wald für die Schweiz',
-  'features.projectInfo.properties.forecastedAmountYear.label': 'Project Volume',
-  'features.projectInfo.properties.forecastedAmountYear.toolTip': "This is the yearly project sink volume according to the TÜV-verified PDD, this value doesn't represent current availabilities.",
-  'features.projectInfo.properties.riskBuffer': 'Risk Buffer Share',
-  'features.projectInfo.properties.year': '{years} {years, plural, one {year} other {years} }'
-};
-
-var messagesEn$2 = {
-  'portfolio.smallCheckout.price.taxNotIncluded': 'not including tax',
-  'portfolio.smallCheckout.price.taxIncluded': 'Price including tax: {number}',
-  'portfolio.smallCheckout.contributionValueCurrency.label.CHF': 'Contribution Amount in CHF',
-  'portfolio.smallCheckout.contributionValueCurrency.label.EUR': 'Contribution Amount in €',
+var messagesEn$2 = {
+  'portfolio.smallCheckout.price.taxNotIncluded': 'not including tax',
+  'portfolio.smallCheckout.price.taxIncluded': 'Price including tax: {number}',
+  'portfolio.smallCheckout.contributionValueCurrency.label.CHF': 'Contribution Amount in CHF',
+  'portfolio.smallCheckout.contributionValueCurrency.label.EUR': 'Contribution Amount in €',
   'portfolio.smallCheckout.contributionValueCurrency.unit.EUR': '€',
   'portfolio.smallCheckout.contributionValueCurrency.unit.CHF': 'CHF',
   'portfolio.smallCheckout.contributionValueCurrency.validation.tooLow.CHF': 'The value must be at least 10 CHF',
@@ -2580,84 +1485,1274 @@ var getMessages = function getMessages(locale) {
   return messages[messagesLocale];
 };
 
-var cache = /*#__PURE__*/createIntlCache();
-var intlFactory = function intlFactory(locale) {
-  return createIntl({
-    locale: locale,
-    messages: getMessages(locale)
-  }, cache);
+var AnalyticsContext = /*#__PURE__*/createContext(undefined);
+var cache = /*#__PURE__*/createIntlCache();
+var intlFactory = function intlFactory(locale) {
+  return createIntl({
+    locale: locale,
+    messages: getMessages(locale)
+  }, cache);
+};
+var IntlContext = /*#__PURE__*/createContext(/*#__PURE__*/intlFactory('en'));
+var ContextProvider = function ContextProvider(_ref) {
+  var children = _ref.children,
+    locale = _ref.locale,
+    analyticsFunction = _ref.analyticsFunction;
+  var fetcher = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(resource, init) {
+      var response, errorData;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return strapiClient.get("" + resource, _extends({}, init, {
+              headers: {}
+            }));
+          case 2:
+            response = _context.sent;
+            if (!(response.status < 200 || response.status >= 300)) {
+              _context.next = 15;
+              break;
+            }
+            errorData = {
+              message: ''
+            };
+            _context.prev = 5;
+            _context.next = 8;
+            return response.data;
+          case 8:
+            errorData = _context.sent;
+            _context.next = 14;
+            break;
+          case 11:
+            _context.prev = 11;
+            _context.t0 = _context["catch"](5);
+            errorData = {
+              message: "An unknown error occurred while fetching data."
+            };
+          case 14:
+            throw new Error(errorData.message);
+          case 15:
+            _context.next = 17;
+            return response.data;
+          case 17:
+            _context.t1 = _context.sent;
+            _context.t2 = response.headers;
+            return _context.abrupt("return", {
+              body: _context.t1,
+              headers: _context.t2
+            });
+          case 20:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[5, 11]]);
+    }));
+    return function fetcher(_x, _x2) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  return React.createElement(React.Fragment, null, React.createElement(SWRConfig, {
+    value: {
+      fetcher: fetcher
+    }
+  }, React.createElement(Global, {
+    styles: {
+      GLOBAL_STYLE: GLOBAL_STYLE
+    }
+  }), React.createElement(IntlContext.Provider, {
+    value: intlFactory(locale)
+  }, React.createElement(AnalyticsContext.Provider, {
+    value: analyticsFunction
+  }, children))));
+};
+
+var _excluded$1 = ["link", "component"];
+var StrapiLinkButton = function StrapiLinkButton(_ref) {
+  var link = _ref.link,
+    _ref$component = _ref.component,
+    component = _ref$component === void 0 ? 'StrapiLinkButton' : _ref$component,
+    buttonProps = _objectWithoutPropertiesLoose(_ref, _excluded$1);
+  var adBlockDetected = useDetectAdBlock();
+  var analyticsFunction = useContext(AnalyticsContext);
+  var handleClick = function handleClick() {
+    var buttonUrl = link.intercomLauncher && adBlockDetected ? 'mailto:hello@tree.ly' : strapiLinkUrl(link);
+    analyticsFunction == null || analyticsFunction({
+      type: 'track',
+      props: {
+        action: 'click',
+        component: component,
+        buttonText: link.text,
+        buttonUrl: buttonUrl
+      }
+    });
+  };
+  if (link.intercomLauncher) {
+    if (adBlockDetected) {
+      return React.createElement(Button, _extends({}, buttonProps, {
+        as: Link,
+        href: "mailto:hello@tree.ly",
+        onClick: handleClick
+      }), link.text);
+    }
+    return React.createElement(Button, _extends({}, buttonProps, {
+      onClick: function onClick() {
+        handleClick();
+        openHubSpotChat();
+      }
+    }), link.text);
+  }
+  return React.createElement(Button, _extends({}, buttonProps, {
+    as: Link,
+    href: strapiLinkUrl(link),
+    onClick: handleClick
+  }), link.text);
+};
+
+var Hero = function Hero(_ref) {
+  var slice = _ref.slice;
+  return React.createElement(Box, {
+    position: "relative",
+    width: "full",
+    height: "var(--default-hero-height)",
+    minHeight: "2xl",
+    backgroundColor: "gray.900",
+    overflowX: "hidden"
+  }, slice.image && React.createElement(React.Fragment, null, React.createElement(Image, {
+    src: strapiMediaUrl(slice.image.img, 'xLarge'),
+    alt: slice.image.alt,
+    fill: true,
+    style: {
+      objectFit: slice.image.objectFit || 'cover'
+    }
+  }), React.createElement(Gradient, null)), slice.shape && React.createElement(Box, {
+    position: "absolute",
+    bottom: "0",
+    borderTopRightRadius: "full",
+    width: ['3xs', null, '2xs', null, 'sm'],
+    height: ['3xs', null, '2xs', null, 'sm'],
+    right: ['-16', null, '24']
+  }, React.createElement(Image, {
+    src: strapiMediaUrl(slice.shape.img, 'medium'),
+    alt: slice.shape.alt,
+    fill: true,
+    style: {
+      objectFit: slice.shape.objectFit || 'cover',
+      borderTopRightRadius: 'var(--boemly-radii-full)'
+    }
+  })), React.createElement(Box, {
+    position: "absolute",
+    left: "0",
+    top: "56%",
+    width: "full",
+    textAlign: slice.textAlign,
+    transform: "translateY(-50%)"
+  }, React.createElement(Wrapper, null, React.createElement(React.Fragment, null, React.createElement(DefaultSectionHeader, {
+    isHero: true,
+    tagline: slice.tagline,
+    title: slice.title,
+    text: slice.subTitle,
+    taglineProps: {
+      color: 'white'
+    },
+    titleProps: {
+      color: 'white',
+      maxW: slice.textAlign === 'center' ? '4xl' : '3xl',
+      mx: slice.textAlign === 'center' ? 'auto' : 'unset',
+      textAlign: slice.textAlign
+    },
+    textProps: {
+      maxW: '2xl',
+      mx: slice.textAlign === 'center' ? 'auto' : 'unset',
+      textAlign: slice.textAlign,
+      color: 'white'
+    }
+  }), React.createElement(Flex, {
+    gap: "8",
+    justifyContent: slice.textAlign === 'center' ? 'center' : 'start'
+  }, slice.button && React.createElement(StrapiLinkButton, {
+    key: slice.button.id,
+    mt: "10",
+    size: "xl",
+    link: slice.button,
+    component: "Hero"
+  }), slice.additionalButtons.map(function (button) {
+    return React.createElement(StrapiLinkButton, {
+      key: button.button.id,
+      mt: "10",
+      size: "xl",
+      variant: button.variant,
+      link: button.button,
+      component: "Hero"
+    });
+  }))))));
+};
+
+var IconGrid = function IconGrid(_ref) {
+  var slice = _ref.slice;
+  var columns = function columns() {
+    if (slice.iconsWithTextAndButton.length === 2) {
+      return [1, null, null, 2, 2];
+    }
+    if (slice.iconsWithTextAndButton.length === 1) {
+      return 1;
+    }
+    return [1, null, null, 2, 3];
+  };
+  return React.createElement(DefaultSectionContainer, null, React.createElement(Wrapper, null, slice.title ? React.createElement(React.Fragment, null, React.createElement(Flex, {
+    alignItems: "center",
+    flexDirection: "column"
+  }, React.createElement(DefaultSectionHeader, {
+    tagline: slice.tagline,
+    title: slice.title,
+    text: slice.subTitle,
+    taglineProps: {
+      maxW: '2xl',
+      textAlign: 'center'
+    },
+    titleProps: {
+      maxW: '3xl',
+      textAlign: 'center'
+    },
+    textProps: {
+      maxW: '3xl',
+      textAlign: 'center'
+    }
+  })), React.createElement(Spacer, {
+    h: "20"
+  })) : React.createElement(React.Fragment, null), React.createElement(SimpleGrid, {
+    columns: columns(),
+    gap: slice.iconsWithTextAndButton.length === 2 ? '14' : '16',
+    rowGap: ['16', null, null, '20']
+  }, slice.iconsWithTextAndButton.map(function (iconWithTextAndButton) {
+    return React.createElement(Box, {
+      key: iconWithTextAndButton.id
+    }, React.createElement(Box, {
+      margin: "0 auto",
+      backgroundColor: "primary.50",
+      borderRadius: "full",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "space-around",
+      width: "6.5rem",
+      height: "6.5rem"
+    }, React.createElement(Box, {
+      position: "absolute",
+      width: "12",
+      height: "12"
+    }, React.createElement(Image, {
+      src: strapiMediaUrl(iconWithTextAndButton.icon.img, 'xSmall'),
+      alt: iconWithTextAndButton.icon.alt,
+      fill: true,
+      style: {
+        objectFit: iconWithTextAndButton.icon.objectFit || 'contain'
+      }
+    }))), React.createElement(Heading, {
+      size: "xl",
+      textAlign: "center",
+      mb: "4",
+      mt: "8"
+    }, iconWithTextAndButton.title), React.createElement(Text, {
+      size: "mdRegularNormal",
+      textAlign: "center"
+    }, iconWithTextAndButton.text), iconWithTextAndButton.button && React.createElement(Box, {
+      textAlign: "center"
+    }, React.createElement(StrapiLinkButton, {
+      key: iconWithTextAndButton.button.id,
+      mt: "8",
+      size: "md",
+      variant: "outline",
+      link: iconWithTextAndButton.button,
+      component: "IconGrid"
+    })));
+  }))));
+};
+
+var LinkedInIcon = function LinkedInIcon() {
+  return React.createElement("svg", {
+    width: "14",
+    height: "14",
+    viewBox: "0 0 14 14",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, React.createElement("g", {
+    clipPath: "url(#clip0_112_606)"
+  }, React.createElement("path", {
+    d: "M11.9286 11.9285H9.85424V8.67998C9.85424 7.90534 9.84042 6.90813 8.77539 6.90813C7.695 6.90813 7.52969 7.75213 7.52969 8.62357V11.9283H5.45533V5.24799H7.44671V6.16093H7.47459C7.67388 5.82018 7.96186 5.53986 8.30786 5.34984C8.65386 5.15981 9.04493 5.06719 9.4394 5.08183C11.5418 5.08183 11.9295 6.46473 11.9295 8.2638L11.9286 11.9285ZM3.11477 4.33484C2.87669 4.33489 2.64393 4.26433 2.44595 4.13209C2.24796 3.99985 2.09365 3.81188 2.0025 3.59193C1.91135 3.37199 1.88746 3.12995 1.93387 2.89644C1.98027 2.66292 2.09488 2.44841 2.26321 2.28003C2.43153 2.11164 2.646 1.99696 2.8795 1.95047C3.11301 1.90398 3.35504 1.92778 3.57502 2.01884C3.795 2.10992 3.98303 2.26417 4.11533 2.46211C4.24764 2.66004 4.31829 2.89277 4.31833 3.13085C4.31836 3.28894 4.28725 3.44547 4.22678 3.59153C4.1663 3.7376 4.07767 3.87031 3.96591 3.98211C3.85415 4.09392 3.72146 4.18261 3.57541 4.24313C3.42937 4.30365 3.27286 4.33481 3.11477 4.33484ZM4.15194 11.9285H2.07544V5.24799H4.15194V11.9285ZM12.9628 0.000953808H1.03307C0.762304 -0.00210183 0.501383 0.102466 0.307673 0.291681C0.113961 0.480895 0.00330461 0.739273 0 1.01004V12.9892C0.00319151 13.2602 0.113783 13.5187 0.307487 13.7081C0.501192 13.8975 0.762169 14.0023 1.03307 13.9994H12.9628C13.2342 14.0028 13.496 13.8983 13.6904 13.7089C13.8848 13.5195 13.9962 13.2607 14 12.9892V1.00918C13.9961 0.737873 13.8846 0.479199 13.6902 0.28999C13.4958 0.10078 13.2341 -0.00348904 12.9628 8.91429e-05",
+    fill: "#0A66C2"
+  })), React.createElement("defs", null, React.createElement("clipPath", {
+    id: "clip0_112_606"
+  }, React.createElement("rect", {
+    width: "14",
+    height: "14",
+    fill: "white"
+  }))));
+};
+
+var _excluded = ["link"];
+var StrapiLinkButtonWithIcon = function StrapiLinkButtonWithIcon(_ref) {
+  var link = _ref.link,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var getLinkIcon = function getLinkIcon(destination) {
+    switch (destination) {
+      case 'linkedin':
+        {
+          return React.createElement(LinkedInIcon, null);
+        }
+      case 'web':
+        {
+          return React.createElement(Globe, null);
+        }
+      default:
+        {
+          return React.createElement(CaretRight, null);
+        }
+    }
+  };
+  return React.createElement(StrapiLinkButton, _extends({}, props, {
+    link: link.link,
+    rightIcon: getLinkIcon(link.destination)
+  }));
+};
+
+var ImageGrid = function ImageGrid(_ref) {
+  var slice = _ref.slice;
+  var _useToken = useToken('colors', ['primary.50']),
+    primary50 = _useToken[0];
+  return React.createElement(DefaultSectionContainer, {
+    backgroundColor: primary50,
+    title: slice.title
+  }, React.createElement(Wrapper, null, React.createElement(DefaultSectionHeader, {
+    tagline: slice.tagline,
+    title: slice.title,
+    text: slice.text,
+    taglineProps: {
+      textAlign: 'center'
+    },
+    titleProps: {
+      textAlign: 'center',
+      maxW: '6xl',
+      marginX: 'auto'
+    },
+    textProps: {
+      textAlign: 'center',
+      maxW: '2xl',
+      marginX: 'auto'
+    }
+  }), React.createElement(SimpleGrid, {
+    mt: "24",
+    columns: 3,
+    gap: "24",
+    rowGap: "16",
+    minChildWidth: "16rem"
+  }, slice.images.map(function (_ref2) {
+    var id = _ref2.id,
+      title = _ref2.title,
+      subTitle = _ref2.subTitle,
+      image = _ref2.image,
+      links = _ref2.links;
+    return React.createElement(Box, {
+      key: id
+    }, React.createElement(Box, {
+      position: "relative",
+      height: "sm",
+      borderRadius: "xl"
+    }, React.createElement(Image, {
+      src: strapiMediaUrl(image.img, 'medium'),
+      alt: image.alt,
+      fill: true,
+      style: {
+        objectFit: image.objectFit || 'cover',
+        borderRadius: 'var(--boemly-radii-xl)'
+      }
+    })), React.createElement(Heading, {
+      size: "xl",
+      mt: "4"
+    }, title), subTitle && React.createElement(Text, {
+      size: "mdRegularNormal"
+    }, subTitle), links && links.length > 0 && React.createElement(Flex, {
+      mt: "3",
+      flexDir: "row",
+      gap: "2",
+      flexWrap: "wrap"
+    }, links.map(function (link) {
+      return React.createElement(StrapiLinkButtonWithIcon, {
+        key: link.id,
+        link: link,
+        size: "sm",
+        variant: "outline",
+        component: "ImageGrid"
+      });
+    })));
+  }))));
+};
+
+var ImageTextSequence = function ImageTextSequence(_ref) {
+  var slice = _ref.slice;
+  var _useMediaQuery = useMediaQuery(BREAKPOINT_LG_QUERY),
+    oneColumnGrid = _useMediaQuery[0];
+  var _useToken = useToken('colors', ['primary.50']),
+    primary50 = _useToken[0];
+  var _useToken2 = useToken('colors', ['gray.700']),
+    gray700 = _useToken2[0];
+  return React.createElement(DefaultSectionContainer, {
+    backgroundColor: primary50,
+    title: slice.title
+  }, slice.background ? React.createElement(React.Fragment, null, React.createElement(Box, {
+    position: "absolute",
+    top: "0",
+    right: "24",
+    display: ['none', null, null, 'unset']
+  }, React.createElement(Image, {
+    src: CDN_URI + "/assets/v3/strapi-slices/desktop-map-border.svg",
+    alt: "Map",
+    width: "786",
+    height: "897"
+  })), React.createElement(Box, {
+    position: "absolute",
+    top: "64",
+    right: "-14",
+    display: ['unset', null, null, 'none']
+  }, React.createElement(Image, {
+    src: CDN_URI + "/assets/v3/strapi-slices/mobile-map-border.svg",
+    alt: "Map",
+    width: "227",
+    height: "452"
+  }))) : React.createElement(React.Fragment, null), React.createElement(Wrapper, null, React.createElement(DefaultSectionHeader, {
+    tagline: slice.tagline,
+    title: slice.title,
+    text: slice.text,
+    taglineProps: {
+      textAlign: ['left', null, null, null, 'center']
+    },
+    titleProps: {
+      maxW: '6xl',
+      marginX: ['0', null, null, null, 'auto'],
+      textAlign: ['left', null, null, null, 'center']
+    },
+    textProps: {
+      maxW: '2xl',
+      marginX: ['0', null, null, null, 'auto'],
+      textAlign: ['left', null, null, null, 'center'],
+      color: 'black'
+    }
+  }), React.createElement(SimpleGrid, {
+    gap: "16",
+    mt: ['28', null, null, null, '40'],
+    columns: [1, null, null, null, 2]
+  }, slice.imageTextRows.map(function (_ref2, index) {
+    var id = _ref2.id,
+      title = _ref2.title,
+      text = _ref2.text,
+      button = _ref2.button,
+      image = _ref2.image;
+    var imageBox = React.createElement(Box, null, React.createElement(Box, {
+      position: "relative",
+      width: "full",
+      minHeight: ['2xs', null, null, 'sm']
+    }, React.createElement(Image, {
+      src: strapiMediaUrl(image.img, 'large'),
+      alt: image.alt,
+      fill: true,
+      style: {
+        objectFit: image.objectFit || 'contain',
+        borderRadius: 'var(--boemly-radii-xl)'
+      }
+    })));
+    return React.createElement(Fragment, {
+      key: id
+    }, (oneColumnGrid || index % 2 !== 0) && imageBox, React.createElement(Box, {
+      display: "flex",
+      alignItems: "flex-start",
+      flexDirection: "column",
+      justifyContent: "center"
+    }, React.createElement(Heading, {
+      as: "h2",
+      size: "xl",
+      mb: "4"
+    }, title), React.createElement(Text, {
+      size: "mdRegularNormal"
+    }, text), button && React.createElement(StrapiLinkButton, {
+      mt: "5",
+      link: button,
+      size: "sm",
+      variant: "outline",
+      rightIcon: React.createElement(CaretRight, {
+        size: "10",
+        color: gray700
+      }),
+      component: "ImageTextSequence"
+    })), !oneColumnGrid && index % 2 === 0 && imageBox);
+  }))));
+};
+
+var LeftTextRightCard = function LeftTextRightCard(_ref) {
+  var slice = _ref.slice;
+  var _useRouter = useRouter(),
+    push = _useRouter.push;
+  var analyticsFunction = useContext(AnalyticsContext);
+  var handleCardButtonClick = function handleCardButtonClick() {
+    var _slice$card;
+    if ((_slice$card = slice.card) != null && _slice$card.button) {
+      var _slice$card5;
+      if (analyticsFunction) {
+        var _slice$card2, _slice$card3, _slice$card4;
+        analyticsFunction({
+          type: 'track',
+          props: {
+            action: 'click',
+            component: 'LeftTextRightCard',
+            buttonText: (_slice$card2 = slice.card) == null || (_slice$card2 = _slice$card2.button) == null ? void 0 : _slice$card2.text,
+            buttonUrl: strapiLinkUrl((_slice$card3 = slice.card) == null ? void 0 : _slice$card3.button),
+            cardTitle: (_slice$card4 = slice.card) == null ? void 0 : _slice$card4.title
+          }
+        });
+      }
+      push(strapiLinkUrl((_slice$card5 = slice.card) == null ? void 0 : _slice$card5.button));
+    }
+  };
+  return React.createElement(DefaultSectionContainer, {
+    title: slice.title
+  }, React.createElement(Wrapper, null, React.createElement(Grid, {
+    templateColumns: ['repeat(8, 1fr)', null, null, null, 'repeat(12, 1fr)'],
+    templateRows: ['repeat(2, 1fr)', null, null, null, 'repeat(1, 1fr)'],
+    rowGap: "12"
+  }, React.createElement(GridItem, {
+    colSpan: 8,
+    rowSpan: 1,
+    pr: ['0', null, null, null, '28']
+  }, React.createElement(DefaultSectionHeader, {
+    tagline: slice.tagline,
+    title: slice.title,
+    text: slice.text
+  }), slice.checkMarkLabels && React.createElement(React.Fragment, null, React.createElement(Spacer, {
+    height: "10"
+  }), React.createElement(BoemlyList, {
+    listItems: slice.checkMarkLabels
+  }), React.createElement(Spacer, {
+    height: "10"
+  })), slice.button && React.createElement(StrapiLinkButton, {
+    link: slice.button,
+    size: "md",
+    colorScheme: "white",
+    variant: "outline",
+    rightIcon: React.createElement(ArrowRight, null),
+    component: "LeftTextRightCard"
+  })), React.createElement(GridItem, {
+    colSpan: [8, null, null, null, 4],
+    rowSpan: 1,
+    position: "relative"
+  }, slice.card && React.createElement(PortfolioCard, {
+    title: slice.card.title,
+    button: slice.card.button && {
+      text: slice.card.button.text,
+      onClick: handleCardButtonClick
+    },
+    facts: slice.card.facts,
+    image: React.createElement(Image, {
+      src: strapiMediaUrl(slice.card.image.img, 'medium'),
+      alt: slice.card.image.alt,
+      fill: true,
+      style: {
+        objectFit: slice.card.image.objectFit || 'cover'
+      }
+    }),
+    portfolioNumber: slice.card.portfolioNumber
+  })))));
+};
+
+var LogoGridWithText = function LogoGridWithText(_ref) {
+  var slice = _ref.slice;
+  var _useToken = useToken('colors', ['primary.50']),
+    primary50 = _useToken[0];
+  return React.createElement(DefaultSectionContainer, {
+    backgroundColor: primary50,
+    title: slice.title
+  }, React.createElement(Wrapper, null, React.createElement(SimpleGrid, {
+    columns: 2,
+    gap: "28",
+    minChildWidth: "16rem"
+  }, React.createElement(Box, {
+    display: "flex",
+    flexDirection: "column",
+    justifyContent: "center",
+    alignItems: "flex-start"
+  }, React.createElement(Heading, {
+    as: "h2",
+    size: "3xl",
+    mb: "4"
+  }, slice.title), React.createElement(RichText, {
+    content: slice.text
+  }), slice.button && React.createElement(StrapiLinkButton, {
+    link: slice.button,
+    size: "md",
+    colorScheme: "white",
+    variant: "outline",
+    mt: "6",
+    rightIcon: React.createElement(ArrowRight, null),
+    component: "LogoGridWithText"
+  })), React.createElement(Flex, {
+    flexDir: "row",
+    flexWrap: "wrap",
+    gap: ['12', null, null, '28']
+  }, slice.logos.map(function (logo) {
+    return React.createElement(Flex, {
+      key: logo.id,
+      justifyContent: "center",
+      alignItems: "center",
+      flexGrow: 1,
+      flexShrink: 0,
+      flexBasis: slice.logos.length > 2 ? '34%' : '90%'
+    }, React.createElement(Box, {
+      position: "relative",
+      height: "20",
+      width: "100%"
+    }, logo.link ? React.createElement("a", {
+      href: strapiLinkUrl(logo.link)
+    }, React.createElement(Image, {
+      src: strapiMediaUrl(logo.img, 'small'),
+      alt: logo.alt,
+      fill: true,
+      style: {
+        objectFit: logo.objectFit || 'contain'
+      }
+    })) : React.createElement(Image, {
+      src: strapiMediaUrl(logo.img, 'small'),
+      alt: logo.alt,
+      fill: true,
+      style: {
+        objectFit: logo.objectFit || 'contain'
+      }
+    })));
+  })))));
+};
+
+var _templateObject$8, _templateObject2$5, _templateObject3$2, _templateObject4$1, _templateObject5;
+var MapHeroContainer = /*#__PURE__*/styled(Box)(_templateObject$8 || (_templateObject$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  width: 100vw;\n  height: var(--default-hero-height);\n  min-height: var(--boemly-sizes-3xl);\n  background-color: var(--boemly-colors-primary-50);\n  overflow: hidden;\n  z-index: var(--boemly-zIndices-base);\n\n  @media screen and (max-width: ", ") {\n    height: auto;\n  }\n"])), BREAKPOINT_LG);
+var MapHeroTextContainer = /*#__PURE__*/styled(Box)(_templateObject2$5 || (_templateObject2$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  width: 100vw;\n  top: 56%;\n  left: 0;\n  transform: translateY(-50%);\n  z-index: var(--boemly-zIndices-aboveBase);\n\n  @media screen and (max-width: ", ") {\n    position: relative;\n    transform: unset;\n\n    padding-top: var(--boemly-space-32);\n  }\n"])), BREAKPOINT_LG);
+var ShapeContainer = /*#__PURE__*/styled(Box)(_templateObject3$2 || (_templateObject3$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  bottom: calc(var(--boemly-space-8) * -1);\n  left: 0;\n\n  width: var(--boemly-sizes-sm);\n  height: var(--boemly-sizes-sm);\n\n  border-top-right-radius: var(--boemly-radii-full);\n\n  & span,\n  div {\n    border-top-right-radius: var(--boemly-radii-full);\n  }\n\n  @media screen and (max-width: ", ") {\n    display: none;\n  }\n"])), BREAKPOINT_LG);
+var MapContainer = /*#__PURE__*/styled(Box)(_templateObject4$1 || (_templateObject4$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n\n  width: 50%;\n  height: 100%;\n\n  right: 0;\n  top: 0;\n\n  & img {\n    object-fit: cover !important;\n  }\n\n  @media screen and (max-width: ", ") {\n    width: 100%;\n    height: var(--boemly-sizes-4xl);\n    position: relative;\n    margin-top: calc(var(--boemly-space-72) * -1);\n    background-color: var(--boemly-colors-white);\n\n    & img {\n      object-fit: contain !important;\n    }\n  }\n"])), BREAKPOINT_LG);
+var MapGradient = /*#__PURE__*/styled(Box)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 100%;\n  height: 100%;\n\n  background: linear-gradient(\n    90deg,\n    var(--boemly-colors-primary-50) 0%,\n    var(--boemly-colors-primary-50) 10%,\n    rgba(243, 246, 245, 0.6) 28%,\n    rgba(243, 246, 245, 0) 40%,\n    rgba(243, 246, 245, 0) 100%\n  );\n\n  @media screen and (max-width: ", ") {\n    background: linear-gradient(\n      180deg,\n      var(--boemly-colors-primary-50) 0%,\n      var(--boemly-colors-primary-50) 36%,\n      rgba(243, 246, 245, 0.12) 46%,\n      rgba(243, 246, 245, 0) 100%\n    );\n  }\n"])), BREAKPOINT_LG);
+
+var MapHero = function MapHero(_ref) {
+  var slice = _ref.slice;
+  var _useMediaQuery = useMediaQuery(BREAKPOINT_LG_QUERY),
+    belowBreakpoint = _useMediaQuery[0];
+  return React.createElement(MapHeroContainer, {
+    maxWidth: "full"
+  }, slice.shape && React.createElement(ShapeContainer, null, React.createElement(Image, {
+    src: strapiMediaUrl(slice.shape.img, 'medium'),
+    alt: slice.shape.alt,
+    fill: true,
+    style: {
+      objectFit: slice.shape.objectFit || 'cover'
+    }
+  })), React.createElement(MapHeroTextContainer, null, React.createElement(Wrapper, null, React.createElement(React.Fragment, null, React.createElement(DefaultSectionHeader, {
+    isHero: true,
+    tagline: slice.tagline,
+    title: slice.title,
+    text: slice.subTitle,
+    titleProps: {
+      maxW: ['100%', null, null, null, '60%']
+    },
+    textProps: {
+      maxW: ['100%', null, null, null, '55%']
+    }
+  }), slice.buttons && slice.buttons.length > 0 && React.createElement(Flex, {
+    mt: "10",
+    flexDir: "row",
+    gap: "5"
+  }, React.createElement(StrapiLinkButton, {
+    link: slice.buttons[0],
+    size: "xl",
+    component: "MapHero"
+  }), slice.buttons.length === 2 && React.createElement(StrapiLinkButton, {
+    link: slice.buttons[1],
+    variant: "outline",
+    size: "xl",
+    component: "MapHero"
+  }))))), React.createElement(MapContainer, null, belowBreakpoint ? React.createElement(Image, {
+    src: strapiMediaUrl(slice.mobileMap.img, 'xLarge'),
+    alt: slice.mobileMap.alt,
+    fill: true,
+    style: {
+      objectFit: slice.mobileMap.objectFit || 'contain'
+    }
+  }) : React.createElement(Image, {
+    src: strapiMediaUrl(slice.map.img, 'xLarge'),
+    alt: slice.map.alt,
+    fill: true,
+    style: {
+      objectFit: slice.map.objectFit || 'cover'
+    }
+  }), React.createElement(MapGradient, null)));
+};
+
+var convertToKebabCase = function convertToKebabCase(str) {
+  var matches = str && str.match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g);
+  return matches ? matches.map(function (x) {
+    return x.toLowerCase();
+  }).join('-') : '';
+};
+
+var VARIANTS$4 = {
+  gray: {
+    backgroundColor: 'primary.50',
+    tagLineColor: 'primary.500',
+    textColor: 'black',
+    accordionVariant: 'black',
+    otherQuestionsBackground: 'primary.700'
+  },
+  green: {
+    backgroundColor: 'primary.800',
+    tagLineColor: 'white',
+    textColor: 'white',
+    accordionVariant: 'white',
+    otherQuestionsBackground: 'primary.900'
+  },
+  white: {
+    backgroundColor: 'white',
+    tagLineColor: 'primary.500',
+    textColor: 'black',
+    accordionVariant: 'black',
+    otherQuestionsBackground: 'primary.700'
+  }
+};
+var QAndA = function QAndA(_ref) {
+  var _slice$variant;
+  var slice = _ref.slice;
+  var _useRouter = useRouter(),
+    push = _useRouter.push;
+  var analyticsFunction = useContext(AnalyticsContext);
+  var handleHeroButtonClick = function handleHeroButtonClick() {
+    var _slice$hero;
+    if ((_slice$hero = slice.hero) != null && _slice$hero.button) {
+      analyticsFunction == null || analyticsFunction({
+        type: 'track',
+        props: {
+          action: 'click',
+          component: 'QAndA',
+          buttonText: slice.hero.button.text,
+          buttonUrl: strapiLinkUrl(slice.hero.button),
+          section: 'hero'
+        }
+      });
+      push(strapiLinkUrl(slice.hero.button));
+    }
+  };
+  var variant = VARIANTS$4[(_slice$variant = slice.variant) != null ? _slice$variant : 'green'];
+  return React.createElement(React.Fragment, null, React.createElement(Box, {
+    pb: slice.hero ? 80 : 28,
+    id: convertToKebabCase(slice.title),
+    backgroundColor: variant.backgroundColor
+  }, React.createElement(Wrapper, null, React.createElement(SimpleGrid, {
+    columns: [1, null, null, 2]
+  }, React.createElement(Box, {
+    mr: "16",
+    paddingY: "28"
+  }, React.createElement(Text, {
+    size: "mdMonoUppercase",
+    color: variant.tagLineColor
+  }, slice.tagline), React.createElement(Heading, {
+    as: "h2",
+    size: "3xl",
+    color: variant.textColor,
+    mt: "6",
+    mb: "16"
+  }, slice.title)), React.createElement(Box, {
+    maxHeight: ['unset', null, null, 'xl'],
+    paddingTop: ['0', null, null, '28'],
+    paddingRight: ['0', null, null, '6'],
+    overflowY: ['unset', null, null, 'scroll']
+  }, React.createElement(Box, null, React.createElement(BoemlyAccordion, {
+    rows: slice.questionsAndAnswers,
+    defaultIndex: slice.defaultIndex,
+    variant: variant.accordionVariant
+  }), React.createElement(Flex, {
+    padding: "8",
+    backgroundColor: variant.otherQuestionsBackground,
+    borderRadius: "2xl",
+    mt: "14",
+    flexDir: ['column', null, null, 'row'],
+    justifyContent: ['flex-start', null, null, 'space-between'],
+    alignItems: ['flex-start', null, null, 'center']
+  }, React.createElement(Heading, {
+    as: "h6",
+    size: "sm",
+    color: "white"
+  }, slice.otherQuestions), React.createElement(Spacer, {
+    minHeight: ['4', null, null, '0']
+  }), React.createElement(StrapiLinkButton, {
+    size: "lg",
+    colorScheme: "white",
+    background: "white",
+    rightIcon: React.createElement(ArrowRight, null),
+    link: slice.button,
+    component: "QAndA"
+  }))))))), slice.hero && React.createElement(Box, {
+    pb: "28",
+    mt: "-56"
+  }, React.createElement(Wrapper, null, React.createElement(HeroCard, {
+    title: slice.hero.title,
+    subTitle: slice.hero.subTitle,
+    link: slice.hero.button && {
+      text: slice.hero.button.text,
+      onClick: handleHeroButtonClick
+    },
+    image: slice.hero.image && React.createElement(Image, {
+      src: strapiMediaUrl(slice.hero.image.img, 'xLarge'),
+      alt: slice.hero.image.alt,
+      fill: true,
+      style: {
+        objectFit: slice.hero.image.objectFit || 'cover'
+      }
+    })
+  }))));
+};
+
+var QuoteCards = function QuoteCards(_ref) {
+  var slice = _ref.slice;
+  var _useRouter = useRouter(),
+    push = _useRouter.push;
+  var analyticsFunction = useContext(AnalyticsContext);
+  var handleHeroCardButtonClick = function handleHeroCardButtonClick() {
+    var _slice$hero;
+    if ((_slice$hero = slice.hero) != null && _slice$hero.button) {
+      analyticsFunction == null || analyticsFunction({
+        type: 'track',
+        props: {
+          action: 'click',
+          component: 'QuoteCards',
+          buttonText: slice.hero.button.text,
+          buttonUrl: strapiLinkUrl(slice.hero.button),
+          section: 'hero'
+        }
+      });
+      push(strapiLinkUrl(slice.hero.button));
+    }
+  };
+  return React.createElement(React.Fragment, null, React.createElement(Box, {
+    id: convertToKebabCase(slice.title),
+    position: "relative",
+    paddingTop: "28",
+    paddingBottom: !!slice.hero ? '80' : '28'
+  }, slice.shapes && slice.shapes.length === 2 && React.createElement(React.Fragment, null, React.createElement(Shape, {
+    shape: React.createElement(Image, {
+      src: strapiMediaUrl(slice.shapes[0].img, 'small'),
+      alt: slice.shapes[0].alt,
+      fill: true,
+      style: {
+        objectFit: slice.shapes[0].objectFit || 'cover'
+      }
+    }),
+    top: "0",
+    right: "0",
+    size: "xs",
+    radius: "bottom-left"
+  }), React.createElement(Shape, {
+    shape: React.createElement(Image, {
+      src: strapiMediaUrl(slice.shapes[1].img, 'small'),
+      alt: slice.shapes[1].alt,
+      fill: true,
+      style: {
+        objectFit: slice.shapes[1].objectFit || 'cover'
+      }
+    }),
+    bottom: "0",
+    left: "0",
+    radius: "top-right"
+  })), React.createElement(Wrapper, null, React.createElement(Box, {
+    maxW: "3xl"
+  }, React.createElement(DefaultSectionHeader, {
+    tagline: slice.tagline,
+    title: slice.title,
+    text: slice.text
+  })), React.createElement(SimpleGrid, {
+    columns: 2,
+    gap: "20",
+    rowGap: "6",
+    mt: "16",
+    minChildWidth: ['100%', null, '16rem']
+  }, slice.cards.map(function (card) {
+    return React.createElement(Box, {
+      key: card.id,
+      width: "full",
+      maxWidth: "2xl"
+    }, React.createElement(QuoteCard, {
+      key: card.id,
+      avatar: {
+        name: card.avatar.name,
+        description: card.avatar.description,
+        image: React.createElement(Image, {
+          src: strapiMediaUrl(card.avatar.image.img, 'small'),
+          alt: card.avatar.image.alt,
+          fill: true,
+          style: {
+            objectFit: card.avatar.image.objectFit || 'cover'
+          }
+        })
+      },
+      text: card.text
+    }));
+  })))), slice.hero && React.createElement(Box, {
+    marginTop: "-40",
+    paddingBottom: "28"
+  }, React.createElement(Wrapper, null, React.createElement(HeroCard, {
+    title: slice.hero.title,
+    subTitle: slice.hero.subTitle,
+    link: slice.hero.button && {
+      text: slice.hero.button.text,
+      onClick: handleHeroCardButtonClick
+    },
+    image: slice.hero.image && React.createElement(Image, {
+      src: strapiMediaUrl(slice.hero.image.img, 'xLarge'),
+      alt: slice.hero.image.alt,
+      fill: true,
+      style: {
+        objectFit: slice.hero.image.objectFit || 'cover'
+      }
+    })
+  }))));
+};
+
+var RichTextSection = function RichTextSection(_ref) {
+  var slice = _ref.slice;
+  return React.createElement(DefaultSectionContainer, null, React.createElement(Wrapper, null, React.createElement(Grid, {
+    templateColumns: "repeat(12, 1fr)",
+    gap: "4"
+  }, React.createElement(GridItem, {
+    colSpan: [12, null, null, 7]
+  }, React.createElement(RichText, {
+    content: slice.content
+  })))));
+};
+
+var Steps = function Steps(_ref) {
+  var _slice$card$shapes;
+  var slice = _ref.slice;
+  var _useRouter = useRouter(),
+    push = _useRouter.push;
+  var analyticsFunction = useContext(AnalyticsContext);
+  var _useToken = useToken('colors', ['gray.900']),
+    gray900 = _useToken[0];
+  var containerRef = useRef(null);
+  var _useState = useState(new Array(slice.steps.length)),
+    stepRefs = _useState[0],
+    setStepRefs = _useState[1];
+  var _useState2 = useState(new Array(slice.steps.length)),
+    stepProgress = _useState2[0],
+    setStepProgress = _useState2[1];
+  var _useWindowScroll = useWindowScroll(),
+    offsetY = _useWindowScroll.y;
+  var _useWindowSize = useWindowSize(),
+    windowHeight = _useWindowSize.height;
+  var handleShapesCardButtonClick = function handleShapesCardButtonClick() {
+    var _slice$card;
+    if ((_slice$card = slice.card) != null && _slice$card.button) {
+      analyticsFunction == null || analyticsFunction({
+        type: 'track',
+        props: {
+          action: 'click',
+          component: 'Steps',
+          buttonText: slice.card.button.text,
+          buttonUrl: strapiLinkUrl(slice.card.button),
+          section: 'card'
+        }
+      });
+      push(strapiLinkUrl(slice.card.button));
+    }
+  };
+  useEffect(function () {
+    setStepRefs(slice.steps.map(function () {
+      return createRef();
+    }));
+  }, []);
+  useEffect(function () {
+    var _containerRef$current;
+    var containerOffsetTop = ((_containerRef$current = containerRef.current) == null ? void 0 : _containerRef$current.offsetTop) || 0;
+    setStepProgress(stepRefs.map(function (ref) {
+      var _ref$current;
+      var currentItemOffsetTop = ((_ref$current = ref.current) == null ? void 0 : _ref$current.offsetTop) || 0;
+      return containerOffsetTop + currentItemOffsetTop < offsetY + windowHeight / 3 ? 100 : 0;
+    }));
+  }, [offsetY]);
+  return React.createElement("div", {
+    ref: containerRef
+  }, React.createElement(DefaultSectionContainer, {
+    backgroundColor: gray900,
+    title: slice.title
+  }, React.createElement(React.Fragment, null, slice.image && React.createElement(Box, {
+    position: "absolute",
+    top: "0",
+    left: "0",
+    width: "full",
+    height: "full"
+  }, React.createElement(Image, {
+    src: strapiMediaUrl(slice.image.img, 'xLarge'),
+    alt: slice.image.alt,
+    fill: true,
+    style: {
+      objectFit: slice.image.objectFit || 'cover'
+    }
+  }), React.createElement(Gradient, null))), React.createElement(Wrapper, null, React.createElement(React.Fragment, null, React.createElement(DefaultSectionHeader, {
+    tagline: slice.tagline,
+    title: slice.title,
+    text: slice.text,
+    taglineProps: {
+      textAlign: 'center'
+    },
+    titleProps: {
+      textAlign: 'center',
+      maxW: '2xl',
+      marginX: 'auto',
+      color: 'white'
+    },
+    textProps: {
+      textAlign: 'center',
+      maxW: 'xl',
+      marginX: 'auto',
+      color: 'whiteAlpha.800'
+    }
+  }), React.createElement(Box, {
+    marginTop: ['16', null, '24']
+  }, slice.steps.map(function (_ref2, index) {
+    var id = _ref2.id,
+      step = _ref2.step,
+      title = _ref2.title,
+      text = _ref2.text;
+    return React.createElement(Flex, {
+      flexDir: "column",
+      alignItems: "center",
+      key: id
+    }, React.createElement(Center, {
+      width: "10",
+      height: "10",
+      borderRadius: "full",
+      backgroundColor: "white"
+    }, React.createElement(Text, {
+      size: "smRegularNormal",
+      color: "black"
+    }, step)), React.createElement(Heading, {
+      size: "lg",
+      color: "white",
+      mt: "4",
+      textAlign: "center"
+    }, title), text && React.createElement(Box, {
+      maxW: "xl",
+      mt: "4"
+    }, React.createElement(RichText, {
+      options: {
+        forceBlock: true
+      },
+      content: text,
+      textProps: {
+        size: 'mdRegularNormal',
+        color: 'whiteAlpha.700',
+        textAlign: 'center'
+      }
+    })), (index + 1 < slice.steps.length || slice.card) && React.createElement(Box, {
+      ref: stepRefs[index],
+      position: "relative",
+      marginTop: "4",
+      marginBottom: "6",
+      height: "12"
+    }, React.createElement(Box, {
+      position: "absolute",
+      height: "full",
+      borderLeft: "dashed 1px white",
+      opacity: "0.5"
+    }), React.createElement(Box, {
+      position: "absolute",
+      height: stepProgress[index] + "%",
+      borderRight: "solid 1px white",
+      opacity: "1",
+      transition: "height ease var(--medium-transition-duration)"
+    })));
+  })), slice.card && React.createElement(ShapesCard, {
+    tagline: slice.card.tagline,
+    title: slice.card.title,
+    text: slice.card.text,
+    shapes: slice.card.shapes && ((_slice$card$shapes = slice.card.shapes) == null ? void 0 : _slice$card$shapes.map(function (shape) {
+      return React.createElement(Image, {
+        key: shape.id,
+        src: strapiMediaUrl(shape.img, 'small'),
+        alt: shape.alt,
+        fill: true,
+        style: {
+          objectFit: shape.objectFit || 'cover'
+        }
+      });
+    })),
+    button: slice.card.button && {
+      text: slice.card.button.text,
+      onClick: handleShapesCardButtonClick
+    }
+  })))));
+};
+
+var _oppositesOfCorners, _templateObject$7, _templateObject2$4;
+var ShapePosition;
+(function (ShapePosition) {
+  ShapePosition["topLeft"] = "top-left";
+  ShapePosition["topRight"] = "top-right";
+  ShapePosition["bottomLeft"] = "bottom-left";
+  ShapePosition["bottomRight"] = "bottom-right";
+  ShapePosition["unset"] = "unset";
+})(ShapePosition || (ShapePosition = {}));
+var shapePositions = [ShapePosition.topLeft, ShapePosition.bottomRight, ShapePosition.topRight, ShapePosition.bottomLeft, ShapePosition.topRight, ShapePosition.bottomLeft, ShapePosition.topLeft, ShapePosition.bottomRight];
+var oppositesOfCorners = (_oppositesOfCorners = {}, _oppositesOfCorners[ShapePosition.bottomLeft] = ShapePosition.topRight, _oppositesOfCorners[ShapePosition.topRight] = ShapePosition.bottomLeft, _oppositesOfCorners[ShapePosition.bottomRight] = ShapePosition.topLeft, _oppositesOfCorners[ShapePosition.topLeft] = ShapePosition.bottomRight, _oppositesOfCorners[ShapePosition.unset] = ShapePosition.unset, _oppositesOfCorners);
+var variants = {
+  shape: {
+    padding: ['6', null, null, '8'],
+    positionIcon: function positionIcon(index) {
+      return shapePositions[index % shapePositions.length];
+    },
+    width: '40',
+    height: '40',
+    position: 'absolute',
+    mb: 'unset'
+  },
+  image: {
+    padding: ['6', null, null, '8'],
+    positionIcon: function positionIcon() {
+      return ShapePosition.unset;
+    },
+    width: '24',
+    height: '24',
+    position: 'relative',
+    mb: '10'
+  }
 };
-var IntlContext = /*#__PURE__*/createContext(/*#__PURE__*/intlFactory('en'));
-var ContextProvider = function ContextProvider(_ref) {
-  var children = _ref.children,
-    locale = _ref.locale;
-  var fetcher = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(resource, init) {
-      var response, errorData;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            _context.next = 2;
-            return strapiClient.get("" + resource, _extends({}, init, {
-              headers: {}
-            }));
-          case 2:
-            response = _context.sent;
-            if (!(response.status < 200 || response.status >= 300)) {
-              _context.next = 15;
-              break;
-            }
-            errorData = {
-              message: ''
-            };
-            _context.prev = 5;
-            _context.next = 8;
-            return response.data;
-          case 8:
-            errorData = _context.sent;
-            _context.next = 14;
-            break;
-          case 11:
-            _context.prev = 11;
-            _context.t0 = _context["catch"](5);
-            errorData = {
-              message: "An unknown error occurred while fetching data."
-            };
-          case 14:
-            throw new Error(errorData.message);
-          case 15:
-            _context.next = 17;
-            return response.data;
-          case 17:
-            _context.t1 = _context.sent;
-            _context.t2 = response.headers;
-            return _context.abrupt("return", {
-              body: _context.t1,
-              headers: _context.t2
-            });
-          case 20:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee, null, [[5, 11]]);
-    }));
-    return function fetcher(_x, _x2) {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  return React.createElement(React.Fragment, null, React.createElement(SWRConfig, {
-    value: {
-      fetcher: fetcher
-    }
-  }, React.createElement(Global, {
-    styles: {
-      GLOBAL_STYLE: GLOBAL_STYLE
+var TextCardGrid = function TextCardGrid(_ref) {
+  var slice = _ref.slice;
+  var _useToken = useToken('colors', ['primary.800']),
+    primary800 = _useToken[0];
+  return React.createElement(DefaultSectionContainer, {
+    backgroundColor: primary800,
+    title: slice.title
+  }, React.createElement(Wrapper, null, React.createElement(DefaultSectionHeader, {
+    tagline: slice.tagline,
+    title: slice.title,
+    text: slice.text,
+    taglineProps: {
+      textAlign: 'center',
+      color: 'white'
+    },
+    titleProps: {
+      textAlign: 'center',
+      maxW: '2xl',
+      marginX: 'auto',
+      color: 'white'
+    },
+    textProps: {
+      textAlign: 'center',
+      maxW: 'xl',
+      marginX: 'auto',
+      color: 'whiteAlpha.800'
     }
-  }), React.createElement(IntlContext.Provider, {
-    value: intlFactory(locale)
-  }, children)));
+  }), React.createElement(SimpleGrid, {
+    mt: ['14', null, null, '24'],
+    columns: 3,
+    justifyItems: "center",
+    gap: "20",
+    rowGap: "16",
+    minChildWidth: ['100%', null, '16rem']
+  }, slice.cards.map(function (_ref2, index) {
+    var id = _ref2.id,
+      tagline = _ref2.tagline,
+      title = _ref2.title,
+      text = _ref2.text,
+      image = _ref2.image,
+      buttons = _ref2.buttons;
+    return React.createElement(Box, {
+      key: id,
+      backgroundColor: "white",
+      zIndex: "base",
+      padding: variants[slice.variant].padding,
+      boxShadow: "lg",
+      borderRadius: "2xl",
+      minHeight: "2xs",
+      width: "full",
+      maxWidth: slice.cards.length > 1 ? 'unset' : 'xl',
+      position: "relative",
+      display: "flex",
+      flexDir: "column",
+      alignItems: "flex-start",
+      justifyContent: slice.variant === 'shape' ? 'flex-end' : 'flex-start',
+      overflow: "hidden"
+    }, React.createElement(Box, {
+      position: variants[slice.variant].position,
+      width: variants[slice.variant].width,
+      height: variants[slice.variant].height,
+      mb: variants[slice.variant].mb,
+      top: variants[slice.variant].positionIcon(index).includes('top') ? '-4' : 'unset',
+      left: variants[slice.variant].positionIcon(index).includes('left') ? '-4' : 'unset',
+      right: variants[slice.variant].positionIcon(index).includes('right') ? '-4' : 'unset',
+      bottom: variants[slice.variant].positionIcon(index).includes('bottom') ? '-4' : 'unset',
+      borderBottomRightRadius: oppositesOfCorners[variants[slice.variant].positionIcon(index)].includes('bottomRight') ? 'full' : 'unset',
+      borderBottomLeftRadius: oppositesOfCorners[variants[slice.variant].positionIcon(index)].includes('bottomLeft') ? 'full' : 'unset',
+      borderTopRightRadius: oppositesOfCorners[variants[slice.variant].positionIcon(index)].includes('topRight') ? 'full' : 'unset',
+      borderTopLeftRadius: oppositesOfCorners[variants[slice.variant].positionIcon(index)].includes('topLeft') ? 'full' : 'unset',
+      css: variants[slice.variant].positionIcon(index).includes('unset') ? css(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteralLoose(["\n                          & span,\n                          div,\n                          img {\n                            border-radius: var(--boemly-radii-xl);\n                          }\n                        "]))) : css(_templateObject2$4 || (_templateObject2$4 = _taggedTemplateLiteralLoose(["\n                    & span,\n                    div,\n                    img {\n                      border-", "-radius: var(--boemly-radii-full);\n                    }\n                  "])), oppositesOfCorners[variants[slice.variant].positionIcon(index)])
+    }, React.createElement(Image, {
+      src: strapiMediaUrl(image.img, 'small'),
+      alt: image.alt,
+      fill: true,
+      style: {
+        objectFit: image.objectFit || 'cover'
+      }
+    })), React.createElement(Box, {
+      zIndex: "aboveBase",
+      width: "full"
+    }, tagline && React.createElement(Text, {
+      color: "black",
+      size: "smMonoNormal",
+      mb: "2"
+    }, tagline), React.createElement(Heading, {
+      as: "h4",
+      size: "xl",
+      mb: "3"
+    }, title), React.createElement(RichText, {
+      content: text,
+      listProps: {
+        textColor: 'gray.500',
+        textSize: 'smRegularNormal'
+      },
+      textProps: {
+        color: 'gray.500',
+        size: 'smRegularNormal'
+      }
+    }), buttons && !!buttons.length && React.createElement(Flex, {
+      mt: "4",
+      gap: "3",
+      flexDir: ['column', null, null, null, 'row']
+    }, buttons.map(function (button, buttonIndex) {
+      return React.createElement(StrapiLinkButton, {
+        key: button.id,
+        link: button,
+        size: "sm",
+        rightIcon: buttonIndex === 0 ? React.createElement(CaretRight, {
+          size: "10",
+          weight: "bold"
+        }) : undefined,
+        variant: buttonIndex === 0 ? 'outline' : 'ghost',
+        component: "TextCardGrid"
+      });
+    }))));
+  }))));
 };
 
+var _templateObject$6, _templateObject2$3, _templateObject3$1;
+var CarouselContainer = /*#__PURE__*/styled(Box)(_templateObject$6 || (_templateObject$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-top: var(--boemly-space-6);\n  padding: var(--boemly-space-8) 0;\n\n  @media screen and (max-width: ", ") {\n    margin-top: var(--boemly-space-4);\n    width: var(--boemly-sizes-full);\n  }\n\n  width: var(--boemly-sizes-full);\n\n  overflow-x: hidden;\n\n  @media screen and (max-width: ", ") {\n    overflow-x: scroll;\n  }\n"])), BREAKPOINT_MD, BREAKPOINT_MD);
+var CarouselInnerContainer$1 = /*#__PURE__*/styled(motion.div)(_templateObject2$3 || (_templateObject2$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  gap: var(--boemly-space-6);\n  justify-content: center;\n\n  width: calc(\n    (var(--boemly-sizes-sm) + var(--boemly-space-6)) *\n      ", " +\n      var(--boemly-space-6)\n  );\n  min-width: var(--boemly-sizes-full);\n\n  @media screen and (max-width: ", ") {\n    gap: var(--boemly-space-1);\n    justify-content: flex-start;\n    width: calc(\n      (var(--boemly-sizes-2xs) + var(--boemly-space-4)) *\n        ", " +\n        var(--boemly-space-6)\n    );\n  }\n"])), function (_ref) {
+  var numberOfItems = _ref.numberOfItems;
+  return numberOfItems;
+}, BREAKPOINT_MD, function (_ref2) {
+  var numberOfItems = _ref2.numberOfItems;
+  return numberOfItems;
+});
+var CardContainer = /*#__PURE__*/styled(Box)(_templateObject3$1 || (_templateObject3$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: var(--boemly-sizes-sm);\n\n  @media screen and (max-width: ", ") {\n    min-width: var(--boemly-sizes-sm);\n\n    margin-right: var(--boemly-space-4);\n\n    &:first-of-type {\n      margin-left: var(--boemly-space-6);\n    }\n  }\n"])), BREAKPOINT_MD);
+
 var shuffleElements = function shuffleElements(slides) {
   var slidesCopy = [].concat(slides); // Create a copy to avoid mutating the original array
   for (var i = slidesCopy.length - 1; i > 0; i--) {
@@ -2681,6 +2776,7 @@ var TextCarousel = function TextCarousel(_ref) {
     itemWidth = _useMeasure[1].width;
   var _useContext = useContext(IntlContext),
     formatMessage = _useContext.formatMessage;
+  var analyticsFunction = useContext(AnalyticsContext);
   var _useWindowSize = useWindowSize(),
     windowWidth = _useWindowSize.width;
   var _useRouter = useRouter(),
@@ -2710,6 +2806,21 @@ var TextCarousel = function TextCarousel(_ref) {
   var canMoveLeft = useMemo(function () {
     return sliderIndex !== 0;
   }, [sliderIndex]);
+  var handleSlidesButtonClick = function handleSlidesButtonClick(button) {
+    if (button) {
+      analyticsFunction == null || analyticsFunction({
+        type: 'track',
+        props: {
+          action: 'click',
+          component: 'TextCarousel',
+          buttonText: button.text,
+          buttonUrl: strapiLinkUrl(button),
+          section: 'slides'
+        }
+      });
+      push(strapiLinkUrl(button));
+    }
+  };
   var slides = slice.slides,
     _slice$isShuffled = slice.isShuffled,
     isShuffled = _slice$isShuffled === void 0 ? false : _slice$isShuffled;
@@ -2786,7 +2897,7 @@ var TextCarousel = function TextCarousel(_ref) {
       button: button && {
         text: button.text,
         onClick: function onClick() {
-          return push(strapiLinkUrl(button));
+          return handleSlidesButtonClick(button);
         }
       },
       displayAs: "column"
@@ -2854,7 +2965,8 @@ var TextCarousel = function TextCarousel(_ref) {
   })))))), React.createElement(React.Fragment, null, slice.button && React.createElement(Wrapper, null, React.createElement(Center, null, React.createElement(StrapiLinkButton, {
     link: slice.button,
     size: "xl",
-    mt: ['8', null, '14']
+    mt: ['8', null, '14'],
+    component: "TextCarousel"
   })))));
 };
 
@@ -2862,10 +2974,27 @@ var TextWithTextCards = function TextWithTextCards(_ref) {
   var slice = _ref.slice;
   var _useRouter = useRouter(),
     push = _useRouter.push;
+  var analyticsFunction = useContext(AnalyticsContext);
   var _useToken = useToken('colors', ['white']),
     white = _useToken[0];
   var _useMediaQuery = useMediaQuery(BREAKPOINT_LG_QUERY),
     belowBreakpoint = _useMediaQuery[0];
+  var handleContactButtonClick = function handleContactButtonClick() {
+    var _slice$contact;
+    if ((_slice$contact = slice.contact) != null && _slice$contact.button) {
+      analyticsFunction == null || analyticsFunction({
+        type: 'track',
+        props: {
+          action: 'click',
+          component: 'TextWithTextCards',
+          buttonText: slice.contact.button.text,
+          buttonUrl: strapiLinkUrl(slice.contact.button),
+          section: 'contact'
+        }
+      });
+      push(strapiLinkUrl(slice.contact.button));
+    }
+  };
   return React.createElement(DefaultSectionContainer, {
     backgroundColor: white,
     title: slice.title
@@ -2916,10 +3045,7 @@ var TextWithTextCards = function TextWithTextCards(_ref) {
     },
     link: {
       text: slice.contact.button.text,
-      onClick: function onClick() {
-        var _slice$contact;
-        return push(strapiLinkUrl((_slice$contact = slice.contact) == null ? void 0 : _slice$contact.button));
-      }
+      onClick: handleContactButtonClick
     }
   })), React.createElement(GridItem, {
     colSpan: [8, null, null, null, 7],
@@ -2956,10 +3082,7 @@ var TextWithTextCards = function TextWithTextCards(_ref) {
     },
     link: {
       text: slice.contact.button.text,
-      onClick: function onClick() {
-        var _slice$contact2;
-        return push(strapiLinkUrl((_slice$contact2 = slice.contact) == null ? void 0 : _slice$contact2.button));
-      }
+      onClick: handleContactButtonClick
     }
   }))));
 };
@@ -3131,7 +3254,8 @@ var TextWithCard = function TextWithCard(_ref) {
     size: "md",
     colorScheme: "white",
     variant: "outline",
-    rightIcon: React.createElement(ArrowRight, null)
+    rightIcon: React.createElement(ArrowRight, null),
+    component: "TextWithCard"
   })), slice.cardPosition === 'right' && card)));
 };
 
@@ -3275,7 +3399,8 @@ var SmallHero = function SmallHero(_ref) {
   }), slice.button && React.createElement(StrapiLinkButton, {
     link: slice.button,
     mt: "6",
-    size: "lg"
+    size: "lg",
+    component: "SmallHero"
   })))));
 };
 
@@ -4111,7 +4236,8 @@ var Cta = function Cta(_ref) {
         key: button.button.id,
         link: button.button,
         size: "md",
-        variant: button.variant
+        variant: button.variant,
+        component: "Cta"
       });
     }))) : React.createElement(React.Fragment, null), React.createElement(Spacer, {
       height: ['1', null, null, null, '20']
@@ -4139,7 +4265,8 @@ var CtaOnly = function CtaOnly(_ref) {
     transform: "translateY(50%)"
   }, React.createElement(StrapiLinkButton, {
     size: "md",
-    link: slice.button
+    link: slice.button,
+    component: "CtaOnly"
   })));
 };
 
@@ -4517,7 +4644,8 @@ var Facts = function Facts(_ref) {
   }), React.createElement(StrapiLinkButton, {
     link: slice.button,
     size: "md",
-    variant: slice.variant === 'green' ? 'outline' : 'solid'
+    variant: slice.variant === 'green' ? 'outline' : 'solid',
+    component: "Facts"
   }))));
 };
 
@@ -4580,7 +4708,8 @@ var BlogCards = function BlogCards(_ref) {
     variant: "outline",
     rightIcon: React.createElement(CaretRight, {
       color: gray700
-    })
+    }),
+    component: "BlogCards"
   }))), React.createElement(Spacer, {
     height: "14"
   }), React.createElement(SimpleGrid, {
@@ -4639,7 +4768,8 @@ var BlogCards = function BlogCards(_ref) {
     variant: "outline",
     rightIcon: React.createElement(CaretRight, {
       color: gray700
-    })
+    }),
+    component: "BlogCards"
   }))))));
 };
 
@@ -4863,7 +4993,8 @@ var SmallCheckout = function SmallCheckout(_ref) {
     link: _extends({
       intercomLauncher: true
     }, button),
-    variant: "outline"
+    variant: "outline",
+    component: "SmallCheckout"
   })));
 };
 
@@ -5114,7 +5245,8 @@ var Contact = function Contact(_ref) {
     mt: "6",
     link: button,
     size: "md",
-    variant: "outline"
+    variant: "outline",
+    component: "Contact"
   }) : React.createElement(React.Fragment, null)));
 };
 
@@ -5438,7 +5570,7 @@ var Comparison = function Comparison(_ref) {
       alignItems: "center",
       flexWrap: "wrap"
     }, React.createElement(Heading, {
-      size: "2xl",
+      size: "xl",
       color: VARIANTS[comparisonCard.variant].textColor,
       whiteSpace: "pre-line"
     }, comparisonCard.title), comparisonCard.badge && React.createElement(Badge, {
@@ -5468,7 +5600,8 @@ var Comparison = function Comparison(_ref) {
       rightIcon: React.createElement(CaretRight, {
         size: 16,
         weight: "bold"
-      })
+      }),
+      component: "Comparison"
     }))) : React.createElement(React.Fragment, null), React.createElement(React.Fragment, null, comparisonCard.lists.map(function (list) {
       return React.createElement(Box, {
         key: list.id
@@ -5779,7 +5912,8 @@ var Timeline = function Timeline(_ref) {
     }), React.createElement(StrapiLinkButton, {
       link: item.button,
       size: "sm",
-      variant: "outline"
+      variant: "outline",
+      component: "Timeline"
     })), item.image ? React.createElement(React.Fragment, null, React.createElement(Box, {
       position: "relative",
       mt: "4",
@@ -6081,7 +6215,8 @@ var EventCard = function EventCard(_ref) {
     rightIcon: React.createElement(CaretRight, {
       size: "10"
     }),
-    width: "full"
+    width: "full",
+    component: "EventCard"
   })), event.speakers && event.speakers.length > 0 && React.createElement(Flex, {
     flexDir: "row",
     gap: "2"
@@ -6526,9 +6661,11 @@ var SliceRenderer = function SliceRenderer(_ref) {
     customerStories = _ref.customerStories,
     _ref$locale = _ref.locale,
     locale = _ref$locale === void 0 ? 'en' : _ref$locale,
-    CustomSlice = _ref.CustomSlice;
+    CustomSlice = _ref.CustomSlice,
+    analyticsFunction = _ref.analyticsFunction;
   return React.createElement(ContextProvider, {
-    locale: locale
+    locale: locale,
+    analyticsFunction: analyticsFunction
   }, slices.map(function (slice) {
     switch (slice.__component) {
       case 'sections.hero':