"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Calendar, Camera, ChefHat, Phone, Star, Utensils } from "lucide-react";

export default function RestaurantPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="medium"
      sizing="largeSmall"
      background="aurora"
      cardStyle="glass-elevated"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="bold"
    >
      <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: "reservations" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Reserve Now",            href: "reservations"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll 
          title="Welcome to Culinary Haven"
          description="Experience exquisite cuisine crafted by our award-winning chefs in an intimate, elegant setting. Discover flavors that tell a story of passion, tradition, and culinary excellence."
          tag="Fine Dining Excellence"
          tagIcon={Utensils}
          background={{ variant: "plain" }}
          imageSrc="https://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8729.jpg"
          imageAlt="Fine dining restaurant interior"
          buttons={[
            { text: "Reserve Your Table", href: "reservations" },
            { text: "Explore Menu", href: "menu" }
          ]}
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardOne 
          title="Our Signature Menu"
          description="Carefully curated dishes featuring seasonal ingredients and time-honored techniques. Each dish is a masterpiece designed to delight your palate."
          tag="Chef's Selection"
          tagIcon={ChefHat}
          products={[
            {
              id: "1",              name: "Pan-Seared Scallops",              price: "$34",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-cooked-squashes-designed-meal-inside-plate-grey-space_140725-83766.jpg",              imageAlt: "Pan-seared scallops with seasonal vegetables"
            },
            {
              id: "2",              name: "Herb-Crusted Salmon",              price: "$42",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-cooked-squashes-designed-meal-inside-plate-dark-grey-space_140725-83767.jpg",              imageAlt: "Herb-crusted salmon fillet"
            },
            {
              id: "3",              name: "Decadent Chocolate Sphere",              price: "$16",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-cooked-squashes-designed-meal-inside-plate-grey-space_140725-83769.jpg",              imageAlt: "Chocolate dessert sphere"
            },
            {
              id: "4",              name: "Homemade Pasta Primavera",              price: "$28",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-cooked-squashes-designed-meal-inside-plate-grey-surface_140725-89993.jpg",              imageAlt: "Fresh pasta with spring vegetables"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="gallery" data-section="gallery">
        <TeamCardSix 
          title="Experience Our Restaurant"
          description="From our beautifully appointed dining room to our open kitchen, every detail is designed for an unforgettable experience."
          tag="Photo Gallery"
          tagIcon={Camera}
          members={[
            {
              id: "1",              name: "Dining Room",              role: "Elegant & Intimate",              imageSrc: "https://img.b2bpic.net/free-photo/wonderful-wedding-table-amazing-restaurant_8353-9875.jpg",              imageAlt: "Fine dining room with elegant table settings"
            },
            {
              id: "2",              name: "Open Kitchen",              role: "Culinary Theater",              imageSrc: "https://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg",              imageAlt: "Professional kitchen with chefs cooking"
            },
            {
              id: "3",              name: "Wine Bar",              role: "Curated Selection",              imageSrc: "https://img.b2bpic.net/free-photo/wicker-gray-table-with-glass-gray-chairs_140725-3025.jpg",              imageAlt: "Extensive wine collection on display"
            },
            {
              id: "4",              name: "Table Setting",              role: "Attention to Detail",              imageSrc: "https://img.b2bpic.net/free-photo/there-are-glasses-wine-water-table-with-white-cloth-are-ready-dining_613910-3426.jpg",              imageAlt: "Perfectly arranged place setting"
            },
            {
              id: "5",              name: "Restaurant Entrance",              role: "Welcoming Ambiance",              imageSrc: "https://img.b2bpic.net/free-photo/wide-restaurant-hall-with-wooden-table-chairs-6-persons_140725-8910.jpg",              imageAlt: "Elegant restaurant storefront entrance"
            }
          ]}
          gridVariant="bento-grid"
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="reservations" data-section="reservations">
        <MetricCardTen 
          title="Make Your Reservation"
          description="Secure your table for an exceptional dining experience. Our team is dedicated to ensuring your visit is perfect."
          tag="Book Now"
          tagIcon={Calendar}
          metrics={[
            {
              id: "1",              title: "Dinner Service",              subtitle: "Tuesday - Sunday · 5:00 PM - 11:00 PM",              category: "Evening",              value: "6-10 Guests",              buttons: [{ text: "Reserve", href: "contact" }]
            },
            {
              id: "2",              title: "Lunch Service",              subtitle: "Tuesday - Friday · 12:00 PM - 2:30 PM",              category: "Daytime",              value: "2-8 Guests",              buttons: [{ text: "Reserve", href: "contact" }]
            },
            {
              id: "3",              title: "Private Events",              subtitle: "Custom menus and flexible timing available",              category: "Special",              value: "10-50 Guests",              buttons: [{ text: "Inquire", href: "contact" }]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSixteen 
          title="What Our Guests Say"
          description="Hear from those who have experienced the magic of dining at Culinary Haven."
          tag="Guest Reviews"
          tagIcon={Star}
          testimonials={[
            {
              id: "1",              name: "Margaret Chen",              role: "Food Critic",              company: "Gourmet Review Magazine",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",              imageAlt: "Margaret Chen portrait"
            },
            {
              id: "2",              name: "James Richardson",              role: "Chef & Entrepreneur",              company: "Culinary Arts Institute",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg",              imageAlt: "James Richardson portrait"
            },
            {
              id: "3",              name: "Sophie Laurent",              role: "Restaurant Consultant",              company: "Fine Dining Association",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg",              imageAlt: "Sophie Laurent portrait"
            },
            {
              id: "4",              name: "David Thompson",              role: "Sommelier",              company: "Wine Enthusiasts Club",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",              imageAlt: "David Thompson portrait"
            }
          ]}
          kpiItems={[
            { value: "500+", label: "Happy Guests Monthly" },
            { value: "4.9/5", label: "Average Rating" },
            { value: "15+", label: "Years of Excellence" }
          ]}
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA 
          tag="Get in Touch"
          tagIcon={Phone}
          title="Ready to Dine With Us?"
          description="Contact us to make a reservation, inquire about our private events, or simply send us your feedback. We look forward to serving you."
          background={{ variant: "plain" }}
          buttons={[
            { text: "Call Us", href: "#" },
            { text: "Email Us", href: "#" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple 
          columns={[
            {
              title: "Restaurant",              items: [
                { label: "Menu", href: "#menu" },
                { label: "Gallery", href: "#gallery" },
                { label: "Reservations", href: "#reservations" }
              ]
            },
            {
              title: "Information",              items: [
                { label: "About Us", href: "#" },
                { label: "Our Chef", href: "#" },
                { label: "Events", href: "#" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Phone", href: "#" },
                { label: "Email", href: "#" },
                { label: "Location", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2025 Culinary Haven. All rights reserved."
          bottomRightText="Made with Webild"
        />
      </div>
    </ThemeProvider>
  );
}