diff options
| author | Andrew Lee <alee14498@protonmail.com> | 2023-12-09 16:06:27 -0500 |
|---|---|---|
| committer | Andrew Lee <alee14498@protonmail.com> | 2023-12-09 16:06:27 -0500 |
| commit | fe5243412d918b1ff843d8986f514f732548c6ee (patch) | |
| tree | 5c058bd485b2fdd40fae1cfa3ab59e717d7bc799 /app/not-found.js | |
| parent | b8f3dc794ee4c98c1eb1e632a436660e68fe9db8 (diff) | |
| download | alure-website-fe5243412d918b1ff843d8986f514f732548c6ee.tar.gz alure-website-fe5243412d918b1ff843d8986f514f732548c6ee.tar.bz2 alure-website-fe5243412d918b1ff843d8986f514f732548c6ee.zip | |
New 404 page
Diffstat (limited to 'app/not-found.js')
| -rw-r--r-- | app/not-found.js | 11 |
1 files changed, 7 insertions, 4 deletions
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> ) } |