Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -15,6 +15,10 @@ import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCar
 import { Shield } from "lucide-react";
 
 export default function LandingPage() {
+  const dialNumber = () => {
+    window.location.href = "tel:+971526888889";
+  };
+
   return (
     <ThemeProvider
         defaultButtonVariant="bounce-effect"
@@ -40,7 +44,7 @@ export default function LandingPage() {
           name: "Contact",          id: "contact"},
       ]}
       brandName="H&M Car Polishing"
-      button={{ text: "Book Now", href: "#contact" }}
+      button={{ text: "Book Now", onClick: dialNumber }}
     />
   </div>
 
@@ -65,7 +69,7 @@ export default function LandingPage() {
       avatarText="Trusted by 90+ happy customers"
       buttons={[
         {
-          text: "Book Now",          href: "#contact"},
+          text: "Book Now",          onClick: dialNumber},
         {
           text: "Our Services",          href: "#services"},
       ]}
@@ -190,7 +194,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "faq1",          title: "Do I need an appointment?",          content: "Yes, we recommend booking an appointment for better service."},
+          id: "faq1",          title: "Do I need an appointment?",          content: "Yes, we recommend booking an appointment. Please <a href='tel:+971526888889' style='text-decoration:underline;'>Book Now</a> or call us at 052 688 8889."},
         {
           id: "faq2",          title: "How long does detailing take?",          content: "Depending on the service, it usually takes a few hours to a full day."},
         {
@@ -217,6 +221,8 @@ export default function LandingPage() {
       ]}
       textarea={{
         name: "message",        placeholder: "Describe your service needs..."}}
+      buttonText="Call to Book Now"
+      onSubmit={dialNumber}
       imageSrc="http://img.b2bpic.net/free-photo/beautiful-small-girl-is-sitting-lifting-platform-with-car-holding-hammer_613910-17072.jpg"
     />
   </div>
@@ -250,4 +256,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}