"use client";

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

export default function SakeBarPage() {
  return (
    <ThemeProvider>
      <NavbarStyleCentered 
        brandName="Kuro Gyu" 
        navItems={[{ name: "Restaurant", id: "/restaurant" }, { name: "Menus", id: "/menus" }, { name: "Sake Bar", id: "/sake-bar" }, { name: "Contact", id: "contact" }]} 
        button={{ text: "Reserve", href: "/contact" }}
      />
      <MetricSplitMediaAbout
        title="The Listening Sake Bar"
        description="An intimate space dedicated to high-fidelity audio and exceptional curated sake."
        metrics={[{ value: "50+", title: "Premium Sake Labels" }, { value: "Vinyl", title: "Analog Sessions" }]}
        imageSrc="https://img.b2bpic.net/free-photo/wine-glass_74190-1311.jpg"
        useInvertedBackground={false}
      />
      <FooterBase 
        logoText="Kuro Gyu" 
        columns={[{ title: "Dining", items: [{ label: "Restaurant", href: "/restaurant" }, { label: "Menus", href: "/menus" }, { label: "Sake Bar", href: "/sake-bar" }] }]}
      />
    </ThemeProvider>
  );
}