import SEO from '../../components/SEO';
import { createFAQSchema, createBreadcrumbSchema } from '../../config/schema';
import { Shield, Mail, Server, Lock, BarChart3, Building2, ArrowRight, CheckCircle } from 'lucide-react';
import { Link } from 'react-router-dom';

const breadcrumbSchema = createBreadcrumbSchema([
  { name: 'Home', url: 'https://avanzato.com.br/' },
  { name: 'Ferramentas', url: 'https://avanzato.com.br/ferramentas' },
]);

const faqData = [
  { q: 'As ferramentas da Avanzato sao gratuitas?', a: 'Sim, todas as ferramentas sao gratuitas. Voce pode realizar ate 2 consultas por ferramenta sem cadastro. Para consultas ilimitadas e relatorios completos, basta fazer um cadastro rapido gratuito.' },
  { q: 'Para que serve o SPF Checker?', a: 'O SPF (Sender Policy Framework) e um registro DNS que define quais servidores de e-mail podem enviar mensagens em nome do seu dominio. Nossa ferramenta verifica se seu SPF esta configurado corretamente para evitar spoofing.' },
  { q: 'O que e DKIM e por que verificar?', a: 'DKIM (DomainKeys Identified Mail) e uma assinatura digital que garante a autenticidade dos e-mails enviados pelo seu dominio. Sem DKIM, seus e-mails podem ser marcados como spam ou rejeitados.' },
  { q: 'Como o Email Security Score funciona?', a: 'Nossa ferramenta analisa SPF, DKIM, DMARC, registros MX e configuracoes de seguranca do seu dominio e gera um score de 0 a 100, com recomendacoes praticas para melhorar a seguranca do e-mail.' },
  { q: 'Os resultados sao confiaveis?', a: 'Sim. Nossas ferramentas consultam diretamente os servidores DNS publicos e APIs de verificacao SSL. Os resultados sao atualizados em tempo real e usados por nossos proprios consultores tecnicos.' },
  { q: 'Preciso cadastrar para usar?', a: 'Nao nas primeiras 2 consultas. Apos isso, solicitamos um cadastro rapido (nome, e-mail, empresa) para continuar usando. Nao enviamos spam e voce pode cancelar a qualquer momento.' },
];

const faqSchema = createFAQSchema(faqData);
const combinedSchema = [breadcrumbSchema, faqSchema];

const ferramentas = [
  {
    slug: 'spf-checker',
    nome: 'SPF Checker',
    descricao: 'Verifique se o registro SPF do seu dominio esta configurado corretamente para proteger contra falsificacao de e-mails.',
    icone: <Shield className="w-8 h-8" />,
    tags: ['email', 'seguranca', 'microsoft365'],
    tempo: '2 segundos',
  },
  {
    slug: 'dkim-checker',
    nome: 'DKIM Checker',
    descricao: 'Valide a assinatura digital DKIM do seu dominio para garantir a autenticidade dos e-mails enviados.',
    icone: <Mail className="w-8 h-8" />,
    tags: ['email', 'seguranca', 'microsoft365'],
    tempo: '2 segundos',
  },
  {
    slug: 'dmarc-checker',
    nome: 'DMARC Checker',
    descricao: 'Analise a politica DMARC do seu dominio e descubra se voce esta protegido contra phishing e spoofing.',
    icone: <Lock className="w-8 h-8" />,
    tags: ['email', 'seguranca'],
    tempo: '2 segundos',
  },
  {
    slug: 'mx-lookup',
    nome: 'MX Lookup',
    descricao: 'Consulte os registros MX do seu dominio e verifique a infraestrutura de recebimento de e-mails.',
    icone: <Server className="w-8 h-8" />,
    tags: ['email', 'infra'],
    tempo: '1 segundo',
  },
  {
    slug: 'ssl-checker',
    nome: 'SSL Checker',
    descricao: 'Verifique a validade e configuracao do certificado SSL do seu site. Garanta seguranca para seus visitantes.',
    icone: <Lock className="w-8 h-8" />,
    tags: ['seguranca', 'website'],
    tempo: '3 segundos',
  },
  {
    slug: 'email-security-score',
    nome: 'Email Security Score',
    descricao: 'Avalie a seguranca completa do e-mail do seu dominio com um score de 0 a 100 e recomendacoes detalhadas.',
    icone: <BarChart3 className="w-8 h-8" />,
    tags: ['email', 'seguranca', 'microsoft365'],
    tempo: '5 segundos',
  },
  {
    slug: 'microsoft-365-analyzer',
    nome: 'Microsoft 365 Analyzer',
    descricao: 'Analise a configuracao do Microsoft 365 do seu dominio e descubra oportunidades de melhoria e seguranca.',
    icone: <Building2 className="w-8 h-8" />,
    tags: ['microsoft365', 'cloud', 'seguranca'],
    tempo: '5 segundos',
  },
];

const beneficios = [
  'Ferramentas 100% gratuitas',
  'Resultados em tempo real',
  'Recomendacoes praticas',
  'Relatorios completos',
  'Integracao com Microsoft 365',
  'Desenvolvido por especialistas em TI',
];

