import { Shield, Lock, Eye, FileText } from 'lucide-react';

const Privacidade = () => {
  return (
    <div className="min-h-screen">
      {/* Hero Section */}
      <section className="py-20 bg-gradient-to-br from-secondary via-secondary to-primary/10 text-secondary-foreground">
        <div className="container mx-auto px-4">
          <div className="max-w-4xl mx-auto text-center">
            <Shield className="h-16 w-16 text-primary mx-auto mb-6" />
            <h1 className="text-5xl md:text-6xl font-bold mb-6">
              Política de <span className="text-gradient-gold">Privacidade</span>
            </h1>
            <p className="text-xl text-muted-foreground">
              Seu dados estão seguros conosco
            </p>
          </div>
        </div>
      </section>

      {/* Content */}
      <section className="py-20">
        <div className="container mx-auto px-4">
          <div className="max-w-4xl mx-auto">
            {/* LGPD Compliance */}
            <div className="bg-primary/10 border-2 border-primary/20 rounded-2xl p-8 mb-12">
              <div className="flex items-start gap-4">
                <Lock className="h-8 w-8 text-primary flex-shrink-0 mt-1" />
                <div>
                  <h2 className="text-2xl font-bold mb-4 text-primary">
                    Conformidade com a LGPD
                  </h2>
                  <p className="text-muted-foreground leading-relaxed">
                    Todos os dados fornecidos são sigilosos e protegidos conforme a 
                    <strong> Lei Geral de Proteção de Dados (LGPD - Lei nº 13.709/2018)</strong>. 
                    Nenhuma informação é compartilhada com terceiros sem autorização expressa.
                  </p>
                </div>
              </div>
            </div>

            {/* Sections */}
            <div className="space-y-12">
              {[
                {
                  icon: FileText,
                  title: '1. Coleta de Dados',
                  content: `Coletamos apenas as informações necessárias para prestar nossos serviços de consultoria 
                  em planos de saúde. Isso inclui: nome completo, e-mail, telefone, dados profissionais e informações 
                  sobre necessidades de cobertura de saúde. Todos os dados são coletados de forma transparente e com 
                  seu consentimento explícito.`
                },
                {
                  icon: Lock,
                  title: '2. Uso das Informações',
                  content: `Suas informações são utilizadas exclusivamente para: análise e cotação de planos de saúde, 
                  comunicação sobre serviços contratados, suporte pós-venda, e melhorias nos nossos serviços. 
                  Nunca vendemos ou compartilhamos seus dados com terceiros para fins comerciais.`
                },
                {
                  icon: Shield,
                  title: '3. Proteção e Segurança',
                  content: `Implementamos medidas técnicas e organizacionais para proteger seus dados contra acessos 
                  não autorizados, perda, destruição ou alteração. Utilizamos criptografia, controles de acesso e 
                  monitoramento constante para garantir a segurança das suas informações.`
                },
                {
                  icon: Eye,
                  title: '4. Seus Direitos',
                  content: `Você tem direito a: acessar seus dados pessoais, corrigir informações incompletas ou 
                  desatualizadas, solicitar a exclusão dos seus dados, revogar consentimento a qualquer momento, 
                  e portabilidade dos dados. Para exercer seus direitos, entre em contato conosco através dos 
                  canais disponíveis.`
                },
              ].map((section, index) => (
                <div key={index} className="bg-card p-8 rounded-2xl gold-border">
                  <div className="flex items-start gap-4">
                    <div className="w-12 h-12 rounded-full bg-primary/20 flex items-center justify-center flex-shrink-0">
                      <section.icon className="h-6 w-6 text-primary" />
                    </div>
                    <div className="flex-1">
                      <h3 className="text-2xl font-bold mb-4">{section.title}</h3>
                      <p className="text-muted-foreground leading-relaxed">
                        {section.content}
                      </p>
                    </div>
                  </div>
                </div>
              ))}
            </div>

            {/* Additional Info */}
            <div className="mt-12 p-8 bg-muted/30 rounded-2xl">
              <h3 className="text-2xl font-bold mb-4">
                5. Retenção de Dados
              </h3>
              <p className="text-muted-foreground leading-relaxed mb-6">
                Mantemos seus dados apenas pelo tempo necessário para cumprir as finalidades descritas 
                nesta política ou conforme exigido por lei. Após esse período, os dados são 
                permanentemente excluídos de nossos sistemas.
              </p>

              <h3 className="text-2xl font-bold mb-4">
                6. Alterações na Política
              </h3>
              <p className="text-muted-foreground leading-relaxed mb-6">
                Esta política pode ser atualizada periodicamente. Quaisquer alterações serão comunicadas 
                através dos nossos canais oficiais. A versão mais recente estará sempre disponível nesta página.
              </p>

              <h3 className="text-2xl font-bold mb-4">
                7. Contato
              </h3>
              <p className="text-muted-foreground leading-relaxed">
                Para dúvidas sobre esta política ou para exercer seus direitos de proteção de dados, 
                entre em contato conosco:
              </p>
              <ul className="mt-4 space-y-2 text-muted-foreground">
                <li>📞 Telefone: (11) 2286-4848</li>
                <li>📱 WhatsApp: (11) 94947-4214</li>
                <li>📍 Rua Barros Cassal, 37 – Itaquera, São Paulo - SP</li>
              </ul>
            </div>

            {/* Last Update */}
            <div className="mt-12 text-center text-sm text-muted-foreground">
              <p>Última atualização: {new Date().toLocaleDateString('pt-BR', { month: 'long', year: 'numeric' })}</p>
            </div>
          </div>
        </div>
      </section>
    </div>
  );
};

export default Privacidade;
