import { getPartnersData } from "@/lib/api/partners";
import { SponsorImage, SponsorContent } from "./components";

export default async function BecomeSponsorSection() {
  const sponsorData = await getPartnersData();
  const sponsor = sponsorData?.section;
  const sponsorImage = sponsor?.image;
  const sponsorTitle = sponsor?.title;
  const sponsorDescription = sponsor?.content;

  return (
    <section className="grid grid-cols-1 lg:grid-cols-2 gap-5 sm:gap-10 lg:gap-20 w-full">
      <SponsorImage image={sponsorImage || ""} title={sponsorTitle || ""} />
      <SponsorContent
        title={sponsorTitle || ""}
        description={sponsorDescription || ""}
      />
    </section>
  );
}