diff --git a/src/app/booking/page.tsx b/src/app/booking/page.tsx
new file mode 100644
index 0000000..e68b6e0
--- /dev/null
+++ b/src/app/booking/page.tsx
@@ -0,0 +1,61 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+
+export default function BookingPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="hover-bubble"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="soft"
+        contentWidth="compact"
+        sizing="large"
+        background="aurora"
+        cardStyle="inset"
+        primaryButtonStyle="shadow"
+        secondaryButtonStyle="solid"
+        headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+            <NavbarStyleFullscreen
+              navItems={[
+                { name: "Home", id: "hero" }
+              ]}
+              brandName="24h Barbers NYC"
+              button={{ text: "Book Now", href: "/booking" }}
+            />
+        </div>
+
+        <div id="booking" data-section="booking">
+            <ContactSplitForm
+              title="Book Your Appointment"
+              description="Select your preferred time and barber for your next grooming session."
+              inputs={[
+                { name: "name", type: "text", placeholder: "Full Name", required: true },
+                { name: "email", type: "email", placeholder: "Email Address", required: true },
+                { name: "phone", type: "tel", placeholder: "Phone Number", required: true }
+              ]}
+              buttonText="Confirm Appointment"
+              onSubmit={(data) => console.log(data)}
+              mediaPosition="right"
+            />
+        </div>
+
+        <div id="footer" data-section="footer">
+            <FooterMedia
+              imageSrc="http://img.b2bpic.net/free-photo/professional-girl-hairdresser-makes-client-haircut-girl-is-sitting-mask-beauty-salon_343596-4440.jpg"
+              logoText="24h Barbers NYC"
+              columns={[
+                { title: "Navigation", items: [{ label: "Home", href: "/" }] }
+              ]}
+            />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 07ee489..c21f04e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -41,7 +41,7 @@ export default function LandingPage() {
       ]}
       brandName="24h Barbers NYC"
       button={{
-        text: "Book Now",        href: "#contact"}}
+        text: "Book Now",        href: "/booking"}}
     />
   </div>
 
@@ -53,7 +53,7 @@ export default function LandingPage() {
       description="Sharp fades, perfect lineups, great vibes — anytime, all the time. Walk in or book your cut now."
       buttons={[
         {
-          text: "Book Now",          href: "#contact"},
+          text: "Book Now",          href: "/booking"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/man-hair-salon-facing-camera_23-2148242763.jpg"
       avatars={[