"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Calendar } from 'lucide-react';

export default function ContactPage() {
  return (
    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
      <NavbarStyleCentered brandName="Kuro Gyu" navItems={[{name: "Back Home", id: "/"}]} />
      <div className="pt-32 pb-20">
        <ContactCenter
          tag="Contact Us"
          title="Get in Touch"
          description="We look forward to serving you. Reach out with any inquiries or reservation requests."
          tagIcon={Calendar}
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={false}
        />
      </div>
      <FooterBase logoText="Kuro Gyu" columns={[]} />
    </ThemeProvider>
  );
}