"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import MediaAbout from '@/components/sections/about/MediaAbout';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Calendar, Phone } from "lucide-react";

export default function RestaurantPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="mediumSmall"
      sizing="mediumLarge"
      background="circleGradient"
      cardStyle="inset"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Savour"
          navItems={[
            { name: "Menu", id: "menu" },
            { name: "Gallery", id: "gallery" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Reserve Table",            href: "reservation"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="SAVOUR"
          description="Experience exceptional culinary artistry in an elegant dining atmosphere. Indulge in carefully crafted dishes prepared with the finest ingredients."
          slides={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/meat-rolls-with-herbs-sauce-glass-wine_140725-3451.jpg",              imageAlt: "Fine dining dish presentation"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-cook-preparing-meal-designing-meal-inside-plate-fry-meat-food-meal_140725-26012.jpg",              imageAlt: "Professional kitchen preparation"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/top-view-grilled-chicken-fillet-served-with-bulgur-vegetables-white-wine_141793-2435.jpg",              imageAlt: "Gourmet restaurant cuisine"
            }
          ]}
          buttons={[
            { text: "Reserve Now", href: "reservation" },
            { text: "View Menu", href: "menu" }
          ]}
          autoplayDelay={5000}
          showDimOverlay={true}
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardFour
          title="Explore Our Menu"
          description="Discover our carefully curated selection of dishes prepared fresh daily by our award-winning culinary team."
          products={[
            {
              id: "appetizer-1",              name: "Crispy Calamari",              price: "$14",              variant: "Golden & Tender",              imageSrc: "https://img.b2bpic.net/free-photo/grilled-meat-decorated-with-vegetables_1303-12325.jpg",              imageAlt: "Crispy calamari appetizer"
            },
            {
              id: "appetizer-2",              name: "Wild Mushroom Bruschetta",              price: "$12",              variant: "Seasonal Greens",              imageSrc: "https://img.b2bpic.net/free-photo/fried-salmon-fillet-with-sauce-top_140725-6436.jpg",              imageAlt: "Mushroom bruschetta starter"
            },
            {
              id: "main-1",              name: "Prime Ribeye Steak",              price: "$45",              variant: "12oz Grilled Perfect",              imageSrc: "https://img.b2bpic.net/free-photo/vegetable-salad-with-caviar-shrimps_140725-6375.jpg",              imageAlt: "Premium grilled ribeye steak"
            },
            {
              id: "main-2",              name: "Handmade Tagliatelle Bolognese",              price: "$32",              variant: "Fresh Pasta",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-grilled-chicken-fillet-served-with-bulgur-vegetables-white-wine_141793-2436.jpg",              imageAlt: "Fresh pasta with bolognese sauce"
            },
            {
              id: "main-3",              name: "Pan-Seared Branzino",              price: "$38",              variant: "Mediterranean Fresh",              imageSrc: "https://img.b2bpic.net/free-photo/side-view-fish-fillet-grilled-with-vegetables-served-with-fresh-herbs-sauce-plate_141793-2969.jpg",              imageAlt: "Perfectly seared branzino fillet"
            },
            {
              id: "dessert-1",              name: "Dark Chocolate Torte",              price: "$11",              variant: "Decadent & Rich",              imageSrc: "https://img.b2bpic.net/free-photo/grilled-chicken-breast-with-potato-greens-spices-sauces-side-view_141793-3740.jpg",              imageAlt: "Luxurious chocolate dessert"
            }
          ]}
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="gallery" data-section="gallery">
        <FeatureCardMedia
          title="Photo Gallery"
          description="Immerse yourself in the beauty of our restaurant, culinary creations, and welcoming atmosphere."
          features={[
            {
              id: "gallery-interior",              title: "Elegant Dining Ambiance",              description: "Our thoughtfully designed restaurant creates the perfect backdrop for memorable meals and special occasions.",              tag: "Ambiance",              imageSrc: "https://img.b2bpic.net/free-photo/wide-restaurant-hall-with-wooden-table-chairs-6-persons_140725-8910.jpg",              imageAlt: "Restaurant interior with elegant decor"
            },
            {
              id: "gallery-kitchen",              title: "Professional Kitchen",              description: "State-of-the-art kitchen facilities where our passionate chefs create culinary masterpieces.",              tag: "Kitchen",              imageSrc: "https://img.b2bpic.net/free-photo/life-style_1122-1851.jpg",              imageAlt: "Professional restaurant kitchen"
            },
            {
              id: "gallery-plating",              title: "Artistic Presentation",              description: "Each dish is plated with precision and artistry, making every meal a visual feast.",              tag: "Plating",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-fried-meat-asparagus-with-mashed-potatoes-herbs-plate_141793-6091.jpg",              imageAlt: "Beautifully plated fine dining dish"
            },
            {
              id: "gallery-dining",              title: "Intimate Dining Experience",              description: "Savor your meal in our carefully curated dining spaces designed for comfort and elegance.",              tag: "Dining",              imageSrc: "https://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg",              imageAlt: "Elegant restaurant dining setting"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="reservation" data-section="reservation">
        <ContactFaq
          ctaTitle="Book Your Table"
          ctaDescription="Reserve your table for an unforgettable dining experience. Our team will ensure your visit is absolutely perfect."
          ctaButton={{
            text: "Reserve Now",            href: "https://www.opentable.com"
          }}
          ctaIcon={Calendar}
          faqs={[
            {
              id: "1",              title: "What are your operating hours?",              content: "We are open Tuesday through Thursday from 5:00 PM to 10:00 PM, Friday and Saturday from 5:00 PM to 11:00 PM, and Sunday from 5:00 PM to 9:00 PM. We are closed on Mondays."
            },
            {
              id: "2",              title: "Do you accommodate dietary restrictions?",              content: "Absolutely! We welcome guests with vegetarian, vegan, gluten-free, and allergy-specific dietary needs. Please mention your requirements when making your reservation, and our chefs will create customized dishes for you."
            },
            {
              id: "3",              title: "What is your dress code?",              content: "We maintain a smart casual to business casual dress code. We ask that guests avoid athletic wear, flip-flops, and overly casual attire to maintain the elegant atmosphere of our restaurant."
            },
            {
              id: "4",              title: "Do you offer private dining or group events?",              content: "Yes! We have a beautiful private dining room that can accommodate groups of 20-50 guests. Please contact us directly at (555) 123-4567 or reserve through our website for more information."
            },
            {
              id: "5",              title: "What is your cancellation policy?",              content: "Reservations can be modified or cancelled up to 24 hours in advance without penalty. Cancellations made within 24 hours may incur a per-person fee. We appreciate advance notice to manage our reservations effectively."
            }
          ]}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          accordionAnimationType="smooth"
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Our Story"
          description="Founded in 2015, Savour has become a destination for food lovers seeking authentic culinary excellence. Our chef-driven approach combines traditional techniques with innovative flavors, sourcing only the finest local and international ingredients to create unforgettable dining experiences."
          tag="About Us"
          imageSrc="https://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8729.jpg"
          imageAlt="Chef in professional kitchen"
          buttons={[
            { text: "Learn More", href: "#contact" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSixteen
          title="Guest Testimonials"
          description="Hear what our valued guests have to say about their Savour dining experiences."
          testimonials={[
            {
              id: "1",              name: "Victoria Chen",              role: "Restaurant Critic",              company: "Culinary Review Weekly",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",              imageAlt: "Victoria Chen, restaurant critic"
            },
            {
              id: "2",              name: "James Morrison",              role: "CEO",              company: "TechStart Inc",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",              imageAlt: "James Morrison, CEO"
            },
            {
              id: "3",              name: "Sophia Williams",              role: "Wedding Planner",              company: "Elegant Events",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-attractive-young-businesswoman_329181-15813.jpg",              imageAlt: "Sophia Williams, wedding planner"
            },
            {
              id: "4",              name: "Marcus Johnson",              role: "Food Blogger",              company: "Taste Adventures",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg",              imageAlt: "Marcus Johnson, food blogger"
            }
          ]}
          kpiItems={[
            { value: "2000+", label: "Happy Guests Monthly" },
            { value: "98%", label: "Guest Satisfaction Rate" },
            { value: "9", label: "Years of Excellence" }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Get in Touch"
          ctaDescription="Have questions or special requests? Contact our team directly. We're here to make your experience exceptional."
          ctaButton={{
            text: "Contact Us",            href: "tel:+15551234567"
          }}
          ctaIcon={Phone}
          faqs={[
            {
              id: "1",              title: "What is your phone number?",              content: "You can reach us at (555) 123-4567. Our team is available during business hours to answer any questions about reservations or special requests."
            },
            {
              id: "2",              title: "Where is your restaurant located?",              content: "Savour is located at 456 Culinary Lane, Gourmet City, GC 12345. We are conveniently positioned in the heart of the downtown dining district with ample parking available."
            },
            {
              id: "3",              title: "Do you offer takeout or delivery?",              content: "Currently, we operate as a fine dining restaurant focused on providing the full in-house experience. We do not offer takeout or delivery services at this time."
            },
            {
              id: "4",              title: "How can I reach you for group events?",              content: "For group events and private dining inquiries, please call us at (555) 123-4567 or email events@savourrestaurant.com with details about your event and guest count."
            },
            {
              id: "5",              title: "Do you accept walk-ins?",              content: "While we accommodate walk-ins based on availability, we recommend making a reservation in advance to ensure you have a table. Peak dining times may have a wait without a reservation."
            }
          ]}
          useInvertedBackground="invertDefault"
          animationType="slide-up"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Savour"
          leftLink={{
            text: "Privacy Policy",            href: "#privacy"
          }}
          rightLink={{
            text: "Terms of Service",            href: "#terms"
          }}
        />
      </div>
    </ThemeProvider>
  );
}