import Link from "next/link";

export default function CTA() {
  return (
    <section className="bg-accent py-16">
      <div className="mx-auto flex max-w-7xl flex-col items-center justify-between gap-6 px-4 text-center md:flex-row md:text-left">
        <div>
          <h2 className="text-3xl font-bold text-slate-950">
            Support a Cause That Creates Real Impact
          </h2>
          <p className="mt-2 text-slate-800">
            Your contribution can help us reach more families, students, women and communities.
          </p>
        </div>

        <Link
          href="/donate-now"
          className="rounded-full bg-slate-950 px-7 py-3 font-semibold text-white"
        >
          Donate Now
        </Link>
      </div>
    </section>
  );
}