// Soluções page
const SOLUTIONS_DETAIL = [
  {
    n: "01",
    t: "Suporte Técnico em TI",
    tag: "Presencial e remoto",
    intro: "Rede travando, máquina lenta, impressora que só imprime quando quer. A gente entra, diagnostica e resolve — com o negócio em movimento.",
    checks: [
      ["Diagnóstico e manutenção", "Hardware, sistema operacional, rede, periféricos."],
      ["Configuração de rede", "Roteadores, switches, Wi-Fi corporativo, cabeamento."],
      ["Instalação e preventiva", "Formatação, backup, antivírus e rotinas que evitam dor de cabeça."],
      ["Atendimento remoto", "Resolvendo no mesmo dia, sem precisar parar a operação."],
    ],
  },
  {
    n: "02",
    t: "Implantação e Suporte de ERP",
    tag: "Projeto e acompanhamento",
    intro: "ERP novo ou sistema antigo dando problema — fazemos o trabalho completo: cadastros, parâmetros, treinamento da equipe e suporte contínuo.",
    checks: [
      ["Implantação completa", "Da análise do processo à operação plena. Cronograma realista."],
      ["Migração de dados", "Produtos, clientes, estoque e histórico do sistema antigo."],
      ["Treinamento da equipe", "Até o último caixa saber operar com segurança."],
      ["Suporte recorrente", "Pacote mensal ou chamado avulso — como fizer sentido pra você."],
    ],
  },
  {
    n: "03",
    t: "Automação Comercial",
    tag: "PDV · Estoque · Integração",
    intro: "Impressora fiscal, leitor de código, balança, gaveta, TEF. Cada peça conversando com o ERP — e com a nota sendo emitida na hora certa.",
    checks: [
      ["PDV e Frente de Caixa", "Configuração, integração fiscal e ajustes finos."],
      ["Equipamentos periféricos", "Impressoras, leitores, balanças, pinpads homologados."],
      ["Integração com ERP", "Vendas, estoque e financeiro espelhando a realidade da loja."],
      ["Rotinas de fechamento", "Conciliação diária, sangria, conferência — sem surpresa no fim do mês."],
    ],
  },
  {
    n: "04",
    t: "Emissão Fiscal",
    tag: "NF-e · NFC-e · SAT",
    intro: "Certificado digital, configuração do emissor, CFOPs corretos, NCM revisado. A parte chata feita direito — pra você não levar multa por bobagem.",
    checks: [
      ["NF-e, NFC-e, CT-e", "Configuração, homologação e emissão em produção."],
      ["Certificado digital", "Instalação, renovação e boas práticas de uso."],
      ["Parametrização fiscal", "CFOP, CST, CSOSN, NCM revisados com seu contador."],
      ["Contingência e SEFAZ", "Rotinas para quando a SEFAZ cai — continuar vendendo sem pânico."],
    ],
  },
];

function SolucoesPage() {
  return (
    <>
      <section className="hero-page">
        <div className="grid-bg" />
        <div className="wrap">
          <div className="crumbs"><a href="#/home">Home</a> / Soluções</div>
          <h1 className="h-display">Soluções que atendem a operação inteira.</h1>
          <p className="lede">Quatro serviços pensados pra conversarem entre si. Você pode começar pelo mais urgente — e crescer com a gente conforme o negócio pedir.</p>
        </div>
      </section>

      <section className="section" style={{ paddingTop: 40, paddingBottom: 0 }}>
        <div className="wrap">
          {SOLUTIONS_DETAIL.map((s) => (
            <div className="service-row" key={s.n}>
              <div className="left">
                <div className="num">Serviço {s.n} / 04</div>
                <h2>{s.t}</h2>
                <span className="tag">{s.tag}</span>
                <div style={{ marginTop: 28 }}>
                  <a className="btn btn-wa" href={WA_LINK} target="_blank" rel="noreferrer">
                    <WhatsAppIcon /> Pedir orçamento
                  </a>
                </div>
              </div>
              <div className="right">
                <p>{s.intro}</p>
                <ul className="checks">
                  {s.checks.map(([h, d]) => (
                    <li key={h}>
                      <span className="pix" />
                      <div>
                        <strong>{h}</strong>
                        <span>{d}</span>
                      </div>
                    </li>
                  ))}
                </ul>
              </div>
            </div>
          ))}
        </div>
      </section>

      <FinalCTA />
    </>
  );
}

Object.assign(window, { SolucoesPage });
