// Auteur : Simon-Pierre Boucher — contact@spboucher.ai
"use client";
import Link from "next/link";
import { useLang } from "./LangContext";
import { openCookiePrefs } from "./CookieConsent";

export default function FooterNav() {
  const { lang } = useLang();
  const fr = lang === "fr";
  const cls =
    "vp-mono text-[11px] uppercase tracking-[0.08em] text-[rgba(245,243,238,0.65)] border-b border-transparent hover:text-lime hover:border-lime transition-colors";
  return (
    <nav className="mt-5 flex flex-wrap items-center gap-x-6 gap-y-2">
      <Link href="/ka" className={cls}>
        {fr ? "Ka · agent IA" : "Ka · AI agent"}
      </Link>
      <Link href="/parc" className={cls}>
        {fr ? "Parc immobilier" : "Portfolio"}
      </Link>
      <Link href="/stats" className={cls}>
        {fr ? "Statistiques" : "Statistics"}
      </Link>
      <Link href="/methodologie" className={cls}>
        {fr ? "Méthodologie" : "Methodology"}
      </Link>
      <Link href="/conditions" className={cls}>
        {fr ? "Conditions d'utilisation" : "Terms of service"}
      </Link>
      <Link href="/confidentialite" className={cls}>
        {fr ? "Politique de confidentialité" : "Privacy policy"}
      </Link>
      <button onClick={openCookiePrefs} className={`${cls} cursor-pointer`}>
        🍪 {fr ? "Préférences de témoins" : "Cookie preferences"}
      </button>
    </nav>
  );
}