import Link from "next/link";

import { Button } from "@/components/ui/button";
import { Logo } from "@/components/brand/logo";

export default function NotFound() {
  return (
    <div className="flex min-h-screen flex-col items-center justify-center gap-5 bg-brand-navy p-6 text-center">
      <Logo variant="light" className="text-2xl" />
      <div className="space-y-1">
        <p className="font-heading text-6xl font-bold text-white">404</p>
        <p className="font-heading text-lg font-medium text-white">
          Page not found
        </p>
        <p className="max-w-sm text-sm text-white/70">
          The page you’re looking for doesn’t exist or may have been moved.
        </p>
      </div>
      <div className="flex gap-2">
        <Button asChild>
          <Link href="/dashboard">Go to dashboard</Link>
        </Button>
        <Button variant="outline" asChild className="border-white/30 bg-transparent text-white hover:bg-white/10 hover:text-white">
          <Link href="/login">Sign in</Link>
        </Button>
      </div>
    </div>
  );
}