import { createFileRoute } from "@tanstack/react-router";
import { SiteLayout } from "@/components/SiteLayout";

export const Route = createFileRoute("/politica-de-privacidade")({
  head: () => ({
    meta: [
      { title: "Política de Privacidade — InvestPlus" },
      { name: "description", content: "Política de privacidade e proteção de dados pessoais da InvestPlus." },
    ],
  }),
  component: Page,
});

function Page() {
  return (
    <SiteLayout>
      <section className="hero-bg py-16">
        <div className="mx-auto max-w-4xl px-4 sm:px-6 lg:px-8">
          <h1 className="text-4xl font-bold text-white sm:text-5xl">Política de privacidade e proteção de dados pessoais</h1>
        </div>
      </section>
      <section className="py-16">
        <div className="prose-policy mx-auto max-w-3xl space-y-8 px-4 text-foreground/80 sm:px-6">
          <Block t="1. Introdução" p="A InvestPlus respeita sua privacidade e está comprometida com a proteção dos dados pessoais que coleta e processa, em conformidade com a Lei Geral de Proteção de Dados (LGPD) e demais legislações aplicáveis." />
          <Block t="2. Dados coletados" p="Coletamos dados de identificação, contato, financeiros e de navegação necessários ao cumprimento das obrigações legais, à análise de perfil de investidor e à prestação dos serviços da plataforma." />
          <Block t="3. Finalidade do tratamento" p="Os dados são utilizados para cadastro e verificação de identidade, qualificação como investidor, execução de operações de investimento, atendimento, prevenção a fraudes e cumprimento de obrigações regulatórias da CVM." />
          <Block t="4. Compartilhamento" p="Podemos compartilhar dados com instituições financeiras, escritórios de auditoria, autoridades reguladoras e prestadores de serviço, sempre observando a finalidade e a base legal aplicável." />
          <Block t="5. Direitos do titular" p="Você pode solicitar a qualquer momento confirmação de tratamento, acesso, correção, anonimização, portabilidade e eliminação dos seus dados, conforme previsto na LGPD." />
          <Block t="6. Segurança" p="Adotamos medidas técnicas e administrativas para proteger os dados contra acessos não autorizados, perda, alteração ou destruição." />
          <Block t="7. Contato" p="Para exercer seus direitos ou esclarecer dúvidas, entre em contato pelo e-mail contato@investplus.vc." />
        </div>
      </section>
    </SiteLayout>
  );
}

function Block({ t, p }: { t: string; p: string }) {
  return (
    <div>
      <h2 className="font-display text-xl font-semibold text-foreground">{t}</h2>
      <p className="mt-2 leading-relaxed">{p}</p>
    </div>
  );
}