// components/CtaPanel.tsx
import Link from "next/link";

export default function CtaPanel({ title, body, href }: { title: string; body?: string; href: string }) {
  return (
    <aside className="mt-10 rounded-lg border p-6 bg-neutral-50 dark:bg-neutral-900/40">
      <h3 className="text-lg font-semibold">{title}</h3>
      {body ? <p className="mt-2 text-neutral-700 dark:text-neutral-300">{body}</p> : null}
      <Link
        href={href}
        className="mt-4 inline-flex items-center rounded-md bg-black text-white px-4 py-2 text-sm hover:opacity-90"
      >
        Start now
      </Link>
    </aside>
  );
}
