"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Phone, Sparkles, ChefHat } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="largeSmallSizeMediumTitles"
      background="grid"
      cardStyle="gradient-bordered"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="solid"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Enigma"
          navItems={[
            { name: "Experience", id: "experience" },
            { name: "Menu", id: "menu" },
            { name: "Location", id: "location" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Call Now", href: "tel:00522206614" }}
          buttonClassName="bg-primary-cta text-primary-cta-text font-semibold rounded-soft"
          buttonTextClassName="tracking-tight"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardTestimonial
          title="An Unforgettable Evening Awaits"
          description="Experience modern Italian cuisine crafted with passion and precision. Our tasting menus celebrate seasonal ingredients, tradition, and innovation."
          tag="Fine Dining Experience"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/meat-rolls-with-herbs-sauce-glass-wine_140725-3451.jpg"
          imageAlt="Elegantly plated gourmet dish at Enigma"
          mediaAnimation="slide-up"
          testimonials={[
            {
              name: "Marco Rossi",              handle: "Food Critic, Reggio Today",              testimonial: "Enigma redefined fine dining in Reggio. Exceptional service, unforgettable flavors.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",              imageAlt: "Marco Rossi"
            },
            {
              name: "Giulia Conti",              handle: "Restaurant Enthusiast",              testimonial: "The tasting menu was a masterpiece. Every course told a story.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Giulia Conti"
            },
            {
              name: "Andrea Barbieri",              handle: "Local Food Writer",              testimonial: "Worth the pilgrimage from Milano. Truly world-class cuisine.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-black-jacket-happy-short-haired-girl-dark-suit-widely-sincerely-smiles-isolated-background_197531-18508.jpg",              imageAlt: "Andrea Barbieri"
            }
          ]}
          testimonialRotationInterval={5000}
          buttons={[
            { text: "Call Now", href: "tel:00522206614" },
            { text: "Reserve a Table", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
          useInvertedBackground={false}
          background={{ variant: "radial-gradient" }}
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Trusted by Discerning Diners"
          description="Renowned for exceptional hospitality and award-winning cuisine."
          tag="4.8★ Rating"
          textboxLayout="default"
          useInvertedBackground={true}
          names={[
            "Reggio Emilia Gastronomy Guide",            "Michelin-Recommended",            "Best Restaurant Reggio 2024",            "Food Critics' Choice",            "Michelin Selection",            "Italian Culinary Excellence"
          ]}
          speed={40}
          showCard={true}
        />
      </div>

      <div id="experience" data-section="experience">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Discover the Art of" },
            { type: "text", content: "Modern Italian Gastronomy" }
          ]}
          useInvertedBackground={false}
          buttons={[
            { text: "Reserve Now", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="menu" data-section="menu">
        <FeatureCardSix
          title="Our Signature Tasting Menu"
          description="A carefully orchestrated 5-course discovery menu showcasing the season's finest ingredients and our culinary philosophy."
          tag="Tasting Experience"
          tagIcon={ChefHat}
          textboxLayout="default"
          useInvertedBackground={true}
          features={[
            {
              id: 1,
              title: "Amuse-Bouche & Welcome",              description: "A delicate introduction to your culinary journey. Seasonal preparations that set the tone for the evening ahead.",              imageSrc: "http://img.b2bpic.net/free-photo/front-view-cook-preparing-meal-designing-meal-inside-plate-fry-meat-food-meal_140725-26012.jpg",              imageAlt: "Welcome course plating"
            },
            {
              id: 2,
              title: "First Course",              description: "Light, elegant preparation highlighting fresh regional ingredients. A refined opener that awakens the palate.",              imageSrc: "http://img.b2bpic.net/free-photo/front-view-cook-preparing-meal-designing-meal-inside-plate-fry-meat-food-meal_140725-26012.jpg",              imageAlt: "First course presentation"
            },
            {
              id: 3,
              title: "Signature Main",              description: "The heart of the menu. Our award-winning main course, crafted with precision and passion.",              imageSrc: "http://img.b2bpic.net/free-photo/dessert-with-strawberry-cafe_181624-26180.jpg",              imageAlt: "Signature main course"
            },
            {
              id: 4,
              title: "Dessert & Finale",              description: "A sweet conclusion to your experience. House-made confections and petit fours that linger beautifully.",              imageSrc: "http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg",              imageAlt: "Dessert presentation"
            }
          ]}
        />
      </div>

      <div id="why-choose" data-section="why-choose">
        <TestimonialCardSixteen
          title="Why Choose Enigma?"
          description="Four generations of culinary excellence and hospitality in the heart of Reggio Emilia."
          tag="Your Reasons to Visit"
          textboxLayout="default"
          useInvertedBackground={false}
          testimonials={[
            {
              id: "1",              name: "Exceptional Service",              role: "Warm & Attentive",              company: "Our Promise",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",              imageAlt: "Service excellence"
            },
            {
              id: "2",              name: "Curated Menus",              role: "Seasonal & Fresh",              company: "Chef Selected",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Menu curation"
            },
            {
              id: "3",              name: "Elegant Atmosphere",              role: "Refined & Intimate",              company: "Perfect Setting",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-black-jacket-happy-short-haired-girl-dark-suit-widely-sincerely-smiles-isolated-background_197531-18508.jpg",              imageAlt: "Restaurant ambiance"
            },
            {
              id: "4",              name: "Central Location",              role: "Easy Access",              company: "Reggio Emilia",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Central location"
            }
          ]}
          kpiItems={[
            { value: "50+", label: "5-star Reviews" },
            { value: "4.8", label: "Average Rating" },
            { value: "Dine-In", label: "Intimate Setting" }
          ]}
          animationType="slide-up"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Reserve Your Table Now"
          ctaDescription="Limited seating available. Secure your reservation for an unforgettable dining experience. Call us or fill out the form below."
          ctaButton={{ text: "Call 0522 206614", href: "tel:00522206614" }}
          ctaIcon={Phone}
          useInvertedBackground={true}
          animationType="slide-up"
          faqs={[
            {
              id: "1",              title: "What is the dress code?",              content: "Smart casual to elegant attire recommended. We appreciate when guests dress to celebrate the occasion. Jackets are not required but welcomed."
            },
            {
              id: "2",              title: "Do you accommodate dietary restrictions?",              content: "Absolutely. Please inform us of any allergies, dietary restrictions, or preferences when making your reservation. We're happy to create a customized experience."
            },
            {
              id: "3",              title: "Can you host private events?",              content: "Yes, we offer private dining for special occasions. Contact us directly at 0522 206614 to discuss your event requirements."
            },
            {
              id: "4",              title: "What is your reservation policy?",              content: "Reservations are required. We request 48 hours notice for cancellations. Same-day reservations may be available based on seating."
            }
          ]}
        />
      </div>

      <div id="location" data-section="location">
        <FaqSplitMedia
          title="Visit Enigma"
          description="Located in the heart of Reggio Emilia, easily accessible and perfectly positioned for an elegant evening out."
          tag="Location & Hours"
          textboxLayout="default"
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/flat-lay-travel-set-with-map-magnifying-glass_23-2149554716.jpg"
          imageAlt="Enigma Restaurant location in Reggio Emilia"
          mediaPosition="left"
          mediaAnimation="slide-up"
          faqsAnimation="slide-up"
          faqs={[
            {
              id: "1",              title: "Address",              content: "<strong>Viale Leopoldo Nobili, 2/c<br>42121 Reggio nell'Emilia (RE)<br>Italy</strong><br><br>Located in the heart of Reggio Emilia, our restaurant is easily accessible by car and public transportation."
            },
            {
              id: "2",              title: "Hours",              content: "<strong>Lunch:</strong> 12:30 PM - 2:30 PM (Tuesday - Sunday)<br><br><strong>Dinner:</strong> 7:30 PM - 11:00 PM (Tuesday - Sunday)<br><br><strong>Closed Mondays</strong>"
            },
            {
              id: "3",              title: "Phone & Contact",              content: "<strong>Phone:</strong> 0522 206614<br><br><strong>Email:</strong> info@enigmarestaurant.it<br><br><strong>Website:</strong> enigmarestaurant.it<br><br>Call us to make your reservation or inquire about private events."
            },
            {
              id: "4",              title: "Parking",              content: "Convenient street parking available near the restaurant. We recommend arriving 10 minutes early to allow time for parking. Our staff can assist with directions upon arrival."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Enigma Restaurant"
          copyrightText="© 2025 Enigma Restaurant. All rights reserved."
          columns={[
            {
              title: "Restaurant",              items: [
                { label: "Menu", href: "#menu" },
                { label: "Experience", href: "#experience" },
                { label: "Location", href: "#location" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Call Us", href: "tel:00522206614" },
                { label: "Reserve Table", href: "#contact" },
                { label: "Email", href: "mailto:info@enigmarestaurant.it" }
              ]
            },
            {
              title: "Follow Us",              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" },
                { label: "TripAdvisor", href: "https://tripadvisor.com" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
