"use client";

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

export default function ContactPage() {
  return (
    <ThemeProvider>
      <ReactLenis root>
        <NavbarStyleCentered
          navItems={[
            { name: "Home", id: "/" },
            { name: "Services", id: "/" },
            { name: "About", id: "/" },
            { name: "Contact", id: "/contact" },
          ]}
          brandName="Madhur Radio"
        />
        <div className="pt-32 pb-20">
            <ContactText
              useInvertedBackground={false}
              background={{ variant: "gradient-bars" }}
              title="Contact Us"
              text="Get in touch for bookings, queries, or event planning in Sawai Madhopur. We are here to make your event memorable."
              buttons={[{ text: "Call Now: 9414646994", href: "tel:9414646994" }, { text: "WhatsApp", href: "https://wa.me/919414646994" }]}
            />
        </div>
        <FooterBaseReveal
          logoText="Madhur Radio"
          columns={[
            { title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Services", href: "/" }, { label: "About", href: "/" }, { label: "Contact", href: "/contact" }] },
            { title: "Business Info", items: [{ label: "Sawai Madhopur", href: "#" }, { label: "9414646994", href: "tel:9414646994" }] }
          ]}
          copyrightText="© 2025 Madhur Radio. All rights reserved."
        />
      </ReactLenis>
    </ThemeProvider>
  );
}
