import { Link } from "wouter";
import { Button } from "@/components/ui/button";
import Header from "@/components/header";

export default function NotFound() {
  return (
    <div className="min-h-screen bg-background">
      <Header />
      <div className="flex flex-col items-center justify-center py-32 px-4">
        <h1 className="text-6xl font-bold text-primary mb-4" data-testid="text-404">404</h1>
        <p className="text-xl text-foreground mb-2">Seite nicht gefunden</p>
        <p className="text-muted-foreground mb-8 text-center max-w-md">
          Die gesuchte Seite existiert nicht oder wurde verschoben.
        </p>
        <Link href="/">
          <Button data-testid="button-back-home">Zur Startseite</Button>
        </Link>
      </div>
    </div>
  );
}