"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 WhatsOnPage() {
  return (
    <ThemeProvider>
      <NavbarStyleCentered brandName="Kuro Gyu" navItems={[{name: "Back Home", id: "/"}]} />
      <div className="pt-32 pb-20 px-6 max-w-4xl mx-auto">
        <h1 className="text-4xl font-bold mb-6">What's On</h1>
        <p className="text-lg mb-8">Discover upcoming events, seasonal tastings, and exclusive culinary showcases at Kuro Gyu.</p>
      </div>
      <ContactCenter
        tag="Reservations"
        title="Inquire About Events"
        description="Join us for our upcoming culinary events."
        tagIcon={Calendar}
        background={{ variant: "plain" }}
      />
      <FooterBase logoText="Kuro Gyu" columns={[]} />
    </ThemeProvider>
  );
}