Fix: Swap Hyperjump logo with Inference AI logo (#100)

Author: sintaherena

app/[lang]/(inferenceai)/inferenceai/components/nav.tsx

@@ -49,47 +49,46 @@ export default function Nav({ lang, menus }: NavProps) {
         <div className="mx-auto flex w-full max-w-7xl flex-wrap items-center justify-between transition-all duration-300">
           {/* Logo */}
           <div className="flex flex-row space-x-2 md:space-x-4">
-            <Link href={`/${lang}/inferenceai`} className="flex items-center">
+            <Link href={`/${lang}`} className="flex items-center">
               <Image
-                src="/images/inferenceai/inference-ai-white.svg"
-                alt="Inference AI Logo"
-                width={146}
+                src="/images/hyperjump-white.png"
+                alt="Hyperjump Logo"
+                width={188}
                 height={32}
                 className={cn(
-                  "h-6 w-28 group-data-[scroll='true']:hidden md:h-8 md:w-44",
+                  "h-7 w-36 group-data-[scroll='true']:hidden md:h-8 md:w-44",
                   isOpen && "hidden"
                 )}
               />
               <Image
-                src="/images/inferenceai/inference-ai-black.svg"
-                alt="Inference AI Logo"
-                width={146}
+                src="/images/hyperjump-black.png"
+                alt="Hyperjump Logo"
+                width={188}
                 height={32}
                 className={cn(
-                  "hidden h-6 w-28 group-data-[scroll='true']:block md:h-8 md:w-44",
+                  "hidden h-7 w-36 group-data-[scroll='true']:block md:h-8 md:w-44",
                   isOpen && "block"
                 )}
               />
             </Link>
-            <Separator className="group-data-[scroll='true']:bg-hyperjump-black h-8 w-[1px] group-data-[scroll='false']:bg-white md:h-10" />
-            <Link href={`/${lang}`} className="flex items-center">
+            <Link href={`/${lang}/inferenceai`} className="flex items-center">
               <Image
-                src="/images/hyperjump-white.png"
-                alt="Hyperjump Logo"
-                width={188}
+                src="/images/inferenceai/inference-ai-white.svg"
+                alt="Inference AI Logo"
+                width={146}
                 height={32}
                 className={cn(
-                  "h-7 w-36 group-data-[scroll='true']:hidden md:h-8 md:w-44",
+                  "h-6 w-28 group-data-[scroll='true']:hidden md:h-8 md:w-44",
                   isOpen && "hidden"
                 )}
               />
               <Image
-                src="/images/hyperjump-black.png"
-                alt="Hyperjump Logo"
-                width={188}
+                src="/images/inferenceai/inference-ai-black.svg"
+                alt="Inference AI Logo"
+                width={146}
                 height={32}
                 className={cn(
-                  "hidden h-7 w-36 group-data-[scroll='true']:block md:h-8 md:w-44",
+                  "hidden h-6 w-28 group-data-[scroll='true']:block md:h-8 md:w-44",
                   isOpen && "block"
                 )}
               />