src/app/page.tsx

@@ -3,6 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactCTA from '@/components/sections/contact/ContactCTA';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
@@ -54,7 +55,7 @@ export default function LandingPage() {
       description="Experience professional grooming at the heart of Irbid. Expert barbers, relaxing atmosphere, and a style tailored perfectly to you."
       buttons={[
         {
-          text: "Book Now",          href: "#contact"},
+          text: "Book Now",          href: "#booking"},
       ]}
       mediaItems={[
         {
@@ -113,7 +114,7 @@ export default function LandingPage() {
             "Classic haircut",            "Neck trim"],
           buttons: [
             {
-              text: "Book",              href: "#contact"},
+              text: "Book",              href: "#booking"},
           ],
         },
         {
@@ -121,7 +122,7 @@ export default function LandingPage() {
             "Classic haircut",            "Beard groom",            "Hot towel"],
           buttons: [
             {
-              text: "Book",              href: "#contact"},
+              text: "Book",              href: "#booking"},
           ],
         },
         {
@@ -129,7 +130,7 @@ export default function LandingPage() {
             "Beard shape",            "Hot steam"],
           buttons: [
             {
-              text: "Book",              href: "#contact"},
+              text: "Book",              href: "#booking"},
           ],
         },
       ]}
@@ -138,6 +139,15 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="booking" data-section="booking">
+    <ContactCenter
+      tag="Booking"
+      title="Schedule your appointment"
+      description="Fill in your email below and we'll be in touch to confirm your visit."
+      onSubmit={(email) => console.log("Booking requested by:", email)}
+    />
+  </div>
+
   <div id="team" data-section="team">
       <TeamCardFive
       animationType="slide-up"