"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import FooterBase from '@/components/sections/footer/FooterBase';

export default function RestaurantPage() {
  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" }}
      />
      <HeroBillboardCarousel 
        title="Our Restaurant"
        description="An editorial journey through our dining space, meticulously designed for intimate gastronomy."
        mediaItems={[{ imageSrc: "https://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081502.jpg?id=94766451" }]} 
        background={{ variant: "plain" }}
      />
      <FeatureCardNineteen
        title="The Atmosphere"
        description="Clean lines meet Japanese minimalist tradition."
        features={[{ tag: "Design", title: "Minimalist Elegance", subtitle: "Refined dining", description: "Experience luxury in every detail.", imageSrc: "https://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081502.jpg?id=94766451" }]}
        textboxLayout="default"
        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>
  );
}