RESTfulMC/Frontend/src/app/not-found.tsx
Rainnny7 c9f15011af
All checks were successful
Deploy Frontend / docker (17, 3.8.5) (push) Successful in 1m13s
Make the 404 page responsive
2024-04-17 19:16:49 -04:00

33 lines
826 B
TypeScript

import Creeper from "@/components/creeper";
import { minecrafter } from "@/font/fonts";
import { cn } from "@/lib/utils";
import { ReactElement } from "react";
/**
* The 404 page.
*
* @returns the page jsx
*/
const NotFoundPage = (): ReactElement => (
<main className="h-[84vh] flex flex-col gap-3 justify-center items-center text-center pointer-events-none">
{/* Creeper */}
<Creeper />
{/* Header */}
<h1
className={cn(
"text-5xl sm:text-6xl text-minecraft-green-3",
minecrafter.className
)}
>
We&apos;re Sssssorry
</h1>
{/* Error */}
<h2 className="text-2xl">
The page you were looking for could not be found.
</h2>
</main>
);
export default NotFoundPage;