"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import { Coffee } from 'lucide-react';

export default function MenuPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="largeSizeMediumTitles"
        background="circleGradient"
        cardStyle="glass-depth"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        { name: "Home", id: "/" },
        { name: "Menu", id: "/menu" },
        { name: "Reservations", id: "/reservations" },
        { name: "Contact", id: "/contact" },
      ]}
      brandName="THE WISEMEN"
      button={{ text: "Reserve", href: "/reservations" }}
    />
  </div>

  <div id="product" data-section="product">
      <ProductCardOne
      title="Our Culinary Selection"
      description="Discover our curated menu, featuring locally sourced ingredients and masterfully crafted flavors."
      tag="Daily Menu"
      tagIcon={Coffee}
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="three-columns-all-equal-width"
      products={[
        { id: "p1", name: "Signature Steak", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/grilled-meat-cutlet-with-sauce-spicy-pepper-zucchini-tomatoes_140725-10844.jpg" },
        { id: "p2", name: "Chocolate Delight", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-fork-delicious-fresh-chocolate-dessert-restaurant_23-2148001620.jpg" },
        { id: "p3", name: "Signature Cocktail", price: "$22", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-blond-hair-holding-cocktail_273609-15687.jpg" }
      ]}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Inquire About Menus"
      description="Need information regarding dietary restrictions?"
      inputs={[
        { name: "name", type: "text", placeholder: "Name" },
        { name: "message", type: "text", placeholder: "Your message" },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/blurred-restaurant-with-vintage-sofa_1203-557.jpg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="THE WISEMEN"
      columns={[
        { title: "Navigate", items: [{ label: "Home", href: "/" }, { label: "Menu", href: "/menu" }] },
        { title: "Legal", items: [{ label: "Privacy", href: "#" }] },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}