import Link from "next/link";

import { buttonVariants } from "@/components/ui/button";
import { cn } from "@/lib/utils";

export default function NotFound() {
  return (
    <div className="flex min-h-[60vh] flex-col items-center justify-center text-center">
      <p className="text-sm font-medium text-accent-hover">404</p>
      <h1 className="mt-2 text-2xl font-semibold tracking-tight">
        Page not found
      </h1>
      <p className="mt-2 max-w-md text-sm text-muted-foreground">
        This page isn&apos;t on krypco — it may have moved, or never made it
        past the private layer.
      </p>
      <div className="mt-6 flex flex-wrap justify-center gap-3">
        <Link href="/" className={cn(buttonVariants())}>
          Home
        </Link>
        <Link
          href="/portal"
          className={cn(buttonVariants({ variant: "outline" }))}
        >
          Open portal
        </Link>
      </div>
    </div>
  );
}