"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Cloud, Code, Lightbulb, Shield, TrendingUp, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="small"
        sizing="large"
        background="grid"
        cardStyle="gradient-mesh"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "Servizi",
          id: "#services",
        },
        {
          name: "Soluzioni",
          id: "#solutions",
        },
        {
          name: "Clienti",
          id: "#clients",
        },
        {
          name: "Contatti",
          id: "#contact",
        },
      ]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=glb3yg"
      logoAlt="Mavia Solutions Logo"
      brandName="Mavia Solutions"
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardTestimonial
      useInvertedBackground={false}
      background={{
        variant: "glowing-orb",
      }}
      title="Innovazione Tecnologica per un Futuro Migliore"
      description="Mavia Solutions offre soluzioni IT all'avanguardia per trasformare e ottimizzare il tuo business. Dalla consulenza strategica all'implementazione, siamo il tuo partner per il successo digitale."
      testimonials={[
        {
          name: "Giulia Rossi",
          handle: "@TechInnovator",
          testimonial: "Mavia Solutions ha rivoluzionato la nostra infrastruttura IT. Efficienza e supporto eccellenti!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-confident-middle-aged-businessman-black-background_176420-5559.jpg?_wi=1",
          imageAlt: "Giulia Rossi",
        },
        {
          name: "Marco Bianchi",
          handle: "@DigitalLeader",
          testimonial: "Le loro soluzioni cloud sono state fondamentali per la nostra espansione. Un team di veri professionisti.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-businessman-does-daily-tasks-corporate-job_482257-116713.jpg?_wi=1",
          imageAlt: "Marco Bianchi",
        },
        {
          name: "Silvia Verdi",
          handle: "@GrowthStrategist",
          testimonial: "La consulenza strategica di Mavia Solutions ci ha permesso di anticipare le esigenze del mercato. Altamente raccomandati!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-making-hand-gesture-with-laptop-desk-restaurant_23-2147956345.jpg?_wi=1",
          imageAlt: "Silvia Verdi",
        },
        {
          name: "Luca Neri",
          handle: "@ITArchitect",
          testimonial: "Partnership eccezionale per lo sviluppo software. Qualità e puntualità impeccabili.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/handsome-african-man-sitting-table-office-while-his-subordinates-working-new-sale-strategy-indoor-portrait-business-people-international-company-posing-work-process_197531-3746.jpg",
          imageAlt: "Luca Neri",
        },
        {
          name: "Federica Gialli",
          handle: "@BizDevPro",
          testimonial: "Hanno capito perfettamente le nostre necessità, offrendo una soluzione su misura che ha superato ogni aspettativa.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1665.jpg",
          imageAlt: "Federica Gialli",
        },
        {
          name: "Giovanni Bruno",
          handle: "@CodeMaster",
          testimonial: "Un supporto tecnico insuperabile e una profonda conoscenza delle ultime tecnologie. Veramente i migliori.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/system-administrator-startup-office-coding-advanced-ai-algorithm_482257-118826.jpg",
          imageAlt: "Giovanni Bruno",
        },
      ]}
      testimonialRotationInterval={5000}
      tag="Leader nell'IT"
      tagIcon={Zap}
      buttons={[
        {
          text: "Scopri i Nostri Servizi",
          href: "#services",
        },
        {
          text: "Contattaci Ora",
          href: "#contact",
        },
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/business-woman-sitting-couch-smiling_23-2148095698.jpg",
          alt: "Customer 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
          alt: "Customer 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/smiley-man-with-suit-posing-black-white-medium-shot_23-2149411400.jpg",
          alt: "Customer 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/content-caucasian-businesswoman-standing-with-folded-hands-portrait-confident-adult-beautiful-female-office-employer-black-blouse-posing-work-business-company-management-concept_74855-6952.jpg",
          alt: "Customer 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/retro-looking-non-binary-person-smiling_23-2148757528.jpg",
          alt: "Customer 5",
        },
      ]}
      avatarText="Unisciti ai nostri 100+ clienti soddisfatti"
      imageSrc="http://img.b2bpic.net/free-photo/general-director-reviewing-data-analytics-with-her-team-successful-development-plan_482257-118674.jpg?_wi=1"
      imageAlt="Sede di Mavia Solutions con team al lavoro"
      mediaAnimation="entrance-slide"
      marqueeItems={[
        {
          type: "text-icon",
          text: "Sicurezza garantita",
          icon: Shield,
        },
        {
          type: "text-icon",
          text: "Scalabilità Cloud",
          icon: Cloud,
        },
        {
          type: "text-icon",
          text: "Sviluppo Agile",
          icon: Code,
        },
        {
          type: "text-icon",
          text: "Innovazione costante",
          icon: Lightbulb,
        },
        {
          type: "text-icon",
          text: "Crescita del Business",
          icon: TrendingUp,
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={false}
      title="Chi Siamo: Innovazione e Dedizione nel Cuore dell'IT"
      description="Mavia Solutions è un team di esperti IT con la passione per la tecnologia e l'innovazione. Aiutiamo le aziende a navigare la complessità del panorama digitale, offrendo soluzioni personalizzate che generano valore reale e spingono la crescita."
      metrics={[
        {
          value: "10+",
          title: "Anni di Esperienza",
        },
        {
          value: "150+",
          title: "Progetti Completati",
        },
        {
          value: "98%",
          title: "Soddisfazione Clienti",
        },
      ]}
      tag="La Nostra Storia"
      imageSrc="http://img.b2bpic.net/free-photo/teammates-working-late-office_23-2148991369.jpg"
      imageAlt="Team di Mavia Solutions che collabora in ufficio"
      mediaAnimation="entrance-slide"
      metricsAnimation="entrance-slide"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentyNine
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      features={[
        {
          title: "Cybersecurity Avanzata",
          description: "Proteggi la tua azienda con le nostre soluzioni di sicurezza IT all'avanguardia, dalla prevenzione degli attacchi al recupero dati.",
          imageSrc: "http://img.b2bpic.net/free-photo/ai-biometric-technology-fingerprint-cyber-security_53876-129782.jpg",
          imageAlt: "Scudo digitale per cybersecurity",
          titleImageSrc: "http://img.b2bpic.net/free-photo/data-center-engineer-coding-notebook-adjusting-power-settings_482257-120677.jpg",
          buttonText: "Scopri di più",
        },
        {
          title: "Cloud Computing Ottimizzato",
          description: "Massimizza l'efficienza e la flessibilità con i nostri servizi cloud scalabili e sicuri, personalizzati per le tue esigenze aziendali.",
          imageSrc: "http://img.b2bpic.net/free-photo/abstract-science-fiction-futuristic-background-with-blue-neon-lights_181624-23679.jpg",
          imageAlt: "Icona di cloud computing",
          titleImageSrc: "http://img.b2bpic.net/free-photo/technology-integrated-everyday-life_23-2151887038.jpg",
          buttonText: "Scopri di più",
        },
        {
          title: "Sviluppo Software Custom",
          description: "Crea soluzioni software innovative e su misura per automatizzare i processi e migliorare la produttività della tua attività.",
          imageSrc: "http://img.b2bpic.net/free-photo/person-front-computer-working-html_23-2150040428.jpg",
          imageAlt: "Codice su schermo e design software",
          titleImageSrc: "http://img.b2bpic.net/free-vector/back-end-developer-typographic-header-software-development-process-website-interface-design-improvement-programming-coding-it-profession-isolated-flat-vector-illustration_613284-521.jpg",
          buttonText: "Scopri di più",
        },
        {
          title: "Consulenza IT Strategica",
          description: "Trasforma il tuo business con la nostra consulenza esperta, guidandoti attraverso l'innovazione e la strategia digitale.",
          imageSrc: "http://img.b2bpic.net/free-photo/manufacture-production-industry-ideas-concept_53876-132214.jpg",
          imageAlt: "Consulenza IT strategica con grafici",
          titleImageSrc: "http://img.b2bpic.net/free-photo/corporate-associates-looking-into-project-details-timetables_482257-115638.jpg",
          buttonText: "Scopri di più",
        },
      ]}
      title="I Nostri Servizi: Soluzioni Complete per Ogni Esigenza"
      description="Offriamo una vasta gamma di servizi IT, progettati per supportare la crescita e l'efficienza della tua azienda. Dalla cybersecurity al cloud, ti garantiamo un partner affidabile."
      tag="Cosa Offriamo"
      buttons={[
        {
          text: "Vedi tutti i servizi",
        },
      ]}
    />
  </div>

  <div id="solutions" data-section="solutions">
      <ProductCardFour
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "1",
          name: "Mavia Cloud Platform",
          price: "Da €499/mese",
          variant: "Standard",
          imageSrc: "http://img.b2bpic.net/free-photo/saas-concept-collage_23-2149399294.jpg",
          imageAlt: "Piattaforma cloud scalabile",
        },
        {
          id: "2",
          name: "AI Analytics Suite",
          price: "Da €799/mese",
          variant: "Premium",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-server-hub-expert-using-artificial-intelligence-reduce-downtime_482257-125049.jpg",
          imageAlt: "Soluzione AI per analisi dati",
        },
        {
          id: "3",
          name: "Cyber Defense Pro",
          price: "Da €299/mese",
          variant: "Enterprise",
          imageSrc: "http://img.b2bpic.net/free-photo/military-personnel-employing-army-satellite-reconnaissance-system_482257-89879.jpg",
          imageAlt: "Sistema di difesa cybersecurity",
        },
        {
          id: "4",
          name: "Custom Software Dev",
          price: "Su Richiesta",
          variant: "Personalizzato",
          imageSrc: "http://img.b2bpic.net/free-photo/person-working-relation-innovation_53876-16535.jpg",
          imageAlt: "Sviluppo software su misura",
        },
        {
          id: "5",
          name: "Network Infrastructure",
          price: "Su Richiesta",
          variant: "Ottimizzato",
          imageSrc: "http://img.b2bpic.net/free-photo/technology-texture-background_23-2148105469.jpg",
          imageAlt: "Infrastruttura di rete avanzata",
        },
        {
          id: "6",
          name: "Data Recovery Elite",
          price: "Da €199/incidente",
          variant: "Emergenza",
          imageSrc: "http://img.b2bpic.net/free-photo/businessman-analyzing-market-data_23-2151957118.jpg",
          imageAlt: "Servizio di recupero dati",
        },
      ]}
      title="Le Nostre Soluzioni all'Avanguardia"
      description="Scopri le nostre soluzioni software e hardware, progettate per ottimizzare i tuoi processi e migliorare la tua infrastruttura tecnologica, garantendo prestazioni e sicurezza senza precedenti."
      tag="Portfolio Soluzioni"
      buttons={[
        {
          text: "Esplora le Soluzioni",
        },
      ]}
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "1",
          value: "20%",
          title: "Riduzione Costi IT",
          items: [
            "Ottimizzazione infrastrutturale",
            "Consulenza efficiente",
            "Soluzioni a basso TCO",
          ],
        },
        {
          id: "2",
          value: "30%",
          title: "Aumento Produttività",
          items: [
            "Automazione processi",
            "Integrazione sistemi",
            "Formazione specialistica",
          ],
        },
        {
          id: "3",
          value: "99.9%",
          title: "Uptime Garantito",
          items: [
            "Infrastruttura robusta",
            "Monitoraggio proattivo",
            "Supporto 24/7",
          ],
        },
      ]}
      title="Risultati Verificabili, Impatto Misurabile"
      description="Misuriamo il successo attraverso i risultati concreti che otteniamo per i nostri clienti. Le nostre soluzioni sono progettate per generare un valore tangibile."
      tag="I Nostri Successi"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Giulia Rossi",
          date: "10/01/2024",
          title: "Piattaforma Cloud Rivoluzionaria",
          quote: "Mavia Solutions ha fornito una piattaforma cloud eccezionale, migliorando la nostra scalabilità e sicurezza. Il team è stato estremamente professionale e reattivo.",
          tag: "CEO, Tech Innovations",
          avatarSrc: "http://img.b2bpic.net/free-photo/serious-executive-with-short-hair-crossed-arms_1149-89.jpg",
          avatarAlt: "Giulia Rossi",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=glb3yg",
          imageAlt: "female CEO headshot professional",
        },
        {
          id: "2",
          name: "Marco Bianchi",
          date: "05/03/2024",
          title: "Supporto Cybersecurity Ineguagliabile",
          quote: "Con Mavia Solutions, la nostra sicurezza informatica ha raggiunto livelli mai visti. Ci sentiamo protetti e supportati in ogni momento.",
          tag: "CTO, Digital Horizons",
          avatarSrc: "http://img.b2bpic.net/free-photo/scientist-factory-using-tablet-check-photovoltaics-materials-parameters_482257-120526.jpg",
          avatarAlt: "Marco Bianchi",
          imageSrc: "http://img.b2bpic.net/free-photo/general-director-reviewing-data-analytics-with-her-team-successful-development-plan_482257-118674.jpg?_wi=2",
          imageAlt: "female CEO headshot professional",
        },
        {
          id: "3",
          name: "Silvia Verdi",
          date: "22/02/2024",
          title: "Consulenza Strategica Illuminante",
          quote: "La loro consulenza ci ha dato una chiara direzione per la nostra strategia digitale. Un vero game-changer per la nostra azienda.",
          tag: "Marketing Director, Future Growth",
          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-confident-saleswoman-working-office-sitting-business-room-reading-writing-down_1258-193622.jpg",
          avatarAlt: "Silvia Verdi",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-confident-middle-aged-businessman-black-background_176420-5559.jpg?_wi=2",
          imageAlt: "female CEO headshot professional",
        },
        {
          id: "4",
          name: "Luca Neri",
          date: "15/04/2024",
          title: "Sviluppo Software di Alta Qualità",
          quote: "Abbiamo commissionato un software personalizzato e il risultato ha superato ogni aspettativa. Mavia Solutions è sinonimo di eccellenza.",
          tag: "Product Manager, Innovate Inc.",
          avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg",
          avatarAlt: "Luca Neri",
          imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-businessman-does-daily-tasks-corporate-job_482257-116713.jpg?_wi=2",
          imageAlt: "female CEO headshot professional",
        },
        {
          id: "5",
          name: "Federica Gialli",
          date: "01/06/2024",
          title: "Partnership di Lunga Durata",
          quote: "Siamo clienti da anni e Mavia Solutions continua a sorprenderci con la loro innovazione e dedizione. Un partner tecnologico insostituibile.",
          tag: "COO, Global Solutions",
          avatarSrc: "http://img.b2bpic.net/free-photo/young-man-writing-down-his-plans_1098-17086.jpg",
          avatarAlt: "Federica Gialli",
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-making-hand-gesture-with-laptop-desk-restaurant_23-2147956345.jpg?_wi=2",
          imageAlt: "female CEO headshot professional",
        },
      ]}
      title="Cosa Dicono i Nostri Clienti: Le Voci del Successo"
      description="La soddisfazione dei nostri clienti è la nostra priorità assoluta. Leggi le loro esperienze autentiche e scopri perché scelgono Mavia Solutions come partner tecnologico fidato."
      tag="Feedback Reali"
    />
  </div>

  <div id="clients" data-section="clients">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Microsoft",
        "Google",
        "Amazon",
        "IBM",
        "Oracle",
        "SAP",
        "Salesforce",
      ]}
      title="Collaborazioni di Successo: I Nostri Partner Prestigiosi"
      description="Siamo orgogliosi di collaborare con aziende leader in vari settori, aiutandole a raggiungere i loro obiettivi tecnologici e a innovare nel loro campo."
      tag="Partnership Strategiche"
      speed={40}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",
          title: "Quali tipi di servizi IT offrite?",
          content: "Offriamo una vasta gamma di servizi, tra cui cybersecurity, soluzioni cloud, sviluppo software custom, consulenza strategica IT e gestione dell'infrastruttura di rete.",
        },
        {
          id: "2",
          title: "Come garantite la sicurezza dei dati?",
          content: "Implementiamo protocolli di sicurezza avanzati, crittografia end-to-end, monitoraggio costante delle minacce e soluzioni di backup e disaster recovery per garantire la massima protezione dei tuoi dati.",
        },
        {
          id: "3",
          title: "Offrite consulenza per la trasformazione digitale?",
          content: "Sì, il nostro team di esperti è specializzato nell'aiutare le aziende a pianificare e implementare strategie di trasformazione digitale, ottimizzando i processi e adottando nuove tecnologie.",
        },
        {
          id: "4",
          title: "Qual è il vostro approccio allo sviluppo software?",
          content: "Adottiamo metodologie agili e collaborative, lavorando a stretto contatto con i nostri clienti per comprendere le loro esigenze e sviluppare soluzioni software su misura che soddisfino i requisiti specifici.",
        },
      ]}
      title="Domande Frequenti: Risposte alle Tue Domande sull'IT"
      description="Hai domande sui nostri servizi, soluzioni o su come possiamo aiutarti? Trova le risposte alle domande più comuni qui sotto."
      tag="Supporto"
      faqsAnimation="entrance-slide"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Parliamo del Tuo Progetto: Inizia la Tua Trasformazione Digitale"
      description="Contattaci oggi stesso per scoprire come Mavia Solutions può aiutarti a raggiungere i tuoi obiettivi tecnologici. Il nostro team di esperti è pronto ad ascoltarti e a proporti soluzioni innovative."
      inputs={[
        {
          name: "nome",
          type: "text",
          placeholder: "Il tuo nome",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "La tua email aziendale",
          required: true,
        },
        {
          name: "azienda",
          type: "text",
          placeholder: "Nome della tua azienda",
        },
      ]}
      textarea={{
        name: "messaggio",
        placeholder: "Il tuo messaggio...",
        rows: 5,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/close-up-woman-using-digital-tablet_1098-3651.jpg"
      imageAlt="Form di contatto digitale"
      mediaAnimation="entrance-slide"
      mediaPosition="right"
      buttonText="Invia Messaggio"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=glb3yg"
      logoAlt="Mavia Solutions Logo"
      columns={[
        {
          items: [
            {
              label: "Home",
              href: "#home",
            },
            {
              label: "Chi Siamo",
              href: "#about",
            },
            {
              label: "Servizi",
              href: "#services",
            },
          ],
        },
        {
          items: [
            {
              label: "Soluzioni",
              href: "#solutions",
            },
            {
              label: "Clienti",
              href: "#clients",
            },
            {
              label: "Testimonianze",
              href: "#testimonials",
            },
          ],
        },
        {
          items: [
            {
              label: "FAQ",
              href: "#faq",
            },
            {
              label: "Contatti",
              href: "#contact",
            },
            {
              label: "Privacy Policy",
              href: "#",
            },
          ],
        },
      ]}
      logoText="Mavia Solutions"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
