fix: typo in path navbar, and image blury in modal

components/landing-page/hero-new.tsx

@@ -173,7 +173,7 @@ const HeroModal = ({
                 >
                   ✕
                 </button>
-                <Image
+                {/* <Image
                   priority={true}
                   src={list?.smallThumbnailLink}
                   alt="gambar-utama"
@@ -183,6 +183,15 @@ const HeroModal = ({
                     shimmer(700, 475)
                   )}`}
                   className="w-full h-[310px] lg:h-[420px] rounded-lg object-cover"
+                /> */}
+                <ImageBlurry
+                  src={list?.smallThumbnailLink}
+                  alt="gambar-utama"
+                  style={{
+                    objectFit: "contain",
+                    width: "100%",
+                    height: "100%",
+                  }}
                 />
                 <div className="absolute bottom-0 left-0 right-0 bg-black/30 backdrop-brightness-50 text-white pb-4 px-4 pt-8 rounded-bl-2xl rounded-tr-2xl mx-3 mb-2">
                   <div className="absolute top-0 left-0 bottom-0 w-2 bg-[#bb3523] rounded-bl-lg"></div>

components/landing-page/navbar.tsx

@@ -251,7 +251,7 @@ const Navbar = () => {
 
                 <PopoverContent className="flex flex-col gap-2 w-fit px-6 py-4 rounded-md shadow-md bg-white dark:bg-black">
                   <Link
-                    href={prefixPath + "image/filter"}
+                    href={prefixPath + "/image/filter"}
                     // onClick={() => router.push(prefixPath + "/image/filter")}
                     className="flex items-center text-slate-600 dark:text-white hover:text-[#bb3523]"
                   >
@@ -259,7 +259,7 @@ const Navbar = () => {
                     {t("image", { defaultValue: "Image" })}
                   </Link>
                   <Link
-                    href={prefixPath + "video/filter"}
+                    href={prefixPath + "/video/filter"}
                     // onClick={() => router.push(prefixPath + "/video/filter")}
                     className="flex items-center text-slate-600 dark:text-white hover:text-[#bb3523]"
                   >
@@ -267,7 +267,7 @@ const Navbar = () => {
                     {t("video", { defaultValue: "Video" })}
                   </Link>
                   <Link
-                    href={prefixPath + "document/filter"}
+                    href={prefixPath + "/document/filter"}
                     // onClick={() => router.push(prefixPath + "/document/filter")}
                     className="flex items-center text-slate-600 dark:text-white hover:text-[#bb3523]"
                   >
@@ -275,7 +275,7 @@ const Navbar = () => {
                     {t("text", { defaultValue: "Text" })}
                   </Link>
                   <Link
-                    href={prefixPath + "audio/filter"}
+                    href={prefixPath + "/audio/filter"}
                     // onClick={() => router.push(prefixPath + "/audio/filter")}
                     className="flex items-center text-slate-600 dark:text-white hover:text-[#bb3523]"
                   >
@@ -308,7 +308,7 @@ const Navbar = () => {
               </Link>
 
               {/* Link Index */}
-              <Link href={prefixPath + "indeks"} passHref legacyBehavior>
+              <Link href={prefixPath + "/indeks"} passHref legacyBehavior>
                 <a className="group inline-flex h-10 items-center justify-center text-center rounded-md bg-[#f7f7f7] dark:bg-black xl:px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:outline-none">
                   <span>
                     <svg