"use client";

import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
import TextAbout from "@/components/sections/about/TextAbout";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
import FeatureCardTwentyNine from "@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import { Utensils } from "lucide-react";

export default function PolishRestaurantPage() {
    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: "about" },
                            { name: "Kontakt", id: "contact" }
                        ]}
                        button={{
                            text: "Zarezerwuj stolik",                            href: "#contact"
                        }}
                    />
                </div>

                <div id="hero" data-section="hero">
                    <HeroBillboard
                        title="Tradycja smaku w nowoczesnym wydaniu"
                        description="Zapraszamy na wyjątkowe dania kuchni polskiej przygotowywane z pasją i sercem. Poczuj domową atmosferę w eleganckim wnętrzu."
                        background={{ variant: "sparkles-gradient" }}
                        tag="Kuchnia Polska"
                        tagIcon={Utensils}
                        imageSrc="http://img.b2bpic.net/free-photo/lam-leg-with-potatoes-black-wall_181624-34228.jpg"
                        imageAlt="Tradycyjna polska golonka z dodatkami"
                        buttons={[
                            { text: "Zarezerwuj stolik", href: "#contact" },
                            { text: "Zobacz menu", href: "/menu" }
                        ]}
                    />
                </div>

                <div id="about" data-section="about">
                    <TextAbout
                        title="W Restauracji Goloneczka łączymy dziedzictwo polskich receptur z najwyższą jakością lokalnych produktów. Nasze wnętrze to miejsce, gdzie historia spotyka się z doskonałą gościnnością."
                        useInvertedBackground={false}
                        buttons={[
                            { text: "Poznaj naszą historię", href: "#" }
                        ]}
                    />
                </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>
    );
}