"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import ProductCardThree from '@/components/sections/product/ProductCardThree';

export default function MenuPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="large"
        background="noiseDiagonalGradient"
        cardStyle="outline"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="normal"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarStyleApple
            navItems={[
              { name: "Home", id: "/" },
              { name: "Menu", id: "/menu" },
              { name: "Gallery", id: "/gallery" },
              { name: "Location", id: "/location" },
              { name: "Contact", id: "/contact" },
            ]}
            brandName="Brew Haven"
          />
        </div>

        <div id="menu-content" data-section="menu-content">
          <ProductCardThree
            animationType="slide-up"
            textboxLayout="default"
            gridVariant="uniform-all-items-equal"
            useInvertedBackground={false}
            title="Our Full Menu"
            description="Explore our wide selection of coffee, teas, pastries, and light bites. Something for every taste!"
            products={[
                { id: "espresso", name: "Espresso", price: "$3.00", imageSrc: "http://img.b2bpic.net/free-photo/fresh-coffee-beans-cup-coffee-dark-background_23-2148285514.jpg", imageAlt: "Espresso shot" },
                { id: "americano", name: "Americano", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-dark-background_23-2148285511.jpg", imageAlt: "Americano in a mug" },
                { id: "latte", name: "Latte", price: "$4.75", imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-latte-wooden-table_23-2147893063.jpg?_wi=1", imageAlt: "Latte with art" },
                { id: "cappuccino", name: "Cappuccino", price: "$4.75", imageSrc: "http://img.b2bpic.net/free-photo/delicious-cappuccino-with-beautiful-painting-foam_181624-8920.jpg?_wi=1", imageAlt: "Cappuccino foam art" },
                { id: "mocha", name: "Mocha", price: "$5.25", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-coffee_23-2147875952.jpg", imageAlt: "Mocha with chocolate drizzle" },
                { id: "coldbrew", name: "Cold Brew", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/ice-cold-coffee-glass_23-2148425244.jpg", imageAlt: "Cold brew coffee with ice" },
                { id: "croissant", name: "Butter Croissant", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-photo/fresh-croissant-decorated-with-drop-chocolate-black-board_114579-88306.jpg?_wi=1", imageAlt: "Butter croissant" },
                { id: "muffin", name: "Blueberry Muffin", price: "$4.00", imageSrc: "http://img.b2bpic.net/free-photo/delicious-blueberry-muffin_23-2148507755.jpg", imageAlt: "Blueberry muffin" }
            ]}
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterSimple
            columns={[
              {
                title: "Quick Links",                items: [
                  { label: "Home", href: "/" },
                  { label: "Menu", href: "/menu" },
                  { label: "Gallery", href: "/gallery" },
                  { label: "Location", href: "/location" },
                ],
              },
              {
                title: "Our Story",                items: [
                  { label: "About Us", href: "/about" },
                  { label: "Our Mission", href: "/about#mission" },
                  { label: "Testimonials", href: "/#testimonials-section" },
                ],
              },
              {
                title: "Support",                items: [
                  { label: "Contact Us", href: "/contact" },
                  { label: "FAQ", href: "/contact#faqs-section" },
                  { label: "Privacy Policy", href: "#" },
                  { label: "Terms of Service", href: "#" },
                ],
              },
            ]}
            bottomLeftText="© 2024 Brew Haven. All rights reserved."
            bottomRightText="Crafted with passion by Webuild."
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
