Add src/app/booking/page.tsx

2026-04-15 14:46:53 +00:00
parent 7d08071da3
commit ef1ae2347e
1 changed files with 69 additions and 0 deletions
--- a/src/app/booking/page.tsx
+++ b/src/app/booking/page.tsx
@@ -0,0 +1,69 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+
+export default function BookingPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="soft"
+      contentWidth="small"
+      sizing="mediumLargeSizeLargeTitles"
+      background="grid"
+      cardStyle="subtle-shadow"
+      primaryButtonStyle="diagonal-gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/#about" },
+              { name: "Services", id: "/#features" },
+              { name: "Pricing", id: "/#pricing" },
+              { name: "Team", id: "/#team" },
+              { name: "Book", id: "/booking" },
+              { name: "Contact", id: "/#contact" },
+            ]}
+            brandName="Maybach Cutz"
+          />
+        </div>
+
+        <div className="py-20 text-center">
+          <h1 className="text-4xl font-bold mb-6">Book Your Appointment</h1>
+          <p className="mb-8 text-xl">Call us directly to schedule your visit</p>
+          <a 
+            href="tel:7863780141" 
+            className="inline-block bg-primary-cta text-primary-cta-text px-8 py-4 rounded-full text-lg font-semibold hover:opacity-90 transition"
+          >
+            Call Now: (786) 378-0141
+          </a>
+          <div className="mt-12">
+            <p className="font-bold">Visit us at:</p>
+            <p>10693 Wiles Rd, Coral Springs, FL 33076</p>
+          </div>
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CKIUaXr59FE1QYCKDNglueswIR/uploaded-1776264324714-kh1wpzii.webp"
+            logoText="Brookside Barbers"
+            columns={[
+              { title: "Location", items: [{ label: "10693 Wiles Rd, Coral Springs, FL 33076", href: "#" }] },
+              { title: "Contact", items: [{ label: "(786) 378-0141", href: "tel:7863780141" }] },
+              { title: "Services", items: [{ label: "Haircut", href: "/#pricing" }, { label: "Beard Trim", href: "/#pricing" }, { label: "Kids Cut", href: "/#pricing" }] },
+            ]}
+            copyrightText="© 2025 Brookside Barbers"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}