import React from 'react';

interface LGPDProps {
  onNavigate: (page: string) => void;
}

export const LGPD: React.FC<LGPDProps> = ({ onNavigate }) => {
  return (
    <div className="min-h-screen bg-white py-20 px-8">
      <div className="max-w-4xl mx-auto">
        <button
          onClick={() => onNavigate('home')}
          className="mb-8 text-brand-purple hover:underline flex items-center gap-2"
        >
          ← Voltar para Home
        </button>
        
        <h1 className="text-4xl font-bold mb-8" style={{ color: '#B9CF33' }}>
          LGPD - Lei Geral de Proteção de Dados
        </h1>

        <div className="prose prose-lg max-w-none text-gray-700 space-y-6">
          <section>
            <h2 className="text-2xl font-bold mb-4 text-brand-purple">Nosso Compromisso com a LGPD</h2>
            <p>
              A Photum Formaturas está totalmente comprometida com a proteção de dados pessoais conforme
              estabelecido pela Lei Geral de Proteção de Dados (Lei nº 13.709/2018).
            </p>
          </section>

          <section>
            <h2 className="text-2xl font-bold mb-4 text-brand-purple">1. Princípios que Seguimos</h2>
            <ul className="list-disc pl-6 space-y-2">
              <li><strong>Finalidade:</strong> Coletamos dados apenas para propósitos específicos e legítimos</li>
              <li><strong>Adequação:</strong> O tratamento é compatível com as finalidades informadas</li>
              <li><strong>Necessidade:</strong> Limitamos a coleta ao mínimo necessário</li>
              <li><strong>Transparência:</strong> Informamos claramente sobre o uso dos dados</li>
              <li><strong>Segurança:</strong> Adotamos medidas técnicas e administrativas para proteção</li>
              <li><strong>Prevenção:</strong> Evitamos danos por meio de boas práticas</li>
            </ul>
          </section>

          <section>
            <h2 className="text-2xl font-bold mb-4 text-brand-purple">2. Seus Direitos sob a LGPD</h2>
            <p>Como titular de dados, você tem os seguintes direitos:</p>
            <ul className="list-disc pl-6 space-y-2">
              <li><strong>Confirmação e Acesso:</strong> Saber se tratamos seus dados e acessá-los</li>
              <li><strong>Correção:</strong> Corrigir dados incompletos, inexatos ou desatualizados</li>
              <li><strong>Anonimização, Bloqueio ou Eliminação:</strong> Solicitar remoção de dados desnecessários</li>
              <li><strong>Portabilidade:</strong> Receber seus dados em formato estruturado</li>
              <li><strong>Eliminação:</strong> Excluir dados tratados com seu consentimento</li>
              <li><strong>Informação:</strong> Saber com quem compartilhamos seus dados</li>
              <li><strong>Revogação do Consentimento:</strong> Retirar autorização a qualquer momento</li>
              <li><strong>Oposição:</strong> Se opor ao tratamento realizado com base em uma das hipóteses legais</li>
            </ul>
          </section>

          <section>
            <h2 className="text-2xl font-bold mb-4 text-brand-purple">3. Tratamento de Dados</h2>
            <p>Tratamos dados pessoais nas seguintes situações:</p>
            <ul className="list-disc pl-6 space-y-2">
              <li>Mediante seu consentimento</li>
              <li>Para cumprimento de obrigação legal</li>
              <li>Para execução de contrato</li>
              <li>Para exercício regular de direitos</li>
              <li>Para proteção do crédito</li>
              <li>Por legítimo interesse</li>
            </ul>
          </section>

          <section>
            <h2 className="text-2xl font-bold mb-4 text-brand-purple">4. Compartilhamento de Dados</h2>
            <p>
              Seus dados podem ser compartilhados apenas com:
            </p>
            <ul className="list-disc pl-6 space-y-2">
              <li>Prestadores de serviços essenciais (processamento de pagamentos, armazenamento em nuvem)</li>
              <li>Autoridades quando exigido por lei</li>
              <li>Parceiros comerciais, mediante seu consentimento explícito</li>
            </ul>
          </section>

          <section>
            <h2 className="text-2xl font-bold mb-4 text-brand-purple">5. Segurança dos Dados</h2>
            <p>Implementamos medidas de segurança como:</p>
            <ul className="list-disc pl-6 space-y-2">
              <li>Criptografia de dados sensíveis</li>
              <li>Controles de acesso rigorosos</li>
              <li>Monitoramento constante de segurança</li>
              <li>Treinamento de equipe sobre proteção de dados</li>
              <li>Backups regulares e seguros</li>
            </ul>
          </section>

          <section>
            <h2 className="text-2xl font-bold mb-4 text-brand-purple">6. Retenção de Dados</h2>
            <p>
              Mantemos seus dados pessoais apenas pelo tempo necessário para cumprir as finalidades
              para as quais foram coletados, incluindo requisitos legais, contratuais e de prestação de contas.
            </p>
          </section>

          <section>
            <h2 className="text-2xl font-bold mb-4 text-brand-purple">7. Encarregado de Dados (DPO)</h2>
            <p>
              Para exercer seus direitos ou esclarecer dúvidas sobre o tratamento de dados pessoais,
              entre em contato com nosso Encarregado de Proteção de Dados:
            </p>
            <p className="mt-4">
              <strong>E-mail:</strong>{' '}
              <a href="mailto:lgpd@photum.com.br" className="text-brand-purple hover:underline">
                lgpd@photum.com.br
              </a>
            </p>
            <p>
              <strong>Telefone:</strong> (19) 3405-5024
            </p>
          </section>

          <section>
            <h2 className="text-2xl font-bold mb-4 text-brand-purple">8. Autoridade Nacional</h2>
            <p>
              Você também pode entrar em contato com a Autoridade Nacional de Proteção de Dados (ANPD)
              para questões relacionadas à proteção de seus dados pessoais.
            </p>
          </section>

          <p className="text-sm text-gray-500 mt-8">
            Última atualização: Dezembro de 2025
          </p>
        </div>
      </div>
    </div>
  );
};
