loader

src/app/Loading.jsx

@@ -2,9 +2,10 @@
 
 import Image from "next/image";
 import { useState, useEffect } from "react";
-import gdg_logo from "../../public/assets/logo_gdg.png";
 
 export default function LoadingScreen() {
+  const publicPath = process.env.NEXT_PUBLIC_PUBLIC_PATH ;
+
   const [loading, setLoading] = useState(true);
 
   useEffect(() => {
@@ -23,7 +24,7 @@ export default function LoadingScreen() {
     <div className="fixed inset-0 flex items-center justify-center bg-white z-50">
       <div className="animate-spin">
         <Image
-          src={gdg_logo}
+          src={publicPath+"assets/logo_gdg.png"}
           alt="GDG Logo"
           width={50}
           height={25}