"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';

export default function BookingPage() {
  return (
    <ThemeProvider>
      <ReactLenis root>
        <NavbarStyleCentered navItems={[{name: "Home", id: "/"}, {name: "Gallery", id: "/gallery"}, {name: "Booking", id: "/booking"}]} brandName="Madhur Radio" />
        <div className="pt-32 pb-20">
            <ContactSplitForm 
                title="Book Your Event"
                description="Secure your date for our premium DJ and lighting services."
                inputs={[{ name: "name", type: "text", placeholder: "Full Name" }, { name: "date", type: "date", placeholder: "Event Date" }, { name: "phone", type: "tel", placeholder: "Contact Number" }]}
                textarea={{ name: "details", placeholder: "Tell us about your event type and venue." }}
                buttonText="Send Booking Request"
            />
        </div>
        <FooterBaseReveal logoText="Madhur Radio" columns={[]} />
      </ReactLenis>
    </ThemeProvider>
  );
}