import { Brand } from "@rubis/ui";

const CURRENT_YEAR = new Date().getFullYear();

/**
 * Footer public commun à toutes les pages rubis.pro/*.
 * Liens légaux + tagline. Pas de réseaux sociaux V1.
 */
export function SiteFooter() {
  return (
    <footer className="border-t border-line bg-cream-2 mt-24">
      <div className="max-w-[1180px] mx-auto px-5 sm:px-8 py-12">
        <div className="flex flex-col md:flex-row md:items-center md:justify-between gap-6">
          <div className="flex flex-col gap-3">
            <Brand withSuffix gemSize={24} />
            <p className="text-[13px] text-ink-3 max-w-md">
              Le SaaS de relance de factures impayées pour TPE-PME françaises.
              Fait à Paris, avec du temps libéré.
            </p>
          </div>

          <nav aria-label="Liens utiles" className="flex flex-wrap gap-x-6 gap-y-2 text-[13px]">
            <a href="/blog" className="text-ink-2 hover:text-rubis transition-colors">
              Blog
            </a>
            <a href="/mentions-legales" className="text-ink-2 hover:text-rubis transition-colors">
              Mentions légales
            </a>
            <a href="/confidentialite" className="text-ink-2 hover:text-rubis transition-colors">
              Confidentialité
            </a>
            <a href="/cgv" className="text-ink-2 hover:text-rubis transition-colors">
              CGV
            </a>
            <a
              href="mailto:contact@rubis.pro"
              className="text-ink-2 hover:text-rubis transition-colors"
            >
              contact@rubis.pro
            </a>
          </nav>
        </div>

        <div className="mt-8 pt-6 border-t border-line text-[12px] text-ink-3">
          © {CURRENT_YEAR} Rubis sur l'ongle. Tous droits réservés.
        </div>
      </div>
    </footer>
  );
}
