import ContentPage from '@/components/content/ContentPage';
import type { Metadata } from 'next';

export const metadata: Metadata = {
  title: 'Política de cookies',
  description: 'Información sobre el uso de cookies en mercadodevida.',
  robots: { index: false, follow: false },
};

export default function CookiesPage() {
  return (
    <ContentPage
      title="Política de cookies"
      description="Última actualización: agosto de 2026. Esta página requiere revisión por un asesor legal antes de uso en producción."
    >
      <p className="bg-amber-50 border border-amber-200 text-amber-800 rounded-lg p-4 mb-6 text-sm">
        ⚠️ <strong>Placeholder:</strong> Este texto es un marcador. El contenido legal real debe ser
        redactado o aprobado por un profesional jurídico antes de публикации en producción.
      </p>

      <h2>¿Qué son las cookies?</h2>
      <p>
        Las cookies son pequeños archivos de texto que se almacenan en tu dispositivo cuando visitas
        una página web.
      </p>

      <h2>Tipos de cookies que usamos</h2>

      <h3>Cookies necesarias</h3>
      <p>
        Requeridas para el funcionamiento básico de la tienda: carrito de compra, sesión de usuario,
        seguridad. No requieren consentimiento.
      </p>

      <h3>Cookies de análisis</h3>
      <p>
        Usamos herramientas de análisis para entender cómo los visitantes usan nuestra web. Estas
        cookies son anónimas y nos ayudan a mejorar la experiencia.
      </p>

      <h3>Cookies de preferencias</h3>
      <p>
        Recuerdan tus preferencias de idioma, región y otros ajustes para personalizar tu experiencia.
      </p>

      <h2>Gestión de cookies</h2>
      <p>
        Puedes aceptar o rechazar cookies no esenciales desde el banner de cookies que aparece al
        visitar nuestra web por primera vez.
      </p>
      <p>
        También puedes configurar tu navegador para bloquear cookies. Ten en cuenta que bloquear
        algunas cookies puede afectar al funcionamiento de la tienda.
      </p>

      <h2>Más información</h2>
      <p>
        Para más información sobre cookies, visita{' '}
        <a
          href="https://www.allaboutcookies.org"
          target="_blank"
          rel="noopener noreferrer"
          className="text-[#70ad47] hover:underline"
        >
          www.allaboutcookies.org
        </a>
        .
      </p>
    </ContentPage>
  );
}
