first commit

components/contact/address/ContactAddressTwo.jsx

@@ -0,0 +1,75 @@
+import Image from "next/image";
+import React from "react";
+
+const socialContent = [
+  {
+    icon: "fa-facebook",
+    link: "https://www.facebook.com/",
+  },
+  {
+    icon: "fa-twitter",
+    link: "https://twitter.com/",
+  },
+  {
+    icon: "fa-linkedin",
+    link: "https://www.linkedin.com/",
+  },
+];
+
+const ContactAddressTwo = () => {
+  return (
+    <div className="row justify-content-center">
+      <div className="col-md-4 col-sm-6">
+        <div className="address-info">
+          <div className="icon">
+            <Image width="82" height="86" src="/images/icon/15.svg" alt="icon" />
+          </div>
+          <div className="title">Location</div>
+          <p className="font-rubik">
+            Melbourne, R. Market <br /> 1201 VIC
+          </p>
+        </div>
+        {/* /.address-info */}
+      </div>
+      {/* End .col */}
+
+      <div className="col-md-4 col-sm-6">
+        <div className="address-info">
+          <div className="icon">
+            <Image width="75" height="83" src="/images/icon/16.svg" alt="icon" />
+          </div>
+          <div className="title">Contact</div>
+          <p className="font-rubik">
+            bawejkor@duwvude.gov <br />
+            (779) 564-1593
+          </p>
+        </div>{" "}
+        {/* /.address-info */}
+      </div>
+      {/* End .col */}
+
+      <div className="col-md-4 col-sm-6">
+        <div className="address-info">
+          <div className="icon">
+            <Image width="71" height="77" src="/images/icon/17.svg" alt="icon" />
+          </div>
+          <div className="title">Social Media</div>
+          <p className="font-rubik">Follow on social media</p>
+          <ul className="d-flex justify-content-center">
+            {socialContent.map((val, i) => (
+              <li key={i}>
+                <a href={val.link} target="_blank" rel="noreferrer">
+                  <i className={`fa ${val.icon}`}></i>
+                </a>
+              </li>
+            ))}
+          </ul>
+        </div>{" "}
+        {/* /.address-info */}
+      </div>
+      {/* End .col */}
+    </div>
+  );
+};
+
+export default ContactAddressTwo;