首页已完成

2026-05-28 09:01:30 +08:00
parent acaf262f3f
commit 0cf72dc47f
30 changed files with 7227 additions and 0 deletions
@@ -0,0 +1,71 @@
+import { Link } from 'react-router-dom';
+import { products } from '../data/products';
+
+export default function Footer() {
+  return (
+    <footer className="bg-[#0a1628] text-white">
+      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-14">
+        <div className="grid grid-cols-1 lg:grid-cols-12 gap-12 lg:gap-16">
+          {/* Left: Brand + desc */}
+          <div className="lg:col-span-5">
+            <div className="flex items-center gap-2 mb-4">
+              <img src="/favicon.ico" alt="讯驰" className="w-20 h-20" />
+              <h3 className="text-3xl font-bold text-white">讯驰科技</h3>
+            </div>
+            <p className="text-sm text-white mb-5 font-medium leading-7">智慧校园解决方案提供商</p>
+            <p className="text-sm text-white mb-4 flex items-start gap-1.5 leading-7">
+              <svg className="w-3.5 h-3.5 mt-[7px] shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /><path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /></svg>
+              <span>南宁市总部路3号中国东盟科技企业孵化基地<br />二期9号厂房二楼212房</span>
+            </p>
+          </div>
+
+          {/* Right: Two columns */}
+          <div className="lg:col-span-7 grid grid-cols-1 sm:grid-cols-2 gap-10">
+            <div>
+              <h4 className="text-sm font-semibold text-white mb-6 tracking-wide">产品中心</h4>
+              <ul className="space-y-4">
+                {products.map((product) => (
+                  <li key={product.slug}>
+                    <Link
+                      to={`/product/${product.slug}`}
+                      className="text-sm text-white hover:text-white/80 transition-colors"
+                    >
+                      {product.name}
+                    </Link>
+                  </li>
+                ))}
+              </ul>
+            </div>
+
+            <div>
+              <h4 className="text-sm font-semibold text-white mb-6 tracking-wide">联系与合作</h4>
+              <ul className="space-y-4 text-sm">
+                <li>
+                  <Link to="/contact" className="inline-flex items-center gap-1.5 text-white hover:text-white/80 transition-colors">
+                    在线咨询
+                    <svg className="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M9 5l7 7-7 7" /></svg>
+                  </Link>
+                </li>
+                <li>
+                  <Link to="/contact" className="inline-flex items-center gap-1.5 text-white hover:text-white/80 transition-colors">
+                    成为代理商
+                    <svg className="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M9 5l7 7-7 7" /></svg>
+                  </Link>
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      {/* Bottom bar */}
+      <div className="border-t border-white/[0.06]">
+        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
+          <div className="text-center text-xs text-white">
+            <span>&copy; 2024 讯驰科技 版权所有 · 桂ICP备XXXXXXXX号</span>
+          </div>
+        </div>
+      </div>
+    </footer>
+  );
+}