"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="hover-magnetic"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="mediumLargeSizeLargeTitles"
      background="none"
      cardStyle="solid"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Enigma"
          navItems={[
            { name: "Esperienza", id: "experience" },
            { name: "Menu", id: "menu" },
            { name: "Ubicazione", id: "location" },
            { name: "Contatti", id: "contact" }
          ]}
          button={{ text: "Chiama Ora", href: "tel:+390522206614" }}
          buttonClassName="bg-primary-cta text-primary-cta-text font-semibold rounded-soft"
          buttonTextClassName="tracking-tight"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardTestimonial
          title="Una Serata Indimenticabile Ti Attende"
          description="Sperimenta la cucina italiana moderna realizzata con passione e precisione. I nostri menu degustazione celebrano ingredienti stagionali, tradizione e innovazione."
          tag="Esperienza Fine Dining"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/meat-rolls-with-herbs-sauce-glass-wine_140725-3451.jpg"
          imageAlt="Piatto gourmet elegantemente placcato presso Enigma"
          mediaAnimation="slide-up"
          testimonials={[
            {
              name: "Marco Rossi",              handle: "Critico Gastronomico, Reggio Today",              testimonial: "Enigma ha ridefinito il fine dining a Reggio. Servizio eccezionale, sapori indimenticabili.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=1",              imageAlt: "Marco Rossi"
            },
            {
              name: "Giulia Conti",              handle: "Appassionata di Gastronomia",              testimonial: "Il menu degustazione era un capolavoro. Ogni portata raccontava una storia.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",              imageAlt: "Giulia Conti"
            },
            {
              name: "Andrea Barbieri",              handle: "Scrittore Gastronomico",              testimonial: "Vale il viaggio da Milano. Cucina veramente di classe mondiale.",              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?_wi=1",              imageAlt: "Andrea Barbieri"
            }
          ]}
          testimonialRotationInterval={5000}
          buttons={[
            { text: "Chiama Ora", href: "tel:+390522206614" },
            { text: "Prenota un Tavolo", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
          useInvertedBackground={false}
          background={{ variant: "radial-gradient" }}
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Apprezzato da Ospiti Esigenti"
          description="Rinomato per ospitalità eccezionale e cucina pluripremiata."
          tag="Valutazione 4.8★"
          textboxLayout="default"
          useInvertedBackground={true}
          names={[
            "Guida Gastronomica Reggio Emilia",            "Consigliato Michelin",            "Miglior Ristorante Reggio 2024",            "Scelta dei Critici Gastronomici",            "Selezione Michelin",            "Eccellenza Culinaria Italiana"
          ]}
          speed={40}
          showCard={true}
        />
      </div>

      <div id="experience" data-section="experience">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Scopri l'Arte della" },
            { type: "text", content: "Gastronomia Italiana Moderna" }
          ]}
          useInvertedBackground={false}
          buttons={[
            { text: "Prenota Ora", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="menu" data-section="menu">
        <FeatureCardSix
          title="Il Nostro Menu Degustazione Esclusivo"
          description="Un menu di 5 portate attentamente orchestrato che presenta i migliori ingredienti della stagione e la nostra filosofia culinaria."
          tag="Esperienza Degustazione"
          tagIcon={ChefHat}
          textboxLayout="default"
          useInvertedBackground={true}
          features={[
            {
              id: 1,
              title: "Amuse-Bouche & Benvenuto",              description: "Una delicata introduzione al tuo percorso culinario. Preparazioni stagionali che iniziano perfettamente la serata.",              imageSrc: "http://img.b2bpic.net/free-photo/front-view-cook-preparing-meal-designing-meal-inside-plate-fry-meat-food-meal_140725-26012.jpg?_wi=1",              imageAlt: "Presentazione portata di benvenuto"
            },
            {
              id: 2,
              title: "Primo Piatto",              description: "Preparazione leggera ed elegante che mette in risalto ingredienti freschi locali. Un raffinato antipasto che prepara il palato.",              imageSrc: "http://img.b2bpic.net/free-photo/front-view-cook-preparing-meal-designing-meal-inside-plate-fry-meat-food-meal_140725-26012.jpg?_wi=2",              imageAlt: "Presentazione del primo piatto"
            },
            {
              id: 3,
              title: "Piatto Principale Esclusivo",              description: "Il cuore del menu. Il nostro piatto principale pluripremiato, realizzato con precisione e passione.",              imageSrc: "http://img.b2bpic.net/free-photo/dessert-with-strawberry-cafe_181624-26180.jpg",              imageAlt: "Piatto principale esclusivo"
            },
            {
              id: 4,
              title: "Dolce & Conclusione",              description: "Una conclusione dolce della tua esperienza. Confetture fatte in casa e petit fours che rimangono nel ricordo.",              imageSrc: "http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg",              imageAlt: "Presentazione del dolce"
            }
          ]}
        />
      </div>

      <div id="why-choose" data-section="why-choose">
        <TestimonialCardSixteen
          title="Perché Scegliere Enigma?"
          description="Quattro generazioni di eccellenza culinaria e ospitalità nel cuore di Reggio Emilia."
          tag="Motivi per Visitarci"
          textboxLayout="default"
          useInvertedBackground={false}
          testimonials={[
            {
              id: "1",              name: "Servizio Eccezionale",              role: "Caloroso e Attento",              company: "Nostra Promessa",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=2",              imageAlt: "Eccellenza del servizio"
            },
            {
              id: "2",              name: "Menu Curati",              role: "Stagionali e Freschi",              company: "Selezione dello Chef",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",              imageAlt: "Cura del menu"
            },
            {
              id: "3",              name: "Atmosfera Elegante",              role: "Raffinata e Intima",              company: "Ambiente Perfetto",              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?_wi=2",              imageAlt: "Ambiente del ristorante"
            },
            {
              id: "4",              name: "Ubicazione Centrale",              role: "Facilmente Accessibile",              company: "Reggio Emilia",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3",              imageAlt: "Ubicazione centrale"
            }
          ]}
          kpiItems={[
            { value: "50+", label: "Recensioni 5 Stelle" },
            { value: "4.8", label: "Valutazione Media" },
            { value: "Intimo", label: "Ambiente Esclusivo" }
          ]}
          animationType="slide-up"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Prenota il Tuo Tavolo Ora"
          ctaDescription="Posti limitati disponibili. Assicura la tua prenotazione per un'esperienza culinaria indimenticabile. Chiamaci o compila il modulo sottostante."
          ctaButton={{ text: "Chiama 0522 206614", href: "tel:+390522206614" }}
          ctaIcon={Phone}
          useInvertedBackground={true}
          animationType="slide-up"
          faqs={[
            {
              id: "1",              title: "Qual è il codice di abbigliamento?",              content: "Si consiglia abbigliamento smart casual fino a elegante. Apprezziamo quando gli ospiti si vestono per celebrare l'occasione. Le giacche non sono obbligatorie ma benvenute."
            },
            {
              id: "2",              title: "Potete accogliere restrizioni dietetiche?",              content: "Assolutamente sì. Ti invitiamo a comunicarci allergie, restrizioni dietetiche o preferenze al momento della prenotazione. Siamo felici di creare un'esperienza personalizzata."
            },
            {
              id: "3",              title: "Potete organizzare eventi privati?",              content: "Sì, offriamo cene private per occasioni speciali. Contattaci direttamente al 0522 206614 per discutere i requisiti del tuo evento."
            },
            {
              id: "4",              title: "Qual è la vostra politica di cancellazione?",              content: "Le prenotazioni sono obbligatorie. Richediamo 48 ore di preavviso per le cancellazioni. Prenotazioni in giornata potrebbero essere disponibili in base ai posti disponibili."
            }
          ]}
        />
      </div>

      <div id="location" data-section="location">
        <FaqSplitMedia
          title="Visita Enigma"
          description="Ubicato nel cuore di Reggio Emilia, facilmente accessibile e posizionato perfettamente per una serata elegante."
          tag="Ubicazione e Orari"
          textboxLayout="default"
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/flat-lay-travel-set-with-map-magnifying-glass_23-2149554716.jpg"
          imageAlt="Ubicazione di Enigma Ristorante a Reggio Emilia"
          mediaPosition="left"
          mediaAnimation="slide-up"
          faqsAnimation="slide-up"
          faqs={[
            {
              id: "1",              title: "Indirizzo",              content: "<strong>Viale Leopoldo Nobili, 2/c<br>42121 Reggio nell'Emilia (RE)<br>Italia</strong><br><br>Situato nel cuore di Reggio Emilia, il nostro ristorante è facilmente accessibile in auto e con i mezzi pubblici."
            },
            {
              id: "2",              title: "Orari di Apertura",              content: "<strong>Pranzo:</strong> 12:30 - 14:30 (Martedì - Domenica)<br><br><strong>Cena:</strong> 19:30 - 23:00 (Martedì - Domenica)<br><br><strong>Chiuso il Lunedì</strong>"
            },
            {
              id: "3",              title: "Telefono e Contatti",              content: "<strong>Telefono:</strong> 0522 206614<br><br><strong>Email:</strong> info@enigmaristorante.it<br><br><strong>Sito:</strong> enigmaristorante.it<br><br>Chiamaci per effettuare una prenotazione o informarti su eventi privati."
            },
            {
              id: "4",              title: "Parcheggio",              content: "Parcheggio su strada conveniente disponibile vicino al ristorante. Ti consigliamo di arrivare 10 minuti prima per trovare parcheggio. Il nostro staff può assisterti con le indicazioni al tuo arrivo."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Enigma Ristorante"
          copyrightText="© 2025 Enigma Ristorante. Tutti i diritti riservati."
          columns={[
            {
              title: "Ristorante",              items: [
                { label: "Menu", href: "#menu" },
                { label: "Esperienza", href: "#experience" },
                { label: "Ubicazione", href: "#location" }
              ]
            },
            {
              title: "Contatti",              items: [
                { label: "Chiama", href: "tel:+390522206614" },
                { label: "Prenota", href: "#contact" },
                { label: "Email", href: "mailto:info@enigmaristorante.it" }
              ]
            },
            {
              title: "Seguici",              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" },
                { label: "TripAdvisor", href: "https://tripadvisor.com" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
