From 82db701ee1ae5502c17ba8a1ae98ac35f8421d3d Mon Sep 17 00:00:00 2001
From: "Chiayi (Aiden) Wu" <aiw005@ucsd.edu>
Date: Mon, 6 Jan 2025 14:05:37 -0800
Subject: [PATCH] add 404

---
 src/pages/404.astro | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

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>