163 lines
10 KiB
Plaintext
163 lines
10 KiB
Plaintext
// 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>
|