d5bc311757
- Redesign LoginPage with minimal professional style - Remove animated gradient backgrounds and floating orbs - Remove marketing claims (99% accuracy, enterprise-grade) - Center login form with clean card design - Add multi-language support (zh-TW, en-US) - Create LanguageSwitcher component in sidebar - Add en-US.json translation file - Persist language preference in localStorage - Remove unused top header bar with search - Move language switcher to sidebar user section 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
30 lines
1.2 KiB
Markdown
30 lines
1.2 KiB
Markdown
# Tasks: 前端 UX 簡化與 i18n 英文支援
|
||
|
||
## 1. LoginPage 簡化
|
||
|
||
- [x] 1.1 移除動畫背景元素（浮動光球、網格圖案、脈衝效果）
|
||
- [x] 1.2 替換漸層背景為簡潔單色背景
|
||
- [x] 1.3 移除左側宣傳區塊（「為什麼選擇我們」、功能特色、統計數據）
|
||
- [x] 1.4 重新設計登入表單區塊，採用居中簡約版面
|
||
- [x] 1.5 移除不必要的動畫 class（animate-float, animate-slide-in-left 等）
|
||
|
||
## 2. i18n 英文支援
|
||
|
||
- [x] 2.1 建立 `frontend/src/i18n/locales/en-US.json` 英文翻譯檔
|
||
- [x] 2.2 更新 `frontend/src/i18n/index.ts` 支援多語言切換
|
||
- [x] 2.3 補充 `zh-TW.json` 缺少的翻譯鍵（登入頁相關）
|
||
|
||
## 3. 語言切換功能
|
||
|
||
- [x] 3.1 建立 `frontend/src/components/LanguageSwitcher.tsx` 元件
|
||
- [x] 3.2 整合語言切換器至 `Layout.tsx` 頂部欄
|
||
- [x] 3.3 實作語言偏好 localStorage 持久化
|
||
- [x] 3.4 確保語言切換即時生效（無需重新載入頁面）
|
||
|
||
## 4. 測試與驗證
|
||
|
||
- [x] 4.1 驗證 LoginPage 在不同螢幕尺寸的顯示效果
|
||
- [x] 4.2 驗證中英文切換功能正常運作
|
||
- [x] 4.3 驗證語言偏好在頁面重新載入後保持
|
||
- [x] 4.4 檢查所有頁面的翻譯完整性
|