Initial commit

src/hooks/useButtonClick.ts

@@ -0,0 +1,64 @@
+import React from "react";
+import { useNavigate, useLocation } from "react-router-dom";
+import { useLenis } from "lenis/react";
+
+export const useButtonClick = (href?: string, onClick?: () => void) => {
+  const navigate = useNavigate();
+  const location = useLocation();
+  const lenis = useLenis();
+
+  const scrollToElement = (sectionId: string, delay: number = 100) => {
+    setTimeout(() => {
+      const element = document.getElementById(sectionId);
+      if (element) {
+        if (lenis) {
+          lenis.scrollTo(element, { offset: 0 });
+        } else {
+          element.scrollIntoView({ behavior: "smooth", block: "start" });
+        }
+      }
+    }, delay);
+  };
+
+  const handleClick = (e?: React.MouseEvent) => {
+    if (href) {
+      const isExternalLink = /^(https?:\/\/|www\.)/.test(href);
+      const isEmailOrPhone = /^(mailto:|tel:)/.test(href);
+
+      if (isExternalLink) {
+        window.open(
+          href.startsWith("www.") ? `https://${href}` : href,
+          "_blank",
+          "noopener,noreferrer"
+        );
+      } else if (isEmailOrPhone) {
+        // Let browser handle mailto:/tel: naturally
+        onClick?.();
+        return;
+      } else if (href.startsWith("/")) {
+        e?.preventDefault();
+        const [path, hash] = href.split("#");
+
+        if (path !== location.pathname) {
+          navigate(path);
+          if (hash) {
+            setTimeout(() => {
+              scrollToElement(hash, 100);
+            }, 100);
+          }
+        } else if (hash) {
+          scrollToElement(hash, 50);
+        }
+      } else if (href.startsWith("#")) {
+        e?.preventDefault();
+        scrollToElement(href.slice(1), 50);
+      } else {
+        e?.preventDefault();
+        scrollToElement(href, 50);
+      }
+    }
+    onClick?.();
+  };
+
+  return handleClick;
+};