import React from 'react';

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

export const TermsOfUse: React.FC<TermsOfUseProps> = ({ 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' }}>
          Termos de Uso
        </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. Aceitação dos Termos</h2>
            <p>
              Ao acessar e usar os serviços da Photum Formaturas, você concorda em cumprir e estar
              vinculado a estes Termos de Uso. Se você não concordar com algum destes termos,
              não utilize nossos serviços.
            </p>
          </section>

          <section>
            <h2 className="text-2xl font-bold mb-4 text-brand-purple">2. Serviços Oferecidos</h2>
            <p>
              A Photum Formaturas oferece serviços de fotografia profissional, gestão de eventos de formatura,
              criação de álbuns personalizados e plataforma digital para gerenciamento de fotos.
            </p>
          </section>

          <section>
            <h2 className="text-2xl font-bold mb-4 text-brand-purple">3. Cadastro e Conta</h2>
            <ul className="list-disc pl-6 space-y-2">
              <li>Você deve fornecer informações precisas e completas ao criar uma conta</li>
              <li>Você é responsável por manter a confidencialidade de sua senha</li>
              <li>Você deve notificar imediatamente sobre qualquer uso não autorizado de sua conta</li>
              <li>Contas são pessoais e intransferíveis</li>
            </ul>
          </section>

          <section>
            <h2 className="text-2xl font-bold mb-4 text-brand-purple">4. Direitos Autorais e Uso de Imagens</h2>
            <p>
              Todas as fotografias produzidas pela Photum Formaturas são protegidas por direitos autorais.
              Os clientes recebem licença de uso pessoal e não comercial das imagens adquiridas.
            </p>
            <ul className="list-disc pl-6 space-y-2 mt-4">
              <li>As imagens não podem ser usadas para fins comerciais sem autorização</li>
              <li>A Photum Formaturas pode usar as imagens em seu portfólio e materiais promocionais</li>
              <li>É proibida a reprodução não autorizada das fotografias</li>
            </ul>
          </section>

          <section>
            <h2 className="text-2xl font-bold mb-4 text-brand-purple">5. Pagamentos e Cancelamentos</h2>
            <p>
              Os valores dos serviços são estabelecidos em contrato. Cancelamentos devem seguir as
              políticas específicas acordadas no momento da contratação.
            </p>
          </section>

          <section>
            <h2 className="text-2xl font-bold mb-4 text-brand-purple">6. Limitação de Responsabilidade</h2>
            <p>
              A Photum Formaturas não se responsabiliza por:
            </p>
            <ul className="list-disc pl-6 space-y-2">
              <li>Problemas técnicos causados por terceiros</li>
              <li>Perdas indiretas ou consequenciais</li>
              <li>Eventos fora de nosso controle (caso fortuito ou força maior)</li>
            </ul>
          </section>

          <section>
            <h2 className="text-2xl font-bold mb-4 text-brand-purple">7. Modificações dos Termos</h2>
            <p>
              Reservamos o direito de modificar estes termos a qualquer momento. As alterações entrarão
              em vigor imediatamente após sua publicação no site.
            </p>
          </section>

          <section>
            <h2 className="text-2xl font-bold mb-4 text-brand-purple">8. Contato</h2>
            <p>
              Para questões sobre estes Termos de Uso, entre em contato:{' '}
              <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>
  );
};