src/app/page.tsx

@@ -9,6 +9,18 @@ import ContactText from "@/components/sections/contact/ContactText";
 import FooterCard from "@/components/sections/footer/FooterCard";
 
 export default function TaxGuyLandingPage() {
+  const handleConsultation = () => {
+    const options = [
+      { label: "Call +27 12 345 6789", action: () => window.location.href = "tel:+27123456789" },
+      { label: "Visit Office (Pretoria)", action: () => window.open("https://maps.google.com/?q=Pretoria+Tax+Office", "_blank") },
+      { label: "Send Email", action: () => window.location.href = "mailto:consult@taxguy.co.za" }
+    ];
+    const choice = window.prompt("How would you like to connect?\n1. Call\n2. Visit\n3. Email");
+    if (choice === "1") options[0].action();
+    else if (choice === "2") options[1].action();
+    else if (choice === "3") options[2].action();
+  };
+
   return (
     <ThemeProvider
       defaultButtonVariant="text-stagger"
@@ -36,8 +48,9 @@ export default function TaxGuyLandingPage() {
             title="Professional Tax Consulting in Pretoria"
             description="Expert tax planning, compliance, and filing services tailored for businesses and individuals in Pretoria. Secure your financial future with TaxGuy."
             background={{ variant: "sparkles-gradient" }}
-            avatars={[{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.webp", alt: "Tax Advisor" }]}
-            buttons={[{ text: "Get Consultation", href: "#contact" }]}
+            avatars={[{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.webp", alt: "Tax Advisor" }]
+            }
+            buttons={[{ text: "Get Consultation", onClick: handleConsultation }]}
           />
         </div>
         <div id="services">
@@ -64,7 +77,7 @@ export default function TaxGuyLandingPage() {
           <ContactText
             text="Ready to get your finances in order? Contact TaxGuy Pretoria today for a professional consultation."
             background={{ variant: "downward-rays-static" }}
-            buttons={[{ text: "Book Appointment", href: "#contact" }]}
+            buttons={[{ text: "Book Appointment", onClick: handleConsultation }]}
             useInvertedBackground={false}
           />
         </div>