import Link from "next/link";
import type { Metadata } from "next";
import { COMPANY_NAME, SITE_URL, WHATSAPP_URL } from "@/data/services";

export const metadata: Metadata = {
  title: "ABNT NBR 5419",
  description:
    "Guia pratico da ABNT NBR 5419 para SPDA: objetivo da norma, etapas de adequacao e boas praticas para reduzir risco tecnico.",
  alternates: { canonical: "/normas/abnt-nbr-5419" },
  openGraph: {
    title: `ABNT NBR 5419 | ${COMPANY_NAME}`,
    description:
      "Entenda os pontos essenciais da ABNT NBR 5419 e como conduzir uma adequacao de SPDA com criterio tecnico.",
    url: `${SITE_URL}/normas/abnt-nbr-5419`,
  },
};

export default function AbntNbr5419Page() {
  return (
    <>
      <section
        className="bg-black text-white py-12 px-4"
        aria-label="Norma ABNT NBR 5419">
        <div className="max-w-5xl mx-auto">
          <nav aria-label="Breadcrumb" className="mb-4">
            <ol className="flex items-center gap-2 text-sm text-gray-300">
              <li>
                <Link href="/" className="hover:text-white">
                  Home
                </Link>
              </li>
              <li aria-hidden="true">❱</li>
              <li>
                <Link href="/informacoes" className="hover:text-white">
                  Informacoes
                </Link>
              </li>
              <li aria-hidden="true">❱</li>
              <li className="text-white">ABNT NBR 5419</li>
            </ol>
          </nav>
          <h1 className="text-3xl md:text-4xl font-bold">ABNT NBR 5419</h1>
          <p className="text-gray-200 max-w-3xl mt-2">
            Referencia tecnica para analise de risco, projeto, instalacao,
            inspecao e manutencao de SPDA.
          </p>
        </div>
      </section>

      <section className="py-12 px-4" aria-label="Conteudo da norma">
        <div className="max-w-4xl mx-auto prose prose-neutral max-w-none">
          <h2>O que e a ABNT NBR 5419</h2>
          <p>
            A ABNT NBR 5419 define criterios tecnicos para protecao contra
            descargas atmosfericas em edificacoes e estruturas. Na pratica, ela
            orienta como avaliar risco, projetar o sistema e comprovar que a
            protecao atende ao nivel esperado de seguranca.
          </p>

          <h2>Quando revisar ou adequar o SPDA</h2>
          <ul>
            <li>
              Apos reformas que alteram estrutura, cobertura ou uso do imovel.
            </li>
            <li>
              Quando ha mudanca de ocupacao e aumento de risco operacional.
            </li>
            <li>Quando laudos apontam nao conformidades tecnicas.</li>
            <li>Em ciclos de manutencao preventiva e auditorias internas.</li>
          </ul>

          <h2>Fluxo tecnico recomendado</h2>
          <ol>
            <li>Levantamento tecnico e documental da edificacao.</li>
            <li>Analise de risco conforme criterios aplicaveis.</li>
            <li>Projeto ou plano de adequacao com memorial tecnico.</li>
            <li>Execucao, testes, registros e documentacao final.</li>
          </ol>

          <h2>Pontos de atencao para evitar retrabalho</h2>
          <ul>
            <li>
              Compatibilizacao com instalacoes eletricas e contra incendio.
            </li>
            <li>Definicao de materiais e metodos de medicao em campo.</li>
            <li>Registro de evidencias tecnicas para laudos e auditorias.</li>
          </ul>

          <p>
            Este conteudo e informativo e nao substitui avaliacao tecnica no
            local. Cada projeto deve considerar caracteristicas construtivas,
            riscos e exigencias especificas.
          </p>
        </div>
      </section>

      <section className="py-12 px-4 bg-gray-light" aria-label="CTA norma">
        <div className="max-w-4xl mx-auto bg-white rounded-xl border border-gray-100 p-8 shadow-sm">
          <h2 className="text-2xl font-bold text-primary mb-3">
            Precisa de apoio tecnico em SPDA e NBR 5419?
          </h2>
          <p className="text-text leading-relaxed mb-5">
            Estruturamos diagnostico, plano de adequacao e execucao com foco em
            conformidade e seguranca operacional.
          </p>
          <div className="flex flex-wrap gap-3">
            <a
              href={WHATSAPP_URL}
              target="_blank"
              rel="noopener noreferrer"
              className="inline-flex items-center justify-center bg-accent hover:opacity-90 text-white font-semibold py-3 px-5 rounded-lg transition-opacity">
              Falar no WhatsApp
            </a>
            <Link
              href="/servicos/instalacoes-eletricas"
              className="inline-flex items-center justify-center border border-primary text-primary hover:bg-primary hover:text-white font-semibold py-3 px-5 rounded-lg transition-colors">
              Ver pilar eletrico
            </Link>
          </div>
        </div>
      </section>
    </>
  );
}