Add src/app/booking/page.tsx

src/app/booking/page.tsx

@@ -0,0 +1,51 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import ContactText from '@/components/sections/contact/ContactText';
+import FooterCard from '@/components/sections/footer/FooterCard';
+
+export default function BookingPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="bounce-effect"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="rounded"
+        contentWidth="smallMedium"
+        sizing="mediumLargeSizeMediumTitles"
+        background="noise"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <div id="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Services", id: "/#services" },
+              { name: "Team", id: "/#team" },
+              { name: "Location", id: "/#contact" },
+              { name: "Booking", id: "/booking" },
+            ]}
+            brandName="Cut Creation Barbers"
+          />
+        </div>
+        <div style={{ minHeight: "60vh", display: "flex", alignItems: "center", justifyContent: "center", padding: "4rem" }}>
+          <ContactText 
+             text="Booking System Integration Coming Soon. Please contact us directly for appointments in the meantime."
+             background={{ variant: "plain" }}
+          />
+        </div>
+        <div id="footer">
+            <FooterCard
+            logoText="CUT CREATION BARBERS"
+            copyrightText="© 2025 Cut Creation Barbers | New Lynn"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}