Webserver/app/not-found.tsx

import Link from 'next/link';

export default function NotFound() {
    return (
        <div className="page-frame flex min-h-[60vh] flex-col items-center justify-center px-6 text-center">
            <h1 className="mb-4 text-6xl font-medium text-ink">404</h1>
            <p className="mb-8 text-lg text-muted">
                This page doesn&apos;t exist.
            </p>
            <Link
                href="/"
                className="text-sm font-medium text-ink underline decoration-line-strong underline-offset-4 transition-colors hover:text-accent hover:decoration-accent"
            >
                &larr; Back to home
            </Link>
        </div>
    );
}