.

app/[locale]/page.tsx

@@ -14,6 +14,16 @@ export default function HomePage() {
   const { theme } = useTheme()
   const { t } = useTranslation()
 
+  const [preferredLanguage, setPreferredLanguage] = useState<string>('en') // 默认语言为 'en'
+
+  // 根据 localStorage 或 cookie 设置 preferredLanguage
+  useEffect(() => {
+    const languageFromStorage = localStorage.getItem('preferred-language') || document.cookie.split('; ').find(row => row.startsWith('preferred-language='))?.split('=')[1];
+    if (languageFromStorage) {
+      setPreferredLanguage(languageFromStorage);
+    }
+  }, []);
+  
   return (
     <div className="flex size-full flex-col items-center justify-center relative">
 
@@ -28,7 +38,7 @@ export default function HomePage() {
 
       <Link
         className="mt-4 flex w-[200px] items-center justify-center rounded-md bg-blue-500 p-2 font-semibold"
-        href="/login"
+        href={`/${preferredLanguage}/login`}
       >
         {t("Clock In")}
         <IconArrowRight className="ml-1" size={20} />