import type { Metadata } from "next";
import { Identificacao } from "@/components/Identificacao";
import { VENDEDOR, DATA_ATUALIZACAO_POLITICAS } from "@/lib/vendedor";

export const metadata: Metadata = {
  title: "Política de privacidade | Felipe Tosin",
  description: "Como os dados pessoais são usados nas compras feitas no site de Felipe Tosin, conforme a LGPD.",
};

const p = "mt-2 text-sm leading-relaxed text-zinc-600";
const h2 = "text-base font-semibold";

export default function PrivacidadePage() {
  return (
    <main className="mx-auto w-full max-w-2xl flex-1 px-6 py-12">
      <h1 className="text-2xl font-semibold tracking-tight">Política de privacidade</h1>
      <p className="mt-3 text-sm leading-relaxed text-zinc-600">
        Aqui explicamos, de forma simples, quais dados pessoais são usados quando você compra neste site e como
        cuidamos deles, conforme a Lei Geral de Proteção de Dados (LGPD, Lei 13.709/2018).
      </p>

      <section className="mt-8">
        <h2 className={h2}>1. Quem é o responsável pelos seus dados</h2>
        <p className={p}>O responsável é o vendedor das obras:</p>
        <div className="mt-2 rounded-lg border border-zinc-200 px-4">
          <Identificacao />
        </div>
      </section>

      <section className="mt-8">
        <h2 className={h2}>2. Quais dados coletamos</h2>
        <p className={p}>No momento da compra, pedimos:</p>
        <ul className="mt-2 list-disc space-y-1 pl-5 text-sm leading-relaxed text-zinc-600">
          <li>nome completo, e-mail e telefone ou WhatsApp;</li>
          <li>endereço de entrega (CEP, rua, número, complemento, bairro, cidade e estado);</li>
          <li>dados do pedido: obra escolhida, valor e frete.</li>
        </ul>
        <p className={p}>
          O pagamento é feito no ambiente do <strong>Mercado Pago</strong>. Este site <strong>não recebe nem
          guarda</strong> número de cartão, senha ou outros dados de pagamento.
        </p>
      </section>

      <section className="mt-8">
        <h2 className={h2}>3. Para que usamos</h2>
        <ul className="mt-2 list-disc space-y-1 pl-5 text-sm leading-relaxed text-zinc-600">
          <li>processar o pedido, confirmar o pagamento e entregar a obra;</li>
          <li>calcular o frete e contratar o envio;</li>
          <li>avisar sobre o andamento do pedido e responder aos seus contatos;</li>
          <li>cumprir obrigações legais e fiscais.</li>
        </ul>
        <p className={p}>
          As bases legais são a execução da compra que você fez, o cumprimento de obrigações legais e o atendimento
          dos seus pedidos de contato.
        </p>
      </section>

      <section className="mt-8">
        <h2 className={h2}>4. Com quem compartilhamos</h2>
        <ul className="mt-2 list-disc space-y-1 pl-5 text-sm leading-relaxed text-zinc-600">
          <li><strong>Mercado Pago</strong>, para processar o pagamento;</li>
          <li><strong>Melhor Envio e transportadoras</strong>, para entregar a obra (nome, endereço, telefone e CEP);</li>
          <li>serviços de e-mail (Google/Gmail) e a hospedagem do site, que operam por conta do vendedor.</li>
        </ul>
        <p className={p}>Não vendemos os seus dados nem os usamos para publicidade de terceiros.</p>
      </section>

      <section className="mt-8">
        <h2 className={h2}>5. Cookies e rastreamento</h2>
        <p className={p}>
          Este site não usa cookies de publicidade nem ferramentas de análise de acesso. Se isso mudar, esta página
          será atualizada.
        </p>
      </section>

      <section className="mt-8">
        <h2 className={h2}>6. Onde os dados ficam e por quanto tempo</h2>
        <p className={p}>
          O site não mantém um banco de dados próprio de clientes. Os dados do pedido ficam registrados no Mercado
          Pago e na caixa de e-mail do vendedor, e são guardados pelo tempo necessário para entregar a compra, atender
          trocas e garantias e cumprir obrigações legais e fiscais.
        </p>
      </section>

      <section className="mt-8">
        <h2 className={h2}>7. Seus direitos</h2>
        <p className={p}>Você pode pedir, a qualquer momento:</p>
        <ul className="mt-2 list-disc space-y-1 pl-5 text-sm leading-relaxed text-zinc-600">
          <li>confirmação de que tratamos os seus dados e acesso a eles;</li>
          <li>correção de dados incompletos ou desatualizados;</li>
          <li>eliminação ou anonimização de dados que não precisem ser guardados;</li>
          <li>informação sobre com quem os dados foram compartilhados;</li>
          <li>portabilidade dos dados e revogação de consentimento, quando for o caso.</li>
        </ul>
        <p className={p}>
          Para isso, escreva para{" "}
          <a href={`mailto:${VENDEDOR.email}`} className="font-medium text-zinc-900 underline">
            {VENDEDOR.email}
          </a>
          . Alguns dados precisam ser mantidos por obrigação legal, e avisaremos quando for o caso.
        </p>
      </section>

      <section className="mt-8">
        <h2 className={h2}>8. Segurança</h2>
        <p className={p}>
          O site usa conexão segura (HTTPS) e o acesso aos dados dos pedidos é restrito ao vendedor.
        </p>
      </section>

      <p className="mt-10 text-xs text-zinc-500">Última atualização: {DATA_ATUALIZACAO_POLITICAS}.</p>
    </main>
  );
}