import { renderSponsorGrid, sponsorCategoryHeadingHtml } from "../components/sponsor-grid.js";
import { t } from "../config/site.js";
import { SPONSOR_BADGE_GUVENILIR } from "../constants/sponsor-badges.js";

export async function renderTrustedPage(outlet) {
  outlet.innerHTML = `
    <div class="space-y-8">
      <header class="border-b border-white/[0.06] pb-2 text-center">
        ${sponsorCategoryHeadingHtml(t("homeSectionGuvenilir"), {
          id: "page-trusted-heading",
          tag: "h1",
          variant: "guvenilir",
        })}
      </header>
      <div id="trusted-page-mount"></div>
    </div>
  `;
  await renderSponsorGrid(outlet.querySelector("#trusted-page-mount"), {
    badgeFilter: SPONSOR_BADGE_GUVENILIR,
  });
}
