From 6b739a9663cc10acd6a5081577a536de58cc50b0 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 6 Apr 2026 00:56:40 +0000
Subject: [PATCH 1/2] Add src/app/booking/page.tsx

---
 src/app/booking/page.tsx | 61 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 61 insertions(+)
 create mode 100644 src/app/booking/page.tsx

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
-- 
2.49.1


From a32dc9ef9536c75eb82d85c6c7c7a8014266201e Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 6 Apr 2026 00:56:40 +0000
Subject: [PATCH 2/2] Update src/app/page.tsx

---
 src/app/page.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

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={[
-- 
2.49.1