From fe5243412d918b1ff843d8986f514f732548c6ee Mon Sep 17 00:00:00 2001
From: Andrew Lee <alee14498@protonmail.com>
Date: Sat, 9 Dec 2023 16:06:27 -0500
Subject: New 404 page

---
 app/not-found.js | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

(limited to 'app')

diff --git a/app/not-found.js b/app/not-found.js
index 4046e54..9a39bf8 100644
--- a/app/not-found.js
+++ b/app/not-found.js
@@ -2,10 +2,13 @@ import Link from "next/link";
 
 export default function NotFound() {
     return (
-        <main className="flex flex-col justify-center context-center text-center p-2">
-            <h1 className="text-2xl font-bold">404</h1>
-            <h1 className="text-2xl font-bold">The page you are looking for does not exist.</h1>
-            <Link href='/'><p className="text-cyan-600 hover:text-cyan-500">Head back to the homepage</p></Link>
+        <main className="flex flex-col text-center">
+            <div className="bg-center bg-no-repeat bg-[url('/jumbotron.webp')] bg-gray-700 bg-blend-multiply">
+                <div className="mx-auto max-w-screen-xl h-screen pt-40 space-y-5">
+                    <h1 className="text-7xl font-medium">404</h1>
+                    <h1 className="text-4xl font-light">The page you are looking for does not exist.</h1>
+                </div>
+            </div>
         </main>
     )
 }
-- 
cgit v1.2.3