Files
avz-site/src/pages/ferramentas/index.tsx
T
2026-06-02 22:34:39 -03:00

223 lines
10 KiB
TypeScript

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;