diff --git a/src/pages/404.astro b/src/pages/404.astro
index 58de44d..7145242 100644
--- a/src/pages/404.astro
+++ b/src/pages/404.astro
@@ -1,7 +1,22 @@
 ---
 import Layout from "../layouts/Layout.astro";
+import Link from "next/link";
 ---
 
 <Layout>
-    <div>404 ERROR</div>
+
+    <div class = "w-fit h-screen flex flex-col items-center relative">
+
+        <img src = "/404.png" alt = "404 shing" class = "mr-[11%]">
+        <div class = "flex flex-col items-center absolute bottom-[27%]">
+            <p class = "font-extralight text-[1.2vw]">
+                Oops! You're Lost in the Circuit! 🔌⚡
+            </p>
+            <Link href = "/" className = "border-white/80 border-[0.12vw] rounded-[0.7vw] px-[8.5vw] py-[3%] font-extralight text-[1.2vw] mt-[3%] hover:text-ieee-yellow hover:border-ieee-yellow duration-300">
+                Go Back Home
+            </Link>
+        </div>
+        
+    </div>
+
 </Layout>