Update src/app/booking/page.tsx

src/app/booking/page.tsx

@@ -1,10 +1,18 @@
 'use client';
 
-import { ThemeProvider } from '@/app/ThemeProvider';
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import ContactText from '@/components/sections/contact/ContactText';
 
 export default function BookingPage() {
+  const navItems = [
+    { name: 'Home', id: '/' },
+    { name: 'About', id: '/about' },
+    { name: 'Services', id: '/services' },
+    { name: 'Booking', id: '/booking' },
+    { name: 'Contact', id: '/contact' }
+  ];
+
   return (
     <ThemeProvider
       defaultButtonVariant="expand-hover"
@@ -18,22 +26,14 @@ export default function BookingPage() {
       secondaryButtonStyle="glass"
       headingFontWeight="bold"
     >
-      <NavbarStyleCentered
-        navItems={[
-          { name: 'Home', id: '/' },
-          { name: 'Booking', id: '/booking' },
-          { name: 'Contact', id: '/contact' }
-        ]}
+      <NavbarStyleApple
+        navItems={navItems}
         brandName="Webild"
       />
       <div id="booking" data-section="booking">
-        <ContactCenter
-          tag="Appointments"
-          title="Book Your Session"
-          description="Schedule your appointment with us. Fill out the form below and we'll confirm your booking shortly."
-          inputPlaceholder="Your email for confirmation"
-          buttonText="Book Now"
-          termsText="By clicking 'Book Now', you agree to our booking terms and conditions."
+        <ContactText
+          text="Appointments\nBook Your Session\nSchedule your appointment with us. Fill out the form below and we'll confirm your booking shortly.\nBy clicking 'Book Now', you agree to our booking terms and conditions."
+          buttons={[{ text: 'Book Now', href: '/booking' }]}
           background={{ variant: 'plain' }}
           useInvertedBackground={false}
         />