diff --git a/src/pages/404.astro b/src/pages/404.astro
deleted file mode 100644
index 420e988..0000000
--- a/src/pages/404.astro
+++ /dev/null
@@ -1,21 +0,0 @@
----
-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>
diff --git a/src/pages/404.md b/src/pages/404.md
new file mode 100644
index 0000000..50c95e6
--- /dev/null
+++ b/src/pages/404.md
@@ -0,0 +1,7 @@
+---
+title: "404"
+description: "ooops! that's a 404 hehe..."
+layout: "../layouts/Layout.astro"
+---
+
+![https://media1.tenor.com/m/vmSP8owuOYYAAAAd/huh-cat-huh-m4rtin.gif](https://media1.tenor.com/m/vmSP8owuOYYAAAAd/huh-cat-huh-m4rtin.gif)
\ No newline at end of file