first commit

components/otherPages/OfficeLocations.jsx

@@ -0,0 +1,44 @@
+import { mapLocations } from "@/data/locations";
+import React from "react";
+
+export default function OfficeLocations() {
+  return (
+    <div className="section-map tf-spacing-6">
+      <div className="tf-container">
+        <div className="heading-seciton mb_83">
+          <h2 className="heading-title">Visit Our Offices</h2>
+        </div>
+        <div className="tf-grid-layout lg-col-3">
+          {mapLocations.map((item, index) => (
+            <div key={index} className="map-item">
+              <iframe
+                className="map"
+                src={item.src}
+                style={{ border: 0 }}
+                allowFullScreen=""
+                loading="lazy"
+                referrerPolicy="no-referrer-when-downgrade"
+              />
+              <ul className="info d-grid gap_11">
+                <li>
+                  <h6 className="text_primary">Location</h6>
+                  <p className="text-body-2">{item.location}</p>
+                </li>
+                <li>
+                  <h6 className="text_primary">Phone</h6>
+                  <p className="text-body-1">{item.phone}</p>
+                </li>
+                <li>
+                  <h6 className="text_primary">Email</h6>
+                  <a href="#" className="link text-body-1">
+                    {item.email}
+                  </a>
+                </li>
+              </ul>
+            </div>
+          ))}
+        </div>
+      </div>
+    </div>
+  );
+}