"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Calendar, ChefHat, Heart, ImageIcon, Leaf, Utensils } from 'lucide-react';

export default function RestaurantPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="mediumSmall"
      sizing="largeSmall"
      background="aurora"
      cardStyle="inset"
      primaryButtonStyle="flat"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Savoria"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Menu", id: "menu" },
            { name: "Gallery", id: "gallery" },
            { name: "About", id: "about" },
            { name: "Reserve", id: "contact" }
          ]}
          button={{
            text: "Book a Table",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Welcome to Savoria"
          description="Discover an extraordinary culinary journey where tradition meets innovation. Our chef-curated menu features the finest seasonal ingredients and timeless recipes."
          tag="Fine Dining"
          tagIcon={Utensils}
          background={{ variant: "aurora" }}
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg",              imageAlt: "Elegant restaurant ambiance"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-cook-preparing-meal-designing-meal-inside-plate-fry-meat-food-meal_140725-26012.jpg",              imageAlt: "Gourmet main course plating"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-cooked-squashes-designed-meal-inside-plate-grey-space_140725-83766.jpg",              imageAlt: "Exquisite appetizer presentation"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/salmon-bruschetta-with-cucumber-mozzarella-dill-red-onion-dried-tomato-lime_141793-2269.jpg",              imageAlt: "Artisan dessert creation"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/healthy-baked-vegetables-ham-sandwiches_7502-7403.jpg",              imageAlt: "Chef's special preparation"
            }
          ]}
          buttons={[
            { text: "Reserve Now", href: "contact" },
            { text: "View Menu", href: "menu" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="Our Story"
          tagIcon={ChefHat}
          title="Crafting Culinary Excellence Since 2015"
          description="Savoria was founded on the belief that exceptional food deserves an exceptional experience. Our head chef brings 25 years of international culinary expertise, blending traditional techniques with contemporary innovation. Every dish is a testament to our commitment to quality, sustainability, and the art of fine dining."
          metrics={[
            { value: "25+", title: "Years of Culinary Excellence" },
            { value: "500+", title: "Satisfied Guests Monthly" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/close-up-chef-cooking-restaurant-kitchen_329181-16131.jpg"
          imageAlt="Master Chef at Savoria"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardFour
          title="Our Menu"
          description="Seasonal selections crafted with the finest ingredients and time-honored techniques. Each dish tells a story of passion and precision."
          tag="Seasonal Menu"
          tagIcon={Leaf}
          products={[
            {
              id: "appetizer-1",              name: "Pan-Seared Foie Gras",              price: "$28",              variant: "with cherry gastrique & brioche",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-side-dish-with-vegetables-caviar-top-with-blurred-background_181624-2204.jpg",              imageAlt: "Pan-Seared Foie Gras appetizer"
            },
            {
              id: "main-1",              name: "Heritage Beef Tenderloin",              price: "$52",              variant: "aged 45 days, with truffle reduction",              imageSrc: "https://img.b2bpic.net/free-photo/healthy-baked-vegetables-ham-sandwiches_7502-7403.jpg",              imageAlt: "Heritage Beef Tenderloin"
            },
            {
              id: "dessert-1",              name: "Chocolate Soufflé",              price: "$18",              variant: "dark chocolate, raspberry coulis, vanilla bean ice cream",              imageSrc: "https://img.b2bpic.net/free-photo/lamb-wrapped-with-dough-tomato-sauce_114579-2133.jpg",              imageAlt: "Signature Chocolate Soufflé"
            },
            {
              id: "appetizer-2",              name: "Burrata & Heirloom Tomato",              price: "$18",              variant: "basil oil, aged balsamic reduction",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-side-dish-with-vegetables-caviar-top-with-blurred-background_181624-2204.jpg",              imageAlt: "Burrata Appetizer"
            },
            {
              id: "main-2",              name: "Pan-Roasted Halibut",              price: "$48",              variant: "lemon beurre blanc, seasonal vegetables",              imageSrc: "https://img.b2bpic.net/free-photo/healthy-baked-vegetables-ham-sandwiches_7502-7403.jpg",              imageAlt: "Pan-Roasted Halibut"
            },
            {
              id: "dessert-2",              name: "Crème Brûlée",              price: "$14",              variant: "Madagascar vanilla bean, caramelized sugar",              imageSrc: "https://img.b2bpic.net/free-photo/lamb-wrapped-with-dough-tomato-sauce_114579-2133.jpg",              imageAlt: "Classic Crème Brûlée"
            }
          ]}
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="gallery" data-section="gallery">
        <FeatureBento
          title="Experience Savoria"
          description="Step into our world of culinary artistry and refined ambiance. Explore the spaces where memories are made and flavors are celebrated."
          tag="Gallery"
          tagIcon={ImageIcon}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          features={[
            {
              title: "Dining Room",              description: "Intimate setting with floor-to-ceiling windows overlooking the city",              bentoComponent: "media-stack",              items: [
                {
                  imageSrc: "https://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8729.jpg",                  imageAlt: "Main dining room view"
                },
                {
                  imageSrc: "https://img.b2bpic.net/free-photo/lamb-bone-covered-with-dough-finely-cooked_114579-2429.jpg",                  imageAlt: "Culinary detail shot"
                },
                {
                  imageSrc: "https://img.b2bpic.net/free-photo/dining-room-beige-color-tones-interior-design_114579-2225.jpg",                  imageAlt: "Open kitchen concept"
                }
              ]
            },
            {
              title: "Bar & Lounge",              description: "Craft cocktails and curated wine selection in a sophisticated setting",              bentoComponent: "media-stack",              items: [
                {
                  imageSrc: "https://img.b2bpic.net/free-photo/wicker-gray-table-with-glass-gray-chairs_140725-3025.jpg",                  imageAlt: "Bar area seating"
                },
                {
                  imageSrc: "https://img.b2bpic.net/free-photo/closeup-side-dish-with-vegetables-caviar-top-with-blurred-background_181624-2204.jpg",                  imageAlt: "Bar appetizer pairing"
                },
                {
                  imageSrc: "https://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8729.jpg",                  imageAlt: "Lounge ambiance"
                }
              ]
            },
            {
              title: "Private Events",              description: "Customizable spaces for celebrations and corporate gatherings",              bentoComponent: "media-stack",              items: [
                {
                  imageSrc: "https://img.b2bpic.net/free-photo/dining-room-beige-color-tones-interior-design_114579-2225.jpg",                  imageAlt: "Event space setup"
                },
                {
                  imageSrc: "https://img.b2bpic.net/free-photo/healthy-baked-vegetables-ham-sandwiches_7502-7403.jpg",                  imageAlt: "Event menu plating"
                },
                {
                  imageSrc: "https://img.b2bpic.net/free-photo/close-up-chef-cooking-restaurant-kitchen_329181-16131.jpg",                  imageAlt: "Chef oversees event"
                }
              ]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          cardTitle="Trusted by thousands of discerning diners who celebrate exceptional cuisine and unforgettable experiences"
          cardTag="Guests Love Savoria"
          cardTagIcon={Heart}
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              imageSrc: "https://img.b2bpic.net/free-photo/man-chef-cooking-asian-chicken-cafe-kitchen_1303-32155.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              name: "James Peterson",              imageSrc: "https://img.b2bpic.net/free-photo/culinary-expert-commercial-kitchen-prepares-dish-with-fresh-basil-parsley_482257-124314.jpg",              imageAlt: "James Peterson"
            },
            {
              id: "3",              name: "Elena Rossi",              imageSrc: "https://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149727992.jpg",              imageAlt: "Elena Rossi"
            },
            {
              id: "4",              name: "David Chen",              imageSrc: "https://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149727991.jpg",              imageAlt: "David Chen"
            },
            {
              id: "5",              name: "Sophie Laurent",              imageSrc: "https://img.b2bpic.net/free-photo/man-chef-cooking-asian-chicken-cafe-kitchen_1303-32155.jpg",              imageAlt: "Sophie Laurent"
            },
            {
              id: "6",              name: "Marcus Williams",              imageSrc: "https://img.b2bpic.net/free-photo/culinary-expert-commercial-kitchen-prepares-dish-with-fresh-basil-parsley_482257-124314.jpg",              imageAlt: "Marcus Williams"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Reservations"
          tagIcon={Calendar}
          title="Reserve Your Table"
          description="Join us for an unforgettable dining experience. Book your reservation today and prepare for an evening of culinary excellence."
          background={{ variant: "radial-gradient" }}
          useInvertedBackground="invertDefault"
          inputPlaceholder="your@email.com"
          buttonText="Get Started"
          termsText="We'll send you a confirmation email with reservation details. By booking, you agree to our dining terms and cancellation policy."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="Savoria"
          columns={[
            {
              items: [
                { label: "Hours", href: "#" },
                { label: "Tue-Thu: 5PM-11PM", href: "#" },
                { label: "Fri-Sat: 5PM-12AM", href: "#" },
                { label: "Sunday: 5PM-10PM", href: "#" },
                { label: "Closed Mondays", href: "#" }
              ]
            },
            {
              items: [
                { label: "Contact", href: "#" },
                { label: "+1 (555) 123-4567", href: "tel:+15551234567" },
                { label: "hello@savoria.com", href: "mailto:hello@savoria.com" },
                { label: "123 Park Avenue", href: "#" },
                { label: "New York, NY 10017", href: "#" }
              ]
            },
            {
              items: [
                { label: "Menu", href: "menu" },
                { label: "Private Events", href: "#" },
                { label: "Wine List", href: "#" },
                { label: "Careers", href: "#" },
                { label: "Contact Us", href: "contact" }
              ]
            },
            {
              items: [
                { label: "Follow Us", href: "#" },
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" },
                { label: "Twitter", href: "https://twitter.com" },
                { label: "LinkedIn", href: "https://linkedin.com" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}