import Empty from '@/components/ui/empty'
import Image from 'next/image'
import Link from 'next/link'

export default async function NotFound() {
  return (
    <div className="flex h-full min-h-screen w-full items-center justify-center">
      <div className="flex flex-col items-center gap-4">
        <Link href="/">
          <div className="relative mx-auto h-[88px] w-[221px]">
            <Image
              src="/icons/login-logo.svg"
              alt="Anime character"
              fill
              className="object-contain"
              priority
            />
          </div>
        </Link>
        <Empty title="Oops, there’s nothing here…" />
      </div>
    </div>
  )
}
