📝Update breadcrumbs i18n

components/effects/glitch-button.tsx

@@ -19,11 +19,7 @@ export function GlitchButton({
   ...props
 }: GlitchButtonProps) {
   const glitchClasses = !disabled
-    ? cn(
-        'glitch-btn-cyber',
-        variant === 'subtle' && 'glitch-btn-subtle',
-        'relative'
-      )
+    ? cn('glitch-btn-cyber', variant === 'subtle' && 'glitch-btn-subtle', 'relative')
     : ''
 
   const overlayColorClass = {
@@ -34,18 +30,11 @@ export function GlitchButton({
   }[glitchColor]
 
   return (
-    <button
-      className={cn(glitchClasses, className)}
-      disabled={disabled}
-      {...props}
-    >
+    <button className={cn(glitchClasses, className)} disabled={disabled} {...props}>
       {children}
 
       {!disabled && (
-        <div
-          className={cn('glitch-overlay', overlayColorClass)}
-          aria-hidden="true"
-        >
+        <div className={cn('glitch-overlay', overlayColorClass)} aria-hidden="true">
           {children}
         </div>
       )}

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>