feat: enhance About page with values section and update localization for improved clarity

src/locales/en/common.json

@@ -36,12 +36,14 @@
     },
     "about": {
       "title": "About Us",
-      "description": "AI Toolbox is a comprehensive web application that integrates various AI tools to provide users with a one-stop AI solution.",
+      "description": "AI Toolbox is an integrated platform that brings together various AI tools, aiming to provide users with a one-stop solution.",
       "mission": "Our Mission",
-      "missionDescription": "To empower users with easy access to powerful AI tools, enhancing productivity and creativity.",
+      "missionDescription": "We believe AI tools should be powerful yet accessible to everyone.",
       "team": "Our Team",
-      "teamDescription": "We are a dedicated team of AI enthusiasts and developers committed to building innovative solutions.",
-      "contact": "Contact Us"
+      "teamDescription": "We are a focused team of AI enthusiasts dedicated to building innovative solutions.",
+      "contact": "Contact Us",
+      "values": "Our Values",
+      "valuesDescription": "Innovation, usability, and user-centered design are at the core of everything we do."
     },
     "navigation": {
       "about": "About Us"

src/locales/ja/common.json

@@ -36,12 +36,14 @@
     },
     "about": {
       "title": "私たちについて",
-      "description": "AIツールボックスは、さまざまなAIツールを統合した包括的なWebアプリケーションであり、ユーザーにワンストップのAIソリューションを提供します。",
+      "description": "AIツールボックスは、さまざまなAIツールを統合した総合サイトであり、ユーザーにワンストップソリューションを提供することを目的としています。",
       "mission": "私たちの使命",
-      "missionDescription": "強力なAIツールへの簡単なアクセスを提供し、ユーザーの生産性と創造性を高めること。",
+      "missionDescription": "私たちは、AIツールは強力であると同時に、誰にでも使いやすいものであるべきだと信じています。",
       "team": "私たちのチーム",
-      "teamDescription": "私たちは革新的なソリューションを축하는 데 전념하는 AI 애호가 및 개발자 팀입니다.",
-      "contact": "お問い合わせ"
+      "teamDescription": "私たちは、革新的なソリューションの構築に取り組むAI愛好家の専念したチームです。",
+      "contact": "お問い合わせ",
+      "values": "私たちの価値観",
+      "valuesDescription": "革新性、使いやすさ、ユーザー中心の設計が私たちのすべての活動の中心です。"
     },
     "navigation": {
       "about": "私たちについて"
@@ -52,5 +54,4 @@
         "AudioVideo": "音声・動画",
         "Productivity": "効率オフィス"
     }
-
 }
\ No newline at end of file

src/locales/ko/common.json

@@ -36,12 +36,14 @@
     },
     "about": {
       "title": "회사 소개",
-      "description": "AI 도구 상자는 다양한 AI 도구를 통합한 종합 웹 애플리케이션으로, 사용자에게 원스톱 AI 솔루션을 제공합니다.",
+      "description": "AI 도구박스는 다양한 AI 도구를 통합한 종합 플랫폼으로, 사용자에게 원스톱 솔루션을 제공하는 것을 목표로 합니다.",
       "mission": "우리의 사명",
-      "missionDescription": "강력한 AI 도구에 쉽게 접근할 수 있도록 하여 생산성과 창의성을 향상시키는 것.",
+      "missionDescription": "우리는 AI 도구가 강력하면서도 누구나 쉽게 사용할 수 있어야 한다고 믿습니다.",
       "team": "우리 팀",
-      "teamDescription": "우리는 혁신적인 솔루션을 구축하는 데 전념하는 AI 애호가 및 개발자 팀입니다.",
-      "contact": "문의하기"
+      "teamDescription": "우리는 혁신적인 솔루션을 구축하는 데 전념하는 AI 열정가들로 구성된 팀입니다.",
+      "contact": "문의하기",
+      "values": "우리의 가치",
+      "valuesDescription": "혁신, 사용 편의성, 사용자 중심 디자인은 우리가 하는 모든 일의 핵심입니다."
     },
     "navigation": {
       "about": "회사 소개"

src/locales/zh/common.json

@@ -38,12 +38,14 @@
     },
     "about": {
       "title": "关于我们",
-      "description": "AI 工具箱是一个集成多种AI开发工具的综合Web应用程序，旨在为用户提供一站式AI解决方案。",
+      "description": "AI 工具箱是一个集成多种 AI 工具的综合性网站，旨在为用户提供一站式的解决方案。",
       "mission": "我们的使命",
-      "missionDescription": "通过提供强大的AI工具，赋能用户，提高生产力和创造力。",
+      "missionDescription": "我们相信AI工具应该既强大又易于被每个人使用。",
       "team": "我们的团队",
-      "teamDescription": "我们是一支由AI爱好者和开发人员组成的专注团队，致力于构建创新的解决方案。",
-      "contact": "联系我们"
+      "teamDescription": "我们是一支由 A I爱好者组成的专注团队，致力于构建创新的解决方案。",
+      "contact": "联系我们",
+      "values": "我们的价值观",
+      "valuesDescription": "创新、易用性和以用户为中心的设计是我们一切工作的核心。"
     },
     "navigation": {
       "about": "关于我们"

src/pages/About.jsx

@@ -28,6 +28,14 @@ const About = () => {
               <p>{t('about.missionDescription')}</p>
             </div>
             
+            <div className="about-card">
+              <h2>
+                <i className="fas fa-lightbulb"></i>
+                {t('about.values')}
+              </h2>
+              <p>{t('about.valuesDescription')}</p>
+            </div>
+
             <div className="about-card">
               <h2>
                 <i className="fas fa-users"></i>
@@ -35,7 +43,7 @@ const About = () => {
               </h2>
               <p>{t('about.teamDescription')}</p>
             </div>
-            
+
             <div className="about-card">
               <h2>
                 <i className="fas fa-envelope"></i>

src/styles/About.css

@@ -29,7 +29,7 @@
 
 .about-grid {
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+  grid-template-columns: repeat(2, 1fr);
   gap: 2rem;
   margin-top: 3rem;
 }
@@ -42,6 +42,9 @@
   box-shadow: 0 8px 32px rgba(99, 102, 241, 0.1);
   border: 1px solid rgba(255, 255, 255, 0.2);
   transition: all 0.3s ease;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
 }
 
 .about-card:hover {
@@ -62,6 +65,7 @@
 .about-card p {
   color: #4B5563;
   line-height: 1.6;
+  flex-grow: 1;
 }
 
 .social-links {