import Link from "next/link";
import { BrandLogo } from "@/components/brand/brand-logo";

export default function NotFound() {
  return (
    <main className="flex min-h-screen items-center justify-center bg-background px-4">
      <section className="w-full max-w-lg rounded-lg border border-border bg-surface p-8 text-center shadow-soft">
        <div className="flex justify-center">
          <BrandLogo />
        </div>
        <h1 className="mt-8 text-3xl font-semibold">Seite nicht gefunden</h1>
        <p className="mt-3 text-text-light">Die angeforderte Seite ist nicht vorhanden oder wurde verschoben.</p>
        <Link href="/dashboard" className="btn btn-primary mt-6">Zum Dashboard</Link>
      </section>
    </main>
  );
}
