diff --git a/src/Components/Pages/Hero/Hero.tsx b/src/Components/Pages/Hero/Hero.tsx
index b897676..5db431c 100644
--- a/src/Components/Pages/Hero/Hero.tsx
+++ b/src/Components/Pages/Hero/Hero.tsx
@@ -42,7 +42,14 @@ const Hero = () => {
             </h2>
           </div>
           <div className="flex mt-5 lg:mt-12 mx-10 lg:mx-0 lg:ml-auto rounded-xl bg-gradient-to-br from-gold-light to-gold-dark p-0.5 shadow-lg">
-            <a className="flex w-full" href="#Contact">
+            <a
+              className="flex w-full"
+              href="Contact"
+              onClick={(e) => {
+                e.preventDefault();
+                handleNavigation("Contact");
+              }}
+            >
               <button className="flex-1 font-medium md:px-8 py-3 text-2xl md:text-3xl bg-gradient-to-br from-custom-bglight to-custom-bgdark rounded-xl hover:bg-transparent hover:from-transparent hover:to-transparent transition duration-500">
                 {t("hero.button")}
               </button>