"use client";

import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroOverlayTestimonial from "@/components/sections/hero/HeroOverlayTestimonial";
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
import TeamCardSix from "@/components/sections/team/TeamCardSix";
import TeamCardOne from "@/components/sections/team/TeamCardOne";
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { Sparkles, Layout, Palette, PenTool, Package, Megaphone, Monitor, Image as ImageIcon } from "lucide-react";

export default function LandscapingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="large"
      background="none"
      cardStyle="glass-elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarStyleFullscreen
            brandName="Vivodesign"
            logoSrc="http://img.b2bpic.net/free-photo/student-holding-cup-coffee-while-listening-her-teacher-video-call-conference-laptop-computer-woman-studying-communication-information-using-e-learning-college-platform_482257-17317.jpg"
            logoAlt="Vivodesign logo"
            navItems={[
              { name: "Home", id: "hero" },
              { name: "Servizi", id: "services" },
              { name: "Chi Siamo", id: "about" },
              { name: "Contatti", id: "contact" }
            ]}
          />
        </div>

        <div id="hero" data-section="hero">
          <HeroOverlayTestimonial
            title="Design che fa crescere il tuo business."
            description="Creiamo identità visive e materiali di comunicazione che aiutano aziende e professionisti a essere riconosciuti, ricordati e scelti."
            buttons={[
              { text: "Richiedi un Preventivo", href: "#contact" },
              { text: "Scopri i Servizi", href: "#services" }
            ]}
            buttonAnimation="slide-up"
            imageSrc="http://img.b2bpic.net/free-photo/human-ai-touch-connection-technology-innovation_23-2152000862.jpg"
            imageAlt="Abstract geometric design background"
            showDimOverlay={true}
            showBlur={true}
            textPosition="top"
            testimonials={[]}
          />
        </div>

        <div id="about" data-section="about">
          <TestimonialAboutCard
            tag="Chi Siamo"
            tagIcon={Sparkles}
            tagAnimation="slide-up"
            title="Vivodesign nasce dalla passione per il design e dalla volontà di aiutare le aziende a crescere."
            description="Uniamo creatività, strategia e attenzione ai dettagli per creare soluzioni visive che generano risultati concreti."
            subdescription=""
            icon={Palette}
            imageSrc="http://img.b2bpic.net/free-photo/letter-n-made-green-grass-with-flowers-isolated-transparent-background_169016-59603.jpg"
            mediaAnimation="slide-up"
            useInvertedBackground={false}
          />
        </div>

        <div id="services" data-section="services">
          <FeatureCardNineteen
            tag="I Nostri Servizi"
            title="Cosa Facciamo"
            description="Creiamo soluzioni visive strategicamente efficaci per il tuo brand."
            buttonAnimation="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
            imageContainerClassName="!rotate-0 !aspect-square"
            features={[
              {
                tag: "Servizio 1",                title: "Brand Identity",                subtitle: "Loghi, sistemi visivi e linee guida per costruire un brand riconoscibile.",                description: "Dall'ideazione del logo alla definizione completa dell'identità visiva, creiamo un brand forte e memorabile che parla di te.",                imageSrc: "http://img.b2bpic.net/free-photo/3d-view-letters-alphabet_23-2150499099.jpg",                imageAlt: "Brand identity design"},
              {
                tag: "Servizio 2",                title: "Graphic Design",                subtitle: "Materiali professionali per comunicare con chiarezza e impatto.",                description: "Progettiamo brochure, volantini, manifesti e qualsiasi materiale grafico per una comunicazione visiva efficace e coerente.",                imageSrc: "http://img.b2bpic.net/free-photo/glowing-red-warning-triangle-sign-dark-grunge-textured-background_84443-91510.jpg",                imageAlt: "Graphic design elements"},
              {
                tag: "Servizio 3",                title: "Social Media Design",                subtitle: "Contenuti visivi moderni e coerenti per i tuoi canali social.",                description: "Realizziamo grafiche accattivanti per i tuoi social media, ottimizzate per coinvolgere il pubblico e rafforzare la tua presenza online.",                imageSrc: "http://img.b2bpic.net/free-photo/letter-s-made-green-grass-with-flowers-isolated-white_169016-57132.jpg",                imageAlt: "Social media design"},
              {
                tag: "Servizio 4",                title: "Web Design",                subtitle: "Siti web eleganti, funzionali e orientati alla conversione.",                description: "Creiamo siti web dal design intuitivo e responsive, che non solo catturano l'attenzione ma guidano l'utente verso i tuoi obiettivi di business.",                imageSrc: "http://img.b2bpic.net/free-photo/pollution-background-industrial-smoke-from-factory-rsquo-s-chimneys_53876-128293.jpg",                imageAlt: "Web design interface"},
              {
                tag: "Servizio 5",                title: "Packaging Design",                subtitle: "Packaging distintivi che valorizzano il prodotto.",                description: "Sviluppiamo soluzioni di packaging innovative e esteticamente gradevoli che proteggono e promuovono il tuo prodotto sullo scaffale.",                imageSrc: "http://img.b2bpic.net/free-photo/letter-m-made-green-grass-isolated-white_169016-56941.jpg",                imageAlt: "Packaging design mockups"},
              {
                tag: "Servizio 6",                title: "Marketing Materials",                subtitle: "Brochure, cataloghi, presentazioni e materiale promozionale.",                description: "Dal materiale informativo a quello promozionale, progettiamo supporti di marketing che lasciano un'impressione duratura.",                imageSrc: "http://img.b2bpic.net/free-photo/letter-l-made-green-grass-with-yellow-isolated-transparent-background_169016-59720.jpg",                imageAlt: "Marketing materials design"},
            ]}
          />
        </div>

        <div id="why-us" data-section="why-us">
          <TeamCardSix
            title="Come Lavoriamo"
            description="Il nostro approccio metodico per risultati eccellenti."
            textboxLayout="default"
            useInvertedBackground={false}
            gridVariant="uniform-all-items-equal"
            animationType="slide-up"
            members={[
              {
                id: "1",                name: "1. Analisi",                role: "Comprendiamo a fondo i tuoi obiettivi, il tuo pubblico e il tuo settore per definire la direzione migliore.",                imageSrc: "http://img.b2bpic.net/free-photo/view-3d-letter-k-with-vegetation-flowers_23-2150811463.jpg",                imageAlt: "Process step analysis"},
              {
                id: "2",                name: "2. Strategia",                role: "Elaboriamo un piano d'azione dettagliato, unendo creatività, visione strategica e innovazione.",                imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-letter-w-sign_53876-63745.jpg",                imageAlt: "Process step strategy"},
              {
                id: "3",                name: "3. Design",                role: "Diamo vita alle idee con soluzioni visive innovative e di impatto, curando ogni singolo dettaglio.",                imageSrc: "http://img.b2bpic.net/free-photo/vegetarian-letter-m_1149-809.jpg",                imageAlt: "Process step design"},
              {
                id: "4",                name: "4. Consegna",                role: "Forniamo i materiali finali, garantendo qualità e conformità, pronti per distinguere il tuo brand sul mercato.",                imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-letter-r_53876-63753.jpg",                imageAlt: "Process step delivery"},
            ]}
          />
        </div>

        <div id="team" data-section="team">
          <TeamCardOne
            tag="La Nostra Visione"
            title="Principi che guidano ogni nostro progetto."
            description=""
            textboxLayout="default"
            useInvertedBackground={false}
            gridVariant="uniform-all-items-equal"
            animationType="slide-up"
            members={[
              {
                id: "1",                name: "Creatività Strategica",                role: "Design che non è solo bello, ma efficace e mirato agli obiettivi di business dei nostri clienti.",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ydtcos",                imageAlt: "Creative strategic approach"},
              {
                id: "2",                name: "Dettaglio e Precisione",                role: "Ogni pixel conta. Curiamo ogni aspetto del progetto per garantire risultati impeccabili e coerenti.",                imageSrc: "http://img.b2bpic.net/free-photo/online-banking-finance-banking-e-banking-concept_53876-133822.jpg",                imageAlt: "Attention to detail"},
              {
                id: "3",                name: "Collaborazione",                role: "Lavoriamo a stretto contatto con i nostri clienti, trasformando visioni condivise in realtà straordinarie.",                imageSrc: "http://img.b2bpic.net/free-photo/view-3d-letter-k-with-steampunk-design_23-2150811479.jpg",                imageAlt: "Collaborative teamwork"},
            ]}
          />
        </div>

        <div id="testimonials" data-section="testimonials">
          <TestimonialCardTwelve
            cardTag="La Voce dei Nostri Clienti"
            cardTagIcon={Sparkles}
            cardTitle="Abbiamo aiutato numerose aziende a distinguersi e a crescere con un design eccezionale."
            buttons={[{ text: "Contattaci Ora", href: "#contact" }]}
            buttonAnimation="slide-up"
            cardAnimation="slide-up"
            useInvertedBackground={false}
            testimonials={[
              {
                id: "1",                name: "Laura Rossi",                imageSrc: "http://img.b2bpic.net/free-photo/covid-coronavirus-outbreak-healthcare-workers-pandemic-concept-enthusiastic-handsome-doctor-w_1258-84634.jpg",                imageAlt: "Laura Rossi"},
              {
                id: "2",                name: "Marco Bianchi",                imageSrc: "http://img.b2bpic.net/free-photo/fresh-food-letter-r_1149-821.jpg",                imageAlt: "Marco Bianchi"},
              {
                id: "3",                name: "Giulia Verdi",                imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-letter-n_53876-63672.jpg",                imageAlt: "Giulia Verdi"},
              {
                id: "4",                name: "Luca Neri",                imageSrc: "http://img.b2bpic.net/free-photo/woman-satisfied-with-any-decision-feeling-carefree-happy-standing-elegant-red-evening-dress-w_1258-81212.jpg",                imageAlt: "Luca Neri"},
            ]}
          />
        </div>

        <div id="faq" data-section="faq">
          <FaqDouble
            tag="FAQ"
            title="Domande Frequenti"
            description="Tutto quello che potresti voler sapere su Vivodesign e i nostri servizi."
            textboxLayout="default"
            useInvertedBackground={false}
            faqsAnimation="slide-up"
            faqs={[
              {
                id: "1",                title: "Come funziona il processo di design con Vivodesign?",                content: "Il nostro processo inizia con un'analisi approfondita delle tue esigenze, seguita da una fase di strategia, ideazione e sviluppo del design. Consegneremo poi i file finali, pronti per l'uso."},
              {
                id: "2",                title: "Quanto tempo ci vuole per completare un progetto?",                content: "La durata varia in base alla complessità del progetto e alla rapidità di feedback. Ti forniremo una stima dettagliata durante la fase di analisi iniziale."},
              {
                id: "3",                title: "Offrite servizi di consulenza?",                content: "Sì, offriamo consulenze strategiche personalizzate per aiutarti a definire e affinare la tua identità visiva e la tua comunicazione di marketing."},
              {
                id: "4",                title: "Vivodesign lavora con startup e piccole imprese?",                content: "Assolutamente! Supportiamo aziende di ogni dimensione, dai professionisti alle grandi imprese, con soluzioni di design scalabili e adatte ad ogni budget."},
              {
                id: "5",                title: "Quali sono i vostri settori di specializzazione?",                content: "Abbiamo esperienza diversificata e siamo in grado di creare soluzioni di design personalizzate per un'ampia gamma di settori, adattandoci alle specificità di ogni nicchia di mercato."},
            ]}
          />
        </div>

        <div id="contact" data-section="contact" className="relative overflow-hidden">
          <div className="absolute inset-0 w-full h-full">
            <img
              src="http://img.b2bpic.net/free-photo/covid-selfquarantine-online-shopping-shipping-concept-delivery-guy-red-tshirt-cap-with-face-m_1258-58259.jpg"
              alt="Geometric pattern background"
              className="w-full h-full object-cover"
            />
            <div className="absolute inset-0 bg-foreground/70" />
          </div>
          <ContactSplitForm
            title="Parliamo del tuo progetto"
            description="Hai un'idea, un brand da lanciare o un business da far crescere? Contattaci e costruiamo qualcosa di straordinario insieme."
            useInvertedBackground={false}
            mediaAnimation="none"
            buttonText="Contattaci"
            contentClassName="!grid-cols-1 max-w-[600px] mx-auto"
            mediaWrapperClassName="hidden"
            inputs={[
              { name: "name", type: "text", placeholder: "Nome Completo", required: true },
              { name: "email", type: "email", placeholder: "Indirizzo Email", required: true },
              { name: "phone", type: "tel", placeholder: "Numero di Telefono (Opzionale)" },
            ]}
            textarea={{ name: "message", placeholder: "Parlaci del tuo progetto...", rows: 4, required: true }}
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterSimple
            columns={[
              {
                title: "Servizi",                items: [
                  { label: "Brand Identity", href: "#services" },
                  { label: "Graphic Design", href: "#services" },
                  { label: "Social Media Design", href: "#services" },
                  { label: "Web Design", href: "#services" },
                  { label: "Packaging Design", href: "#services" },
                  { label: "Marketing Materials", href: "#services" },
                ],
              },
              {
                title: "Azienda",                items: [
                  { label: "Chi Siamo", href: "#about" },
                  { label: "Come Lavoriamo", href: "#why-us" },
                  { label: "FAQ", href: "#faq" },
                ],
              },
              {
                title: "Contatti",                items: [
                  { label: "vivodesignstudios@gmail.com", href: "mailto:vivodesignstudios@gmail.com" },
                  { label: "Emilia-Romagna, Italia" },
                ],
              },
            ]}
            bottomLeftText="Vivodesign © 2026 Emilia-Romagna, Italia"
            bottomRightText="vivodesignstudios@gmail.com"
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
