Update src/app/page.tsx

src/app/page.tsx

@@ -14,6 +14,20 @@ import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
 import { Award, Calendar, CheckCircle, Clock, DollarSign, Phone, Shield, Sparkles, Star, TrendingUp, Zap } from "lucide-react";
 
 export default function LandingPage() {
+  const handleGetQuote = () => {
+    const contactSection = document.getElementById('contact');
+    if (contactSection) {
+      contactSection.scrollIntoView({ behavior: 'smooth' });
+    }
+  };
+
+  const handleBookCleaning = () => {
+    const contactSection = document.getElementById('contact');
+    if (contactSection) {
+      contactSection.scrollIntoView({ behavior: 'smooth' });
+    }
+  };
+
   return (
     <ThemeProvider
       defaultButtonVariant="bounce-effect"
@@ -47,8 +61,8 @@ export default function LandingPage() {
           logoText="Professional Home Cleaning in Louisville"
           description="Affordable, reliable cleaning services tailored to your home. Save $25 on your first clean today."
           buttons={[
-            { text: "Get Your Free Quote", href: "#contact" },
-            { text: "Book a Cleaning", href: "#contact" }
+            { text: "Get Your Free Quote", onClick: handleGetQuote },
+            { text: "Book a Cleaning", onClick: handleBookCleaning }
           ]}
           slides={[
             {
@@ -73,7 +87,7 @@ export default function LandingPage() {
           tag="$25 OFF Your First Clean"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
-          buttons={[{ text: "Get Quote", href: "#contact" }]}
+          buttons={[{ text: "Get Quote", onClick: handleGetQuote }]}
           buttonAnimation="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
@@ -127,7 +141,7 @@ export default function LandingPage() {
           tag="Trusted Service"
           tagIcon={Shield}
           tagAnimation="slide-up"
-          buttons={[{ text: "Learn More", href: "#contact" }]}
+          buttons={[{ text: "Learn More", onClick: handleGetQuote }]}
           buttonAnimation="slide-up"
           bulletPoints={[
             {
@@ -162,7 +176,7 @@ export default function LandingPage() {
           tag="Flexible Plans"
           tagIcon={Zap}
           tagAnimation="slide-up"
-          buttons={[{ text: "Request Quote", href: "#contact" }]}
+          buttons={[{ text: "Request Quote", onClick: handleGetQuote }]}
           buttonAnimation="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
@@ -170,21 +184,21 @@ export default function LandingPage() {
           plans={[
             {
               id: "standard",              badge: "Most Popular",              badgeIcon: Star,
-              price: "Starting at $150",              subtitle: "For regular home maintenance",              buttons: [{ text: "Choose Plan", href: "#contact" }],
+              price: "Starting at $150",              subtitle: "For regular home maintenance",              buttons: [{ text: "Choose Plan", onClick: handleBookCleaning }],
               features: [
                 "All main living areas cleaned",                "Bathrooms and kitchen included",                "Flexible scheduling",                "Professional cleaners"
               ]
             },
             {
               id: "deep",              badge: "Comprehensive",              badgeIcon: Sparkles,
-              price: "Starting at $300",              subtitle: "For thorough seasonal cleaning",              buttons: [{ text: "Choose Plan", href: "#contact" }],
+              price: "Starting at $300",              subtitle: "For thorough seasonal cleaning",              buttons: [{ text: "Choose Plan", onClick: handleBookCleaning }],
               features: [
                 "Everything in Standard plan",                "Inside cabinets and drawers",                "Baseboards and trim cleaning",                "Detailed surface work",                "Windows (interior)"
               ]
             },
             {
               id: "moveout",              badge: "Transition Ready",              badgeIcon: CheckCircle,
-              price: "Starting at $400",              subtitle: "For move-in or move-out preparation",              buttons: [{ text: "Choose Plan", href: "#contact" }],
+              price: "Starting at $400",              subtitle: "For move-in or move-out preparation",              buttons: [{ text: "Choose Plan", onClick: handleBookCleaning }],
               features: [
                 "Complete home cleaning",                "Deep clean included",                "Appliance interior cleaning",                "Floor buffing available",                "Move-ready guarantee"
               ]
@@ -257,7 +271,7 @@ export default function LandingPage() {
         <FaqSplitText
           sideTitle="Questions About Our Service?"
           sideDescription="We're here to help. Find answers to common questions about our cleaning services in Louisville."
-          buttons={[{ text: "Contact Us", href: "#contact" }]}
+          buttons={[{ text: "Contact Us", onClick: handleGetQuote }]}
           buttonAnimation="slide-up"
           faqs={[
             {
@@ -291,7 +305,7 @@ export default function LandingPage() {
         <ContactFaq
           ctaTitle="Ready for a Spotless Home?"
           ctaDescription="Book your first cleaning today and save $25. Get a free quote in minutes. Fast response guaranteed."
-          ctaButton={{ text: "Request Your Free Quote", href: "#" }}
+          ctaButton={{ text: "Request Your Free Quote", onClick: handleGetQuote }}
           ctaIcon={Phone}
           useInvertedBackground={false}
           animationType="slide-up"
@@ -351,4 +365,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}