"use client";

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

export default function AboutPage() {
  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>
        <div id="nav" data-section="nav">
          <NavbarLayoutFloatingInline
              navItems={[
                  { name: "Overview", id: "/" },
                  { name: "Menu", id: "/menu" },
                  { name: "About", id: "/about" },
                  { name: "Contact", id: "/#contact" },
              ]}
              brandName="FEDERICO"
              button={{ text: "Book Table", href: "/reservations" }}
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}