Align brand search SEO with Grace Salmoun

components/language-toggle.tsx

@@ -5,18 +5,15 @@ import { usePathname } from "next/navigation";
 import { portfolioContent, type Language } from "@/data/portfolio";
 
 export function LanguageToggle({ language }: { language: Language }) {
-  const pathname = usePathname() ?? `/${language}`;
+  const pathname = usePathname() ?? (language === "ar" ? "/ar" : "/");
   const nextLanguage = language === "en" ? "ar" : "en";
   const { languageLabel, languageToggleAriaLabel } = portfolioContent[language].ui;
   const segments = pathname.split("/").filter(Boolean);
-
-  if (segments[0] === "en" || segments[0] === "ar") {
-    segments[0] = nextLanguage;
-  } else {
-    segments.unshift(nextLanguage);
-  }
-
-  const nextPath = `/${segments.join("/")}`;
+  const contentSegments = segments[0] === "en" || segments[0] === "ar" ? segments.slice(1) : segments;
+  const nextPath =
+    nextLanguage === "ar"
+      ? `/ar${contentSegments.length ? `/${contentSegments.join("/")}` : ""}`
+      : `/${contentSegments.join("/")}` || "/";
 
   return (
     <Link