components/shared/loading.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

import Image from "next/image";

export default function Loading() {
  return (
    <>
      <div className="flex flex-col gap-5 items-center justify-center w-full z-[800]">
        {/* <Image
          src="/wait-animation.gif"
          width="0"
          height="0"
          className="w-[30%] h-[30%]"
        /> */}
        <div className="flex flex-col items-center font-karla gap-2">
          <p>Please Wait...</p>
          <div className="loader"></div>
        </div>
      </div>
    </>
  );
}