"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Sparkles } from 'lucide-react';

export default function RestaurantMenuPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="large"
      background="circleGradient"
      cardStyle="glass-elevated"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Restaurant Menu"
          navItems={[
            { name: "Appetizers", id: "appetizers" },
            { name: "Mains", id: "mains" },
            { name: "Desserts", id: "desserts" },
            { name: "Drinks", id: "drinks" },
            { name: "Specials", id: "specials" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogo
          logoText="Our Menu"
          description="Discover our carefully curated selection of fine dining experiences"
          buttons={[
            { text: "Scan QR", href: "#appetizers" },
            { text: "View Full Menu", href: "#mains" }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQW9dvYEFNe1Zyyp17osz2p8Ls/uploaded-1772525157073-tqadh2zl.jpg"
          imageAlt="Elegant restaurant ambiance"
          showDimOverlay={true}
        />
      </div>

      <div id="appetizers" data-section="appetizers">
        <ProductCardTwo
          title="Appetizers"
          description="Start your culinary journey with our carefully selected starters"
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          useInvertedBackground={false}
          products={[
            {
              id: "1",              brand: "Chef's Selection",              name: "Foie Gras Terrine",              price: "$24",              rating: 5,
              reviewCount: "128",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-eggplant-rolls-with-walnuts_141793-3993.jpg?_wi=1",              imageAlt: "appetizers starters food elegant plating"
            },
            {
              id: "2",              brand: "Seasonal",              name: "Lobster Bisque",              price: "$18",              rating: 5,
              reviewCount: "96",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-eggplant-rolls-with-walnuts_141793-3993.jpg?_wi=2",              imageAlt: "appetizers starters food elegant plating"
            },
            {
              id: "3",              brand: "Chef's Selection",              name: "Truffle Mushroom Tartlets",              price: "$16",              rating: 5,
              reviewCount: "74",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-eggplant-rolls-with-walnuts_141793-3993.jpg?_wi=3",              imageAlt: "appetizers starters food elegant plating"
            }
          ]}
        />
      </div>

      <div id="mains" data-section="mains">
        <ProductCardTwo
          title="Main Courses"
          description="Our signature dishes prepared with the finest ingredients"
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          useInvertedBackground={false}
          products={[
            {
              id: "1",              brand: "House Special",              name: "Pan-Seared Duck Breast",              price: "$42",              rating: 5,
              reviewCount: "215",              imageSrc: "http://img.b2bpic.net/free-photo/meat-rolls-with-herbs-sauce-glass-wine_140725-3451.jpg?_wi=1",              imageAlt: "main course entrée food restaurant gourmet"
            },
            {
              id: "2",              brand: "Premium",              name: "Filet Mignon 8oz",              price: "$48",              rating: 5,
              reviewCount: "187",              imageSrc: "http://img.b2bpic.net/free-photo/meat-rolls-with-herbs-sauce-glass-wine_140725-3451.jpg?_wi=2",              imageAlt: "main course entrée food restaurant gourmet"
            },
            {
              id: "3",              brand: "Seasonal",              name: "Dover Sole Meunière",              price: "$38",              rating: 5,
              reviewCount: "143",              imageSrc: "http://img.b2bpic.net/free-photo/meat-rolls-with-herbs-sauce-glass-wine_140725-3451.jpg?_wi=3",              imageAlt: "main course entrée food restaurant gourmet"
            }
          ]}
        />
      </div>

      <div id="desserts" data-section="desserts">
        <ProductCardTwo
          title="Desserts"
          description="Sweeten your meal with our artisanal dessert creations"
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          useInvertedBackground={false}
          products={[
            {
              id: "1",              brand: "Chef's Creation",              name: "Dark Chocolate Soufflé",              price: "$14",              rating: 5,
              reviewCount: "156",              imageSrc: "http://img.b2bpic.net/free-photo/red-velvet-cake-stuffed-with-white-butter-cream_114579-2315.jpg?_wi=1",              imageAlt: "desserts pastry cake elegant fine dining"
            },
            {
              id: "2",              brand: "Signature",              name: "Crème Brûlée",              price: "$12",              rating: 5,
              reviewCount: "198",              imageSrc: "http://img.b2bpic.net/free-photo/red-velvet-cake-stuffed-with-white-butter-cream_114579-2315.jpg?_wi=2",              imageAlt: "desserts pastry cake elegant fine dining"
            },
            {
              id: "3",              brand: "Seasonal",              name: "Raspberry Tart",              price: "$13",              rating: 5,
              reviewCount: "112",              imageSrc: "http://img.b2bpic.net/free-photo/red-velvet-cake-stuffed-with-white-butter-cream_114579-2315.jpg?_wi=3",              imageAlt: "desserts pastry cake elegant fine dining"
            }
          ]}
        />
      </div>

      <div id="drinks" data-section="drinks">
        <ProductCardTwo
          title="Beverages"
          description="Curated wine selection and signature cocktails"
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          useInvertedBackground={false}
          products={[
            {
              id: "1",              brand: "French",              name: "Bordeaux Reserve 2015",              price: "$65",              rating: 5,
              reviewCount: "89",              imageSrc: "http://img.b2bpic.net/free-photo/bibliotheque-cocktail-lounge-bar-counter-relaxation-drink_482257-24605.jpg?_wi=1",              imageAlt: "drinks beverages wine cocktails restaurant"
            },
            {
              id: "2",              brand: "House Specialty",              name: "Classic Martini",              price: "$16",              rating: 5,
              reviewCount: "134",              imageSrc: "http://img.b2bpic.net/free-photo/bibliotheque-cocktail-lounge-bar-counter-relaxation-drink_482257-24605.jpg?_wi=2",              imageAlt: "drinks beverages wine cocktails restaurant"
            },
            {
              id: "3",              brand: "Selection",              name: "Champagne Flute",              price: "$18",              rating: 5,
              reviewCount: "107",              imageSrc: "http://img.b2bpic.net/free-photo/bibliotheque-cocktail-lounge-bar-counter-relaxation-drink_482257-24605.jpg?_wi=3",              imageAlt: "drinks beverages wine cocktails restaurant"
            }
          ]}
        />
      </div>

      <div id="specials" data-section="specials">
        <ContactCTA
          tag="Chef's Special"
          tagIcon={Sparkles}
          title="Today's Special Offerings"
          description="Ask our staff about our daily chef's specials and wine pairings available today"
          buttons={[
            { text: "Call Restaurant", href: "#" },
            { text: "Make Reservation", href: "#" }
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="Restaurant Menu"
          columns={[
            {
              items: [
                { label: "Appetizers", href: "#appetizers" },
                { label: "Main Courses", href: "#mains" },
                { label: "Desserts", href: "#desserts" }
              ]
            },
            {
              items: [
                { label: "Beverages", href: "#drinks" },
                { label: "Specials", href: "#specials" },
                { label: "Reservations", href: "#" }
              ]
            },
            {
              items: [
                { label: "Hours", href: "#" },
                { label: "Location", href: "#" },
                { label: "Contact", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
