update

monkeyWie · monkeyWie · commit c17f8b9e6ab3 · 2025-07-30T09:28:29.000+08:00
diff --git a/.github/workflows/deploy-app.yml b/.github/workflows/deploy-app.yml
@@ -0,0 +1,32 @@
+name: Deploy Application
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  deploy_docs:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout Repo
+        uses: actions/checkout@v3
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: 10
+          run_install: false
+
+      - name: Install Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 22
+          cache: "pnpm"
+
+      - name: Deploy
+        env:
+          CLOUDFLARE_API_TOKEN: ${{ secrets.CLOUDFLARE_API_TOKEN }}
+        run: |
+          pnpm install
+          pnpm build:worker
+          pnpm deploy:worker
diff --git a/.github/workflows/deploy-docs.yml b/.github/workflows/deploy-docs.yml
@@ -3,6 +3,8 @@ on:
   push:
     branches:
       - main
+    paths:
+      - docs/**
 
 jobs:
   deploy_docs:
diff --git a/docs/messages/en.json b/docs/messages/en.json
@@ -102,21 +102,34 @@
     "footer": "More providers and models are being added regularly"
   },
   "footer": {
+    "subtitle": "AI Image Generator",
     "description": "Transform your words into stunning visuals with our advanced AI image generation technology.",
     "copyright": "© 2024 Typix AI. All rights reserved.",
-    "links": {
+    "categories": {
       "product": "Product",
       "community": "Community",
-      "support": "Support",
-      "features": "Features",
-      "gallery": "Gallery",
-      "pricing": "Pricing",
-      "github": "GitHub",
-      "discord": "Discord",
-      "twitter": "Twitter",
-      "docs": "Documentation",
-      "faq": "FAQ",
-      "contact": "Contact"
+      "support": "Support"
+    },
+    "links": {
+      "product": {
+        "features": "Features",
+        "gallery": "Gallery",
+        "pricing": "Pricing"
+      },
+      "community": {
+        "github": "GitHub",
+        "discord": "Discord",
+        "twitter": "Twitter"
+      },
+      "support": {
+        "docs": "Documentation",
+        "faq": "FAQ",
+        "contact": "Contact Us"
+      }
+    },
+    "legal": {
+      "privacy": "Privacy Policy",
+      "terms": "Terms of Service"
     }
   }
 }
diff --git a/docs/messages/zh.json b/docs/messages/zh.json
@@ -102,21 +102,34 @@
     "footer": "更多服务商和模型正在持续接入中"
   },
   "footer": {
+    "subtitle": "AI 图像生成器",
     "description": "使用我们先进的AI图像生成技术，将您的文字转化为惊艳的视觉效果。",
     "copyright": "© 2024 Typix AI. 保留所有权利。",
-    "links": {
+    "categories": {
       "product": "产品",
       "community": "社区",
-      "support": "支持",
-      "features": "功能特色",
-      "gallery": "作品画廊",
-      "pricing": "价格方案",
-      "github": "GitHub",
-      "discord": "Discord",
-      "twitter": "Twitter",
-      "docs": "文档",
-      "faq": "常见问题",
-      "contact": "联系我们"
+      "support": "支持"
+    },
+    "links": {
+      "product": {
+        "features": "功能特色",
+        "gallery": "作品画廊",
+        "pricing": "价格方案"
+      },
+      "community": {
+        "github": "GitHub",
+        "discord": "Discord",
+        "twitter": "Twitter"
+      },
+      "support": {
+        "docs": "文档",
+        "faq": "常见问题",
+        "contact": "联系我们"
+      }
+    },
+    "legal": {
+      "privacy": "隐私政策",
+      "terms": "服务条款"
     }
   }
 }
diff --git a/docs/src/components/footer.tsx b/docs/src/components/footer.tsx
@@ -13,15 +13,21 @@ export function Footer() {
     support: ['docs', 'faq', 'contact'],
   };
 
+  const categories: Record<string, string> = {
+    product: t('categories.product'),
+    community: t('categories.community'),
+    support: t('categories.support')
+  };
+
   return (
     <footer className="py-20 px-4 sm:px-6 lg:px-8 linear-gradient-bg relative overflow-hidden">
-      {/* 背景装饰 */}
+      {/* Background decoration */}
       <div className="absolute inset-0 overflow-hidden">
         <div className="absolute top-0 left-1/4 w-96 h-96 bg-gradient-to-r from-purple-500/10 via-blue-500/10 to-cyan-500/10 rounded-full blur-3xl" />
         <div className="absolute bottom-0 right-1/4 w-80 h-80 bg-gradient-to-l from-cyan-500/10 via-blue-500/10 to-purple-500/10 rounded-full blur-3xl" />
       </div>
 
-      {/* 顶部分割线 */}
+      {/* Top divider */}
       <div className="absolute top-0 left-0 right-0 h-px bg-gradient-to-r from-transparent via-purple-500/20 to-transparent" />
       
       <div className="container mx-auto max-w-7xl relative z-10">
