import { toAbsoluteUrl } from '@/lib/helpers';



export default function Custom404() {

  return (
    <>
      <div className="flex flex-col items-center gap-10 justify-center fixed inset-0 z-50 transition-opacity duration-700 ease-in-out">
        <h1 className="text-2xl font-bold text-muted-foreground text-center">Page Not Found</h1>
        <img
          className="dark:hidden h-[30%] max-w-none"
          src={toAbsoluteUrl('/media/illustrations/19.svg')}
          alt="404-Not-Found"
        />
           <img
          className="light:hidden h-[30%] max-w-none"
          src={toAbsoluteUrl('/media/illustrations/19-dark.svg')}
          alt="404-Not-Found"
        />
      </div>
    </>
  )
}