@anywayseo/tools 5.5.0 → 5.7.0

package/dist/{index-D86anUPd.js → index-B71VkIfX.js}

@@ -2,101 +2,48 @@
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("@chakra-ui/react");
 const reactI18next = require("react-i18next");
+const react$2 = require("@mdx-js/react");
+const index = require("./index-QPgJfbrC.js");
+require("./index-C6MG_f24.js");
+const index$6 = require("./index-B-k9oWE7.js");
 require("react-medium-image-zoom");
-const index = require("./index-DZBLiQFh.js");
 const react$1 = require("react");
-const index$3 = require("./index-C6MG_f24.js");
-const index$5 = require("./index-CJVr79Z2.js");
-const react$2 = require("@mdx-js/react");
 const icons = require("@chakra-ui/icons");
-const index$4 = require("./index-BICcOaT7.js");
-const index$2 = require("./index-At00w6EN.js");
-const index$1 = require("./index-CAfBnNV6.js");
+const index$3 = require("./index-DDg_PkD2.js");
+const index$1 = require("./index-qR3kVjjs.js");
+const index$2 = require("./index-BTpEZIok.js");
+const index$4 = require("./index-D15SAjJc.js");
+const index$5 = require("./index-BfITsKAr.js");
 const i18next = require("i18next");
 const Markdown = require("react-markdown");
-const FacebookIcon = (props) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", "aria-label": "Facebook", ...props, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "1", y: "1", width: "22", height: "22", rx: "5", fill: "none", stroke: "currentColor", strokeWidth: "2" }),
+const ArticleMetaItem = ({ label, value }) => {
+  const color = react.useColorModeValue("gray.600", "gray.400");
+  return /* @__PURE__ */ jsxRuntime.jsxs(react.Box, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(react.Text, { as: "span", color, children: label }),
+    value
+  ] });
+};
+const ArticleMeta = ({ createdAt, updatedAt, minutesToRead, author, variant = "full" }) => {
+  const { currentLocale } = index.usePageContext();
+  const { t } = reactI18next.useTranslation("article");
+  return /* @__PURE__ */ jsxRuntime.jsxs(react.Flex, { columnGap: 4, rowGap: 2, wrap: "wrap", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      "path",
+      ArticleMetaItem,
+      {
+        label: variant === "full" ? `📅 ${t("meta.publicationDate")}` : "📅 ",
+        value: index$1.formatDate({ value: updatedAt ?? createdAt, locale: currentLocale.code })
+      }
+    ),
+    !!minutesToRead && /* @__PURE__ */ jsxRuntime.jsx(
+      ArticleMetaItem,
       {
-        d: "M13.5 8h2V6h-2c-2.2 0-3.5 1.3-3.5 3.5V11H8v2h2v5h2v-5h2l.5-2h-2v-1.3c0-.5.2-.7 1-.7Z",
-        fill: "currentColor"
+        label: variant === "full" ? `⏳ ${t("meta.readingTime.label")}` : "⏳ ",
+        value: t("meta.readingTime.count", { count: minutesToRead })
       }
-    )
+    ),
+    !!author && /* @__PURE__ */ jsxRuntime.jsx(ArticleMetaItem, { label: variant === "full" ? `🧑🏻‍💻 ${t("meta.author")}` : "🧑🏻‍💻 ", value: author.name })
   ] });
 };
-const InstagramIcon = (props) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "24",
-      height: "24",
-      viewBox: "0 0 24 24",
-      "aria-label": "Instagram",
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "1", y: "1", width: "22", height: "22", rx: "5", fill: "none", stroke: "currentColor", strokeWidth: "2" }),
-        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "4", fill: "none", stroke: "currentColor", strokeWidth: "2" }),
-        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "17", cy: "7", r: "1.25", fill: "currentColor" })
-      ]
-    }
-  );
-};
-const PinterestIcon = (props) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "24",
-      height: "24",
-      viewBox: "0 0 24 24",
-      "aria-label": "Pinterest",
-      ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          fill: "currentColor",
-          d: "M12 0C5.373 0 0 5.373 0 12c0 4.99 3.657 9.128 8.438 10.122-.117-.858-.222-2.178.047-3.116.242-.83 1.557-5.288 1.557-5.288s-.396-.792-.396-1.963c0-1.84 1.067-3.215 2.395-3.215 1.13 0 1.675.848 1.675 1.866 0 1.138-.724 2.842-1.097 4.421-.312 1.319.663 2.395 1.965 2.395 2.358 0 3.947-3.032 3.947-6.617 0-2.727-1.84-4.769-5.178-4.769-3.774 0-6.134 2.822-6.134 5.97 0 1.086.322 1.852.827 2.443.232.274.264.384.18.698-.06.23-.197.786-.256 1.007-.084.322-.34.437-.628.318-1.75-.714-2.564-2.63-2.564-4.785 0-3.555 2.998-7.817 8.946-7.817 4.782 0 7.923 3.454 7.923 7.168 0 4.924-2.74 8.6-6.781 8.6-1.356 0-2.63-.73-3.066-1.565l-.833 3.173c-.301 1.147-1.118 2.582-1.667 3.455C9.708 23.812 10.828 24 12 24c6.627 0 12-5.373 12-12S18.627 0 12 0z"
-        }
-      )
-    }
-  );
-};
-const XcomIcon = (props) => {
-  return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", "aria-label": "X", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
-    "path",
-    {
-      fill: "currentColor",
-      d: "M18.244 2H21l-6.57 7.498L22 22h-5.657l-4.403-5.808L6.06 22H3.302l7.02-8.006L2 2h5.822l3.983 5.293L18.244 2zM16.97 20h1.9L8.153 4h-1.9L16.97 20z"
-    }
-  ) });
-};
-const YoutubeIcon = (props) => {
-  return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", "aria-label": "YouTube", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
-    "path",
-    {
-      fill: "currentColor",
-      d: "M23.498 6.186a2.974 2.974 0 0 0-2.095-2.107C19.505 3.5 12 3.5 12 3.5s-7.505 0-9.403.579A2.974 2.974 0 0 0 .502 6.186C0 8.09 0 12 0 12s0 3.91.502 5.814a2.974 2.974 0 0 0 2.095 2.107C4.495 20.5 12 20.5 12 20.5s7.505 0 9.403-.579a2.974 2.974 0 0 0 2.095-2.107C24 15.91 24 12 24 12s0-3.91-.502-5.814zM9.75 15.02V8.98L15.5 12l-5.75 3.02z"
-    }
-  ) });
-};
-const SocialNetworkMap = {
-  facebook: FacebookIcon,
-  instagram: InstagramIcon,
-  pinterest: PinterestIcon,
-  x: XcomIcon,
-  youtube: YoutubeIcon
-};
-const SocialNetwork = ({ kind, url }) => {
-  const Icon = SocialNetworkMap[kind];
-  return /* @__PURE__ */ jsxRuntime.jsx(react.Link, { href: url, target: "_blank", rel: "noopener noreferrer nofollow", children: /* @__PURE__ */ jsxRuntime.jsx(Icon, {}) });
-};
-const SocialNetworks = ({ socialNetworks, ...flexProps }) => {
-  const uniqueSocialNetworks = [...new Map(socialNetworks.map((item) => [item.kind, item])).values()];
-  return /* @__PURE__ */ jsxRuntime.jsx(react.Flex, { gap: 2, ...flexProps, children: uniqueSocialNetworks.map((socialNetwork) => /* @__PURE__ */ jsxRuntime.jsx(SocialNetwork, { ...socialNetwork }, socialNetwork.kind)) });
-};
 const ONE_LINE_HEIGHT = 24;
 const Bio = ({ content, maxLines = 1 }) => {
   const ref = react$1.useRef(null);
@@ -139,7 +86,7 @@ const Author = ({ author, variant }) => {
         `${name}, `,
         /* @__PURE__ */ jsxRuntime.jsx(react.Text, { as: "span", display: "inline-block", color: "gray.500", children: role })
       ] }),
-      (socialNetworks == null ? void 0 : socialNetworks.length) && /* @__PURE__ */ jsxRuntime.jsx(SocialNetworks, { socialNetworks }),
+      (socialNetworks == null ? void 0 : socialNetworks.length) && /* @__PURE__ */ jsxRuntime.jsx(index$2.SocialNetworks, { socialNetworks }),
       /* @__PURE__ */ jsxRuntime.jsx(Bio, { content: bio })
     ] }) })
   ] });
@@ -149,52 +96,45 @@ const Center = ({ children, ...boxProps }) => {
 };
 const defaultColumns = { base: 1, sm: 2, md: 3, lg: 4, xl: 5 };
 const Grid = ({ items, columns = defaultColumns, gap, render, getKey, ...boxProps }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(react.SimpleGrid, { as: "ul", columns, spacing: gap, p: 0, m: 0, listStyleType: "none", ...boxProps, children: items.map((item, index2) => /* @__PURE__ */ jsxRuntime.jsx(react.Box, { as: "li", children: render(item) }, getKey ? getKey(item) : index2)) });
+  return /* @__PURE__ */ jsxRuntime.jsx(react.SimpleGrid, { as: "ul", columns, spacing: gap, p: 0, m: 0, listStyleType: "none", ...boxProps, children: items.map((item, index2) => /* @__PURE__ */ jsxRuntime.jsx(react.Box, { as: "li", children: render(item) }, getKey ? getKey(item, index2) : index2)) });
 };
