From e93de2b1030dcf946cd8a6026273492f5dfc0228 Mon Sep 17 00:00:00 2001
From: wxj <wxj@qx002575.com>
Date: Tue, 28 Jul 2026 09:57:30 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E6=96=B0=E5=A2=9E=E8=81=94?=
 =?UTF-8?q?=E7=B3=BB=E6=88=91=E4=BB=AC=E6=A8=A1=E5=9D=97=EF=BC=9A=E9=82=AE?=
 =?UTF-8?q?=E7=AE=B1=E8=81=94=E7=B3=BB=E3=80=81=E5=9C=A8=E7=BA=BF=E5=AE=A2?=
 =?UTF-8?q?=E6=9C=8D=E3=80=81=E5=95=86=E5=8A=A1=E5=90=88=E4=BD=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/pages/Home/index.jsx | 43 ++++++++++++++++++++++++++++++++++++
 1 file changed, 43 insertions(+)

diff --git a/web/src/pages/Home/index.jsx b/web/src/pages/Home/index.jsx
index cffaf33..c2cf0c1 100644
--- a/web/src/pages/Home/index.jsx
+++ b/web/src/pages/Home/index.jsx
@@ -605,6 +605,48 @@ function FAQ() {
   );
 }
 
+/* ═══════════════ SECTION: CONTACT US ═══════════════ */
+function ContactUs() {
+  const { t } = useTranslation();
+  return (
+    <section className="py-16 bg-[#f5f7fa]">
+      <div className="max-w-[800px] mx-auto px-6 text-center">
+        <h2 className="text-2xl font-bold tracking-tight text-gray-900 mb-2">{t('联系我们')}</h2>
+        <p className="text-gray-500 text-sm mb-10">如有任何问题或合作需求，欢迎随时联系</p>
+        <div className="grid md:grid-cols-3 gap-6">
+          <div className="bg-white rounded-xl border border-gray-200 p-6 hover:shadow-lg hover:shadow-gray-100 hover:border-[#1976d2]/20 transition-all group">
+            <div className="w-12 h-12 rounded-xl bg-[#e3f2fd] flex items-center justify-center mx-auto mb-4 group-hover:bg-[#1976d2] group-hover:scale-110 transition-all">
+              <svg className="w-6 h-6 text-[#1976d2] group-hover:text-white transition-colors" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2}>
+                <path strokeLinecap="round" strokeLinejoin="round" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
+              </svg>
+            </div>
+            <h3 className="text-sm font-semibold text-gray-900 mb-1">{t('邮箱联系')}</h3>
+            <p className="text-xs text-gray-500">support@turingtoken.com</p>
+          </div>
+          <div className="bg-white rounded-xl border border-gray-200 p-6 hover:shadow-lg hover:shadow-gray-100 hover:border-[#1976d2]/20 transition-all group">
+            <div className="w-12 h-12 rounded-xl bg-[#e3f2fd] flex items-center justify-center mx-auto mb-4 group-hover:bg-[#1976d2] group-hover:scale-110 transition-all">
+              <svg className="w-6 h-6 text-[#1976d2] group-hover:text-white transition-colors" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2}>
+                <path strokeLinecap="round" strokeLinejoin="round" d="M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
+              </svg>
+            </div>
+            <h3 className="text-sm font-semibold text-gray-900 mb-1">{t('在线客服')}</h3>
+            <p className="text-xs text-gray-500">工作日 9:00 - 18:00 在线</p>
+          </div>
+          <div className="bg-white rounded-xl border border-gray-200 p-6 hover:shadow-lg hover:shadow-gray-100 hover:border-[#1976d2]/20 transition-all group">
+            <div className="w-12 h-12 rounded-xl bg-[#e3f2fd] flex items-center justify-center mx-auto mb-4 group-hover:bg-[#1976d2] group-hover:scale-110 transition-all">
+              <svg className="w-6 h-6 text-[#1976d2] group-hover:text-white transition-colors" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2}>
+                <path strokeLinecap="round" strokeLinejoin="round" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z" />
+              </svg>
+            </div>
+            <h3 className="text-sm font-semibold text-gray-900 mb-1">{t('商务合作')}</h3>
+            <p className="text-xs text-gray-500">business@turingtoken.com</p>
+          </div>
+        </div>
+      </div>
+    </section>
+  );
+}
+
 /* ═══════════════ FOOTER ═══════════════ */
 function Footer() {
   const { t } = useTranslation();
@@ -665,6 +707,7 @@ const Home = () => (
     <Testimonials />
     <FAQ />
     <CTA />
+    <ContactUs />
     <Footer />
   </div>
 );