"use client";

import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";

export default function GalleryPage() {
    return (
        <ThemeProvider
            defaultButtonVariant="icon-arrow"
            defaultTextAnimation="background-highlight"
            borderRadius="soft"
            contentWidth="medium"
            sizing="mediumLarge"
            background="floatingGradient"
            cardStyle="glass-elevated"
            primaryButtonStyle="shadow"
            secondaryButtonStyle="layered"
            headingFontWeight="semibold"
        >
            <ReactLenis root>
                <div id="nav" data-section="nav">
                    <NavbarLayoutFloatingInline
                        brandName="Restauracja Goloneczka"
                        navItems={[
                            { name: "Menu", id: "/menu" },
                            { name: "Galeria", id: "/gallery" },
                            { name: "O nas", id: "/" },
                            { name: "Kontakt", id: "/" }
                        ]}
                        button={{ text: "Zarezerwuj stolik", href: "/#contact" }}
                    />
                </div>

                <div id="gallery" data-section="gallery">
                    <ProductCardTwo
                        title="Nasza Galeria"
                        description="Zobacz jak wygląda nasza restauracja i nasze pyszne dania."
                        products={[]}
                        gridVariant="four-items-2x2-equal-grid"
                        animationType="blur-reveal"
                        textboxLayout="default"
                    />
                </div>

                <div id="footer" data-section="footer">
                    <FooterLogoReveal
                        logoText="Restauracja Goloneczka"
                        leftLink={{ text: "Polityka prywatności", href: "#" }}
                        rightLink={{ text: "Kontakt", href: "/#contact" }}
                    />
                </div>
            </ReactLenis>
        </ThemeProvider>
    );
}