Fixed hero btn snapping instead of smooth scrolling

2024-06-11 15:03:35 +01:00
parent 94908040dd
commit 0f32c5441d
1 changed files with 8 additions and 1 deletions
@@ -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>