final

src/components/sections/ContactInfo.jsx

@@ -0,0 +1,21 @@
+export default function ContactInfo({ items }) {
+  return (
+    <div className="row gy-4">
+      {items.map((item, i) => (
+        <div key={i} className="col-xl-4 col-md-6">
+          <div className="team-contact">
+            <div className="icon-btn"><i className={item.icon}></i></div>
+            <div className="media-body">
+              <h5 className="box-title label">{item.label}</h5>
+              <p className="box-text">
+                {item.link ? (
+                  <a href={item.link} {...(item.target ? { target: item.target, rel: 'noopener noreferrer' } : {})}>{item.value}</a>
+                ) : item.value}
+              </p>
+            </div>
+          </div>
+        </div>
+      ))}
+    </div>
+  )
+}