-const LinkButton = ({
-  label,
-  href,
-  linkType = "redirect",
-  size = "auto",
-  width = "auto",
-  textTransform,
-  textDecoration,
-  animation,
-  onClick,
+const ActionButton = ({ label, href, ...boxProps }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(react.Flex, { justifyContent: "center", ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx(index$2.LinkButton, { label, href, textDecoration: "none" }) });
+};
+const ArticleCard = ({ title, image, meta, url }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(react.Card, { as: index.Link, to: url, overflow: "hidden", _hover: { transform: "scale(1.02)", textDecoration: "none" }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(react.CardBody, { as: "section", p: 0, children: [
+      !!image && /* @__PURE__ */ jsxRuntime.jsx(index.Image, { src: image, alt: title, mode: "thumbnail" }),
+      /* @__PURE__ */ jsxRuntime.jsx(index$3.Heading2, { size: "md", px: 4, children: title })
+    ] }),
+    !!meta && /* @__PURE__ */ jsxRuntime.jsx(react.CardFooter, { as: "footer", fontSize: "sm", pt: 0, px: 4, children: /* @__PURE__ */ jsxRuntime.jsx(ArticleMeta, { ...meta, variant: "short" }) })
+  ] });
+};
+const ArticleCardGrid = ({
+  items,
+  columns = { base: 1, md: 2, lg: 3 },
+  gap = 4,
   ...boxProps
 }) => {
-  var _a;
-  const { config } = index.useSiteContext();
-  const { color, invertedColor } = index$1.usePrimaryColors();
-  const isInvertedColor = (_a = config == null ? void 0 : config.theme) == null ? void 0 : _a.isInvertedColor;
-  const isRedirectLink = linkType === "redirect";
-  const isInternalLink = index$2.isRelativePath(href);
-  const LinkComponent = isInternalLink ? index.Link : react.Link;
-  const hrefKey = isInternalLink ? "to" : "href";
-  const hrefValue = isRedirectLink ? `/follow?to=${href}` : href;
   return /* @__PURE__ */ jsxRuntime.jsx(
-    react.Button,
+    Grid,
     {
-      w: width,
-      size: size === "auto" ? { base: "sm", md: "lg" } : size,
-      bg: "brand.500",
-      color: isInvertedColor ? invertedColor : color,
-      animation: animation ? index$3.Animation[animation.type](animation.params) : void 0,
-      textTransform,
-      _hover: { textDecoration, bg: "brand.200" },
-      _active: { transform: "scale(0.95)" },
-      onClick,
-      ...boxProps,
-      ...href ? {
-        as: LinkComponent,
-        [hrefKey]: hrefValue,
-        target: isRedirectLink ? "_blank" : "_self",
-        rel: isInternalLink ? "" : "noopener noreferrer nofollow"
-      } : {},
-      children: label
+      items,
+      columns,
+      gap,
+      getKey: (_, index2) => index2,
+      render: (item) => /* @__PURE__ */ jsxRuntime.jsx(ArticleCard, { ...item }),
+      ...boxProps
     }
   );
 };
+const ArticleInfoCard = ({ title, description, meta, ...boxProps }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(react.Card, { as: "article", variant: "filled", ...boxProps, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(react.CardHeader, { as: "header", pb: 0, children: /* @__PURE__ */ jsxRuntime.jsx(index$3.Heading1, { children: title }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(react.CardBody, { as: "section", py: 0, children: description }),
+    !!meta && /* @__PURE__ */ jsxRuntime.jsx(react.CardFooter, { as: "footer", children: /* @__PURE__ */ jsxRuntime.jsx(ArticleMeta, { ...meta }) })
+  ] });
+};
 const AuthorCard = ({ author, ...boxProps }) => {
   const { t } = reactI18next.useTranslation("author");
   return /* @__PURE__ */ jsxRuntime.jsxs(react.Card, { as: "article", variant: "filled", ...boxProps, children: [
@@ -265,7 +205,7 @@ const BonusCard = ({
           /* @__PURE__ */ jsxRuntime.jsx(react.Text, { fontSize: "2xl", fontWeight: "bold", my: 2, children: subtitle }),
           /* @__PURE__ */ jsxRuntime.jsx(BonusCardContent, { content, buttonColor: textColor })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(react.CardFooter, { as: "footer", p: 4, children: /* @__PURE__ */ jsxRuntime.jsx(LinkButton, { ...link, width: "full", size: "md", textDecoration: "none" }) })
+        /* @__PURE__ */ jsxRuntime.jsx(react.CardFooter, { as: "footer", p: 4, children: /* @__PURE__ */ jsxRuntime.jsx(index$2.LinkButton, { ...link, width: "full", size: "md", textDecoration: "none" }) })
       ]
     }
   );
@@ -288,78 +228,8 @@ const BonusCardGrid = ({
     }
   );
 };
-const ContactForm = ({ ...boxProps }) => {
-  const toast = react.useToast();
-  const { t } = reactI18next.useTranslation("contactForm");
-  function handleSubmit(event) {
-    event.preventDefault();
-    const form = event.currentTarget;
-    const formData = new FormData(form);
-    const name = formData.get("name");
-    const email = formData.get("email");
-    const message = formData.get("message");
-    if (name && email && message) {
-      form.reset();
-      toast({
-        title: t("notification.title", { name }),
-        description: t("notification.description", { email }),
-        colorScheme: "brand",
-        status: "success",
-        duration: 5e3,
-        isClosable: true
-      });
-    } else {
-      console.error("Please fill out both fields");
-    }
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    react.Box,
-    {
-      as: "form",
-      borderRadius: "lg",
-      p: 8,
-      color: react.useColorModeValue("gray.700", "whiteAlpha.900"),
-      bg: react.useColorModeValue("white", "gray.700"),
-      shadow: "base",
-      onSubmit: handleSubmit,
-      ...boxProps,
-      children: /* @__PURE__ */ jsxRuntime.jsxs(react.VStack, { spacing: 4, children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(react.FormControl, { isRequired: true, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(react.FormLabel, { children: t("field.name.label") }),
-          /* @__PURE__ */ jsxRuntime.jsxs(react.InputGroup, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(react.InputLeftElement, { children: /* @__PURE__ */ jsxRuntime.jsx(
-              "svg",
-              {
-                xmlns: "http://www.w3.org/2000/svg",
-                width: "16",
-                height: "16",
-                fill: "currentColor",
-                className: "bi bi-person-fill",
-                viewBox: "0 0 16 16",
-                children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6" })
-              }
-            ) }),
-            /* @__PURE__ */ jsxRuntime.jsx(react.Input, { type: "text", name: "name", placeholder: t("field.name.placeholder") })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(react.FormControl, { isRequired: true, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(react.FormLabel, { children: t("field.email.label") }),
-          /* @__PURE__ */ jsxRuntime.jsxs(react.InputGroup, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(react.InputLeftElement, { children: /* @__PURE__ */ jsxRuntime.jsx(icons.EmailIcon, {}) }),
-            /* @__PURE__ */ jsxRuntime.jsx(react.Input, { type: "email", name: "email", placeholder: t("field.email.placeholder") })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(react.FormControl, { isRequired: true, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(react.FormLabel, { children: t("field.message.label") }),
-          /* @__PURE__ */ jsxRuntime.jsx(react.Textarea, { name: "message", placeholder: t("field.message.placeholder"), rows: 6, resize: "none" })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(react.Button, { type: "submit", colorScheme: "brand", width: "full", children: t("action.send") })
-      ] })
-    }
-  );
-};
 const Faq = ({ items, ...boxProps }) => {
-  const { bgColor, invertedColor } = index$1.usePrimaryColors();
+  const { bgColor, invertedColor } = index$4.usePrimaryColors();
   return /* @__PURE__ */ jsxRuntime.jsx(react.Accordion, { allowToggle: true, ...boxProps, children: items.map(({ question, answer }) => {
     return /* @__PURE__ */ jsxRuntime.jsxs(react.AccordionItem, { border: 0, children: [
       /* @__PURE__ */ jsxRuntime.jsx(react.Box, { as: "h3", children: /* @__PURE__ */ jsxRuntime.jsxs(react.AccordionButton, { _hover: { color: invertedColor, bgColor }, children: [
@@ -392,7 +262,7 @@ const FeatureCardGrid = ({
       items,
       columns,
       gap,
-      getKey: ({ title }) => title,
+      getKey: (_, index2) => index2,
       render: (item) => /* @__PURE__ */ jsxRuntime.jsx(FeatureCard, { ...item }),
       ...boxProps
     }
@@ -414,7 +284,7 @@ const GameCard = ({ name, description, image, url, height = "auto" }) => {
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(index.Image, { src: image, alt: name, mode: "thumbnail" }),
         /* @__PURE__ */ jsxRuntime.jsxs(react.Box, { as: "section", rounded: "md", p: 4, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(react.Text, { as: "span", children: url ? /* @__PURE__ */ jsxRuntime.jsx(react.LinkOverlay, { href: url, target: "_blank", rel: "noopener noreferrer nofollow", children: name }) : name }),
+          /* @__PURE__ */ jsxRuntime.jsx(react.Text, { as: "span", children: url ? /* @__PURE__ */ jsxRuntime.jsx(react.LinkOverlay, { as: index.Link, to: url, children: name }) : name }),
           !!description && /* @__PURE__ */ jsxRuntime.jsx(react.Text, { fontSize: "sm", color: "gray.600", children: description })
         ] })
       ]
@@ -432,7 +302,7 @@ const GameCardGrid = ({
 }) => {
   let sortedItems = items;
   if (order === "random") {
-    sortedItems = [...items].sort(randomSeed ? index$4.getSeededRandomComparator(randomSeed) : index$4.randomComparator);
+    sortedItems = [...items].sort(randomSeed ? index$5.getSeededRandomComparator(randomSeed) : index$5.randomComparator);
   }
   return /* @__PURE__ */ jsxRuntime.jsx(
     Grid,
@@ -502,19 +372,54 @@ const GameDemoContent = ({
     /* @__PURE__ */ jsxRuntime.jsx(react.AbsoluteCenter, { children: /* @__PURE__ */ jsxRuntime.jsx(react.Spinner, { size: "xl", thickness: "0.6rem", display: isLoaded ? "none" : "block", color: "brand.100" }) })
   ] });
 };
-const GameDemoPreview = ({ image, alt, href, imageFit = "contain", onPlayDemo }) => {
+const GameDemoAlert = () => {
   const { t } = reactI18next.useTranslation("gameDemo");
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(index.Image, { src: image, alt, objectFit: imageFit, w: "100%", h: "100%" }),
-    /* @__PURE__ */ jsxRuntime.jsx(react.AbsoluteCenter, { children: /* @__PURE__ */ jsxRuntime.jsxs(react.Stack, { spacing: 4, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        LinkButton,
-        {
-          animation: { type: "pulse", params: { duration: 2, timingFunction: "ease-out", isInfinite: true } },
-          ...href ? { label: t("action.playForReal"), href } : { label: t("action.playForFree"), onClick: onPlayDemo }
-        }
-      ),
-      !!href && /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    react.Alert,
+    {
+      status: "warning",
+      flexDirection: { base: "column", md: "row" },
+      justifyContent: { base: "center", md: "flex-start" },
+      alignItems: "center",
+      rounded: "lg",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(react.AlertIcon, {}),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          react.Flex,
+          {
+            direction: { base: "column", md: "row" },
+            justifyContent: { base: "center", md: "flex-start" },
+            alignItems: { base: "center", md: "baseline" },
+            wrap: "wrap",
+            textAlign: { base: "center", md: "start" },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(react.AlertTitle, { my: 1, fontSize: { base: "sm", sm: "md", md: "lg" }, lineHeight: "short", children: t("alert.title") }),
+              /* @__PURE__ */ jsxRuntime.jsx(react.AlertDescription, { fontSize: { base: "sm", sm: "md", md: "lg" }, lineHeight: "short", children: t("alert.description") })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+const buttonAnimationProps = {
+  type: "pulse",
+  params: { duration: 2, timingFunction: "ease-out", isInfinite: true }
+};
+const GameDemoPreview = ({ image, alt, src, refLink, imageFit = "contain", onPlayDemo }) => {
+  const { t } = reactI18next.useTranslation("gameDemo");
+  function getPrimaryButton() {
+    if (refLink) {
+      return /* @__PURE__ */ jsxRuntime.jsx(index$2.LinkButton, { animation: buttonAnimationProps, label: t("action.playForReal"), href: refLink });
+    } else if (src) {
+      return /* @__PURE__ */ jsxRuntime.jsx(index$2.LinkButton, { animation: buttonAnimationProps, label: t("action.playForFree"), onClick: onPlayDemo });
+    } else {
+      return null;
+    }
+  }
+  function getSecondaryButton() {
+    if (refLink && src) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
         react.Button,
         {
           variant: "solid",
@@ -524,11 +429,23 @@ const GameDemoPreview = ({ image, alt, href, imageFit = "contain", onPlayDemo })
           onClick: onPlayDemo,
           children: t("action.playForFree")
         }
-      )
-    ] }) })
+      );
+    } else {
+      return null;
+    }
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(react.Stack, { children: [
+    !src && /* @__PURE__ */ jsxRuntime.jsx(GameDemoAlert, {}),
+    /* @__PURE__ */ jsxRuntime.jsxs(react.Box, { position: "relative", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(index.Image, { src: image, alt, objectFit: imageFit, w: "100%", h: "100%" }),
+      /* @__PURE__ */ jsxRuntime.jsx(react.AbsoluteCenter, { children: /* @__PURE__ */ jsxRuntime.jsxs(react.Stack, { spacing: 4, children: [
+        getPrimaryButton(),
+        getSecondaryButton()
+      ] }) })
+    ] })
   ] });
 };
-const GameDemo = ({ name, src, href, previewImage, previewImageFit, ...boxProps }) => {
+const GameDemo = ({ name, src, refLink, previewImage, previewImageFit, ...boxProps }) => {
   const [isRunning, setIsRunning] = react$1.useState(false);
   const [isLoaded, setIsLoaded] = react$1.useState(false);
   const { isOpen: isFullscreen, onToggle, onClose } = react.useDisclosure({ defaultIsOpen: false });
@@ -571,7 +488,8 @@ const GameDemo = ({ name, src, href, previewImage, previewImageFit, ...boxProps
         {
           image: previewImage,
           alt: name,
-          href,
+          src,
+          refLink,
           imageFit: previewImageFit,
           onPlayDemo: handlePlayDemo
         }
@@ -605,26 +523,26 @@ function stringifyArray(array, max) {
 function getGameInfoItemValue(key, value, locale) {
   let formattedValue = "";
   if (typeof value !== "string") {
-    if (key === index$5.GameCharacteristic.Rtp) {
-      formattedValue = index$4.formatNumber(value, { percent: "real", precision: 3 });
+    if (key === index$6.GameCharacteristic.Rtp) {
+      formattedValue = index$1.formatNumber(value, { percent: "real", precision: 3 });
     }
-    if (key === index$5.GameCharacteristic.MinBet || key === index$5.GameCharacteristic.MaxBet || key === index$5.GameCharacteristic.MaxWin) {
-      formattedValue = index$4.formatNumber(value, { locale });
+    if (key === index$6.GameCharacteristic.MinBet || key === index$6.GameCharacteristic.MaxBet || key === index$6.GameCharacteristic.MaxWin) {
+      formattedValue = index$1.formatNumber(value, { locale });
     }
-    if (key === index$5.GameCharacteristic.Compatibility || key === index$5.GameCharacteristic.BonusFeatures) {
+    if (key === index$6.GameCharacteristic.Compatibility || key === index$6.GameCharacteristic.BonusFeatures) {
       formattedValue = stringifyArray(value);
     }
-    if (key === index$5.GameCharacteristic.Languages) {
+    if (key === index$6.GameCharacteristic.Languages) {
       formattedValue = stringifyArray(value, MAX_VISIBLE_LANGUAGE);
     }
     if (typeof value === "boolean") {
       formattedValue = stringifyHasFeature(value);
     }
   }
-  if (key === index$5.GameCharacteristic.ReleaseDate) {
-    formattedValue = index$4.formatDate({ value, locale, options: { year: "numeric", month: "long" } });
+  if (key === index$6.GameCharacteristic.ReleaseDate) {
+    formattedValue = index$1.formatDate({ value, locale, options: { year: "numeric", month: "long" } });
   }
-  if (key === index$5.GameCharacteristic.Volatility) {
+  if (key === index$6.GameCharacteristic.Volatility && Object.values(index$6.GameVolatility).includes(value)) {
     formattedValue = stringifyVolatility(value);
   }
   if (!formattedValue) {
@@ -634,7 +552,7 @@ function getGameInfoItemValue(key, value, locale) {
 }
 const DEFAULT_CURRENCY = "$, €, £";
 function getGameInfoCurrency(currency, locale) {
-  const currencies = Array.isArray(currency) ? currency.map((code) => index$4.getCurrencySymbol(code, locale)) : [index$4.getCurrencySymbol(currency, locale)];
+  const currencies = Array.isArray(currency) ? currency.map((code) => index$5.getCurrencySymbol(code, locale)) : [index$5.getCurrencySymbol(currency, locale)];
   return stringifyArray(currencies);
 }
 const GameInfo = ({ info, currencies }) => {
@@ -668,7 +586,7 @@ const GameInfo = ({ info, currencies }) => {
   );
 };
 const HowTo = ({ steps, ...boxProps }) => {
-  const { bgColor, invertedColor } = index$1.usePrimaryColors();
+  const { bgColor, invertedColor } = index$4.usePrimaryColors();
   return /* @__PURE__ */ jsxRuntime.jsx(react.SimpleGrid, { as: "ol", columns: { base: 1, md: 2, lg: 3 }, gap: 4, p: 0, ...boxProps, children: steps.map(({ title, description, thumbnail }, index$12) => /* @__PURE__ */ jsxRuntime.jsxs(react.Flex, { as: "li", alignItems: "flex-start", gap: 4, children: [
     /* @__PURE__ */ jsxRuntime.jsx(react.Circle, { size: 12, bgColor, color: invertedColor, fontSize: "lg", fontWeight: "bold", children: String(index$12 + 1) }),
     /* @__PURE__ */ jsxRuntime.jsxs(react.Stack, { flex: 1, children: [
@@ -678,497 +596,264 @@ const HowTo = ({ steps, ...boxProps }) => {
     ] })
   ] }, index$12)) });
 };
-const Container = ({ children }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(react.Container, { maxW: "container.xl", children });
-};
-const Content = ({ children }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(react.Box, { as: "section", py: 4, children: /* @__PURE__ */ jsxRuntime.jsx(Container, { children }) });
-};
-const Logo = () => {
-  const { metadata } = index.useSiteContext();
-  const { logo } = metadata;
-  return /* @__PURE__ */ jsxRuntime.jsx(react.Box, { display: "flex", h: { base: 10, md: 14 }, overflow: "hidden", children: /* @__PURE__ */ jsxRuntime.jsx(index.Image, { src: logo, alt: "Logo", objectFit: "contain" }) });
-};
-const Brand$1 = ({ brand }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(react.Box, { position: "relative", my: 2, py: 8, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(react.Divider, {}),
-    /* @__PURE__ */ jsxRuntime.jsx(react.AbsoluteCenter, { display: "flex", bgColor: react.useColorModeValue("gray.50", "gray.900"), children: /* @__PURE__ */ jsxRuntime.jsx(index.Link, { to: "/", children: brand }) })
-  ] });
-};
-const Copyright = () => {
-  const { metadata } = index.useSiteContext();
-  const { t } = reactI18next.useTranslation("footer");
-  const siteName = metadata.name;
-  const lang = metadata.lang;
-  return /* @__PURE__ */ jsxRuntime.jsx(react.Text, { as: "small", colorScheme: "gray", display: "flex", align: "center", justifyContent: "center", children: t("copyright", { year: index$4.getCurrentYear(lang), siteName }) });
-};
-const Disclaimer = () => {
-  const { metadata } = index.useSiteContext();
-  const { t } = reactI18next.useTranslation("footer");
-  const siteName = metadata.name;
-  return /* @__PURE__ */ jsxRuntime.jsxs(react.Text, { as: "small", colorScheme: "gray", fontSize: "sm", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(react.Text, { as: "span", fontWeight: "bold", color: "red.600", children: t("disclaimer.title") }),
-    t("disclaimer.description", { siteName })
-  ] });
-};
-const Extra = ({ children }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(react.Box, { as: "section", my: 2, children });
-};
-const Navigation$1 = ({ menu }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    react.SimpleGrid,
-    {
-      as: "ul",
-      columns: { base: 1, sm: 2, md: 4 },
-      mt: 4,
-      mb: 6,
-      p: 0,
-      spacing: 4,
-      justifyItems: { base: "flex-start", md: "center" },
-      justifyContent: "space-between",
-      children: menu.map(({ slug, label }, index$12) => /* @__PURE__ */ jsxRuntime.jsx(react.Flex, { as: "li", children: /* @__PURE__ */ jsxRuntime.jsx(
-        react.Text,
-        {
-          as: index.Link,
-          to: slug,
-          fontSize: "md",
-          fontWeight: "semibold",
-          colorScheme: "gray",
-          _hover: { textDecoration: "none", color: "brand.400" },
-          children: label
-        }
-      ) }, index$12))
-    }
-  );
-};
-const Footer = () => {
-  const { metadata, navigation, config } = index.useSiteContext();
-  const { currentLocale } = index.usePageContext();
-  const menu = navigation.footer[currentLocale.code] ?? [];
-  const socialNetworks = metadata.socialNetworks ?? [];
-  const { extra, showDisclaimer = true } = (config == null ? void 0 : config.footer) ?? {};
-  const hasNavigation = !!menu.length;
-  const hasSocialNetworks = !!socialNetworks.length;
-  const hasExtra = !!extra;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    react.Box,
+function getQuotePseudoElement(color) {
+  return {
+    content: '"❛❛"',
+    position: "absolute",
+    top: -8,
+    left: -2,
+    fontSize: "6rem",
+    fontStyle: "italic",
+    color
+  };
+}
+const PrefixMap = {
+  advice: "🚀",
+  fact: "💡",
+  quote: ""
+};
+const BorderColorMap = {
+  advice: "red.400",
+  fact: "yellow.400",
+  quote: "gray"
+};
+const Informer = ({ type, text, author = null, ...boxProps }) => {
+  const { t } = reactI18next.useTranslation("informer");
+  const quotePseudoElementColor = react.useColorModeValue("blackAlpha.300", "whiteAlpha.300");
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    react.Card,
     {
-      as: "footer",
-      bg: react.useColorModeValue("gray.50", "gray.900"),
-      color: react.useColorModeValue("gray.700", "gray.200"),
-      py: 4,
-      children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { children: [
-        hasNavigation && /* @__PURE__ */ jsxRuntime.jsx(Navigation$1, { menu }),
-        hasExtra && /* @__PURE__ */ jsxRuntime.jsx(Extra, { children: extra }),
-        showDisclaimer && /* @__PURE__ */ jsxRuntime.jsx(Disclaimer, {}),
-        /* @__PURE__ */ jsxRuntime.jsx(Brand$1, { brand: /* @__PURE__ */ jsxRuntime.jsx(Logo, {}) }),
-        hasSocialNetworks && /* @__PURE__ */ jsxRuntime.jsx(SocialNetworks, { socialNetworks, justify: "center", my: 2 }),
-        /* @__PURE__ */ jsxRuntime.jsx(Copyright, {})
-      ] })
+      variant: "filled",
+      p: 4,
+      borderLeft: "4px solid",
+      borderLeftColor: BorderColorMap[type],
+      gap: 4,
+      ...type === "quote" && { _before: getQuotePseudoElement(quotePseudoElementColor) },
+      ...boxProps,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(react.CardBody, { as: "blockquote", p: 0, fontStyle: "italic", children: [
+          type !== "quote" && /* @__PURE__ */ jsxRuntime.jsxs(react.Text, { as: "span", fontStyle: "normal", fontWeight: "semibold", mr: 2, children: [
+            PrefixMap[type],
+            t(type),
+            ":"
+          ] }),
+          text
+        ] }),
+        !!author && /* @__PURE__ */ jsxRuntime.jsx(react.CardFooter, { alignItems: "center", justify: "flex-end", p: 0, children: /* @__PURE__ */ jsxRuntime.jsx(Author, { author, variant: "short" }) })
+      ]
     }
   );
 };
-const Brand = ({ brand }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(index.Link, { to: "/", children: brand });
+const List = ({ items, bullet = "—", render, ...boxProps }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(react.List, { pl: 0, ml: 2, ...boxProps, children: items.map((item, index2) => /* @__PURE__ */ jsxRuntime.jsxs(react.ListItem, { display: "flex", gap: 1, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(react.Box, { children: bullet }),
+    render ? render(item) : item
+  ] }, index2)) });
 };
-const FranceIcon = (props) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: "1em", height: "1em", ...props, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("mask", { id: "circleFlagsFr0", children: /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "256", cy: "256", r: "256", fill: "#fff" }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("g", { mask: "url(#circleFlagsFr0)", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#eee", d: "M167 0h178l25.9 252.3L345 512H167l-29.8-253.4z" }),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#0052b4", d: "M0 0h167v512H0z" }),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#d80027", d: "M345 0h167v512H345z" })
+const NotFound = () => {
+  const { t } = reactI18next.useTranslation("pageNotFound");
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(index$3.Heading1, { children: t("title") }),
+    /* @__PURE__ */ jsxRuntime.jsxs(index$3.Paragraph, { fontSize: "xl", children: [
+      t("description"),
+      " ",
+      /* @__PURE__ */ jsxRuntime.jsx(react.Button, { as: index.Link, to: "/", variant: "link", colorScheme: "brand", fontSize: "xl", children: t("action") })
     ] })
   ] });
 };
-const GermanyIcon = (props) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: "1em", height: "1em", ...props, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("mask", { id: "circleFlagsDe0", children: /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "256", cy: "256", r: "256", fill: "#fff" }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("g", { mask: "url(#circleFlagsDe0)", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#ffda44", d: "m0 345l256.7-25.5L512 345v167H0z" }),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#d80027", d: "m0 167l255-23l257 23v178H0z" }),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#333", d: "M0 0h512v167H0z" })
-    ] })
+const CookiePolicy = () => {
+  const { t } = reactI18next.useTranslation("pageCookiePolicy");
+  const { metadata } = index.useSiteContext();
+  const { name: siteName } = metadata;
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(index$3.Heading1, { children: t("title") }),
+    /* @__PURE__ */ jsxRuntime.jsx(index$3.Paragraph, { children: t("text", { siteName }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(index$3.Heading2, { children: t("sectionOne.title", { siteName }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(index$3.Paragraph, { children: t("sectionOne.textOne", { siteName }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(index$3.Paragraph, { children: t("sectionOne.textTwo") }),
+    /* @__PURE__ */ jsxRuntime.jsx(index$3.Heading2, { children: t("sectionTwo.title") }),
+    /* @__PURE__ */ jsxRuntime.jsx(index$3.Paragraph, { children: t("sectionTwo.textOne", { siteName }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(index$3.Unordered, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("li", { children: t("sectionTwo.list.itemOne") }),
+      /* @__PURE__ */ jsxRuntime.jsx("li", { children: t("sectionTwo.list.itemTwo") }),
+      /* @__PURE__ */ jsxRuntime.jsx("li", { children: t("sectionTwo.list.itemThree") })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(index$3.Paragraph, { children: t("sectionTwo.textTwo") }),
+    /* @__PURE__ */ jsxRuntime.jsx(index$3.Heading2, { children: t("sectionThree.title") }),
+    /* @__PURE__ */ jsxRuntime.jsxs(index$3.Ordered, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("li", { children: t("sectionThree.list.itemOne") }),
+      /* @__PURE__ */ jsxRuntime.jsx("li", { children: t("sectionThree.list.itemTwo") }),
+      /* @__PURE__ */ jsxRuntime.jsx("li", { children: t("sectionThree.list.itemThree") }),
+      /* @__PURE__ */ jsxRuntime.jsx("li", { children: t("sectionThree.list.itemFour") })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(index$3.Paragraph, { children: t("sectionThree.text", { siteName }) })
   ] });
 };
-const GlobeIcon = (props) => {
-  return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 496", width: "1em", height: "1em", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
-    "path",
-    {
-      fill: "currentColor",
-      d: "M336.5 160C322 70.7 287.8 8 248 8s-74 62.7-88.5 152zM152 256c0 22.2 1.2 43.5 3.3 64h185.3c2.1-20.5 3.3-41.8 3.3-64s-1.2-43.5-3.3-64H155.3c-2.1 20.5-3.3 41.8-3.3 64m324.7-96c-28.6-67.9-86.5-120.4-158-141.6c24.4 33.8 41.2 84.7 50 141.6zM177.2 18.4C105.8 39.6 47.8 92.1 19.3 160h108c8.7-56.9 25.5-107.8 49.9-141.6M487.4 192H372.7c2.1 21 3.3 42.5 3.3 64s-1.2 43-3.3 64h114.6c5.5-20.5 8.6-41.8 8.6-64s-3.1-43.5-8.5-64M120 256c0-21.5 1.2-43 3.3-64H8.6C3.2 212.5 0 233.8 0 256s3.2 43.5 8.6 64h114.6c-2-21-3.2-42.5-3.2-64m39.5 96c14.5 89.3 48.7 152 88.5 152s74-62.7 88.5-152zm159.3 141.6c71.4-21.2 129.4-73.7 158-141.6h-108c-8.8 56.9-25.6 107.8-50 141.6M19.3 352c28.6 67.9 86.5 120.4 158 141.6c-24.4-33.8-41.2-84.7-50-141.6z"
+const ContactForm = ({ ...boxProps }) => {
+  const toast = react.useToast();
+  const { t } = reactI18next.useTranslation("contactForm");
+  function handleSubmit(event) {
+    event.preventDefault();
+    const form = event.currentTarget;
+    const formData = new FormData(form);
+    const name = formData.get("name");
+    const email = formData.get("email");
+    const message = formData.get("message");
+    if (name && email && message) {
+      form.reset();
+      toast({
+        title: t("notification.title", { name }),
+        description: t("notification.description", { email }),
+        colorScheme: "brand",
+        status: "success",
+        duration: 5e3,
+        isClosable: true
+      });
+    } else {
+      console.error("Please fill out both fields");
     }
-  ) });
-};
-const ItalyIcon = (props) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: "1em", height: "1em", ...props, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("mask", { id: "circleFlagsIt0", children: /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "256", cy: "256", r: "256", fill: "#fff" }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("g", { mask: "url(#circleFlagsIt0)", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#eee", d: "M167 0h178l25.9 252.3L345 512H167l-29.8-253.4z" }),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#6da544", d: "M0 0h167v512H0z" }),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#d80027", d: "M345 0h167v512H345z" })
-    ] })
-  ] });
-};
-const RussiaIcon = (props) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: "1em", height: "1em", ...props, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("mask", { id: "circleFlagsRu0", children: /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "256", cy: "256", r: "256", fill: "#fff" }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("g", { mask: "url(#circleFlagsRu0)", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#0052b4", d: "M512 170v172l-256 32L0 342V170l256-32z" }),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#eee", d: "M512 0v170H0V0Z" }),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#d80027", d: "M512 342v170H0V342Z" })
-    ] })
-  ] });
-};
-function getMappedIcon(code) {
-  let icon = GlobeIcon;
-  switch (code) {
-    case "de":
-      icon = GermanyIcon;
-      break;
-    case "it":
-      icon = ItalyIcon;
-      break;
-    case "ru":
-      icon = RussiaIcon;
-      break;
-    case "fr":
-      icon = FranceIcon;
-      break;
-    case "en":
-    default:
-      icon = GlobeIcon;
-      break;
   }
-  return icon;
-}
-const LocaleSwitcher = ({ currentLocale, locales }) => {
-  const localeCode = currentLocale.code;
-  const localeIcon = getMappedIcon(localeCode);
-  const localeMenuItems = react$1.useMemo(
-    () => locales.map((locale) => ({ ...locale, icon: getMappedIcon(locale.code) })),
-    [locales]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsxs(react.Menu, { placement: "bottom-end", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      react.MenuButton,
-      {
-        as: react.Button,
-        rightIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.ChevronDownIcon, {}),
-        w: { base: 20, md: "28" },
-        px: { base: 1, md: 4 },
-        size: { base: "sm", md: "lg" },
-        children: /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(react.Icon, { as: localeIcon }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { children: localeCode.toUpperCase() })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(react.MenuList, { minW: "fit-content", children: localeMenuItems.map(({ code, name, icon }) => /* @__PURE__ */ jsxRuntime.jsx(react.MenuItem, { as: index.Link, to: `/${code}`, icon: /* @__PURE__ */ jsxRuntime.jsx(react.Icon, { as: icon, w: 4, h: 4 }), children: name }, code)) })
-  ] });
-};
-const NavLink = react$1.forwardRef(({ slug, label }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    react.Text,
+    react.Box,
     {
-      ref,
-      as: index.Link,
-      to: slug,
-      p: 2,
-      fontWeight: "semibold",
-      _hover: { textDecoration: "none", color: "brand.400" },
-      children: label
-    }
-  );
-});
-NavLink.displayName = "NavLink";
-const NavList$1 = ({ slug, label, children }) => {
-  const background = react.useColorModeValue("white", "gray.800");
-  const backgroundHover = react.useColorModeValue("brand.50", "gray.900");
-  return /* @__PURE__ */ jsxRuntime.jsxs(react.Popover, { trigger: "hover", placement: "bottom-start", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(react.PopoverTrigger, { children: /* @__PURE__ */ jsxRuntime.jsx(
-      react.Text,
-      {
-        p: 2,
-        fontWeight: "semibold",
-        cursor: "pointer",
-        tabIndex: 0,
-        _hover: { textDecoration: "none", color: "brand.400" },
-        children: label
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      react.PopoverContent,
-      {
-        p: 2,
-        border: 0,
-        minW: "sm",
-        maxH: 300,
-        overflowY: "auto",
-        rounded: "xl",
-        boxShadow: "xl",
-        bg: background,
-        children: /* @__PURE__ */ jsxRuntime.jsx(react.List, { spacing: 2, p: 0, children: children == null ? void 0 : children.map((child, index$12) => {
-          return /* @__PURE__ */ jsxRuntime.jsx(react.ListItem, { rounded: "md", _hover: { bg: backgroundHover }, children: /* @__PURE__ */ jsxRuntime.jsxs(react.Flex, { as: index.Link, to: index$2.buildPath(child.slug, slug), p: 2, role: "group", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(react.Text, { fontWeight: 500, transition: "all .3s ease", _groupHover: { color: "brand.400" }, children: child.label }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              react.Flex,
+      as: "form",
+      borderRadius: "lg",
+      p: 8,
+      color: react.useColorModeValue("gray.700", "whiteAlpha.900"),
+      bg: react.useColorModeValue("white", "gray.700"),
+      shadow: "base",
+      onSubmit: handleSubmit,
+      ...boxProps,
+      children: /* @__PURE__ */ jsxRuntime.jsxs(react.VStack, { spacing: 4, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(react.FormControl, { isRequired: true, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(react.FormLabel, { children: t("field.name.label") }),
+          /* @__PURE__ */ jsxRuntime.jsxs(react.InputGroup, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(react.InputLeftElement, { children: /* @__PURE__ */ jsxRuntime.jsx(
+              "svg",
               {
-                flex: 1,
-                justify: "flex-end",
-                align: "center",
-                opacity: 0,
-                transition: "all .3s ease",
-                transform: "translateX(-10px)",
-                _groupHover: { opacity: 1, transform: "translateX(0)" },
-                children: /* @__PURE__ */ jsxRuntime.jsx(react.Icon, { as: icons.ChevronRightIcon, color: "brand.400", w: 5, h: 5 })
+                xmlns: "http://www.w3.org/2000/svg",
+                width: "16",
+                height: "16",
+                fill: "currentColor",
+                className: "bi bi-person-fill",
+                viewBox: "0 0 16 16",
+                children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6" })
               }
-            )
-          ] }) }, index$12);
-        }) })
-      }
-    )
-  ] });
-};
-const DesktopNavigation = ({ menu }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(react.Flex, { as: "ul", role: "list", gap: 2, p: 0, display: { base: "none", md: "flex" }, children: menu.map((item, index2) => {
-    var _a;
-    return /* @__PURE__ */ jsxRuntime.jsx(react.Flex, { as: "li", role: "listitem", children: ((_a = item.children) == null ? void 0 : _a.length) ? /* @__PURE__ */ jsxRuntime.jsx(NavList$1, { ...item }) : /* @__PURE__ */ jsxRuntime.jsx(NavLink, { ...item }) }, index2);
-  }) });
-};
-const CHEVRON_DOWN_ICON_SIZE = "1.5rem";
-const NavList = ({ slug, label, children, isExpanded, onExpand }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(react.Stack, { flex: 1, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      react.Flex,
-      {
-        as: "button",
-        p: 2,
-        pr: "3px",
-        align: "center",
-        justifyContent: "space-between",
-        _hover: { textDecoration: "none", color: "brand.400" },
-        onClick: onExpand,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(react.Text, { isTruncated: true, fontWeight: 600, children: label }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            icons.ChevronDownIcon,
-            {
-              w: CHEVRON_DOWN_ICON_SIZE,
-              h: CHEVRON_DOWN_ICON_SIZE,
-              transform: isExpanded ? "rotate(180deg)" : "",
-              transition: "all .25s ease-in-out"
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(react.Collapse, { in: isExpanded, transition: { enter: { ease: "easeIn" }, exit: { duration: 0.2 } }, children: /* @__PURE__ */ jsxRuntime.jsx(
-      react.List,
-      {
-        ml: 2,
-        pl: 0,
-        maxH: 300,
-        overflowY: "auto",
-        borderLeft: 1,
-        borderStyle: "solid",
-        borderColor: react.useColorModeValue("gray.200", "gray.700"),
-        children: children == null ? void 0 : children.map((child, index$12) => /* @__PURE__ */ jsxRuntime.jsx(react.Flex, { as: "li", role: "listitem", children: /* @__PURE__ */ jsxRuntime.jsx(react.Text, { as: index.Link, to: index$2.buildPath(child.slug, slug), p: 2, fontSize: "sm", children: child.label }) }, index$12))
-      }
-    ) })
-  ] });
-};
-const CLOSE_ICON_SIZE = "0.75rem";
-const HAMBURGER_ICON_SIZE = "1rem";
-const MobileNavigation = ({ menu }) => {
-  const [expanded, setExpanded] = react$1.useState(null);
-  const { isOpen, onToggle } = react.useDisclosure();
-  const background = react.useColorModeValue("gray.50", "gray.900");
-  function handleExpand(index2) {
-    return () => {
-      setExpanded((prev) => prev === index2 ? null : index2);
-    };
-  }
-  function handleClick() {
-    setExpanded(null);
-    onToggle();
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(react.Box, { display: { base: "block", md: "none" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      react.IconButton,
-      {
-        icon: isOpen ? /* @__PURE__ */ jsxRuntime.jsx(icons.CloseIcon, { w: CLOSE_ICON_SIZE, h: CLOSE_ICON_SIZE }) : /* @__PURE__ */ jsxRuntime.jsx(icons.HamburgerIcon, { w: HAMBURGER_ICON_SIZE, h: HAMBURGER_ICON_SIZE }),
-        size: "sm",
-        variant: "ghost",
-        "aria-label": `${isOpen ? "Close" : "Open"} navigation menu`,
-        "aria-expanded": isOpen,
-        onClick: handleClick
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(react.Collapse, { in: isOpen, animateOpacity: true, children: /* @__PURE__ */ jsxRuntime.jsx(react.Box, { position: "absolute", top: 16, left: 0, right: 0, w: "100vw", px: 2, children: /* @__PURE__ */ jsxRuntime.jsx(
-      react.List,
-      {
-        spacing: 2,
-        p: 2,
-        boxShadow: "md",
-        borderWidth: "1px",
-        borderColor: react.useColorModeValue("gray.200", "gray.700"),
-        borderRadius: "md",
-        bg: background,
-        children: menu.map((item, index2) => {
-          var _a;
-          return /* @__PURE__ */ jsxRuntime.jsx(react.Flex, { as: "li", role: "listitem", children: ((_a = item.children) == null ? void 0 : _a.length) ? /* @__PURE__ */ jsxRuntime.jsx(NavList, { ...item, isExpanded: index2 === expanded, onExpand: handleExpand(index2) }) : /* @__PURE__ */ jsxRuntime.jsx(NavLink, { ...item }) }, index2);
-        })
-      }
-    ) }) })
-  ] });
-};
-const Navigation = ({ menu }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(DesktopNavigation, { menu }),
-    /* @__PURE__ */ jsxRuntime.jsx(MobileNavigation, { menu })
-  ] });
-};
-const Header = () => {
-  var _a;
-  const { navigation, localization, config } = index.useSiteContext();
-  const { currentLocale } = index.usePageContext();
-  const locales = localization.locales;
-  const menu = navigation.header[currentLocale.code] ?? [];
-  const toolbar = (_a = config == null ? void 0 : config.header) == null ? void 0 : _a.toolbar;
-  const isMultiLanguage = locales.length > 1;
-  const hasNavigation = !!menu.length;
-  const hasToolbar = !!toolbar || isMultiLanguage;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    react.Box,
-    {
-      as: "header",
-      position: "sticky",
-      top: 0,
-      bg: react.useColorModeValue("white", "gray.900"),
-      color: react.useColorModeValue("gray.700", "gray.200"),
-      boxShadow: "sm",
-      zIndex: 100,
-      children: /* @__PURE__ */ jsxRuntime.jsx(Container, { children: /* @__PURE__ */ jsxRuntime.jsxs(react.Flex, { as: "nav", gap: 2, py: 2, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Brand, { brand: /* @__PURE__ */ jsxRuntime.jsx(Logo, {}) }),
-        (hasNavigation || hasToolbar) && /* @__PURE__ */ jsxRuntime.jsxs(
-          react.Flex,
-          {
-            as: "section",
-            flex: 1,
-            flexDir: { base: "row-reverse", md: "row" },
-            justifyContent: "end",
-            align: "center",
-            gap: 2,
-            children: [
-              hasNavigation && /* @__PURE__ */ jsxRuntime.jsx(react.Flex, { flex: { base: 0, md: 1 }, children: /* @__PURE__ */ jsxRuntime.jsx(Navigation, { menu }) }),
-              hasToolbar && /* @__PURE__ */ jsxRuntime.jsxs(react.Flex, { gap: 2, flex: { base: 1, md: 0 }, justifyContent: "flex-end", children: [
-                !!toolbar && toolbar,
-                isMultiLanguage && /* @__PURE__ */ jsxRuntime.jsx(LocaleSwitcher, { currentLocale, locales })
-              ] })
-            ]
-          }
-        )
-      ] }) })
-    }
-  );
-};
-const Hero = ({ title, subtitle, content, link, image }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(react.Box, { as: "section", bg: "gray.900", children: /* @__PURE__ */ jsxRuntime.jsx(Container, { children: /* @__PURE__ */ jsxRuntime.jsxs(react.Flex, { direction: { base: "column", md: "row" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(react.Flex, { align: "center", justify: { base: "center", md: "flex-start" }, flex: 1, py: 8, pe: 8, children: /* @__PURE__ */ jsxRuntime.jsxs(react.Stack, { spacing: 6, w: "full", maxW: "lg", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(react.Heading, { as: "h1", fontSize: { base: "3xl", md: "4xl", lg: "5xl" }, children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(react.Text, { as: "span", display: "block", children: [
-          title,
-          " —"
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsx(react.Input, { type: "text", name: "name", placeholder: t("field.name.placeholder") })
+          ] })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(react.Text, { as: "span", display: "block", color: "brand.400", children: subtitle })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(react.Text, { fontSize: { base: "md", lg: "lg" }, color: "gray.500", children: content }),
-      !!link && /* @__PURE__ */ jsxRuntime.jsx(react.Flex, { direction: { base: "column", md: "row" }, children: /* @__PURE__ */ jsxRuntime.jsx(LinkButton, { ...link, size: "md", textDecoration: "none" }) })
-    ] }) }),
-    image && /* @__PURE__ */ jsxRuntime.jsx(react.Flex, { display: { base: "none", md: "flex" }, flex: 1, children: image })
-  ] }) }) });
-};
-const Main = ({ children }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    react.Flex,
-    {
-      as: "main",
-      direction: "column",
-      flexGrow: 1,
-      bg: react.useColorModeValue("white", "gray.800"),
-      color: react.useColorModeValue("gray.700", "gray.200"),
-      children
-    }
-  );
-};
-const ScrollToTop = () => {
-  const [isVisible, setIsVisible] = react$1.useState(false);
-  react$1.useEffect(() => {
-    const toggleVisibility = () => {
-      setIsVisible(window.scrollY > 300);
-    };
-    window.addEventListener("scroll", toggleVisibility);
-    return () => {
-      window.removeEventListener("scroll", toggleVisibility);
-    };
-  }, []);
-  function handleClick() {
-    window.scrollTo({
-      top: 0,
-      behavior: "smooth"
-    });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    react.Box,
-    {
-      position: "fixed",
-      bottom: { base: 4, md: 8, lg: 16 },
-      right: { base: 4, md: 8, lg: 16 },
-      zIndex: "1000",
-      opacity: isVisible ? 1 : 0,
-      transform: isVisible ? "translateY(0)" : "translateY(0.5rem)",
-      transition: "opacity 0.4s ease, transform 0.4s ease",
-      pointerEvents: isVisible ? "auto" : "none",
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        react.IconButton,
-        {
-          "aria-label": "Scroll to top",
-          icon: /* @__PURE__ */ jsxRuntime.jsx(icons.ChevronUpIcon, { w: 6, h: 6 }),
-          size: "lg",
-          shadow: "lg",
-          colorScheme: "brand",
-          isRound: true,
-          onClick: handleClick
-        }
-      )
+        /* @__PURE__ */ jsxRuntime.jsxs(react.FormControl, { isRequired: true, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(react.FormLabel, { children: t("field.email.label") }),
+          /* @__PURE__ */ jsxRuntime.jsxs(react.InputGroup, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(react.InputLeftElement, { children: /* @__PURE__ */ jsxRuntime.jsx(icons.EmailIcon, {}) }),
+            /* @__PURE__ */ jsxRuntime.jsx(react.Input, { type: "email", name: "email", placeholder: t("field.email.placeholder") })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(react.FormControl, { isRequired: true, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(react.FormLabel, { children: t("field.message.label") }),
+          /* @__PURE__ */ jsxRuntime.jsx(react.Textarea, { name: "message", placeholder: t("field.message.placeholder"), rows: 6, resize: "none" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(react.Button, { type: "submit", colorScheme: "brand", width: "full", children: t("action.send") })
+      ] })
     }
   );
 };
-const Layout = ({ children }) => {
-  const content = typeof children === "function" ? children({ Hero, Content }) : /* @__PURE__ */ jsxRuntime.jsx(Content, { children });
-  return /* @__PURE__ */ jsxRuntime.jsxs(react.Stack, { spacing: 0, position: "relative", w: "100%", minH: "100dvh", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Header, {}),
-    /* @__PURE__ */ jsxRuntime.jsx(Main, { children: content }),
-    /* @__PURE__ */ jsxRuntime.jsx(Footer, {}),
-    /* @__PURE__ */ jsxRuntime.jsx(ScrollToTop, {})
+const Contacts = () => {
+  const { t } = reactI18next.useTranslation("pageContacts");
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(index$3.Heading1, { children: t("title") }),
+    /* @__PURE__ */ jsxRuntime.jsx(index$3.Paragraph, { children: t("text") }),
+    /* @__PURE__ */ jsxRuntime.jsx(ContactForm, {})
   ] });
 };
-const List = ({ items, bullet = "—", render, ...boxProps }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(react.List, { pl: 0, ml: 2, ...boxProps, children: items.map((item, index2) => /* @__PURE__ */ jsxRuntime.jsxs(react.ListItem, { display: "flex", gap: 1, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(react.Box, { children: bullet }),
-    render ? render(item) : item
-  ] }, index2)) });
+const PrivacyPolicy = ({ contactsSlug }) => {
+  const { t } = reactI18next.useTranslation("pagePrivacyPolicy");
+  const { metadata } = index.useSiteContext();
+  const { name: siteName } = metadata;
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(index$3.Heading1, { children: t("title") }),
+    /* @__PURE__ */ jsxRuntime.jsx(index$3.Paragraph, { children: t("text") }),
+    /* @__PURE__ */ jsxRuntime.jsx(index$3.Heading2, { children: t("sectionOne.title", { siteName }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(index$3.Paragraph, { children: t("sectionOne.text", { siteName }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(index$3.Heading2, { children: t("sectionTwo.title") }),
+    /* @__PURE__ */ jsxRuntime.jsx(index$3.Paragraph, { children: t("sectionTwo.textOne") }),
+    /* @__PURE__ */ jsxRuntime.jsxs(index$3.Unordered, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("li", { children: t("sectionTwo.list.itemOne") }),
+      /* @__PURE__ */ jsxRuntime.jsx("li", { children: t("sectionTwo.list.itemTwo") })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(index$3.Paragraph, { children: t("sectionTwo.textTwo") }),
+    /* @__PURE__ */ jsxRuntime.jsx(index$3.Heading2, { children: t("sectionThree.title") }),
+    /* @__PURE__ */ jsxRuntime.jsx(index$3.Paragraph, { children: t("sectionThree.text") }),
+    /* @__PURE__ */ jsxRuntime.jsx(index$3.Heading2, { children: t("sectionFour.title") }),
+    /* @__PURE__ */ jsxRuntime.jsx(index$3.Paragraph, { children: t("sectionFour.text") }),
+    /* @__PURE__ */ jsxRuntime.jsx(index$3.Heading2, { children: t("sectionFive.title") }),
+    /* @__PURE__ */ jsxRuntime.jsx(index$3.Paragraph, { children: t("sectionFive.text", { siteName }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(index$3.Heading2, { children: t("sectionSix.title") }),
+    contactsSlug ? /* @__PURE__ */ jsxRuntime.jsxs(index$3.Paragraph, { children: [
+      t("sectionSix.textWithLink.contentStart"),
+      /* @__PURE__ */ jsxRuntime.jsx(index.Link, { color: "brand.400", to: contactsSlug, children: t("sectionSix.textWithLink.link") }),
+      t("sectionSix.textWithLink.contentEnd", { siteName })
+    ] }) : /* @__PURE__ */ jsxRuntime.jsx(index$3.Paragraph, { children: t("sectionSix.text", { siteName }) })
+  ] });
 };
-const NotFound = () => {
-  const { t } = reactI18next.useTranslation("pageNotFound");
-  return /* @__PURE__ */ jsxRuntime.jsxs(react.Stack, { gap: 4, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(react.Heading, { as: "h1", children: t("title") }),
-    /* @__PURE__ */ jsxRuntime.jsxs(react.Text, { fontSize: "xl", children: [
-      t("description"),
-      " ",
-      /* @__PURE__ */ jsxRuntime.jsx(react.Button, { as: index.Link, to: "/", variant: "link", colorScheme: "brand", fontSize: "xl", children: t("action") })
-    ] })
+const TermsAndConditions = ({ privacyPolicySlug }) => {
+  const { t } = reactI18next.useTranslation("pageTermsAndConditions");
+  const { metadata } = index.useSiteContext();
+  const { name: siteName } = metadata;
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(index$3.Heading1, { children: t("title") }),
+    /* @__PURE__ */ jsxRuntime.jsx(index$3.Paragraph, { children: t("text", { siteName }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(index$3.Heading2, { children: t("sectionOne.title") }),
+    /* @__PURE__ */ jsxRuntime.jsx(index$3.Paragraph, { children: t("sectionOne.text", { siteName }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(index$3.Unordered, { children: ["One", "Two", "Three", "Four"].map((i, index2) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(index$3.Paragraph, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("strong", { children: [
+        t(`sectionOne.list.item${i}.title`),
+        ":"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("br", {}),
+      t(`sectionOne.list.item${i}.description`, { siteName })
+    ] }) }, index2)) }),
+    /* @__PURE__ */ jsxRuntime.jsx(index$3.Heading2, { children: t("sectionTwo.title") }),
+    /* @__PURE__ */ jsxRuntime.jsx(index$3.Ordered, { children: ["One", "Two", "Three", "Four"].map((i, index2) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(index$3.Paragraph, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("strong", { children: [
+        t(`sectionTwo.list.item${i}.title`),
+        ":"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("br", {}),
+      t(`sectionTwo.list.item${i}.description`, { siteName })
+    ] }) }, index2)) }),
+    /* @__PURE__ */ jsxRuntime.jsx(index$3.Heading2, { children: t("sectionThree.title") }),
+    /* @__PURE__ */ jsxRuntime.jsx(index$3.Paragraph, { children: t("sectionThree.text", { siteName }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(index$3.Heading2, { children: t("sectionFour.title") }),
+    /* @__PURE__ */ jsxRuntime.jsx(index$3.Paragraph, { children: t("sectionFour.text", { siteName }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(index$3.Unordered, { children: ["One", "Two"].map((i, index2) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(index$3.Paragraph, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("strong", { children: [
+        t(`sectionFour.list.item${i}.title`),
+        ":"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("br", {}),
+      t(`sectionFour.list.item${i}.description`, { siteName })
+    ] }) }, index2)) }),
+    /* @__PURE__ */ jsxRuntime.jsx(index$3.Heading2, { children: t("sectionFive.title") }),
+    /* @__PURE__ */ jsxRuntime.jsx(index$3.Paragraph, { children: t("sectionFive.text", { siteName }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(index$3.Heading2, { children: t("sectionSix.title") }),
+    /* @__PURE__ */ jsxRuntime.jsx(index$3.Paragraph, { children: t("sectionSix.textOne") }),
+    /* @__PURE__ */ jsxRuntime.jsx(index$3.Unordered, { children: ["One", "Two", "Three"].map((i, index2) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: t(`sectionSix.list.item${i}`) }, index2)) }),
+    privacyPolicySlug ? /* @__PURE__ */ jsxRuntime.jsxs(index$3.Paragraph, { children: [
+      t("sectionSix.textTwoWithLink.contentStart"),
+      /* @__PURE__ */ jsxRuntime.jsx(index.Link, { color: "brand.400", to: privacyPolicySlug, children: t("sectionSix.textTwoWithLink.link") }),
+      t("sectionSix.textTwoWithLink.contentEnd")
+    ] }) : /* @__PURE__ */ jsxRuntime.jsx(index$3.Paragraph, { children: t("sectionSix.textTwo") }),
+    /* @__PURE__ */ jsxRuntime.jsx(index$3.Heading2, { children: t("sectionSeven.title") }),
+    /* @__PURE__ */ jsxRuntime.jsx(index$3.Ordered, { children: ["One", "Two"].map((i, index2) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(index$3.Paragraph, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("strong", { children: [
+        t(`sectionSeven.list.item${i}.title`),
+        ":"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("br", {}),
+      t(`sectionSeven.list.item${i}.description`, { siteName })
+    ] }) }, index2)) })
   ] });
 };
 const TitleMap = {
@@ -1252,8 +937,8 @@ const Seo = ({ children, title, description, lang }) => {
   const placeholders = react$1.useMemo(
     () => ({
       siteName,
-      currentYear: index$4.getCurrentYear(siteLang),
-      currentMonth: index$4.getCurrentMonth(siteLang)
+      currentYear: index$1.getCurrentYear(siteLang),
+      currentMonth: index$1.getCurrentMonth(siteLang)
     }),
     [siteName, siteLang]
   );
@@ -1311,29 +996,7 @@ const Tabs = ({ items, render, ...boxProps }) => {
   ] });
 };
 const Tip = ({ tip, author = null, ...boxProps }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    react.Card,
-    {
-      variant: "filled",
-      p: 4,
-      borderLeft: "4px solid gray",
-      gap: 4,
-      _before: {
-        content: '"❛❛"',
-        position: "absolute",
-        top: -8,
-        left: -2,
-        fontSize: "6rem",
-        fontStyle: "italic",
-        color: react.useColorModeValue("blackAlpha.300", "whiteAlpha.300")
-      },
-      ...boxProps,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(react.CardBody, { as: "blockquote", p: 0, fontStyle: "italic", children: tip }),
-        !!author && /* @__PURE__ */ jsxRuntime.jsx(react.CardFooter, { alignItems: "center", justify: "flex-end", p: 0, children: /* @__PURE__ */ jsxRuntime.jsx(Author, { author, variant: "short" }) })
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsxRuntime.jsx(Informer, { type: "quote", text: tip, author, ...boxProps });
 };
 const ExternalImage = ({ image, component: ImageComponent, alt = "", ...imageProps }) => {
   var _a, _b;
@@ -1354,7 +1017,10 @@ function extractCurrencies(currencyList) {
   return [...new Set(currencyList.items.map(({ code }) => code))];
 }
 const StrapiComponent = ({ type, props, imageComponent }) => {
+  var _a;
   switch (type) {
+    case "STRAPI__COMPONENT_CONTENT_ACTION_BUTTON":
+      return /* @__PURE__ */ jsxRuntime.jsx(ActionButton, { label: props.label, href: props.url, mb: 4 });
     case "STRAPI__COMPONENT_CONTENT_FAQ":
       return /* @__PURE__ */ jsxRuntime.jsx(Faq, { items: props.items, mb: 4 });
     case "STRAPI__COMPONENT_CONTENT_FEATURES":
@@ -1409,8 +1075,8 @@ const StrapiComponent = ({ type, props, imageComponent }) => {
         GameDemo,
         {
           name: props.name,
-          src: props.src,
-          href: props.href,
+          src: props == null ? void 0 : props.src,
+          refLink: ((_a = props == null ? void 0 : props.partner) == null ? void 0 : _a.refLink) ?? (props == null ? void 0 : props.href),
           previewImage: /* @__PURE__ */ jsxRuntime.jsx(ExternalImage, { image: props.previewImage, alt: props.name, component: imageComponent }),
           mb: 4
         }
@@ -1436,6 +1102,27 @@ const StrapiComponent = ({ type, props, imageComponent }) => {
           mb: 4
         }
       );
+    case "STRAPI__COMPONENT_CONTENT_INFORMER":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        Informer,
+        {
+          type: props.type,
+          text: props.text,
+          author: props.author ? {
+            ...props.author,
+            avatar: /* @__PURE__ */ jsxRuntime.jsx(
+              ExternalImage,
+              {
+                component: imageComponent,
+                image: props.author.avatar,
+                alt: props.author.name,
+                style: { borderRadius: "50%" }
+              }
+            )
+          } : null,
+          mb: 4
+        }
+      );
     case "STRAPI__COMPONENT_CONTENT_LIST":
       return /* @__PURE__ */ jsxRuntime.jsx(List, { bullet: props.bullet, items: extractItemsFromJson(props.content), mb: 4 });
     case "STRAPI__COMPONENT_CONTENT_MEDIA":
@@ -1484,6 +1171,14 @@ const StrapiComponent = ({ type, props, imageComponent }) => {
           mb: 4
         }
       );
+    case "STRAPI__COMPONENT_CONTENT_CONTACTS_PAGE":
+      return /* @__PURE__ */ jsxRuntime.jsx(Contacts, { ...props });
+    case "STRAPI__COMPONENT_CONTENT_COOKIE_POLICY_PAGE":
+      return /* @__PURE__ */ jsxRuntime.jsx(CookiePolicy, { ...props });
+    case "STRAPI__COMPONENT_CONTENT_PRIVACY_POLICY_PAGE":
+      return /* @__PURE__ */ jsxRuntime.jsx(PrivacyPolicy, { ...props });
+    case "STRAPI__COMPONENT_CONTENT_TERMS_CONDITIONS_PAGE":
+      return /* @__PURE__ */ jsxRuntime.jsx(TermsAndConditions, { ...props });
     default:
       return null;
   }
@@ -1499,12 +1194,18 @@ const StrapiContentRenderer = ({ content, imageComponent }) => {
   }
   return content.map(({ __typename: type, ...props }, index2) => /* @__PURE__ */ jsxRuntime.jsx(StrapiComponent, { type, props, imageComponent }, index2));
 };
+exports.ActionButton = ActionButton;
+exports.ArticleCard = ArticleCard;
+exports.ArticleCardGrid = ArticleCardGrid;
+exports.ArticleInfoCard = ArticleInfoCard;
+exports.ArticleMeta = ArticleMeta;
 exports.Author = Author;
 exports.AuthorCard = AuthorCard;
 exports.BonusCard = BonusCard;
 exports.BonusCardGrid = BonusCardGrid;
 exports.Center = Center;
-exports.ContactForm = ContactForm;
+exports.Contacts = Contacts;
+exports.CookiePolicy = CookiePolicy;
 exports.Faq = Faq;
 exports.FeatureCard = FeatureCard;
 exports.FeatureCardGrid = FeatureCardGrid;
@@ -1514,15 +1215,14 @@ exports.GameDemo = GameDemo;
 exports.GameInfo = GameInfo;
 exports.Grid = Grid;
 exports.HowTo = HowTo;
-exports.Layout = Layout;
-exports.LinkButton = LinkButton;
+exports.Informer = Informer;
 exports.List = List;
 exports.NotFound = NotFound;
+exports.PrivacyPolicy = PrivacyPolicy;
 exports.ProsCons = ProsCons;
 exports.Seo = Seo;
-exports.SocialNetwork = SocialNetwork;
-exports.SocialNetworks = SocialNetworks;
 exports.StrapiContentRenderer = StrapiContentRenderer;
 exports.Table = Table;
 exports.Tabs = Tabs;
+exports.TermsAndConditions = TermsAndConditions;
 exports.Tip = Tip;