revamp template

src/components/loaders/ScreenLoader.tsx

@@ -0,0 +1,16 @@
+import { toAbsoluteUrl } from '@/utils';
+
+const ScreenLoader = () => {
+  return (
+    <div className="flex flex-col items-center gap-2 justify-center fixed inset-0 z-50 bg-light transition-opacity duration-700 ease-in-out">
+      <img
+        className="h-[30px] max-w-none"
+        src={toAbsoluteUrl('/media/app/mini-logo.svg')}
+        alt="logo"
+      />
+      <div className="text-gray-500 font-medium text-sm">Loading...</div>
+    </div>
+  );
+};
+
+export { ScreenLoader };