"use client";

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

export default function BookingPage() {
  return (
    <ThemeProvider defaultButtonVariant="shift-hover" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
      <ReactLenis root>
        <NavbarStyleCentered navItems={[{ name: "Home", id: "/" }, { name: "Gallery", id: "/gallery" }, { name: "Book", id: "/booking" }]} brandName="Madhur Radio" />
        <div className="pt-32 pb-20">
           <ContactText
             text="Schedule Your Event"
             background={{ variant: "sparkles-gradient" }}
             useInvertedBackground={false}
           />
        </div>
        <FooterBaseReveal logoText="Madhur Radio" columns={[]} />
      </ReactLenis>
    </ThemeProvider>
  );
}