import { RoundedRockVoronoiBackground } from "@/components/brand/RoundedRockVoronoiBackground";
import { partnershipCta } from "@/content/partners";
import { TopoProseSurface } from "@/components/layout/TopoProseSurface";
import { TopoSectionProvider } from "@/components/layout/TopoSectionContext";
import { PartnershipInquiryForm } from "@/components/partners/PartnershipInquiryForm";
import { ChampionStartupModal } from "@/components/partners/ChampionStartupModal";

export function PartnershipCtaBand() {
  return (
    <section
      id="partnership-form"
      className="group/topo-section section-green relative isolate overflow-hidden bg-[#37a47a] py-16 md:py-24"
    >
      <RoundedRockVoronoiBackground className="z-0" />
      <TopoSectionProvider tone="green">
      <div className="topo-content-layer relative z-10 mx-auto grid max-w-6xl gap-10 px-4 md:grid-cols-2 md:items-center md:gap-12 md:px-6">
        <TopoProseSurface tone="green">
          <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>
        </TopoProseSurface>
        <PartnershipInquiryForm />
      </div>
      </TopoSectionProvider>
    </section>
  );
}
