"use client";

import ReactLenis from "lenis/react";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterCard from "@/components/sections/footer/FooterCard";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Instagram, Facebook, Linkedin } from "lucide-react";

export default function ContactPage() {
    return (
        <ThemeProvider
            defaultButtonVariant="icon-arrow"
            defaultTextAnimation="entrance-slide"
            borderRadius="rounded"
            contentWidth="medium"
            sizing="medium"
            background="none"
            cardStyle="solid"
            primaryButtonStyle="shadow"
            secondaryButtonStyle="solid"
            headingFontWeight="medium"
        >
            <ReactLenis root>
                <NavbarLayoutFloatingInline
                    navItems={[
                        { name: "Overview", id: "/" },
                        { name: "Gallery", id: "/gallery" },
                        { name: "Reservations", id: "/reservations" },
                        { name: "Contact", id: "/contact" },
                    ]}
                    brandName="FEDERICO"
                    button={{ text: "Book Table", href: "/reservations" }}
                />
                <ContactCenter
                    tag="Contact"
                    title="Visit or Reach Out"
                    description="Locate us at 1 Rue du Lac de Constance, Tunis. We are open for your pleasure."
                    background={{ variant: "plain" }}
                    useInvertedBackground={false}
                />
                <FooterCard
                    logoText="FEDERICO"
                    copyrightText="© 2025 FEDERICO Restaurant. 1 Rue du Lac de Constance, Tunis."
                    socialLinks={[
                        { icon: Instagram, href: "#", ariaLabel: "Instagram" },
                        { icon: Facebook, href: "#", ariaLabel: "Facebook" },
                        { icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
                    ]}
                />
            </ReactLenis>
        </ThemeProvider>
    );
}