import Link from "next/link";
import type { Metadata } from "next";
import { Button } from "@/components/ui/button";
import { Card, CardContent } from "@/components/ui/card";
import { BrandMark } from "@/components/layout/BrandMark";

export const metadata: Metadata = { title: "Not found" };

export default function NotFound() {
  return (
    <div className="flex min-h-dvh items-center justify-center p-4">
      <Card className="bp-glass w-full max-w-sm">
        <CardContent className="flex flex-col items-center gap-4 py-4 text-center">
          <BrandMark size={32} />
          <div className="space-y-1">
            <p className="bp-readout bp-gradient-text text-4xl font-semibold">404</p>
            <p className="text-sm text-muted-foreground">This page doesn&apos;t exist.</p>
          </div>
          <Button asChild size="sm">
            <Link href="/">Back to dashboard</Link>
          </Button>
        </CardContent>
      </Card>
    </div>
  );
}