"use client";

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

export default function AboutPage() {
  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="about-intro" data-section="about-intro" className="py-16">
        <TextSplitAbout
          title="Chi Siamo"
          description={[
            "Galvanotecnica Padova è un'azienda specializzata in servizi di zincatura elettrolitica e trattamenti anticorrosione con sede nel cuore del territorio veneto.",
            "Vantando decenni di esperienza nel settore, abbiamo sviluppato competenze tecniche riconosciute e una solida reputazione presso aziende metalmeccaniche, officine e restauratori locali.",
            "La nostra missione è fornire soluzioni affidabili e precise che proteggono i vostri componenti metallici dal deterioramento, garantendo qualità certificata e tempistiche competitive.",
          ]}
          buttons={[{ text: "Contattaci per Saperne di Più", href: "#contact-cta" }]}
          showBorder={true}
          useInvertedBackground={false}
        />
      </div>

      <div id="values" data-section="values" className="py-16 bg-gradient-to-b from-transparent to-orange-50">
        <TextSplitAbout
          title="I Nostri Valori"
          description={[
            "Affidabilità: Ogni cliente sa di poter contare su di noi per consegne puntuali e risultati prevedibili.",
            "Precisione tecnica: Utilizziamo attrezzature moderne e protocolli rigorosi per garantire tolleranze eccellenti.",
            "Sostenibilità ambientale: Processi eco-responsabili nel rispetto della normativa europea per l'industria galvanica.",
            "Trasparenza: Comunicazione chiara sui processi, costi e tempistiche senza sorprese nascoste.",
            "Innovazione continua: Investiamo in formazione del team e aggiornamento tecnologico per restare competitivi.",
          ]}
          showBorder={false}
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials-about" data-section="testimonials-about" className="py-16">
        <TestimonialCardOne
          testimonials={[
            {
              id: "1",
              name: "Marco Rossi",
              role: "Responsabile Produzione",
              company: "Officina Metalmeccanica XYZ",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/male-worker-with-arms-crossed-standing-factory_107420-96042.jpg?_wi=2",
              imageAlt: "Marco Rossi - Responsabile Produzione",
            },
            {
              id: "2",
              name: "Paola Ferrari",
              role: "Direttore Tecnico",
              company: "Azienda Restauri Padova",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/pharmacologist-against-backdrop-laboratory-indian-female-drug-development-specialist-holding-tablet-is-conceptual-image-from-copy-space-international-women39s-day-labor-day_166373-9440.jpg?_wi=2",
              imageAlt: "Paola Ferrari - Direttore Tecnico",
            },
            {
              id: "3",
              name: "Giovanni Milani",
              role: "Titolare",
              company: "Produttori Minuterie Locali",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/confident-male-worker-standing-warehouse_107420-96550.jpg?_wi=2",
              imageAlt: "Giovanni Milani - Titolare",
            },
          ]}
          title="Fiducia dei Nostri Partner"
          description="Clienti affidabili che hanno scelto di lavorare con noi per i loro progetti più importanti."
          tag="Partnership Consolidate"
          tagAnimation="slide-up"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact-cta-about" data-section="contact-cta-about" className="py-20">
        <ContactText
          text="Scopri come possiamo supportare il tuo progetto. Contatta il nostro team per una consulenza personalizzata."
          animationType="entrance-slide"
          buttons={[
            { text: "📞 Chiama Subito", href: "tel:+390491234567" },
            { text: "💬 Invia WhatsApp", 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>
  );
}