"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FeatureCardTwentyTwo from '@/components/sections/feature/FeatureCardTwentyTwo';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import ContactText from '@/components/sections/contact/ContactText';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';

export default function RestaurantPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="small"
      sizing="mediumLargeSizeLargeTitles"
      background="none"
      cardStyle="elevated"
      primaryButtonStyle="flat"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Culinary Haven"
          navItems={[
            { name: "Menu", id: "menu" },
            { name: "Gallery", id: "gallery" },
            { name: "About", id: "about" },
            { name: "Reservations", id: "reservation" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Book Table",            href: "reservation"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Experience Culinary Excellence"
          description="Discover our farm-to-table creations prepared with passion and the finest local ingredients. A dining experience that celebrates flavor, tradition, and innovation."
          tag="Welcome to Culinary Haven"
          background={{ variant: "plain" }}
          imageSrc="https://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8729.jpg"
          imageAlt="Elegant restaurant dining ambiance"
          buttons={[
            { text: "Reserve Your Table", href: "reservation" },
            { text: "View Menu", href: "menu" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="Our Story"
          title="Crafting Memorable Dining Moments"
          description="Founded on the principle of celebrating local flavors, Culinary Haven brings together award-winning chefs and sourced ingredients from our region's finest producers. Every dish tells a story of tradition, innovation, and dedication to culinary artistry."
          metrics={[
            { value: "15+", title: "Years of Excellence" },
            { value: "500+", title: "Happy Guests Monthly" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg"
          imageAlt="Chef preparing signature dishes"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="menu" data-section="menu">
        <FeatureCardTwentyTwo
          title="Our Signature Menu"
          description="Handcrafted dishes featuring seasonal ingredients and time-honored recipes with modern flair"
          tag="Menu"
          features={[
            {
              id: "1",              title: "Herb-Crusted Branzino with Citrus Beurre Blanc",              category: ["Seafood", "Seasonal"],
              imageSrc: "https://img.b2bpic.net/free-photo/vertical-shot-delicious-pasta-white-plate_181624-42231.jpg",              imageAlt: "Herb-crusted branzino"
            },
            {
              id: "2",              title: "Handmade Tagliatelle al Ragù with Aged Parmesan",              category: ["Pasta", "Italian"],
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-large-tube-pasta-with-chicken-cherry-tomato-with-chopped-parsley_141793-1840.jpg",              imageAlt: "Handmade tagliatelle pasta"
            },
            {
              id: "3",              title: "Roasted Heirloom Vegetable Salad with Warm Goat Cheese",              category: ["Vegetarian", "Farm-Fresh"],
              imageSrc: "https://img.b2bpic.net/free-photo/spaghetti-with-meat-creamy-sauce-garnished-with-grated-parmesan_141793-1829.jpg",              imageAlt: "Heirloom vegetable salad"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="gallery" data-section="gallery">
        <ProductCardOne
          title="Photo Gallery"
          description="A visual journey through our restaurant, cuisine, and culinary craftsmanship"
          tag="Gallery"
          products={[
            {
              id: "1",              name: "Kitchen at Work",              price: "Behind the Scenes",              imageSrc: "https://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg",              imageAlt: "Professional kitchen and chef"
            },
            {
              id: "2",              name: "Plating Perfection",              price: "The Art",              imageSrc: "https://img.b2bpic.net/free-photo/wicker-gray-table-with-glass-gray-chairs_140725-3025.jpg",              imageAlt: "Beautifully plated dish"
            },
            {
              id: "3",              name: "Ambient Dining",              price: "The Experience",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-restaurant-table-with-pink-velvet-chairs-grey-painted-hall-with-classic-paintings_140725-8705.jpg",              imageAlt: "Restaurant dining room"
            },
            {
              id: "4",              name: "Craft Cocktails",              price: "The Drinks",              imageSrc: "https://img.b2bpic.net/free-photo/dining-room-beige-color-tones-interior-design_114579-2225.jpg",              imageAlt: "Artisan beverages and cocktails"
            }
          ]}
          gridVariant="two-columns-alternating-heights"
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="reservation" data-section="reservation">
        <ContactText
          text="Ready to join us for an unforgettable dinner? Reserve your table now and let us create a memorable evening for you and your guests."
          animationType="entrance-slide"
          buttons={[
            { text: "Reserve Now", href: "#reservation-form" },
            { text: "Call Us", href: "contact" }
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="Guest Reviews"
          description="Hear from our valued guests about their dining experience at Culinary Haven"
          tag="Testimonials"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              handle: "@sarahmitchell",              testimonial: "An absolutely exceptional dining experience. The attention to detail in every dish was remarkable, and the service was impeccable. We'll definitely be returning!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              name: "James Chen",              handle: "@jameschef",              testimonial: "As a food enthusiast, I was impressed by the creativity and technique on display. The seasonal menu is a testament to their commitment to quality.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",              imageAlt: "James Chen"
            },
            {
              id: "3",              name: "Emma Rodriguez",              handle: "@emmafoodies",              testimonial: "This is where culinary passion meets local sustainability. Every ingredient shines, and the ambiance is perfect for special occasions.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-good-looking-smiling-friendly-female-trainee-ready-tackle-assignments-smiling-broadly-feeling-lucky-day-work-self-assured-encouraged-achieve-success-goal-white-wall_176420-35567.jpg",              imageAlt: "Emma Rodriguez"
            },
            {
              id: "4",              name: "Michael Park",              handle: "@mkpark",              testimonial: "A gem in our community. The chefs clearly care about their craft, and it shows in every plate. Highly recommend for celebrations and romantic dinners.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/blond-business-woman-blue-shirt_23-2148095792.jpg",              imageAlt: "Michael Park"
            }
          ]}
          showRating={true}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Culinary Haven"
          leftLink={{
            text: "Privacy Policy",            href: "/privacy"
          }}
          rightLink={{
            text: "Contact",            href: "contact"
          }}
        />
      </div>
    </ThemeProvider>
  );
}