refactor: Simplify README and remove outdated images; enhance Navbar with Home link

README.md

@@ -25,28 +25,11 @@
 ### Desktop - Dark Mode
 ![Dark Mode](./images/darkmode-chinese.png)
 
-### Desktop - Voice Design List
+### Mobile
-![Voice Design List](./images/custom-voice-list.png)
-
-### Desktop - Save Voice Design Dialog
-![Save Voice Design](./images/save-voice-design-dialog.png)
-
-### Desktop - Voice Cloning
-![Voice Cloning](./images/clone-voice-recording.png)
-
-### Mobile - Light & Dark Mode
 <table>
   <tr>
     <td width="50%"><img src="./images/mobile-lightmode-custom.png" alt="Mobile Light Mode" /></td>
-    <td width="50%"><img src="./images/mobile-darkmode-custom.png" alt="Mobile Dark Mode" /></td>
-  </tr>
-</table>
-
-### Mobile - Settings & History
-<table>
-  <tr>
     <td width="50%"><img src="./images/mobile-settings.png" alt="Mobile Settings" /></td>
-    <td width="50%"><img src="./images/mobile-history.png" alt="Mobile History" /></td>
   </tr>
 </table>
 

README.zh.md

@@ -25,28 +25,11 @@
 ### 桌面端 - 暗黑模式
 ![暗黑模式](./images/darkmode-chinese.png)
 
-### 桌面端 - 语音设计列表
+### 移动端
-![语音设计列表](./images/custom-voice-list.png)
-
-### 桌面端 - 保存语音设计对话框
-![保存语音设计](./images/save-voice-design-dialog.png)
-
-### 桌面端 - 语音克隆
-![语音克隆](./images/clone-voice-recording.png)
-
-### 移动端 - 亮色与暗黑模式
 <table>
   <tr>
     <td width="50%"><img src="./images/mobile-lightmode-custom.png" alt="移动端亮色模式" /></td>
-    <td width="50%"><img src="./images/mobile-darkmode-custom.png" alt="移动端暗黑模式" /></td>
-  </tr>
-</table>
-
-### 移动端 - 设置与历史记录
-<table>
-  <tr>
     <td width="50%"><img src="./images/mobile-settings.png" alt="移动端设置" /></td>
-    <td width="50%"><img src="./images/mobile-history.png" alt="移动端历史记录" /></td>
   </tr>
 </table>
 

qwen3-tts-frontend/src/components/Navbar.tsx

@@ -1,5 +1,5 @@
-import { Menu, LogOut, Users, Settings, Globe } from 'lucide-react'
+import { Menu, LogOut, Users, Settings, Globe, Home } from 'lucide-react'
-import { Link } from 'react-router-dom'
+import { Link, useLocation } from 'react-router-dom'
 import { useTranslation } from 'react-i18next'
 import { Button } from '@/components/ui/button'
 import {
@@ -20,6 +20,7 @@ export function Navbar({ onToggleSidebar }: NavbarProps) {
   const { logout, user } = useAuth()
   const { changeLanguage } = useUserPreferences()
   const { t, i18n } = useTranslation(['nav', 'constants'])
+  const location = useLocation()
 
   return (
     <nav className="h-16 flex items-center justify-end px-4 gap-2">
@@ -34,6 +35,14 @@ export function Navbar({ onToggleSidebar }: NavbarProps) {
         </Button>
       )}
 
+      {location.pathname !== '/' && (
+        <Link to="/" className="mr-auto">
+          <Button variant="ghost" size="icon">
+            <Home className="h-5 w-5" />
+          </Button>
+        </Link>
+      )}
+
       {user?.is_superuser && (
         <Link to="/users">
           <Button variant="ghost" size="icon">