const Ferramentas = () => {
  return (
    <div className="min-h-screen bg-[#0e0e0e]">
      <SEO
        title="Ferramentas Gratuitas de TI - Avanzato Tools"
        description="Ferramentas gratuitas para diagnosticar seguranca de e-mail, SSL, Microsoft 365 e infraestrutura de TI. SPF Checker, DKIM Checker, DMARC Checker, SSL Checker e mais."
        keywords="spf checker, dkim checker, dmarc checker, verificar ssl, mx lookup, email security, microsoft 365 analyzer"
        schema={combinedSchema}
      />

      {/* Hero */}
      <section className="pt-20 pb-16">
        <div className="max-w-7xl mx-auto px-6">
          <nav className="text-sm text-gray-400 mb-6">
            <Link to="/" className="hover:text-[#cbf400]">Home</Link>
            <span className="mx-2">/</span>
            <span className="text-white">Ferramentas</span>
          </nav>

          <h1 className="text-4xl md:text-5xl font-bold text-white mb-4">
            <span className="text-[#cbf400]">Avanzato</span> Tools
          </h1>
          <p className="text-xl text-gray-300 max-w-3xl mb-4">
            Ferramentas gratuitas de diagnostico tecnico para empresas. 
            Verifique a seguranca do seu e-mail, SSL, Microsoft 365 e infraestrutura de TI.
          </p>
          <p className="text-gray-400 max-w-3xl">
            Desenvolvidas por especialistas com +23 anos de experiencia em TI empresarial. 
            Sem custo, sem spam. 2 consultas gratuitas, cadastro rapido para ilimitado.
          </p>
        </div>
      </section>

      {/* Grid de Ferramentas */}
      <section className="py-12">
        <div className="max-w-7xl mx-auto px-6">
          <div className="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
            {ferramentas.map((f) => (
              <Link
                key={f.slug}
                to={`/ferramentas/${f.slug}`}
                className="bg-[#1a1a1a] rounded-2xl p-6 border border-[#2a2a2a] hover:border-[#cbf400]/50 transition-all group"
              >
                <div className="flex items-center gap-4 mb-4">
                  <div className="p-3 bg-[#cbf400]/10 rounded-xl text-[#cbf400]">
                    {f.icone}
                  </div>
                  <div>
                    <h2 className="text-xl font-semibold text-white group-hover:text-[#cbf400] transition-colors">
                      {f.nome}
                    </h2>
                    <p className="text-xs text-gray-500">{f.tempo}</p>
                  </div>
                </div>
                <p className="text-gray-300 text-sm mb-4">{f.descricao}</p>
                <div className="flex items-center justify-between">
                  <div className="flex gap-2">
                    {f.tags.map(tag => (
                      <span key={tag} className="px-2 py-1 bg-[#cbf400]/10 text-[#cbf400] rounded text-xs">
                        {tag}
                      </span>
                    ))}
                  </div>
                  <ArrowRight className="w-5 h-5 text-gray-500 group-hover:text-[#cbf400] transition-colors" />
                </div>
              </Link>
            ))}
          </div>
        </div>
      </section>

      {/* Beneficios */}
      <section className="py-12">
        <div className="max-w-7xl mx-auto px-6">
          <div className="bg-[#1a1a1a] rounded-2xl p-8 border border-[#2a2a2a]">
            <h2 className="text-2xl font-semibold text-white mb-6">Por que usar as Ferramentas Avanzato?</h2>
            <div className="grid md:grid-cols-3 gap-4">
              {beneficios.map((b) => (
                <div key={b} className="flex items-center gap-3 text-gray-300">
                  <CheckCircle className="w-5 h-5 text-[#cbf400] shrink-0" />
                  {b}
                </div>
              ))}
            </div>
          </div>
        </div>
      </section>

      {/* FAQ */}
      <section className="py-12">
        <div className="max-w-7xl mx-auto px-6">
          <div className="bg-[#1a1a1a] rounded-2xl p-8 border border-[#2a2a2a]">
            <h2 className="text-2xl font-semibold text-white mb-6">Perguntas Frequentes</h2>
            <div className="space-y-4">
              {faqData.map((faq, i) => (
                <div key={i} className="border-b border-[#2a2a2a] pb-4 last:border-0">
                  <h3 className="text-lg font-semibold text-[#cbf400] mb-2">{faq.q}</h3>
                  <p className="text-gray-300">{faq.a}</p>
                </div>
              ))}
            </div>
          </div>
        </div>
      </section>

      {/* CTA */}
      <section className="py-16">
        <div className="max-w-7xl mx-auto px-6">
          <div className="bg-gradient-to-r from-[#cbf400]/10 to-transparent rounded-2xl p-8 border border-[#cbf400]/30 text-center">
            <h2 className="text-3xl font-bold text-white mb-4">
              Precisa de ajuda com a infraestrutura de TI?
            </h2>
            <p className="text-gray-300 mb-6 max-w-2xl mx-auto">
              Nossos especialistas podem avaliar seu ambiente e propor melhorias personalizadas.
            </p>
            <div className="flex flex-col sm:flex-row gap-4 justify-center">
              <Link to="/avaliacao" className="inline-flex items-center gap-2 bg-[#cbf400] text-[#0e0e0e] px-8 py-4 rounded-xl font-semibold hover:bg-[#b8e000] transition-colors">
                Avaliacao Gratuita de TI
                <ArrowRight className="w-5 h-5" />
              </Link>
              <Link to="/contato" className="inline-flex items-center gap-2 border border-[#cbf400] text-[#cbf400] px-8 py-4 rounded-xl font-semibold hover:bg-[#cbf400]/10 transition-colors">
                Falar com Especialista
              </Link>
            </div>
          </div>
        </div>
      </section>
    </div>
  );
};

export default Ferramentas;
