"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import AboutMetric from "@/components/sections/about/AboutMetric";
import FeatureCardTwentyThree from "@/components/sections/feature/FeatureCardTwentyThree";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import { Shield, Zap, Users, Truck } from "lucide-react";

export default function AboutPage() {
  const navItems = [
    { name: "Início", id: "/" },
    { name: "Empresa", id: "/empresa" },
    { name: "Produtos", id: "/produtos" },
    { name: "Segmentos", id: "/segmentos" },
    { name: "Contato", id: "/contato" },
  ];

  const footerColumns = [
    {
      items: [
        { label: "Início", href: "/" },
        { label: "Sobre Nós", href: "/empresa" },
        { label: "Produtos", href: "/produtos" },
      ],
    },
    {
      items: [
        { label: "Segmentos", href: "/segmentos" },
        { label: "Diferenciais", href: "/empresa" },
        { label: "Suporte", href: "/suporte" },
      ],
    },
    {
      items: [
        { label: "Contato", href: "/contato" },
        { label: "WhatsApp", href: "https://wa.me/55" },
        { label: "E-mail", href: "mailto:contato@fabrijet.com.br" },
      ],
    },
    {
      items: [
        { label: "Política de Privacidade", href: "#" },
        { label: "Termos & Condições", href: "#" },
        { label: "Compliance", href: "#" },
      ],
    },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="small"
      sizing="largeSizeMediumTitles"
      background="floatingGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={navItems}
          brandName="Fabrijet"
          bottomLeftText="Soluções em Impressão Digital"
          bottomRightText="contato@fabrijet.com.br"
        />
      </div>

      <div id="differentials" data-section="differentials">
        <AboutMetric
          title="Por que escolher a Fabrijet? Diferenciais que transformam sua produção com equipamentos, suporte e expertise inigualáveis no mercado de impressão."
          useInvertedBackground={false}
          metricsAnimation="entrance-slide"
          metrics={[
            { icon: Shield, label: "Assistência Técnica Especializada", value: "24/7 Nacional" },
            { icon: Zap, label: "Peças & Suprimentos Originais", value: "Garantidos" },
            { icon: Users, label: "Treinamento & Suporte Pós-Venda", value: "Completo" },
            { icon: Truck, label: "Atendimento Rápido em Todo Brasil", value: "Rede Nacional" },
          ]}
        />
      </div>

      <div id="team" data-section="team">
        <FeatureCardTwentyThree
          features={[
            {
              id: "1",
              title: "Equipe de Especialistas em Impressão Digital",
              tags: ["Expertise", "Consultoria", "Inovação"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APYRvSHVuqSDqR00s2zbxPADrj/professional-team-working-together-in-mo-1772496491104-86b46507.png?_wi=1",
              imageAlt: "Equipe profissional trabalhando em colaboração",
            },
            {
              id: "2",
              title: "Instalações Modernas e Equipamentos de Teste",
              tags: ["Tecnologia", "Qualidade", "Inovação"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APYRvSHVuqSDqR00s2zbxPADrj/modern-manufacturing-facility-with-advan-1772496492293-98a2c601.png",
              imageAlt: "Instalação moderna com equipamentos avançados",
            },
            {
              id: "3",
              title: "Controle de Qualidade e Testes Rigorosos",
              tags: ["Qualidade", "Precisão", "Excelência"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APYRvSHVuqSDqR00s2zbxPADrj/quality-control-technician-inspecting-pr-1772496492266-baa97b5a.png",
              imageAlt: "Inspeção de qualidade dos materiais impressos",
            },
          ]}
          animationType="slide-up"
          title="Infraestrutura e Recursos"
          description="Conheça os pilares que sustentam a excelência operacional da Fabrijet"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="support" data-section="support">
        <FeatureCardTwentyThree
          features={[
            {
              id: "1",
              title: "Suporte Técnico 24/7 em Todo o Brasil",
              tags: ["Disponibilidade", "Atendimento", "Resposta Rápida"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APYRvSHVuqSDqR00s2zbxPADrj/customer-service-representative-assistin-1772496490619-9412319f.png?_wi=1",
              imageAlt: "Representante de atendimento ao cliente",
            },
            {
              id: "2",
              title: "Treinamento Completo para Suas Equipes",
              tags: ["Capacitação", "Educação", "Desenvolvimento"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APYRvSHVuqSDqR00s2zbxPADrj/professional-team-working-together-in-mo-1772496491104-86b46507.png?_wi=2",
              imageAlt: "Treinamento em equipamentos de impressão",
            },
            {
              id: "3",
              title: "Consultoria Estratégica em Soluções de Impressão",
              tags: ["Consultoria", "Estratégia", "Otimização"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APYRvSHVuqSDqR00s2zbxPADrj/customer-service-representative-assistin-1772496490619-9412319f.png?_wi=2",
              imageAlt: "Consultoria em soluções de impressão",
            },
          ]}
          animationType="slide-up"
          title="Serviços de Suporte Premium"
          description="Soluções integradas para garantir o máximo desempenho de seus equipamentos"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis columns={footerColumns} logoText="Fabrijet" />
      </div>
    </ThemeProvider>
  );
}