Update src/app/page.tsx

Merge version_5 into main

src/app/page.tsx

@@ -13,9 +13,12 @@ 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');
+  const handleMessengerClick = () => {
+    window.open("https://m.me/your-facebook-page-id", "_blank");
+  };
+
+  const handleFacebookPageClick = () => {
+    window.open("https://facebook.com/your-business-page", "_blank");
   };
 
   return (
@@ -40,7 +43,7 @@ export default function LandingPage() {
               { name: "Reviews", id: "testimonials" },
               { name: "Contact", id: "contact" },
             ]}
-            button={{ text: "Book Appointment", onClick: handleWhatsAppClick }}
+            button={{ text: "Book via Messenger", onClick: handleMessengerClick }}
             brandName="Kasa de Belleza"
           />
         </div>
@@ -50,8 +53,8 @@ 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", onClick: handleWhatsAppClick }]}
-            imageSrc="http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205859.jpg"
+            buttons={[{ text: "Book Appointment", onClick: handleMessengerClick }]}
+            imageSrc="http://img.b2bpic.net/free-photo/beautiful-woman-hands-salon_23-2148766608.jpg?id=11295408"
             imageAlt="Salon transformation"
           />
         </div>
@@ -107,10 +110,11 @@ export default function LandingPage() {
           <FaqSplitText
             faqs={[
               { id: "1", title: "Our Studio Philosophy", content: "Kindness, quality, and community are the pillars of our work." },
-              { id: "2", title: "Our Commitment", content: "Every client deserves expert care and a personal touch." }
+              { id: "2", title: "Learn More", content: "Follow us on Facebook for more information about our treatments and culture." }
             ]}
             sideTitle="Our Mission"
             sideDescription="We don't just do hair and nails; we care for the person in the chair."
+            buttons={[{ text: "Visit Facebook Page", onClick: handleFacebookPageClick }]}
             faqsAnimation="blur-reveal"
             useInvertedBackground={false}
           />
@@ -122,11 +126,11 @@ export default function LandingPage() {
             useInvertedBackground={false}
             faqs={[
               { id: "1", title: "Where are you located?", content: "1794 N Chickasaw Trail, Orlando, FL." },
-              { id: "2", title: "How to book?", content: "Click the 'Book Appointment' button in the header!" }
+              { id: "2", title: "How to book?", content: "Click the 'Book via Messenger' button in the header!" }
             ]}
             ctaTitle="Ready to look and feel your best?"
             ctaDescription="Visit us at 1794 N Chickasaw Trail, Orlando, FL."
-            ctaButton={{ text: "Book Your Visit", onClick: handleWhatsAppClick }}
+            ctaButton={{ text: "Book Appointment", onClick: handleMessengerClick }}
             ctaIcon={Calendar}
           />
         </div>
@@ -135,7 +139,7 @@ export default function LandingPage() {
           <FooterLogoEmphasis
             columns={[
               { items: [{ label: "Home", href: "#" }, { label: "Services", href: "#services" }] },
-              { items: [{ label: "About", href: "#about" }, { label: "Contact", onClick: handleWhatsAppClick }] }
+              { items: [{ label: "Facebook", onClick: handleFacebookPageClick }, { label: "Messenger", onClick: handleMessengerClick }] }
             ]}
             logoText="Kasa de Belleza"
           />