@@ -36,14 +42,14 @@ export function Footer() {
                 </div>
               </div>
               <div className="flex flex-col">
-                <span className="text-2xl font-bold bg-gradient-to-r from-purple-400 via-blue-400 to-cyan-400 bg-clip-text text-transparent">Typix</span>
-                <span className="text-xs text-muted-foreground font-medium tracking-wider uppercase">
-                  AI Image Generator
-                </span>
+              <span className="text-2xl font-bold bg-gradient-to-r from-purple-400 via-blue-400 to-cyan-400 bg-clip-text text-transparent">Typix</span>
+              <span className="text-xs text-muted-foreground font-medium tracking-wider uppercase">
+                {t('subtitle')}
+              </span>
               </div>
             </div>
             <p className="text-muted-foreground mb-8 leading-relaxed">
-              Transform your words into stunning visuals with our advanced AI image generation technology.
+              {t('description')}
             </p>
             <div className="flex space-x-4">
               {[
@@ -67,7 +73,7 @@ export function Footer() {
             {Object.entries(footerLinks).map(([category, links]) => (
               <div key={category}>
                 <h3 className="font-semibold text-foreground mb-6 bg-gradient-to-r from-purple-400 via-blue-400 to-cyan-400 bg-clip-text text-transparent">
-                  {category.charAt(0).toUpperCase() + category.slice(1)}
+                  {categories[category]}
                 </h3>
                 <ul className="space-y-4">
                   {links.map((link) => (
@@ -76,7 +82,7 @@ export function Footer() {
                         href={category === 'product' ? `#${link}` : '#'}
                         variant="footer"
                       >
-                        {link.charAt(0).toUpperCase() + link.slice(1)}
+                        {t(`links.${category}.${link}`)}
                       </TextLinkButton>
                     </li>
                   ))}
@@ -88,29 +94,32 @@ export function Footer() {
 
         {/* Bottom Section */}
         <div className="mt-16 pt-8 relative">
-          {/* 分割线 */}
+          {/* Divider */}
           <div className="absolute top-0 left-0 right-0 h-px bg-gradient-to-r from-transparent via-border to-transparent" />
           
           <div className="flex flex-col sm:flex-row justify-between items-center space-y-4 sm:space-y-0">
             <p className="text-muted-foreground text-sm">
-              © 2024 Typix AI. All rights reserved.
+              {t('copyright')}
             </p>
             <div className="flex items-center space-x-8 text-sm">
-              {['Privacy Policy', 'Terms of Service'].map((item) => (
+              {[
+                { id: 'privacy', label: t('legal.privacy') },
+                { id: 'terms', label: t('legal.terms') }
+              ].map((item) => (
                 <TextLinkButton
-                  key={item}
+                  key={item.id}
                   href="#"
                   variant="footer"
                 >
-                  {item}
+                  {item.label}
                 </TextLinkButton>
               ))}
             </div>
           </div>
         </div>
       </div>
 
-      {/* 底部渐变 */}
+      {/* Bottom gradient */}
       <div className="absolute bottom-0 left-0 right-0 h-32 bg-gradient-to-t from-background/80 to-transparent pointer-events-none" />
     </footer>
   );
diff --git a/src/app/components/navigation/GlobalNavigation.tsx b/src/app/components/navigation/GlobalNavigation.tsx
@@ -105,20 +105,29 @@ export function GlobalNavigation({ className }: GlobalNavigationProps) {
 							key={item.id}
 							variant="ghost"
 							className={cn(
-								"h-full min-h-[3rem] flex-1 flex-col gap-1 rounded-none px-2 py-2 transition-all duration-200 hover:bg-transparent",
-								active ? "text-primary" : "text-muted-foreground hover:text-foreground",
+								"h-full min-h-[3rem] flex-1 flex-col gap-1 rounded-none px-2 py-2 transition-all duration-200 hover:bg-transparent relative",
+								active 
+									? "text-primary" 
+									: "text-muted-foreground hover:text-foreground",
 							)}
 							onClick={handleNavigation(item.href)}
 						>
-							<Icon className="h-5 w-5 transition-transform duration-200" />
+							<Icon className={cn(
+								"h-5 w-5 transition-all duration-200",
+								active && "scale-110 text-primary"
+							)} />
 							<span
 								className={cn(
 									"font-medium text-xs transition-all duration-200",
-									active ? "text-primary" : "text-muted-foreground",
+									active ? "text-primary font-semibold" : "text-muted-foreground",
 								)}
 							>
 								{item.label}
 							</span>
+							{/* Active indicator for mobile */}
+							{active && (
+								<div className="absolute bottom-0 left-1/2 h-1 w-8 -translate-x-1/2 rounded-full bg-primary transition-all duration-200" />
+							)}
 						</Button>
 					);
 				})}
