首页新增联系我们模块：邮箱联系、在线客服、商务合作

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>
 );