import React from 'react';

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

export const PrivacyPolicy: React.FC<PrivacyPolicyProps> = ({ 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' }}>
          Política de Privacidade
        </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">1. Informações que Coletamos</h2>
            <p>
              A Photum Formaturas coleta informações que você nos fornece diretamente ao criar uma conta,
              solicitar serviços ou entrar em contato conosco. Isso pode incluir:
            </p>
            <ul className="list-disc pl-6 space-y-2">
              <li>Nome completo</li>
              <li>Endereço de e-mail</li>
              <li>Número de telefone</li>
              <li>Informações sobre o evento (formatura)</li>
              <li>Dados de pagamento (processados de forma segura)</li>
            </ul>
          </section>

          <section>
            <h2 className="text-2xl font-bold mb-4 text-brand-purple">2. Como Usamos suas Informações</h2>
            <p>Utilizamos as informações coletadas para:</p>
            <ul className="list-disc pl-6 space-y-2">
              <li>Fornecer e gerenciar nossos serviços de fotografia</li>
              <li>Processar pagamentos e enviar confirmações</li>
              <li>Comunicar sobre seus eventos e serviços contratados</li>
              <li>Melhorar nossos serviços e experiência do cliente</li>
              <li>Enviar atualizações e informações relevantes</li>
            </ul>
          </section>

          <section>
            <h2 className="text-2xl font-bold mb-4 text-brand-purple">3. Proteção de Dados</h2>
            <p>
              Implementamos medidas de segurança técnicas e organizacionais para proteger suas informações
              pessoais contra acesso não autorizado, alteração, divulgação ou destruição.
            </p>
          </section>

          <section>
            <h2 className="text-2xl font-bold mb-4 text-brand-purple">4. Compartilhamento de Informações</h2>
            <p>
              Não vendemos, alugamos ou compartilhamos suas informações pessoais com terceiros, exceto
              quando necessário para fornecer nossos serviços ou quando exigido por lei.
            </p>
          </section>

          <section>
            <h2 className="text-2xl font-bold mb-4 text-brand-purple">5. Seus Direitos</h2>
            <p>Você tem o direito de:</p>
            <ul className="list-disc pl-6 space-y-2">
              <li>Acessar suas informações pessoais</li>
              <li>Corrigir dados incorretos</li>
              <li>Solicitar a exclusão de seus dados</li>
              <li>Retirar seu consentimento a qualquer momento</li>
              <li>Solicitar a portabilidade de seus dados</li>
            </ul>
          </section>

          <section>
            <h2 className="text-2xl font-bold mb-4 text-brand-purple">6. Contato</h2>
            <p>
              Para questões sobre esta Política de Privacidade, entre em contato conosco em:{' '}
              <a href="mailto:contato@photum.com.br" className="text-brand-purple hover:underline">
                contato@photum.com.br
              </a>
            </p>
          </section>

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