Update src/app/page.tsx

src/app/contact/page.tsx

@@ -6,11 +6,8 @@ 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" },
@@ -45,10 +42,6 @@ export default function ContactPage() {
     },
   ];
 
-  const handleConsultationClick = () => {
-    setShowPhoneNumber(!showPhoneNumber);
-  };
-
   return (
     <ThemeProvider
       defaultButtonVariant="shift-hover"
@@ -67,8 +60,7 @@ export default function ContactPage() {
           brandName="Bhawanshilp Architects"
           navItems={navItems}
           button={{
-            text: showPhoneNumber ? "+91 72753 18871" : "Get Free Consultation",            onClick: handleConsultationClick,
-          }}
+            text: "Get Free Consultation",            href: "contact"}}
           animateOnLoad={true}
         />
       </div>

src/app/page.tsx

@@ -11,11 +11,8 @@ 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" },
@@ -50,10 +47,6 @@ export default function HomePage() {
     },
   ];
 
-  const handleConsultationClick = () => {
-    setShowPhoneNumber(!showPhoneNumber);
-  };
-
   return (
     <ThemeProvider
       defaultButtonVariant="shift-hover"
@@ -76,8 +69,7 @@ export default function HomePage() {
             id: item.id,
           }))}
           button={{
-            text: showPhoneNumber ? "+91 72753 18871" : "Get Free Consultation",            onClick: handleConsultationClick,
-          }}
+            text: "Get Free Consultation",            href: "contact"}}
           animateOnLoad={true}
         />
       </div>
@@ -92,8 +84,7 @@ export default function HomePage() {
           tagAnimation="slide-up"
           buttons={[
             {
-              text: "Get Free Consultation",              onClick: handleConsultationClick,
-            },
+              text: "Get Free Consultation",              href: "contact"},
             {
               text: "View Projects",              href: "projects"},
           ]}
@@ -217,7 +208,7 @@ export default function HomePage() {
           animationType="background-highlight"
           buttons={[
             {
-              text: "Book Free Consultation",              href: "/contact"},
+              text: "Get Free Consultation Today",              href: "/contact"},
             {
               text: "View Our Portfolio",              href: "/projects"},
           ]}
@@ -237,4 +228,4 @@ export default function HomePage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/projects/page.tsx

@@ -8,11 +8,8 @@ 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" },
@@ -47,10 +44,6 @@ export default function ProjectsPage() {
     },
   ];
 
-  const handleConsultationClick = () => {
-    setShowPhoneNumber(!showPhoneNumber);
-  };
-
   return (
     <ThemeProvider
       defaultButtonVariant="shift-hover"
@@ -73,8 +66,7 @@ export default function ProjectsPage() {
             id: item.id,
           }))}
           button={{
-            text: showPhoneNumber ? "+91 72753 18871" : "Get Free Consultation",            onClick: handleConsultationClick,
-          }}
+            text: "Get Free Consultation",            href: "/contact"}}
           animateOnLoad={true}
         />
       </div>
@@ -137,8 +129,7 @@ export default function ProjectsPage() {
           animationType="background-highlight"
           buttons={[
             {
-              text: "Get Free Consultation",              onClick: handleConsultationClick,
-            },
+              text: "Get Free Consultation",              href: "/contact"},
             {
               text: "View Services",              href: "/services"},
           ]}

src/app/services/page.tsx

@@ -8,11 +8,8 @@ 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" },
@@ -47,10 +44,6 @@ export default function ServicesPage() {
     },
   ];
 
-  const handleConsultationClick = () => {
-    setShowPhoneNumber(!showPhoneNumber);
-  };
-
   return (
     <ThemeProvider
       defaultButtonVariant="shift-hover"
@@ -73,8 +66,7 @@ export default function ServicesPage() {
             id: item.id,
           }))}
           button={{
-            text: showPhoneNumber ? "+91 72753 18871" : "Get Free Consultation",            onClick: handleConsultationClick,
-          }}
+            text: "Get Free Consultation",            href: "/contact"}}
           animateOnLoad={true}
         />
       </div>
@@ -128,8 +120,7 @@ export default function ServicesPage() {
           animationType="background-highlight"
           buttons={[
             {
-              text: "Book Consultation",              onClick: handleConsultationClick,
-            },
+              text: "Book Consultation",              href: "/contact"},
             {
               text: "View Portfolio",              href: "/projects"},
           ]}