import { XCircle } from "lucide-react";
import { Button } from "@/components/ui/button";
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
import Link from "next/link";

const FailPage = () => {
  return (
    <div className="flex justify-center items-center min-h-[calc(100vh-25rem)]">
      <Card className="w-full max-w-md shadow-lg">
        <CardHeader className="text-center">
          <XCircle className="mx-auto text-red-500" size={48} />
          <CardTitle className="text-2xl font-bold mt-4">
            Bestellung Fehlgeschlagen
          </CardTitle>
        </CardHeader>
        <CardContent className="text-center">
          <p className="text-gray-600">
            Ihre Bestellung ist Fehlgeschlagen. Wenn Sie Fragen haben oder es
            sich anders überlegen, können Sie uns gerne kontaktieren.
          </p>
          <Button asChild className="mt-4">
            <Link href={"/"}>Zur Startseite</Link>
          </Button>
        </CardContent>
      </Card>
    </div>
  );
};

export default FailPage;