feat: 添加企业官网首页及关于页面

2026-07-28 11:36:52 +08:00
parent 6a3db4e620
commit c4e2ed6cc3
44 changed files with 824 additions and 66 deletions
@@ -0,0 +1,46 @@
+import Image from "next/image";
+
+export function AboutIntro() {
+  return (
+    <section className="bg-white py-16 lg:py-0 lg:h-[572px]">
+      <div className="mx-auto flex h-full max-w-[1440px] flex-col items-center justify-center gap-12 px-6 lg:flex-row lg:gap-[120px] lg:px-[120px]">
+        {/* Text content */}
+        <div className="max-w-[421px] flex-1">
+          <p className="text-[12px] text-black">关于鼎兴</p>
+          <h2 className="mt-2 text-[26px] font-bold text-[#04388b]">
+            鼎兴电子
+          </h2>
+
+          <div className="mt-6 space-y-4 text-[12px] leading-[21px] text-[#7f7f7f]">
+            <p>
+              常州鼎兴是一家以机电一体化、传感器、自动化、微电子等领域为专长的技术型企业。公司主要为：三一重工，振华重工，山河智能，山重建机等知名上市企业配套供应关键传感器及执行装置。公司主要产品为：工程机械用油门旋钮，油位传感器，油门马达及驱动器，自动化码头激光扫描执行器等。现销产品在业内具有较高的市场占有率、知名度与认可度，并畅销海内外。
+            </p>
+            <p>
+              我公司长期与知名院校合作，拥有强大的研发技术团队，和较强的技术创新能力。我们公司致力于将产品做好，做精。为中国智造出一份绵薄之力！
+            </p>
+          </div>
+
+          <button
+            type="button"
+            className="mt-8 flex h-[30px] w-[100px] items-center justify-center bg-[#04388b] text-[12px] text-white transition-colors hover:bg-[#032a66]"
+          >
+            联系我们
+          </button>
+        </div>
+
+        {/* Factory image */}
+        <div className="relative w-full max-w-[400px] flex-shrink-0 lg:w-[400px]">
+          <div className="relative aspect-[400/261] w-full overflow-hidden">
+            <Image
+              src="/about-factory.png"
+              alt="鼎兴电子厂房"
+              fill
+              className="object-cover"
+              sizes="(max-width: 1024px) 100vw, 400px"
+            />
+          </div>
+        </div>
+      </div>
+    </section>
+  );
+}