index.tsx

importReactfrom"react";
import{translate}from"@docusaurus/Translate";
importLayoutfrom"@theme/Layout";
importHomepageFeaturesfrom"@site/src/components/HomepageFeatures";
importHomepagePartnersMarqueefrom"@site/src/components/HomepagePartnersMarquee";
importHomepageHerofrom"@site/src/components/HomepageHero";
importHomepagePartnersSegmentfrom"@site/src/components/HomepagePartnersSegment";
importHomepageCtaStripefrom"@site/src/components/HomepageCtaStripe";
importHomepageNewsfrom"@site/src/components/HomepageNews";
importHomepageConsumerBenefitfrom"@site/src/components/HomepageConsumerBenefit";
import{pushGtmEvent}from"@site/src/utils/pushGtmEvent";

exportdefaultfunctionHome(): JSX.Element{
constcomponentData={
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(()=>{
consttimerId=setTimeout(()=>{
constpageViewData={
event: "Initialize_dataLayer",
document_type: "homepage",
document_title: document.title,
article_author: undefined,
tags: undefined,
};
pushGtmEvent(pageViewData);
},50);

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

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