@anywayseo/tools 4.2.2 → 5.1.0

package/dist/{index-DAbZBo7_.mjs → index-BCuXOiT9.mjs}

@@ -1,15 +1,15 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { Box, Collapse, Text, Button, Flex, Stack, Image, Center as Center$1, SimpleGrid, Link as Link$1, Card, CardHeader, Heading, CardBody, Popover, PopoverTrigger, Portal, PopoverContent, PopoverBody, CardFooter, useToast, useColorModeValue, VStack, FormControl, FormLabel, InputGroup, InputLeftElement, Input, Textarea, Accordion, AccordionItem, AccordionButton, AccordionIcon, AccordionPanel, LinkBox, LinkOverlay, IconButton, AbsoluteCenter, Spinner, useDisclosure, Divider, Circle, Container as Container$1, List as List$1, ListItem, Icon, ListIcon, TableContainer, Table as Table$1, Thead, Tr, Th, Tbody, Td, TableCaption, Tabs as Tabs$1, TabList, Tab, TabPanels, TabPanel } from "@chakra-ui/react";
+import { Box, Collapse, Text, Button, Flex, Stack, Image, Center as Center$1, SimpleGrid, Link as Link$1, Card, CardHeader, Heading, CardBody, Popover, PopoverTrigger, Portal, PopoverContent, PopoverBody, CardFooter, useToast, useColorModeValue, VStack, FormControl, FormLabel, InputGroup, InputLeftElement, Input, Textarea, Accordion, AccordionItem, AccordionButton, AccordionIcon, AccordionPanel, LinkBox, LinkOverlay, IconButton, AbsoluteCenter, Spinner, useDisclosure, Divider, Circle, Container as Container$1, Menu, MenuButton, HStack, Icon, MenuList, MenuItem, List as List$1, ListItem, ListIcon, TableContainer, Table as Table$1, Thead, Tr, Th, Tbody, Td, TableCaption, Tabs as Tabs$1, TabList, Tab, TabPanels, TabPanel } from "@chakra-ui/react";
 import { useTranslation } from "react-i18next";
-import { Link } from "gatsby";
-import { A as Animation } from "./index-MpNfBHkQ.mjs";
-import { a as GameCharacteristic } from "./index-BE9gNdXx.mjs";
+import { a as useSiteContext, L as Link, u as usePageContext } from "./index-tJcccH0B.mjs";
+import { useRef, useState, useLayoutEffect, Fragment as Fragment$1, useMemo, forwardRef, useEffect } from "react";
+import { A as Animation } from "./index-BJRvnR8Q.mjs";
+import { a as GameCharacteristic } from "./index-CACDltm3.mjs";
 import { useMDXComponents } from "@mdx-js/react";
-import { u as useSiteContext } from "./index-BNb-P8a6.mjs";
-import { useRef, useState, useLayoutEffect, Fragment as Fragment$1, forwardRef, useEffect, useMemo } from "react";
-import { EmailIcon, StarIcon, CloseIcon, ViewOffIcon, ViewIcon, ChevronRightIcon, ChevronDownIcon, HamburgerIcon, ChevronUpIcon, WarningIcon, CheckCircleIcon } from "@chakra-ui/icons";
-import { e as getSeededRandomComparator, d as randomComparator, b as formatNumber, c as getCurrencySymbol, f as formatDate, g as getCurrentYear, a as getCurrentMonth } from "./index-DPO0aIC3.mjs";
-import { u as usePrimaryColors } from "./index-CkTgVjZS.mjs";
+import { EmailIcon, StarIcon, CloseIcon, ViewOffIcon, ViewIcon, ChevronDownIcon, ChevronRightIcon, HamburgerIcon, ChevronUpIcon, WarningIcon, CheckCircleIcon } from "@chakra-ui/icons";
+import { e as getSeededRandomComparator, d as randomComparator, b as formatNumber, c as getCurrencySymbol, f as formatDate, g as getCurrentYear, a as getCurrentMonth } from "./index-Bu4S7kG8.mjs";
+import { i as isRelativePath, b as buildPath } from "./index-BmaWfWLV.mjs";
+import { u as usePrimaryColors } from "./index-QazOxABc.mjs";
 import { t } from "i18next";
 import Markdown from "react-markdown";
 const ONE_LINE_HEIGHT = 24;
