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;