"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';

export default function ContactPage() {
  return (
    <ThemeProvider defaultButtonVariant="icon-arrow" defaultTextAnimation="reveal-blur" borderRadius="rounded" contentWidth="medium" sizing="medium" background="none" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
      <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline 
        navItems={[{name: "Home", id: "/"}, {name: "About", id: "/about"}, {name: "Contact", id: "/contact"}]} 
        brandName="Chandigi"
        button={{ text: "Home", href: "/" }}
      />
      </div>
      <ContactCenter 
        tag="Get In Touch"
        title="Contact Us"
        description="Let's discuss your next project."
        background={{ variant: "gradient-bars" }}
        useInvertedBackground={false}
        buttons={[{ text: "Submit", href: "/" }]}
      />
      <div id="footer" data-section="footer">
      <FooterBaseReveal 
        logoText="Chandigi" 
        columns={[{ title: "Links", items: [{ label: "Home", href: "/" }, { label: "Contact", href: "/contact" }] }]} 
      />
      </div>
    </ThemeProvider>
  );
}