Add src/app/booking/page.tsx

2026-05-08 16:12:17 +00:00
parent 4c8c5ad7a2
commit 93dfb8e569
1 changed files with 63 additions and 0 deletions
--- a/src/app/booking/page.tsx
+++ b/src/app/booking/page.tsx
@@ -0,0 +1,63 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterBase from '@/components/sections/footer/FooterBase';
+
+export default function BookingPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="pill"
+        contentWidth="small"
+        sizing="mediumLarge"
+        background="blurBottom"
+        cardStyle="outline"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="layered"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <NavbarLayoutFloatingInline
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Features", id: "/#features" },
+            { name: "Halls", id: "/#products" },
+            { name: "Pricing", id: "/#pricing" },
+            { name: "Booking", id: "/booking" },
+            { name: "Contact", id: "/#contact" },
+          ]}
+          brandName="BookMySlot"
+          button={{ text: "Home", href: "/" }}
+        />
+        
+        <div className="min-h-screen pt-32 pb-20">
+          <ContactSplitForm
+            title="Book Your Event"
+            description="Select your preferred date and requirements, and our team will get back to you shortly."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Full Name", required: true },
+              { name: "email", type: "email", placeholder: "Email Address", required: true },
+              { name: "date", type: "date", placeholder: "Event Date", required: true },
+              { name: "guests", type: "number", placeholder: "Approx. Guest Count", required: true }
+            ]}
+            textarea={{ name: "notes", placeholder: "Any special requests?", rows: 4 }}
+            buttonText="Confirm Booking Request"
+            imageSrc="http://img.b2bpic.net/free-photo/elegant-rendering-interior-design_23-2151892490.jpg"
+          />
+        </div>
+
+        <FooterBase
+          columns={[
+            { title: "Platform", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }] },
+            { title: "Support", items: [{ label: "Contact", href: "/contact" }, { label: "Privacy Policy", href: "#" }] }
+          ]}
+          logoText="BookMySlot"
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}