feat: homepage

packages/website/src/components/Footer.astro

@@ -2,10 +2,12 @@
 import { assertSecret, fetchGameDefinitions } from '@blitzkit/core';
 import { Code, Flex, Heading, Link, Text } from '@radix-ui/themes';
 import packageJson from '../../../../package.json';
+import { getStrings } from '../core/i18n/getStrings';
 import { LinkI18n } from './LinkI18n';
 
 const gameDefinitions = await fetchGameDefinitions();
 const { locale } = Astro.params;
+const strings = getStrings(locale);
 ---
 
 <style>
@@ -15,7 +17,6 @@ const { locale } = Astro.params;
 </style>
 
 <Flex className="footer" gap="6" p="6" direction="column" align="center">
-  {locale}
   <Flex
     align="center"
     justify="between"
@@ -34,9 +35,9 @@ const { locale } = Astro.params;
       }}
     >
       <Heading>BlitzKit</Heading>
-      <Text color="gray">Everything World of Tanks Blitz</Text>
+      <Text color="gray">{strings.website.footer.motto}</Text>
       <Text size="1" color="gray">
-        Unaffiliated with Wargaming or any service
+        {strings.website.footer.copyright}
       </Text>
     </Flex>
 
@@ -63,7 +64,7 @@ const { locale } = Astro.params;
           sm: 'auto',
         }}
       >
-        <Heading size="3">About</Heading>
+        <Heading size="3">{strings.website.footer.about.title}</Heading>
         <Flex
           direction="column"
           align={{
@@ -71,25 +72,26 @@ const { locale } = Astro.params;
             sm: 'start',
           }}
         >
-          <LinkI18n {locale} href="/docs/about/credits" color="gray"
-            >Credits</LinkI18n
-          >
+          <LinkI18n {locale} href="/docs/about/credits" color="gray">
+            {strings.website.footer.about.credits}
+          </LinkI18n>
           <Link
             href="https://discord.gg/nDt7AjGJQH"
             target="_blank"
             color="gray"
           >
-            Discord
+            {strings.website.footer.about.discord}
           </Link>
           <Link
             href="https://github.com/tresabhi/blitzkit"
             target="_blank"
             color="gray"
           >
-            GitHub
+            {strings.website.footer.about.github}
           </Link>
-          <LinkI18n {locale} href="/docs/patches" color="gray">Patches</LinkI18n
-          >
+          <LinkI18n {locale} href="/docs/patches" color="gray">
+            {strings.website.footer.about.patches}
+          </LinkI18n>
         </Flex>
       </Flex>
 
@@ -105,13 +107,13 @@ const { locale } = Astro.params;
           sm: 'auto',
         }}
       >
-        <Heading size="3">Legal</Heading>
+        <Heading size="3">{strings.website.footer.legal.title}</Heading>
         <Flex direction="column">
           <LinkI18n {locale} href="/docs/legal/privacy-policy" color="gray">
-            Privacy policy
+            {strings.website.footer.legal.privacy}
           </LinkI18n>
           <LinkI18n {locale} href="/docs/legal/terms-of-service" color="gray">
-            Terms of service
+            {strings.website.footer.legal.terms}
           </LinkI18n>
         </Flex>
       </Flex>