// Adicionar antes do footer na LandingPage.tsx

      {/* FAQ Section */}
      <section id="faq" className="py-24 px-4 sm:px-6 lg:px-8 bg-gray-50 dark:bg-gray-900">
        <div className="max-w-4xl mx-auto">
          <div className="text-center mb-16">
            <h2 className="text-4xl lg:text-5xl font-bold text-gray-900 dark:text-white mb-4">
              Perguntas Frequentes
            </h2>
            <p className="text-xl text-gray-600 dark:text-gray-300">
              Tire suas dúvidas sobre o MediConnect
            </p>
          </div>

          <div className="space-y-6">
            {[
              {
                question: 'O que é o MediConnect?',
                answer: 'O MediConnect é um sistema completo de gestão médica que oferece agendamento de consultas, prontuários digitais, dashboard analítico, notificações automáticas e muito mais. Desenvolvido especialmente para médicos, clínicas e pacientes.'
              },
              {
                question: 'Como funciona o agendamento de consultas?',
                answer: 'O sistema permite que médicos configurem sua disponibilidade e pacientes agendem consultas online 24/7. O sistema verifica automaticamente conflitos de horário e envia notificações por SMS e e-mail para ambas as partes.'
              },
              {
                question: 'Os dados dos pacientes são seguros?',
                answer: 'Sim! O MediConnect está em total conformidade com a LGPD (Lei Geral de Proteção de Dados). Todos os dados são criptografados, armazenados em servidores seguros na nuvem com backup automático diário.'
              },
              {
                question: 'Posso acessar o sistema pelo celular?',
                answer: 'Sim! O MediConnect é totalmente responsivo e funciona perfeitamente em smartphones, tablets e desktops. Você pode acessar de qualquer dispositivo com internet.'
              },
              {
                question: 'Como funcionam as notificações automáticas?',
                answer: 'O sistema envia lembretes automáticos por SMS e e-mail para pacientes antes das consultas, reduzindo significativamente as faltas (no-shows). Médicos também recebem notificações sobre novos agendamentos e check-ins.'
              },
              {
                question: 'Posso gerenciar múltiplos médicos na mesma clínica?',
                answer: 'Sim! O sistema suporta gestão multi-médico, permitindo que clínicas gerenciem diversos profissionais, cada um com sua própria agenda, disponibilidade e prontuários.'
              },
              {
                question: 'Como entrar em contato com o suporte?',
                answer: 'Nossa equipe de suporte está disponível para ajudar. Você pode acessar a central de ajuda dentro do sistema ou entrar em contato através da plataforma após fazer login.'
              },
            ].map((faq, i) => (
              <details
                key={i}
                className="group bg-white dark:bg-gray-800 rounded-xl p-6 shadow-md hover:shadow-lg transition-shadow"
              >
                <summary className="flex items-center justify-between cursor-pointer list-none">
                  <h3 className="text-lg font-semibold text-gray-900 dark:text-white pr-4">
                    {faq.question}
                  </h3>
                  <div className="ml-4 flex-shrink-0">
                    <div className="w-8 h-8 bg-blue-100 dark:bg-blue-900/30 rounded-full flex items-center justify-center group-open:rotate-180 transition-transform">
                      <svg className="w-4 h-4 text-blue-600 dark:text-blue-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M19 9l-7 7-7-7" />
                      </svg>
                    </div>
                  </div>
                </summary>
                <p className="mt-4 text-gray-600 dark:text-gray-300 leading-relaxed">
                  {faq.answer}
                </p>
              </details>
            ))}
          </div>
        </div>
      </section>

      {/* Termos de Uso */}
      <section id="termos" className="py-16 px-4 sm:px-6 lg:px-8 bg-white dark:bg-gray-800">
        <div className="max-w-4xl mx-auto">
          <h2 className="text-3xl font-bold text-gray-900 dark:text-white mb-8">
            Termos de Uso
          </h2>
          <div className="space-y-6 text-gray-600 dark:text-gray-300">
            <div>
              <h3 className="text-xl font-semibold text-gray-900 dark:text-white mb-3">1. Aceitação dos Termos</h3>
              <p>Ao acessar e usar o MediConnect, você concorda em cumprir estes Termos de Uso. Se você não concordar com qualquer parte destes termos, não deverá usar nossa plataforma.</p>
            </div>
            <div>
              <h3 className="text-xl font-semibold text-gray-900 dark:text-white mb-3">2. Uso da Plataforma</h3>
              <p>O MediConnect é uma plataforma de gestão médica destinada a profissionais de saúde, clínicas e pacientes. Você concorda em usar a plataforma apenas para fins legítimos e de acordo com todas as leis aplicáveis.</p>
            </div>
            <div>
              <h3 className="text-xl font-semibold text-gray-900 dark:text-white mb-3">3. Responsabilidades do Usuário</h3>
              <p>Você é responsável por manter a confidencialidade de sua conta e senha. Você concorda em notificar imediatamente sobre qualquer uso não autorizado de sua conta.</p>
            </div>
            <div>
              <h3 className="text-xl font-semibold text-gray-900 dark:text-white mb-3">4. Propriedade Intelectual</h3>
              <p>Todo o conteúdo do MediConnect, incluindo textos, gráficos, logos e software, é propriedade do MediConnect e está protegido por leis de propriedade intelectual.</p>
            </div>
            <div>
              <h3 className="text-xl font-semibold text-gray-900 dark:text-white mb-3">5. Modificações</h3>
              <p>Reservamos o direito de modificar estes termos a qualquer momento. As alterações entrarão em vigor imediatamente após a publicação na plataforma.</p>
            </div>
          </div>
        </div>
      </section>

      {/* Política de Privacidade */}
      <section id="privacidade" className="py-16 px-4 sm:px-6 lg:px-8 bg-gray-50 dark:bg-gray-900">
        <div className="max-w-4xl mx-auto">
          <h2 className="text-3xl font-bold text-gray-900 dark:text-white mb-8">
            Política de Privacidade
          </h2>
          <div className="space-y-6 text-gray-600 dark:text-gray-300">
            <div>
              <h3 className="text-xl font-semibold text-gray-900 dark:text-white mb-3">1. Coleta de Informações</h3>
              <p>Coletamos informações que você nos fornece diretamente, como nome, e-mail, telefone e dados profissionais. Para pacientes, coletamos também informações médicas necessárias para o atendimento.</p>
            </div>
            <div>
              <h3 className="text-xl font-semibold text-gray-900 dark:text-white mb-3">2. Uso das Informações</h3>
              <p>Utilizamos suas informações para: (a) Fornecer e melhorar nossos serviços; (b) Processar agendamentos e consultas; (c) Enviar notificações importantes; (d) Cumprir obrigações legais.</p>
            </div>
            <div>
              <h3 className="text-xl font-semibold text-gray-900 dark:text-white mb-3">3. Compartilhamento de Dados</h3>
              <p>Não vendemos suas informações pessoais. Compartilhamos dados apenas quando necessário para prestar nossos serviços (ex: entre médico e paciente) ou quando exigido por lei.</p>
            </div>
            <div>
              <h3 className="text-xl font-semibold text-gray-900 dark:text-white mb-3">4. Segurança</h3>
              <p>Implementamos medidas de segurança técnicas e organizacionais para proteger suas informações contra acesso não autorizado, alteração, divulgação ou destruição.</p>
            </div>
            <div>
              <h3 className="text-xl font-semibold text-gray-900 dark:text-white mb-3">5. Seus Direitos</h3>
              <p>Você tem direito de acessar, corrigir, excluir ou exportar seus dados pessoais a qualquer momento através da plataforma ou entrando em contato conosco.</p>
            </div>
          </div>
        </div>
      </section>

      {/* LGPD */}
      <section id="lgpd" className="py-16 px-4 sm:px-6 lg:px-8 bg-white dark:bg-gray-800">
        <div className="max-w-4xl mx-auto">
          <h2 className="text-3xl font-bold text-gray-900 dark:text-white mb-8">
            Conformidade com a LGPD
          </h2>
          <div className="space-y-6 text-gray-600 dark:text-gray-300">
            <div>
              <h3 className="text-xl font-semibold text-gray-900 dark:text-white mb-3">Compromisso com a Proteção de Dados</h3>
              <p>O MediConnect está em total conformidade com a Lei Geral de Proteção de Dados (LGPD - Lei nº 13.709/2018). Levamos a sério a proteção de dados pessoais e sensíveis de nossos usuários.</p>
            </div>
            <div>
              <h3 className="text-xl font-semibold text-gray-900 dark:text-white mb-3">Base Legal para Tratamento</h3>
              <p>Tratamos dados pessoais com base em: (a) Consentimento do titular; (b) Cumprimento de obrigação legal; (c) Execução de contrato; (d) Legítimo interesse; (e) Proteção da vida ou incolumidade física.</p>
            </div>
            <div>
              <h3 className="text-xl font-semibold text-gray-900 dark:text-white mb-3">Dados Sensíveis de Saúde</h3>
              <p>Dados médicos são tratados com máxima segurança, com criptografia, backup automático e acesso restrito apenas aos profissionais autorizados para o atendimento.</p>
            </div>
            <div>
              <h3 className="text-xl font-semibold text-gray-900 dark:text-white mb-3">Direitos dos Titulares</h3>
              <p>Garantimos todos os direitos previstos na LGPD: confirmação de tratamento, acesso aos dados, correção, anonimização, portabilidade, eliminação, revogação de consentimento e oposição.</p>
            </div>
            <div>
              <h3 className="text-xl font-semibold text-gray-900 dark:text-white mb-3">Encarregado de Dados (DPO)</h3>
              <p>Para exercer seus direitos ou esclarecer dúvidas sobre proteção de dados, entre em contato através da plataforma ou pelos canais oficiais de atendimento.</p>
            </div>
          </div>
        </div>
      </section>