fix: header

src/components/Header.tsx

@@ -5,16 +5,21 @@ import { navMenuData } from "@/data/menu";
 import { toggleMobileMenu } from "@/utils/toggleMobileMenu";
 import Image from "next/image";
 import Link from "next/link";
-import { FaFacebook, FaLinkedin, FaTwitter } from "react-icons/fa";
+import { FaFacebook, FaLinkedin, FaPhone } from "react-icons/fa";
 const shareIcons: Record<string, any> = {
+  phone: (
+    <span className="social-nav flex gap-3 text-2xl lg:text-gray-300">
+      <FaPhone />
+      <b className="text-sm">(520) 803-6644</b>
+    </span>
+  ),
   facebook: <FaFacebook className="social-nav text-2xl lg:text-gray-300" />,
   linkedin: <FaLinkedin className="social-nav text-2xl lg:text-gray-300" />,
-  twitter: <FaTwitter className="social-nav text-2xl lg:text-gray-300" />,
 };
 
 export default function Header({ links }: { links: typeof navMenuData }) {
   return (
-    <nav className="main-nav dark transparent stick-fixed wow-menubar wch-unset">
+    <nav className="main-nav dark transparent stick-fixed wow-menubar wch-unset relative">
       <div className="main-nav-sub full-wrapper">
         {/* Logo  (* Add your text or image to the link tag. Use SVG or PNG image format. 
               If you use a PNG logo image, the image resolution must be equal 200% of the visible logo
@@ -50,21 +55,18 @@ export default function Header({ links }: { links: typeof navMenuData }) {
             {/* End Item With Sub */}
           </ul>
           <ul className="items-end clearlist">
-            {/* Languages */}
-            {/* <LanguageSelect /> */}
-            {/* End Languages */}
-            <li></li>
+            {Object.keys(shareIcons).map((k, idx) => {
+              return (
+                <li key={idx} className="!p-0 !m-0">
+                  <a className="cursor-pointer" href={"/"} target="_blank">
+                    {shareIcons[k]}
+                  </a>
+                </li>
+              );
+            })}
           </ul>
         </div>
-        <div className="flex mt-4 gap-3">
-          {Object.keys(shareIcons).map((k, idx) => {
-            return (
-              <a key={idx} className="cursor-pointer" href={"/"} target="_blank">
-                {shareIcons[k]}
-              </a>
-            );
-          })}
-        </div>
+
         {/* End Main Menu */}
       </div>
     </nav>