src/app/page.tsx

@@ -12,6 +12,10 @@ import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
 
 export default function LandingPage() {
+  const handleCallNow = () => {
+    window.location.href = "tel:+1234567890";
+  };
+
   return (
     <ThemeProvider
       defaultButtonVariant="bounce-effect"
@@ -34,7 +38,7 @@ export default function LandingPage() {
             { name: "Reviews", id: "reviews" },
             { name: "Contact", id: "contact" },
           ]}
-          button={{ text: "CALL NOW", href: "tel:+1234567890" }}
+          button={{ text: "CALL NOW", onClick: handleCallNow }}
           animateOnLoad={true}
         />
       </div>
@@ -51,7 +55,7 @@ export default function LandingPage() {
           showBlur={true}
           showDimOverlay={false}
           buttons={[
-            { text: "CALL NOW", href: "tel:+1234567890" },
+            { text: "CALL NOW", onClick: handleCallNow },
             { text: "GET A TOW", href: "#contact" },
           ]}
           buttonAnimation="blur-reveal"
@@ -196,7 +200,7 @@ export default function LandingPage() {
           title="Stuck on the Road? We'll Get You Moving Again."
           description="Don't wait in an emergency. Our team is standing by to help you right now. Call for fast, professional service."
           buttons={[
-            { text: "CALL NOW", href: "tel:+1234567890" },
+            { text: "CALL NOW", onClick: handleCallNow },
             { text: "EMAIL US", href: "mailto:info@qk83towing.com" },
           ]}
           buttonAnimation="slide-up"