@@ -80,10 +80,10 @@ const LinkButton = ({
   ...boxProps
 }) => {
   var _a;
-  const { configs } = useSiteContext();
+  const { config } = useSiteContext();
   const { color, invertedColor } = usePrimaryColors();
-  const isInvertedColor = (_a = configs == null ? void 0 : configs.theme) == null ? void 0 : _a.isInvertedColor;
-  const isInternalLink = linkType === "redirect" || (href == null ? void 0 : href.startsWith("/"));
+  const isInvertedColor = (_a = config == null ? void 0 : config.theme) == null ? void 0 : _a.isInvertedColor;
+  const isInternalLink = linkType === "redirect" || isRelativePath(href);
   const LinkComponent = isInternalLink ? Link : Link$1;
   const hrefKey = isInternalLink ? "to" : "href";
   const hrefValue = linkType === "redirect" ? `/follow?to=${href}` : href;
@@ -515,7 +515,7 @@ function stringifyArray(array) {
 function stringifyLanguageArray(languages) {
   return languages.length > VISIBLE_LANGUAGE_NUMBER ? `${stringifyArray(languages.slice(0, VISIBLE_LANGUAGE_NUMBER))}, +${languages.length - VISIBLE_LANGUAGE_NUMBER}` : stringifyArray(languages);
 }
-function getGameInfoItemValue(key, value, currency) {
+function getGameInfoItemValue(key, value, locale, currency) {
   let formattedValue = "";
   if (typeof value !== "string") {
     if (key === GameCharacteristic.Rtp) {
@@ -525,7 +525,7 @@ function getGameInfoItemValue(key, value, currency) {
       if (Array.isArray(currency)) {
         const [primary, ...secondaries] = currency || ["USD"];
         const primaryValue = formatNumber(value, { currency: primary });
-        formattedValue = secondaries.length ? `${primaryValue} (${secondaries.map((currency2) => getCurrencySymbol(currency2)).join(", ")})` : primaryValue;
+        formattedValue = secondaries.length ? `${primaryValue} (${secondaries.map((currency2) => getCurrencySymbol(currency2, locale)).join(", ")})` : primaryValue;
       } else {
         formattedValue = formatNumber(value, { currency });
       }
@@ -541,7 +541,7 @@ function getGameInfoItemValue(key, value, currency) {
     }
   }
   if (key === GameCharacteristic.ReleaseDate) {
-    formattedValue = formatDate({ value, options: { year: "numeric", month: "long" } });
+    formattedValue = formatDate({ value, locale, options: { year: "numeric", month: "long" } });
   }
   if (key === GameCharacteristic.Volatility) {
     formattedValue = stringifyVolatility(value);
@@ -552,9 +552,11 @@ function getGameInfoItemValue(key, value, currency) {
   return formattedValue;
 }
 const GameInfo = ({ info }) => {
-  const { metadata } = useSiteContext();
-  const { currency } = metadata;
   const { t: t2 } = useTranslation("gameInfo");
+  const { localization } = useSiteContext();
+  const { currentLocale } = usePageContext();
+  const locale = currentLocale.code;
+  const currency = localization.currency;
   return /* @__PURE__ */ jsx(
     Box,
     {
@@ -573,7 +575,7 @@ const GameInfo = ({ info }) => {
               return null;
             }
             const feature = itemKey;
-            const value = getGameInfoItemValue(feature, itemValue, currency);
+            const value = getGameInfoItemValue(feature, itemValue, locale, currency);
             return /* @__PURE__ */ jsx(GameInfoItem, { title: t2(`feature.${feature}`), value }, itemKey);
           })
         ] }, group)) })
@@ -611,14 +613,15 @@ const Brand$1 = ({ brand }) => {
 };
 const Copyright = () => {
   const { metadata } = useSiteContext();
-  const { name: siteName } = metadata;
   const { t: t2 } = useTranslation("footer");
-  return /* @__PURE__ */ jsx(Text, { as: "small", colorScheme: "gray", display: "flex", align: "center", justifyContent: "center", children: t2("copyright", { year: getCurrentYear(), siteName }) });
+  const siteName = metadata.name;
+  const lang = metadata.lang;
+  return /* @__PURE__ */ jsx(Text, { as: "small", colorScheme: "gray", display: "flex", align: "center", justifyContent: "center", children: t2("copyright", { year: getCurrentYear(lang), siteName }) });
 };
 const Disclaimer = () => {
   const { metadata } = useSiteContext();
-  const { name: siteName } = metadata;
   const { t: t2 } = useTranslation("footer");
+  const siteName = metadata.name;
   return /* @__PURE__ */ jsxs(Text, { as: "small", colorScheme: "gray", fontSize: "sm", children: [
     /* @__PURE__ */ jsx(Text, { as: "span", fontWeight: "bold", color: "red.600", children: t2("disclaimer.title") }),
     t2("disclaimer.description", { siteName })
@@ -639,29 +642,29 @@ const Navigation$1 = ({ menu }) => {
       spacing: 4,
       justifyItems: { base: "flex-start", md: "center" },
       justifyContent: "space-between",
-      children: menu.map(({ path, label }, index) => /* @__PURE__ */ jsx(Flex, { as: "li", children: /* @__PURE__ */ jsx(
+      children: menu.map(({ slug, label }, index) => /* @__PURE__ */ jsx(Flex, { as: "li", children: /* @__PURE__ */ jsx(
         Text,
         {
           as: Link,
-          to: path,
+          to: slug,
           fontSize: "md",
           fontWeight: "semibold",
           colorScheme: "gray",
           _hover: { textDecoration: "none", color: "brand.400" },
           children: label
-        },
-        path
+        }
       ) }, index))
     }
   );
 };
 const Footer = () => {
-  var _a, _b, _c;
-  const { configs } = useSiteContext();
-  const navigation = ((_a = configs == null ? void 0 : configs.footer) == null ? void 0 : _a.navigation) ?? [];
-  const extra = (_b = configs == null ? void 0 : configs.footer) == null ? void 0 : _b.extra;
-  const showDisclaimer = ((_c = configs == null ? void 0 : configs.footer) == null ? void 0 : _c.showDisclaimer) ?? true;
-  const hasNavigation = !!navigation.length;
+  var _a, _b;
+  const { navigation, config } = useSiteContext();
+  const { currentLocale } = usePageContext();
+  const menu = navigation.footer[currentLocale.code] ?? [];
+  const extra = (_a = config == null ? void 0 : config.footer) == null ? void 0 : _a.extra;
+  const showDisclaimer = ((_b = config == null ? void 0 : config.footer) == null ? void 0 : _b.showDisclaimer) ?? true;
+  const hasNavigation = !!menu.length;
   const hasExtra = !!extra;
   return /* @__PURE__ */ jsx(
     Box,
@@ -671,7 +674,7 @@ const Footer = () => {
       color: useColorModeValue("gray.700", "gray.200"),
       py: 4,
       children: /* @__PURE__ */ jsxs(Container, { children: [
-        hasNavigation && /* @__PURE__ */ jsx(Navigation$1, { menu: navigation }),
+        hasNavigation && /* @__PURE__ */ jsx(Navigation$1, { menu }),
         hasExtra && /* @__PURE__ */ jsx(Extra, { children: extra }),
         showDisclaimer && /* @__PURE__ */ jsx(Disclaimer, {}),
         /* @__PURE__ */ jsx(Brand$1, { brand: /* @__PURE__ */ jsx(Logo, {}) }),
@@ -683,13 +686,109 @@ const Footer = () => {
 const Brand = ({ brand }) => {
   return /* @__PURE__ */ jsx(Link, { to: "/", children: brand });
 };
-const NavLink = forwardRef(({ path, label }, ref) => {
+const FranceIcon = (props) => {
+  return /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: "1em", height: "1em", ...props, children: [
+    /* @__PURE__ */ jsx("mask", { id: "circleFlagsFr0", children: /* @__PURE__ */ jsx("circle", { cx: "256", cy: "256", r: "256", fill: "#fff" }) }),
+    /* @__PURE__ */ jsxs("g", { mask: "url(#circleFlagsFr0)", children: [
+      /* @__PURE__ */ jsx("path", { fill: "#eee", d: "M167 0h178l25.9 252.3L345 512H167l-29.8-253.4z" }),
+      /* @__PURE__ */ jsx("path", { fill: "#0052b4", d: "M0 0h167v512H0z" }),
+      /* @__PURE__ */ jsx("path", { fill: "#d80027", d: "M345 0h167v512H345z" })
+    ] })
+  ] });
+};
+const GermanyIcon = (props) => {
+  return /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: "1em", height: "1em", ...props, children: [
+    /* @__PURE__ */ jsx("mask", { id: "circleFlagsDe0", children: /* @__PURE__ */ jsx("circle", { cx: "256", cy: "256", r: "256", fill: "#fff" }) }),
+    /* @__PURE__ */ jsxs("g", { mask: "url(#circleFlagsDe0)", children: [
+      /* @__PURE__ */ jsx("path", { fill: "#ffda44", d: "m0 345l256.7-25.5L512 345v167H0z" }),
+      /* @__PURE__ */ jsx("path", { fill: "#d80027", d: "m0 167l255-23l257 23v178H0z" }),
+      /* @__PURE__ */ jsx("path", { fill: "#333", d: "M0 0h512v167H0z" })
+    ] })
+  ] });
+};
+const GlobeIcon = (props) => {
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 496", width: "1em", height: "1em", ...props, children: /* @__PURE__ */ 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 ItalyIcon = (props) => {
+  return /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: "1em", height: "1em", ...props, children: [
+    /* @__PURE__ */ jsx("mask", { id: "circleFlagsIt0", children: /* @__PURE__ */ jsx("circle", { cx: "256", cy: "256", r: "256", fill: "#fff" }) }),
+    /* @__PURE__ */ jsxs("g", { mask: "url(#circleFlagsIt0)", children: [
+      /* @__PURE__ */ jsx("path", { fill: "#eee", d: "M167 0h178l25.9 252.3L345 512H167l-29.8-253.4z" }),
+      /* @__PURE__ */ jsx("path", { fill: "#6da544", d: "M0 0h167v512H0z" }),
+      /* @__PURE__ */ jsx("path", { fill: "#d80027", d: "M345 0h167v512H345z" })
+    ] })
+  ] });
+};
+const RussiaIcon = (props) => {
+  return /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: "1em", height: "1em", ...props, children: [
+    /* @__PURE__ */ jsx("mask", { id: "circleFlagsRu0", children: /* @__PURE__ */ jsx("circle", { cx: "256", cy: "256", r: "256", fill: "#fff" }) }),
+    /* @__PURE__ */ jsxs("g", { mask: "url(#circleFlagsRu0)", children: [
+      /* @__PURE__ */ jsx("path", { fill: "#0052b4", d: "M512 170v172l-256 32L0 342V170l256-32z" }),
+      /* @__PURE__ */ jsx("path", { fill: "#eee", d: "M512 0v170H0V0Z" }),
+      /* @__PURE__ */ 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 = useMemo(
+    () => locales.map((locale) => ({ ...locale, icon: getMappedIcon(locale.code) })),
+    [locales]
+  );
+  return /* @__PURE__ */ jsxs(Menu, { placement: "bottom-end", children: [
+    /* @__PURE__ */ jsx(
+      MenuButton,
+      {
+        as: Button,
+        rightIcon: /* @__PURE__ */ jsx(ChevronDownIcon, {}),
+        w: { base: 20, md: "28" },
+        px: { base: 1, md: 4 },
+        size: { base: "sm", md: "lg" },
+        children: /* @__PURE__ */ jsxs(HStack, { children: [
+          /* @__PURE__ */ jsx(Icon, { as: localeIcon }),
+          /* @__PURE__ */ jsx("span", { children: localeCode.toUpperCase() })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(MenuList, { minW: "fit-content", children: localeMenuItems.map(({ code, name, icon }) => /* @__PURE__ */ jsx(MenuItem, { as: Link, to: `/${code}`, icon: /* @__PURE__ */ jsx(Icon, { as: icon, w: 4, h: 4 }), children: name }, code)) })
+  ] });
+};
+const NavLink = forwardRef(({ slug, label }, ref) => {
   return /* @__PURE__ */ jsx(
     Text,
     {
       ref,
       as: Link,
-      to: path,
+      to: slug,
       p: 2,
       fontWeight: "semibold",
       _hover: { textDecoration: "none", color: "brand.400" },
@@ -698,7 +797,7 @@ const NavLink = forwardRef(({ path, label }, ref) => {
   );
 });
 NavLink.displayName = "NavLink";
-const NavList$1 = ({ path, label, children }) => {
+const NavList$1 = ({ slug, label, children }) => {
   const background = useColorModeValue("white", "gray.800");
   const backgroundHover = useColorModeValue("brand.50", "gray.900");
   return /* @__PURE__ */ jsxs(Popover, { trigger: "hover", placement: "bottom-start", children: [
@@ -713,22 +812,37 @@ const NavList$1 = ({ path, label, children }) => {
         children: label
       }
     ) }),
-    /* @__PURE__ */ jsx(PopoverContent, { p: 2, border: 0, minW: "sm", rounded: "xl", boxShadow: "xl", bg: background, children: /* @__PURE__ */ jsx(List$1, { spacing: 2, p: 0, children: children == null ? void 0 : children.map((child, index) => /* @__PURE__ */ jsx(ListItem, { rounded: "md", _hover: { bg: backgroundHover }, children: /* @__PURE__ */ jsxs(Flex, { as: Link, to: `${path}${child.path}`, p: 2, role: "group", children: [
-      /* @__PURE__ */ jsx(Text, { fontWeight: 500, transition: "all .3s ease", _groupHover: { color: "brand.400" }, children: child.label }),
-      /* @__PURE__ */ jsx(
-        Flex,
-        {
-          flex: 1,
-          justify: "flex-end",
-          align: "center",
-          opacity: 0,
-          transition: "all .3s ease",
-          transform: "translateX(-10px)",
-          _groupHover: { opacity: 1, transform: "translateX(0)" },
-          children: /* @__PURE__ */ jsx(Icon, { as: ChevronRightIcon, color: "brand.400", w: 5, h: 5 })
-        }
-      )
-    ] }) }, index)) }) })
+    /* @__PURE__ */ jsx(
+      PopoverContent,
+      {
+        p: 2,
+        border: 0,
+        minW: "sm",
+        maxH: 300,
+        overflowY: "auto",
+        rounded: "xl",
+        boxShadow: "xl",
+        bg: background,
+        children: /* @__PURE__ */ jsx(List$1, { spacing: 2, p: 0, children: children == null ? void 0 : children.map((child, index) => {
+          return /* @__PURE__ */ jsx(ListItem, { rounded: "md", _hover: { bg: backgroundHover }, children: /* @__PURE__ */ jsxs(Flex, { as: Link, to: buildPath(child.slug, slug), p: 2, role: "group", children: [
+            /* @__PURE__ */ jsx(Text, { fontWeight: 500, transition: "all .3s ease", _groupHover: { color: "brand.400" }, children: child.label }),
+            /* @__PURE__ */ jsx(
+              Flex,
+              {
+                flex: 1,
+                justify: "flex-end",
+                align: "center",
+                opacity: 0,
+                transition: "all .3s ease",
+                transform: "translateX(-10px)",
+                _groupHover: { opacity: 1, transform: "translateX(0)" },
+                children: /* @__PURE__ */ jsx(Icon, { as: ChevronRightIcon, color: "brand.400", w: 5, h: 5 })
+              }
+            )
+          ] }) }, index);
+        }) })
+      }
+    )
   ] });
 };
 const DesktopNavigation = ({ menu }) => {
@@ -738,7 +852,7 @@ const DesktopNavigation = ({ menu }) => {
   }) });
 };
 const CHEVRON_DOWN_ICON_SIZE = "1.5rem";
-const NavList = ({ path, label, children, isExpanded, onExpand }) => {
+const NavList = ({ slug, label, children, isExpanded, onExpand }) => {
   return /* @__PURE__ */ jsxs(Stack, { flex: 1, children: [
     /* @__PURE__ */ jsxs(
       Flex,
@@ -764,7 +878,19 @@ const NavList = ({ path, label, children, isExpanded, onExpand }) => {
         ]
       }
     ),
-    /* @__PURE__ */ jsx(Collapse, { in: isExpanded, transition: { enter: { ease: "easeIn" }, exit: { duration: 0.2 } }, children: /* @__PURE__ */ jsx(List$1, { ml: 2, pl: 0, borderLeft: 1, borderStyle: "solid", borderColor: useColorModeValue("gray.200", "gray.700"), children: children == null ? void 0 : children.map((child, index) => /* @__PURE__ */ jsx(Flex, { as: "li", role: "listitem", children: /* @__PURE__ */ jsx(Text, { as: Link, to: `${path}${child.path}`, p: 2, fontSize: "sm", children: child.label }) }, index)) }) })
+    /* @__PURE__ */ jsx(Collapse, { in: isExpanded, transition: { enter: { ease: "easeIn" }, exit: { duration: 0.2 } }, children: /* @__PURE__ */ jsx(
+      List$1,
+      {
+        ml: 2,
+        pl: 0,
+        maxH: 300,
+        overflowY: "auto",
+        borderLeft: 1,
+        borderStyle: "solid",
+        borderColor: useColorModeValue("gray.200", "gray.700"),
+        children: children == null ? void 0 : children.map((child, index) => /* @__PURE__ */ jsx(Flex, { as: "li", role: "listitem", children: /* @__PURE__ */ jsx(Text, { as: Link, to: buildPath(child.slug, slug), p: 2, fontSize: "sm", children: child.label }) }, index))
+      }
+    ) })
   ] });
 };
 const CLOSE_ICON_SIZE = "0.75rem";
@@ -819,12 +945,15 @@ const Navigation = ({ menu }) => {
   ] });
 };
 const Header = () => {
-  var _a, _b;
-  const { configs } = useSiteContext();
-  const navigation = ((_a = configs == null ? void 0 : configs.header) == null ? void 0 : _a.navigation) ?? [];
-  const toolbar = (_b = configs == null ? void 0 : configs.header) == null ? void 0 : _b.toolbar;
-  const hasToolbar = !!toolbar;
-  const hasNavigation = !!navigation.length;
+  var _a;
+  const { navigation, localization, config } = useSiteContext();
+  const { currentLocale } = 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__ */ jsx(
     Box,
     {
@@ -847,8 +976,11 @@ const Header = () => {
             align: "center",
             gap: 2,
             children: [
-              hasNavigation && /* @__PURE__ */ jsx(Flex, { flex: { base: 0, md: 1 }, children: /* @__PURE__ */ jsx(Navigation, { menu: navigation }) }),
-              hasToolbar && /* @__PURE__ */ jsx(Flex, { gap: 2, flex: { base: 1, md: 0 }, justifyContent: "flex-end", children: toolbar })
+              hasNavigation && /* @__PURE__ */ jsx(Flex, { flex: { base: 0, md: 1 }, children: /* @__PURE__ */ jsx(Navigation, { menu }) }),
+              hasToolbar && /* @__PURE__ */ jsxs(Flex, { gap: 2, flex: { base: 1, md: 0 }, justifyContent: "flex-end", children: [
+                !!toolbar && toolbar,
+                isMultiLanguage && /* @__PURE__ */ jsx(LocaleSwitcher, { currentLocale, locales })
+              ] })
             ]
           }
         )
@@ -1027,19 +1159,21 @@ function replacePlaceholders(text, placeholders) {
   });
   return text;
 }
-const Seo = ({ children, siteMetadata, title, description, lang }) => {
-  const { name: siteName, lang: defaultLang, seo } = siteMetadata;
+const Seo = ({ children, title, description, lang }) => {
+  const { metadata } = useSiteContext();
+  const { name: siteName, lang: defaultLang, seo } = metadata;
   const { title: defaultTitle, description: defaultDescription } = seo;
+  const siteLang = lang || defaultLang;
   const placeholders = useMemo(
     () => ({
       siteName,
-      currentYear: getCurrentYear(),
-      currentMonth: getCurrentMonth()
+      currentYear: getCurrentYear(siteLang),
+      currentMonth: getCurrentMonth(siteLang)
     }),
-    [siteName]
+    [siteName, siteLang]
   );
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("html", { lang: lang ?? defaultLang }),
+    /* @__PURE__ */ jsx("html", { lang: siteLang }),
     /* @__PURE__ */ jsx("title", { children: title ? typeof title === "string" ? replacePlaceholders(title, placeholders) : title(placeholders) : defaultTitle }),
     /* @__PURE__ */ jsx(
       "meta",