Update src/app/page.tsx

Merge version_4 into main

src/app/page.tsx

@@ -13,6 +13,11 @@ import TestimonialCardSixteen from '@/components/sections/testimonial/Testimonia
 import { Award, Calendar, DollarSign, User } from "lucide-react";
 
 export default function LandingPage() {
+  const handleWhatsAppClick = () => {
+    const message = encodeURIComponent("Hi! I'd like to book an appointment at Kasa de Belleza. Could you help me with a reservation?");
+    window.open(`https://wa.me/14070000000?text=${message}`, '_blank');
+  };
+
   return (
     <ThemeProvider
         defaultButtonVariant="hover-magnetic"
@@ -35,7 +40,7 @@ export default function LandingPage() {
               { name: "Reviews", id: "testimonials" },
               { name: "Contact", id: "contact" },
             ]}
-            button={{ text: "Book Appointment", href: "#contact" }}
+            button={{ text: "Book Appointment", onClick: handleWhatsAppClick }}
             brandName="Kasa de Belleza"
           />
         </div>
@@ -45,7 +50,7 @@ export default function LandingPage() {
             background={{ variant: "gradient-bars" }}
             title="Expert Care. Personal Touch. Beautiful Results."
             description="Orlando’s premier destination for expert hair color, precision nails, and the dedicated attention you deserve."
-            buttons={[{ text: "Schedule Your Transformation", href: "#contact" }]}
+            buttons={[{ text: "Schedule Your Transformation", onClick: handleWhatsAppClick }]}
             imageSrc="http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205859.jpg"
             imageAlt="Salon transformation"
           />
@@ -76,9 +81,9 @@ export default function LandingPage() {
             textboxLayout="default"
             useInvertedBackground={false}
             features={[
-              { id: 1, title: "Expert Hair Color", description: "Specialize in color corrections and transformations.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-urban-woman_23-2148012819.jpg" },
-              { id: 2, title: "Designer Nails", description: "Precision work that is beautiful and long-lasting.", imageSrc: "http://img.b2bpic.net/free-photo/nail-hygiene-care-feminine-hands_23-2148766574.jpg" },
-              { id: 3, title: "Professional Styling", description: "High-end finishes by master stylists.", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-dyed-beauty-salon_23-2149167364.jpg" }
+              { id: 1, title: "Expert Hair Color", description: "Achieve vibrant, long-lasting color tailored to your unique style.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-urban-woman_23-2148012819.jpg" },
+              { id: 2, title: "Designer Nails", description: "Enjoy precision, resilient nail treatments that stand the test of time.", imageSrc: "http://img.b2bpic.net/free-photo/nail-hygiene-care-feminine-hands_23-2148766574.jpg" },
+              { id: 3, title: "Professional Styling", description: "Experience a polished, high-end finish crafted by our expert stylists.", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-dyed-beauty-salon_23-2149167364.jpg" }
             ]}
             title="Our Services"
             description="High-end finishes and precision care tailored to your unique beauty."
@@ -121,7 +126,7 @@ export default function LandingPage() {
             ]}
             ctaTitle="Ready to look and feel your best?"
             ctaDescription="Visit us at 1794 N Chickasaw Trail, Orlando, FL."
-            ctaButton={{ text: "Book Your Visit", href: "#" }}
+            ctaButton={{ text: "Book Your Visit", onClick: handleWhatsAppClick }}
             ctaIcon={Calendar}
           />
         </div>
@@ -130,7 +135,7 @@ export default function LandingPage() {
           <FooterLogoEmphasis
             columns={[
               { items: [{ label: "Home", href: "#" }, { label: "Services", href: "#services" }] },
-              { items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] }
+              { items: [{ label: "About", href: "#about" }, { label: "Contact", onClick: handleWhatsAppClick }] }
             ]}
             logoText="Kasa de Belleza"
           />
@@ -138,4 +143,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}