Footer Minimal

import Link from "next/link";

const links = ["Docs", "Pricing", "Blog", "Contact"];

export default function FooterMinimal() {
  return (
    <footer className="border-t border-border/60 bg-background">
      <div className="mx-auto flex w-full max-w-6xl flex-col items-center justify-between gap-4 px-6 py-8 sm:flex-row">
        <p className="text-sm text-muted-foreground">© 2026 Acme Inc.</p>
        <nav className="flex items-center gap-5">
          {links.map((label) => (
            <Link
              key={label}
              href="#"
              className="text-sm text-muted-foreground transition-colors hover:text-foreground"
            >
              {label}
            </Link>
          ))}
        </nav>
      </div>
    </footer>
  );
}