From 0f32c5441de7f7aee1fcfa8f73eeed71752caa8c Mon Sep 17 00:00:00 2001
From: Fernando Videira <tragedy_twisty.0t@icloud.com>
Date: Tue, 11 Jun 2024 15:03:35 +0100
Subject: [PATCH] Fixed hero btn snapping instead of smooth scrolling

---
 src/Components/Pages/Hero/Hero.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

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>