first commit

src/components/contact/Map.tsx

@@ -0,0 +1,47 @@
+export default function Map() {
+  return (
+    <section className="h-96 bg-gray-200 relative overflow-hidden">
+      {/* 静态地图占位图 */}
+      <div className="absolute inset-0 flex items-center justify-center bg-gradient-to-br from-gray-100 to-gray-300">
+        {/* 地图图标 */}
+        <div className="text-center">
+          <svg
+            className="w-24 h-24 mx-auto text-gray-400 mb-4"
+            fill="none"
+            stroke="currentColor"
+            viewBox="0 0 24 24"
+          >
+            <path
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              strokeWidth={1}
+              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={1}
+              d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"
+            />
+          </svg>
+          <p className="text-gray-500 text-lg font-medium">Location Map</p>
+          <p className="text-gray-400 text-sm mt-2">
+            Lorem ipsum, #32841 block, #221DRS Estate business building, UK
+          </p>
+        </div>
+      </div>
+
+      {/* 装饰性网格线 */}
+      <div
+        className="absolute inset-0 opacity-10"
+        style={{
+          backgroundImage: `
+            linear-gradient(rgba(0,0,0,0.1) 1px, transparent 1px),
+            linear-gradient(90deg, rgba(0,0,0,0.1) 1px, transparent 1px)
+          `,
+          backgroundSize: '50px 50px'
+        }}
+      />
+    </section>
+  )
+}