import { partnershipCta } from "@/content/partners";
import { PartnershipInquiryForm } from "@/components/partners/PartnershipInquiryForm";
import { ChampionStartupModal } from "@/components/partners/ChampionStartupModal";

export function PartnershipCtaBand() {
  return (
    <section
      id="partnership-form"
      className="relative overflow-hidden bg-gradient-to-b from-[#0f0404] via-[#1f3d7e] to-[#ffb300] py-16 md:py-24"
    >
      <div className="mx-auto grid max-w-6xl gap-10 px-4 md:grid-cols-2 md:items-center md:gap-12 md:px-6">
        <div className="text-white">
          <p className="text-sm font-semibold uppercase tracking-widest text-white/80">
            {partnershipCta.eyebrow}
          </p>
          <h2 className="mt-4 text-3xl font-bold uppercase leading-tight tracking-tight md:text-4xl lg:text-5xl">
            {partnershipCta.headline}
          </h2>
          <p className="mt-6 text-lg text-white/90 leading-relaxed">
            {partnershipCta.subheadline}
          </p>
          <div className="mt-8">
            <ChampionStartupModal />
          </div>
        </div>
        <PartnershipInquiryForm />
      </div>
    </section>
  );
}
