Versão inicial do site Avanzato
This commit is contained in:
@@ -0,0 +1,198 @@
|
||||
import { useEffect, useRef } from 'react';
|
||||
import { gsap } from 'gsap';
|
||||
import { Shield, Lock, Eye, FileText, User, Share2, Mail } from 'lucide-react';
|
||||
|
||||
const sections = [
|
||||
{
|
||||
icon: <FileText className="w-6 h-6" />,
|
||||
title: '1. Introdução',
|
||||
content: `
|
||||
A Avanzato Tecnologia valoriza a privacidade de seus usuários e está comprometida em proteger
|
||||
as informações pessoais coletadas. Esta Política de Privacidade descreve como coletamos,
|
||||
usamos, armazenamos e protegemos seus dados.
|
||||
|
||||
Ao utilizar nossos serviços, você concorda com os termos desta política. Recomendamos a
|
||||
leitura atenta deste documento.
|
||||
`,
|
||||
},
|
||||
{
|
||||
icon: <User className="w-6 h-6" />,
|
||||
title: '2. Dados Coletados',
|
||||
content: `
|
||||
Podemos coletar os seguintes tipos de informações:
|
||||
|
||||
• Dados de identificação: nome, email, telefone, CNPJ
|
||||
• Dados de navegação: endereço IP, cookies, páginas visitadas
|
||||
• Dados de uso: informações sobre como você utiliza nossos serviços
|
||||
• Dados técnicos: informações sobre seus dispositivos e sistemas
|
||||
|
||||
A coleta ocorre quando você:
|
||||
- Preenche formulários em nosso site
|
||||
- Entra em contato conosco
|
||||
- Contrata nossos serviços
|
||||
- Navega em nosso site
|
||||
`,
|
||||
},
|
||||
{
|
||||
icon: <Eye className="w-6 h-6" />,
|
||||
title: '3. Uso das Informações',
|
||||
content: `
|
||||
Utilizamos seus dados para:
|
||||
|
||||
• Fornecer e melhorar nossos serviços
|
||||
• Responder solicitações e dúvidas
|
||||
• Enviar comunicações sobre produtos e serviços
|
||||
• Cumprir obrigações legais e regulatórias
|
||||
• Prevenir fraudes e garantir segurança
|
||||
• Realizar análises e pesquisas de mercado
|
||||
|
||||
Não utilizamos seus dados para fins não relacionados aos nossos serviços
|
||||
sem seu consentimento explícito.
|
||||
`,
|
||||
},
|
||||
{
|
||||
icon: <Lock className="w-6 h-6" />,
|
||||
title: '4. Proteção de Dados',
|
||||
content: `
|
||||
Implementamos medidas de segurança técnicas e organizacionais para proteger
|
||||
suas informações:
|
||||
|
||||
• Criptografia de dados em trânsito e em repouso
|
||||
• Firewalls e sistemas de detecção de intrusão
|
||||
• Controles de acesso rigorosos
|
||||
• Treinamento de colaboradores em segurança
|
||||
• Auditorias regulares de segurança
|
||||
• Backups automatizados e seguros
|
||||
|
||||
Apesar de todos os esforços, nenhum sistema é 100% seguro. Em caso de
|
||||
incidente de segurança, notificaremos você conforme exigido por lei.
|
||||
`,
|
||||
},
|
||||
{
|
||||
icon: <Share2 className="w-6 h-6" />,
|
||||
title: '5. Compartilhamento de Dados',
|
||||
content: `
|
||||
Podemos compartilhar seus dados com:
|
||||
|
||||
• Prestadores de serviços: empresas que nos auxiliam na operação
|
||||
• Autoridades legais: quando exigido por lei ou ordem judicial
|
||||
• Parceiros comerciais: com seu consentimento explícito
|
||||
|
||||
Não vendemos seus dados pessoais a terceiros. Qualquer compartilhamento
|
||||
é feito com garantias de proteção e conformidade com a LGPD.
|
||||
`,
|
||||
},
|
||||
{
|
||||
icon: <Shield className="w-6 h-6" />,
|
||||
title: '6. Seus Direitos (LGPD)',
|
||||
content: `
|
||||
De acordo com a Lei Geral de Proteção de Dados (LGPD), você tem direito a:
|
||||
|
||||
• Acessar seus dados pessoais
|
||||
• Corrigir dados incompletos ou desatualizados
|
||||
• Solicitar a exclusão de seus dados
|
||||
• Revogar seu consentimento
|
||||
• Solicitar a portabilidade dos dados
|
||||
• Opor-se ao processamento de dados
|
||||
• Solicitar informações sobre o compartilhamento
|
||||
|
||||
Para exercer seus direitos, entre em contato pelo email:
|
||||
privacidade@avanzato.com.br
|
||||
`,
|
||||
},
|
||||
{
|
||||
icon: <Mail className="w-6 h-6" />,
|
||||
title: '7. Contato',
|
||||
content: `
|
||||
Para questões relacionadas à privacidade e proteção de dados:
|
||||
|
||||
Email: privacidade@avanzato.com.br
|
||||
Telefone: (11) 4810-1704
|
||||
Endereço: Av. Dr. Carlos de Campos, 43 - Guarulhos/SP
|
||||
|
||||
Nosso Encarregado de Proteção de Dados (DPO) está disponível para
|
||||
atender suas solicitações.
|
||||
`,
|
||||
},
|
||||
];
|
||||
|
||||
const Privacidade = () => {
|
||||
const contentRef = useRef<HTMLDivElement>(null);
|
||||
|
||||
useEffect(() => {
|
||||
if (contentRef.current) {
|
||||
gsap.fromTo(
|
||||
contentRef.current.querySelectorAll('.section-item'),
|
||||
{ y: 30, opacity: 0 },
|
||||
{
|
||||
y: 0,
|
||||
opacity: 1,
|
||||
duration: 0.5,
|
||||
stagger: 0.1,
|
||||
ease: 'expo.out',
|
||||
}
|
||||
);
|
||||
}
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<div className="bg-[#0e0e0e] min-h-screen">
|
||||
{/* Hero */}
|
||||
<section className="pt-32 pb-20 relative overflow-hidden">
|
||||
<div className="absolute top-0 right-0 w-[600px] h-[600px] bg-[#cbf400]/5 rounded-full blur-3xl -translate-y-1/2 translate-x-1/2" />
|
||||
|
||||
<div className="container-custom relative z-10">
|
||||
<div className="text-center max-w-3xl mx-auto">
|
||||
<span className="inline-block px-4 py-2 rounded-full bg-[#cbf400]/10 text-[#cbf400] text-sm font-semibold mb-6 border border-[#cbf400]/20">
|
||||
Legal
|
||||
</span>
|
||||
|
||||
<h1 className="text-4xl md:text-5xl lg:text-6xl font-black text-white mb-6">
|
||||
Política de <span className="text-gradient">Privacidade</span>
|
||||
</h1>
|
||||
|
||||
<p className="text-xl text-gray-400">
|
||||
Última atualização: 15 de Janeiro de 2024
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Conteúdo */}
|
||||
<section className="py-20">
|
||||
<div className="container-custom">
|
||||
<div className="max-w-4xl mx-auto">
|
||||
<div ref={contentRef} className="space-y-8">
|
||||
{sections.map((section, index) => (
|
||||
<div
|
||||
key={index}
|
||||
className="section-item bg-[#1a1a1a] rounded-2xl p-8 border border-white/5"
|
||||
>
|
||||
<div className="flex items-center gap-4 mb-6">
|
||||
<div className="w-12 h-12 rounded-xl bg-[#cbf400]/10 flex items-center justify-center text-[#cbf400]">
|
||||
{section.icon}
|
||||
</div>
|
||||
<h2 className="text-xl font-bold text-white">{section.title}</h2>
|
||||
</div>
|
||||
<div className="text-gray-400 whitespace-pre-line leading-relaxed">
|
||||
{section.content}
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
|
||||
{/* Nota final */}
|
||||
<div className="mt-12 p-6 bg-[#cbf400]/5 rounded-xl border border-[#cbf400]/20 text-center">
|
||||
<p className="text-gray-400">
|
||||
Ao utilizar nossos serviços, você concorda com esta Política de Privacidade.
|
||||
Para mais informações, entre em contato conosco.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default Privacidade;
|
||||
Reference in New Issue
Block a user