From 9ad3fb220fe5c8610cd3d8ae58665ed431dcfb4a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Wed, 9 Oct 2024 19:03:46 -0500
Subject: [PATCH] feat: 404 page

---
 packages/website/src/pages/404.astro | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)
 create mode 100644 packages/website/src/pages/404.astro

diff --git a/packages/website/src/pages/404.astro b/packages/website/src/pages/404.astro
new file mode 100644
index 000000000..54585d1f8
--- /dev/null
+++ b/packages/website/src/pages/404.astro
@@ -0,0 +1,28 @@
+---
+import { DiscordLogoIcon, HomeIcon } from '@radix-ui/react-icons';
+import { Button, Flex, Heading, Link, Text } from '@radix-ui/themes';
+import { PageWrapper } from '../components/PageWrapper';
+import RootLayout from '../layouts/RootLayout.astro';
+---
+
+<RootLayout>
+  <PageWrapper>
+    <Flex direction="column" justify="center" align="center" flexGrow="1">
+      <Heading>404: page not found</Heading>
+      <Text color="gray">Where would you like to go?</Text>
+
+      <Flex mt="4" gap="2">
+        <Link href="/">
+          <Button>
+            <HomeIcon /> Home
+          </Button>
+        </Link>
+        <Link href="https://discord.gg/nDt7AjGJQH">
+          <Button variant="outline">
+            <DiscordLogoIcon /> Discord
+          </Button>
+        </Link>
+      </Flex>
+    </Flex>
+  </PageWrapper>
+</RootLayout>