From a0c725f2bce5e3be03773a2271e9209eda43edef Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E7=BF=94?= <xiangzhang1024@gmail.com>
Date: Mon, 23 Feb 2026 08:05:51 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E9=87=8D=E6=9E=84=20Footer=20?=
 =?UTF-8?q?=E4=B8=BA=E5=8C=BB=E7=96=97=E5=81=A5=E5=BA=B7=E9=A3=8E=E6=A0=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/layout/footer.tsx | 55 +++++++++++++-------------------
 1 file changed, 22 insertions(+), 33 deletions(-)

diff --git a/src/components/layout/footer.tsx b/src/components/layout/footer.tsx
index 9cd4914..d70f2bb 100644
--- a/src/components/layout/footer.tsx
+++ b/src/components/layout/footer.tsx
@@ -4,37 +4,26 @@ import { COMPANY_INFO, NAVIGATION } from '@/lib/constants';
 
 export function Footer() {
   return (
-    <footer className="bg-gray-100 dark:bg-[var(--color-bg-secondary)] border-t border-gray-200 dark:border-gray-800">
-      <div className="container-custom py-16">
+    <footer className="bg-[#F5F7FA] border-t border-[#E2E8F0] py-12">
+      <div className="container-wide">
         <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12">
           <div className="lg:col-span-1">
             <div className="flex items-center mb-6">
-              <img src="/logo.svg" alt="四川睿新致远科技有限公司" className="h-12 w-auto dark:hidden" />
-              <img src="/logo-white.svg" alt="四川睿新致远科技有限公司" className="h-12 w-auto hidden dark:block" />
+              <img src="/logo.svg" alt={COMPANY_INFO.name} className="h-10 w-auto" />
             </div>
-            <p className="text-gray-600 dark:text-gray-400 text-sm leading-relaxed mb-6">
+            <p className="text-[#718096] text-sm leading-relaxed mb-6">
               {COMPANY_INFO.description}
             </p>
-            <div className="flex flex-col items-start gap-3">
-              <span className="text-gray-500 text-sm">关注微信公众号</span>
-              <div className="w-24 h-24 bg-white rounded-lg p-2">
-                <img
-                  src="/images/qrcode-wechat.png"
-                  alt="微信公众号二维码"
-                  className="w-full h-full object-contain"
-                />
-              </div>
-            </div>
           </div>
 
           <div>
-            <h3 className="font-semibold text-lg mb-6 text-gray-900 dark:text-white">快速链接</h3>
+            <h3 className="font-semibold text-lg mb-6 text-[#1A1A2E]">快速链接</h3>
             <ul className="space-y-3">
               {NAVIGATION.map((item) => (
                 <li key={item.id}>
                   <a
                     href={item.href}
-                    className="text-gray-600 dark:text-gray-400 hover:text-[var(--color-tech-blue)] transition-colors"
+                    className="text-[#4A5568] hover:text-[#005EB8] transition-colors"
                   >
                     {item.label}
                   </a>
@@ -44,25 +33,25 @@ export function Footer() {
           </div>
 
           <div>
-            <h3 className="font-semibold text-lg mb-6 text-gray-900 dark:text-white">服务项目</h3>
+            <h3 className="font-semibold text-lg mb-6 text-[#1A1A2E]">服务项目</h3>
             <ul className="space-y-3">
               <li>
-                <a href="#services" className="text-gray-600 dark:text-gray-400 hover:text-[var(--color-tech-blue)] transition-colors">
+                <a href="#services" className="text-[#4A5568] hover:text-[#005EB8] transition-colors">
                   软件开发
                 </a>
               </li>
               <li>
-                <a href="#services" className="text-gray-600 dark:text-gray-400 hover:text-[var(--color-tech-blue)] transition-colors">
+                <a href="#services" className="text-[#4A5568] hover:text-[#005EB8] transition-colors">
                   云服务
                 </a>
               </li>
               <li>
-                <a href="#services" className="text-gray-600 dark:text-gray-400 hover:text-[var(--color-tech-blue)] transition-colors">
+                <a href="#services" className="text-[#4A5568] hover:text-[#005EB8] transition-colors">
                   数据分析
                 </a>
               </li>
               <li>
-                <a href="#services" className="text-gray-600 dark:text-gray-400 hover:text-[var(--color-tech-blue)] transition-colors">
+                <a href="#services" className="text-[#4A5568] hover:text-[#005EB8] transition-colors">
                   信息安全
                 </a>
               </li>
@@ -70,34 +59,34 @@ export function Footer() {
           </div>
 
           <div>
-            <h3 className="font-semibold text-lg mb-6 text-gray-900 dark:text-white">联系方式</h3>
+            <h3 className="font-semibold text-lg mb-6 text-[#1A1A2E]">联系方式</h3>
             <ul className="space-y-4">
               <li className="flex items-start gap-3">
-                <MapPin className="w-5 h-5 text-[var(--color-tech-blue)] mt-0.5" />
-                <span className="text-gray-600 dark:text-gray-400">{COMPANY_INFO.address}</span>
+                <MapPin className="w-5 h-5 text-[#005EB8] mt-0.5" />
+                <span className="text-[#4A5568]">{COMPANY_INFO.address}</span>
               </li>
               <li className="flex items-center gap-3">
-                <Phone className="w-5 h-5 text-[var(--color-tech-blue)]" />
-                <span className="text-gray-600 dark:text-gray-400">{COMPANY_INFO.phone}</span>
+                <Phone className="w-5 h-5 text-[#005EB8]" />
+                <span className="text-[#4A5568]">{COMPANY_INFO.phone}</span>
               </li>
               <li className="flex items-center gap-3">
-                <Mail className="w-5 h-5 text-[var(--color-tech-blue)]" />
-                <span className="text-gray-600 dark:text-gray-400">{COMPANY_INFO.email}</span>
+                <Mail className="w-5 h-5 text-[#005EB8]" />
+                <span className="text-[#4A5568]">{COMPANY_INFO.email}</span>
               </li>
             </ul>
           </div>
         </div>
 
-        <div className="border-t border-gray-200 dark:border-gray-800 mt-12 pt-8">
+        <div className="border-t border-[#E2E8F0] mt-12 pt-8">
           <div className="flex flex-col md:flex-row justify-between items-center gap-4">
-            <p className="text-gray-500 text-sm">
+            <p className="text-[#718096] text-sm">
               © {new Date().getFullYear()} {COMPANY_INFO.name}. All rights reserved.
             </p>
             <div className="flex gap-6">
-              <Link href="#" className="text-gray-500 hover:text-[var(--color-tech-blue)] text-sm transition-colors">
+              <Link href="#" className="text-[#718096] hover:text-[#005EB8] text-sm transition-colors">
                 隐私政策
               </Link>
-              <Link href="#" className="text-gray-500 hover:text-[var(--color-tech-blue)] text-sm transition-colors">
+              <Link href="#" className="text-[#718096] hover:text-[#005EB8] text-sm transition-colors">
                 服务条款
               </Link>
             </div>