diff --git a/src/pages/404.astro b/src/pages/404.astro
new file mode 100644
index 0000000..420e988
--- /dev/null
+++ b/src/pages/404.astro
@@ -0,0 +1,21 @@
+---
+import SectionContainer from '../components/SectionContainer.astro';
+import HeaderLink from '../components/HeaderLink.astro';
+---
+<SectionContainer>
+    <main class="flex flex-col flex-1 justify-center items-center gap-4">
+      <h1 class="text-3xl font-bold text-center">ooops! that's a 404 hehe...</h1>
+      <div class="profile"></div>
+    </main>
+</SectionContainer>
+
+<style>
+    .profile {
+        width: 12rem;
+        height: 18rem;
+        background: url("https://media1.tenor.com/m/vmSP8owuOYYAAAAd/huh-cat-huh-m4rtin.gif");
+        background-size: cover;
+        background-repeat: no-repeat;
+        border-radius: 5px;
+    }
+</style>