diff --git a/site/src/pages/404.md b/site/src/pages/404.md
deleted file mode 100644
index b443a0ef..00000000
--- a/site/src/pages/404.md
+++ /dev/null
@@ -1,3 +0,0 @@
-# Not Found
-
-Sorry, the page you are looking for does not exist. Please check the URL and try again.
diff --git a/site/src/pages/404/404.md b/site/src/pages/404/404.md
new file mode 100644
index 00000000..d14270da
--- /dev/null
+++ b/site/src/pages/404/404.md
@@ -0,0 +1,3 @@
+# Not Found
+
+Sorry, the page you are looking for does not exist.
\ No newline at end of file
diff --git a/site/src/pages/404/index.astro b/site/src/pages/404/index.astro
new file mode 100644
index 00000000..ec7d61f7
--- /dev/null
+++ b/site/src/pages/404/index.astro
@@ -0,0 +1,67 @@
+---
+import type { CollectionEntry } from "astro:content";
+import BaseHead from "../../components/BaseHead.astro";
+import Header from "../../components/Header.astro";
+import Footer from "../../components/Footer.astro";
+import "../../styles/katex.min.css";
+import { Content } from "./404.md";
+
+type Props = CollectionEntry<"logseq">["data"];
+const { description, blogtitle } = Astro.props;
+---
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+