"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Utensils, Image, Calendar, Star } from "lucide-react";

export default function RestaurantPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="small"
      sizing="mediumSizeLargeTitles"
      background="circleGradient"
      cardStyle="outline"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Menu", id: "menu" },
            { name: "Gallery", id: "gallery" },
            { name: "Reserve", id: "reservations" }
          ]}
          brandName="Elegance"
          bottomLeftText="Fine Dining Experience"
          bottomRightText="info@elegance.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCentered
          background={{ variant: "sparkles-gradient" }}
          avatars={[
            { src: "https://img.b2bpic.net/free-photo/shot-professional-old-chef-dressed-uniform-holding-kitchen-spatula-tongs_613910-17564.jpg", alt: "Chef portrait" }
          ]}
          avatarText="Award-Winning Culinary Excellence"
          title="Experience Fine Dining at Its Finest"
          description="Discover exceptional flavors, impeccable service, and an unforgettable dining atmosphere at our renowned restaurant."
          buttons={[
            { text: "Make a Reservation", href: "reservations" },
            { text: "View Menu", href: "menu" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="Our Story"
          description={[
            "Elegance Restaurant has been a beacon of culinary excellence for over two decades. Our head chef brings decades of international experience, crafting dishes that tell stories of tradition and innovation.",            "We believe that dining is more than just a meal—it's an experience. Every plate that leaves our kitchen is a masterpiece, prepared with the finest ingredients and unwavering attention to detail."
          ]}
          useInvertedBackground="noInvert"
          showBorder={true}
          buttons={[
            { text: "Explore Our Journey", href: "#" }
          ]}
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardOne
          title="Our Menu"
          description="Carefully curated dishes featuring seasonal ingredients and signature creations."
          tag="Chef's Selection"
          tagIcon={Utensils}
          products={[
            {
              id: "1",              name: "Pan-Seared Scallops",              price: "$34",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-cook-preparing-meal-designing-meal-inside-plate-fry-meat-food-meal_140725-26012.jpg",              imageAlt: "Pan-Seared Scallops"
            },
            {
              id: "2",              name: "Heritage Beef Tenderloin",              price: "$42",              imageSrc: "https://img.b2bpic.net/free-photo/fried-salmon-sauce-fried-eggplant_140725-2972.jpg",              imageAlt: "Heritage Beef Tenderloin"
            },
            {
              id: "3",              name: "Seasonal Vegetable Medley",              price: "$26",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-cook-preparing-food-inside-kitchen-food-meal-fry-cook_140725-26010.jpg",              imageAlt: "Seasonal Vegetable Medley"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Download Full Menu", href: "#" }
          ]}
        />
      </div>

      <div id="gallery" data-section="gallery">
        <MetricCardEleven
          title="Photo Gallery"
          description="Glimpse into the artistry and elegance that define our culinary creations and dining experience."
          tag="Visual Journey"
          tagIcon={Image}
          metrics={[
            {
              id: "1",              value: "Interior",              title: "Dining Ambiance",              description: "Sophisticated setting for memorable meals",              imageSrc: "https://img.b2bpic.net/free-photo/wonderful-wedding-table-amazing-restaurant_8353-9875.jpg",              imageAlt: "Restaurant dining room"
            },
            {
              id: "2",              value: "Kitchen",              title: "Culinary Artistry",              description: "Where excellence is prepared with passion",              imageSrc: "https://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg",              imageAlt: "Professional kitchen"
            },
            {
              id: "3",              value: "Plating",              title: "Signature Dish",              description: "Masterpiece on every plate",              imageSrc: "https://img.b2bpic.net/free-photo/fresh-vegetable-salad-plate_140725-4644.jpg",              imageAlt: "Gourmet plating"
            },
            {
              id: "4",              value: "Appetizer",              title: "Culinary Innovation",              description: "Starting your dining journey right",              imageSrc: "https://img.b2bpic.net/free-photo/grilled-meat-cutlet-with-sauce-spicy-pepper-zucchini-tomatoes_140725-10844.jpg",              imageAlt: "Gourmet appetizer"
            },
            {
              id: "5",              value: "Dessert",              title: "Sweet Finale",              description: "The perfect ending to your meal",              imageSrc: "https://img.b2bpic.net/free-photo/food-ads-mangal-salad-high-kitchen-with-fresh-herbs-greenery_114579-1844.jpg",              imageAlt: "Dessert plating"
            },
            {
              id: "6",              value: "Beverages",              title: "Wine Selection",              description: "Curated pairings for your dining",              imageSrc: "https://img.b2bpic.net/free-photo/lamb-bone-covered-with-dough-finely-cooked_114579-2429.jpg",              imageAlt: "Wine service"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="reservations" data-section="reservations">
        <ContactSplit
          tag="Reservations"
          tagIcon={Calendar}
          title="Reserve Your Table"
          description="Join us for an unforgettable dining experience. Secure your reservation today and prepare for an evening of culinary excellence."
          background={{ variant: "radial-gradient" }}
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8729.jpg"
          imageAlt="Restaurant interior"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Reserve Now"
          termsText="We'll contact you to confirm your reservation time and seating preferences."
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          cardTitle="Over 5,000 satisfied diners have celebrated special moments at our table"
          cardTag="Guest Testimonials"
          cardTagIcon={Star}
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              imageSrc: "https://img.b2bpic.net/free-photo/view-chef-working-kitchen_23-2149728027.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              name: "James Rodriguez",              imageSrc: "https://img.b2bpic.net/free-photo/male-chef-kitchen-preparing-salad-rubbing-cheese-top_1303-32161.jpg",              imageAlt: "James Rodriguez"
            },
            {
              id: "3",              name: "Elena Vasquez",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-pensive-old-man-chef-dressed-uniform-posing-against-dark-background_613910-17582.jpg",              imageAlt: "Elena Vasquez"
            },
            {
              id: "4",              name: "David Chen",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-smiley-man-kitchen_23-2149631673.jpg",              imageAlt: "David Chen"
            }
          ]}
        />
      </div>

      <div id="contact-footer" data-section="contact-footer">
        <ContactSplit
          tag="Newsletter"
          title="Stay Updated"
          description="Subscribe to our newsletter for exclusive offers, chef's special menus, and dining event announcements."
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground="noInvert"
          mediaPosition="left"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe at any time to stop receiving updates."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Navigate",              items: [
                { label: "Home", href: "hero" },
                { label: "About Us", href: "about" },
                { label: "Menu", href: "menu" }
              ]
            },
            {
              title: "Dine With Us",              items: [
                { label: "Reservations", href: "reservations" },
                { label: "Gallery", href: "gallery" },
                { label: "Private Events", href: "#" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Hours", href: "#" },
                { label: "Location", href: "#" },
                { label: "Phone", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2025 Elegance Restaurant. All rights reserved."
          bottomRightText="Crafted with culinary passion"
        />
      </div>
    </ThemeProvider>
  );
}