29 lines
923 B
TypeScript
29 lines
923 B
TypeScript
import { Link } from 'react-router';
|
|
import { HomeLayout } from 'fumadocs-ui/layouts/home';
|
|
|
|
export function NotFound() {
|
|
return (
|
|
<HomeLayout
|
|
nav={{
|
|
title: 'ClassroomIO'
|
|
}}
|
|
className="justify-center py-32 text-center"
|
|
>
|
|
<div className="flex flex-col items-center gap-4">
|
|
<h1 className="text-fd-muted-foreground text-6xl font-bold">404</h1>
|
|
<h2 className="text-2xl font-semibold">Page Not Found</h2>
|
|
<p className="text-fd-muted-foreground max-w-md">
|
|
The page you are looking for might have been removed, had its name changed, or is
|
|
temporarily unavailable.
|
|
</p>
|
|
<Link
|
|
to="/home"
|
|
className="bg-fd-primary text-fd-primary-foreground mt-4 rounded-lg px-4 py-2 text-sm font-medium transition-opacity hover:opacity-90"
|
|
>
|
|
Back to Home
|
|
</Link>
|
|
</div>
|
|
</HomeLayout>
|
|
);
|
|
}
|