export function MinimalMonoFooter() {
  const links = ["Components", "Templates", "Pricing", "Docs", "Changelog"];

  return (
    <footer className="bg-[#F4F3EF] text-[#111111] px-8 py-16">
      <div className="max-w-3xl mx-auto flex flex-col items-center text-center gap-7">
        <div className="flex items-center gap-2">
          <span className="w-2 h-2 rounded-full bg-[#2A3D2F]" />
          <span className="font-mono text-[12px] uppercase tracking-[0.2em] text-[#6B6B66]">
            Velynkit
          </span>
        </div>

        <nav className="flex flex-wrap items-center justify-center gap-1.5">
          {links.map((l) => (
            <a
              key={l}
              href="#"
              className="rounded-full border border-[#1111111A] bg-[#FAFAF8] px-4 py-2 text-[13px] text-[#6B6B66] transition-colors hover:border-[#11111133] hover:text-[#111111]"
            >
              {l}
            </a>
          ))}
        </nav>

        <p className="max-w-md text-[13.5px] leading-[1.6] text-[#6B6B66]">
          A calm, monospace-flavoured footer for products that prefer quiet
          confidence over loud gradients.
        </p>

        <div className="flex w-full flex-wrap items-center justify-between gap-3 border-t border-[#1111111A] pt-6 font-mono text-[11px] text-[#6B6B66]">
          <span>© 2026 Velynkit</span>
          <span className="tracking-[0.12em] uppercase">Built quietly</span>
        </div>
      </div>
    </footer>
  );
}
Minimal Mono Footer
