diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 0ecd69c..f11e18a 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -6,8 +6,11 @@ import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloating
 import ContactText from "@/components/sections/contact/ContactText";
 import FooterBase from "@/components/sections/footer/FooterBase";
 import { Award } from "lucide-react";
+import { useState } from "react";
 
 export default function ContactPage() {
+  const [showPhoneNumber, setShowPhoneNumber] = useState(false);
+
   const navItems = [
     { name: "Home", id: "/" },
     { name: "About", id: "about" },
@@ -42,6 +45,10 @@ export default function ContactPage() {
     },
   ];
 
+  const handleConsultationClick = () => {
+    setShowPhoneNumber(!showPhoneNumber);
+  };
+
   return (
     <ThemeProvider
       defaultButtonVariant="shift-hover"
@@ -60,7 +67,8 @@ export default function ContactPage() {
           brandName="Bhawanshilp Architects"
           navItems={navItems}
           button={{
-            text: "Get Free Consultation",            href: "contact"}}
+            text: showPhoneNumber ? "+91 72753 18871" : "Get Free Consultation",            onClick: handleConsultationClick,
+          }}
           animateOnLoad={true}
         />
       </div>
diff --git a/src/app/page.tsx b/src/app/page.tsx
index ff61d73..f93b891 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -11,8 +11,11 @@ import FooterBase from "@/components/sections/footer/FooterBase";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import { Award, Briefcase, Home, Building2, Palette, Shield, UtensilsCrossed } from "lucide-react";
 import Link from "next/link";
+import { useState } from "react";
 
 export default function HomePage() {
+  const [showPhoneNumber, setShowPhoneNumber] = useState(false);
+
   const navItems = [
     { name: "Home", id: "/" },
     { name: "About", id: "about" },
@@ -47,6 +50,10 @@ export default function HomePage() {
     },
   ];
 
+  const handleConsultationClick = () => {
+    setShowPhoneNumber(!showPhoneNumber);
+  };
+
   return (
     <ThemeProvider
       defaultButtonVariant="shift-hover"
@@ -69,7 +76,8 @@ export default function HomePage() {
             id: item.id,
           }))}
           button={{
-            text: "Get Free Consultation",            href: "contact"}}
+            text: showPhoneNumber ? "+91 72753 18871" : "Get Free Consultation",            onClick: handleConsultationClick,
+          }}
           animateOnLoad={true}
         />
       </div>
@@ -84,7 +92,8 @@ export default function HomePage() {
           tagAnimation="slide-up"
           buttons={[
             {
-              text: "Get Free Consultation",              href: "contact"},
+              text: "Get Free Consultation",              onClick: handleConsultationClick,
+            },
             {
               text: "View Projects",              href: "projects"},
           ]}
diff --git a/src/app/projects/page.tsx b/src/app/projects/page.tsx
index 543a8e9..0382df0 100644
--- a/src/app/projects/page.tsx
+++ b/src/app/projects/page.tsx
@@ -8,8 +8,11 @@ import FooterBase from "@/components/sections/footer/FooterBase";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import { Images, Home, Building2, Briefcase } from "lucide-react";
 import Link from "next/link";
+import { useState } from "react";
 
 export default function ProjectsPage() {
+  const [showPhoneNumber, setShowPhoneNumber] = useState(false);
+
   const navItems = [
     { name: "Home", id: "/" },
     { name: "About", id: "about" },
@@ -44,6 +47,10 @@ export default function ProjectsPage() {
     },
   ];
 
+  const handleConsultationClick = () => {
+    setShowPhoneNumber(!showPhoneNumber);
+  };
+
   return (
     <ThemeProvider
       defaultButtonVariant="shift-hover"
@@ -66,7 +73,8 @@ export default function ProjectsPage() {
             id: item.id,
           }))}
           button={{
-            text: "Get Free Consultation",            href: "/contact"}}
+            text: showPhoneNumber ? "+91 72753 18871" : "Get Free Consultation",            onClick: handleConsultationClick,
+          }}
           animateOnLoad={true}
         />
       </div>
@@ -129,7 +137,8 @@ export default function ProjectsPage() {
           animationType="background-highlight"
           buttons={[
             {
-              text: "Get Free Consultation",              href: "/contact"},
+              text: "Get Free Consultation",              onClick: handleConsultationClick,
+            },
             {
               text: "View Services",              href: "/services"},
           ]}
diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index ec67d90..d5359aa 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -8,8 +8,11 @@ import FooterBase from "@/components/sections/footer/FooterBase";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import { Briefcase } from "lucide-react";
 import Link from "next/link";
+import { useState } from "react";
 
 export default function ServicesPage() {
+  const [showPhoneNumber, setShowPhoneNumber] = useState(false);
+
   const navItems = [
     { name: "Home", id: "/" },
     { name: "About", id: "about" },
@@ -44,6 +47,10 @@ export default function ServicesPage() {
     },
   ];
 
+  const handleConsultationClick = () => {
+    setShowPhoneNumber(!showPhoneNumber);
+  };
+
   return (
     <ThemeProvider
       defaultButtonVariant="shift-hover"
@@ -66,7 +73,8 @@ export default function ServicesPage() {
             id: item.id,
           }))}
           button={{
-            text: "Get Free Consultation",            href: "/contact"}}
+            text: showPhoneNumber ? "+91 72753 18871" : "Get Free Consultation",            onClick: handleConsultationClick,
+          }}
           animateOnLoad={true}
         />
       </div>
@@ -120,7 +128,8 @@ export default function ServicesPage() {
           animationType="background-highlight"
           buttons={[
             {
-              text: "Book Consultation",              href: "/contact"},
+              text: "Book Consultation",              onClick: handleConsultationClick,
+            },
             {
               text: "View Portfolio",              href: "/projects"},
           ]}