import Link from "next/link";

export default function HomePage() {
  return (
    <section className="mx-auto max-w-3xl px-6 py-24 text-center">
      <h1 className="font-display text-5xl font-bold leading-tight text-text">
        Build a first home, one brick at a time.
      </h1>
      <p className="mx-auto mt-6 max-w-prose text-lg leading-relaxed text-textmuted">
        Pay It Forward Foundation is HomeDividend&rsquo;s 501(c)(3). Every
        contribution funds a pre-purchase equity-share for a first-time
        homebuyer. Every dedication — a stone, a brick, a window — is
        permanently recorded on the house.
      </p>
      <div className="mt-10">
        <Link
          href="/donate"
          className="inline-block rounded-full bg-primary px-8 py-3 text-base font-medium text-white shadow-sm hover:bg-primaryDark"
        >
          Donate now
        </Link>
      </div>
    </section>
  );
}
