diff --git a/src/pages/404.tsx b/src/pages/404.tsx
index e7263d7..25f065f 100644
--- a/src/pages/404.tsx
+++ b/src/pages/404.tsx
@@ -1,3 +1,14 @@
-# Not Found
+import Header from '@/components/Header';
+import Footer from '@/components/Footer';
 
-The requested page was not found on this site.
+const _404 = () => (
+  <div className="bg-white">
+    <Header text="Not Found" />
+    <h2 className="px-8 lg:px-16 xl:px-32 pb-12 text-5xl font-bold text-center">
+      The requested page was not found on this site.
+    </h2>
+    <Footer royalBg={false} />
+  </div>
+);
+
+export default _404;
diff --git a/src/pages/about.tsx b/src/pages/about/index.tsx
similarity index 100%
rename from src/pages/about.tsx
rename to src/pages/about/index.tsx