"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, Flame } 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="Palme di Marrakech"
          navItems={[
            { name: "Esperienza", id: "experience" },
            { name: "Menu", id: "menu" },
            { name: "Ubicazione", id: "location" },
            { name: "Contatti", id: "contact" }
          ]}
          button={{ text: "Chiama Ora", href: "tel:+390522123456" }}
          buttonClassName="bg-primary-cta text-primary-cta-text font-semibold rounded-soft"
          buttonTextClassName="tracking-tight"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardTestimonial
          title="Vieni a Scoprire i Sapori Magici del Marocco"
          description="Un'esperienza culinaria autentica che ti trasporterà direttamente a Marrakech. Tagine tradizionali, cuscus succulenti e piatti esotici realizzati con ingredienti premium e ricette autentiche."
          tag="Cucina Marocchina Autentica"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/delicious-oriental-dish-with-vegetables_140725-7891.jpg"
          imageAlt="Piatto marocchino tradizionale presso Palme di Marrakech"
          mediaAnimation="slide-up"
          testimonials={[
            {
              name: "Ahmed Hassan",              handle: "Critico Gastronomico Marocchino",              testimonial: "Un'oasi autentica nel cuore dell'Europa. I sapori e gli aromi ti trasportano direttamente a Marrakech.",              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: "Ahmed Hassan"
            },
            {
              name: "Francesca Moretti",              handle: "Appassionata di Cucina Esotica",              testimonial: "Ogni visita è un viaggio sensoriale. I menu sono creativi, generosi e memorabili.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",              imageAlt: "Francesca Moretti"
            },
            {
              name: "Marco Colombo",              handle: "Food Blogger",              testimonial: "Autentico, profumato, delizioso. Un'esperienza che consiglio a chiunque ami la cucina marocchina.",              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: "Marco Colombo"
            }
          ]}
          testimonialRotationInterval={5000}
          buttons={[
            { text: "Chiama Ora", href: "tel:+390522123456" },
            { 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 Affamati di Autenticità"
          description="Riconosciuto come uno dei migliori ristoranti marocchini per qualità, autenticità e atmosfera magica."
          tag="Valutazione 4.9★"
          textboxLayout="default"
          useInvertedBackground={true}
          names={[
            "Miglior Ristorante Marocchino 2024",            "Specialità Autentiche Riconosciute",            "Scelta dei Critici Gastronomici",            "Ospitalità Calorosa Premiata",            "Atmosfera Esotica Unica",            "Eccellenza Culinaria Marocchina"
          ]}
          speed={40}
          showCard={true}
        />
      </div>

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

      <div id="menu" data-section="menu">
        <FeatureCardSix
          title="Il Nostro Menù Esclusivo"
          description="Una selezione curata di piatti tradizionali marocchini, realizzati secondo le ricette autentiche con ingredienti premium e tecniche culinarie tramandate da generazioni."
          tag="Piatti Autentica Marocchina"
          tagIcon={Flame}
          textboxLayout="default"
          useInvertedBackground={true}
          features={[
            {
              id: 1,
              title: "Antipasti Tradizionali",              description: "Hummus cremoso, baba ganoush affumicato e pane arabo appena sfornato. Un'introduzione ai sapori del Nord Africa.",              imageSrc: "http://img.b2bpic.net/free-photo/delicious-traditional-moroccan-dishes_140725-8234.jpg",              imageAlt: "Antipasti marocchini tradizionali"
            },
            {
              id: 2,
              title: "Tagine di Agnello",              description: "Agnello tenerissimo cotto lentamente con albicocche, mandorle e spezie delicate. Un capolavoro di sapori complessi e armoniosi.",              imageSrc: "http://img.b2bpic.net/free-photo/delicious-moroccan-tagine-dish_140725-8235.jpg",              imageAlt: "Tagine di agnello autentico"
            },
            {
              id: 3,
              title: "Cuscus Reale",              description: "Cuscus leggero e soffice con pollo, verdure e brodo speziato. Piatto principale che rappresenta l'essenza della cucina marocchina.",              imageSrc: "http://img.b2bpic.net/free-photo/moroccan-couscous-royal-dish_140725-8236.jpg",              imageAlt: "Cuscus Reale marocchino"
            },
            {
              id: 4,
              title: "Dolci Marocchini",              description: "Baklava croccante, sfoglia al miele e mandorle, accompagnati da tè alla menta fresco. Una dolce conclusione della serata.",              imageSrc: "http://img.b2bpic.net/free-photo/delicious-moroccan-pastries_140725-8237.jpg",              imageAlt: "Dolci marocchini tradizionali"
            }
          ]}
        />
      </div>

      <div id="why-choose" data-section="why-choose">
        <TestimonialCardSixteen
          title="Perché Scegliere Palme di Marrakech?"
          description="Autenticità, calore e passione per la cucina marocchina in ogni aspetto della tua esperienza."
          tag="Motivi per Visitarci"
          textboxLayout="default"
          useInvertedBackground={false}
          testimonials={[
            {
              id: "1",              name: "Autenticità Garantita",              role: "Ricette Tradizionali",              company: "Eredità Culinaria",              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: "Autenticità della cucina marocchina"
            },
            {
              id: "2",              name: "Ingredienti Premium",              role: "Selezione Accurata",              company: "Qualità Massima",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",              imageAlt: "Ingredienti di qualità"
            },
            {
              id: "3",              name: "Atmosfera Esotica",              role: "Viaggio Sensoriale",              company: "Magia Marocchina",              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: "Atmosfera magica del ristorante"
            },
            {
              id: "4",              name: "Ospitalità Calorosa",              role: "Benvenuto Sincero",              company: "Valori Marocchini",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3",              imageAlt: "Ospitalità marocchina"
            }
          ]}
          kpiItems={[
            { value: "150+", label: "Ospiti Soddisfatti Mensili" },
            { value: "4.9", label: "Valutazione Media" },
            { value: "Autentico", label: "Ristorante Marocchino" }
          ]}
          animationType="slide-up"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Prenota il Tuo Tavolo Ora"
          ctaDescription="Vieni a scoprire i sapori magici del Marocco. Posti limitati disponibili. Prenota la tua esperienza culinaria indimenticabile oggi stesso."
          ctaButton={{ text: "Chiama 0522 123456", href: "tel:+390522123456" }}
          ctaIcon={Phone}
          useInvertedBackground={true}
          animationType="slide-up"
          faqs={[
            {
              id: "1",              title: "Qual è il codice di abbigliamento?",              content: "Consigliamo un abbigliamento smart casual. La nostra atmosfera è accogliente ma raffinata. Siamo felici di ospitare ospiti che rispettano l'eleganza del luogo."
            },
            {
              id: "2",              title: "Potete accogliere restrizioni dietetiche?",              content: "Assolutamente sì. Informaci di allergie e preferenze dietetiche al momento della prenotazione. Possiamo adattare molti piatti secondo le tue esigenze."
            },
            {
              id: "3",              title: "Potete organizzare eventi privati?",              content: "Sì, organizziamo cene private, matrimoni e eventi speciali. Contattaci al 0522 123456 per discutere i tuoi requisiti specifici."
            },
            {
              id: "4",              title: "Qual è la vostra politica di cancellazione?",              content: "Le prenotazioni sono consigliate. Chiediamo 48 ore di preavviso per modifiche. Prenotazioni in giornata sono accolte se disponibile."
            }
          ]}
        />
      </div>

      <div id="location" data-section="location">
        <FaqSplitMedia
          title="Visita Palme di Marrakech"
          description="Ubicato nel cuore della città, il nostro ristorante è facilmente accessibile e offre un'esperienza di cucina marocchina autentica e indimenticabile."
          tag="Ubicazione e Orari"
          textboxLayout="default"
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/moroccan-tiles-pattern_140725-8240.jpg"
          imageAlt="Ubicazione di Palme di Marrakech"
          mediaPosition="left"
          mediaAnimation="slide-up"
          faqsAnimation="slide-up"
          faqs={[
            {
              id: "1",              title: "Indirizzo",              content: "<strong>Via Roma, 45<br>42121 Reggio nell'Emilia (RE)<br>Italia</strong><br><br>Situato nel cuore di Reggio Emilia, facilmente raggiungibile in auto e con i mezzi pubblici."
            },
            {
              id: "2",              title: "Orari di Apertura",              content: "<strong>Pranzo:</strong> 12:30 - 14:30 (Mercoledì - Domenica)<br><br><strong>Cena:</strong> 19:00 - 23:00 (Mercoledì - Domenica)<br><br><strong>Chiuso il Lunedì e Martedì</strong>"
            },
            {
              id: "3",              title: "Telefono e Contatti",              content: "<strong>Telefono:</strong> 0522 123456<br><br><strong>Email:</strong> info@palmedimarrakech.it<br><br><strong>Sito:</strong> palmedimarrakech.it<br><br>Chiamaci per prenotazioni e informazioni su eventi privati."
            },
            {
              id: "4",              title: "Parcheggio",              content: "Parcheggio disponibile nelle vicinanze. Consigliamo di contattarci per assistenza nel trovare parcheggio. Il nostro staff è sempre disponibile per aiutare i nostri ospiti."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Palme di Marrakech"
          copyrightText="© 2025 Ristorante Palme di Marrakech. 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:+390522123456" },
                { label: "Prenota", href: "#contact" },
                { label: "Email", href: "mailto:info@palmedimarrakech.it" }
              ]
            },
            {
              title: "Seguici",              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" },
                { label: "TripAdvisor", href: "https://tripadvisor.com" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
