chore: update seo

src/components/Header.jsx

@@ -68,16 +68,16 @@ function Header() {
         <div className={`menu-container ${mobileMenuOpen ? 'mobile-menu-open' : ''}`}>
           <div className="menu-items">
             <NavLink to="/dev-tools" onClick={handleNavClick}>
-              {t('dev-tools')}
+              {t('dev-tools.title')}
             </NavLink>
             <NavLink to="/image-tools" onClick={handleNavClick}>
-              {t('image-tools')}
+              {t('image-tools.title')}
             </NavLink>
             <NavLink to="/ai-products" onClick={handleNavClick}>
-              {t('ai-products')}
+              {t('ai-products.title')}
             </NavLink>
             <NavLink to="/blog" onClick={handleNavClick}>
-              {t('blog')}
+              {t('blog.title')}
             </NavLink>
           </div>
           <div className="right-container">

src/locales/en.js

-export default {
-  tools: {
-    modelPrice: {
-      title: "AI Model Pricing Comparison",
-      description: "Compare prices of different AI models",
-      lastUpdate: "Last Updated",
-      inputPrice: "Input Price",
-      outputPrice: "Output Price",
-      openai: {
-        title: "OpenAI Models Pricing",
-        subtitle: "Price per 1K tokens"
-      }
-    }
-  }
-}; 
\ No newline at end of file

src/locales/en/common.json

@@ -7,10 +7,22 @@
     "login": "Login",
     "loginSubtitle": "Welcome to AI Toolbox, please log in for the full experience",
     "logout": "Logout",
-    "dev-tools": "Development Tools",
-    "image-tools": "Image Tools",
-    "blog": "Blog",
-    "ai-products": "AI Products",
+    "dev-tools": {
+      "title": "Development Tools",
+      "description": "A collection of popular and efficient development tools, including JSON formatter, Base64 to image converter, online Diff tool, LaTeX renderer, and more. Designed to help developers handle everyday coding tasks quickly and boost development efficiency."
+    },
+    "image-tools": {
+      "title": "Image Tools",
+      "description": "A suite of practical image processing tools, including a handwriting font generator, Markdown to image converter, and quote to image creator, making image editing and creative design tasks easier."
+    },
+    "blog": {
+      "title": "Blog",
+      "description": "Offers the latest tech insights, development tips, and AI product reviews to help developers stay updated with cutting-edge information and improve their skills."
+    },
+    "ai-products": {
+      "title": "AI Products",
+      "description": "A curated selection of the most popular AI products from around the world, covering intelligent assistants, AI art, audio processing, video editing, and coding tools to make your work smarter and more efficient."
+    },
     "notFound": {
       "title": "404 - Page Not Found",
       "description": "Sorry, the page you are looking for does not exist.",

src/locales/ja.js

-export default {
-  tools: {
-    modelPrice: {
-      title: "AIモデル価格比較",
-      description: "異なるAIモデルの価格を比較",
-      lastUpdate: "最終更新",
-      inputPrice: "入力価格",
-      outputPrice: "出力価格",
-      openai: {
-        title: "OpenAIモデル価格",
-        subtitle: "1Kトークンあたりの価格"
-      }
-    }
-  }
-}; 
\ No newline at end of file

src/locales/ja/common.json

@@ -7,10 +7,22 @@
     "login": "ログイン",
     "loginSubtitle": "AIツールボックスへようこそ。フル体験のためにログインしてください",
     "logout": "ログアウト",
-    "dev-tools": "開発ツール",
-    "image-tools": "画像ツール",
-    "blog": "ブログ",
-    "ai-products": "AI製品",
+    "dev-tools": {
+      "title": "開発ツール",
+      "description": "JSONフォーマッター、Base64画像変換、オンラインDiffツール、LaTeXレンダリングなど、さまざまな人気で効率的な開発ツールを統合し、日常のコーディングタスクを迅速に処理し、開発効率を向上させます。"
+    },
+    "image-tools": {
+      "title": "画像ツール",
+      "description": "手書きフォント生成、Markdown画像変換、有名な引用句の画像化など、実用的な画像処理ツールを多数集め、画像編集とクリエイティブデザインの作業を簡単にします。"
+    },
+    "blog": {
+      "title": "ブログ",
+      "description": "最新の技術情報、開発のヒント、AI製品のレビューなどを提供し、開発者が最新のトレンドに追いつき、スキルを向上させることをサポートします。"
+    },
+    "ai-products": {
+      "title": "AI製品",
+      "description": "世界中の人気AI製品を厳選し、インテリジェントアシスタント、AIアート、音声処理、動画編集、プログラミング補助など、多様なツールでスマートかつ効率的な作業をサポートします。"
+    },
     "notFound": {
       "title": "404 - ページが見つかりません",
       "description": "申し訳ありませんが、お探しのページは存在しません。",

src/locales/ko.js

-export default {
-  tools: {
-    modelPrice: {
-      title: "AI 모델 가격 비교",
-      description: "다양한 AI 모델의 가격 비교",
-      lastUpdate: "마지막 업데이트",
-      inputPrice: "입력 가격",
-      outputPrice: "출력 가격",
-      openai: {
-        title: "OpenAI 모델 가격",
-        subtitle: "1K 토큰당 가격"
-      }
-    }
-  }
-}; 
\ No newline at end of file

src/locales/ko/common.json

@@ -7,10 +7,22 @@
     "login": "로그인",
     "loginSubtitle": "AI 툴��스에 오신 것을 환영합니다. 전체 경험을 위해 로그인해 주세요",
     "logout": "로그아웃",
-    "dev-tools": "개발 도구",
-    "image-tools": "이미지 도구",
-    "blog": "블로그",
-    "ai-products": "AI 제품",
+    "dev-tools": {
+      "title": "개발 도구",
+      "description": "JSON 포맷터, Base64 이미지 변환기, 온라인 Diff 도구, LaTeX 렌더러 등 인기 있고 효율적인 개발 도구를 통합하여, 일상적인 코딩 작업을 신속하게 처리하고 개발 효율성을 높입니다."
+    },
+    "image-tools": {
+      "title": "이미지 도구",
+      "description": "손글씨 폰트 생성기, Markdown 이미지 변환기, 명언 이미지 생성기 등 다양한 실용적인 이미지 처리 도구를 제공하여, 이미지 편집과 창의적인 디자인 작업을 쉽게 수행할 수 있습니다."
+    },
+    "blog": {
+      "title": "블로그",
+      "description": "최신 기술 정보, 개발 팁, AI 제품 리뷰 등을 제공하여 개발자가 최신 트렌드에 맞춰 정보를 얻고 기술을 향상시킬 수 있도록 지원합니다."
+    },
+    "ai-products": {
+      "title": "AI 제품",
+      "description": "세계 각국에서 엄선된 인기 있는 AI 제품들을 소개하며, 지능형 비서, AI 아트, 오디오 처리, 비디오 편집, 코딩 도구 등 다양한 기능으로 작업을 더 스마트하고 효율적으로 만들어줍니다."
+    },
     "notFound": {
       "title": "404 - 페이지를 찾을 수 없습니다",
       "description": "죄송합니다. 찾고 있는 페이지가 존재하지 않습니다.",

src/locales/zh.js

-export default {
-  tools: {
-    modelPrice: {
-      title: "AI模型价格对比",
-      description: "比较不同AI模型的价格",
-      lastUpdate: "数据最后更新时间",
-      inputPrice: "输入价格",
-      outputPrice: "输出价格",
-      openai: {
-        title: "OpenAI模型价格",
-        subtitle: "每千字符价格"
-      }
-    }
-  }
-}; 
\ No newline at end of file

src/locales/zh/common.json

@@ -7,10 +7,22 @@
     "login": "登录",
     "loginSubtitle": "欢迎使用 AI 工具箱，请登录以获得完整体验",
     "logout": "退出登录",
-    "dev-tools": "开发工具",
-    "image-tools": "图片工具",
-    "blog": "博客",
-    "ai-products": "AI 产品",
+    "dev-tools": {
+      "title": "开发工具",
+      "description": "集成多种热门高效的开发工具，包括JSON格式化、Base64转图片、在线Diff对比、LaTeX渲染等，帮助开发者快速处理日常编码任务，提升开发效率。"
+    },
+    "image-tools": {
+      "title": "图片工具",
+      "description": "集成多款实用的图片处理工具，包括手写字体生成器、Markdown转图片、名人名言转图片等，轻松完成图片编辑与创意设计工作。"
+    },
+    "blog": {
+      "title": "博客",
+      "description": "提供最新技术分享、开发经验、AI产品评测等内容，帮助开发者获取前沿资讯，提升技能。"
+    },
+    "ai-products": {
+      "title": "AI 产品",
+      "description": "精选国内外最热门的AI产品，涵盖智能助手、AI绘画、音频处理、视频编辑、编程辅助等多种工具，让工作更加智能化与高效化。"
+    },
     "notFound": {
       "title": "404 - 页面未找到",
       "description": "抱歉，您访问的页面不存在。",

src/pages/AIProduct.jsx

@@ -248,8 +248,8 @@ const AIProduct = () => {
   return (
     <>
       <SEO
-        title={t('title')}
-        description={t('slogan')}
+        title={t('ai-products.title')}
+        description={t('ai-products.description')}
       />
       <main>
         <section className="tools-section">

src/pages/Blog.jsx

@@ -14,8 +14,8 @@ const Home = () => {
   return (
     <>
       <SEO
-        title={t('title')}
-        description={t('slogan')}
+        title={t('blog.title')}
+        description={t('blog.description')}
       />
       <main>
         <section className="tools-section">

src/pages/DevTools.jsx

@@ -15,8 +15,8 @@ const DevTools = () => {
   return (
     <>
       <SEO
-        title={t('title')}
-        description={t('slogan')}
+        title={t('dev-tools.title')}
+        description={t('dev-tools.description')}
       />
       <main>
         <section className="tools-section">

src/pages/ImageTools.jsx

@@ -15,8 +15,8 @@ const ImageTools = () => {
   return (
     <>
       <SEO
-        title={t('title')}
-        description={t('slogan')}
+        title={t('image-tools.title')}
+        description={t('image-tools.description')}
       />
       <main>
         <section className="tools-section">