Blocked

import Icons from "@/components/shared/icons";
import { buttonVariants } from "@/components/ui/button";
import Link from "next/link";
import { cn } from "@/lib/utils";
import SupportButton from "@/components/shared/supportButton";
 
export default function Blocked() {
  return (
    <div className="grid h-screen place-content-center bg-background px-4">
      <div className="text-center">
        <Icons.blocked width={600} height={400} className="mx-auto" />
        <h1 className="mt-10 text-2xl font-bold tracking-tight text-foreground sm:text-4xl">
          Hm, Access Blocked
        </h1>
        <p className="mt-4 text-muted-foreground">Try again in 1 minute</p>
        <div className="flex flex-wrap gap-4 justify-center mt-10">
          <SupportButton />
          <Link
            href="/"
            className={cn(
              buttonVariants({
                variant: "default",
                size: "lg",
              }),
              "gap-2 font-semibold"
            )}
          >
            <Icons.home className="size-5" fill="currentColor" />
            Back To Home
          </Link>
        </div>
      </div>
    </div>
  );
}