"use client";

import Link from 'next/link';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TextAbout from '@/components/sections/about/TextAbout';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Coffee } from "lucide-react";

export default function MenuPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="compact"
      sizing="largeSmall"
      background="aurora"
      cardStyle="soft-shadow"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen 
          brandName="Stop Sleep"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Menu", id: "/menu" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" }
          ]}
          bottomLeftText="Open Daily 6AM - 8PM"
          bottomRightText="hello@stopsleep.coffee"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne
          title="Our Signature Collections"
          description="Handpicked coffee selections crafted by our expert baristas. Each drink is made with premium beans and attention to detail that reflects our commitment to excellence."
          products={[
            {
              id: "1",
              name: "Espresso Shot",
              price: "$3.50",
              imageSrc: "https://img.b2bpic.net/free-photo/businesswoman-having-cup-coffee_53876-40350.jpg",
              imageAlt: "Single Espresso Shot"
            },
            {
              id: "2",
              name: "Silky Latte",
              price: "$5.00",
              imageSrc: "https://img.b2bpic.net/free-photo/man-white-shirt-drinks-coffee-outdoors-summer_72229-136.jpg",
              imageAlt: "Creamy Latte"
            },
            {
              id: "3",
              name: "Rich Cappuccino",
              price: "$5.25",
              imageSrc: "https://img.b2bpic.net/free-photo/closeup-classic-fresh-espresso-served-dark-surface_1220-5376.jpg",
              imageAlt: "Classic Cappuccino"
            },
            {
              id: "4",
              name: "Mocha Bliss",
              price: "$5.75",
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-business-man-enjoying-coffee_23-2148446295.jpg",
              imageAlt: "Chocolate Mocha"
            },
            {
              id: "5",
              name: "Classic Americano",
              price: "$4.25",
              imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-cup-coffee-white-saucer-with-metal-spoon_181624-27779.jpg",
              imageAlt: "Bold Americano"
            },
            {
              id: "6",
              name: "Flat White Perfection",
              price: "$5.50",
              imageSrc: "https://img.b2bpic.net/free-photo/cappuccino-coffee-with-art-latte-reflective-glass-caf_23-2147893334.jpg",
              imageAlt: "Velvety Flat White"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          carouselMode="buttons"
        />
      </div>

      <div id="menu-about" data-section="menu-about">
        <TextAbout
          title="Every bean is carefully selected from sustainable farms around the world. Our master roasters bring out unique flavors that tell the story of their origin, creating an exceptional coffee experience in every cup."
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Order Online", href: "/contact" },
            { text: "Visit Store", href: "/contact" }
          ]}
        />
      </div>

      <div id="newsletter" data-section="newsletter">
        <ContactCenter
          tag="Menu Updates"
          title="Stay Updated with New Flavors"
          description="Be the first to know about seasonal specials, new coffee arrivals, and exclusive menu items. Subscribe for weekly updates and special offers."
          tagIcon={Coffee}
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe at any time."
        />
      </div>

      <FooterBaseReveal
        columns={[
          {
            title: "Menu",
            items: [
              { label: "Coffee", href: "/menu" },
              { label: "Pastries", href: "/menu" },
              { label: "Sandwiches", href: "/menu" },
              { label: "Desserts", href: "/menu" }
            ]
          },
          {
            title: "Company",
            items: [
              { label: "About Us", href: "/about" },
              { label: "Contact", href: "/contact" },
              { label: "Careers", href: "https://careers.stopsleep.coffee" },
              { label: "Blog", href: "https://blog.stopsleep.coffee" }
            ]
          },
          {
            title: "Connect",
            items: [
              { label: "Instagram", href: "https://instagram.com" },
              { label: "Facebook", href: "https://facebook.com" },
              { label: "Twitter", href: "https://twitter.com" },
              { label: "Newsletter", href: "/contact" }
            ]
          }
        ]}
        copyrightText="© 2025 Stop Sleep Coffee. All rights reserved."
      />
    </ThemeProvider>
  );
}