"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
import ContactText from "@/components/sections/contact/ContactText";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";

export default function ServicesPage() {
  const navItems = [
    { name: "Home", id: "/" },
    { name: "Servizi", id: "/servizi" },
    { name: "Chi Siamo", id: "/chi-siamo" },
    { name: "Contatti", id: "/contatti" },
    { name: "Richiedi Preventivo", id: "#contact-cta" },
  ];

  const footerColumns = [
    {
      title: "Navigazione",
      items: [
        { label: "Home", href: "/" },
        { label: "Servizi", href: "/servizi" },
        { label: "Chi Siamo", href: "/chi-siamo" },
        { label: "Contatti", href: "/contatti" },
      ],
    },
    {
      title: "Contatti",
      items: [
        { label: "Via Andorra, 32 - Padova", href: "#" },
        { label: "+39 049 XXX XXXX", href: "tel:+390491234567" },
        { label: "info@galvanotecnicapadova.it", href: "mailto:info@galvanotecnicapadova.it" },
        { label: "WhatsApp", href: "https://wa.me/390491234567" },
      ],
    },
    {
      title: "Legale",
      items: [
        { label: "Privacy Policy", href: "#" },
        { label: "Termini di Servizio", href: "#" },
        { label: "Cookie Policy", href: "#" },
        { label: "Certificazioni", href: "#" },
      ],
    },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="compact"
      sizing="largeSizeMediumTitles"
      background="floatingGradient"
      cardStyle="glass-elevated"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Galvanotecnica Padova"
          navItems={navItems.map((item) =>
            item.id.startsWith("#") || item.id.startsWith("http")
              ? item
              : { name: item.name, id: item.id }
          )}
        />
      </div>

      <div id="services-detail" data-section="services-detail" className="py-16">
        <FeatureCardTwentyFour
          features={[
            {
              id: "1",
              title: "Zincatura Elettrolitica",
              author: "Lavorazione Principale",
              description: "Rivestimento protettivo di qualità superiore con aderenza eccellente, ideale per componenti che richiedono massima resistenza alla corrosione. Processo controllato con standard internazionali.",
              tags: ["Anticorrosione", "Qualità Certificata"],
              imageSrc: "http://img.b2bpic.net/free-photo/dumbbell_1203-6628.jpg",
              imageAlt: "Processo di zincatura e rivestimento metallico",
            },
            {
              id: "2",
              title: "Trattamenti Anticorrosione",
              author: "Protezione Industriale",
              description: "Soluzioni personalizzate per proteggere metalli dalla ruggine e dal deterioramento ambientale, con finiture diverse adatte a ogni contesto applicativo.",
              tags: ["Durabilità", "Protezione Estesa"],
              imageSrc: "http://img.b2bpic.net/free-photo/old-rusty-metallic-surface_23-2148846056.jpg",
              imageAlt: "Protezione metalli dalla corrosione",
            },
            {
              id: "3",
              title: "Finiture Metalli Specializzate",
              author: "Precisione Tecnica",
              description: "Finiture su misura per minuterie, componenti industriali e pezzi di restauro con tolleranze rigorose e controllo qualità certificato.",
              tags: ["Precisione", "Su Misura"],
              imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop-with-measuring-device_23-2150914191.jpg",
              imageAlt: "Finitura metalli e precisione tecnica",
            },
          ]}
          animationType="slide-up"
          title="Gamma Completa di Servizi Specializzati"
          description="Ogni servizio è ottimizzato per garantire massima affidabilità, precisione tecnica e rispetto dei tempi di consegna."
          tag="Soluzioni Tecniche"
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="process" data-section="process" className="py-16">
        <TextSplitAbout
          title="Il Nostro Processo"
          description={[
            "Analisi tecnica iniziale: comprendiamo a fondo le vostre esigenze specifiche e i requisiti di applicazione.",
            "Consultazione personalizzata: il nostro team tecnico suggerisce la soluzione ottimale per il vostro caso.",
            "Lavorazione: esecuzione secondo standard internazionali ISO e certificazioni di qualità riconosciute.",
            "Controllo qualità rigoroso: ogni componente è sottoposto a verifiche indipendenti prima della spedizione.",
            "Supporto continuativo: assistenza post-vendita e consulenza per la manutenzione e la conservazione.",
          ]}
          buttons={[{ text: "Scopri i Dettagli Tecnici", href: "#contact-cta" }]}
          showBorder={true}
          useInvertedBackground={false}
        />
      </div>

      <div id="contact-cta-services" data-section="contact-cta-services" className="py-20">
        <ContactText
          text="Hai un progetto specifico in mente? Contattaci per una consulenza tecnica gratuita e ricevi un preventivo personalizzato."
          animationType="entrance-slide"
          buttons={[
            { text: "📞 Chiama Ora", href: "tel:+390491234567" },
            { text: "💬 Richiedi Consulenza", href: "https://wa.me/390491234567" },
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground={true}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={footerColumns}
          copyrightText="© 2025 Galvanotecnica Padova | Zincatura Elettrolitica Professionale | Powered by Webild"
        />
      </div>
    </ThemeProvider>
  );
}