Move site to subpath

Author: Nalin-Angrish

next.config.mjs

@@ -1,10 +1,10 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
-    images: {
-      domains: ['utfs.io',"example.com","images.unsplash.com"],
-    },
-    // basePath: process.env.NODE_ENV == "production" ? "/bost" : "/"
-  };
-  
-  export default nextConfig;
-  
+  images: {
+    domains: ['utfs.io',"iitrpr.ac.in", 'i.imgur.com',"images.unsplash.com"],
+  },
+  // basePath: process.env.NODE_ENV == "production" ? "/bost" : "/",
+  basePath: '/bost',
+};
+
+export default nextConfig;

package-lock.json

@@ -1,3 +1,6 @@
+import Image from 'next/image';
+import globeImg from '@/../public/home/Globe.svg'
+
 
 export default function Hero() {
   return (
@@ -7,7 +10,7 @@ export default function Hero() {
         <p className="roboto-light text-xl lg:text-3xl LandingHeroSubtitle">Innovative thinking that turns ideas into reality.<br/>We make it happen.</p>
       </div>
       <div className="w-full lg:w-1/3  h-1/2 lg:h-full flex justify-center LandingHeroImage items-center">
-        <img src="./home/Globe.svg" className="object-cover Globe h-3/5 " />{" "}
+        <Image src={globeImg} className="object-contain Globe h-3/5 " fill={false} />{" "}
       </div>
     </section>
   );

src/components/Home/Hero.jsx

@@ -10,6 +10,7 @@ import { usePathname, useRouter } from "next/navigation";
 import { useRef } from "react";
 import gsap from "gsap";
 import { useGSAP } from "@gsap/react";
+import logoImage from '@/../public/Logo.png';
 gsap.registerPlugin(useGSAP);
 
 export default function Navbar({ session }) {
@@ -84,7 +85,7 @@ export default function Navbar({ session }) {
         </SheetContent>
       </Sheet>
       <Link className="mr-6 Logo hidden lg:flex" href="/">
-        <img src="/Logo.png" className=" h-[60px]"></img>
+        <Image src={logoImage} height={60} width={60} alt="BoST" />
       </Link>
       <nav className="ml-auto hidden hamburger  lg:flex gap-6">
         {session ? (