"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import { Award, ShieldCheck, Sparkles, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="compact"
        sizing="medium"
        background="fluid"
        cardStyle="solid"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="layered"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "Corsi",          id: "#corsi"},
        {
          name: "Chi Siamo",          id: "#chisiamo"},
        {
          name: "Il Nostro Team",          id: "/il-nostro-team"
        },
        {
          name: "Lo Spot",          id: "#spot"},
        {
          name: "Community",          id: "#community"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contatti",          id: "#contatti"},
      ]}
      brandName="40 Nodi ASD"
      button={{
        text: "Prenota Ora",        href: "#contatti"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCarouselLogo
      logoText="40 Nodi ASD"
      description="Scopri l'emozione di planare sull'acqua con istruttori qualificati e attrezzatura all'avanguardia. Il tuo viaggio nel kitesurf inizia qui, in uno degli spot più belli della Puglia."
      buttons={[
        {
          text: "Inizia il tuo viaggio",          href: "#corsi"},
        {
          text: "Contattaci su WhatsApp",          href: "https://wa.me/XXXXXXXXXX"},
      ]}
      slides={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-person-surfing-flying-parachute-same-time-kitesurfing_181624-23349.jpg",          imageAlt: "Felici principianti di kitesurf con istruttore in acque calme"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/people-surfing-brazil_23-2151079406.jpg",          imageAlt: "Comunità di kitesurfer sulla spiaggia"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-girl-having-fun-beach_23-2150903854.jpg",          imageAlt: "Istruttore IKO che aiuta uno studente di kitesurf"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-red-inflatable-boat-speeding-across-turquoise-palau-waters_1308-189765.jpg",          imageAlt: "Vista aerea dello spot di kitesurf a Brindisi"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/male-surfer-wetsuit-polishing-surfboard-with-wax-sand_74855-16407.jpg",          imageAlt: "Attrezzatura da kitesurf moderna e colorata"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-distant-shot-woman-riding-kayak-middle-lake-sunset_181624-3666.jpg",          imageAlt: "Kitesurfer al tramonto sull'acqua"},
      ]}
      autoplayDelay={4000}
    />
  </div>

  <div id="chisiamo" data-section="chisiamo">
      <TestimonialAboutCard
      useInvertedBackground={true}
      tag="Per i Principianti"
      title="La Tua Avventura Kitesurf, Sicura e Facile"
      description="Abbiamo a cuore la tua sicurezza e il tuo divertimento. Con noi, il kitesurf è adatto a tutte le età, con attrezzatura di ultima generazione inclusa e istruttori qualificati IKO/FIV. Iniziare con noi è la scelta migliore per tutti."
      subdescription="Il kitesurf è per tutti! Con il supporto giusto, imparare è più semplice e divertente di quanto pensi. Lasciati guidare dai nostri esperti in un ambiente sicuro e stimolante."
      icon={ShieldCheck}
      imageSrc="http://img.b2bpic.net/free-photo/kind-father-with-mechanical-leg-daughter-near-ocean-mid-adult-man-helping-little-dark-haired-girl-adjust-surfboard-family-leisure-active-lifestyle-concept_74855-22133.jpg"
      imageAlt="Felice principiante di kitesurf con un istruttore in acque basse"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="corsi" data-section="corsi">
      <PricingCardEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "battesimo",          badge: "Primo Volo",          badgeIcon: Sparkles,
          price: "€XX",          subtitle: "Scopri l'emozione del kite",          buttons: [
            {
              text: "Scopri di più",              href: "#contatti"},
          ],
          features: [
            "1-2 ore di lezione",            "Introduzione al kite",            "Controllo a terra",            "Sicurezza di base"],
        },
        {
          id: "base",          badge: "Più Popolare",          badgeIcon: Star,
          price: "€YYY",          subtitle: "Diventa autonomo",          buttons: [
            {
              text: "Prenota ora",              href: "#contatti"},
          ],
          features: [
            "6-9 ore di lezione",            "Body Drag",            "Waterstart",            "Prime planate",            "Teoria avanzata"],
        },
        {
          id: "avanzato",          badge: "Per Esperti",          badgeIcon: Award,
          price: "€ZZZ",          subtitle: "Perfeziona la tecnica",          buttons: [
            {
              text: "Richiedi Info",              href: "#contatti"},
          ],
          features: [
            "3 ore di lezione personalizzata",            "Salti e manovre",            "Freestyle/Freeride",            "Navigazione avanzata"],
        },
      ]}
      title="Scegli il Tuo Percorso Kitesurf"
      description="Dai primi voli alla padronanza, abbiamo il corso perfetto per ogni livello. Inizia oggi la tua avventura sull'acqua!"
    />
  </div>

  <div id="spot" data-section="spot">
      <FeatureCardTwentyOne
      useInvertedBackground={true}
      title="Brindisi: Il Tuo Spot Perfetto per Imparare"
      description="Acque poco profonde e cristalline, vento costante e una spiaggia ampia e sicura. Le condizioni ideali per progredire velocemente e in tutta tranquillità. Brindisi offre il clima perfetto per il kitesurf quasi tutto l'anno."
      tag="Il Nostro Paradiso"
      accordionItems={[
        {
          id: "spot-feature-1",          title: "Acque Basse e Protette",          content: "Ideale per i principianti, le nostre acque poco profonde permettono di imparare con la massima sicurezza e facilità."},
        {
          id: "spot-feature-2",          title: "Vento Costante e Affidabile",          content: "Brindisi gode di venti termici costanti, garantendo condizioni perfette per lezioni e uscite quasi ogni giorno."},
        {
          id: "spot-feature-3",          title: "Ampia Spiaggia Sicura",          content: "Una vasta area sabbiosa senza ostacoli rende il lancio e l'atterraggio del kite estremamente sicuro per tutti i livelli."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/sea-waves-background-blue-ocean-blue-sky_169016-67708.jpg"
      imageAlt="Vista aerea dello spot di kitesurf a Brindisi con acque calme"
      mediaAnimation="blur-reveal"
      mediaPosition="right"
    />
  </div>

  <div id="community" data-section="community">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Grigliate in Spiaggia",        "Uscite di Gruppo",        "Aperitivi al Tramonto",        "Viaggi Organizzati",        "Serate a Tema",        "Sessioni di Kitesurf Guidate",        "Relax & Socialità"]}
      title="Più di un Corso, Una Grande Famiglia!"
      description="Unisciti alla nostra community e vivi l'esperienza kitesurf a 360°. Nuove amicizie, eventi e tanto divertimento ti aspettano sulla spiaggia e oltre."
      tag="Vivi il Club"
      speed={30}
      showCard={true}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq-1",          title: "Serve esperienza pregressa per iniziare?",          content: "Assolutamente no! I nostri corsi sono pensati anche per chi non ha mai praticato sport acquatici. Ti guideremo passo dopo passo dalle basi."},
        {
          id: "faq-2",          title: "Qual è l'età minima per fare kitesurf?",          content: "Accettiamo allievi a partire dai 10 anni, purché sappiano nuotare. Non c'è un limite massimo di età, l'importante è godere di buona salute."},
        {
          id: "faq-3",          title: "L'attrezzatura è inclusa nei corsi?",          content: "Sì, tutta l'attrezzatura necessaria (kite, tavola, trapezio, muta, giubbotto) è fornita da noi durante le lezioni, sempre di ultima generazione."},
        {
          id: "faq-4",          title: "Quanto tempo ci vuole per imparare a navigare?",          content: "Il tempo varia da persona a persona, ma con il nostro corso base e un po' di pratica la maggior parte degli allievi riesce a fare le prime planate in 6-9 ore."},
        {
          id: "faq-5",          title: "Il kitesurf è pericoloso?",          content: "Con istruttori qualificati IKO/FIV e rispettando le norme di sicurezza, il kitesurf è uno sport sicuro. La tua sicurezza è la nostra priorità numero uno."},
      ]}
      title="Domande Frequenti"
      description="Hai dubbi o curiosità sul kitesurf o sui nostri corsi? Trova qui le risposte alle domande più comuni per iniziare la tua avventura con noi in totale serenità."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contatti" data-section="contatti">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      tag="Inizia Ora"
      title="Pronto a Volare?"
      description="Contattaci per prenotare la tua prima lezione, chiedere informazioni sui corsi o semplicemente per un saluto. Ti aspettiamo in spiaggia per condividere la passione del kitesurf!"
      imageSrc="http://img.b2bpic.net/free-photo/smiling-man-relaxing-lounger-using-cell-phone-earphones-listening-music_8353-6299.jpg"
      imageAlt="Persona che invia un messaggio per prenotare un corso di kitesurf"
      mediaAnimation="opacity"
      mediaPosition="left"
      inputPlaceholder="La tua email"
      buttonText="Richiedi Info"
      termsText="Inviando il modulo, acconsenti al trattamento dei tuoi dati secondo la nostra privacy policy."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
        {
          items: [
            {
              label: "Home",              href: "#hero"},
            {
              label: "Corsi",              href: "#corsi"},
            {
              label: "Chi Siamo",              href: "#chisiamo"},
          ],
        },
        {
          items: [
            {
              label: "Lo Spot",              href: "#spot"},
            {
              label: "Community",              href: "#community"},
            {
              label: "FAQ",              href: "#faq"},
          ],
        },
        {
          items: [
            {
              label: "Contatti",              href: "#contatti"},
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Termini e Condizioni",              href: "#"},
          ],
        },
        {
          items: [
            {
              label: "Facebook",              href: "https://www.facebook.com/40nodiasd"},
            {
              label: "Instagram",              href: "https://www.instagram.com/40nodiasd"},
            {
              label: "WhatsApp",              href: "https://wa.me/XXXXXXXXXX"},
          ],
        },
      ]}
      logoText="40 Nodi ASD"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
