feat: footer lang

packages/i18n/strings/en.json

@@ -824,7 +824,8 @@
       "other_projects": {
         "title": "Other cool projects"
       },
-      "help_translate": "Please help translate %s1 to %s2!"
+      "help_translate": "Please help translate %s1 to %s2!",
+      "seo_description": "Tools for everything World of Tanks Blitz"
     },
 
     "tools": {

packages/website/src/components/Footer.astro

@@ -1,12 +1,14 @@
 ---
 import { assertSecret, fetchGameDefinitions } from '@blitzkit/core';
-import { Code, Flex, Heading, Link, Text } from '@radix-ui/themes';
+import { DEFAULT_LOCALE } from '@blitzkit/i18n';
+import { Box, Code, Flex, Heading, Link, Text } from '@radix-ui/themes';
 import packageJson from '../../../../package.json';
 import { getStrings } from '../core/i18n/getStrings';
+import { LocaleSwitcherThemeWrapper } from './LocaleSwitcher';
 
 const gameDefinitions = await fetchGameDefinitions();
 const PUBLIC_ASSET_BRANCH = assertSecret(import.meta.env.PUBLIC_ASSET_BRANCH);
-const { locale } = Astro.params;
+const locale = Astro.params.locale ?? DEFAULT_LOCALE;
 const strings = getStrings(locale);
 ---
 
@@ -39,6 +41,10 @@ const strings = getStrings(locale);
       <Text size="1" color="gray">
         {strings.website.footer.copyright}
       </Text>
+
+      <Box mt="2">
+        <LocaleSwitcherThemeWrapper {locale} client:load />
+      </Box>
     </Flex>
 
     <Flex

packages/website/src/components/LocaleSwitcher.tsx

@@ -7,6 +7,15 @@ import {
 } from '@blitzkit/i18n';
 import { Select } from '@radix-ui/themes';
 import type { LocaleAcceptorProps } from '../hooks/useLocale';
+import { BlitzKitTheme } from './BlitzKitTheme';
+
+export function LocaleSwitcherThemeWrapper({ locale }: LocaleAcceptorProps) {
+  return (
+    <BlitzKitTheme style={{ background: 'transparent' }}>
+      <LocaleSwitcher locale={locale} />
+    </BlitzKitTheme>
+  );
+}
 
 export function LocaleSwitcher({ locale }: LocaleAcceptorProps) {
   return (
@@ -14,7 +23,19 @@ export function LocaleSwitcher({ locale }: LocaleAcceptorProps) {
       defaultValue={locale}
       onValueChange={(locale) => {
         localStorage.setItem('preferred-locale', locale);
-        window.location.pathname = `/${locale === DEFAULT_LOCALE ? '' : locale}`;
+
+        let rawPath = window.location.pathname;
+
+        for (const supportedLocale of SUPPORTED_LOCALES) {
+          if (window.location.pathname.startsWith(`/${supportedLocale}`)) {
+            rawPath = rawPath.replace(`/${supportedLocale}`, '');
+            break;
+          }
+        }
+
+        window.location.pathname = `${
+          locale === DEFAULT_LOCALE ? '' : `/${locale}`
+        }${rawPath}`;
       }}
     >
       <Select.Trigger />

packages/website/src/layouts/BaseLayout.astro

@@ -6,7 +6,7 @@ import Footer from '../components/Footer.astro';
 import Navbar from '../components/Navbar.astro';
 import Party3 from '../components/Party3.astro';
 import './base.css';
-import { DEFAULT_LOCALE } from '@blitzkit/i18n';
+import { DEFAULT_LOCALE, SUPPORTED_LOCALES } from '@blitzkit/i18n';
 
 export interface Props {
   noFooter?: boolean;
@@ -14,23 +14,10 @@ export interface Props {
 
 const { noFooter } = Astro.props;
 const locale = Astro.params.locale ?? DEFAULT_LOCALE;
-const { pathname } = Astro.url;
-const isRoot = pathname === '/';
 ---
 
 <html lang={locale}>
   <head>
-    {
-      isRoot && (
-        <>
-          <title>BlitzKit</title>
-          <meta
-            name="description"
-            content="🎉 Tools for everything World of Tanks Blitz"
-          />
-        </>
-      )
-    }
     <meta property="og:site_name" content="BlitzKit" />
     <meta charset="UTF-8" />
     <link rel="icon" type="image/x-icon" href="/favicon.png" />
@@ -41,7 +28,7 @@ const isRoot = pathname === '/';
 
     <script>
       import { SUPPORTED_LOCALES } from '@blitzkit/i18n';
-      import { getBestLocale } from '../core/i18n/getBestLocale';
+import { getBestLocale } from '../core/i18n/getBestLocale';
 
       const isI18nPath = SUPPORTED_LOCALES.some((locale) =>
         window.location.pathname.startsWith(`/${locale}`),

packages/website/src/pages/[...locale]/index.astro

@@ -39,6 +39,9 @@ export const getStaticPaths = (() => {
 }) satisfies GetStaticPaths;
 ---
 
+<title>BlitzKit</title>
+<meta name="description" content={strings.website.home.seo_description} />
+
 <BaseLayout>
   <HomeHero />