"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBase from '@/components/sections/footer/FooterBase';

export default function ChefsTablePage() {
  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: "Home", id: "/" }, { name: "Chef's Table", id: "/chefs-table" }, { name: "Private Dining", id: "/private-dining" }, { name: "Private Hire", id: "/private-hire" }]} 
      />
      <ContactSplit
        tag="Experience"
        title="Chef's Table"
        description="An exclusive, intimate culinary journey where our executive chef prepares a bespoke multi-course tasting menu right before your eyes. Perfect for true connoisseurs."
        background={{ variant: "plain" }}
        useInvertedBackground={false}
      />
      <FooterBase logoText="Kuro Gyu" columns={[]} />
    </ThemeProvider>
  );
}