"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';

export default function FullMenuPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="smallMedium"
        sizing="mediumLarge"
        background="floatingGradient"
        cardStyle="outline"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="normal"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarLayoutFloatingOverlay
            navItems={[
              { name: "Home", id: "/" },
              { name: "About", id: "#about" },
              { name: "Menu", id: "/menu" },
              { name: "Specials", id: "#specials" },
              { name: "Testimonials", id: "#testimonials" },
              { name: "FAQ", id: "#faq" },
              { name: "Blog", id: "#blog" },
              { name: "Contact", id: "#contact" },
            ]}
            logoSrc="http://img.b2bpic.net/free-vector/coffee-shop-logo-template_23-2150529598.jpg"
            logoAlt="Alfredo Cafe Logo"
            brandName="Alfredo Cafe"
            button={{ text: "Order Now", href: "#contact" }}
          />
        </div>

        <div id="full-menu" data-section="full-menu">
          <ProductCardTwo
            animationType="slide-up"
            textboxLayout="default"
            gridVariant="three-columns-all-equal-width"
            useInvertedBackground={false}
            products={[
              {
                id: "p-croissant", brand: "Alfredo's Bakery", name: "Buttery Croissant", price: "$3.50", rating: 5,
                reviewCount: "25", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-bagels-with-cakes-light-white-background_140725-50217.jpg?_wi=2", imageAlt: "fresh buttery croissant plate"
              },
              {
                id: "p-sandwich", brand: "Alfredo's Kitchen", name: "Gourmet Chicken Sandwich", price: "$12.00", rating: 4,
                reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-salad-sandwich-with-tomato_23-2148640135.jpg?_wi=2", imageAlt: "gourmet sandwich fresh ingredients"
              },
              {
                id: "p-smoothie", brand: "Alfredo's Refreshments", name: "Berry Blast Smoothie", price: "$7.00", rating: 5,
                reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/healthy-smoothie-with-fruits-dryfruits-white-background_23-2147907019.jpg?_wi=2", imageAlt: "refreshing fruit smoothie glass"
              },
              {
                id: "p-cake", brand: "Alfredo's Sweets", name: "Chocolate Fudge Cake", price: "$6.50", rating: 5,
                reviewCount: "22", imageSrc: "http://img.b2bpic.net/free-photo/slice-medovic-cake-black-platter_114579-17495.jpg?_wi=2", imageAlt: "decadent chocolate cake slice dessert"
              },
              {
                id: "p-tea", brand: "Alfredo's Brews", name: "English Breakfast Tea", price: "$4.00", rating: 4,
                reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/composition-with-cup-cocoa-cinnamon-sticks-knitted-element_169016-27055.jpg?_wi=2", imageAlt: "warm cup of tea herbal"
              },
              {
                id: "p-salad", brand: "Alfredo's Fresh", name: "Mediterranean Salad", price: "$11.00", rating: 4,
                reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/hawaiian-poke-bowl-with-salmon-bowl-with-seaweed-sesame-seeds-cabbage-top-view-flat-lay-banner_127032-2486.jpg?_wi=2", imageAlt: "fresh vibrant salad bowl healthy"
              },
            ]}
            title="Our Full Menu"
            description="Explore our wide range of delicious food and beverages, prepared with care and the freshest ingredients. There's something for everyone at Alfredo Cafe."
            buttons={[
              { text: "Order Online", href: "#contact" }
            ]}
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterLogoEmphasis
            logoSrc="http://img.b2bpic.net/free-vector/coffee-shop-elements-flat-design_23-2147599186.jpg"
            logoAlt="cafe logo elegant vintage"
            columns={[
              {
                items: [
                  { label: "Home", href: "/" },
                  { label: "About Us", href: "#about" },
                  { label: "Menu", href: "/menu" },
                  { label: "Specials", href: "#specials" },
                ],
              },
              {
                items: [
                  { label: "Testimonials", href: "#testimonials" },
                  { label: "FAQ", href: "#faq" },
                  { label: "Blog", href: "#blog" },
                  { label: "Contact", href: "#contact" },
                ],
              },
              {
                items: [
                  { label: "Privacy Policy", href: "#" },
                  { label: "Terms of Service", href: "#" },
                  { label: "Careers", href: "#" },
                ],
              },
            ]}
            logoText="Alfredo Cafe"
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}