Update src/app/projects/page.tsx

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"},
           ]}