import { useEffect, useRef } from 'react';
import { gsap } from 'gsap';
import { FileText, CheckCircle, AlertCircle, Scale, Gavel, RefreshCw } from 'lucide-react';

const sections = [
  {
    icon: <FileText className="w-6 h-6" />,
    title: '1. Aceitação dos Termos',
    content: `
      Ao acessar e utilizar o site e os serviços da Avanzato Tecnologia, você concorda 
      em cumprir e estar vinculado a estes Termos de Uso. Se você não concordar com 
      qualquer parte destes termos, não deverá utilizar nossos serviços.
      
      Reservamo-nos o direito de modificar estes termos a qualquer momento. As alterações 
      entrarão em vigor imediatamente após a publicação no site. O uso continuado dos 
      serviços após as modificações constitui aceitação dos novos termos.
    `,
  },
  {
    icon: <CheckCircle className="w-6 h-6" />,
    title: '2. Descrição dos Serviços',
    content: `
      A Avanzato Tecnologia oferece serviços de:
      
      • TI Gerenciada (Managed IT Services)
      • Cloud Computing e Migração para Nuvem
      • Segurança da Informação
      • Suporte Técnico
      • Consultoria em TI
      
      Os serviços são prestados conforme contrato específico firmado com cada cliente, 
      incluindo escopo, SLAs (Service Level Agreements) e condições comerciais.
    `,
  },
  {
    icon: <AlertCircle className="w-6 h-6" />,
    title: '3. Obrigações do Cliente',
    content: `
      O cliente se compromete a:
      
      • Fornecer informações verdadeiras e atualizadas
      • Manter a confidencialidade de credenciais de acesso
      • Utilizar os serviços de forma ética e legal
      • Notificar prontamente sobre qualquer problema ou incidente
      • Efetuar pagamentos conforme acordo comercial
      • Cooperar com a equipe técnica durante implementações e suporte
      
      O cliente é responsável por manter backups de dados críticos, exceto quando 
      o serviço de backup estiver explicitamente contratado.
    `,
  },
  {
    icon: <Scale className="w-6 h-6" />,
    title: '4. Limitação de Responsabilidade',
    content: `
      A Avanzato Tecnologia se esforça para garantir a qualidade e disponibilidade 
      dos serviços, porém:
      
      • Não nos responsabilizamos por perdas de dados não cobertas por contrato de backup
      • Não garantimos que o site estará livre de erros ou interrupções
      • Não somos responsáveis por danos indiretos ou consequenciais
      • Nossa responsabilidade está limitada ao valor pago pelos serviços no período
      
      O cliente reconhece que a segurança da informação é responsabilidade compartilhada 
      e que deve adotar boas práticas de segurança.
    `,
  },
  {
    icon: <Gavel className="w-6 h-6" />,
    title: '5. Propriedade Intelectual',
    content: `
      Todo o conteúdo do site, incluindo textos, imagens, logotipos, software e 
      materiais, é propriedade da Avanzato Tecnologia ou de seus licenciadores e 
      está protegido por leis de direitos autorais.
      
      É proibido:
      • Copiar, reproduzir ou distribuir o conteúdo sem autorização
      • Modificar ou criar trabalhos derivados
      • Utilizar nossos logotipos sem permissão expressa
      • Realizar engenharia reversa de nossos sistemas
      
      O cliente mantém a propriedade de seus dados e informações.
    `,
  },
  {
    icon: <RefreshCw className="w-6 h-6" />,
    title: '6. Rescisão',
    content: `
      O contrato de prestação de serviços pode ser rescindido:
      
      • Pelo cliente: mediante aviso prévio conforme cláusula contratual
      • Pela Avanzato: em caso de violação dos termos ou inadimplência
      • Por comum acordo: a qualquer momento
      
      Em caso de rescisão:
      • Os dados do cliente serão devolvidos ou excluídos conforme solicitação
      • O cliente deve quitar valores pendentes
      • Cláusulas de confidencialidade permanecem em vigor
      
      O prazo para devolução de dados é de até 30 dias após a rescisão.
    `,
  },
];

const Termos = () => {
  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">
              Termos de <span className="text-gradient">Uso</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>
            
            {/* Notas adicionais */}
            <div className="mt-12 space-y-6">
              <div className="p-6 bg-[#1a1a1a] rounded-xl border border-white/5">
                <h3 className="text-lg font-bold text-white mb-3">Lei Aplicável</h3>
                <p className="text-gray-400">
                  Estes termos são regidos pelas leis da República Federativa do Brasil. 
                  Qualquer disputa será resolvida nos tribunais de Guarulhos/SP.
                </p>
              </div>
              
              <div className="p-6 bg-[#1a1a1a] rounded-xl border border-white/5">
                <h3 className="text-lg font-bold text-white mb-3">Contato</h3>
                <p className="text-gray-400">
                  Para questões sobre estes termos, entre em contato:<br />
                  Email: juridico@avanzato.com.br<br />
                  Telefone: (11) 4810-1704
                </p>
              </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ê confirma que leu, entendeu e concorda 
                com estes Termos de Uso.
              </p>
            </div>
          </div>
        </div>
      </section>
    </div>
  );
};

export default Termos;
