diff --git a/public/video/boat-goes-binted.mp4 b/public/video/boat-goes-binted.mp4
new file mode 100644
index 0000000..ecaa3fc
Binary files /dev/null and b/public/video/boat-goes-binted.mp4 differ
diff --git a/src/img/assets/doggo-thumbs-up.gif b/src/img/assets/doggo-thumbs-up.gif
new file mode 100644
index 0000000..741f43f
Binary files /dev/null and b/src/img/assets/doggo-thumbs-up.gif differ
diff --git a/src/img/assets/gawr-gura-roomba.gif b/src/img/assets/gawr-gura-roomba.gif
new file mode 100644
index 0000000..6dbc081
Binary files /dev/null and b/src/img/assets/gawr-gura-roomba.gif differ
diff --git a/src/pages/404.astro b/src/pages/404.astro
new file mode 100644
index 0000000..49cdc03
--- /dev/null
+++ b/src/pages/404.astro
@@ -0,0 +1,16 @@
+---
+export const prerender = true
+
+import BaseLayout from '../layouts/base.astro'
+---
+
+<BaseLayout>
+  <div class='flex flex-1 flex-col bg-soc-green-dark py-6'>
+    <div class='text-md` text-center'>
+      <a class='text-blue-500 underline' href='https://twitter.com/i/status/1890946922908721317'>Boat Goes Binted</a>
+    </div>
+    <video class='mt-4' controls autoplay style={{ height: '350px', width: 'auto' }}>
+      <source src='/public/video/boat-goes-binted.mp4' type='video/mp4' />
+    </video>
+  </div>
+</BaseLayout>
diff --git a/src/pages/500.astro b/src/pages/500.astro
new file mode 100644
index 0000000..1075646
--- /dev/null
+++ b/src/pages/500.astro
@@ -0,0 +1,15 @@
+---
+export const prerender = true
+import { Image } from 'astro:assets'
+
+import BaseLayout from '../layouts/base.astro'
+
+import GuraGif from '../img/assets/doggo-thumbs-up.gif'
+---
+
+<BaseLayout>
+  <div class='flex flex-1 flex-col bg-soc-green-dark py-6'>
+    <div class='text-md` text-center'>Something went wrong.... yubi yubi</div>
+    <Image src={GuraGif} alt='Gawr Gura roomba' class='size-80 mx-auto mt-4' />
+  </div>
+</BaseLayout>
diff --git a/src/pages/maintenance.astro b/src/pages/maintenance.astro
new file mode 100644
index 0000000..d75ceab
--- /dev/null
+++ b/src/pages/maintenance.astro
@@ -0,0 +1,20 @@
+---
+export const prerender = true
+import { Image } from 'astro:assets'
+
+import BaseLayout from '../layouts/base.astro'
+
+import GuraGif from '../img/assets/doggo-thumbs-up.gif'
+import discord from 'img/socials/discord.png'
+---
+
+<BaseLayout>
+  <div class='flex flex-1 flex-col bg-soc-green-dark py-6'>
+    <div class='text-md` text-center'>
+      We got our best dogs improving the site. Join <a class='text-blue-600 underline' href='https://discord.gg/x23SFbE'
+        >our Discord Server</a
+      > for updates
+    </div>
+    <Image src={GuraGif} alt='Gawr Gura roomba' class='size-80 mx-auto mt-4' />
+  </div>
+</BaseLayout>
diff --git a/tailwind.config.mjs b/tailwind.config.mjs
index 9975c3e..2e94f2b 100644
--- a/tailwind.config.mjs
+++ b/tailwind.config.mjs
@@ -12,6 +12,7 @@ export default {
         gray: '#3f3f3f',
         'gray-hover': '#4f4f4f',
         'soc-green': '#4b7667',
+        'soc-green-dark': 'rgba(17, 17, 17, 0.7)',
         'hover-link': '#00d4ff'
       }
     }