From 8ed94a3a4d34f3bd3dabdcace68c587a897e55f7 Mon Sep 17 00:00:00 2001
From: RizqiSyahrendra <rizqialaudinsyahrendra@gmail.com>
Date: Thu, 13 Mar 2025 15:39:23 +0700
Subject: [PATCH] fix: header styling and nav prefetch

---
 src/components/Header.tsx    | 10 +++++-----
 src/components/HeaderNav.tsx |  5 +++++
 src/components/Hero.tsx      |  6 +++---
 3 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 81098f7..999dc8f 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -13,7 +13,7 @@ const shareIcons: Record<string, any> = {
     dom: (
       <span className="social-nav flex text-2xl text-white space-x-3 lg:space-x-1">
         <Image src="/assets/icons/phone.png" alt="Phone" width={30} height={25} />
-        <b className="text-[17px]">(520) 803-6644</b>
+        <b className="text-[17px] hover:!text-extColorPrimary3 transition-all duration-300">(520) 803-6644</b>
       </span>
     ),
   },
@@ -21,7 +21,7 @@ const shareIcons: Record<string, any> = {
     link: "https://www.facebook.com/p/Cochise-Oncology-61556262839823",
     dom: (
       <span className="social-nav flex text-2xl text-white space-x-3 lg:space-x-1">
-        <FaFacebook size={25} />
+        <FaFacebook size={25} className="hover:!text-extColorPrimary3 transition-all duration-300" />
         <b className="text-[17px] lg:hidden">Facebook</b>
       </span>
     ),
@@ -30,7 +30,7 @@ const shareIcons: Record<string, any> = {
     link: "https://linkedin.com/company/cochise-oncology",
     dom: (
       <span className="social-nav flex text-2xl text-white space-x-3 lg:space-x-1">
-        <FaLinkedin size={25} />
+        <FaLinkedin size={25} className="hover:!text-extColorPrimary3" />
         <b className="text-[17px] lg:hidden">Linkedin</b>
       </span>
     ),
@@ -65,8 +65,8 @@ export default function Header({ links }: { links: typeof navMenuData }) {
                 <Image
                   src="/assets/images/demo-slick/logo-dark.webp"
                   alt="Company Logo"
-                  width={165}
-                  height={100}
+                  width={204}
+                  height={104}
                   className="dark-mode-logo"
                 />
               </Link>
diff --git a/src/components/HeaderNav.tsx b/src/components/HeaderNav.tsx
index c5e0bff..2298e7b 100644
--- a/src/components/HeaderNav.tsx
+++ b/src/components/HeaderNav.tsx
@@ -45,6 +45,7 @@ export default function HeaderNav({ links, animateY = false }: { links: typeof n
           <li>
             {!Array.isArray(link?.child) && (
               <Link
+                prefetch={false}
                 href={link.href}
                 className="!text-white hover:!text-extColorPrimary3 !text-[20px] !transition-all !duration-500"
               >
@@ -64,6 +65,7 @@ export default function HeaderNav({ links, animateY = false }: { links: typeof n
             {Array.isArray(link?.child) && (
               <div onMouseOver={() => setHoveredNavItem(`${index}`)} onMouseLeave={() => setHoveredNavItem("")}>
                 <Link
+                  prefetch={false}
                   href={link?.href ?? "#"}
                   className="mn-has-sub !flex justify-between items-center !text-white hover:!text-extColorPrimary3 !text-[20px] !transition-all !duration-500"
                   onClick={() => toggleDropdown([link.text])}
@@ -82,6 +84,7 @@ export default function HeaderNav({ links, animateY = false }: { links: typeof n
                     >
                       {!Array.isArray(subLink?.child) && (
                         <Link
+                          prefetch={false}
                           href={subLink?.href}
                           onClick={() => toggleMobileMenu()}
                           className="!text-[14px] !text-white hover:!bg-extColorPrimary5 hover:!text-extColorPrimary3 !transition-all !duration-500"
@@ -92,6 +95,7 @@ export default function HeaderNav({ links, animateY = false }: { links: typeof n
                       {Array.isArray(subLink?.child) && (
                         <>
                           <Link
+                            prefetch={false}
                             href={subLink?.href ?? "#"}
                             className="mn-has-sub !flex !justify-between !items-center !text-white hover:!bg-extColorPrimary5 hover:!text-extColorPrimary3 transition-all duration-500"
                             onClick={() => setIsSubDropdownOpen(`${index}-${subLinkIdx}`)}
@@ -106,6 +110,7 @@ export default function HeaderNav({ links, animateY = false }: { links: typeof n
                             {subLink.child.map((subLink2: any, subLinkIdx2: number) => (
                               <li key={subLinkIdx2}>
                                 <Link
+                                  prefetch={false}
                                   href={subLink2?.href}
                                   className="!text-[14px] !items-center !text-white hover:!bg-extColorPrimary5 hover:!text-extColorPrimary3 transition-all duration-500"
                                   onClick={() => toggleMobileMenu()}
diff --git a/src/components/Hero.tsx b/src/components/Hero.tsx
index 65ccb96..2239704 100644
--- a/src/components/Hero.tsx
+++ b/src/components/Hero.tsx
@@ -22,10 +22,10 @@ export default function Hero() {
             <h2 className="hs-title-3">Healing Begins Here</h2>
             <h1 className="text-3xl md:text-6xl">Cochise Oncology</h1>
             <p className="text-xl">Southern Arizona’s Only Complete Cancer Treatment Center in Sierra Vista.</p>
-            <a href="/contact" className="ext-btn-cta-md" data-btn-animate="y">
-              Request Consultation
-            </a>
           </div>
+          <a href="/contact" className="ext-btn-cta-md mt-7" data-btn-animate="y">
+            Request Consultation
+          </a>
         </div>
         {/* End Home Section Content */}
       </div>