打磨细节

components/Footer.tsx

@@ -1,30 +1,10 @@
 'use client';
 
 import Image from 'next/image';
+import { useLanguage } from '@/contexts/LanguageContext';
 
 export default function Footer() {
-  const productLinks = [
-    'AX-Fund',
-    'AX-Matrix',
-    'Launchpad',
-    'Liquid Market',
-    'Token Factory'
-  ];
-
-  const resourceLinks = [
-    'Docs',
-    'FAQ & Support',
-    'Trust & Security',
-    'Learning Center',
-    'Community Forum'
-  ];
-
-  const companyLinks = [
-    'About Team',
-    'Careers',
-    'Contact Us',
-    'Press & Media'
-  ];
+  const { t } = useLanguage();
 
   const socialIcons = [
     { src: '/component-12.svg', alt: 'Twitter', width: 24, height: 24 },
@@ -36,7 +16,7 @@ export default function Footer() {
   return (
     <footer className="bg-white border-t border-[#e5e7eb] w-full flex flex-col items-center">
       {/* Main Footer Content */}
-      <div className="w-full max-w-[1280px] px-6 py-20 flex flex-row gap-8">
+      <div className="w-full max-w-[1440px] px-6 py-20 flex flex-row gap-8">
 
         {/* Left Section - Logo, Address, Social Icons */}
         <div className="flex flex-col gap-6 w-[389.33px]">
@@ -95,12 +75,12 @@ export default function Footer() {
                 fontWeight: 700
               }}
             >
-              Products
+              {t('footer.products')}
             </h3>
             <div className="flex flex-col gap-2">
-              {productLinks.map((link, index) => (
+              {[1, 2, 3, 4, 5].map((num) => (
                 <a
-                  key={index}
+                  key={num}
                   href="#"
                   className="text-[#9ca1af] hover:text-[#111827] transition-colors font-inter cursor-pointer"
                   style={{
@@ -109,7 +89,7 @@ export default function Footer() {
                     fontWeight: 400
                   }}
                 >
-                  {link}
+                  {t(`footer.product${num}`)}
                 </a>
               ))}
             </div>
@@ -125,12 +105,12 @@ export default function Footer() {
                 fontWeight: 700
               }}
             >
-              Resources
+              {t('footer.resources')}
             </h3>
             <div className="flex flex-col gap-2">
-              {resourceLinks.map((link, index) => (
+              {[1, 2, 3, 4, 5].map((num) => (
                 <a
-                  key={index}
+                  key={num}
                   href="#"
                   className="text-[#9ca1af] hover:text-[#111827] transition-colors font-inter cursor-pointer"
                   style={{
@@ -139,7 +119,7 @@ export default function Footer() {
                     fontWeight: 400
                   }}
                 >
-                  {link}
+                  {t(`footer.resource${num}`)}
                 </a>
               ))}
             </div>
@@ -155,12 +135,12 @@ export default function Footer() {
                 fontWeight: 700
               }}
             >
-              Company
+              {t('footer.company')}
             </h3>
             <div className="flex flex-col gap-2">
-              {companyLinks.map((link, index) => (
+              {[1, 2, 3, 4].map((num) => (
                 <a
-                  key={index}
+                  key={num}
                   href="#"
                   className="text-[#9ca1af] hover:text-[#111827] transition-colors font-inter cursor-pointer"
                   style={{
@@ -169,7 +149,7 @@ export default function Footer() {
                     fontWeight: 400
                   }}
                 >
-                  {link}
+                  {t(`footer.company${num}`)}
                 </a>
               ))}
             </div>
@@ -178,7 +158,7 @@ export default function Footer() {
       </div>
 
       {/* Bottom Section - Copyright and Legal Links */}
-      <div className="w-full max-w-[1280px] border-t border-[#f3f4f6] px-6 py-8 flex flex-row items-center justify-between">
+      <div className="w-full max-w-[1440px] border-t border-[#f3f4f6] px-6 py-8 flex flex-row items-center justify-between">
         {/* Copyright */}
         <div
           className="text-[#9ca1af] font-inter"
@@ -188,7 +168,7 @@ export default function Footer() {
             fontWeight: 400
           }}
         >
-          © 2025 ASSETX Protocol. All rights reserved.
+          {t('footer.copyright')}
         </div>
 
         {/* Legal Links */}
@@ -202,7 +182,7 @@ export default function Footer() {
               fontWeight: 400
             }}
           >
-            Privacy Policy
+            {t('footer.privacy')}
           </a>
           <a
             href="#"
@@ -213,7 +193,7 @@ export default function Footer() {
               fontWeight: 400
             }}
           >
-            Terms of Service
+            {t('footer.terms')}
           </a>
         </div>
       </div>