Function Home

src/pages/index.tsx:13–57

()

import { pushGtmEvent } from "@site/src/utils/pushGtmEvent";

export default function Home(): JSX.Element {
  const componentData = {
    title: translate({
      id: "homepage.metaTitle",
      message: "About",
      description: "The homepage meta title",
    }),
    description: translate({
      id: "homepage.metaDescription",
      message:
        "Unified ID (UID) offers cookieless, deterministic identity for advertisers, publishers, data providers and DSPs.",
      description: "The homepage meta description",
    }),
  };

  // Delayed GTM event to ensure the document has loaded with updated information
  React.useEffect(() => {
    const timerId = setTimeout(() => {
      const pageViewData = {
        event: "Initialize_dataLayer",
        document_type: "homepage",
        document_title: document.title,
        article_author: undefined,
        tags: undefined,
      };
      pushGtmEvent(pageViewData);
    }, 50);

    return () => clearTimeout(timerId);
  }, []);

  return (
    <Layout title={componentData.title} description={componentData.description}>
      <main>
        <HomepageHero />
        <HomepagePartnersMarquee />
        <HomepageFeatures />
        <HomepagePartnersSegment />
        <HomepageConsumerBenefit />
        <HomepageCtaStripe />
        <HomepageNews />
      </main>
    </Layout>
  );
}