feat: optimize legacy redirect pages

packages/website/src/layouts/LegacyRedirect.astro

@@ -1,9 +1,5 @@
 ---
-import { DiscordLogoIcon, PaperPlaneIcon } from '@radix-ui/react-icons';
-import { Button, Flex, Heading, Link, Text } from '@radix-ui/themes';
-import { PageWrapper } from '../components/PageWrapper';
 import { getStrings } from '../core/i18n/getStrings';
-import BaseLayout from '../layouts/BaseLayout.astro';
 
 export interface Props {
   path: string;
@@ -16,30 +12,29 @@ const strings = getStrings(locale);
 const resolvedPath = `/${locale === undefined ? '' : `${locale}/`}${path}`;
 ---
 
-<BaseLayout>
+<html>
-  <link
+  <head>
-    slot="head"
+    <meta charset="utf-8" />
-    rel="canonical"
+    <link rel="canonical" href={`${Astro.url.origin}${resolvedPath}`} />
-    href={`${Astro.url.origin}${resolvedPath}`}
+    <meta http-equiv="refresh" content={`0; url=${resolvedPath}`} />
-  />
+  </head>
-  <meta slot="head" http-equiv="refresh" content={`0; url=${resolvedPath}`} />
 
-  <PageWrapper align="center" justify="center" gap="0">
+  <body>
-    <Heading>{strings.website.redirect.title}</Heading>
+    <div
-    <Text color="gray">{strings.website.redirect.body}</Text>
+      style={{
-
+        display: 'flex',
-    <Flex mt="4" gap="2">
+        flexDirection: 'column',
-      <Link href={resolvedPath}>
+        alignItems: 'center',
-        <Button>
+        justifyContent: 'center',
-          <PaperPlaneIcon /> Redirect
+        width: '100vw',
-        </Button>
+        height: '100vh',
-      </Link>
+        backgroundColor: 'black',
-
+        color: 'white',
-      <Link href="https://discord.gg/nDt7AjGJQH">
+        fontFamily: 'sans-serif',
-        <Button variant="outline">
+      }}
-          <DiscordLogoIcon /> Discord
+    >
-        </Button>
+      <h2>{strings.website.redirect.title}</h2>
-      </Link>
+      <span>{strings.website.redirect.body}</span>
-    </Flex>
+    </div>
-  </PageWrapper>
+  </body>
-</BaseLayout>
+</html>