Footer Simple

import { cn } from "@/lib/utils";

export interface FooterSimpleProps {
  brand?: string;
  links?: { label: string; href: string }[];
  note?: string;
  className?: string;
}

/** Centered minimal footer: wordmark with a dot, a row of pill links and a small “made with care” note. */
export function FooterSimple({
  brand = "Planta",
  links = [
    { label: "Pricing", href: "#pricing" },
    { label: "Help", href: "#help" },
    { label: "Privacy", href: "#privacy" },
    { label: "Terms", href: "#terms" },
  ],
  note = "Made with care in Lisbon · © 2026",
  className,
}: FooterSimpleProps) {
  return (
    <footer className={cn("bg-da-bg py-12 text-center text-da-fg", className)}>
      <p className="font-da-display text-2xl font-extrabold tracking-da-display">
        {brand}
        <span className="text-da-primary">.</span>
      </p>
      <nav aria-label="Footer" className="mt-5">
        <ul className="flex flex-wrap justify-center gap-2">
          {links.map((l) => (
            <li key={l.href}>
              <a href={l.href} className="da-focus da-transition inline-block rounded-da-pill bg-da-surface-2 px-4 py-2 text-sm font-medium hover:bg-da-muted">
                {l.label}
              </a>
            </li>
          ))}
        </ul>
      </nav>
      <p className="mt-6 text-sm text-da-muted-fg">{note}</p>
    </footer>
  );
}

export default FooterSimple;