"use client";

import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import TextAbout from "@/components/sections/about/TextAbout";
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";

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

                <div id="testimonials" data-section="testimonials">
                    <TestimonialCardFive
                        title="Co mówią nasi goście"
                        description="Zobacz, dlaczego klienci wracają do nas po więcej."
                        testimonials={[
                            {
                                id: "1",                                name: "Anna Kowalska",                                date: "12.05.2024",                                title: "Najlepsza golonka!",                                quote: "Golonka rozpadła się w ustach. Smakuje dokładnie jak u babci. Bardzo polecam to miejsce!",                                tag: "Klient",                                avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing_23-2149361254.jpg"
                            },
                            {
                                id: "2",                                name: "Marek Nowak",                                date: "20.05.2024",                                title: "Domowy klimat",                                quote: "Cudowne miejsce z przepysznym żurkiem. Obsługa przemiła, na pewno wrócimy na obiad.",                                tag: "Klient",                                avatarSrc: "http://img.b2bpic.net/free-photo/man-wearing-t-shirt-gesturing_23-2149393359.jpg"
                            }
                        ]}
                        textboxLayout="default"
                        useInvertedBackground={true}
                    />
                </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>
    );
}