/* The 404 Section Displays the 404 page. */
import LoaderGIF from "@/public/images/loader.gif";
import Image from "next/image";
import React from "react";

const LoaderSection: React.FC = () => {

  return (
    // main wrapper of 404 section
    <>
      <div className={`min-h-[80vh] h-auto w-full flex flex-col justify-center items-center gap-[20px] md:gap-[40px]`}>
        <div className={``}>
          <Image src={LoaderGIF} alt="loader-gif" className={`w-fill !h-full object-contain`} width={150} height={150} />
        </div>
        <h5 className={`!mb-0 text-center`}>Loading...</h5>
      </div>
    </>
  );

};

export default LoaderSection;