import Container from "@/components/ui/Container";
import Button from "@/components/ui/Button";

export default function NotFound() {
  return (
    <section className="flex min-h-[60vh] items-center py-20">
      <Container className="text-center">
        <p className="text-6xl font-bold text-primary-500">404</p>
        <h1 className="mt-4 text-2xl font-bold text-neutral-900">
          Diese Seite gibt es leider nicht
        </h1>
        <p className="mt-4 text-neutral-600">
          Die angeforderte Seite konnte nicht gefunden werden. Vielleicht hilft Ihnen die Startseite weiter.
        </p>
        <Button href="/" variant="primary" size="md" className="mt-8">
          Zur Startseite
        </Button>
      </Container>
    </section>
  );
}
