chore: update for seo

src/App.jsx

@@ -2,6 +2,7 @@ import React, { Suspense, lazy } from 'react';
 import { Routes, Route } from 'react-router-dom';
 import Home from './pages/Home';
 import Header from './components/Header';
+import Footer from './components/Footer';
 import NotFound from './pages/NotFound';
 import Login from './pages/Login';
 
@@ -30,9 +31,9 @@ const AnthropicTimeline = lazy(() => import('./components/AnthropicTimeline'));
 
 function App() {
   return (
-    <div className="app-container">
+    <div className="app-container min-h-screen flex flex-col">
       <Header />
-      <div className="pt-4">
+      <div className="flex-grow">
         <div className="content-wrapper">
           <main>
             <Suspense fallback={<div>Loading...</div>}>
@@ -66,9 +67,10 @@ function App() {
 
               </Routes>
             </Suspense>
-          </main>-
+          </main>
         </div>
       </div>
+      <Footer />
     </div>
   );
 }

src/components/ImageBase64Converter.jsx

@@ -10,7 +10,7 @@ import LoadingOverlay from './LoadingOverlay';
 const Container = styled.div`
   min-height: 100vh;
   background: linear-gradient(135deg, #f5f7ff 0%, #ffffff 100%);
-  padding: 4rem 2rem 2rem;
+  padding: 6rem 2rem 2rem;
   position: relative;
   
   &::before {

src/components/JsonFormatter.jsx

@@ -8,7 +8,7 @@ import LoadingOverlay from './LoadingOverlay';
 const Container = styled.div`
   min-height: 100vh;
   background: linear-gradient(135deg, #f5f7ff 0%, #ffffff 100%);
-  padding: 4rem 2rem 2rem;
+  padding: 6rem 2rem 2rem;
   position: relative;
   
   &::before {

src/components/SubtitleGenerator.jsx

@@ -8,7 +8,7 @@ import SEO from './SEO';
 const Container = styled.div`
   min-height: 100vh;
   background: linear-gradient(135deg, #f5f7ff 0%, #ffffff 100%);
-  padding: 4rem 2rem 2rem;
+  padding: 6rem 2rem 2rem;
   position: relative;
   
   &::before {

src/components/TextDiff.jsx

@@ -8,7 +8,7 @@ import LoadingOverlay from './LoadingOverlay';
 const Container = styled.div`
   min-height: 100vh;
   background: linear-gradient(135deg, #f5f7ff 0%, #ffffff 100%);
-  padding: 4rem 2rem 2rem;
+  padding: 6rem 2rem 2rem;
   position: relative;
   
   &::before {

src/components/UrlEnDecode.jsx

@@ -9,7 +9,7 @@ import LoadingOverlay from './LoadingOverlay';
 const Container = styled.div`
   min-height: 100vh;
   background: linear-gradient(135deg, #f5f7ff 0%, #ffffff 100%);
-  padding: 4rem 2rem 2rem;
+  padding: 6rem 2rem 2rem;
   position: relative;
   
   &::before {

src/locales/en/aiproducts.json

@@ -126,5 +126,9 @@
     "cursor": {
         "title": "Cursor",
         "description": "AI code editor for fast programming and software development"
+    },
+    "windsurf": {
+        "title": "Windsurf",
+        "description": "First agentic IDE"
     }
 }
\ No newline at end of file

src/locales/ja/aiproducts.json

@@ -126,6 +126,9 @@
     "cursor": {
         "title": "Cursor",
         "description": "素早くプログラミングできるAIコードエディター"
+    },
+    "windsurf": {
+        "title": "Windsurf",
+        "description": "最初のプロキシIDE"
     }
-
 }
\ No newline at end of file

src/locales/ko/aiproducts.json

@@ -126,6 +126,10 @@
     "cursor": {
         "title": "Cursor",
         "description": "빠른 프로그래밍을 위한 AI 코드 편집기"
+    },
+    "windsurf": {
+        "title": "Windsurf",
+        "description": "첫 번째 프록시 IDE"
     }
 
 }
\ No newline at end of file

src/locales/zh/aiproducts.json

@@ -126,5 +126,9 @@
     "cursor": {
       "title": "Cursor",
       "description": "AI代码编辑器，快速进行编程和软件开发"
+    },
+    "windsurf": {
+      "title": "Windsurf",
+      "description": "第一个代理 IDE"
     }
 }
\ No newline at end of file

src/locales/zh/common.json

@@ -32,7 +32,9 @@
       "back_home": "返回首页"
     },
     "footer": {
-      "copyRight": "AI 工具箱. 保留所有权利。"
+      "copyRight": "AI 工具箱. 保留所有权利。",
+      "recommendedTools": "推荐工具",
+      "resources": "相关资源"
     },
     "about": {
       "title": "关于我们",

src/pages/AIProduct.jsx

@@ -215,6 +215,13 @@ const tools = [
     external: true ,
     category: 'Productivity'
   },
+  { 
+    id: 'windsurf', 
+    icon: '/assets/icon/windsurf.svg', 
+    path: 'https://codeium.com/windsurf', 
+    external: true ,
+    category: 'Productivity'
+  },
   { 
     id: 'gamma', 
     icon: '/assets/icon/gamma.png',