fix: nav href

src/components/Header.tsx

@@ -7,14 +7,23 @@ import Image from "next/image";
 import Link from "next/link";
 import { FaFacebook, FaLinkedin, FaPhone } from "react-icons/fa";
 const shareIcons: Record<string, any> = {
-  phone: (
+  phone: {
-    <span className="social-nav flex gap-3 text-2xl lg:text-[#00898b]">
+    link: "tel:+15208036644",
-      <FaPhone />
+    dom: (
-      <b className="text-sm">(520) 803-6644</b>
+      <span className="social-nav flex gap-3 text-2xl lg:text-[#00898b]">
-    </span>
+        <FaPhone />
-  ),
+        <b className="text-sm">(520) 803-6644</b>
-  facebook: <FaFacebook className="social-nav text-2xl lg:text-[#00898b]" />,
+      </span>
-  linkedin: <FaLinkedin className="social-nav text-2xl lg:text-[#00898b]" />,
+    ),
+  },
+  facebook: {
+    link: "https://www.facebook.com/p/Cochise-Oncology-61556262839823",
+    dom: <FaFacebook className="social-nav text-2xl lg:text-[#00898b]" />,
+  },
+  linkedin: {
+    link: "https://linkedin.com/company/cochise-oncology",
+    dom: <FaLinkedin className="social-nav text-2xl lg:text-[#00898b]" />,
+  },
 };
 
 export default function Header({ links }: { links: typeof navMenuData }) {
@@ -58,8 +67,8 @@ export default function Header({ links }: { links: typeof navMenuData }) {
             {Object.keys(shareIcons).map((k, idx) => {
               return (
                 <li key={idx} className="!p-0 !m-0">
-                  <a className="cursor-pointer" href={"/"} target="_blank">
+                  <a className="cursor-pointer" href={shareIcons[k].link} target="_blank">
-                    {shareIcons[k]}
+                    {shareIcons[k].dom}
                   </a>
                 </li>
               );