📝Update breadcrumbs i18n

components/layout/hero-header.tsx

@@ -5,17 +5,20 @@ import { Link } from '@/i18n/navigation'
 import Image from 'next/image'
 import { ThemeToggle } from '@/components/theme-toggle'
 import { GlitchButton } from '@/components/effects/glitch-button'
+import LanguageSwitcher from './LanguageSwitcher'
+import { useLocale, useTranslations } from 'next-intl'
 
-interface HeroHeaderProps {
-  terminalVersion: string
-  blogLabel: string
-  aboutLabel: string
-}
+export function HeroHeader() {
+  const locale = useLocale()
+  const t = useTranslations('Home')
+  const tNav = useTranslations('Navigation')
+
+  const terminalVersion = t('terminalVersion')
+  const blogLabel = tNav('blog')
+  const aboutLabel = tNav('about')
 
-export function HeroHeader({ terminalVersion, blogLabel, aboutLabel }: HeroHeaderProps) {
   const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false)
   const [isMobile, setIsMobile] = useState(false)
-
   useEffect(() => {
     const checkMobile = () => setIsMobile(window.innerWidth < 768)
     checkMobile()
@@ -84,8 +87,9 @@ export function HeroHeader({ terminalVersion, blogLabel, aboutLabel }: HeroHeade
             >
               [{aboutLabel}]
             </Link>
-            <div className="px-3 py-2">
+            <div className="flex items-center gap-4 px-4 py-2">
               <ThemeToggle />
+              <LanguageSwitcher />
             </div>
           </div>
         </div>