"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import AboutMetric from '@/components/sections/about/AboutMetric';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Award, ChefHat, Leaf, Sparkles, Users } from "lucide-react";

export default function RestaurantPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="medium"
      sizing="largeSizeMediumTitles"
      background="none"
      cardStyle="glass-depth"
      primaryButtonStyle="flat"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Savor"
          navItems={[
            { name: "Home", id: "home" },
            { name: "About", id: "about" },
            { name: "Menu", id: "menu" },
            { name: "Gallery", id: "gallery" },
            { name: "Reservations", id: "reservations" }
          ]}
          button={{
            text: "Reserve Now",            href: "reservations"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogo
          logoText="Savor"
          description="Experience culinary excellence in an elegant setting. Indulge in farm-to-table cuisine crafted by our award-winning chefs."
          buttons={[
            { text: "Reserve a Table", href: "reservations" },
            { text: "View Menu", href: "menu" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/top-view-grilled-chicken-fillet-served-with-bulgur-vegetables-white-wine_141793-2435.jpg"
          imageAlt="Fine dining gourmet cuisine"
          showDimOverlay={true}
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="Bringing passion and artistry to every plate. Since 2010, Savor has been celebrating the finest flavors and craftsmanship in fine dining."
          useInvertedBackground="noInvert"
          metrics={[
            { icon: ChefHat, label: "Michelin Recognized Chefs", value: "5+" },
            { icon: Award, label: "Industry Awards", value: "15+" },
            { icon: Users, label: "Satisfied Guests Annually", value: "8,000+" },
            { icon: Leaf, label: "Years of Culinary Excellence", value: "14" }
          ]}
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardThree
          title="Our Signature Menu"
          description="Discover our carefully curated selection of dishes, each prepared with seasonal ingredients and culinary passion."
          tag="Curated Selection"
          tagIcon={Sparkles}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          products={[
            {
              id: "appetizer",              name: "Pan-Seared Scallops",              price: "$18",              imageSrc: "https://img.b2bpic.net/free-photo/vegetable-salad-with-caviar-shrimps_140725-6375.jpg",              imageAlt: "Pan-seared scallops appetizer",              initialQuantity: 1
            },
            {
              id: "main-1",              name: "Herb-Crusted Chilean Sea Bass",              price: "$42",              imageSrc: "https://img.b2bpic.net/free-photo/fried-salmon-fillet-with-sauce-top_140725-6436.jpg",              imageAlt: "Herb-crusted Chilean sea bass",              initialQuantity: 1
            },
            {
              id: "dessert",              name: "Dark Chocolate Torte",              price: "$14",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-grilled-chicken-fillet-served-with-bulgur-vegetables-white-wine_141793-2436.jpg",              imageAlt: "Dark chocolate torte dessert",              initialQuantity: 1
            },
            {
              id: "beverage",              name: "Signature Wine Selection",              price: "$65",              imageSrc: "https://img.b2bpic.net/free-photo/vertical-view-delicious-tuna-dish-with-glass-wine-cheese-set_8353-10584.jpg",              imageAlt: "Premium wine selection",              initialQuantity: 1
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          buttons={[
            { text: "View Full Menu", href: "#" }
          ]}
        />
      </div>

      <div id="gallery" data-section="gallery">
        <TestimonialCardOne
          title="Gallery of Elegance"
          description="Step into our world through stunning photography of our culinary creations and dining experience."
          tag="Visual Journey"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          gridVariant="uniform-all-items-equal"
          animationType="scale-rotate"
          testimonials={[
            {
              id: "1",              name: "Appetizers",              role: "Artfully Crafted",              company: "First Impressions",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-cook-preparing-meal-designing-meal-inside-plate-fry-meat-food-meal_140725-26012.jpg"
            },
            {
              id: "2",              name: "Main Courses",              role: "Signature Dishes",              company: "Culinary Excellence",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/fried-salmon-fillet-with-sauce-top_140725-6436.jpg"
            },
            {
              id: "3",              name: "Desserts",              role: "Sweet Perfection",              company: "Final Delight",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/grilled-meat-decorated-with-vegetables_1303-12325.jpg"
            },
            {
              id: "4",              name: "Ambiance",              role: "Elegant Dining",              company: "Atmosphere & Style",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg"
            }
          ]}
        />
      </div>

      <div id="reservations" data-section="reservations">
        <ContactSplitForm
          title="Reserve Your Table"
          description="Book an unforgettable dining experience at Savor. Whether it's an intimate dinner or a special celebration, we look forward to welcoming you."
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-photo/life-style_1122-1851.jpg"
          imageAlt="Elegant dining table setting"
          mediaPosition="right"
          buttonText="Confirm Reservation"
          inputs={[
            { name: "name", type: "text", placeholder: "Full Name", required: true },
            { name: "email", type: "email", placeholder: "Email Address", required: true },
            { name: "phone", type: "tel", placeholder: "Phone Number", required: true },
            { name: "date", type: "date", placeholder: "Preferred Date", required: true },
            { name: "time", type: "time", placeholder: "Preferred Time", required: true },
            { name: "guests", type: "number", placeholder: "Number of Guests", required: true }
          ]}
          textarea={{
            name: "special_requests",            placeholder: "Any dietary restrictions or special requests?",            rows: 4,
            required: false
          }}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="What Our Guests Say"
          description="Real experiences from those who have dined at Savor. Your satisfaction is our greatest achievement."
          tag="Guest Reviews"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Margaret Chen",              role: "Food Critic",              company: "Culinary Magazine",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg"
            },
            {
              id: "2",              name: "James Richardson",              role: "Executive Chef",              company: "Fine Dining Association",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg"
            },
            {
              id: "3",              name: "Sofia Duarte",              role: "Event Planner",              company: "Luxury Events Co.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg"
            },
            {
              id: "4",              name: "Michael Thompson",              role: "Restaurant Owner",              company: "Hospitality Group",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-beautiful-business-office-business-center_1303-20365.jpg"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Get in Touch"
          description="Have questions about our menu, catering, or dining experience? We're here to help. Contact us for more information."
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/wide-restaurant-hall-with-wooden-table-chairs-6-persons_140725-8910.jpg"
          imageAlt="Restaurant interior and ambiance"
          mediaPosition="left"
          buttonText="Send Message"
          inputs={[
            { name: "name", type: "text", placeholder: "Your Name", required: true },
            { name: "email", type: "email", placeholder: "Your Email", required: true }
          ]}
          textarea={{
            name: "message",            placeholder: "Your message...",            rows: 5,
            required: true
          }}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Restaurant",              items: [
                { label: "About Us", href: "about" },
                { label: "Our Menu", href: "menu" },
                { label: "Gallery", href: "gallery" },
                { label: "Reservations", href: "reservations" }
              ]
            },
            {
              title: "Dining",              items: [
                { label: "Lunch Hours", href: "#" },
                { label: "Dinner Hours", href: "#" },
                { label: "Private Events", href: "#" },
                { label: "Catering", href: "#" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Contact", href: "contact" },
                { label: "Phone: (555) 123-4567", href: "#" },
                { label: "Email: hello@savor.com", href: "#" },
                { label: "Follow Us", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2024 Savor Restaurant. All rights reserved."
          bottomRightText="Crafted with culinary passion"
        />
      </div>
    </ThemeProvider>
  );
}