app/frontend/src/components/FooterCta.tsx

import type { CtaContent } from "../content/types";

interface FooterCtaProps {
  cta: CtaContent;
}

export function FooterCta({ cta }: FooterCtaProps) {
  return (
    <section className="footer-cta shell-block">
      <div>
        <p className="section-kicker">Launchpad</p>
        <h2>{cta.title}</h2>
        <p>{cta.body}</p>
      </div>
      <div className="cta-actions">
        {cta.buttons.map((button, index) => (
          <a key={button.label} className={index === 0 ? "button primary" : "button ghost"} href={button.href}>
            {button.label}
          </a>
        ))}
      </div>
    </section>
  );
}