Merge branch 'main' into dev

public/assets/css/style.css

@@ -173,7 +173,7 @@ Primary use: Multipurpose Template
   --full-wrapper-margin-x: 30px;
   --container-width: 1350px;
   --section-padding-y: 50px;
-  --menu-bar-height: 85px;
+  --menu-bar-height: 130px;
   --menu-bar-height-scrolled: 65px;
   --color-dark-1: #010101;
   --color-dark-2: #171717;

src/components/Header.tsx

@@ -5,14 +5,14 @@ import { navMenuData } from "@/data/menu";
 import { toggleMobileMenu } from "@/utils/toggleMobileMenu";
 import Image from "next/image";
 import Link from "next/link";
-import { FaFacebook, FaLinkedin, FaPhone } from "react-icons/fa";
+import { FaFacebook, FaLinkedin } from "react-icons/fa";
 
 const shareIcons: Record<string, any> = {
   phone: {
     link: "tel:+15208036644",
     dom: (
-      <span className="social-nav flex gap-3 text-2xl lg:text-[#00898b]">
-        <FaPhone />
+      <span className="social-nav flex gap-1 text-2xl lg:text-[#00898b]">
+        <Image src="/assets/icons/phone.png" alt="Image Description" width={25} height={25} />
         <b className="text-sm">(520) 803-6644</b>
       </span>
     ),
@@ -74,16 +74,26 @@ export default function Header({ links }: { links: typeof navMenuData }) {
             <HeaderNav links={links} />
             {/* End Item With Sub */}
           </ul>
-          <ul className="items-end clearlist">
-            {Object.keys(shareIcons).map((k, idx) => {
-              return (
-                <li key={idx} className="!p-0 !m-0">
-                  <a className="cursor-pointer" href={shareIcons[k].link} target="_blank">
-                    {shareIcons[k].dom}
-                  </a>
-                </li>
-              );
-            })}
+          <ul className="items-end clearlist flex flex-col justify-center h-full">
+            <div className="flex flex-col items-center h-full w-full content-center justify-center gap-2">
+              <a
+                href="/contact"
+                className="bg-[#00898b] px-3 py-2 rounded-full text-white font-bold hover:cursor-pointer hover:bg-[#00abad] scale-[1.02] mt-3 lg:mt-0"
+              >
+                REQUEST CONSULTATION
+              </a>
+              <div className="flex justify-between w-full flex-col lg:flex-row">
+                {Object.keys(shareIcons).map((k, idx) => {
+                  return (
+                    <li key={idx} className="!p-0 !m-0">
+                      <a className="cursor-pointer" href={shareIcons[k].link} target="_blank">
+                        {shareIcons[k].dom}
+                      </a>
+                    </li>
+                  );
+                })}
+              </div>
+            </div>
           </ul>
         </div>