From acb2d50c8dd4481a06556c37a3cf9f5e26c44107 Mon Sep 17 00:00:00 2001
From: Corwin Smith <cssmittys@gmail.com>
Date: Wed, 3 Sep 2025 21:28:07 -0600
Subject: [PATCH 01/41] feat: add JSON-LD structured data for the Ethereum 10th
 Anniversary page

---
 app/[locale]/10years/page.tsx | 636 ++++++++++++++++++++--------------
 1 file changed, 370 insertions(+), 266 deletions(-)

diff --git a/app/[locale]/10years/page.tsx b/app/[locale]/10years/page.tsx
index 45b105d83e7..050149e58f2 100644
--- a/app/[locale]/10years/page.tsx
+++ b/app/[locale]/10years/page.tsx
@@ -110,309 +110,413 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
     (holder) => !isAddressFiltered(holder.address)
   )
 
+  // Separate JSON-LD structured data blocks for better Google parsing
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": `https://ethereum.org/${locale}/10years/`,
+    name: t("page-10-year-anniversary-meta-title"),
+    description: t("page-10-year-anniversary-meta-description"),
+    url: `https://ethereum.org/${locale}/10years/`,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: `https://ethereum.org/${locale}/`,
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: t("page-10-year-anniversary-meta-title"),
+          item: `https://ethereum.org/${locale}/10years/`,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "Ethereum Foundation",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
+  }
+
+  const eventJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "Event",
+    name: "Ethereum 10th Anniversary",
+    description: t("page-10-year-hero-description"),
+    startDate: "2025-07-30T15:00:00Z",
+    endDate: "2025-07-30T15:26:13Z",
+    eventStatus: "https://schema.org/EventScheduled",
+    organizer: {
+      "@type": "Organization",
+      name: "Ethereum Foundation",
+      url: "https://ethereum.org",
+    },
+    location: {
+      "@type": "VirtualLocation",
+      name: "Online",
+      url: `https://ethereum.org/${locale}/10years/`,
+    },
+    image: ["https://ethereum.org/images/10-year-anniversary/10-year-og.png"],
+    url: `https://ethereum.org/${locale}/10years/`,
+  }
+
+  const videoJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "VideoObject",
+    name: t("page-10-year-livestream-video-title"),
+    description: t("page-10-year-livestream-title"),
+    embedUrl: "https://www.youtube.com/embed/igPIMF1p5Bo",
+    contentUrl: "https://www.youtube.com/watch?v=igPIMF1p5Bo",
+    thumbnailUrl:
+      "https://ethereum.org/images/10-year-anniversary/10-year-og.png",
+    uploadDate: "2025-07-30T15:26:13Z",
+    duration: "PT1H30M",
+    publisher: {
+      "@type": "Organization",
+      name: "Ethereum Foundation",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
+  }
+
   return (
-    <MainArticle className="mx-auto flex w-full flex-col items-center">
-      <TenYearHero locale={locale} />
-
-      <div
-        className={cn(
-          "mt-16 flex w-full flex-col gap-32 px-4 py-4 md:flex-row md:py-8"
-        )}
-      >
-        <div className="flex flex-1 flex-col gap-5">
-          <div>
-            <h1 className="text-2xl font-bold">
-              {t("page-10-year-hero-title")}
-            </h1>
-          </div>
+    <>
+      <script
+        id="jsonld-webpage"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(webPageJsonLd),
+        }}
+      />
+      <script
+        id="jsonld-event"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(eventJsonLd),
+        }}
+      />
+      <script
+        id="jsonld-video"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(videoJsonLd),
+        }}
+      />
+      <MainArticle className="mx-auto flex w-full flex-col items-center">
+        <TenYearHero locale={locale} />
+
+        <div
+          className={cn(
+            "mt-16 flex w-full flex-col gap-32 px-4 py-4 md:flex-row md:py-8"
+          )}
+        >
+          <div className="flex flex-1 flex-col gap-5">
+            <div>
+              <h1 className="text-2xl font-bold">
+                {t("page-10-year-hero-title")}
+              </h1>
+            </div>
 
-          <div className="flex flex-1 flex-col gap-4">
-            <p className="text-lg">{t("page-10-year-hero-description")}</p>
-            <p className="text-lg">{t("page-10-year-hero-tagline")}</p>
+            <div className="flex flex-1 flex-col gap-4">
+              <p className="text-lg">{t("page-10-year-hero-description")}</p>
+              <p className="text-lg">{t("page-10-year-hero-tagline")}</p>
+            </div>
+          </div>
+          <div className="flex flex-1 flex-row items-center justify-center">
+            <NFTMintCard />
           </div>
         </div>
-        <div className="flex flex-1 flex-row items-center justify-center">
-          <NFTMintCard />
-        </div>
-      </div>
 
-      <div className="w-full px-4 py-8 md:px-8">
-        <div className="flex flex-col items-center gap-4 rounded-4xl bg-radial-a px-4 pt-8 lg:px-14 lg:pt-14">
-          <div className="flex flex-col gap-4 text-center">
-            <h2 className="text-4xl font-black">
-              {t("page-10-year-livestream-title")}
-            </h2>
+        <div className="w-full px-4 py-8 md:px-8">
+          <div className="flex flex-col items-center gap-4 rounded-4xl bg-radial-a px-4 pt-8 lg:px-14 lg:pt-14">
+            <div className="flex flex-col gap-4 text-center">
+              <h2 className="text-4xl font-black">
+                {t("page-10-year-livestream-title")}
+              </h2>
+            </div>
+            <YouTube
+              className="w-full max-w-none"
+              id="igPIMF1p5Bo"
+              title={t("page-10-year-livestream-video-title")}
+              poster="maxresdefault"
+            />
           </div>
-          <YouTube
-            className="w-full max-w-none"
-            id="igPIMF1p5Bo"
-            title={t("page-10-year-livestream-video-title")}
-            poster="maxresdefault"
-          />
         </div>
-      </div>
-
-      <div className="w-full px-8 pb-8">
-        <div className="w-full">
-          <Tabs
-            defaultValue={Object.keys(fetched10YearEvents)[0]}
-            className="w-full"
-          >
-            <TabsList className="w-full flex-nowrap justify-start overflow-x-auto overflow-y-hidden rounded-none border-b-2 border-b-primary p-0">
-              {Object.entries(fetched10YearEvents).map(([key, data]) => (
-                <TabsTrigger
-                  key={key}
-                  value={key}
-                  className="whitespace-nowrap border-0 text-primary"
-                >
-                  {data.label}&nbsp;
-                  <span className="text-sm">({data.events.length})</span>
-                </TabsTrigger>
-              ))}
-            </TabsList>
-            {Object.entries(fetched10YearEvents).map(([key, data]) => {
-              const events = data.events.sort((a, b) =>
-                a.country.localeCompare(b.country)
-              )
-              const eventsByCountry = events.reduce(
-                (acc, event) => {
-                  if (!acc[event.country]) {
-                    acc[event.country] = []
-                  }
-                  acc[event.country].push(event)
-                  return acc
-                },
-                {} as Record<string, typeof events>
-              )
-
-              return (
-                <TabsContent
-                  key={key}
-                  value={key}
-                  className="w-full border-none px-0 py-0"
-                >
-                  <div className="flex flex-col">
-                    {Object.entries(eventsByCountry).map(
-                      ([country, countryEvents]) => (
-                        <div
-                          key={country}
-                          className={cn("flex flex-col border-b px-4 py-6")}
-                        >
-                          <h3 className="mb-2 flex items-center gap-2 text-2xl font-bold text-body-medium">
-                            <span className="flex min-h-6 min-w-6 items-center justify-center overflow-hidden rounded-full bg-primary-low-contrast">
-                              <Emoji
-                                text={countryEvents[0].countryFlag}
-                                className="scale-[1.75]"
-                              />
-                            </span>
-                            {country}
-                          </h3>
-                          <div className="flex flex-col py-4">
-                            {countryEvents.map((event, index) => (
-                              <LinkBox
-                                key={index}
-                                className="flex flex-col justify-between gap-2 rounded-lg p-2 hover:bg-background-highlight md:flex-row"
-                              >
-                                <div className="flex flex-col gap-2 md:flex-row md:items-center">
-                                  <div>
-                                    <span className="text-lg font-bold">
-                                      {event.city}
-                                    </span>
-                                  </div>
-                                  <div>
-                                    <span>{event.host}</span>
-                                  </div>
-                                </div>
-                                <LinkOverlay
-                                  href={event.eventLink}
-                                  className="text-sm no-underline"
-                                  target="_blank"
-                                  rel="noopener noreferrer"
+
+        <div className="w-full px-8 pb-8">
+          <div className="w-full">
+            <Tabs
+              defaultValue={Object.keys(fetched10YearEvents)[0]}
+              className="w-full"
+            >
+              <TabsList className="w-full flex-nowrap justify-start overflow-x-auto overflow-y-hidden rounded-none border-b-2 border-b-primary p-0">
+                {Object.entries(fetched10YearEvents).map(([key, data]) => (
+                  <TabsTrigger
+                    key={key}
+                    value={key}
+                    className="whitespace-nowrap border-0 text-primary"
+                  >
+                    {data.label}&nbsp;
+                    <span className="text-sm">({data.events.length})</span>
+                  </TabsTrigger>
+                ))}
+              </TabsList>
+              {Object.entries(fetched10YearEvents).map(([key, data]) => {
+                const events = data.events.sort((a, b) =>
+                  a.country.localeCompare(b.country)
+                )
+                const eventsByCountry = events.reduce(
+                  (acc, event) => {
+                    if (!acc[event.country]) {
+                      acc[event.country] = []
+                    }
+                    acc[event.country].push(event)
+                    return acc
+                  },
+                  {} as Record<string, typeof events>
+                )
+
+                return (
+                  <TabsContent
+                    key={key}
+                    value={key}
+                    className="w-full border-none px-0 py-0"
+                  >
+                    <div className="flex flex-col">
+                      {Object.entries(eventsByCountry).map(
+                        ([country, countryEvents]) => (
+                          <div
+                            key={country}
+                            className={cn("flex flex-col border-b px-4 py-6")}
+                          >
+                            <h3 className="mb-2 flex items-center gap-2 text-2xl font-bold text-body-medium">
+                              <span className="flex min-h-6 min-w-6 items-center justify-center overflow-hidden rounded-full bg-primary-low-contrast">
+                                <Emoji
+                                  text={countryEvents[0].countryFlag}
+                                  className="scale-[1.75]"
+                                />
+                              </span>
+                              {country}
+                            </h3>
+                            <div className="flex flex-col py-4">
+                              {countryEvents.map((event, index) => (
+                                <LinkBox
+                                  key={index}
+                                  className="flex flex-col justify-between gap-2 rounded-lg p-2 hover:bg-background-highlight md:flex-row"
                                 >
-                                  {t("page-10-year-event-link")}
-                                </LinkOverlay>
-                              </LinkBox>
-                            ))}
+                                  <div className="flex flex-col gap-2 md:flex-row md:items-center">
+                                    <div>
+                                      <span className="text-lg font-bold">
+                                        {event.city}
+                                      </span>
+                                    </div>
+                                    <div>
+                                      <span>{event.host}</span>
+                                    </div>
+                                  </div>
+                                  <LinkOverlay
+                                    href={event.eventLink}
+                                    className="text-sm no-underline"
+                                    target="_blank"
+                                    rel="noopener noreferrer"
+                                  >
+                                    {t("page-10-year-event-link")}
+                                  </LinkOverlay>
+                                </LinkBox>
+                              ))}
+                            </div>
                           </div>
-                        </div>
-                      )
-                    )}
-                  </div>
-                </TabsContent>
-              )
-            })}
-          </Tabs>
+                        )
+                      )}
+                    </div>
+                  </TabsContent>
+                )
+              })}
+            </Tabs>
+          </div>
         </div>
-      </div>
-
-      <div
-        id="torch-history"
-        className="my-32 flex w-full scroll-mt-32 flex-col bg-gradient-to-b from-[#161A36] via-[#161A36] via-60% to-[#9C63F8] md:rounded-3xl"
-      >
-        <div className="p-8">
-          <div className="relative">
-            <div className="flex items-center justify-center pt-12 sm:pt-24">
-              <div className="relative max-h-[380px] max-w-[380px]">
-                <video
-                  className="pointer-events-none select-none"
-                  src="/videos/torch.mp4"
-                  aria-label="Torch video"
-                  autoPlay
-                  loop
-                  muted
-                  poster="/images/10-year-anniversary/torch-cover.png"
-                  controlsList="nodownload"
-                  disablePictureInPicture
-                  playsInline
-                />
-                <div className="pointer-events-none absolute top-0 h-full w-full select-none bg-[url('/images/10-year-anniversary/torch-overlay.png')] bg-contain bg-center bg-no-repeat" />
+
+        <div
+          id="torch-history"
+          className="my-32 flex w-full scroll-mt-32 flex-col bg-gradient-to-b from-[#161A36] via-[#161A36] via-60% to-[#9C63F8] md:rounded-3xl"
+        >
+          <div className="p-8">
+            <div className="relative">
+              <div className="flex items-center justify-center pt-12 sm:pt-24">
+                <div className="relative max-h-[380px] max-w-[380px]">
+                  <video
+                    className="pointer-events-none select-none"
+                    src="/videos/torch.mp4"
+                    aria-label="Torch video"
+                    autoPlay
+                    loop
+                    muted
+                    poster="/images/10-year-anniversary/torch-cover.png"
+                    controlsList="nodownload"
+                    disablePictureInPicture
+                    playsInline
+                  />
+                  <div className="pointer-events-none absolute top-0 h-full w-full select-none bg-[url('/images/10-year-anniversary/torch-overlay.png')] bg-contain bg-center bg-no-repeat" />
+                </div>
               </div>
+              {/* Curved text */}
+              <Curved10YearsText
+                viewBox="0 0 356 186"
+                className="absolute left-1/2 top-0 h-min w-full max-w-[600px] -translate-x-1/2"
+                width="100%"
+                height="auto"
+              />
             </div>
-            {/* Curved text */}
-            <Curved10YearsText
-              viewBox="0 0 356 186"
-              className="absolute left-1/2 top-0 h-min w-full max-w-[600px] -translate-x-1/2"
-              width="100%"
-              height="auto"
-            />
           </div>
-        </div>
 
-        <TorchHistorySwiper
-          holders={torchHolders}
-          currentHolderAddress={null}
-        />
-
-        <div className="flex flex-col gap-12 px-8 pb-24 pt-12 text-body-inverse sm:px-16 md:flex-row dark:text-body">
-          <div className="flex flex-1 flex-col gap-8">
-            <p>
-              <Translation
-                id="page-10-year-torch-nft-intro"
-                ns="page-10-year-anniversary"
-              />
-            </p>
+          <TorchHistorySwiper
+            holders={torchHolders}
+            currentHolderAddress={null}
+          />
 
-            <p>{t("page-10-year-torch-nft-description")}</p>
-          </div>
-          <div className="flex flex-1 flex-col gap-8">
-            <div>
-              <h3 className="text-lg font-bold">
-                {t("page-10-year-torch-one-of-kind-title")}
-              </h3>
-              <p>{t("page-10-year-torch-one-of-kind-description")}</p>
+          <div className="flex flex-col gap-12 px-8 pb-24 pt-12 text-body-inverse sm:px-16 md:flex-row dark:text-body">
+            <div className="flex flex-1 flex-col gap-8">
+              <p>
+                <Translation
+                  id="page-10-year-torch-nft-intro"
+                  ns="page-10-year-anniversary"
+                />
+              </p>
+
+              <p>{t("page-10-year-torch-nft-description")}</p>
             </div>
+            <div className="flex flex-1 flex-col gap-8">
+              <div>
+                <h3 className="text-lg font-bold">
+                  {t("page-10-year-torch-one-of-kind-title")}
+                </h3>
+                <p>{t("page-10-year-torch-one-of-kind-description")}</p>
+              </div>
 
-            <div>
-              <h3 className="text-lg font-bold">
-                {t("page-10-year-torch-time-limited-title")}
-              </h3>
-              <p>{t("page-10-year-torch-time-limited-description")}</p>
+              <div>
+                <h3 className="text-lg font-bold">
+                  {t("page-10-year-torch-time-limited-title")}
+                </h3>
+                <p>{t("page-10-year-torch-time-limited-description")}</p>
+              </div>
             </div>
           </div>
         </div>
-      </div>
-
-      <div className="flex w-full flex-col items-center gap-8 px-8 py-8 lg:flex-row">
-        <div className="flex flex-1 flex-col gap-6">
-          <h2 className="flex flex-col gap-2 font-black">
-            <span className="text-4xl text-accent-a">
-              {t("page-10-year-innovation-title")}
-            </span>
-            <span className="text-5xl text-body md:text-7xl">
-              {t("page-10-year-innovation-subtitle")}
-            </span>
-          </h2>
-          <p className="text-xl font-bold">
-            {t("page-10-year-innovation-description-1")}
-          </p>
-          <p>{t("page-10-year-innovation-description-2")}</p>
-          <p>{t("page-10-year-innovation-description-3")}</p>
-        </div>
-        {/* CLIENT SIDE, lazy loaded */}
-        <InnovationSwiper innovationCards={innovationCards} />
-      </div>
 
-      <div className="flex w-full flex-col gap-8 px-8 py-8 pt-32 lg:flex-row">
-        <div className="relative flex max-w-[350px] flex-1 flex-col gap-6">
-          <div className="flex flex-col gap-6 lg:sticky lg:top-64 lg:mb-24">
+        <div className="flex w-full flex-col items-center gap-8 px-8 py-8 lg:flex-row">
+          <div className="flex flex-1 flex-col gap-6">
             <h2 className="flex flex-col gap-2 font-black">
               <span className="text-4xl text-accent-a">
-                {t("page-10-year-adoption-title")}
+                {t("page-10-year-innovation-title")}
               </span>
               <span className="text-5xl text-body md:text-7xl">
-                {t("page-10-year-adoption-subtitle")}
+                {t("page-10-year-innovation-subtitle")}
               </span>
             </h2>
             <p className="text-xl font-bold">
-              {t("page-10-year-adoption-description-1")}
+              {t("page-10-year-innovation-description-1")}
             </p>
-            <p>{t("page-10-year-adoption-description-2")}</p>
+            <p>{t("page-10-year-innovation-description-2")}</p>
+            <p>{t("page-10-year-innovation-description-3")}</p>
           </div>
+          {/* CLIENT SIDE, lazy loaded */}
+          <InnovationSwiper innovationCards={innovationCards} />
         </div>
-        {/* CLIENT SIDE, lazy loaded */}
-        <AdoptionSwiper
-          adoptionCards={adoptionCards}
-          adoptionStyles={adoptionStyles}
-        />
-        <div className="hidden flex-1 flex-col gap-6 md:flex">
-          {adoptionCards.map((card, index) => (
-            <div
-              key={`adoption-card-${index}`}
-              className={cn(
-                "w-[70%] rounded-2xl p-8 shadow",
-                index % 2 === 0 && "ml-auto",
-                index !== 0 && "-mt-10",
-                zIndexClasses[index],
-                adoptionStyles[index % 3]
-              )}
-            >
-              <Image
-                src={card.image}
-                alt={t(`page-10-year-adoption-card-${index + 1}-title`)}
-                className="mx-auto mb-4 max-h-[300px] object-contain"
-              />
-              <h3 className="mb-4 text-2xl font-bold">
-                {t(`page-10-year-adoption-card-${index + 1}-title`)}
-              </h3>
-              <p className="mb-8">
-                <Translation
-                  id={`page-10-year-adoption-card-${index + 1}-description`}
-                  ns="page-10-year-anniversary"
-                />
+
+        <div className="flex w-full flex-col gap-8 px-8 py-8 pt-32 lg:flex-row">
+          <div className="relative flex max-w-[350px] flex-1 flex-col gap-6">
+            <div className="flex flex-col gap-6 lg:sticky lg:top-64 lg:mb-24">
+              <h2 className="flex flex-col gap-2 font-black">
+                <span className="text-4xl text-accent-a">
+                  {t("page-10-year-adoption-title")}
+                </span>
+                <span className="text-5xl text-body md:text-7xl">
+                  {t("page-10-year-adoption-subtitle")}
+                </span>
+              </h2>
+              <p className="text-xl font-bold">
+                {t("page-10-year-adoption-description-1")}
               </p>
-              <ButtonLink href={card.href} hideArrow variant="outline">
-                {t(`page-10-year-adoption-card-${index + 1}-link-text`)}
-              </ButtonLink>
+              <p>{t("page-10-year-adoption-description-2")}</p>
             </div>
-          ))}
+          </div>
+          {/* CLIENT SIDE, lazy loaded */}
+          <AdoptionSwiper
+            adoptionCards={adoptionCards}
+            adoptionStyles={adoptionStyles}
+          />
+          <div className="hidden flex-1 flex-col gap-6 md:flex">
+            {adoptionCards.map((card, index) => (
+              <div
+                key={`adoption-card-${index}`}
+                className={cn(
+                  "w-[70%] rounded-2xl p-8 shadow",
+                  index % 2 === 0 && "ml-auto",
+                  index !== 0 && "-mt-10",
+                  zIndexClasses[index],
+                  adoptionStyles[index % 3]
+                )}
+              >
+                <Image
+                  src={card.image}
+                  alt={t(`page-10-year-adoption-card-${index + 1}-title`)}
+                  className="mx-auto mb-4 max-h-[300px] object-contain"
+                />
+                <h3 className="mb-4 text-2xl font-bold">
+                  {t(`page-10-year-adoption-card-${index + 1}-title`)}
+                </h3>
+                <p className="mb-8">
+                  <Translation
+                    id={`page-10-year-adoption-card-${index + 1}-description`}
+                    ns="page-10-year-anniversary"
+                  />
+                </p>
+                <ButtonLink href={card.href} hideArrow variant="outline">
+                  {t(`page-10-year-adoption-card-${index + 1}-link-text`)}
+                </ButtonLink>
+              </div>
+            ))}
+          </div>
         </div>
-      </div>
 
-      <div className="flex w-full flex-col gap-8 px-8 py-8 pt-32 lg:flex-row">
-        <div className="flex max-w-[350px] flex-1 flex-col gap-6">
-          <div className="flex flex-col gap-6 lg:sticky lg:top-64 lg:mb-24">
-            <h2 className="flex flex-col gap-2 font-black">
-              <span className="text-4xl text-accent-a">
-                {t("page-10-year-stories-title")}
-              </span>
-              <span className="text-5xl text-body md:text-7xl">
-                {t("page-10-year-stories-subtitle")}
-              </span>
-            </h2>
-            <p className="text-xl font-bold">
-              {t("page-10-year-stories-description-1")}
-            </p>
-            <p>{t("page-10-year-stories-description-2")}</p>
-            <ButtonLink href="https://ethereumstory.paperform.co/">
-              {t("page-10-year-stories-cta")}
-            </ButtonLink>
+        <div className="flex w-full flex-col gap-8 px-8 py-8 pt-32 lg:flex-row">
+          <div className="flex max-w-[350px] flex-1 flex-col gap-6">
+            <div className="flex flex-col gap-6 lg:sticky lg:top-64 lg:mb-24">
+              <h2 className="flex flex-col gap-2 font-black">
+                <span className="text-4xl text-accent-a">
+                  {t("page-10-year-stories-title")}
+                </span>
+                <span className="text-5xl text-body md:text-7xl">
+                  {t("page-10-year-stories-subtitle")}
+                </span>
+              </h2>
+              <p className="text-xl font-bold">
+                {t("page-10-year-stories-description-1")}
+              </p>
+              <p>{t("page-10-year-stories-description-2")}</p>
+              <ButtonLink href="https://ethereumstory.paperform.co/">
+                {t("page-10-year-stories-cta")}
+              </ButtonLink>
+            </div>
           </div>
+          <I18nProvider locale={locale} messages={messages}>
+            <Stories stories={stories} />
+          </I18nProvider>
         </div>
-        <I18nProvider locale={locale} messages={messages}>
-          <Stories stories={stories} />
-        </I18nProvider>
-      </div>
-    </MainArticle>
+      </MainArticle>
+    </>
   )
 }
 

From a8a6a131e9c39ce3f2fa2f2b4eab9c4ebd46d7a3 Mon Sep 17 00:00:00 2001
From: Corwin Smith <cssmittys@gmail.com>
Date: Wed, 3 Sep 2025 21:53:10 -0600
Subject: [PATCH 02/41] feat: add JSON-LD structured data for apps, individual
 app, and category pages

---
 app/[locale]/apps/[application]/page.tsx      | 530 ++++++++++--------
 .../apps/categories/[catetgoryName]/page.tsx  | 166 ++++--
 app/[locale]/apps/page.tsx                    | 211 ++++---
 3 files changed, 569 insertions(+), 338 deletions(-)

diff --git a/app/[locale]/apps/[application]/page.tsx b/app/[locale]/apps/[application]/page.tsx
index 67886ad74a3..b15db9f3bd1 100644
--- a/app/[locale]/apps/[application]/page.tsx
+++ b/app/[locale]/apps/[application]/page.tsx
@@ -127,248 +127,328 @@ const Page = async ({
     return t("page-apps-days-ago", { days: diffInDays })
   }
 
+  // JSON-LD structured data for the individual app page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": `https://ethereum.org/${locale}/apps/${application}/`,
+    name: `Ethereum Apps - ${app.name}`,
+    description: app.description,
+    url: `https://ethereum.org/${locale}/apps/${application}/`,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: `https://ethereum.org/${locale}/`,
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: "Apps",
+          item: `https://ethereum.org/${locale}/apps/`,
+        },
+        {
+          "@type": "ListItem",
+          position: 3,
+          name: app.name,
+          item: `https://ethereum.org/${locale}/apps/${application}/`,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "Ethereum Foundation",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
+  }
+
+  const softwareApplicationJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "SoftwareApplication",
+    name: app.name,
+    description: app.description,
+    url: app.url,
+    image: app.image,
+    applicationCategory: app.category,
+    applicationSubCategory: app.subCategory.join(", "),
+    operatingSystem: "Web Browser",
+    author: {
+      "@type": "Organization",
+      name: app.parentCompany,
+    },
+    datePublished: app.dateOfLaunch,
+    dateModified: app.lastUpdated,
+    inLanguage: app.languages,
+    screenshot: app.screenshots.slice(0, 5),
+    sameAs: [app.twitter, app.github, app.discord].filter(Boolean),
+  }
+
   return (
-    <I18nProvider locale={locale} messages={messages}>
-      <MainArticle className="flex flex-col gap-10 py-10">
-        <div className="flex flex-col gap-10 px-4 md:px-10">
-          <Breadcrumb>
-            <BreadcrumbList>
-              <BreadcrumbItem>
-                <BreadcrumbLink href="/apps">ALL APPS</BreadcrumbLink>
-              </BreadcrumbItem>
-              <BreadcrumbSeparator className="me-[0.625rem] ms-[0.625rem] text-gray-400">
-                /
-              </BreadcrumbSeparator>
-              <BreadcrumbItem>
-                <BreadcrumbPage>{app.name}</BreadcrumbPage>
-              </BreadcrumbItem>
-            </BreadcrumbList>
-          </Breadcrumb>
-          <div className="flex flex-col items-start justify-between sm:flex-row lg:items-center">
-            <div className="flex w-full flex-col gap-6 lg:flex-row lg:gap-10">
-              <div>
-                <Image
-                  src={app.image}
-                  alt={app.name}
-                  width={124}
-                  height={124}
-                  className="h-16 w-16 rounded-xl object-cover xl:h-[124px] xl:w-[124px]"
-                />
-              </div>
-              <div className="flex flex-col gap-4">
-                <div className="flex flex-col gap-2">
-                  <div>
-                    <Tag status={APP_TAG_VARIANTS[app.category]}>
-                      {app.category}
-                    </Tag>
-                  </div>
-                  <h1 className="mt-0 text-xl lg:text-5xl">{app.name}</h1>
-                  <div className="flex flex-col items-start gap-2 lg:flex-row lg:items-center">
-                    <div className="flex flex-row items-center gap-2">
-                      <ChainImages
-                        chains={app.networks as ChainName[]}
-                        className="mt-2"
-                      />
-                      <p className="text-sm text-body-medium">
-                        by {app.parentCompany}
-                      </p>
+    <>
+      <script
+        id="jsonld-webpage-app"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(webPageJsonLd),
+        }}
+      />
+      <script
+        id="jsonld-software-app"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(softwareApplicationJsonLd),
+        }}
+      />
+      <I18nProvider locale={locale} messages={messages}>
+        <MainArticle className="flex flex-col gap-10 py-10">
+          <div className="flex flex-col gap-10 px-4 md:px-10">
+            <Breadcrumb>
+              <BreadcrumbList>
+                <BreadcrumbItem>
+                  <BreadcrumbLink href="/apps">ALL APPS</BreadcrumbLink>
+                </BreadcrumbItem>
+                <BreadcrumbSeparator className="me-[0.625rem] ms-[0.625rem] text-gray-400">
+                  /
+                </BreadcrumbSeparator>
+                <BreadcrumbItem>
+                  <BreadcrumbPage>{app.name}</BreadcrumbPage>
+                </BreadcrumbItem>
+              </BreadcrumbList>
+            </Breadcrumb>
+            <div className="flex flex-col items-start justify-between sm:flex-row lg:items-center">
+              <div className="flex w-full flex-col gap-6 lg:flex-row lg:gap-10">
+                <div>
+                  <Image
+                    src={app.image}
+                    alt={app.name}
+                    width={124}
+                    height={124}
+                    className="h-16 w-16 rounded-xl object-cover xl:h-[124px] xl:w-[124px]"
+                  />
+                </div>
+                <div className="flex flex-col gap-4">
+                  <div className="flex flex-col gap-2">
+                    <div>
+                      <Tag status={APP_TAG_VARIANTS[app.category]}>
+                        {app.category}
+                      </Tag>
                     </div>
-                    <div className="flex flex-row items-center">
-                      <LanguagesIcon className="size-6" />
-                      <p className="text-sm text-body-medium">
-                        {formatStringList(
-                          formatLanguageNames(app.languages),
-                          5
-                        )}{" "}
-                        <SupportedLanguagesTooltip
-                          supportedLanguages={formatLanguageNames(
-                            app.languages
-                          )}
+                    <h1 className="mt-0 text-xl lg:text-5xl">{app.name}</h1>
+                    <div className="flex flex-col items-start gap-2 lg:flex-row lg:items-center">
+                      <div className="flex flex-row items-center gap-2">
+                        <ChainImages
+                          chains={app.networks as ChainName[]}
+                          className="mt-2"
                         />
-                      </p>
+                        <p className="text-sm text-body-medium">
+                          by {app.parentCompany}
+                        </p>
+                      </div>
+                      <div className="flex flex-row items-center">
+                        <LanguagesIcon className="size-6" />
+                        <p className="text-sm text-body-medium">
+                          {formatStringList(
+                            formatLanguageNames(app.languages),
+                            5
+                          )}{" "}
+                          <SupportedLanguagesTooltip
+                            supportedLanguages={formatLanguageNames(
+                              app.languages
+                            )}
+                          />
+                        </p>
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div className="flex flex-col gap-4 lg:flex-row">
-                  <ButtonLink
-                    href={app.url}
-                    target="_blank"
-                    hideArrow
-                    className="w-full sm:w-fit"
-                    customEventOptions={{
-                      eventCategory: "detail",
-                      eventAction: `app name ${app.name}`,
-                      eventName: "visit",
-                    }}
-                  >
-                    {t("page-apps-visit-app", { appName: app.name })}
-                  </ButtonLink>
-                  <div className="flex flex-row justify-between gap-4">
-                    <div className="flex h-fit flex-row flex-wrap gap-4">
-                      {app.twitter && (
-                        <ButtonLink
-                          href={app.twitter}
-                          target="_blank"
-                          variant="outline"
-                          isSecondary
-                          hideArrow
-                          customEventOptions={{
-                            eventCategory: "detail",
-                            eventAction: `app name ${app.name}`,
-                            eventName: "twitter",
-                          }}
-                        >
-                          <Twitter />
-                        </ButtonLink>
-                      )}
-                      {app.discord && (
-                        <ButtonLink
-                          href={app.discord}
-                          target="_blank"
-                          variant="outline"
-                          isSecondary
-                          hideArrow
-                          customEventOptions={{
-                            eventCategory: "detail",
-                            eventAction: `app name ${app.name}`,
-                            eventName: "discord",
-                          }}
-                        >
-                          <Discord />
-                        </ButtonLink>
-                      )}
-                      {app.github && (
-                        <ButtonLink
-                          href={app.github}
-                          target="_blank"
-                          variant="outline"
-                          isSecondary
-                          hideArrow
-                          customEventOptions={{
-                            eventCategory: "detail",
-                            eventAction: `app name ${app.name}`,
-                            eventName: "github",
-                          }}
-                        >
-                          <Github />
-                        </ButtonLink>
-                      )}
-                    </div>
-                    {nextApp && (
-                      <LinkBox className="group flex flex-row items-center rounded-lg hover:bg-background-highlight sm:hidden">
-                        <div className="mr-2 flex flex-col text-right">
-                          <p className="text-sm text-gray-500">
-                            {t("page-apps-see-next")}
-                          </p>
-                          <p className="text-primary group-hover:text-primary-hover">
-                            {nextApp.name}
-                          </p>
-                          <LinkOverlay
-                            href={`/apps/${slugify(nextApp.name)}`}
-                            matomoEvent={{
+                  <div className="flex flex-col gap-4 lg:flex-row">
+                    <ButtonLink
+                      href={app.url}
+                      target="_blank"
+                      hideArrow
+                      className="w-full sm:w-fit"
+                      customEventOptions={{
+                        eventCategory: "detail",
+                        eventAction: `app name ${app.name}`,
+                        eventName: "visit",
+                      }}
+                    >
+                      {t("page-apps-visit-app", { appName: app.name })}
+                    </ButtonLink>
+                    <div className="flex flex-row justify-between gap-4">
+                      <div className="flex h-fit flex-row flex-wrap gap-4">
+                        {app.twitter && (
+                          <ButtonLink
+                            href={app.twitter}
+                            target="_blank"
+                            variant="outline"
+                            isSecondary
+                            hideArrow
+                            customEventOptions={{
                               eventCategory: "detail",
                               eventAction: `app name ${app.name}`,
-                              eventName: "see_next",
+                              eventName: "twitter",
                             }}
-                          />
-                        </div>
-                        <div className="flex gap-2">
-                          <ChevronNext className="h-8 w-8 text-gray-400 group-hover:text-primary" />
-                        </div>
-                      </LinkBox>
-                    )}
+                          >
+                            <Twitter />
+                          </ButtonLink>
+                        )}
+                        {app.discord && (
+                          <ButtonLink
+                            href={app.discord}
+                            target="_blank"
+                            variant="outline"
+                            isSecondary
+                            hideArrow
+                            customEventOptions={{
+                              eventCategory: "detail",
+                              eventAction: `app name ${app.name}`,
+                              eventName: "discord",
+                            }}
+                          >
+                            <Discord />
+                          </ButtonLink>
+                        )}
+                        {app.github && (
+                          <ButtonLink
+                            href={app.github}
+                            target="_blank"
+                            variant="outline"
+                            isSecondary
+                            hideArrow
+                            customEventOptions={{
+                              eventCategory: "detail",
+                              eventAction: `app name ${app.name}`,
+                              eventName: "github",
+                            }}
+                          >
+                            <Github />
+                          </ButtonLink>
+                        )}
+                      </div>
+                      {nextApp && (
+                        <LinkBox className="group flex flex-row items-center rounded-lg hover:bg-background-highlight sm:hidden">
+                          <div className="mr-2 flex flex-col text-right">
+                            <p className="text-sm text-gray-500">
+                              {t("page-apps-see-next")}
+                            </p>
+                            <p className="text-primary group-hover:text-primary-hover">
+                              {nextApp.name}
+                            </p>
+                            <LinkOverlay
+                              href={`/apps/${slugify(nextApp.name)}`}
+                              matomoEvent={{
+                                eventCategory: "detail",
+                                eventAction: `app name ${app.name}`,
+                                eventName: "see_next",
+                              }}
+                            />
+                          </div>
+                          <div className="flex gap-2">
+                            <ChevronNext className="h-8 w-8 text-gray-400 group-hover:text-primary" />
+                          </div>
+                        </LinkBox>
+                      )}
+                    </div>
                   </div>
                 </div>
               </div>
+              {nextApp && (
+                <LinkBox className="group hidden flex-row items-center rounded-lg p-3 hover:bg-background-highlight sm:flex">
+                  <div className="mr-2 flex flex-col text-right">
+                    <p className="text-nowrap text-sm text-gray-500">
+                      {t("page-apps-see-next")}
+                    </p>
+                    <p className="text-primary group-hover:text-primary-hover">
+                      {nextApp.name}
+                    </p>
+                    <LinkOverlay
+                      href={`/apps/${slugify(nextApp.name)}`}
+                      customEventOptions={{
+                        eventCategory: "detail",
+                        eventAction: `app name ${app.name}`,
+                        eventName: "see_next",
+                      }}
+                    />
+                  </div>
+                  <div className="flex gap-2">
+                    <ChevronNext className="h-8 w-8 text-gray-400 group-hover:text-primary" />
+                  </div>
+                </LinkBox>
+              )}
             </div>
-            {nextApp && (
-              <LinkBox className="group hidden flex-row items-center rounded-lg p-3 hover:bg-background-highlight sm:flex">
-                <div className="mr-2 flex flex-col text-right">
-                  <p className="text-nowrap text-sm text-gray-500">
-                    {t("page-apps-see-next")}
-                  </p>
-                  <p className="text-primary group-hover:text-primary-hover">
-                    {nextApp.name}
-                  </p>
-                  <LinkOverlay
-                    href={`/apps/${slugify(nextApp.name)}`}
-                    customEventOptions={{
-                      eventCategory: "detail",
-                      eventAction: `app name ${app.name}`,
-                      eventName: "see_next",
-                    }}
-                  />
-                </div>
-                <div className="flex gap-2">
-                  <ChevronNext className="h-8 w-8 text-gray-400 group-hover:text-primary" />
-                </div>
-              </LinkBox>
-            )}
           </div>
-        </div>
-
-        <div className="grid grid-cols-1 grid-rows-[auto_1fr] gap-10 bg-background-highlight px-4 py-10 md:grid-cols-[minmax(0,1fr)_auto] md:px-8">
-          <p className="max-w-3xl">{app.description}</p>
-          <div className="flex h-fit w-full flex-col gap-4 rounded-2xl border bg-background p-8 md:row-span-2 md:w-44">
-            <h3 className="text-lg">{t("page-apps-info-title")}</h3>
-            <div>
-              <p className="text-sm text-body-medium">
-                {t("page-apps-info-founded")}
-              </p>
-              <p className="text-sm">
-                {new Date(app.dateOfLaunch).getFullYear()}
-              </p>
-            </div>
-            <div>
-              <p className="text-sm text-body-medium">
-                {t("page-apps-info-creator")}
-              </p>
-              <p className="text-sm">{app.parentCompany}</p>
-            </div>
-            <div>
-              <p className="text-sm text-body-medium">
-                {t("page-apps-info-last-updated")}
-              </p>
-              <p className="text-sm">{getTimeAgo(app.lastUpdated)}</p>
+
+          <div className="grid grid-cols-1 grid-rows-[auto_1fr] gap-10 bg-background-highlight px-4 py-10 md:grid-cols-[minmax(0,1fr)_auto] md:px-8">
+            <p className="max-w-3xl">{app.description}</p>
+            <div className="flex h-fit w-full flex-col gap-4 rounded-2xl border bg-background p-8 md:row-span-2 md:w-44">
+              <h3 className="text-lg">{t("page-apps-info-title")}</h3>
+              <div>
+                <p className="text-sm text-body-medium">
+                  {t("page-apps-info-founded")}
+                </p>
+                <p className="text-sm">
+                  {new Date(app.dateOfLaunch).getFullYear()}
+                </p>
+              </div>
+              <div>
+                <p className="text-sm text-body-medium">
+                  {t("page-apps-info-creator")}
+                </p>
+                <p className="text-sm">{app.parentCompany}</p>
+              </div>
+              <div>
+                <p className="text-sm text-body-medium">
+                  {t("page-apps-info-last-updated")}
+                </p>
+                <p className="text-sm">{getTimeAgo(app.lastUpdated)}</p>
+              </div>
             </div>
+            {app.screenshots.length > 0 && (
+              <div className="flex flex-col gap-4">
+                <h3 className="text-2xl">{t("page-apps-gallery-title")}</h3>
+                <ScreenshotSwiper
+                  screenshots={app.screenshots}
+                  appName={app.name}
+                />
+              </div>
+            )}
           </div>
-          {app.screenshots.length > 0 && (
-            <div className="flex flex-col gap-4">
-              <h3 className="text-2xl">{t("page-apps-gallery-title")}</h3>
-              <ScreenshotSwiper
-                screenshots={app.screenshots}
-                appName={app.name}
-              />
-            </div>
-          )}
-        </div>
-
-        {relatedApps.length > 0 && (
-          <div className="flex flex-col px-4 py-10 md:px-8">
-            <div className="flex w-full flex-col items-center gap-8 rounded-2xl bg-gradient-to-t from-blue-500/20 from-10% to-blue-500/5 to-90% p-12 px-4 md:px-8">
-              <h2>{t("page-apps-more-apps-like-this")}</h2>
-              <div className="flex w-full flex-col gap-4 lg:flex-row">
-                {relatedApps.map((relatedApp) => (
-                  <div
-                    key={relatedApp.name}
-                    className="flex-1 lg:w-1/3 lg:flex-none"
-                  >
-                    <AppCard
-                      app={relatedApp}
-                      imageSize={24}
-                      showDescription={true}
-                      hoverClassName="hover:bg-background-highlight/50"
-                      matomoCategory="detail"
-                      matomoAction="more_apps"
-                    />
-                  </div>
-                ))}
+
+          {relatedApps.length > 0 && (
+            <div className="flex flex-col px-4 py-10 md:px-8">
+              <div className="flex w-full flex-col items-center gap-8 rounded-2xl bg-gradient-to-t from-blue-500/20 from-10% to-blue-500/5 to-90% p-12 px-4 md:px-8">
+                <h2>{t("page-apps-more-apps-like-this")}</h2>
+                <div className="flex w-full flex-col gap-4 lg:flex-row">
+                  {relatedApps.map((relatedApp) => (
+                    <div
+                      key={relatedApp.name}
+                      className="flex-1 lg:w-1/3 lg:flex-none"
+                    >
+                      <AppCard
+                        app={relatedApp}
+                        imageSize={24}
+                        showDescription={true}
+                        hoverClassName="hover:bg-background-highlight/50"
+                        matomoCategory="detail"
+                        matomoAction="more_apps"
+                      />
+                    </div>
+                  ))}
+                </div>
               </div>
             </div>
-          </div>
-        )}
-      </MainArticle>
-    </I18nProvider>
+          )}
+        </MainArticle>
+      </I18nProvider>
+    </>
   )
 }
 
diff --git a/app/[locale]/apps/categories/[catetgoryName]/page.tsx b/app/[locale]/apps/categories/[catetgoryName]/page.tsx
index 03f6fd7ed3b..f7c8e0cea56 100644
--- a/app/[locale]/apps/categories/[catetgoryName]/page.tsx
+++ b/app/[locale]/apps/categories/[catetgoryName]/page.tsx
@@ -88,54 +88,132 @@ const Page = async ({
     categoryEnum as AppCategoryEnum
   )
 
-  return (
-    <I18nProvider locale={locale} messages={messages}>
-      <div className="flex flex-col gap-12">
-        <SimpleHero
-          breadcrumbs={
-            <Breadcrumb>
-              <BreadcrumbList>
-                <BreadcrumbItem>
-                  <BreadcrumbLink href="/apps">ALL APPS</BreadcrumbLink>
-                </BreadcrumbItem>
-                <BreadcrumbSeparator className="me-[0.625rem] ms-[0.625rem] text-gray-400">
-                  /
-                </BreadcrumbSeparator>
-                <BreadcrumbItem>
-                  <BreadcrumbPage>
-                    {t(category.name).toUpperCase()}
-                  </BreadcrumbPage>
-                </BreadcrumbItem>
-              </BreadcrumbList>
-            </Breadcrumb>
-          }
-          title={t(category.name)}
-          subtitle={t(category.description)}
-        />
-
-        <div className="flex flex-col gap-4 px-4 md:px-8">
-          <CategoriesNav activeCategory={categoryEnum} />
-        </div>
+  // Get apps for this category
+  const categoryApps = appsData[categoryEnum] || []
+
+  // JSON-LD structured data for the apps category page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": `https://ethereum.org/${locale}/apps/categories/${normalizedSlug}/`,
+    name: t(category.metaTitle),
+    description: t(category.metaDescription),
+    url: `https://ethereum.org/${locale}/apps/categories/${normalizedSlug}/`,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: `https://ethereum.org/${locale}/`,
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: "Apps",
+          item: `https://ethereum.org/${locale}/apps/`,
+        },
+        {
+          "@type": "ListItem",
+          position: 3,
+          name: t(category.name),
+          item: `https://ethereum.org/${locale}/apps/categories/${normalizedSlug}/`,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "Ethereum Foundation",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
+  }
 
-        <MainArticle className="flex flex-col gap-32 py-10">
-          <div className="flex flex-col px-4 md:px-8">
-            <h2>{t("page-apps-highlights-title")}</h2>
-            <AppsHighlight
-              apps={highlightedApps}
-              matomoCategory={`category_page`}
-            />
-          </div>
+  const categoryAppsJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "ItemList",
+    name: t(category.name),
+    description: t(category.description),
+    url: `https://ethereum.org/${locale}/apps/categories/${normalizedSlug}/`,
+    numberOfItems: categoryApps.length,
+    itemListElement: categoryApps.slice(0, 10).map((app, index) => ({
+      "@type": "ListItem",
+      position: index + 1,
+      name: app.name,
+      description: app.description,
+      url: app.url,
+    })),
+  }
 
-          <div className="flex flex-col px-4 md:px-8">
-            <AppsTable apps={appsData[categoryEnum]} />
+  return (
+    <>
+      <script
+        id="jsonld-webpage-category"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(webPageJsonLd),
+        }}
+      />
+      <script
+        id="jsonld-apps-category"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(categoryAppsJsonLd),
+        }}
+      />
+      <I18nProvider locale={locale} messages={messages}>
+        <div className="flex flex-col gap-12">
+          <SimpleHero
+            breadcrumbs={
+              <Breadcrumb>
+                <BreadcrumbList>
+                  <BreadcrumbItem>
+                    <BreadcrumbLink href="/apps">ALL APPS</BreadcrumbLink>
+                  </BreadcrumbItem>
+                  <BreadcrumbSeparator className="me-[0.625rem] ms-[0.625rem] text-gray-400">
+                    /
+                  </BreadcrumbSeparator>
+                  <BreadcrumbItem>
+                    <BreadcrumbPage>
+                      {t(category.name).toUpperCase()}
+                    </BreadcrumbPage>
+                  </BreadcrumbItem>
+                </BreadcrumbList>
+              </Breadcrumb>
+            }
+            title={t(category.name)}
+            subtitle={t(category.description)}
+          />
+
+          <div className="flex flex-col gap-4 px-4 md:px-8">
+            <CategoriesNav activeCategory={categoryEnum} />
           </div>
 
-          <div className="flex flex-col px-4 md:px-8">
-            <SuggestAnApp />
-          </div>
-        </MainArticle>
-      </div>
-    </I18nProvider>
+          <MainArticle className="flex flex-col gap-32 py-10">
+            <div className="flex flex-col px-4 md:px-8">
+              <h2>{t("page-apps-highlights-title")}</h2>
+              <AppsHighlight
+                apps={highlightedApps}
+                matomoCategory={`category_page`}
+              />
+            </div>
+
+            <div className="flex flex-col px-4 md:px-8">
+              <AppsTable apps={appsData[categoryEnum]} />
+            </div>
+
+            <div className="flex flex-col px-4 md:px-8">
+              <SuggestAnApp />
+            </div>
+          </MainArticle>
+        </div>
+      </I18nProvider>
+    </>
   )
 }
 
diff --git a/app/[locale]/apps/page.tsx b/app/[locale]/apps/page.tsx
index a3f6658debd..f55f85275ce 100644
--- a/app/[locale]/apps/page.tsx
+++ b/app/[locale]/apps/page.tsx
@@ -60,80 +60,153 @@ const Page = async ({ params }: { params: { locale: string } }) => {
   const allMessages = await getMessages({ locale })
   const requiredNamespaces = getRequiredNamespacesForPage("/apps")
   const messages = pick(allMessages, requiredNamespaces)
+
+  // JSON-LD structured data for the apps page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": `https://ethereum.org/${locale}/apps/`,
+    name: t("page-apps-meta-title"),
+    description: t("page-apps-meta-description"),
+    url: `https://ethereum.org/${locale}/apps/`,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: `https://ethereum.org/${locale}/`,
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: t("page-apps-meta-title"),
+          item: `https://ethereum.org/${locale}/apps/`,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "Ethereum Foundation",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
+  }
+
+  const appCategoriesJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "ItemList",
+    name: t("page-apps-categories-title"),
+    description: t("page-apps-meta-description"),
+    url: `https://ethereum.org/${locale}/apps/`,
+    numberOfItems: Object.keys(appsCategories).length,
+    itemListElement: Object.values(appsCategories).map((category, index) => ({
+      "@type": "ListItem",
+      position: index + 1,
+      name: t(category.name),
+      description: t(category.description),
+      url: `https://ethereum.org/${locale}/apps/categories/${category.slug}`,
+    })),
+  }
+
   return (
-    <I18nProvider locale={locale} messages={messages}>
-      <SimpleHero
-        breadcrumbs={<Breadcrumbs slug={"/apps"} />}
-        title={t("page-apps-title")}
-        subtitle={t("page-apps-subtitle")}
-        buttons={[
-          {
-            href: "/what-are-apps/",
-            label: t("page-apps-learn-button"),
-            variant: "outline",
-            isSecondary: true,
-          },
-        ]}
+    <>
+      <script
+        id="jsonld-webpage-apps"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(webPageJsonLd),
+        }}
       />
+      <script
+        id="jsonld-categories-apps"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(appCategoriesJsonLd),
+        }}
+      />
+      <I18nProvider locale={locale} messages={messages}>
+        <SimpleHero
+          breadcrumbs={<Breadcrumbs slug={"/apps"} />}
+          title={t("page-apps-title")}
+          subtitle={t("page-apps-subtitle")}
+          buttons={[
+            {
+              href: "/what-are-apps/",
+              label: t("page-apps-learn-button"),
+              variant: "outline",
+              isSecondary: true,
+            },
+          ]}
+        />
+
+        <MainArticle className="flex flex-col gap-32 py-10">
+          <div className="flex flex-col gap-8 px-4 md:px-8">
+            <h2>{t("page-apps-highlights-title")}</h2>
+            <AppsHighlight apps={highlightedApps} matomoCategory="apps" />
+          </div>
 
-      <MainArticle className="flex flex-col gap-32 py-10">
-        <div className="flex flex-col gap-8 px-4 md:px-8">
-          <h2>{t("page-apps-highlights-title")}</h2>
-          <AppsHighlight apps={highlightedApps} matomoCategory="apps" />
-        </div>
-
-        <div className="flex flex-col gap-4 px-4 md:px-8">
-          <h2>{t("page-apps-discover-title")}</h2>
-          <div className="grid grid-cols-1 gap-7 md:grid-cols-2 lg:grid-cols-3">
-            {discoverApps.map((app) => (
-              <AppCard
-                key={app.name}
-                app={app}
-                imageSize={24}
-                showDescription={true}
-                matomoCategory="apps"
-                matomoAction="staff"
-              />
-            ))}
+          <div className="flex flex-col gap-4 px-4 md:px-8">
+            <h2>{t("page-apps-discover-title")}</h2>
+            <div className="grid grid-cols-1 gap-7 md:grid-cols-2 lg:grid-cols-3">
+              {discoverApps.map((app) => (
+                <AppCard
+                  key={app.name}
+                  app={app}
+                  imageSize={24}
+                  showDescription={true}
+                  matomoCategory="apps"
+                  matomoAction="staff"
+                />
+              ))}
+            </div>
           </div>
-        </div>
-
-        <div className="flex flex-col gap-4 px-4 md:px-8">
-          <h2>{t("page-apps-applications-title")}</h2>
-          <TopApps appsData={appsData} />
-        </div>
-
-        {/* Note: Implemented this instead of swiper from design to allow for SSR */}
-        <div className="flex flex-col gap-4 px-4 md:px-8">
-          <h2>{t("page-apps-categories-title")}</h2>
-          <div className="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3">
-            {Object.values(appsCategories).map((category) => (
-              <SubpageCard
-                key={category.slug}
-                title={t(category.name)}
-                description={t(category.description)}
-                icon={<category.icon className="h-8 w-8" />}
-                href={`/apps/categories/${category.slug}`}
-                matomoEvent={{
-                  eventCategory: "apps",
-                  eventAction: "categories",
-                  eventName: `category name ${t(category.name)}`,
-                }}
-              />
-            ))}
+
+          <div className="flex flex-col gap-4 px-4 md:px-8">
+            <h2>{t("page-apps-applications-title")}</h2>
+            <TopApps appsData={appsData} />
+          </div>
+
+          {/* Note: Implemented this instead of swiper from design to allow for SSR */}
+          <div className="flex flex-col gap-4 px-4 md:px-8">
+            <h2>{t("page-apps-categories-title")}</h2>
+            <div className="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3">
+              {Object.values(appsCategories).map((category) => (
+                <SubpageCard
+                  key={category.slug}
+                  title={t(category.name)}
+                  description={t(category.description)}
+                  icon={<category.icon className="h-8 w-8" />}
+                  href={`/apps/categories/${category.slug}`}
+                  matomoEvent={{
+                    eventCategory: "apps",
+                    eventAction: "categories",
+                    eventName: `category name ${t(category.name)}`,
+                  }}
+                />
+              ))}
+            </div>
+          </div>
+
+          <div className="flex flex-col gap-4 px-4 md:px-8">
+            <h2>{t("page-apps-community-picks-title")}</h2>
+            <CommunityPicks
+              communityPicks={communityPicks}
+              appsData={appsData}
+            />
+          </div>
+
+          <div className="flex flex-col px-4 md:px-8">
+            <SuggestAnApp />
           </div>
-        </div>
-
-        <div className="flex flex-col gap-4 px-4 md:px-8">
-          <h2>{t("page-apps-community-picks-title")}</h2>
-          <CommunityPicks communityPicks={communityPicks} appsData={appsData} />
-        </div>
-
-        <div className="flex flex-col px-4 md:px-8">
-          <SuggestAnApp />
-        </div>
-      </MainArticle>
-    </I18nProvider>
+        </MainArticle>
+      </I18nProvider>
+    </>
   )
 }
 

From f3ba8811ff514d2977fb3223b94f3d892817f3ab Mon Sep 17 00:00:00 2001
From: Corwin Smith <cssmittys@gmail.com>
Date: Wed, 3 Sep 2025 22:04:50 -0600
Subject: [PATCH 03/41] feat: add JSON-LD structured data for the assets page,
 including breadcrumb and creative work details

---
 app/[locale]/assets/page.tsx | 99 ++++++++++++++++++++++++++++++++++--
 1 file changed, 96 insertions(+), 3 deletions(-)

diff --git a/app/[locale]/assets/page.tsx b/app/[locale]/assets/page.tsx
index 6adb7381f17..cffff2a5cc7 100644
--- a/app/[locale]/assets/page.tsx
+++ b/app/[locale]/assets/page.tsx
@@ -28,10 +28,103 @@ export default async function Page({
   const requiredNamespaces = getRequiredNamespacesForPage("/assets")
   const messages = pick(allMessages, requiredNamespaces)
 
+  const t = await getTranslations({ locale, namespace: "page-assets" })
+
+  // JSON-LD structured data for the assets page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": `https://ethereum.org/${locale}/assets/`,
+    name: t("page-assets-meta-title"),
+    description: t("page-assets-meta-desc"),
+    url: `https://ethereum.org/${locale}/assets/`,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: `https://ethereum.org/${locale}/`,
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: t("page-assets-meta-title"),
+          item: `https://ethereum.org/${locale}/assets/`,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "Ethereum Foundation - Digital Studio",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
+  }
+
+  const creativeWorkJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "ItemList",
+    name: t("page-assets-h1"),
+    description: t("page-assets-meta-desc"),
+    url: `https://ethereum.org/${locale}/assets/`,
+    numberOfItems: 3,
+    itemListElement: [
+      {
+        "@type": "ListItem",
+        position: 1,
+        name: t("page-assets-illustrations"),
+        description:
+          "Artistic works by Liam Cobb, Viktor Hachmang, Patrick Atkins, and others",
+        url: `https://ethereum.org/${locale}/assets/#illustrations`,
+      },
+      {
+        "@type": "ListItem",
+        position: 2,
+        name: t("page-assets-historical-artwork"),
+        description: "Historical Ethereum artwork and graphics",
+        url: `https://ethereum.org/${locale}/assets/#historical`,
+      },
+      {
+        "@type": "ListItem",
+        position: 3,
+        name: t("page-assets-ethereum-brand-assets"),
+        description: "Official Ethereum brand assets, logos, and graphics",
+        url: `https://ethereum.org/${locale}/assets/#brand`,
+      },
+    ],
+    publisher: {
+      "@type": "Organization",
+      name: "Ethereum Foundation - Digital Studio",
+      url: "https://ethereum.org",
+    },
+  }
+
   return (
-    <I18nProvider locale={locale} messages={messages}>
-      <AssetsPage />
-    </I18nProvider>
+    <>
+      <script
+        id="jsonld-webpage-assets"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(webPageJsonLd),
+        }}
+      />
+      <script
+        id="jsonld-assets-collection"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(creativeWorkJsonLd),
+        }}
+      />
+      <I18nProvider locale={locale} messages={messages}>
+        <AssetsPage />
+      </I18nProvider>
+    </>
   )
 }
 

From 1eea784474f2fad7e13279eaadb0b1c9810c6eb4 Mon Sep 17 00:00:00 2001
From: Corwin Smith <cssmittys@gmail.com>
Date: Wed, 3 Sep 2025 22:12:16 -0600
Subject: [PATCH 04/41] feat: add JSON-LD structured data for the bug bounty
 page, including metadata and breadcrumb navigation

---
 app/[locale]/bug-bounty/page.tsx | 58 +++++++++++++++++++++++++++++---
 1 file changed, 53 insertions(+), 5 deletions(-)

diff --git a/app/[locale]/bug-bounty/page.tsx b/app/[locale]/bug-bounty/page.tsx
index 906a1b3363e..4bd21bcb2f1 100644
--- a/app/[locale]/bug-bounty/page.tsx
+++ b/app/[locale]/bug-bounty/page.tsx
@@ -33,13 +33,61 @@ export default async function Page({ params }: { params: Promise<Params> }) {
       commitHistoryCache
     )
 
+  const t = await getTranslations({ locale, namespace: "page-bug-bounty" })
+
+  // JSON-LD structured data for the bug bounty page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": `https://ethereum.org/${locale}/bug-bounty/`,
+    name: t("page-upgrades-bug-bounty-meta-title"),
+    description: t("page-upgrades-bug-bounty-meta-description"),
+    url: `https://ethereum.org/${locale}/bug-bounty/`,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: `https://ethereum.org/${locale}/`,
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: t("page-upgrades-bug-bounty-meta-title"),
+          item: `https://ethereum.org/${locale}/bug-bounty/`,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "Ethereum Foundation",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
+  }
+
   return (
-    <I18nProvider locale={locale} messages={messages}>
-      <BugBountiesPage
-        contributors={contributors}
-        lastEditLocaleTimestamp={lastEditLocaleTimestamp}
+    <>
+      <script
+        id="jsonld-webpage-bugbounty"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(webPageJsonLd),
+        }}
       />
-    </I18nProvider>
+      <I18nProvider locale={locale} messages={messages}>
+        <BugBountiesPage
+          contributors={contributors}
+          lastEditLocaleTimestamp={lastEditLocaleTimestamp}
+        />
+      </I18nProvider>
+    </>
   )
 }
 

From 078e748e8a602a2b04de8009519502c38bdf24c8 Mon Sep 17 00:00:00 2001
From: Corwin Smith <cssmittys@gmail.com>
Date: Wed, 3 Sep 2025 22:18:00 -0600
Subject: [PATCH 05/41] feat: add JSON-LD structured data for the collectibles
 page, including metadata, breadcrumb navigation, and item list details

---
 app/[locale]/collectibles/page.tsx | 224 ++++++++++++++++++++---------
 1 file changed, 160 insertions(+), 64 deletions(-)

diff --git a/app/[locale]/collectibles/page.tsx b/app/[locale]/collectibles/page.tsx
index 3b6b6b99a56..f7da82611b0 100644
--- a/app/[locale]/collectibles/page.tsx
+++ b/app/[locale]/collectibles/page.tsx
@@ -58,76 +58,172 @@ export default async function Page({
   const requiredNamespaces = getRequiredNamespacesForPage("/collectibles/")
   const pickedMessages = pick(allMessages, requiredNamespaces)
 
+  // JSON-LD structured data for the collectibles page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": `https://ethereum.org/${locale}/collectibles/`,
+    name: t("page-collectibles-hero-header"),
+    description: t("page-collectibles-hero-description"),
+    url: `https://ethereum.org/${locale}/collectibles/`,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: `https://ethereum.org/${locale}/`,
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: t("page-collectibles-hero-header"),
+          item: `https://ethereum.org/${locale}/collectibles/`,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "Ethereum Foundation",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
+  }
+
+  const collectiblesCollectionJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "ItemList",
+    name: t("page-collectibles-hero-header"),
+    description: t("page-collectibles-hero-description"),
+    url: `https://ethereum.org/${locale}/collectibles/`,
+    numberOfItems: stats.collectiblesCount || badges.length,
+    itemListElement: badges.slice(0, 10).map((badge, index) => ({
+      "@type": "ListItem",
+      position: index + 1,
+      name: badge.name || `Badge ${index + 1}`,
+      description: badge.description || "Ethereum community badge",
+      url: badge.link || `${COLLECTIBLES_BASE_URL}/badge/${badge.id}`,
+      image: badge.image,
+    })),
+    publisher: {
+      "@type": "Organization",
+      name: "Ethereum Foundation",
+      url: "https://ethereum.org",
+    },
+    additionalProperty: [
+      {
+        "@type": "PropertyValue",
+        name: "Total Collectors",
+        value: stats.uniqueAddressesCount || 0,
+      },
+      {
+        "@type": "PropertyValue",
+        name: "Total Minted",
+        value: stats.collectorsCount || 0,
+      },
+      {
+        "@type": "PropertyValue",
+        name: "Unique Badges",
+        value: stats.collectiblesCount || badges.length,
+      },
+    ],
+  }
+
   return (
-    <I18nProvider locale={locale} messages={pickedMessages}>
-      <MainArticle className="space-y-12 pb-24 md:space-y-20">
-        <HubHero
-          heroImg={communityHeroImg}
-          title={t("page-collectibles-hero-title")}
-          header={t("page-collectibles-hero-header")}
-          description={t("page-collectibles-hero-description")}
-        />
-        <Section
-          id="stats"
-          className="flex flex-col gap-x-6 gap-y-4 px-4 xl:flex-row xl:px-12"
-        >
-          <div className="flex-[2] space-y-4 rounded-2xl border border-primary/10 bg-gradient-to-r from-primary/10 to-primary/5 px-8 py-12 text-lg dark:from-primary/20 dark:to-primary/10">
-            <h2 className="text-3xl md:text-4xl">
-              {t("page-collectibles-improve-title")}
-            </h2>
-            <p>
-              {t.rich("page-collectibles-improve-desc-1", {
-                strong: (chunks) => <span className="font-bold">{chunks}</span>,
-              })}
-            </p>
-            <p>
-              {t.rich("page-collectibles-improve-desc-2", {
-                strong: (chunks) => <span className="font-bold">{chunks}</span>,
-                a: (chunks) => (
-                  <Link href="https://x.com/Xeift1/status/1896200245949968828">
-                    {chunks}
-                  </Link>
-                ),
-              })}
-            </p>
-          </div>
-
-          <div className="grid min-w-fit grid-cols-2 place-items-center gap-4 md:grid-cols-3 md:justify-start xl:grid-cols-2">
-            {/* Minted */}
-            <div className="flex h-full w-full flex-col items-center justify-center rounded-xl border border-accent-a/20 bg-gradient-to-b from-accent-a/5 to-accent-a/15 px-4 py-8 text-accent-a max-md:col-span-2 xl:col-span-2 xl:p-6">
-              <div className="text-4xl font-bold md:text-6xl">
-                {stats.collectorsCount?.toLocaleString(locale) ?? "-"}
-              </div>
-              <div className="text-center font-bold">
-                {t("page-collectibles-stats-minted")}
-              </div>
+    <>
+      <script
+        id="jsonld-webpage-collectibles"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(webPageJsonLd),
+        }}
+      />
+      <script
+        id="jsonld-collectibles-collection"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(collectiblesCollectionJsonLd),
+        }}
+      />
+      <I18nProvider locale={locale} messages={pickedMessages}>
+        <MainArticle className="space-y-12 pb-24 md:space-y-20">
+          <HubHero
+            heroImg={communityHeroImg}
+            title={t("page-collectibles-hero-title")}
+            header={t("page-collectibles-hero-header")}
+            description={t("page-collectibles-hero-description")}
+          />
+          <Section
+            id="stats"
+            className="flex flex-col gap-x-6 gap-y-4 px-4 xl:flex-row xl:px-12"
+          >
+            <div className="flex-[2] space-y-4 rounded-2xl border border-primary/10 bg-gradient-to-r from-primary/10 to-primary/5 px-8 py-12 text-lg dark:from-primary/20 dark:to-primary/10">
+              <h2 className="text-3xl md:text-4xl">
+                {t("page-collectibles-improve-title")}
+              </h2>
+              <p>
+                {t.rich("page-collectibles-improve-desc-1", {
+                  strong: (chunks) => (
+                    <span className="font-bold">{chunks}</span>
+                  ),
+                })}
+              </p>
+              <p>
+                {t.rich("page-collectibles-improve-desc-2", {
+                  strong: (chunks) => (
+                    <span className="font-bold">{chunks}</span>
+                  ),
+                  a: (chunks) => (
+                    <Link href="https://x.com/Xeift1/status/1896200245949968828">
+                      {chunks}
+                    </Link>
+                  ),
+                })}
+              </p>
             </div>
-            {/* Collectors */}
-            <div className="flex h-full w-full flex-col items-center justify-center rounded-xl border border-accent-b/20 bg-gradient-to-b from-accent-b/5 to-accent-b/15 p-6 text-accent-b">
-              <div className="text-4xl font-bold md:text-6xl">
-                {stats.uniqueAddressesCount?.toLocaleString(locale) ?? "-"}
+
+            <div className="grid min-w-fit grid-cols-2 place-items-center gap-4 md:grid-cols-3 md:justify-start xl:grid-cols-2">
+              {/* Minted */}
+              <div className="flex h-full w-full flex-col items-center justify-center rounded-xl border border-accent-a/20 bg-gradient-to-b from-accent-a/5 to-accent-a/15 px-4 py-8 text-accent-a max-md:col-span-2 xl:col-span-2 xl:p-6">
+                <div className="text-4xl font-bold md:text-6xl">
+                  {stats.collectorsCount?.toLocaleString(locale) ?? "-"}
+                </div>
+                <div className="text-center font-bold">
+                  {t("page-collectibles-stats-minted")}
+                </div>
               </div>
-              <div className="text-center font-bold">
-                {t("page-collectibles-stats-collectors")}
+              {/* Collectors */}
+              <div className="flex h-full w-full flex-col items-center justify-center rounded-xl border border-accent-b/20 bg-gradient-to-b from-accent-b/5 to-accent-b/15 p-6 text-accent-b">
+                <div className="text-4xl font-bold md:text-6xl">
+                  {stats.uniqueAddressesCount?.toLocaleString(locale) ?? "-"}
+                </div>
+                <div className="text-center font-bold">
+                  {t("page-collectibles-stats-collectors")}
+                </div>
               </div>
-            </div>
-            {/* Unique Badges */}
-            <div className="flex h-full w-full flex-col items-center justify-center rounded-xl border border-accent-c/20 bg-gradient-to-b from-accent-c/5 to-accent-c/15 p-6 text-accent-c">
-              <div className="text-4xl font-bold md:text-6xl">
-                {stats.collectiblesCount?.toLocaleString(locale) ?? "-"}
-              </div>
-              <div className="text-center font-bold">
-                {t("page-collectibles-stats-unique-badges")}
+              {/* Unique Badges */}
+              <div className="flex h-full w-full flex-col items-center justify-center rounded-xl border border-accent-c/20 bg-gradient-to-b from-accent-c/5 to-accent-c/15 p-6 text-accent-c">
+                <div className="text-4xl font-bold md:text-6xl">
+                  {stats.collectiblesCount?.toLocaleString(locale) ?? "-"}
+                </div>
+                <div className="text-center font-bold">
+                  {t("page-collectibles-stats-unique-badges")}
+                </div>
               </div>
             </div>
-          </div>
-        </Section>
-
-        <Section id="main" className="px-4 xl:px-12">
-          <CollectiblesPage badges={badges} />
-        </Section>
-      </MainArticle>
-    </I18nProvider>
+          </Section>
+
+          <Section id="main" className="px-4 xl:px-12">
+            <CollectiblesPage badges={badges} />
+          </Section>
+        </MainArticle>
+      </I18nProvider>
+    </>
   )
 }
 

From ba1178fceb673ecc5b72a806a608b206a4d320ba Mon Sep 17 00:00:00 2001
From: Corwin Smith <cssmittys@gmail.com>
Date: Wed, 3 Sep 2025 22:32:26 -0600
Subject: [PATCH 06/41] feat: add JSON-LD structured data for the community
 page, including metadata, breadcrumb navigation, and community resources
 details

---
 app/[locale]/community/page.tsx | 105 +++++++++++++++++++++++++++++++-
 1 file changed, 102 insertions(+), 3 deletions(-)

diff --git a/app/[locale]/community/page.tsx b/app/[locale]/community/page.tsx
index 2b6a034dc52..b4e7c8705fa 100644
--- a/app/[locale]/community/page.tsx
+++ b/app/[locale]/community/page.tsx
@@ -28,10 +28,109 @@ export default async function Page({
   const requiredNamespaces = getRequiredNamespacesForPage("/community")
   const pickedMessages = pick(allMessages, requiredNamespaces)
 
+  const t = await getTranslations({ locale, namespace: "page-community" })
+
+  // JSON-LD structured data for the community page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": `https://ethereum.org/${locale}/community/`,
+    name: t("page-community-meta-title"),
+    description: t("page-community-meta-description"),
+    url: `https://ethereum.org/${locale}/community/`,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: `https://ethereum.org/${locale}/`,
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: t("page-community-meta-title"),
+          item: `https://ethereum.org/${locale}/community/`,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "Ethereum Foundation",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
+  }
+
+  const communityResourcesJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "ItemList",
+    name: t("page-community-meta-title"),
+    description: t("page-community-meta-description"),
+    url: `https://ethereum.org/${locale}/community/`,
+    numberOfItems: 4,
+    itemListElement: [
+      {
+        "@type": "ListItem",
+        position: 1,
+        name: t("page-community-card-1-title"),
+        description: t("page-community-card-1-description"),
+        url: `https://ethereum.org/${locale}/community/online/`,
+      },
+      {
+        "@type": "ListItem",
+        position: 2,
+        name: t("page-community-card-2-title"),
+        description: t("page-community-card-2-description"),
+        url: `https://ethereum.org/${locale}/community/events/`,
+      },
+      {
+        "@type": "ListItem",
+        position: 3,
+        name: t("page-community-card-3-title"),
+        description: t("page-community-card-3-description"),
+        url: `https://ethereum.org/${locale}/community/get-involved/`,
+      },
+      {
+        "@type": "ListItem",
+        position: 4,
+        name: t("page-community-card-4-title"),
+        description: t("page-community-card-4-description"),
+        url: `https://ethereum.org/${locale}/community/grants/`,
+      },
+    ],
+    publisher: {
+      "@type": "Organization",
+      name: "Ethereum Foundation",
+      url: "https://ethereum.org",
+    },
+  }
+
   return (
-    <I18nProvider locale={locale} messages={pickedMessages}>
-      <CommunityPage />
-    </I18nProvider>
+    <>
+      <script
+        id="jsonld-webpage-community"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(webPageJsonLd),
+        }}
+      />
+      <script
+        id="jsonld-community-resources"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(communityResourcesJsonLd),
+        }}
+      />
+      <I18nProvider locale={locale} messages={pickedMessages}>
+        <CommunityPage />
+      </I18nProvider>
+    </>
   )
 }
 

From e7aaa84124763fc54786b7ec2c586d27a7438ef0 Mon Sep 17 00:00:00 2001
From: Corwin Smith <cssmittys@gmail.com>
Date: Thu, 4 Sep 2025 13:28:39 -0600
Subject: [PATCH 07/41] feat: add JSON-LD structured data for translation
 program pages, including acknowledgements, contributors, and translatathon
 leaderboard with metadata and breadcrumb navigation

---
 .../acknowledgements/page.tsx                 | 75 ++++++++++++++-
 .../translation-program/contributors/page.tsx | 73 +++++++++++++-
 .../translatathon/leaderboard/page.tsx        | 94 +++++++++++++++++++
 3 files changed, 236 insertions(+), 6 deletions(-)

diff --git a/app/[locale]/contributing/translation-program/acknowledgements/page.tsx b/app/[locale]/contributing/translation-program/acknowledgements/page.tsx
index ae47c3729f9..6392eac711f 100644
--- a/app/[locale]/contributing/translation-program/acknowledgements/page.tsx
+++ b/app/[locale]/contributing/translation-program/acknowledgements/page.tsx
@@ -26,10 +26,79 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
   )
   const messages = pick(allMessages, requiredNamespaces)
 
+  const t = await getTranslations({
+    locale,
+    namespace: "page-contributing-translation-program-acknowledgements",
+  })
+
+  // JSON-LD structured data for the translation acknowledgements page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": `https://ethereum.org/${locale}/contributing/translation-program/acknowledgements/`,
+    name: t(
+      "page-contributing-translation-program-acknowledgements-meta-title"
+    ),
+    description: t(
+      "page-contributing-translation-program-acknowledgements-meta-description"
+    ),
+    url: `https://ethereum.org/${locale}/contributing/translation-program/acknowledgements/`,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: `https://ethereum.org/${locale}/`,
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: "Contributing",
+          item: `https://ethereum.org/${locale}/contributing/`,
+        },
+        {
+          "@type": "ListItem",
+          position: 3,
+          name: "Translation Program",
+          item: `https://ethereum.org/${locale}/contributing/translation-program/`,
+        },
+        {
+          "@type": "ListItem",
+          position: 4,
+          name: t(
+            "page-contributing-translation-program-acknowledgements-meta-title"
+          ),
+          item: `https://ethereum.org/${locale}/contributing/translation-program/acknowledgements/`,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "Ethereum Foundation",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
+  }
+
   return (
-    <I18nProvider locale={locale} messages={messages}>
-      <Acknowledgements />
-    </I18nProvider>
+    <>
+      <script
+        id="jsonld-webpage-translation-acknowledgements"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(webPageJsonLd),
+        }}
+      />
+      <I18nProvider locale={locale} messages={messages}>
+        <Acknowledgements />
+      </I18nProvider>
+    </>
   )
 }
 
diff --git a/app/[locale]/contributing/translation-program/contributors/page.tsx b/app/[locale]/contributing/translation-program/contributors/page.tsx
index d62cf5f0e3b..a9be5888aab 100644
--- a/app/[locale]/contributing/translation-program/contributors/page.tsx
+++ b/app/[locale]/contributing/translation-program/contributors/page.tsx
@@ -26,10 +26,77 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
   )
   const messages = pick(allMessages, requiredNamespaces)
 
+  const t = await getTranslations({
+    locale,
+    namespace: "page-contributing-translation-program-contributors",
+  })
+
+  // JSON-LD structured data for the translation contributors page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": `https://ethereum.org/${locale}/contributing/translation-program/contributors/`,
+    name: t("page-contributing-translation-program-contributors-meta-title"),
+    description: t(
+      "page-contributing-translation-program-contributors-meta-description"
+    ),
+    url: `https://ethereum.org/${locale}/contributing/translation-program/contributors/`,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: `https://ethereum.org/${locale}/`,
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: "Contributing",
+          item: `https://ethereum.org/${locale}/contributing/`,
+        },
+        {
+          "@type": "ListItem",
+          position: 3,
+          name: "Translation Program",
+          item: `https://ethereum.org/${locale}/contributing/translation-program/`,
+        },
+        {
+          "@type": "ListItem",
+          position: 4,
+          name: t(
+            "page-contributing-translation-program-contributors-meta-title"
+          ),
+          item: `https://ethereum.org/${locale}/contributing/translation-program/contributors/`,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "Ethereum Foundation",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
+  }
+
   return (
-    <I18nProvider locale={locale} messages={messages}>
-      <Contributors />
-    </I18nProvider>
+    <>
+      <script
+        id="jsonld-webpage-translation-contributors"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(webPageJsonLd),
+        }}
+      />
+      <I18nProvider locale={locale} messages={messages}>
+        <Contributors />
+      </I18nProvider>
+    </>
   )
 }
 
diff --git a/app/[locale]/contributing/translation-program/translatathon/leaderboard/page.tsx b/app/[locale]/contributing/translation-program/translatathon/leaderboard/page.tsx
index 6add8a7c63b..61abffb5f08 100644
--- a/app/[locale]/contributing/translation-program/translatathon/leaderboard/page.tsx
+++ b/app/[locale]/contributing/translation-program/translatathon/leaderboard/page.tsx
@@ -53,6 +53,86 @@ const Page = async ({ params }: { params: Promise<{ locale: string }> }) => {
     ],
   } satisfies ContentHeroProps
 
+  // JSON-LD structured data for the translatathon leaderboard page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": `https://ethereum.org/${locale}/contributing/translation-program/translatathon/leaderboard/`,
+    name: "2025 Ethereum.org Translatathon Leaderboard",
+    description:
+      "Leaderboard for the 2025 Ethereum.org Translatathon showing translation progress and participant rankings",
+    url: `https://ethereum.org/${locale}/contributing/translation-program/translatathon/leaderboard/`,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: `https://ethereum.org/${locale}/`,
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: "Contributing",
+          item: `https://ethereum.org/${locale}/contributing/`,
+        },
+        {
+          "@type": "ListItem",
+          position: 3,
+          name: "Translation Program",
+          item: `https://ethereum.org/${locale}/contributing/translation-program/`,
+        },
+        {
+          "@type": "ListItem",
+          position: 4,
+          name: "Translatathon",
+          item: `https://ethereum.org/${locale}/contributing/translation-program/translatathon/`,
+        },
+        {
+          "@type": "ListItem",
+          position: 5,
+          name: "Leaderboard",
+          item: `https://ethereum.org/${locale}/contributing/translation-program/translatathon/leaderboard/`,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "Ethereum Foundation",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
+  }
+
+  const competitionJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "Event",
+    name: "2025 Ethereum.org Translatathon",
+    description:
+      "Translation competition for the Ethereum.org website with participant leaderboard and rankings",
+    url: `https://ethereum.org/${locale}/contributing/translation-program/translatathon/leaderboard/`,
+    organizer: {
+      "@type": "Organization",
+      name: "Ethereum Foundation",
+      url: "https://ethereum.org",
+    },
+    startDate: "2025-08-08T00:00:00",
+    endDate: "2025-08-08T00:00:00",
+    location: {
+      "@type": "VirtualLocation",
+      name: "Online",
+      url: `https://ethereum.org/${locale}/contributing/translation-program/translatathon/`,
+    },
+    image: ["https://ethereum.org/images/heroes/translatathon-hero.png"],
+    award: "Recognition and prizes for top translators",
+    eventStatus: "https://schema.org/EventScheduled",
+  }
+
   const dropdownLinks: ButtonDropdownList = {
     text: "Translatathon menu",
     ariaLabel: "Translatathon menu",
@@ -98,6 +178,20 @@ const Page = async ({ params }: { params: Promise<{ locale: string }> }) => {
 
   return (
     <>
+      <script
+        id="jsonld-webpage-translatathon-leaderboard"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(webPageJsonLd),
+        }}
+      />
+      <script
+        id="jsonld-competition-translatathon"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(competitionJsonLd),
+        }}
+      />
       <div className="relative mt-4">
         <ContentHero {...heroProps} />
       </div>

From 53c35c1e55f2071879d71cae570542e4fe1684e5 Mon Sep 17 00:00:00 2001
From: Corwin Smith <cssmittys@gmail.com>
Date: Thu, 4 Sep 2025 14:17:21 -0600
Subject: [PATCH 08/41] feat: add JSON-LD structured data for developers pages,
 including metadata, breadcrumb navigation, and resource details for
 tutorials, learning tools, local environment, and main developers page

---
 .../_components/learning-tools.tsx            | 198 ++--
 .../developers/learning-tools/page.tsx        |  64 +-
 .../developers/local-environment/page.tsx     | 100 +-
 app/[locale]/developers/page.tsx              | 959 ++++++++++--------
 app/[locale]/developers/tutorials/page.tsx    | 161 ++-
 5 files changed, 956 insertions(+), 526 deletions(-)

diff --git a/app/[locale]/developers/learning-tools/_components/learning-tools.tsx b/app/[locale]/developers/learning-tools/_components/learning-tools.tsx
index f8f98beab7d..62292fe8479 100644
--- a/app/[locale]/developers/learning-tools/_components/learning-tools.tsx
+++ b/app/[locale]/developers/learning-tools/_components/learning-tools.tsx
@@ -112,7 +112,7 @@ const StackContainer = ({
   />
 )
 
-const LearningToolsPage = () => {
+const LearningToolsPage = ({ locale }) => {
   const { t } = useTranslation(["page-developers-learning-tools"])
 
   const randomizedSandboxes: Array<LearningTool> = shuffle([
@@ -398,74 +398,138 @@ const LearningToolsPage = () => {
     },
   ]
 
+  // Combine all tools for JSON-LD
+  const allTools = [
+    ...randomizedSandboxes.map((tool) => ({
+      ...tool,
+      category: "DeveloperApplication",
+    })),
+    ...games.map((tool) => ({ ...tool, category: "GameApplication" })),
+    ...bootcamps.map((tool) => ({
+      ...tool,
+      category: "EducationalApplication",
+    })),
+  ]
+
+  const learningToolsCollectionJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "ItemList",
+    name: t("page-learning-tools-meta-title"),
+    description: t("page-learning-tools-meta-desc"),
+    url: `https://ethereum.org/${locale}/developers/learning-tools/`,
+    numberOfItems: allTools.length,
+    itemListElement: allTools.map((tool, index) => ({
+      "@type": "SoftwareApplication",
+      position: index + 1,
+      name: tool.name,
+      description: tool.description,
+      url: tool.url,
+      applicationCategory: tool.category,
+      operatingSystem: "Web Browser",
+      isAccessibleForFree: true,
+      keywords: tool.subjects?.join(", ") || "",
+      about:
+        tool.subjects?.map((subject) => ({
+          "@type": "Thing",
+          name: subject,
+        })) || [],
+      author: {
+        "@type": "Organization",
+        name: tool.name.includes("Remix")
+          ? "Remix"
+          : tool.name.includes("ConsenSys")
+            ? "ConsenSys"
+            : tool.name.includes("Alchemy")
+              ? "Alchemy"
+              : tool.name.includes("OpenZeppelin")
+                ? "OpenZeppelin"
+                : "Community",
+      },
+    })),
+    publisher: {
+      "@type": "Organization",
+      name: "Ethereum Foundation",
+      url: "https://ethereum.org",
+    },
+  }
+
   return (
-    <Page>
-      <MainArticle className="w-full">
-        <div className="w-full">
-          <Header>
-            <H1>
-              <Translation id="page-developers-learning-tools:page-learning-tools-coding" />
-            </H1>
-            <Subtitle>
-              <Translation id="page-developers-learning-tools:page-learning-tools-coding-subtitle" />
-            </Subtitle>
-          </Header>
-        </div>
-        <StackContainer>
-          <SubtitleTwo>
-            <Translation id="page-developers-learning-tools:page-learning-tools-sandbox" />
-          </SubtitleTwo>
-          <p>
-            <Translation id="page-developers-learning-tools:page-learning-tools-sandbox-desc" />
-          </p>
-          <LearningToolsCardGrid category={randomizedSandboxes} />
-          <InfoBanner emoji=":point_up:" shouldCenter>
-            <Translation id="page-developers-learning-tools:page-learning-tools-remix-description-2" />
-          </InfoBanner>
-        </StackContainer>
-        <StackContainer>
-          <SubtitleTwo>
-            <Translation id="page-developers-learning-tools:page-learning-tools-game-tutorials" />
-          </SubtitleTwo>
-          <p>
-            <Translation id="page-developers-learning-tools:page-learning-tools-game-tutorials-desc" />
-          </p>
-          <LearningToolsCardGrid category={games} />
-        </StackContainer>
-        <StackContainer>
-          <SubtitleTwo>
-            <Translation id="page-developers-learning-tools:page-learning-tools-bootcamps" />
-          </SubtitleTwo>
-          <p>
-            <Translation id="page-developers-learning-tools:page-learning-tools-bootcamps-desc" />
-          </p>
-          <LearningToolsCardGrid category={bootcamps} />
-        </StackContainer>
-        <ContentBox>
-          <CalloutBanner
-            className="mx-4 mb-40 mt-24"
-            image={EnterpriseEth}
-            alt="Enterprise ETH"
-            titleKey={
-              "page-developers-learning-tools:page-learning-tools-documentation"
-            }
-            descriptionKey={
-              "page-developers-learning-tools:page-learning-tools-documentation-desc"
-            }
-          >
-            <div>
-              <ButtonLink href="/developers/docs/">
-                <Translation id="page-developers-learning-tools:page-learning-tools-browse-docs" />
-              </ButtonLink>
-            </div>
-          </CalloutBanner>
-        </ContentBox>
+    <>
+      <script
+        id="jsonld-tools-learning-tools"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(learningToolsCollectionJsonLd),
+        }}
+      />
+      <Page>
+        <MainArticle className="w-full">
+          <div className="w-full">
+            <Header>
+              <H1>
+                <Translation id="page-developers-learning-tools:page-learning-tools-coding" />
+              </H1>
+              <Subtitle>
+                <Translation id="page-developers-learning-tools:page-learning-tools-coding-subtitle" />
+              </Subtitle>
+            </Header>
+          </div>
+          <StackContainer>
+            <SubtitleTwo>
+              <Translation id="page-developers-learning-tools:page-learning-tools-sandbox" />
+            </SubtitleTwo>
+            <p>
+              <Translation id="page-developers-learning-tools:page-learning-tools-sandbox-desc" />
+            </p>
+            <LearningToolsCardGrid category={randomizedSandboxes} />
+            <InfoBanner emoji=":point_up:" shouldCenter>
+              <Translation id="page-developers-learning-tools:page-learning-tools-remix-description-2" />
+            </InfoBanner>
+          </StackContainer>
+          <StackContainer>
+            <SubtitleTwo>
+              <Translation id="page-developers-learning-tools:page-learning-tools-game-tutorials" />
+            </SubtitleTwo>
+            <p>
+              <Translation id="page-developers-learning-tools:page-learning-tools-game-tutorials-desc" />
+            </p>
+            <LearningToolsCardGrid category={games} />
+          </StackContainer>
+          <StackContainer>
+            <SubtitleTwo>
+              <Translation id="page-developers-learning-tools:page-learning-tools-bootcamps" />
+            </SubtitleTwo>
+            <p>
+              <Translation id="page-developers-learning-tools:page-learning-tools-bootcamps-desc" />
+            </p>
+            <LearningToolsCardGrid category={bootcamps} />
+          </StackContainer>
+          <ContentBox>
+            <CalloutBanner
+              className="mx-4 mb-40 mt-24"
+              image={EnterpriseEth}
+              alt="Enterprise ETH"
+              titleKey={
+                "page-developers-learning-tools:page-learning-tools-documentation"
+              }
+              descriptionKey={
+                "page-developers-learning-tools:page-learning-tools-documentation-desc"
+              }
+            >
+              <div>
+                <ButtonLink href="/developers/docs/">
+                  <Translation id="page-developers-learning-tools:page-learning-tools-browse-docs" />
+                </ButtonLink>
+              </div>
+            </CalloutBanner>
+          </ContentBox>
 
-        <ContentBox>
-          <FeedbackCard />
-        </ContentBox>
-      </MainArticle>
-    </Page>
+          <ContentBox>
+            <FeedbackCard />
+          </ContentBox>
+        </MainArticle>
+      </Page>
+    </>
   )
 }
 
diff --git a/app/[locale]/developers/learning-tools/page.tsx b/app/[locale]/developers/learning-tools/page.tsx
index cb645c3ef27..c3602b71bcd 100644
--- a/app/[locale]/developers/learning-tools/page.tsx
+++ b/app/[locale]/developers/learning-tools/page.tsx
@@ -26,10 +26,68 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
   )
   const messages = pick(allMessages, requiredNamespaces)
 
+  const t = await getTranslations({
+    locale,
+    namespace: "page-developers-learning-tools",
+  })
+
+  // JSON-LD structured data for the developers learning tools page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": `https://ethereum.org/${locale}/developers/learning-tools/`,
+    name: t("page-learning-tools-meta-title"),
+    description: t("page-learning-tools-meta-desc"),
+    url: `https://ethereum.org/${locale}/developers/learning-tools/`,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: `https://ethereum.org/${locale}/`,
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: "Developers",
+          item: `https://ethereum.org/${locale}/developers/`,
+        },
+        {
+          "@type": "ListItem",
+          position: 3,
+          name: t("page-learning-tools-meta-title"),
+          item: `https://ethereum.org/${locale}/developers/learning-tools/`,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "Ethereum Foundation",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
+  }
+
   return (
-    <I18nProvider locale={locale} messages={messages}>
-      <LearningTools />
-    </I18nProvider>
+    <>
+      <script
+        id="jsonld-webpage-learning-tools"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(webPageJsonLd),
+        }}
+      />
+
+      <I18nProvider locale={locale} messages={messages}>
+        <LearningTools locale={locale} />
+      </I18nProvider>
+    </>
   )
 }
 
diff --git a/app/[locale]/developers/local-environment/page.tsx b/app/[locale]/developers/local-environment/page.tsx
index f03acc802af..f48ed2059eb 100644
--- a/app/[locale]/developers/local-environment/page.tsx
+++ b/app/[locale]/developers/local-environment/page.tsx
@@ -35,10 +35,104 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
   )
   const messages = pick(allMessages, requiredNamespaces)
 
+  const t = await getTranslations({
+    locale,
+    namespace: "page-developers-local-environment",
+  })
+
+  // JSON-LD structured data for the developers local environment page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": `https://ethereum.org/${locale}/developers/local-environment/`,
+    name: t("page-local-environment-setup-meta-title"),
+    description: t("page-local-environment-setup-meta-desc"),
+    url: `https://ethereum.org/${locale}/developers/local-environment/`,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: `https://ethereum.org/${locale}/`,
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: "Developers",
+          item: `https://ethereum.org/${locale}/developers/`,
+        },
+        {
+          "@type": "ListItem",
+          position: 3,
+          name: t("page-local-environment-setup-meta-title"),
+          item: `https://ethereum.org/${locale}/developers/local-environment/`,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "Ethereum Foundation",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
+  }
+
+  const developmentFrameworksJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "ItemList",
+    name: "Ethereum Development Frameworks",
+    description:
+      "Tools and frameworks for setting up local Ethereum development environments",
+    url: `https://ethereum.org/${locale}/developers/local-environment/`,
+    numberOfItems: frameworksListData.length,
+    itemListElement: frameworksListData.map((framework, index) => ({
+      "@type": "SoftwareApplication",
+      position: index + 1,
+      name: framework.name,
+      description: framework.description,
+      url: framework.url,
+      applicationCategory: "DeveloperApplication",
+      operatingSystem: ["Windows", "macOS", "Linux"],
+      author: {
+        "@type": "Organization",
+        name: framework.githubUrl || "Community",
+      },
+      downloadUrl: framework.url,
+      sameAs: framework.githubUrl,
+    })),
+    publisher: {
+      "@type": "Organization",
+      name: "Ethereum Foundation",
+      url: "https://ethereum.org",
+    },
+  }
+
   return (
-    <I18nProvider locale={locale} messages={messages}>
-      <LocalEnvironmentPage frameworksList={frameworksListData} />
-    </I18nProvider>
+    <>
+      <script
+        id="jsonld-webpage-local-environment"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(webPageJsonLd),
+        }}
+      />
+      <script
+        id="jsonld-frameworks-local-environment"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(developmentFrameworksJsonLd),
+        }}
+      />
+      <I18nProvider locale={locale} messages={messages}>
+        <LocalEnvironmentPage frameworksList={frameworksListData} />
+      </I18nProvider>
+    </>
   )
 }
 
diff --git a/app/[locale]/developers/page.tsx b/app/[locale]/developers/page.tsx
index 055ae54f0da..5dfcad6870f 100644
--- a/app/[locale]/developers/page.tsx
+++ b/app/[locale]/developers/page.tsx
@@ -141,485 +141,576 @@ const DevelopersPage = async ({
 
   const hackathons = (await getHackathons()).slice(0, 5)
 
+  // JSON-LD structured data for the developers page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": `https://ethereum.org/${locale}/developers/`,
+    name: t("page-developer-meta-title"),
+    description: t("page-developers-meta-desc"),
+    url: `https://ethereum.org/${locale}/developers/`,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: `https://ethereum.org/${locale}/`,
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: tCommon("developers"),
+          item: `https://ethereum.org/${locale}/developers/`,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "Ethereum Foundation",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
+  }
+
+  const learningResourcesJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "ItemList",
+    name: "Ethereum Developer Resources",
+    description:
+      "Comprehensive resources for building on Ethereum including tutorials, tools, documentation, and courses",
+    url: `https://ethereum.org/${locale}/developers/`,
+    numberOfItems: paths.length + courses.length + hackathons.length,
+    itemListElement: [
+      ...paths.map((path, index) => ({
+        "@type": "ListItem",
+        position: index + 1,
+        name: path.title,
+        description: path.description,
+        url: path.href,
+      })),
+      ...courses.slice(0, 5).map((course, index) => ({
+        "@type": "ListItem",
+        position: paths.length + index + 1,
+        name: course.title,
+        description: course.description,
+        url: course.href,
+      })),
+      ...hackathons.map((hackathon, index) => ({
+        "@type": "ListItem",
+        position: paths.length + courses.length + index + 1,
+        name: hackathon.title,
+        description: hackathon.description,
+        url: hackathon.href,
+      })),
+    ],
+    publisher: {
+      "@type": "Organization",
+      name: "Ethereum Foundation",
+      url: "https://ethereum.org",
+    },
+  }
+
   return (
-    <VStack className="mx-auto my-0 w-full">
-      <HubHero
-        heroImg={heroImage}
-        header={`${t("page-developers-title-1")} ${t(
-          "page-developers-title-2"
-        )} ${t("page-developers-title-3")}`}
-        title={tCommon("developers")}
-        description={t("page-developers-subtitle")}
+    <>
+      <script
+        id="jsonld-webpage-developers"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(webPageJsonLd),
+        }}
       />
+      <script
+        id="jsonld-resources-developers"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(learningResourcesJsonLd),
+        }}
+      />
+      <VStack className="mx-auto my-0 w-full">
+        <HubHero
+          heroImg={heroImage}
+          header={`${t("page-developers-title-1")} ${t(
+            "page-developers-title-2"
+          )} ${t("page-developers-title-3")}`}
+          title={tCommon("developers")}
+          description={t("page-developers-subtitle")}
+        />
 
-      <MainArticle className="w-full space-y-12 px-8 py-4">
-        <Section id="build" className="space-y-4 py-10 md:py-12">
-          <h2>{t("page-developers-get-started")}</h2>
+        <MainArticle className="w-full space-y-12 px-8 py-4">
+          <Section id="build" className="space-y-4 py-10 md:py-12">
+            <h2>{t("page-developers-get-started")}</h2>
 
-          <p>{t("page-developers-build-section-desc")}</p>
-          {/* Desktop */}
-          <div className="grid gap-6 max-md:hidden md:grid-cols-2 lg:grid-cols-4">
-            {paths.map((path, idx) => (
-              <BuilderCard path={path} key={idx} />
-            ))}
+            <p>{t("page-developers-build-section-desc")}</p>
+            {/* Desktop */}
+            <div className="grid gap-6 max-md:hidden md:grid-cols-2 lg:grid-cols-4">
+              {paths.map((path, idx) => (
+                <BuilderCard path={path} key={idx} />
+              ))}
 
-            <SpeedRunCard {...speedRunDetails} />
-          </div>
+              <SpeedRunCard {...speedRunDetails} />
+            </div>
 
-          {/* Mobile */}
-          <div className="-mx-8 md:hidden">
-            <BuilderSwiper paths={paths} speedRunDetails={speedRunDetails} />
-          </div>
-        </Section>
-
-        <ABTestWrapper
-          testKey="2025-08-why-dev"
-          variants={[
-            <Fragment key="empty" />,
-            <Section
-              key="why-without-metrics"
-              id="why"
-              className={cn(
-                "grid grid-cols-1 gap-6 md:gap-10 lg:grid-cols-2",
-                "-mx-8 w-screen max-w-screen-2xl items-center bg-background-highlight px-8 py-10 md:py-20"
-              )}
-            >
-              <div className="space-y-4">
-                <h2>Create the internet you want to live in</h2>
-                <p>
-                  Ethereum is where you turn ideas into un-censorable systems
-                  that run anywhere, forever. Build apps, money, and communities
-                  that answer to no one but their users.
+            {/* Mobile */}
+            <div className="-mx-8 md:hidden">
+              <BuilderSwiper paths={paths} speedRunDetails={speedRunDetails} />
+            </div>
+          </Section>
+
+          <ABTestWrapper
+            testKey="2025-08-why-dev"
+            variants={[
+              <Fragment key="empty" />,
+              <Section
+                key="why-without-metrics"
+                id="why"
+                className={cn(
+                  "grid grid-cols-1 gap-6 md:gap-10 lg:grid-cols-2",
+                  "-mx-8 w-screen max-w-screen-2xl items-center bg-background-highlight px-8 py-10 md:py-20"
+                )}
+              >
+                <div className="space-y-4">
+                  <h2>Create the internet you want to live in</h2>
+                  <p>
+                    Ethereum is where you turn ideas into un-censorable systems
+                    that run anywhere, forever. Build apps, money, and
+                    communities that answer to no one but their users.
+                  </p>
+                </div>
+                <WhyGrid />
+              </Section>,
+              <Section
+                key="why-with-metrics"
+                id="why"
+                className={cn(
+                  "grid grid-cols-1 gap-6 md:gap-10 lg:grid-cols-2",
+                  "-mx-8 w-screen max-w-screen-2xl items-center bg-background-highlight px-8 py-10 md:py-20"
+                )}
+              >
+                <div className="space-y-4">
+                  <h2>Get paid well. Stay remote. Build the future.</h2>
+                  <p>
+                    Over half of blockchain careers are remote-first with some
+                    estimates putting the number as high as 70%.
+                  </p>
+                  <div className="flex flex-wrap gap-x-6 md:gap-x-8">
+                    <BigNumber
+                      variant="light"
+                      value="$93 - 169K"
+                      sourceName="Glassdoor"
+                      sourceUrl="https://www.glassdoor.com/Salaries/developer-salary-SRCH_KO0%2C9.htm"
+                      lastUpdated="2025-04-10T12:00:00Z"
+                    >
+                      Avg developer salary
+                    </BigNumber>
+                    <BigNumber
+                      variant="light"
+                      value="$80 - 255K"
+                      sourceName="Web3 Jobs"
+                      sourceUrl="https://web3.career/web3-salaries/united-states"
+                      lastUpdated="2025-08-01T12:00:00Z"
+                    >
+                      Avg salary in blockchain industry
+                    </BigNumber>
+                  </div>
+                </div>
+                <WhyGrid />
+              </Section>,
+            ]}
+          />
+
+          <Section
+            id="resources"
+            className={cn(
+              "grid grid-cols-1 gap-6 md:grid-cols-2 md:gap-8",
+              "-mx-8 w-screen max-w-screen-2xl bg-background-highlight px-8 py-10 md:py-20"
+            )}
+          >
+            <h2 className="sr-only">
+              {t("page-developers-resources-section-title")}
+            </h2>
+
+            {/* Quickstart your idea */}
+            <Card className="!space-y-8 break-words bg-background px-6 py-8 md:space-y-6 lg:p-8">
+              <Image
+                src={scaffoldDebugScreenshot}
+                alt="Scaffold-ETH 2 debug screenshot"
+                sizes={`(max-width: ${screens.sm}) 100vw, calc(50vw - 14rem)`}
+                className="h-56 object-cover"
+              />
+              <div>
+                <h3>{t("page-developers-jump-right-in-title")}</h3>
+                <p className="text-sm text-body-medium">
+                  {t("page-developers-quickstart-scaffold-subtext")}{" "}
+                  <Link
+                    href="https://docs.scaffoldeth.io/"
+                    customEventOptions={{
+                      eventCategory: "mid_boxes",
+                      eventAction: "click",
+                      eventName: "scaffold-docs",
+                    }}
+                    rel="noopener"
+                  >
+                    {t("page-developers-quickstart-scaffold-docs")}
+                  </Link>
                 </p>
               </div>
-              <WhyGrid />
-            </Section>,
-            <Section
-              key="why-with-metrics"
-              id="why"
-              className={cn(
-                "grid grid-cols-1 gap-6 md:gap-10 lg:grid-cols-2",
-                "-mx-8 w-screen max-w-screen-2xl items-center bg-background-highlight px-8 py-10 md:py-20"
-              )}
-            >
-              <div className="space-y-4">
-                <h2>Get paid well. Stay remote. Build the future.</h2>
-                <p>
-                  Over half of blockchain careers are remote-first with some
-                  estimates putting the number as high as 70%.
-                </p>
-                <div className="flex flex-wrap gap-x-6 md:gap-x-8">
-                  <BigNumber
-                    variant="light"
-                    value="$93 - 169K"
-                    sourceName="Glassdoor"
-                    sourceUrl="https://www.glassdoor.com/Salaries/developer-salary-SRCH_KO0%2C9.htm"
-                    lastUpdated="2025-04-10T12:00:00Z"
-                  >
-                    Avg developer salary
-                  </BigNumber>
-                  <BigNumber
-                    variant="light"
-                    value="$80 - 255K"
-                    sourceName="Web3 Jobs"
-                    sourceUrl="https://web3.career/web3-salaries/united-states"
-                    lastUpdated="2025-08-01T12:00:00Z"
-                  >
-                    Avg salary in blockchain industry
-                  </BigNumber>
-                </div>
+              <div className="flex items-center rounded-lg border bg-background px-3 py-1">
+                <span className="flex-1 font-mono text-sm">
+                  npx create-eth@latest
+                </span>
+                <CopyButton
+                  message="npx create-eth@latest"
+                  size="sm"
+                  customEventOptions={{
+                    eventCategory: "mid_boxes",
+                    eventAction: "click",
+                    eventName: "scaffold-npx-copy",
+                  }}
+                />
               </div>
-              <WhyGrid />
-            </Section>,
-          ]}
-        />
 
-        <Section
-          id="resources"
-          className={cn(
-            "grid grid-cols-1 gap-6 md:grid-cols-2 md:gap-8",
-            "-mx-8 w-screen max-w-screen-2xl bg-background-highlight px-8 py-10 md:py-20"
-          )}
-        >
-          <h2 className="sr-only">
-            {t("page-developers-resources-section-title")}
-          </h2>
-
-          {/* Quickstart your idea */}
-          <Card className="!space-y-8 break-words bg-background px-6 py-8 md:space-y-6 lg:p-8">
-            <Image
-              src={scaffoldDebugScreenshot}
-              alt="Scaffold-ETH 2 debug screenshot"
-              sizes={`(max-width: ${screens.sm}) 100vw, calc(50vw - 14rem)`}
-              className="h-56 object-cover"
-            />
-            <div>
-              <h3>{t("page-developers-jump-right-in-title")}</h3>
-              <p className="text-sm text-body-medium">
-                {t("page-developers-quickstart-scaffold-subtext")}{" "}
+              <div>
                 <Link
-                  href="https://docs.scaffoldeth.io/"
+                  href="https://docs.scaffoldeth.io/llms-full.txt"
                   customEventOptions={{
                     eventCategory: "mid_boxes",
                     eventAction: "click",
-                    eventName: "scaffold-docs",
+                    eventName: "scaffold-llms-full",
                   }}
-                  rel="noopener"
                 >
-                  {t("page-developers-quickstart-scaffold-docs")}
+                  Scaffold-ETH 2 <code>llms-full.txt</code>
                 </Link>
-              </p>
-            </div>
-            <div className="flex items-center rounded-lg border bg-background px-3 py-1">
-              <span className="flex-1 font-mono text-sm">
-                npx create-eth@latest
-              </span>
-              <CopyButton
-                message="npx create-eth@latest"
-                size="sm"
-                customEventOptions={{
-                  eventCategory: "mid_boxes",
-                  eventAction: "click",
-                  eventName: "scaffold-npx-copy",
-                }}
-              />
-            </div>
+              </div>
+            </Card>
 
-            <div>
-              <Link
-                href="https://docs.scaffoldeth.io/llms-full.txt"
-                customEventOptions={{
-                  eventCategory: "mid_boxes",
-                  eventAction: "click",
-                  eventName: "scaffold-llms-full",
-                }}
-              >
-                Scaffold-ETH 2 <code>llms-full.txt</code>
-              </Link>
-            </div>
-          </Card>
-
-          {/* Get help */}
-          <Card className="!space-y-8 break-words bg-background px-6 py-8 md:space-y-6 lg:p-8">
-            <Image
-              src={stackExchangeScreenshot}
-              alt="Ethereum Stack Exchange screenshot"
-              sizes={`(max-width: ${screens.sm}) 100vw, calc(50vw - 14rem)`}
-              className="max-h-56 w-full object-cover object-top"
-            />
-            <div>
-              <h3>{t("page-developers-get-help-title")}</h3>
-              <p className="text-sm text-body-medium">
-                {t("page-developers-get-help-desc")}
-              </p>
-            </div>
+            {/* Get help */}
+            <Card className="!space-y-8 break-words bg-background px-6 py-8 md:space-y-6 lg:p-8">
+              <Image
+                src={stackExchangeScreenshot}
+                alt="Ethereum Stack Exchange screenshot"
+                sizes={`(max-width: ${screens.sm}) 100vw, calc(50vw - 14rem)`}
+                className="max-h-56 w-full object-cover object-top"
+              />
+              <div>
+                <h3>{t("page-developers-get-help-title")}</h3>
+                <p className="text-sm text-body-medium">
+                  {t("page-developers-get-help-desc")}
+                </p>
+              </div>
 
-            <div className="flex items-center gap-6">
-              <ButtonLink
-                variant="outline"
-                isSecondary
-                href="https://ethereum.stackexchange.com/"
-                customEventOptions={{
-                  eventCategory: "mid_boxes",
-                  eventAction: "click",
-                  eventName: "stack-exchange",
-                }}
-              >
-                {t("page-developers-stack-exchange")}
-              </ButtonLink>
-              {/* <ButtonLink
+              <div className="flex items-center gap-6">
+                <ButtonLink
+                  variant="outline"
+                  isSecondary
+                  href="https://ethereum.stackexchange.com/"
+                  customEventOptions={{
+                    eventCategory: "mid_boxes",
+                    eventAction: "click",
+                    eventName: "stack-exchange",
+                  }}
+                >
+                  {t("page-developers-stack-exchange")}
+                </ButtonLink>
+                {/* <ButtonLink
                 variant="glow"
                 href="#some-magical-AI-link"
                 className="text-body"
                 >
                 {t("page-developers-ask-ai")}
                 </ButtonLink> */}
-            </div>
-          </Card>
-
-          {/* Resources */}
-          <Card className="!space-y-8 break-words bg-background px-6 py-8 md:space-y-6 lg:p-8">
-            <Image
-              src={resourcesBanner}
-              alt="Banner showing four resource app icons"
-              sizes={`(max-width: ${screens.sm}) 100vw, calc(50vw - 14rem)`}
-              className="-my-2 max-h-60 w-full object-contain" // -my-2 accounts for image shadows
-            />
-            <div>
-              <h3>{t("page-developers-resources-title")}</h3>
-              <p className="text-sm text-body-medium">
-                {t("page-developers-resources-desc")}
-              </p>
-            </div>
-
-            <div className="flex items-center gap-6">
-              <ButtonLink
-                variant="outline"
-                isSecondary
-                href="/developers/learning-tools/"
-                customEventOptions={{
-                  eventCategory: "mid_boxes",
-                  eventAction: "click",
-                  eventName: "play-with-code",
-                }}
-              >
-                {t("page-developers-play-code")}
-              </ButtonLink>
-            </div>
-          </Card>
-
-          {/* Tutorials */}
-          <Card className="!space-y-8 break-words bg-background px-6 py-8 md:space-y-6 lg:p-8">
-            <Image
-              src={tutorialTagsBanner}
-              alt="Banner displaying multiple learning topics in a tag cloud"
-              sizes={`(max-width: ${screens.sm}) 100vw, calc(50vw - 14rem)`}
-              className="max-h-56 w-full object-contain"
-            />
-            <div>
-              <h3>{t("page-developers-tutorials-title")}</h3>
-              <p className="text-sm text-body-medium">
-                {t("page-developers-tutorials-desc")}
-              </p>
-            </div>
-
-            <div className="flex items-center gap-6">
-              <ButtonLink
-                variant="outline"
-                isSecondary
-                href="/developers/tutorials/"
-                customEventOptions={{
-                  eventCategory: "mid_boxes",
-                  eventAction: "click",
-                  eventName: "view-tutorials",
-                }}
-              >
-                {t("page-developers-learn-tutorials-cta")}
-              </ButtonLink>
-            </div>
-          </Card>
-        </Section>
-
-        <Section id="courses" className="space-y-4 py-6">
-          <h2>{t("page-developers-video-courses-title")}</h2>
-          <p>{t("page-developers-video-courses-desc")}</p>
-
-          {/* DESKTOP */}
-          <Scroller>
-            {courses.map((course, idx) => (
-              <VideoCourseCard
-                key={idx}
-                course={course}
-                className="w-[20%] max-w-[271px] flex-1 max-2xl:min-w-[20rem] xl:w-full"
-              />
-            ))}
-          </Scroller>
-
-          {/* MOBILE */}
-          <div className="w-screen max-xl:-ms-8 sm:hidden xl:w-full">
-            <VideoCourseSwiper courses={courses} />
-          </div>
-        </Section>
-
-        <Section
-          id="docs"
-          className={cn(
-            "shadow-table-item-box",
-            "-mx-8 w-screen max-w-screen-2xl bg-background-highlight px-8 py-10 md:py-20"
-          )}
-        >
-          <div className="w-full scroll-mt-24 px-8 py-4">
-            <h2>{t("page-developers-explore-documentation")}</h2>
-            <p>{t("page-developers-docs-section-desc")}</p>
-          </div>
+              </div>
+            </Card>
 
-          <div className="flex flex-col items-start justify-between px-8 py-0 lg:flex-row">
-            <Column>
-              <H3>{t("page-developers-docs-introductions")}</H3>
-              <InlineLink href="/developers/docs/intro-to-ethereum/">
-                {t("page-developers-intro-eth-link")}
-              </InlineLink>
-              <Text>{t("page-developers-into-eth-desc")}</Text>
-
-              <InlineLink href="/developers/docs/intro-to-ether/">
-                {t("page-developers-intro-ether-link")}
-              </InlineLink>
-              <Text>{t("page-developers-intro-ether-desc")}</Text>
-
-              <InlineLink href="/developers/docs/dapps/">
-                {t("page-developers-intro-dapps-link")}
-              </InlineLink>
-              <Text>{t("page-developers-intro-dapps-desc")}</Text>
-
-              <InlineLink href="/developers/docs/ethereum-stack/">
-                {t("page-developers-intro-stack")}
-              </InlineLink>
-              <Text>{t("page-developers-intro-stack-desc")}</Text>
-
-              <InlineLink href="/developers/docs/web2-vs-web3/">
-                {t("page-developers-web3-link")}
-              </InlineLink>
-              <Text>{t("page-developers-web3-desc")}</Text>
-
-              <InlineLink href="/developers/docs/programming-languages/">
-                {t("page-developers-languages")}
-              </InlineLink>
-              <Text>{t("page-developers-language-desc")}</Text>
+            {/* Resources */}
+            <Card className="!space-y-8 break-words bg-background px-6 py-8 md:space-y-6 lg:p-8">
               <Image
-                className="mt-16 hidden max-w-[400px] lg:block"
-                src={dogeImage}
-                alt={t("page-assets-doge")}
+                src={resourcesBanner}
+                alt="Banner showing four resource app icons"
+                sizes={`(max-width: ${screens.sm}) 100vw, calc(50vw - 14rem)`}
+                className="-my-2 max-h-60 w-full object-contain" // -my-2 accounts for image shadows
               />
-            </Column>
-            <Column>
-              <H3>{t("page-developers-fundamentals")}</H3>
-              <InlineLink href="/developers/docs/accounts/">
-                {t("page-developers-accounts-link")}
-              </InlineLink>
-              <Text>{t("page-developers-account-desc")}</Text>
-
-              <InlineLink href="/developers/docs/transactions/">
-                {t("page-developers-transactions-link")}
-              </InlineLink>
-              <Text>{t("page-developers-transactions-desc")}</Text>
-
-              <InlineLink href="/developers/docs/blocks/">
-                {t("page-developers-blocks-link")}
-              </InlineLink>
-              <Text>{t("page-developers-block-desc")}</Text>
-
-              <InlineLink href="/developers/docs/evm/">
-                {t("page-developers-evm-link")}
-              </InlineLink>
-              <Text>{t("page-developers-evm-desc")}</Text>
-
-              <InlineLink href="/developers/docs/gas/">
-                {t("page-developers-gas-link")}
-              </InlineLink>
-              <Text>{t("page-developers-gas-desc")}</Text>
-
-              <InlineLink href="/developers/docs/nodes-and-clients/">
-                {t("page-developers-node-clients-link")}
-              </InlineLink>
-              <Text>{t("page-developers-node-clients-desc")}</Text>
-
-              <InlineLink href="/developers/docs/networks/">
-                {t("page-developers-networks-link")}
-              </InlineLink>
-              <Text>{t("page-developers-networks-desc")}</Text>
-            </Column>
-            <RightColumn>
-              <H3>{t("page-developers-stack")}</H3>
-              <InlineLink href="/developers/docs/smart-contracts/">
-                {t("page-developers-smart-contracts-link")}
-              </InlineLink>
-              <Text>{t("page-developers-smart-contracts-desc")}</Text>
-              <InlineLink href="/developers/docs/frameworks/">
-                {t("page-developers-frameworks-link")}
-              </InlineLink>
-              <Text>{t("page-developers-frameworks-desc")}</Text>
-              <InlineLink href="/developers/docs/apis/javascript/">
-                {t("page-developers-js-libraries-link")}
-              </InlineLink>
-              <Text>{t("page-developers-js-libraries-desc")}</Text>
-              <InlineLink href="/developers/docs/apis/backend/">
-                {t("page-developers-api-link")}
-              </InlineLink>
-              <Text>{t("page-developers-api-desc")}</Text>
-              <InlineLink href="/developers/docs/data-and-analytics/block-explorers/">
-                {t("page-developers-block-explorers-link")}
-              </InlineLink>
-              <Text>{t("page-developers-block-explorers-desc")}</Text>
-              <InlineLink href="/developers/docs/smart-contracts/security/">
-                {t("page-developers-smart-contract-security-link")}
-              </InlineLink>
-              <Text>{t("page-developers-smart-contract-security-desc")}</Text>
-              <InlineLink href="/developers/docs/storage/">
-                {t("page-developers-storage-link")}
-              </InlineLink>
-              <Text>{t("page-developers-storage-desc")}</Text>
-              <InlineLink href="/developers/docs/ides/">
-                {t("page-developers-dev-env-link")}
-              </InlineLink>
-              <Text>{t("page-developers-dev-env-desc")}</Text>
-            </RightColumn>
-          </div>
-        </Section>
-
-        <Section id="hackathons" className="space-y-4 py-10 md:py-12">
-          <h2>{t("page-developers-hackathons-title")}</h2>
-          <p>{t("page-developers-hackathons-desc")}</p>
-
-          {/* DESKTOP */}
-          <Scroller>
-            {hackathons.map((event, idx) => (
-              <HackathonCard key={idx} event={event} className="flex-1" />
-            ))}
-          </Scroller>
-          {/* MOBILE */}
-          <div className="-mx-8 sm:hidden">
-            <HackathonSwiper events={hackathons} />
-          </div>
-
-          <div className="flex justify-center">
-            <ButtonLink
-              href="https://ethglobal.com/"
-              customEventOptions={{
-                eventCategory: "hackathons",
-                eventAction: "click",
-                eventName: "visit-ethglobal",
-              }}
-            >
-              {t("page-developers-visit-ethglobal")}
-            </ButtonLink>
-          </div>
-        </Section>
-
-        <Section id="founders" className="py-10 md:py-12">
-          <div
-            className={cn(
-              "mx-auto max-w-screen-lg",
-              "before:absolute before:-inset-px before:bottom-0 before:z-hide before:rounded-[calc(theme(borderRadius.4xl)+1px)] before:content-['']", // Border/gradient positioning
-              "before:bg-gradient-to-b before:from-primary-hover/[0.24] before:to-primary-hover/[0.08] before:dark:from-primary-hover/40 before:dark:to-primary-hover/20", // Border/gradient coloring
-              "relative inset-0 rounded-4xl bg-background" // Paint background color over card portion
-            )}
-          >
-            <div className="mb-12 flex flex-col items-center gap-y-8 rounded-4xl bg-radial-a px-8 py-12 lg:mb-32 xl:mb-36">
-              <div className="flex flex-col gap-y-4 text-center">
-                <h2>{t("page-developers-founders-title")}</h2>
-                <p>{t("page-developers-founders-desc")}</p>
+              <div>
+                <h3>{t("page-developers-resources-title")}</h3>
+                <p className="text-sm text-body-medium">
+                  {t("page-developers-resources-desc")}
+                </p>
               </div>
-              <div className="flex flex-wrap justify-center gap-4 text-center">
+
+              <div className="flex items-center gap-6">
                 <ButtonLink
-                  href="mailto:founders@ethereum.org?subject=Founder%20inquiry"
+                  variant="outline"
+                  isSecondary
+                  href="/developers/learning-tools/"
                   customEventOptions={{
-                    eventCategory: "founders",
+                    eventCategory: "mid_boxes",
                     eventAction: "click",
-                    eventName: "email",
+                    eventName: "play-with-code",
                   }}
                 >
-                  {t("page-developers-get-in-touch")}
+                  {t("page-developers-play-code")}
                 </ButtonLink>
+              </div>
+            </Card>
+
+            {/* Tutorials */}
+            <Card className="!space-y-8 break-words bg-background px-6 py-8 md:space-y-6 lg:p-8">
+              <Image
+                src={tutorialTagsBanner}
+                alt="Banner displaying multiple learning topics in a tag cloud"
+                sizes={`(max-width: ${screens.sm}) 100vw, calc(50vw - 14rem)`}
+                className="max-h-56 w-full object-contain"
+              />
+              <div>
+                <h3>{t("page-developers-tutorials-title")}</h3>
+                <p className="text-sm text-body-medium">
+                  {t("page-developers-tutorials-desc")}
+                </p>
+              </div>
+
+              <div className="flex items-center gap-6">
                 <ButtonLink
-                  href="/community/grants/"
-                  isSecondary
                   variant="outline"
+                  isSecondary
+                  href="/developers/tutorials/"
                   customEventOptions={{
-                    eventCategory: "founders",
+                    eventCategory: "mid_boxes",
                     eventAction: "click",
-                    eventName: "grant-options",
+                    eventName: "view-tutorials",
                   }}
                 >
-                  {t("page-developers-see-grant-options")}
+                  {t("page-developers-learn-tutorials-cta")}
                 </ButtonLink>
               </div>
+            </Card>
+          </Section>
+
+          <Section id="courses" className="space-y-4 py-6">
+            <h2>{t("page-developers-video-courses-title")}</h2>
+            <p>{t("page-developers-video-courses-desc")}</p>
+
+            {/* DESKTOP */}
+            <Scroller>
+              {courses.map((course, idx) => (
+                <VideoCourseCard
+                  key={idx}
+                  course={course}
+                  className="w-[20%] max-w-[271px] flex-1 max-2xl:min-w-[20rem] xl:w-full"
+                />
+              ))}
+            </Scroller>
+
+            {/* MOBILE */}
+            <div className="w-screen max-xl:-ms-8 sm:hidden xl:w-full">
+              <VideoCourseSwiper courses={courses} />
             </div>
-          </div>
-        </Section>
-      </MainArticle>
+          </Section>
+
+          <Section
+            id="docs"
+            className={cn(
+              "shadow-table-item-box",
+              "-mx-8 w-screen max-w-screen-2xl bg-background-highlight px-8 py-10 md:py-20"
+            )}
+          >
+            <div className="w-full scroll-mt-24 px-8 py-4">
+              <h2>{t("page-developers-explore-documentation")}</h2>
+              <p>{t("page-developers-docs-section-desc")}</p>
+            </div>
+
+            <div className="flex flex-col items-start justify-between px-8 py-0 lg:flex-row">
+              <Column>
+                <H3>{t("page-developers-docs-introductions")}</H3>
+                <InlineLink href="/developers/docs/intro-to-ethereum/">
+                  {t("page-developers-intro-eth-link")}
+                </InlineLink>
+                <Text>{t("page-developers-into-eth-desc")}</Text>
+
+                <InlineLink href="/developers/docs/intro-to-ether/">
+                  {t("page-developers-intro-ether-link")}
+                </InlineLink>
+                <Text>{t("page-developers-intro-ether-desc")}</Text>
+
+                <InlineLink href="/developers/docs/dapps/">
+                  {t("page-developers-intro-dapps-link")}
+                </InlineLink>
+                <Text>{t("page-developers-intro-dapps-desc")}</Text>
+
+                <InlineLink href="/developers/docs/ethereum-stack/">
+                  {t("page-developers-intro-stack")}
+                </InlineLink>
+                <Text>{t("page-developers-intro-stack-desc")}</Text>
+
+                <InlineLink href="/developers/docs/web2-vs-web3/">
+                  {t("page-developers-web3-link")}
+                </InlineLink>
+                <Text>{t("page-developers-web3-desc")}</Text>
+
+                <InlineLink href="/developers/docs/programming-languages/">
+                  {t("page-developers-languages")}
+                </InlineLink>
+                <Text>{t("page-developers-language-desc")}</Text>
+                <Image
+                  className="mt-16 hidden max-w-[400px] lg:block"
+                  src={dogeImage}
+                  alt={t("page-assets-doge")}
+                />
+              </Column>
+              <Column>
+                <H3>{t("page-developers-fundamentals")}</H3>
+                <InlineLink href="/developers/docs/accounts/">
+                  {t("page-developers-accounts-link")}
+                </InlineLink>
+                <Text>{t("page-developers-account-desc")}</Text>
+
+                <InlineLink href="/developers/docs/transactions/">
+                  {t("page-developers-transactions-link")}
+                </InlineLink>
+                <Text>{t("page-developers-transactions-desc")}</Text>
+
+                <InlineLink href="/developers/docs/blocks/">
+                  {t("page-developers-blocks-link")}
+                </InlineLink>
+                <Text>{t("page-developers-block-desc")}</Text>
+
+                <InlineLink href="/developers/docs/evm/">
+                  {t("page-developers-evm-link")}
+                </InlineLink>
+                <Text>{t("page-developers-evm-desc")}</Text>
+
+                <InlineLink href="/developers/docs/gas/">
+                  {t("page-developers-gas-link")}
+                </InlineLink>
+                <Text>{t("page-developers-gas-desc")}</Text>
+
+                <InlineLink href="/developers/docs/nodes-and-clients/">
+                  {t("page-developers-node-clients-link")}
+                </InlineLink>
+                <Text>{t("page-developers-node-clients-desc")}</Text>
+
+                <InlineLink href="/developers/docs/networks/">
+                  {t("page-developers-networks-link")}
+                </InlineLink>
+                <Text>{t("page-developers-networks-desc")}</Text>
+              </Column>
+              <RightColumn>
+                <H3>{t("page-developers-stack")}</H3>
+                <InlineLink href="/developers/docs/smart-contracts/">
+                  {t("page-developers-smart-contracts-link")}
+                </InlineLink>
+                <Text>{t("page-developers-smart-contracts-desc")}</Text>
+                <InlineLink href="/developers/docs/frameworks/">
+                  {t("page-developers-frameworks-link")}
+                </InlineLink>
+                <Text>{t("page-developers-frameworks-desc")}</Text>
+                <InlineLink href="/developers/docs/apis/javascript/">
+                  {t("page-developers-js-libraries-link")}
+                </InlineLink>
+                <Text>{t("page-developers-js-libraries-desc")}</Text>
+                <InlineLink href="/developers/docs/apis/backend/">
+                  {t("page-developers-api-link")}
+                </InlineLink>
+                <Text>{t("page-developers-api-desc")}</Text>
+                <InlineLink href="/developers/docs/data-and-analytics/block-explorers/">
+                  {t("page-developers-block-explorers-link")}
+                </InlineLink>
+                <Text>{t("page-developers-block-explorers-desc")}</Text>
+                <InlineLink href="/developers/docs/smart-contracts/security/">
+                  {t("page-developers-smart-contract-security-link")}
+                </InlineLink>
+                <Text>{t("page-developers-smart-contract-security-desc")}</Text>
+                <InlineLink href="/developers/docs/storage/">
+                  {t("page-developers-storage-link")}
+                </InlineLink>
+                <Text>{t("page-developers-storage-desc")}</Text>
+                <InlineLink href="/developers/docs/ides/">
+                  {t("page-developers-dev-env-link")}
+                </InlineLink>
+                <Text>{t("page-developers-dev-env-desc")}</Text>
+              </RightColumn>
+            </div>
+          </Section>
+
+          <Section id="hackathons" className="space-y-4 py-10 md:py-12">
+            <h2>{t("page-developers-hackathons-title")}</h2>
+            <p>{t("page-developers-hackathons-desc")}</p>
+
+            {/* DESKTOP */}
+            <Scroller>
+              {hackathons.map((event, idx) => (
+                <HackathonCard key={idx} event={event} className="flex-1" />
+              ))}
+            </Scroller>
+            {/* MOBILE */}
+            <div className="-mx-8 sm:hidden">
+              <HackathonSwiper events={hackathons} />
+            </div>
+
+            <div className="flex justify-center">
+              <ButtonLink
+                href="https://ethglobal.com/"
+                customEventOptions={{
+                  eventCategory: "hackathons",
+                  eventAction: "click",
+                  eventName: "visit-ethglobal",
+                }}
+              >
+                {t("page-developers-visit-ethglobal")}
+              </ButtonLink>
+            </div>
+          </Section>
+
+          <Section id="founders" className="py-10 md:py-12">
+            <div
+              className={cn(
+                "mx-auto max-w-screen-lg",
+                "before:absolute before:-inset-px before:bottom-0 before:z-hide before:rounded-[calc(theme(borderRadius.4xl)+1px)] before:content-['']", // Border/gradient positioning
+                "before:bg-gradient-to-b before:from-primary-hover/[0.24] before:to-primary-hover/[0.08] before:dark:from-primary-hover/40 before:dark:to-primary-hover/20", // Border/gradient coloring
+                "relative inset-0 rounded-4xl bg-background" // Paint background color over card portion
+              )}
+            >
+              <div className="mb-12 flex flex-col items-center gap-y-8 rounded-4xl bg-radial-a px-8 py-12 lg:mb-32 xl:mb-36">
+                <div className="flex flex-col gap-y-4 text-center">
+                  <h2>{t("page-developers-founders-title")}</h2>
+                  <p>{t("page-developers-founders-desc")}</p>
+                </div>
+                <div className="flex flex-wrap justify-center gap-4 text-center">
+                  <ButtonLink
+                    href="mailto:founders@ethereum.org?subject=Founder%20inquiry"
+                    customEventOptions={{
+                      eventCategory: "founders",
+                      eventAction: "click",
+                      eventName: "email",
+                    }}
+                  >
+                    {t("page-developers-get-in-touch")}
+                  </ButtonLink>
+                  <ButtonLink
+                    href="/community/grants/"
+                    isSecondary
+                    variant="outline"
+                    customEventOptions={{
+                      eventCategory: "founders",
+                      eventAction: "click",
+                      eventName: "grant-options",
+                    }}
+                  >
+                    {t("page-developers-see-grant-options")}
+                  </ButtonLink>
+                </div>
+              </div>
+            </div>
+          </Section>
+        </MainArticle>
 
-      <FeedbackCard />
-    </VStack>
+        <FeedbackCard />
+      </VStack>
+    </>
   )
 }
 
diff --git a/app/[locale]/developers/tutorials/page.tsx b/app/[locale]/developers/tutorials/page.tsx
index 2ffdb50a6f0..ff52aa5b8a7 100644
--- a/app/[locale]/developers/tutorials/page.tsx
+++ b/app/[locale]/developers/tutorials/page.tsx
@@ -65,26 +65,149 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
 
   const internalTutorials = await getTutorialsData(locale)
 
+  // JSON-LD structured data for the developers tutorials page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": `https://ethereum.org/${locale}/developers/tutorials/`,
+    name: t("page-tutorials-meta-title"),
+    description: t("page-tutorials-meta-description"),
+    url: `https://ethereum.org/${locale}/developers/tutorials/`,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: `https://ethereum.org/${locale}/`,
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: "Developers",
+          item: `https://ethereum.org/${locale}/developers/`,
+        },
+        {
+          "@type": "ListItem",
+          position: 3,
+          name: t("page-tutorial-title"),
+          item: `https://ethereum.org/${locale}/developers/tutorials/`,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "Ethereum Foundation",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
+  }
+
+  const tutorialCollectionJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "ItemList",
+    name: t("page-tutorial-title"),
+    description: t("page-tutorials-meta-description"),
+    url: `https://ethereum.org/${locale}/developers/tutorials/`,
+    numberOfItems: internalTutorials.length,
+    itemListElement: internalTutorials.slice(0, 10).map((tutorial, index) => ({
+      "@type": "ListItem",
+      position: index + 1,
+      name: tutorial.title,
+      description: tutorial.description,
+      url: tutorial.href,
+    })),
+    publisher: {
+      "@type": "Organization",
+      name: "Ethereum Foundation",
+      url: "https://ethereum.org",
+    },
+  }
+
+  const courseListJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "ItemList",
+    name: t("page-tutorial-title"),
+    description: t("page-tutorials-meta-description"),
+    url: `https://ethereum.org/${locale}/developers/tutorials/`,
+    numberOfItems: internalTutorials.length,
+    itemListElement: internalTutorials.slice(0, 10).map((tutorial, index) => ({
+      "@type": "Course",
+      name: tutorial.title,
+      description: tutorial.description,
+      url: tutorial.href,
+      provider: {
+        "@type": "Organization",
+        name: "Ethereum Foundation",
+        url: "https://ethereum.org",
+      },
+      courseMode: "online",
+      educationalLevel: "beginner-intermediate",
+      inLanguage: locale,
+      isAccessibleForFree: true,
+      about: [
+        "Ethereum Development",
+        "Smart Contracts",
+        "Blockchain Programming",
+        "Web3",
+      ],
+      position: index + 1,
+    })),
+    publisher: {
+      "@type": "Organization",
+      name: "Ethereum Foundation",
+      url: "https://ethereum.org",
+    },
+  }
+
   return (
-    <I18nProvider locale={locale} messages={messages}>
-      <MainArticle
-        className="mx-auto my-0 mt-16 flex w-full flex-col items-center"
-        dir={dir}
-      >
-        <h1 className="no-italic mb-4 text-center font-monospace text-[2rem] font-semibold uppercase leading-[1.4] max-sm:mx-4 max-sm:mt-4 sm:mb-[1.625rem]">
-          {t("page-tutorial-title")}
-        </h1>
-        <p className="mb-4 text-center leading-xs text-body-medium">
-          {t("page-tutorial-subtitle")}
-        </p>
-
-        <TutorialSubmitModal dir={dir} />
-
-        <TutorialsList internalTutorials={internalTutorials} />
-
-        <FeedbackCard />
-      </MainArticle>
-    </I18nProvider>
+    <>
+      <script
+        id="jsonld-webpage-tutorials"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(webPageJsonLd),
+        }}
+      />
+      <script
+        id="jsonld-collection-tutorials"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(tutorialCollectionJsonLd),
+        }}
+      />
+      <script
+        id="jsonld-courselist-tutorials"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(courseListJsonLd),
+        }}
+      />
+      <I18nProvider locale={locale} messages={messages}>
+        <MainArticle
+          className="mx-auto my-0 mt-16 flex w-full flex-col items-center"
+          dir={dir}
+        >
+          <h1 className="no-italic mb-4 text-center font-monospace text-[2rem] font-semibold uppercase leading-[1.4] max-sm:mx-4 max-sm:mt-4 sm:mb-[1.625rem]">
+            {t("page-tutorial-title")}
+          </h1>
+          <p className="mb-4 text-center leading-xs text-body-medium">
+            {t("page-tutorial-subtitle")}
+          </p>
+
+          <TutorialSubmitModal dir={dir} />
+
+          <TutorialsList internalTutorials={internalTutorials} />
+
+          <FeedbackCard />
+        </MainArticle>
+      </I18nProvider>
+    </>
   )
 }
 

From 9a56cd5971de20984eb2d09b1a993c863a6c9fdb Mon Sep 17 00:00:00 2001
From: Corwin Smith <cssmittys@gmail.com>
Date: Thu, 4 Sep 2025 15:17:40 -0600
Subject: [PATCH 09/41] feat: add JSON-LD structured data for the enterprise
 page, including metadata, breadcrumb navigation, and publisher information

---
 app/[locale]/enterprise/page.tsx | 536 +++++++++++++++++--------------
 1 file changed, 292 insertions(+), 244 deletions(-)

diff --git a/app/[locale]/enterprise/page.tsx b/app/[locale]/enterprise/page.tsx
index bf994523c5e..743dccbe410 100644
--- a/app/[locale]/enterprise/page.tsx
+++ b/app/[locale]/enterprise/page.tsx
@@ -238,6 +238,43 @@ const Page = async ({ params }: { params: { locale: Lang } }) => {
     },
   ]
 
+  // JSON-LD structured data for the enterprise page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": `https://ethereum.org/${locale}/enterprise/`,
+    name: t("page-enterprise-hero-title"),
+    description: t("page-enterprise-metadata-description"),
+    url: `https://ethereum.org/${locale}/enterprise/`,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: `https://ethereum.org/${locale}/`,
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: t("page-enterprise-hero-breadcrumb"),
+          item: `https://ethereum.org/${locale}/enterprise/`,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "Ethereum Foundation",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
+  }
+
   const players: EcosystemPlayer[] = [
     { name: "Adidas", Logo: Adidas, className: "scale-105 origin-bottom" },
     { name: "Azure", Logo: Azure, className: "-translate-y-1" },
@@ -291,263 +328,274 @@ const Page = async ({ params }: { params: { locale: Lang } }) => {
   ]
 
   return (
-    <div className="mb-12 space-y-12 md:mb-20 md:space-y-20">
-      <HubHero
-        header={t("page-enterprise-hero-title")}
-        description={t("page-enterprise-hero-subtitle")}
-        title={t("page-enterprise-hero-breadcrumb")}
-        heroImg={heroImage}
-        buttons={[
-          {
-            content: t("page-enterprise-hero-cta"),
-            href: `#${GET_IN_TOUCH_ID}`,
-            matomo: {
-              eventCategory: "enterprise",
-              eventAction: "CTA",
-              eventName: "header_cta",
-            },
-          },
-        ]}
-        className="[&_[data-label='breadcrumb']]:xl:text-body-light [&_[data-label='hero-content']]:xl:bg-accent-a [&_[data-label='hero-content']]:xl:text-background xl:[&_a:hover]:bg-accent-a-hover xl:[&_a:hover]:!text-background [&_a]:font-bold [&_a]:xl:bg-background [&_a]:xl:text-accent-a [&_img]:opacity-75 [&_img]:dark:invert"
+    <>
+      <script
+        id="jsonld-webpage-enterprise"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(webPageJsonLd),
+        }}
       />
+      <div className="mb-12 space-y-12 md:mb-20 md:space-y-20">
+        <HubHero
+          header={t("page-enterprise-hero-title")}
+          description={t("page-enterprise-hero-subtitle")}
+          title={t("page-enterprise-hero-breadcrumb")}
+          heroImg={heroImage}
+          buttons={[
+            {
+              content: t("page-enterprise-hero-cta"),
+              href: `#${GET_IN_TOUCH_ID}`,
+              matomo: {
+                eventCategory: "enterprise",
+                eventAction: "CTA",
+                eventName: "header_cta",
+              },
+            },
+          ]}
+          className="[&_[data-label='breadcrumb']]:xl:text-body-light [&_[data-label='hero-content']]:xl:bg-accent-a [&_[data-label='hero-content']]:xl:text-background xl:[&_a:hover]:bg-accent-a-hover xl:[&_a:hover]:!text-background [&_a]:font-bold [&_a]:xl:bg-background [&_a]:xl:text-accent-a [&_img]:opacity-75 [&_img]:dark:invert"
+        />
 
-      <MainArticle className="space-y-12 px-4 md:space-y-20 md:px-10">
-        <section
-          id="activity"
-          className="flex flex-col justify-between gap-6 xl:flex-row"
-        >
-          <div className="max-w-prose space-y-4">
-            <h2>{t("page-enterprise-metrics-header")}</h2>
-            <p>
-              <Translation
-                id="page-enterprise-metrics-subtext"
-                ns="page-enterprise"
-              />
-            </p>
-          </div>
-
-          <ActivityStats
-            metrics={metrics}
-            className={cn(
-              "w-fit max-w-xl shrink-0 grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-[auto,auto,auto,auto] xl:grid-cols-2",
-              "[&_[data-label='big-number']]:border-none [&_[data-label='big-number']]:p-0",
-              "[&_[data-label='big-number']:nth-of-type(1)_[data-label='value']]:text-accent-a",
-              "[&_[data-label='big-number']:nth-of-type(2)_[data-label='value']]:text-accent-b",
-              "[&_[data-label='big-number']:nth-of-type(3)_[data-label='value']]:text-accent-c",
-              "[&_[data-label='big-number']:nth-of-type(4)_[data-label='value']]:text-primary"
-            )}
-          />
-        </section>
-
-        <section id="features">
-          <h2 className="sr-only">{t("page-enterprise-features-header")}</h2>
-
-          <div className="-mx-4 -my-6 flex py-6 md:hidden">
-            <FeaturesSwiper features={features} />
-          </div>
-
-          <div className="grid grid-cols-1 gap-2 max-md:hidden sm:grid-cols-2 md:gap-6 xl:grid-cols-4">
-            {features.map((feature) => (
-              <FeatureCard
-                key={feature.header}
-                feature={feature}
-                className="h-full"
-              />
-            ))}
-          </div>
-        </section>
-
-        <section
-          id="ecosystem"
-          className="flex w-full flex-col items-center gap-y-12 rounded-t-4xl bg-radial-b px-4 py-10 md:rounded-t-[4rem] md:py-12"
-        >
-          <div className="max-w-prose space-y-4">
-            <h2 className="max-w-prose text-center text-4xl font-black md:text-5xl">
-              {t("page-enterprise-ecosystem-header")}
-            </h2>
-            <p className="max-w-prose text-center">
-              {t("page-enterprise-ecosystem-description")}
-            </p>
-          </div>
-
-          {/* A11y list of companies for screen readers */}
-          <div className="sr-only">
-            <h3>{t("page-enterprise-ecosystem-companies")}</h3>
-            <ul>
-              {players.map(({ name }) => (
-                <li key={name}>{name}</li>
+        <MainArticle className="space-y-12 px-4 md:space-y-20 md:px-10">
+          <section
+            id="activity"
+            className="flex flex-col justify-between gap-6 xl:flex-row"
+          >
+            <div className="max-w-prose space-y-4">
+              <h2>{t("page-enterprise-metrics-header")}</h2>
+              <p>
+                <Translation
+                  id="page-enterprise-metrics-subtext"
+                  ns="page-enterprise"
+                />
+              </p>
+            </div>
+
+            <ActivityStats
+              metrics={metrics}
+              className={cn(
+                "w-fit max-w-xl shrink-0 grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-[auto,auto,auto,auto] xl:grid-cols-2",
+                "[&_[data-label='big-number']]:border-none [&_[data-label='big-number']]:p-0",
+                "[&_[data-label='big-number']:nth-of-type(1)_[data-label='value']]:text-accent-a",
+                "[&_[data-label='big-number']:nth-of-type(2)_[data-label='value']]:text-accent-b",
+                "[&_[data-label='big-number']:nth-of-type(3)_[data-label='value']]:text-accent-c",
+                "[&_[data-label='big-number']:nth-of-type(4)_[data-label='value']]:text-primary"
+              )}
+            />
+          </section>
+
+          <section id="features">
+            <h2 className="sr-only">{t("page-enterprise-features-header")}</h2>
+
+            <div className="-mx-4 -my-6 flex py-6 md:hidden">
+              <FeaturesSwiper features={features} />
+            </div>
+
+            <div className="grid grid-cols-1 gap-2 max-md:hidden sm:grid-cols-2 md:gap-6 xl:grid-cols-4">
+              {features.map((feature) => (
+                <FeatureCard
+                  key={feature.header}
+                  feature={feature}
+                  className="h-full"
+                />
               ))}
-            </ul>
-          </div>
-
-          <div
-            data-label="marquee"
-            dir="ltr"
-            className="w-full text-body opacity-40 grayscale"
-            style={{
-              mask: `linear-gradient(to right, transparent 0, white 10%, white 90%, transparent 100%)`,
-            }}
+            </div>
+          </section>
+
+          <section
+            id="ecosystem"
+            className="flex w-full flex-col items-center gap-y-12 rounded-t-4xl bg-radial-b px-4 py-10 md:rounded-t-[4rem] md:py-12"
           >
-            {Array.from({ length: 3 }).map((_, row) => (
-              <div
-                data-label="marquee-row"
-                key={row}
-                className="flex max-w-full flex-nowrap overflow-hidden py-4"
-              >
-                {Array.from({ length: 3 }).map((_, idx) => (
-                  <div
-                    key={idx}
-                    className="flex min-w-fit animate-scroll-left-240 flex-nowrap items-center"
-                  >
-                    {players.map(({ name, Logo, className }) => (
-                      <div
-                        key={name}
-                        className={cn(
-                          "flex size-fit justify-center px-6 text-[2.5rem] md:px-8",
-                          row === 1 && "-translate-x-[90rem]",
-                          row === 2 && "-translate-x-[180rem]",
-                          className
-                        )}
-                      >
-                        <Logo aria-hidden />
-                      </div>
-                    ))}
-                  </div>
+            <div className="max-w-prose space-y-4">
+              <h2 className="max-w-prose text-center text-4xl font-black md:text-5xl">
+                {t("page-enterprise-ecosystem-header")}
+              </h2>
+              <p className="max-w-prose text-center">
+                {t("page-enterprise-ecosystem-description")}
+              </p>
+            </div>
+
+            {/* A11y list of companies for screen readers */}
+            <div className="sr-only">
+              <h3>{t("page-enterprise-ecosystem-companies")}</h3>
+              <ul>
+                {players.map(({ name }) => (
+                  <li key={name}>{name}</li>
                 ))}
+              </ul>
+            </div>
+
+            <div
+              data-label="marquee"
+              dir="ltr"
+              className="w-full text-body opacity-40 grayscale"
+              style={{
+                mask: `linear-gradient(to right, transparent 0, white 10%, white 90%, transparent 100%)`,
+              }}
+            >
+              {Array.from({ length: 3 }).map((_, row) => (
+                <div
+                  data-label="marquee-row"
+                  key={row}
+                  className="flex max-w-full flex-nowrap overflow-hidden py-4"
+                >
+                  {Array.from({ length: 3 }).map((_, idx) => (
+                    <div
+                      key={idx}
+                      className="flex min-w-fit animate-scroll-left-240 flex-nowrap items-center"
+                    >
+                      {players.map(({ name, Logo, className }) => (
+                        <div
+                          key={name}
+                          className={cn(
+                            "flex size-fit justify-center px-6 text-[2.5rem] md:px-8",
+                            row === 1 && "-translate-x-[90rem]",
+                            row === 2 && "-translate-x-[180rem]",
+                            className
+                          )}
+                        >
+                          <Logo aria-hidden />
+                        </div>
+                      ))}
+                    </div>
+                  ))}
+                </div>
+              ))}
+            </div>
+
+            <div
+              className="w-screen"
+              style={{
+                mask: `linear-gradient(to right, transparent 1rem, white 2rem, white calc(100% - 2rem), transparent calc(100% - 1rem)`,
+              }}
+            >
+              <div className="-my-6 flex px-4 py-6 md:hidden">
+                <CasesSwiper cases={cases} />
               </div>
-            ))}
-          </div>
-
-          <div
-            className="w-screen"
-            style={{
-              mask: `linear-gradient(to right, transparent 1rem, white 2rem, white calc(100% - 2rem), transparent calc(100% - 1rem)`,
-            }}
+            </div>
+
+            <div
+              data-label="case-studies"
+              className="grid w-full max-w-screen-lg grid-cols-1 gap-4 px-4 max-md:hidden md:grid-cols-3 md:px-6"
+            >
+              <CasesColumn cases={cases.slice(0, 2)} />
+              <CasesColumn cases={cases.slice(2, 4)} />
+              <CasesColumn cases={cases.slice(4, 6)} />
+            </div>
+            <ButtonLink href="/enterprise/use-cases" variant="outline">
+              {t("page-enterprise-ecosystem-cta")}
+            </ButtonLink>
+          </section>
+
+          <section
+            id="why"
+            className="flex w-full flex-col items-center gap-y-12 rounded-4xl border border-accent-c/20 bg-gradient-to-b from-accent-c/5 from-[60%] to-accent-c/15 px-4 py-10 md:py-12 dark:from-accent-c/10 dark:to-accent-c/20 [&>*]:max-w-screen-lg"
           >
-            <div className="-my-6 flex px-4 py-6 md:hidden">
-              <CasesSwiper cases={cases} />
+            <div className="space-y-4">
+              <h2 className="px-6 text-center text-4xl font-black md:px-8 md:text-5xl">
+                {t("page-enterprise-why-header")}
+              </h2>
+              <p className="px-6 text-center md:px-8">
+                {t("page-enterprise-why-description")}
+              </p>
             </div>
-          </div>
 
-          <div
-            data-label="case-studies"
-            className="grid w-full max-w-screen-lg grid-cols-1 gap-4 px-4 max-md:hidden md:grid-cols-3 md:px-6"
+            <ActivityStats
+              data-label="signalling-metrics"
+              metrics={signals}
+              className={cn(
+                "max-sm:gap-8 max-sm:px-4",
+                "flex w-fit max-w-xl shrink-0 flex-wrap gap-12 text-center",
+                "[&_[data-label='big-number']]:border-none [&_[data-label='big-number']]:p-0",
+                "[&_[data-label='big-number']:nth-of-type(1)_[data-label='value']]:text-accent-a",
+                "[&_[data-label='big-number']:nth-of-type(2)_[data-label='value']]:text-accent-b",
+                "[&_[data-label='big-number']:nth-of-type(3)_[data-label='value']]:text-accent-c"
+              )}
+            />
+
+            <div className="grid w-full grid-cols-1 gap-6 rounded-4xl border bg-background p-6 md:grid-cols-2 md:gap-8 md:p-8">
+              {reasons.map(({ header, content }) => (
+                <div
+                  key={header}
+                  className="grid h-fit grid-cols-[auto,1fr] gap-x-3"
+                >
+                  <div className="grid size-6 place-items-center rounded-full bg-success/25 text-2xl text-success">
+                    <Check
+                      strokeLinecap="square"
+                      strokeLinejoin="miter"
+                      className="-mb-0.5 size-3.5 stroke-[5]"
+                    />
+                  </div>
+                  <h3 className="h-fit text-lg font-bold">{header}</h3>
+                  <p className="col-start-2 text-body-medium">{content}</p>
+                </div>
+              ))}
+            </div>
+          </section>
+
+          <section
+            id={GET_IN_TOUCH_ID}
+            className="flex w-full flex-col items-center gap-y-12 rounded-4xl border border-accent-a/20 bg-gradient-to-b from-accent-a/5 to-accent-a/10 px-4 py-10 md:py-12"
           >
-            <CasesColumn cases={cases.slice(0, 2)} />
-            <CasesColumn cases={cases.slice(2, 4)} />
-            <CasesColumn cases={cases.slice(4, 6)} />
-          </div>
-          <ButtonLink href="/enterprise/use-cases" variant="outline">
-            {t("page-enterprise-ecosystem-cta")}
-          </ButtonLink>
-        </section>
-
-        <section
-          id="why"
-          className="flex w-full flex-col items-center gap-y-12 rounded-4xl border border-accent-c/20 bg-gradient-to-b from-accent-c/5 from-[60%] to-accent-c/15 px-4 py-10 md:py-12 dark:from-accent-c/10 dark:to-accent-c/20 [&>*]:max-w-screen-lg"
-        >
-          <div className="space-y-4">
-            <h2 className="px-6 text-center text-4xl font-black md:px-8 md:text-5xl">
-              {t("page-enterprise-why-header")}
-            </h2>
-            <p className="px-6 text-center md:px-8">
-              {t("page-enterprise-why-description")}
+            <div className="flex flex-col items-center gap-2">
+              <EthGlyph className="size-14" />
+              <h2 className="max-w-prose px-6 text-center text-3xl font-bold md:px-8 md:text-4xl">
+                {t("page-enterprise-team-header")}
+              </h2>
+            </div>
+            <p className="max-w-prose px-6 text-center md:px-8">
+              {t("page-enterprise-team-description")}
             </p>
-          </div>
-
-          <ActivityStats
-            data-label="signalling-metrics"
-            metrics={signals}
-            className={cn(
-              "max-sm:gap-8 max-sm:px-4",
-              "flex w-fit max-w-xl shrink-0 flex-wrap gap-12 text-center",
-              "[&_[data-label='big-number']]:border-none [&_[data-label='big-number']]:p-0",
-              "[&_[data-label='big-number']:nth-of-type(1)_[data-label='value']]:text-accent-a",
-              "[&_[data-label='big-number']:nth-of-type(2)_[data-label='value']]:text-accent-b",
-              "[&_[data-label='big-number']:nth-of-type(3)_[data-label='value']]:text-accent-c"
-            )}
-          />
-
-          <div className="grid w-full grid-cols-1 gap-6 rounded-4xl border bg-background p-6 md:grid-cols-2 md:gap-8 md:p-8">
-            {reasons.map(({ header, content }) => (
-              <div
-                key={header}
-                className="grid h-fit grid-cols-[auto,1fr] gap-x-3"
-              >
-                <div className="grid size-6 place-items-center rounded-full bg-success/25 text-2xl text-success">
-                  <Check
-                    strokeLinecap="square"
-                    strokeLinejoin="miter"
-                    className="-mb-0.5 size-3.5 stroke-[5]"
-                  />
-                </div>
-                <h3 className="h-fit text-lg font-bold">{header}</h3>
-                <p className="col-start-2 text-body-medium">{content}</p>
-              </div>
-            ))}
-          </div>
-        </section>
-
-        <section
-          id={GET_IN_TOUCH_ID}
-          className="flex w-full flex-col items-center gap-y-12 rounded-4xl border border-accent-a/20 bg-gradient-to-b from-accent-a/5 to-accent-a/10 px-4 py-10 md:py-12"
-        >
-          <div className="flex flex-col items-center gap-2">
-            <EthGlyph className="size-14" />
-            <h2 className="max-w-prose px-6 text-center text-3xl font-bold md:px-8 md:text-4xl">
-              {t("page-enterprise-team-header")}
-            </h2>
-          </div>
-          <p className="max-w-prose px-6 text-center md:px-8">
-            {t("page-enterprise-team-description")}
-          </p>
-          <EnterpriseContactForm
-            strings={{
-              error: {
-                domain: t.rich("page-enterprise-team-form-error-domain", {
-                  a: (chunks) => (
-                    <Link href="https://discord.gg/ethereum-org">{chunks}</Link>
+            <EnterpriseContactForm
+              strings={{
+                error: {
+                  domain: t.rich("page-enterprise-team-form-error-domain", {
+                    a: (chunks) => (
+                      <Link href="https://discord.gg/ethereum-org">
+                        {chunks}
+                      </Link>
+                    ),
+                  }),
+                  emailInvalid: t(
+                    "page-enterprise-team-form-error-email-invalid"
                   ),
-                }),
-                emailInvalid: t(
-                  "page-enterprise-team-form-error-email-invalid"
-                ),
-                emailTooLong: t(
-                  "page-enterprise-team-form-error-email-too-long",
-                  {
-                    length: MAX_EMAIL_LENGTH,
-                  }
-                ),
-                general: t.rich("page-enterprise-team-form-error-general", {
-                  a: () => (
-                    <Link href={ENTERPRISE_MAILTO}>{ENTERPRISE_EMAIL}</Link>
+                  emailTooLong: t(
+                    "page-enterprise-team-form-error-email-too-long",
+                    {
+                      length: MAX_EMAIL_LENGTH,
+                    }
                   ),
-                }),
-                messageTooLong: t(
-                  "page-enterprise-team-form-error-message-too-long",
-                  {
-                    length: MAX_MESSAGE_LENGTH,
-                  }
-                ),
-                required: t("page-enterprise-team-form-error-required"),
-              },
-              placeholder: {
-                input: t("page-enterprise-team-form-placeholder-input"),
-                textarea: t("page-enterprise-team-form-placeholder-textarea"),
-              },
-              button: {
-                label: t("page-enterprise-hero-cta"),
-                loading: t("page-enterprise-team-form-button-loading"),
-              },
-              success: {
-                heading: t("page-enterprise-team-form-success-heading"),
-                message: t("page-enterprise-team-form-success-message"),
-              },
-            }}
-          />
-        </section>
-      </MainArticle>
-    </div>
+                  general: t.rich("page-enterprise-team-form-error-general", {
+                    a: () => (
+                      <Link href={ENTERPRISE_MAILTO}>{ENTERPRISE_EMAIL}</Link>
+                    ),
+                  }),
+                  messageTooLong: t(
+                    "page-enterprise-team-form-error-message-too-long",
+                    {
+                      length: MAX_MESSAGE_LENGTH,
+                    }
+                  ),
+                  required: t("page-enterprise-team-form-error-required"),
+                },
+                placeholder: {
+                  input: t("page-enterprise-team-form-placeholder-input"),
+                  textarea: t("page-enterprise-team-form-placeholder-textarea"),
+                },
+                button: {
+                  label: t("page-enterprise-hero-cta"),
+                  loading: t("page-enterprise-team-form-button-loading"),
+                },
+                success: {
+                  heading: t("page-enterprise-team-form-success-heading"),
+                  message: t("page-enterprise-team-form-success-message"),
+                },
+              }}
+            />
+          </section>
+        </MainArticle>
+      </div>
+    </>
   )
 }
 

From c0dff4537be2b0f0b84153acfd3040123060c272 Mon Sep 17 00:00:00 2001
From: Corwin Smith <cssmittys@gmail.com>
Date: Thu, 4 Sep 2025 15:32:48 -0600
Subject: [PATCH 10/41] feat: add JSON-LD structured data for the Ether page,
 including metadata, breadcrumb navigation, and publisher information

---
 app/[locale]/eth/_components/eth.tsx | 461 ++++++++++++++++-----------
 app/[locale]/eth/page.tsx            |   1 +
 src/lib/types.ts                     |   1 +
 3 files changed, 278 insertions(+), 185 deletions(-)

diff --git a/app/[locale]/eth/_components/eth.tsx b/app/[locale]/eth/_components/eth.tsx
index 6130958f5c2..2b2f3d6a860 100644
--- a/app/[locale]/eth/_components/eth.tsx
+++ b/app/[locale]/eth/_components/eth.tsx
@@ -172,10 +172,83 @@ const CentralActionCard = (props: ComponentProps<typeof ActionCard>) => (
 const EthPage = ({
   contributors,
   lastEditLocaleTimestamp,
+  locale,
 }: PageWithContributorsProps) => {
   const { t } = useTranslation("page-eth")
   const pathname = usePathname()
 
+  // JSON-LD structured data for the Ether/ETH page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": `https://ethereum.org/${locale}/eth/`,
+    name: t("page-eth-whats-eth"),
+    description: t("page-eth-is-money"),
+    url: `https://ethereum.org/${locale}/eth/`,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: `https://ethereum.org/${locale}/`,
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: t("page-eth-whats-eth"),
+          item: `https://ethereum.org/${locale}/eth/`,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
+  }
+
+  // JSON-LD for the article content about Ether
+  const articleJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "Article",
+    headline: t("page-eth-whats-eth"),
+    description: t("page-eth-is-money"),
+    image: "https://ethereum.org/images/eth.png",
+    author: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
+    dateModified: lastEditLocaleTimestamp,
+    mainEntityOfPage: {
+      "@type": "WebPage",
+      "@id": `https://ethereum.org/${locale}/eth/`,
+    },
+    about: {
+      "@type": "DigitalCurrency",
+      name: "Ether",
+      alternateName: ["ETH", "Ethereum"],
+      symbol: "ETH",
+      blockchain: "Ethereum",
+    },
+  }
+
   const tokens = [
     {
       emoji: ":scales:",
@@ -269,197 +342,215 @@ const EthPage = ({
   ]
 
   return (
-    <Page>
-      <Content>
-        <HeroContainer>
-          <Header>
-            <Title>{t("page-eth-whats-eth")}</Title>
-            <Slogan>{t("page-eth-currency-for-future")}</Slogan>
-            <Subtitle>{t("page-eth-is-money")}</Subtitle>
-            <SubtitleTwo>{t("page-eth-currency-for-apps")}</SubtitleTwo>
-            <EthPriceCard className="mb-8" />
-            <ButtonLink href="/get-eth/">
-              {t("page-eth-button-buy-eth")}
-            </ButtonLink>
-          </Header>
-          <Hero>
-            <Image
-              src={eth}
-              // TODO: adjust value when the old theme breakpoints are removed (src/theme.ts)
-              sizes="(max-width: 768px) 100vw, 800px"
-              alt={t("page-eth-whats-eth-hero-alt")}
-              priority
-            />
-          </Hero>
-        </HeroContainer>
-      </Content>
-      <GrayContainer>
+    <>
+      <script
+        id="jsonld-webpage-eth"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(webPageJsonLd),
+        }}
+      />
+
+      <script
+        id="jsonld-article-eth"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(articleJsonLd),
+        }}
+      />
+
+      <Page>
         <Content>
-          <div className="mb-8">
-            <ListenToPlayer slug={pathname} />
-          </div>
-          <Intro>
-            <Text>{t("page-eth-description")} </Text>
-          </Intro>
-          <CardContainer className="mb-8">
-            {benefits.map((benefits, idx) => (
-              <StyledCard
-                key={idx}
-                emoji={benefits.emoji}
-                title={benefits.title}
-                description={benefits.description}
+          <HeroContainer>
+            <Header>
+              <Title>{t("page-eth-whats-eth")}</Title>
+              <Slogan>{t("page-eth-currency-for-future")}</Slogan>
+              <Subtitle>{t("page-eth-is-money")}</Subtitle>
+              <SubtitleTwo>{t("page-eth-currency-for-apps")}</SubtitleTwo>
+              <EthPriceCard className="mb-8" />
+              <ButtonLink href="/get-eth/">
+                {t("page-eth-button-buy-eth")}
+              </ButtonLink>
+            </Header>
+            <Hero>
+              <Image
+                src={eth}
+                // TODO: adjust value when the old theme breakpoints are removed (src/theme.ts)
+                sizes="(max-width: 768px) 100vw, 800px"
+                alt={t("page-eth-whats-eth-hero-alt")}
+                priority
               />
-            ))}
-          </CardContainer>
-          <InfoBanner emoji=":wave:" shouldCenter>
-            <b>{t("page-eth-buy-some")}</b>{" "}
-            <Translation id="page-eth:page-eth-buy-some-desc" />{" "}
-            <InlineLink href="/what-is-ethereum/">
-              {t("page-eth-more-on-ethereum-link")}
-            </InlineLink>
-            {t("page-eth-period")}
-          </InfoBanner>
+            </Hero>
+          </HeroContainer>
         </Content>
-      </GrayContainer>
-      <Content>
-        <CentralColumn>
-          <H2>{t("page-eth-whats-unique")}</H2>
-          <Text>{t("page-eth-whats-unique-desc")}</Text>
-          <EthVideo />
-          <div>
-            <H4>{t("page-eth-fuels")}</H4>
-            <Text>{t("page-eth-fuels-desc")}</Text>
-            <Text>{t("page-eth-fuels-desc-2")}</Text>
-            <Text>
-              <Translation id="page-eth:page-eth-fuels-desc-3" />{" "}
-              <b>{t("page-eth-powers-ethereum")}</b>
-              {t("page-eth-period")}
-            </Text>
-            <Text>
-              {t("page-eth-fuels-staking")}{" "}
-              <InlineLink href="/staking/">
-                {t("page-eth-fuels-more-staking")}
+        <GrayContainer>
+          <Content>
+            <div className="mb-8">
+              <ListenToPlayer slug={pathname} />
+            </div>
+            <Intro>
+              <Text>{t("page-eth-description")} </Text>
+            </Intro>
+            <CardContainer className="mb-8">
+              {benefits.map((benefits, idx) => (
+                <StyledCard
+                  key={idx}
+                  emoji={benefits.emoji}
+                  title={benefits.title}
+                  description={benefits.description}
+                />
+              ))}
+            </CardContainer>
+            <InfoBanner emoji=":wave:" shouldCenter>
+              <b>{t("page-eth-buy-some")}</b>{" "}
+              <Translation id="page-eth:page-eth-buy-some-desc" />{" "}
+              <InlineLink href="/what-is-ethereum/">
+                {t("page-eth-more-on-ethereum-link")}
               </InlineLink>
-            </Text>
-          </div>
-          <CentralActionCard
-            href="/what-is-ethereum/"
-            title={t("page-eth-whats-ethereum")}
-            description={t("page-eth-whats-ethereum-desc")}
-            image={ethereum}
-          />
-          <TextDivider />
-          <div>
-            <H4>{t("page-eth-underpins")}</H4>
-            <Text>
-              <Translation id="page-eth:page-eth-underpins-desc" />
-            </Text>
-            <Text>{t("page-eth-underpins-desc-2")}</Text>
-            <CentralActionCard
-              href="/defi/"
-              title={t("page-eth-whats-defi")}
-              description={t("page-eth-whats-defi-description")}
-              image={defi}
-            />
-            <InfoBanner isWarning>
-              <Translation id="page-eth:page-eth-weth" />
+              {t("page-eth-period")}
             </InfoBanner>
-          </div>
-          <TextDivider />
-          <div>
-            <H4>{t("page-eth-uses")}</H4>
-            <Text>{t("page-eth-uses-desc")}</Text>
-            <Text>{t("page-eth-uses-desc-2")} </Text>
-            <UnorderedList>
-              <ListItem>
-                <InlineLink href="https://sablier.com">
-                  {t("page-eth-stream-link")}
-                </InlineLink>{" "}
-                – {t("page-eth-uses-desc-3")}
-              </ListItem>
-              <ListItem>
-                <InlineLink href="/get-eth/#dex">
-                  {t("page-eth-trade-link-2")}
-                </InlineLink>{" "}
-                – {t("page-eth-uses-desc-4")}
-              </ListItem>
-              <ListItem>
-                <InlineLink href="https://app.compound.finance/">
-                  {t("page-eth-earn-interest-link")}
-                </InlineLink>{" "}
-                – {t("page-eth-uses-desc-5")}
-              </ListItem>
-              <ListItem>
-                <InlineLink href="/stablecoins/">
-                  {t("page-eth-stablecoins-link")}
-                </InlineLink>{" "}
-                – {t("page-eth-uses-desc-6")}
-              </ListItem>
-            </UnorderedList>
-          </div>
-          <Divider />
-        </CentralColumn>
-        <CalloutBanner
-          className="mx-0 my-20"
-          titleKey={"page-eth:page-eth-where-to-buy"}
-          descriptionKey={"page-eth:page-eth-where-to-buy-desc"}
-          image={ethCat}
-          alt={t("page-eth-cat-img-alt")}
-          imageWidth={300}
-        >
-          <div>
-            <ButtonLink href="/get-eth/">
-              {t("page-eth-get-eth-btn")}
-            </ButtonLink>
-          </div>
-        </CalloutBanner>
-      </Content>
-
-      <TwoColumnContent>
-        <LeftColumn>
-          <H3>{t("page-eth-has-value")}</H3>
-          <Text>{t("page-eth-has-value-desc")}</Text>
-          <Text>{t("page-eth-has-value-desc-2")}</Text>
-          <Text>{t("page-eth-has-value-desc-3")}</Text>
-          <Text>{t("page-eth-has-value-desc-4")}</Text>
-          <Text>{t("page-eth-has-value-desc-5")}</Text>
-        </LeftColumn>
-        <RightColumn>
-          <CardList items={cardListContent} />
-        </RightColumn>
-      </TwoColumnContent>
-      <TwoColumnContent className="items-start" id="tokens">
-        <LeftColumn>
-          <H3>{t("page-eth-not-only-crypto")}</H3>
-          <Text>{t("page-eth-not-only-crypto-desc")} </Text>
-          <Text>{t("page-eth-not-only-crypto-desc-2")}</Text>
-          <H4>{t("page-eth-more-on-tokens")}</H4>
-          <CardList items={tokenLinks} />
-        </LeftColumn>
-        <RightColumn>
-          <H3>{t("page-eth-popular-tokens")}</H3>
-          {tokens.map((token, idx) => (
-            <TokenCard
-              key={idx}
-              emoji={token.emoji}
-              title={token.title}
-              description={token.description}
+          </Content>
+        </GrayContainer>
+        <Content>
+          <CentralColumn>
+            <H2>{t("page-eth-whats-unique")}</H2>
+            <Text>{t("page-eth-whats-unique-desc")}</Text>
+            <EthVideo />
+            <div>
+              <H4>{t("page-eth-fuels")}</H4>
+              <Text>{t("page-eth-fuels-desc")}</Text>
+              <Text>{t("page-eth-fuels-desc-2")}</Text>
+              <Text>
+                <Translation id="page-eth:page-eth-fuels-desc-3" />{" "}
+                <b>{t("page-eth-powers-ethereum")}</b>
+                {t("page-eth-period")}
+              </Text>
+              <Text>
+                {t("page-eth-fuels-staking")}{" "}
+                <InlineLink href="/staking/">
+                  {t("page-eth-fuels-more-staking")}
+                </InlineLink>
+              </Text>
+            </div>
+            <CentralActionCard
+              href="/what-is-ethereum/"
+              title={t("page-eth-whats-ethereum")}
+              description={t("page-eth-whats-ethereum-desc")}
+              image={ethereum}
             />
-          ))}
-        </RightColumn>
-      </TwoColumnContent>
-      <Content>
-        <StandaloneQuizWidget quizKey="what-is-ether" />
-      </Content>
-      <Content>
-        <FileContributors
-          className="my-10 border-t"
-          contributors={contributors}
-          lastEditLocaleTimestamp={lastEditLocaleTimestamp}
-        />
-        <FeedbackCard />
-      </Content>
-    </Page>
+            <TextDivider />
+            <div>
+              <H4>{t("page-eth-underpins")}</H4>
+              <Text>
+                <Translation id="page-eth:page-eth-underpins-desc" />
+              </Text>
+              <Text>{t("page-eth-underpins-desc-2")}</Text>
+              <CentralActionCard
+                href="/defi/"
+                title={t("page-eth-whats-defi")}
+                description={t("page-eth-whats-defi-description")}
+                image={defi}
+              />
+              <InfoBanner isWarning>
+                <Translation id="page-eth:page-eth-weth" />
+              </InfoBanner>
+            </div>
+            <TextDivider />
+            <div>
+              <H4>{t("page-eth-uses")}</H4>
+              <Text>{t("page-eth-uses-desc")}</Text>
+              <Text>{t("page-eth-uses-desc-2")} </Text>
+              <UnorderedList>
+                <ListItem>
+                  <InlineLink href="https://sablier.com">
+                    {t("page-eth-stream-link")}
+                  </InlineLink>{" "}
+                  – {t("page-eth-uses-desc-3")}
+                </ListItem>
+                <ListItem>
+                  <InlineLink href="/get-eth/#dex">
+                    {t("page-eth-trade-link-2")}
+                  </InlineLink>{" "}
+                  – {t("page-eth-uses-desc-4")}
+                </ListItem>
+                <ListItem>
+                  <InlineLink href="https://app.compound.finance/">
+                    {t("page-eth-earn-interest-link")}
+                  </InlineLink>{" "}
+                  – {t("page-eth-uses-desc-5")}
+                </ListItem>
+                <ListItem>
+                  <InlineLink href="/stablecoins/">
+                    {t("page-eth-stablecoins-link")}
+                  </InlineLink>{" "}
+                  – {t("page-eth-uses-desc-6")}
+                </ListItem>
+              </UnorderedList>
+            </div>
+            <Divider />
+          </CentralColumn>
+          <CalloutBanner
+            className="mx-0 my-20"
+            titleKey={"page-eth:page-eth-where-to-buy"}
+            descriptionKey={"page-eth:page-eth-where-to-buy-desc"}
+            image={ethCat}
+            alt={t("page-eth-cat-img-alt")}
+            imageWidth={300}
+          >
+            <div>
+              <ButtonLink href="/get-eth/">
+                {t("page-eth-get-eth-btn")}
+              </ButtonLink>
+            </div>
+          </CalloutBanner>
+        </Content>
+
+        <TwoColumnContent>
+          <LeftColumn>
+            <H3>{t("page-eth-has-value")}</H3>
+            <Text>{t("page-eth-has-value-desc")}</Text>
+            <Text>{t("page-eth-has-value-desc-2")}</Text>
+            <Text>{t("page-eth-has-value-desc-3")}</Text>
+            <Text>{t("page-eth-has-value-desc-4")}</Text>
+            <Text>{t("page-eth-has-value-desc-5")}</Text>
+          </LeftColumn>
+          <RightColumn>
+            <CardList items={cardListContent} />
+          </RightColumn>
+        </TwoColumnContent>
+        <TwoColumnContent className="items-start" id="tokens">
+          <LeftColumn>
+            <H3>{t("page-eth-not-only-crypto")}</H3>
+            <Text>{t("page-eth-not-only-crypto-desc")} </Text>
+            <Text>{t("page-eth-not-only-crypto-desc-2")}</Text>
+            <H4>{t("page-eth-more-on-tokens")}</H4>
+            <CardList items={tokenLinks} />
+          </LeftColumn>
+          <RightColumn>
+            <H3>{t("page-eth-popular-tokens")}</H3>
+            {tokens.map((token, idx) => (
+              <TokenCard
+                key={idx}
+                emoji={token.emoji}
+                title={token.title}
+                description={token.description}
+              />
+            ))}
+          </RightColumn>
+        </TwoColumnContent>
+        <Content>
+          <StandaloneQuizWidget quizKey="what-is-ether" />
+        </Content>
+        <Content>
+          <FileContributors
+            className="my-10 border-t"
+            contributors={contributors}
+            lastEditLocaleTimestamp={lastEditLocaleTimestamp}
+          />
+          <FeedbackCard />
+        </Content>
+      </Page>
+    </>
   )
 }
 
diff --git a/app/[locale]/eth/page.tsx b/app/[locale]/eth/page.tsx
index 095b50e8075..0a23941ae01 100644
--- a/app/[locale]/eth/page.tsx
+++ b/app/[locale]/eth/page.tsx
@@ -38,6 +38,7 @@ export default async function Page({
       <EthPage
         contributors={contributors}
         lastEditLocaleTimestamp={lastEditLocaleTimestamp}
+        locale={locale}
       />
     </I18nProvider>
   )
diff --git a/src/lib/types.ts b/src/lib/types.ts
index 1c49deff3c4..f90bbf6c402 100644
--- a/src/lib/types.ts
+++ b/src/lib/types.ts
@@ -1009,6 +1009,7 @@ export type EventCardProps = {
 export type PageWithContributorsProps = {
   contributors: FileContributor[]
   lastEditLocaleTimestamp: string
+  locale: Lang
 }
 
 export type BreakpointKey = keyof typeof screens

From d9422f22ddbb407288c4974ac3610b4f27f024fc Mon Sep 17 00:00:00 2001
From: Corwin Smith <cssmittys@gmail.com>
Date: Thu, 4 Sep 2025 15:35:57 -0600
Subject: [PATCH 11/41] feat: add JSON-LD structured data for the founders page

---
 app/[locale]/founders/page.tsx | 323 +++++++++++++++++++--------------
 1 file changed, 188 insertions(+), 135 deletions(-)

diff --git a/app/[locale]/founders/page.tsx b/app/[locale]/founders/page.tsx
index 2ac9e1c2e67..adb6cde8a12 100644
--- a/app/[locale]/founders/page.tsx
+++ b/app/[locale]/founders/page.tsx
@@ -375,108 +375,160 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
     },
   ]
 
+  // JSON-LD structured data for the founders page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": `https://ethereum.org/${locale}/founders/`,
+    name: t("page-founders-metadata-title"),
+    description: t("page-founders-metadata-description"),
+    url: `https://ethereum.org/${locale}/founders/`,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: `https://ethereum.org/${locale}/`,
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: t("page-founders-metadata-title"),
+          item: `https://ethereum.org/${locale}/founders/`,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
+  }
+
   return (
-    <div>
-      <ContentHero
-        breadcrumbs={{ slug: "build/founders", startDepth: 1 }}
-        heroImg={heroImg}
-        title={t("page-founders-title")}
-        description={t("page-founders-description")}
+    <>
+      <script
+        id="jsonld-webpage-founders"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(webPageJsonLd),
+        }}
       />
-      <MainArticle className="relative space-y-16 px-4 py-16 md:space-y-20 md:px-10 md:py-20">
-        <Section id="apply" className="space-y-12">
-          <div className="space-y-4">
-            <h2>{t("page-founders-apply-h2")}</h2>
-            <p>{t("page-founders-apply-p1")}</p>
-          </div>
 
-          <Tabs defaultValue={supportTabs[0].key}>
-            <TabsList>
-              {supportTabs.map(({ key, label, icon }) => (
-                <TabsTrigger
+      <div>
+        <ContentHero
+          breadcrumbs={{ slug: "build/founders", startDepth: 1 }}
+          heroImg={heroImg}
+          title={t("page-founders-title")}
+          description={t("page-founders-description")}
+        />
+        <MainArticle className="relative space-y-16 px-4 py-16 md:space-y-20 md:px-10 md:py-20">
+          <Section id="apply" className="space-y-12">
+            <div className="space-y-4">
+              <h2>{t("page-founders-apply-h2")}</h2>
+              <p>{t("page-founders-apply-p1")}</p>
+            </div>
+
+            <Tabs defaultValue={supportTabs[0].key}>
+              <TabsList>
+                {supportTabs.map(({ key, label, icon }) => (
+                  <TabsTrigger
+                    key={key}
+                    value={key}
+                    // TODO: Add tracking to triggers
+                    // customEventOptions={{
+                    //   eventCategory: "founders_support",
+                    //   eventAction: "apply_for_support_section",
+                    // }}
+                  >
+                    {icon}&nbsp;{label}
+                  </TabsTrigger>
+                ))}
+              </TabsList>
+              {supportTabs.map(({ key, entities, categoryCtaLabel }) => (
+                <TabsContent
                   key={key}
                   value={key}
-                  // TODO: Add tracking to triggers
-                  // customEventOptions={{
-                  //   eventCategory: "founders_support",
-                  //   eventAction: "apply_for_support_section",
-                  // }}
+                  className="mt-12 border-0 p-0"
                 >
-                  {icon}&nbsp;{label}
-                </TabsTrigger>
+                  <div className="grid grid-cols-[repeat(auto-fill,_minmax(min(100%,_280px),_1fr))] gap-4">
+                    {entities.map(
+                      ({
+                        name,
+                        Logo,
+                        tags,
+                        subtitle,
+                        description,
+                        highlights,
+                        href,
+                        ctaLabel,
+                      }) => (
+                        <Card
+                          key={name}
+                          className="row-span-3 grid grid-rows-subgrid gap-y-8 rounded-2xl bg-background-highlight p-8 max-md:px-4"
+                        >
+                          <h3 className="sr-only">{name}</h3>
+                          <Logo className="my-auto max-h-9 max-w-full [&_*]:!fill-body" />
+                          <div className="space-y-4">
+                            {!!tags.length && (
+                              <div className="flex flex-wrap gap-x-1 gap-y-2">
+                                {tags.map((tag) => (
+                                  <Tag
+                                    key={tag}
+                                    className={cn(
+                                      "!min-h-0 !py-1",
+                                      supportTags[tag].className
+                                    )}
+                                  >
+                                    {supportTags[tag].label}
+                                  </Tag>
+                                ))}
+                              </div>
+                            )}
+                            {subtitle && (
+                              <p className="font-bold">{subtitle}</p>
+                            )}
+                            <p>{description}</p>
+                            {highlights.map((highlight) => (
+                              <div
+                                key={highlight}
+                                className="flex items-center gap-2"
+                              >
+                                <CheckCircle />
+                                <p>{highlight}</p>
+                              </div>
+                            ))}
+                          </div>
+                          <ButtonLink href={href} variant="outline">
+                            {ctaLabel || categoryCtaLabel}
+                          </ButtonLink>
+                        </Card>
+                      )
+                    )}
+                  </div>
+                </TabsContent>
               ))}
-            </TabsList>
-            {supportTabs.map(({ key, entities, categoryCtaLabel }) => (
-              <TabsContent key={key} value={key} className="mt-12 border-0 p-0">
-                <div className="grid grid-cols-[repeat(auto-fill,_minmax(min(100%,_280px),_1fr))] gap-4">
-                  {entities.map(
-                    ({
-                      name,
-                      Logo,
-                      tags,
-                      subtitle,
-                      description,
-                      highlights,
-                      href,
-                      ctaLabel,
-                    }) => (
-                      <Card
-                        key={name}
-                        className="row-span-3 grid grid-rows-subgrid gap-y-8 rounded-2xl bg-background-highlight p-8 max-md:px-4"
-                      >
-                        <h3 className="sr-only">{name}</h3>
-                        <Logo className="my-auto max-h-9 max-w-full [&_*]:!fill-body" />
-                        <div className="space-y-4">
-                          {!!tags.length && (
-                            <div className="flex flex-wrap gap-x-1 gap-y-2">
-                              {tags.map((tag) => (
-                                <Tag
-                                  key={tag}
-                                  className={cn(
-                                    "!min-h-0 !py-1",
-                                    supportTags[tag].className
-                                  )}
-                                >
-                                  {supportTags[tag].label}
-                                </Tag>
-                              ))}
-                            </div>
-                          )}
-                          {subtitle && <p className="font-bold">{subtitle}</p>}
-                          <p>{description}</p>
-                          {highlights.map((highlight) => (
-                            <div
-                              key={highlight}
-                              className="flex items-center gap-2"
-                            >
-                              <CheckCircle />
-                              <p>{highlight}</p>
-                            </div>
-                          ))}
-                        </div>
-                        <ButtonLink href={href} variant="outline">
-                          {ctaLabel || categoryCtaLabel}
-                        </ButtonLink>
-                      </Card>
-                    )
-                  )}
-                </div>
-              </TabsContent>
-            ))}
-          </Tabs>
-        </Section>
-        <Section
-          id="succeed"
-          className="flex w-full flex-col items-center gap-y-14 rounded-t-4xl bg-radial-b px-4 py-20 md:rounded-t-[4rem] md:px-24"
-        >
-          <div className="space-y-2 px-4 text-center">
-            <h2 className="text-4xl md:text-5xl">
-              {t("page-founders-succeed-h2")}
-            </h2>
-            <p className="">{t("page-founders-succeed-p1")}</p>
-          </div>
-          {/* // TODO: Re-enable metrics when ready */}
-          {/* <ActivityStats
+            </Tabs>
+          </Section>
+          <Section
+            id="succeed"
+            className="flex w-full flex-col items-center gap-y-14 rounded-t-4xl bg-radial-b px-4 py-20 md:rounded-t-[4rem] md:px-24"
+          >
+            <div className="space-y-2 px-4 text-center">
+              <h2 className="text-4xl md:text-5xl">
+                {t("page-founders-succeed-h2")}
+              </h2>
+              <p className="">{t("page-founders-succeed-p1")}</p>
+            </div>
+            {/* // TODO: Re-enable metrics when ready */}
+            {/* <ActivityStats
             data-label="signalling-metrics"
             metrics={metrics}
             className={cn(
@@ -489,47 +541,48 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
             )}
           /> */}
 
-          <div className="grid grid-cols-1 gap-8 lg:grid-cols-3">
-            {stories.map(({ name, affiliation, content, className }) => (
-              <Card
-                key={name}
-                className={cn(
-                  "h-fit space-y-1 rounded-2xl border bg-background p-6",
-                  className
-                )}
-              >
-                <div className="space-y-6">{content}</div>
-                <div className="flex items-center gap-x-2">
-                  <div
-                    data-label="avatar"
-                    className="grid size-8 place-items-center rounded-full text-body-inverse"
-                  >
-                    {name[0].toUpperCase()}
-                  </div>
-                  <div>
-                    <p className="font-bold">{name}</p>
-                    <p className="text-sm text-body-medium">{affiliation}</p>
+            <div className="grid grid-cols-1 gap-8 lg:grid-cols-3">
+              {stories.map(({ name, affiliation, content, className }) => (
+                <Card
+                  key={name}
+                  className={cn(
+                    "h-fit space-y-1 rounded-2xl border bg-background p-6",
+                    className
+                  )}
+                >
+                  <div className="space-y-6">{content}</div>
+                  <div className="flex items-center gap-x-2">
+                    <div
+                      data-label="avatar"
+                      className="grid size-8 place-items-center rounded-full text-body-inverse"
+                    >
+                      {name[0].toUpperCase()}
+                    </div>
+                    <div>
+                      <p className="font-bold">{name}</p>
+                      <p className="text-sm text-body-medium">{affiliation}</p>
+                    </div>
                   </div>
-                </div>
-              </Card>
-            ))}
-          </div>
-        </Section>
-        <Section
-          id={GetInTouchId}
-          className="flex flex-col items-center gap-y-8 rounded-4xl border border-accent-a/20 bg-gradient-to-b from-accent-a/5 to-accent-a/10 px-8 py-20 dark:from-accent-a/10 dark:to-accent-a/20"
-        >
-          <h2 className="sr-only">{t("page-founders-get-in-touch-h2")}</h2>
-          <EFFounderSuccess className="!max-w-md" />
-          <p className="max-w-screen-md text-center">
-            {t("page-founders-get-in-touch-p1")}
-          </p>
-          <ButtonLink href="https://efdn.notion.site/255d989555418113975ff62641d9c814">
-            {t("page-founders-get-in-touch-cta")}
-          </ButtonLink>
-        </Section>
-      </MainArticle>
-    </div>
+                </Card>
+              ))}
+            </div>
+          </Section>
+          <Section
+            id={GetInTouchId}
+            className="flex flex-col items-center gap-y-8 rounded-4xl border border-accent-a/20 bg-gradient-to-b from-accent-a/5 to-accent-a/10 px-8 py-20 dark:from-accent-a/10 dark:to-accent-a/20"
+          >
+            <h2 className="sr-only">{t("page-founders-get-in-touch-h2")}</h2>
+            <EFFounderSuccess className="!max-w-md" />
+            <p className="max-w-screen-md text-center">
+              {t("page-founders-get-in-touch-p1")}
+            </p>
+            <ButtonLink href="https://efdn.notion.site/255d989555418113975ff62641d9c814">
+              {t("page-founders-get-in-touch-cta")}
+            </ButtonLink>
+          </Section>
+        </MainArticle>
+      </div>
+    </>
   )
 }
 

From 34716d371060085c33ea3461e7f30977eda0d68a Mon Sep 17 00:00:00 2001
From: Corwin Smith <cssmittys@gmail.com>
Date: Thu, 4 Sep 2025 15:42:23 -0600
Subject: [PATCH 12/41] feat: add JSON-LD structured data for the gas page

---
 app/[locale]/gas/_components/gas.tsx | 626 +++++++++++++++------------
 app/[locale]/gas/page.tsx            |   1 +
 2 files changed, 355 insertions(+), 272 deletions(-)

diff --git a/app/[locale]/gas/_components/gas.tsx b/app/[locale]/gas/_components/gas.tsx
index 361bae0b15c..46463cacb6b 100644
--- a/app/[locale]/gas/_components/gas.tsx
+++ b/app/[locale]/gas/_components/gas.tsx
@@ -84,9 +84,66 @@ const H3 = ({
 const GasPage = ({
   contributors,
   lastEditLocaleTimestamp,
+  locale,
 }: PageWithContributorsProps) => {
   const { t } = useTranslation("page-gas")
 
+  // JSON-LD structured data for the gas page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": `https://ethereum.org/${locale}/gas/`,
+    name: t("page-gas-meta-title"),
+    description: t("page-gas-meta-description"),
+    url: `https://ethereum.org/${locale}/gas/`,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: `https://ethereum.org/${locale}/`,
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: t("page-gas-meta-title"),
+          item: `https://ethereum.org/${locale}/gas/`,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+  }
+
+  // JSON-LD for the article content about gas
+  const articleJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "Article",
+    headline: t("page-gas-hero-title"),
+    description: t("page-gas-meta-description"),
+    author: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    dateModified: lastEditLocaleTimestamp,
+    mainEntityOfPage: {
+      "@type": "WebPage",
+      "@id": `https://ethereum.org/${locale}/gas/`,
+    },
+  }
+
   const benefits = [
     {
       emoji: "🪪",
@@ -123,286 +180,311 @@ const GasPage = ({
   }
 
   return (
-    <Page>
-      <div className="w-full bg-gradient-to-r from-accent-a/10 to-accent-c/10 dark:from-accent-a/20 dark:to-accent-c-hover/20">
-        <div className="pb-8">
-          <PageHero
-            content={{
-              subtitle: (
-                <>
-                  {t("page-gas-hero-subtitle-1")}
-                  <br />
-                  {t("page-gas-hero-subtitle-2")}
-                </>
-              ),
-              ...heroContent,
-            }}
-          />
-        </div>
-      </div>
-      <Content className="mb-16 mt-16 lg:mb-32">
-        <Flex className="w-full flex-col items-center lg:flex-row lg:items-start">
-          <div className="me-auto w-full flex-[60%] lg:me-2">
-            <InfoBanner className="mb-8" title={t("page-gas-summary-title")}>
-              <UnorderedList>
-                <ListItem>{t("page-gas-summary-item-1")}</ListItem>
-                <ListItem>{t("page-gas-summary-item-2")}</ListItem>
-                <ListItem>{t("page-gas-summary-item-3")}</ListItem>
-              </UnorderedList>
-            </InfoBanner>
-            <H2 className="mt-0" id="what-is-gas">
-              {t("page-gas-what-are-gas-fees-header")}
-            </H2>
-            <p className="mb-6">{t("page-gas-what-are-gas-fees-text-1")}</p>
-            <p className="mb-6">
-              <Translation id="page-gas:page-gas-what-are-gas-fees-text-2" />
-            </p>
-          </div>
+    <>
+      <script
+        id="jsonld-webpage-gas"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(webPageJsonLd),
+        }}
+      />
 
-          <div className="hidden max-h-[450px] flex-[50%] justify-center lg:flex">
-            <Image src={walletImg} alt="A robot" className="object-contain" />
-          </div>
-        </Flex>
-      </Content>
-      <Content className="mb-16 lg:mb-32">
-        <Flex className="w-full flex-col items-center justify-center lg:flex-row">
-          <div className="w-full">
-            <H2 className="mt-0">
-              {t("page-gas-how-do-i-pay-less-gas-header")}
-            </H2>
-            <p className="mb-6">{t("page-gas-how-do-i-pay-less-gas-text")}</p>
-            <Flex className="my-4 flex-wrap gap-8 lg:my-0">
-              <StyledCard
-                emoji=":alarm_clock:"
-                title={t("page-gas-how-do-i-pay-less-gas-card-1-title")}
-                description={t(
-                  "page-gas-how-do-i-pay-less-gas-card-1-description"
-                )}
-              ></StyledCard>
-              <StyledCard
-                emoji=":robot:"
-                title={t("page-gas-how-do-i-pay-less-gas-card-2-title")}
-                description={t(
-                  "page-gas-how-do-i-pay-less-gas-card-2-description"
-                )}
-              ></StyledCard>
-              <StyledCard
-                emoji=":rocket:"
-                title={t("page-gas-how-do-i-pay-less-gas-card-3-title")}
-                description={t(
-                  "page-gas-how-do-i-pay-less-gas-card-3-description"
-                )}
-              >
-                <ButtonLink className="w-fit" href="/layer-2/">
-                  {t("page-gas-try-layer-2")}
-                </ButtonLink>
-              </StyledCard>
-            </Flex>
-          </div>
-        </Flex>
-      </Content>
-      <Content className="mb-16 lg:mb-32">
-        <Flex className="w-full flex-col items-start lg:flex-row">
-          <div className="me-auto ms-auto w-full flex-[60%] lg:me-16 lg:ms-0">
-            <H3 className="mt-0">
-              {t("page-gas-what-causes-high-gas-fees-header")}
-            </H3>
-            <p className="mb-6">
-              {t("page-gas-what-causes-high-gas-fees-text-1")}
-            </p>
-            <p className="mb-6">
-              <Translation id="page-gas:page-gas-what-causes-high-gas-fees-text-2" />
-            </p>
-            <p className="mb-6">
-              {t("page-gas-what-causes-high-gas-fees-text-3")}
-            </p>
-            <p className="mb-6">
-              {t("page-gas-want-to-dive-deeper")}{" "}
-              <InlineLink href="/developers/docs/gas/">
-                {t("page-gas-check-out-the-developer-docs")}
-              </InlineLink>
-            </p>
+      <script
+        id="jsonld-article-gas"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(articleJsonLd),
+        }}
+      />
+
+      <Page>
+        <div className="w-full bg-gradient-to-r from-accent-a/10 to-accent-c/10 dark:from-accent-a/20 dark:to-accent-c-hover/20">
+          <div className="pb-8">
+            <PageHero
+              content={{
+                subtitle: (
+                  <>
+                    {t("page-gas-hero-subtitle-1")}
+                    <br />
+                    {t("page-gas-hero-subtitle-2")}
+                  </>
+                ),
+                ...heroContent,
+              }}
+            />
           </div>
-          <GhostCard className="mt-16 max-w-[640px] self-center md:w-2/5 lg:mt-2">
-            <Emoji text=":cat:" className="text-5xl" />
-            <H3>{t("page-gas-attack-of-the-cryptokitties-header")}</H3>
-            <p className="mb-6">
-              {t("page-gas-attack-of-the-cryptokitties-text")}
-            </p>
-          </GhostCard>
-        </Flex>
-      </Content>
-      <Content className="mb-16 lg:mb-32">
-        <Flex className="me-0 w-full flex-col items-start lg:me-8 lg:flex-row">
-          <div className="me-auto w-full lg:me-8">
-            <div>
-              <H2 className="mt-0">
-                {t("page-gas-why-do-we-need-gas-header")}
+        </div>
+        <Content className="mb-16 mt-16 lg:mb-32">
+          <Flex className="w-full flex-col items-center lg:flex-row lg:items-start">
+            <div className="me-auto w-full flex-[60%] lg:me-2">
+              <InfoBanner className="mb-8" title={t("page-gas-summary-title")}>
+                <UnorderedList>
+                  <ListItem>{t("page-gas-summary-item-1")}</ListItem>
+                  <ListItem>{t("page-gas-summary-item-2")}</ListItem>
+                  <ListItem>{t("page-gas-summary-item-3")}</ListItem>
+                </UnorderedList>
+              </InfoBanner>
+              <H2 className="mt-0" id="what-is-gas">
+                {t("page-gas-what-are-gas-fees-header")}
               </H2>
-              <p className="mb-6">{t("page-gas-why-do-we-need-gas-text")}</p>
+              <p className="mb-6">{t("page-gas-what-are-gas-fees-text-1")}</p>
+              <p className="mb-6">
+                <Translation id="page-gas:page-gas-what-are-gas-fees-text-2" />
+              </p>
             </div>
-            {benefits.map((benefit, index) => (
-              <div key={index} className="my-2 min-w-full">
-                <HorizontalCard
-                  key={benefit.emoji}
-                  emoji={benefit.emoji}
-                  description={benefit.description}
-                />
-              </div>
-            ))}
-          </div>
-          <div className="w-full">
-            <Image className="object-contain" src={ethImg} alt="" width={600} />
-          </div>
-        </Flex>
-      </Content>
-      <Content className="mb-16 lg:mb-32">
-        <Flex className="flex-col items-start lg:flex-row">
-          <div className="me-auto w-full lg:me-8">
-            <Flex className="items-start">
+
+            <div className="hidden max-h-[450px] flex-[50%] justify-center lg:flex">
+              <Image src={walletImg} alt="A robot" className="object-contain" />
+            </div>
+          </Flex>
+        </Content>
+        <Content className="mb-16 lg:mb-32">
+          <Flex className="w-full flex-col items-center justify-center lg:flex-row">
+            <div className="w-full">
               <H2 className="mt-0">
-                {t("page-gas-how-is-gas-calculated-header")}
+                {t("page-gas-how-do-i-pay-less-gas-header")}
               </H2>
-
-              <Tag className="ms-4 mt-0.5" status="warning">
-                {t("page-gas-advanced")}
-              </Tag>
-            </Flex>
-            <p className="mb-6">{t("page-gas-how-is-gas-calculated-text-1")}</p>
-            <UnorderedList className="ms-6 gap-3">
-              <ListItem>
-                <Translation id="page-gas:page-gas-how-is-gas-calculated-item-1" />
-              </ListItem>
-              <ListItem>
-                <Translation id="page-gas:page-gas-how-is-gas-calculated-item-2" />
-              </ListItem>
-              <ListItem>
-                <Translation id="page-gas:page-gas-how-is-gas-calculated-item-3" />
-                <UnorderedList className="ms-6 list-none gap-3">
-                  <ListItem className="text-sm text-body-medium">
-                    <Translation id="page-gas:page-gas-how-is-gas-calculated-list-item-1" />
-                  </ListItem>
-                </UnorderedList>
-              </ListItem>
-            </UnorderedList>
-            <p className="mb-6">
-              <Translation id="page-gas:page-gas-how-is-gas-calculated-text-2" />
-            </p>
-          </div>
-          <Table className="min-w-[auto] max-w-full">
-            <TableCaption className="caption-bottom">
-              <Translation id="page-gas:page-gas-table-figure" />
-            </TableCaption>
-            <TableHeader>
-              <TableRow>
-                <TableHead>{t("page-gas-table-header-1")}</TableHead>
-                <TableHead>{t("page-gas-table-header-2")}</TableHead>
-              </TableRow>
-            </TableHeader>
-            <TableBody>
-              <TableRow>
-                <TableCell>
-                  {t("page-gas-table-item-1-transaction-type")}
-                </TableCell>
-                <TableCell>21,000</TableCell>
-              </TableRow>
-              <TableRow>
-                <TableCell>
-                  {t("page-gas-table-item-2-transaction-type")}
-                </TableCell>
-                <TableCell>65,000</TableCell>
-              </TableRow>
-              <TableRow>
-                <TableCell>
-                  {t("page-gas-table-item-3-transaction-type")}
-                </TableCell>
-                <TableCell>84,904</TableCell>
-              </TableRow>
-              <TableRow>
-                <TableCell>
-                  {t("page-gas-table-item-4-transaction-type")}
-                </TableCell>
-                <TableCell>184,523</TableCell>
-              </TableRow>
-            </TableBody>
-          </Table>
-        </Flex>
-      </Content>
-      <Content>
-        <H2 className="mt-0">{t("page-gas-faq-header")}</H2>
-        {/* MaxWidth will be enforced by FAQ component once implemented */}
-        <div className="max-w-[832px]">
-          <ExpandableCard title={t("page-gas-faq-question-1-q")}>
-            <p className="mb-6">
-              <Translation id="page-gas:page-gas-faq-question-1-a-1" />
-            </p>
-            <p className="mb-6">
-              <Translation id="page-gas:page-gas-faq-question-1-a-2" />
-            </p>
-          </ExpandableCard>
-          <ExpandableCard title={t("page-gas-faq-question-2-q")}>
-            <p className="mb-6">
-              <Translation id="page-gas:page-gas-faq-question-2-a-1" />
-            </p>
-            <BaseLink href="/eth/">
-              <Translation id="page-gas:page-gas-faq-question-2-a-2" />
-            </BaseLink>
-          </ExpandableCard>
-          <ExpandableCard title={t("page-gas-faq-question-3-q")}>
-            <p className="mb-6">
-              <Translation id="page-gas:page-gas-faq-question-3-a-1" />
-            </p>
-            <p className="mb-6">{t("page-gas-faq-question-3-a-2")}</p>
-          </ExpandableCard>
-        </div>
-      </Content>
-      <Divider />
-      <Content>
-        <Flex className="-mx-4 flex-wrap">
-          <Callout
-            className="min-h-full flex-[1_1_416px]"
-            image={whatIsEthereumImg}
-            titleKey={"page-gas:page-gas-how-do-i-pay-less-gas-card-3-title"}
-            alt=""
-            descriptionKey={
-              "page-gas:page-gas-how-do-i-pay-less-gas-card-3-description"
-            }
-          >
-            <div>
-              <ButtonLink href="/layer-2/">
-                {t("page-gas-use-layer-2")}
-              </ButtonLink>
+              <p className="mb-6">{t("page-gas-how-do-i-pay-less-gas-text")}</p>
+              <Flex className="my-4 flex-wrap gap-8 lg:my-0">
+                <StyledCard
+                  emoji=":alarm_clock:"
+                  title={t("page-gas-how-do-i-pay-less-gas-card-1-title")}
+                  description={t(
+                    "page-gas-how-do-i-pay-less-gas-card-1-description"
+                  )}
+                ></StyledCard>
+                <StyledCard
+                  emoji=":robot:"
+                  title={t("page-gas-how-do-i-pay-less-gas-card-2-title")}
+                  description={t(
+                    "page-gas-how-do-i-pay-less-gas-card-2-description"
+                  )}
+                ></StyledCard>
+                <StyledCard
+                  emoji=":rocket:"
+                  title={t("page-gas-how-do-i-pay-less-gas-card-3-title")}
+                  description={t(
+                    "page-gas-how-do-i-pay-less-gas-card-3-description"
+                  )}
+                >
+                  <ButtonLink className="w-fit" href="/layer-2/">
+                    {t("page-gas-try-layer-2")}
+                  </ButtonLink>
+                </StyledCard>
+              </Flex>
             </div>
-          </Callout>
-          <Callout
-            className="min-h-full flex-[1_1_416px]"
-            image={dogeComputerImg}
-            titleKey={"page-community:page-community-explore-dapps-title"}
-            alt={t("page-community:page-community-explore-dapps-alt")}
-            descriptionKey={
-              "page-community:page-community-explore-dapps-description"
-            }
-          >
-            <div>
-              <ButtonLink href="/apps/">
-                {t("page-community:page-community-explore-dapps")}
-              </ButtonLink>
+          </Flex>
+        </Content>
+        <Content className="mb-16 lg:mb-32">
+          <Flex className="w-full flex-col items-start lg:flex-row">
+            <div className="me-auto ms-auto w-full flex-[60%] lg:me-16 lg:ms-0">
+              <H3 className="mt-0">
+                {t("page-gas-what-causes-high-gas-fees-header")}
+              </H3>
+              <p className="mb-6">
+                {t("page-gas-what-causes-high-gas-fees-text-1")}
+              </p>
+              <p className="mb-6">
+                <Translation id="page-gas:page-gas-what-causes-high-gas-fees-text-2" />
+              </p>
+              <p className="mb-6">
+                {t("page-gas-what-causes-high-gas-fees-text-3")}
+              </p>
+              <p className="mb-6">
+                {t("page-gas-want-to-dive-deeper")}{" "}
+                <InlineLink href="/developers/docs/gas/">
+                  {t("page-gas-check-out-the-developer-docs")}
+                </InlineLink>
+              </p>
+            </div>
+            <GhostCard className="mt-16 max-w-[640px] self-center md:w-2/5 lg:mt-2">
+              <Emoji text=":cat:" className="text-5xl" />
+              <H3>{t("page-gas-attack-of-the-cryptokitties-header")}</H3>
+              <p className="mb-6">
+                {t("page-gas-attack-of-the-cryptokitties-text")}
+              </p>
+            </GhostCard>
+          </Flex>
+        </Content>
+        <Content className="mb-16 lg:mb-32">
+          <Flex className="me-0 w-full flex-col items-start lg:me-8 lg:flex-row">
+            <div className="me-auto w-full lg:me-8">
+              <div>
+                <H2 className="mt-0">
+                  {t("page-gas-why-do-we-need-gas-header")}
+                </H2>
+                <p className="mb-6">{t("page-gas-why-do-we-need-gas-text")}</p>
+              </div>
+              {benefits.map((benefit, index) => (
+                <div key={index} className="my-2 min-w-full">
+                  <HorizontalCard
+                    key={benefit.emoji}
+                    emoji={benefit.emoji}
+                    description={benefit.description}
+                  />
+                </div>
+              ))}
             </div>
-          </Callout>
-        </Flex>
-      </Content>
-      <Content>
-        <StandaloneQuizWidget quizKey="gas" />
-      </Content>
-      <Content>
-        <FileContributors
-          className="my-10 border-t"
-          contributors={contributors}
-          lastEditLocaleTimestamp={lastEditLocaleTimestamp}
-        />
-        <FeedbackCard />
-      </Content>
-    </Page>
+            <div className="w-full">
+              <Image
+                className="object-contain"
+                src={ethImg}
+                alt=""
+                width={600}
+              />
+            </div>
+          </Flex>
+        </Content>
+        <Content className="mb-16 lg:mb-32">
+          <Flex className="flex-col items-start lg:flex-row">
+            <div className="me-auto w-full lg:me-8">
+              <Flex className="items-start">
+                <H2 className="mt-0">
+                  {t("page-gas-how-is-gas-calculated-header")}
+                </H2>
+
+                <Tag className="ms-4 mt-0.5" status="warning">
+                  {t("page-gas-advanced")}
+                </Tag>
+              </Flex>
+              <p className="mb-6">
+                {t("page-gas-how-is-gas-calculated-text-1")}
+              </p>
+              <UnorderedList className="ms-6 gap-3">
+                <ListItem>
+                  <Translation id="page-gas:page-gas-how-is-gas-calculated-item-1" />
+                </ListItem>
+                <ListItem>
+                  <Translation id="page-gas:page-gas-how-is-gas-calculated-item-2" />
+                </ListItem>
+                <ListItem>
+                  <Translation id="page-gas:page-gas-how-is-gas-calculated-item-3" />
+                  <UnorderedList className="ms-6 list-none gap-3">
+                    <ListItem className="text-sm text-body-medium">
+                      <Translation id="page-gas:page-gas-how-is-gas-calculated-list-item-1" />
+                    </ListItem>
+                  </UnorderedList>
+                </ListItem>
+              </UnorderedList>
+              <p className="mb-6">
+                <Translation id="page-gas:page-gas-how-is-gas-calculated-text-2" />
+              </p>
+            </div>
+            <Table className="min-w-[auto] max-w-full">
+              <TableCaption className="caption-bottom">
+                <Translation id="page-gas:page-gas-table-figure" />
+              </TableCaption>
+              <TableHeader>
+                <TableRow>
+                  <TableHead>{t("page-gas-table-header-1")}</TableHead>
+                  <TableHead>{t("page-gas-table-header-2")}</TableHead>
+                </TableRow>
+              </TableHeader>
+              <TableBody>
+                <TableRow>
+                  <TableCell>
+                    {t("page-gas-table-item-1-transaction-type")}
+                  </TableCell>
+                  <TableCell>21,000</TableCell>
+                </TableRow>
+                <TableRow>
+                  <TableCell>
+                    {t("page-gas-table-item-2-transaction-type")}
+                  </TableCell>
+                  <TableCell>65,000</TableCell>
+                </TableRow>
+                <TableRow>
+                  <TableCell>
+                    {t("page-gas-table-item-3-transaction-type")}
+                  </TableCell>
+                  <TableCell>84,904</TableCell>
+                </TableRow>
+                <TableRow>
+                  <TableCell>
+                    {t("page-gas-table-item-4-transaction-type")}
+                  </TableCell>
+                  <TableCell>184,523</TableCell>
+                </TableRow>
+              </TableBody>
+            </Table>
+          </Flex>
+        </Content>
+        <Content>
+          <H2 className="mt-0">{t("page-gas-faq-header")}</H2>
+          {/* MaxWidth will be enforced by FAQ component once implemented */}
+          <div className="max-w-[832px]">
+            <ExpandableCard title={t("page-gas-faq-question-1-q")}>
+              <p className="mb-6">
+                <Translation id="page-gas:page-gas-faq-question-1-a-1" />
+              </p>
+              <p className="mb-6">
+                <Translation id="page-gas:page-gas-faq-question-1-a-2" />
+              </p>
+            </ExpandableCard>
+            <ExpandableCard title={t("page-gas-faq-question-2-q")}>
+              <p className="mb-6">
+                <Translation id="page-gas:page-gas-faq-question-2-a-1" />
+              </p>
+              <BaseLink href="/eth/">
+                <Translation id="page-gas:page-gas-faq-question-2-a-2" />
+              </BaseLink>
+            </ExpandableCard>
+            <ExpandableCard title={t("page-gas-faq-question-3-q")}>
+              <p className="mb-6">
+                <Translation id="page-gas:page-gas-faq-question-3-a-1" />
+              </p>
+              <p className="mb-6">{t("page-gas-faq-question-3-a-2")}</p>
+            </ExpandableCard>
+          </div>
+        </Content>
+        <Divider />
+        <Content>
+          <Flex className="-mx-4 flex-wrap">
+            <Callout
+              className="min-h-full flex-[1_1_416px]"
+              image={whatIsEthereumImg}
+              titleKey={"page-gas:page-gas-how-do-i-pay-less-gas-card-3-title"}
+              alt=""
+              descriptionKey={
+                "page-gas:page-gas-how-do-i-pay-less-gas-card-3-description"
+              }
+            >
+              <div>
+                <ButtonLink href="/layer-2/">
+                  {t("page-gas-use-layer-2")}
+                </ButtonLink>
+              </div>
+            </Callout>
+            <Callout
+              className="min-h-full flex-[1_1_416px]"
+              image={dogeComputerImg}
+              titleKey={"page-community:page-community-explore-dapps-title"}
+              alt={t("page-community:page-community-explore-dapps-alt")}
+              descriptionKey={
+                "page-community:page-community-explore-dapps-description"
+              }
+            >
+              <div>
+                <ButtonLink href="/apps/">
+                  {t("page-community:page-community-explore-dapps")}
+                </ButtonLink>
+              </div>
+            </Callout>
+          </Flex>
+        </Content>
+        <Content>
+          <StandaloneQuizWidget quizKey="gas" />
+        </Content>
+        <Content>
+          <FileContributors
+            className="my-10 border-t"
+            contributors={contributors}
+            lastEditLocaleTimestamp={lastEditLocaleTimestamp}
+          />
+          <FeedbackCard />
+        </Content>
+      </Page>
+    </>
   )
 }
 
diff --git a/app/[locale]/gas/page.tsx b/app/[locale]/gas/page.tsx
index 19f69a5bd8d..07b2f831875 100644
--- a/app/[locale]/gas/page.tsx
+++ b/app/[locale]/gas/page.tsx
@@ -34,6 +34,7 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
       <GasPage
         contributors={contributors}
         lastEditLocaleTimestamp={lastEditLocaleTimestamp}
+        locale={locale}
       />
     </I18nProvider>
   )

From 2f0f28c89fab9cd18e77a92a768b878b14d790e2 Mon Sep 17 00:00:00 2001
From: Corwin Smith <cssmittys@gmail.com>
Date: Thu, 4 Sep 2025 15:47:17 -0600
Subject: [PATCH 13/41] feat: add JSON-LD structured data for the get-eth page

---
 app/[locale]/get-eth/page.tsx | 551 +++++++++++++++++++---------------
 1 file changed, 311 insertions(+), 240 deletions(-)

diff --git a/app/[locale]/get-eth/page.tsx b/app/[locale]/get-eth/page.tsx
index 4611c57079d..77bab5e8418 100644
--- a/app/[locale]/get-eth/page.tsx
+++ b/app/[locale]/get-eth/page.tsx
@@ -149,270 +149,341 @@ export default async function Page({
       commitHistoryCache
     )
 
+  // JSON-LD structured data for the get-eth page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": `https://ethereum.org/${locale}/get-eth/`,
+    name: t("page-get-eth-meta-title"),
+    description: t("page-get-eth-meta-desc"),
+    url: `https://ethereum.org/${locale}/get-eth/`,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: `https://ethereum.org/${locale}/`,
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: t("page-get-eth-meta-title"),
+          item: `https://ethereum.org/${locale}/get-eth/`,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+  }
+
+  // JSON-LD for the article content about getting ETH
+  const articleJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "Article",
+    headline: t("page-get-eth-where-to-buy-title"),
+    description: t("page-get-eth-meta-desc"),
+    image: "https://ethereum.org/images/get-eth.png",
+    author: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    dateModified: lastEditLocaleTimestamp,
+  }
+
   return (
-    <MainArticle>
-      <Stack className="gap-16 p-8">
-        <div className="relative flex w-full flex-col-reverse justify-center lg:mx-auto lg:mb-8 lg:flex-col">
-          <Image
-            src={hero}
-            className="absolute -z-[1] min-h-[300px] w-full object-cover max-md:hidden"
-            sizes="100vw"
-            alt={t("page-get-eth-hero-image-alt")}
-            priority
-          />
-          <div className="my-8 flex flex-col items-center text-center lg:mx-0 lg:mb-0 lg:mt-24">
-            <h1 className="my-8 text-4xl md:text-5xl">
-              {t("page-get-eth-where-to-buy-title")}
-            </h1>
-            <p className="mb-0 max-w-[45ch] text-center text-xl leading-snug text-body-medium">
-              {t("page-get-eth-where-to-buy-desc")}
-            </p>
-            <br />
-            <EthPriceCard className="mb-8" />
-            <ButtonLink
-              href="#country-picker"
-              customEventOptions={{
-                eventCategory: "Search by country button",
-                eventAction: "click",
-                eventName: "search_by_country",
-              }}
-            >
-              {t("page-get-eth-search-by-country")}
-            </ButtonLink>
+    <>
+      <script
+        id="jsonld-webpage-get-eth"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(webPageJsonLd),
+        }}
+      />
+
+      <script
+        id="jsonld-article-get-eth"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(articleJsonLd),
+        }}
+      />
+
+      <MainArticle>
+        <Stack className="gap-16 p-8">
+          <div className="relative flex w-full flex-col-reverse justify-center lg:mx-auto lg:mb-8 lg:flex-col">
+            <Image
+              src={hero}
+              className="absolute -z-[1] min-h-[300px] w-full object-cover max-md:hidden"
+              sizes="100vw"
+              alt={t("page-get-eth-hero-image-alt")}
+              priority
+            />
+            <div className="my-8 flex flex-col items-center text-center lg:mx-0 lg:mb-0 lg:mt-24">
+              <h1 className="my-8 text-4xl md:text-5xl">
+                {t("page-get-eth-where-to-buy-title")}
+              </h1>
+              <p className="mb-0 max-w-[45ch] text-center text-xl leading-snug text-body-medium">
+                {t("page-get-eth-where-to-buy-desc")}
+              </p>
+              <br />
+              <EthPriceCard className="mb-8" />
+              <ButtonLink
+                href="#country-picker"
+                customEventOptions={{
+                  eventCategory: "Search by country button",
+                  eventAction: "click",
+                  eventName: "search_by_country",
+                }}
+              >
+                {t("page-get-eth-search-by-country")}
+              </ButtonLink>
+            </div>
           </div>
-        </div>
 
-        <div className="my-4 grid grid-cols-1 gap-8 md:grid-cols-2 lg:my-0 lg:grid-cols-3">
-          <StyledCard
-            emoji=":office_building:"
-            title={t("page-get-eth-cex")}
-            description={t("page-get-eth-cex-desc")}
-          >
-            <InlineLink href="#country-picker">
-              {t("page-get-eth-cex-link-desc")}
-            </InlineLink>
-          </StyledCard>
-          <StyledCard
-            emoji=":building_construction:"
-            title={t("page-get-eth-earn")}
-            description={t("page-get-eth-earn-desc")}
-          >
-            <InlineLink href="/dao/">
-              {t("page-get-eth-daos-link-desc")}
-            </InlineLink>
-          </StyledCard>
-          <StyledCard
-            emoji=":busts_in_silhouette:"
-            title={t("page-get-eth-peers")}
-            description={t("page-get-eth-peers-desc")}
-          >
-            <InlineLink href="/wallets/">
-              {t("page-get-eth-wallets-link")}
-            </InlineLink>
-          </StyledCard>
-          <StyledCard
-            emoji=":robot:"
-            title={t("page-get-eth-dex")}
-            description={
-              <Translation id="page-get-eth:page-get-eth-dex-desc" />
-            }
-          >
-            <InlineLink href="#dex">{t("page-get-eth-try-dex")}</InlineLink>
-          </StyledCard>
-          <StyledCard
-            emoji=":key:"
-            title={t("page-get-eth-wallets")}
-            description={t("page-get-eth-wallets-purchasing")}
-          >
-            <InlineLink href="/wallets/">
-              {t("page-get-eth-wallets-link")}
-            </InlineLink>
-          </StyledCard>
-          <StyledCard
-            emoji=":shield:"
-            title={t("page-get-eth-staking")}
-            description={t("page-get-eth-staking-desc")}
-          >
-            <InlineLink href="/staking">
-              {t("page-get-eth-staking-link-desc")}
-            </InlineLink>
-          </StyledCard>
-        </div>
-
-        <Stack className="gap-16">
-          <p>
-            <em>
-              {tCommon("listing-policy-disclaimer")}{" "}
-              <InlineLink href="https://github.com/ethereum/ethereum-org-website/issues/new/choose">
-                {t("listing-policy-raise-issue-link")}
+          <div className="my-4 grid grid-cols-1 gap-8 md:grid-cols-2 lg:my-0 lg:grid-cols-3">
+            <StyledCard
+              emoji=":office_building:"
+              title={t("page-get-eth-cex")}
+              description={t("page-get-eth-cex-desc")}
+            >
+              <InlineLink href="#country-picker">
+                {t("page-get-eth-cex-link-desc")}
               </InlineLink>
-            </em>
-          </p>
-          <Alert className="mx-auto w-fit" variant="update">
-            <AlertContent className="flex flex-row items-center gap-4">
-              <Emoji className="text-4xl" text=":wave:" />
-              <AlertDescription>
-                {t("page-get-eth-new-to-eth")}{" "}
-                <InlineLink href="/eth/">
-                  {t("page-get-eth-whats-eth-link")}
-                </InlineLink>
-              </AlertDescription>
-            </AlertContent>
-          </Alert>
-        </Stack>
-
-        <div
-          id="country-picker"
-          className={cn(
-            "-mx-8 my-0 flex flex-col items-center px-8 py-16 sm:p-16 md:my-16 lg:mx-0",
-            "bg-gradient-to-r from-accent-a/10 to-accent-c/10 dark:from-accent-a/20 dark:to-accent-c-hover/20"
-          )}
-        >
-          <div className="flex flex-col items-center">
-            <h2 className="mb-4">{t("page-get-eth-exchanges-header")}</h2>
-            <p className="mb-8 max-w-screen-md text-center">
-              {t("page-get-eth-exchanges-intro")}
-            </p>
-
-            {/* CLIENT SIDE */}
-            <I18nProvider locale={locale} messages={messages}>
-              <CentralizedExchanges lastDataUpdateDate={lastDataUpdateDate} />
-            </I18nProvider>
+            </StyledCard>
+            <StyledCard
+              emoji=":building_construction:"
+              title={t("page-get-eth-earn")}
+              description={t("page-get-eth-earn-desc")}
+            >
+              <InlineLink href="/dao/">
+                {t("page-get-eth-daos-link-desc")}
+              </InlineLink>
+            </StyledCard>
+            <StyledCard
+              emoji=":busts_in_silhouette:"
+              title={t("page-get-eth-peers")}
+              description={t("page-get-eth-peers-desc")}
+            >
+              <InlineLink href="/wallets/">
+                {t("page-get-eth-wallets-link")}
+              </InlineLink>
+            </StyledCard>
+            <StyledCard
+              emoji=":robot:"
+              title={t("page-get-eth-dex")}
+              description={
+                <Translation id="page-get-eth:page-get-eth-dex-desc" />
+              }
+            >
+              <InlineLink href="#dex">{t("page-get-eth-try-dex")}</InlineLink>
+            </StyledCard>
+            <StyledCard
+              emoji=":key:"
+              title={t("page-get-eth-wallets")}
+              description={t("page-get-eth-wallets-purchasing")}
+            >
+              <InlineLink href="/wallets/">
+                {t("page-get-eth-wallets-link")}
+              </InlineLink>
+            </StyledCard>
+            <StyledCard
+              emoji=":shield:"
+              title={t("page-get-eth-staking")}
+              description={t("page-get-eth-staking-desc")}
+            >
+              <InlineLink href="/staking">
+                {t("page-get-eth-staking-link-desc")}
+              </InlineLink>
+            </StyledCard>
           </div>
-        </div>
 
-        <Stack className="gap-12">
-          <h2 id="dex" className="text-2xl leading-6 md:text-3xl">
-            {t("page-get-eth-dexs")}
-          </h2>
-          <TwoColumnContent>
-            <Stack className="gap-4">
-              <h3 className="text-xl leading-6 md:text-2xl">
-                {t("page-get-eth-what-are-DEX's")}
-              </h3>
-              <p>{t("page-get-eth-dexs-desc")}</p>
-              <p>
-                {t("page-get-eth-dexs-desc-2")}{" "}
-                <InlineLink href="/smart-contracts">
-                  {t("page-get-eth-smart-contract-link")}
+          <Stack className="gap-16">
+            <p>
+              <em>
+                {tCommon("listing-policy-disclaimer")}{" "}
+                <InlineLink href="https://github.com/ethereum/ethereum-org-website/issues/new/choose">
+                  {t("listing-policy-raise-issue-link")}
                 </InlineLink>
+              </em>
+            </p>
+            <Alert className="mx-auto w-fit" variant="update">
+              <AlertContent className="flex flex-row items-center gap-4">
+                <Emoji className="text-4xl" text=":wave:" />
+                <AlertDescription>
+                  {t("page-get-eth-new-to-eth")}{" "}
+                  <InlineLink href="/eth/">
+                    {t("page-get-eth-whats-eth-link")}
+                  </InlineLink>
+                </AlertDescription>
+              </AlertContent>
+            </Alert>
+          </Stack>
+
+          <div
+            id="country-picker"
+            className={cn(
+              "-mx-8 my-0 flex flex-col items-center px-8 py-16 sm:p-16 md:my-16 lg:mx-0",
+              "bg-gradient-to-r from-accent-a/10 to-accent-c/10 dark:from-accent-a/20 dark:to-accent-c-hover/20"
+            )}
+          >
+            <div className="flex flex-col items-center">
+              <h2 className="mb-4">{t("page-get-eth-exchanges-header")}</h2>
+              <p className="mb-8 max-w-screen-md text-center">
+                {t("page-get-eth-exchanges-intro")}
               </p>
-              <p>{t("page-get-eth-dexs-desc-3")}</p>
-              <p>{t("page-get-eth-need-wallet")}</p>
-              <ButtonLink href="/wallets/find-wallet/" className="w-fit">
-                {t("page-get-eth-get-wallet-btn")}
-              </ButtonLink>
-              <Alert variant="warning">
-                <AlertContent>
-                  <AlertDescription>
-                    <Translation id="page-get-eth:page-get-eth-dexs-desc-4" />
-                  </AlertDescription>
-                </AlertContent>
-              </Alert>
-            </Stack>
-
-            <Stack className="gap-4">
-              <h3 className="text-xl leading-6 md:text-2xl">
-                {t("page-get-eth-other-cryptos")}
-              </h3>
-              <p>{t("page-get-eth-swapping")}</p>
-              <CardList items={tokenSwaps} />
-              <Alert variant="warning">
-                <AlertContent>
-                  <AlertDescription>
-                    <Translation id="page-get-eth:page-get-eth-warning" />
-                  </AlertDescription>
-                </AlertContent>
-              </Alert>
-            </Stack>
-          </TwoColumnContent>
-        </Stack>
 
-        <Divider className="mx-auto my-16 md:my-32" />
-
-        <Stack className="gap-12">
-          <h2 className="text-2xl leading-6 md:text-3xl">
-            {t("page-get-eth-keep-it-safe")}
-          </h2>
-          <TwoColumnContent>
-            <Stack className="gap-4">
-              <Image
-                src={wallet}
-                className="mb-8 h-auto w-full self-center sm:w-[60%] md:w-1/2"
-                sizes={`(max-width: ${screens.sm}) 100vw, (max-width: ${screens.md}) 60vw, calc(${screens["2xl"]} / 2)`}
-                alt=""
-              />
-              <h3 className="text-xl leading-6 md:text-2xl">
-                {t("page-get-eth-community-safety")}
-              </h3>
-              <CardList items={safetyArticles} />
-            </Stack>
-
-            <Stack className="gap-8">
-              <Stack className="gap-4">
-                <p>{t("page-get-eth-description")}</p>
-                <p>{t("page-get-eth-security")}</p>
-              </Stack>
+              {/* CLIENT SIDE */}
+              <I18nProvider locale={locale} messages={messages}>
+                <CentralizedExchanges lastDataUpdateDate={lastDataUpdateDate} />
+              </I18nProvider>
+            </div>
+          </div>
+
+          <Stack className="gap-12">
+            <h2 id="dex" className="text-2xl leading-6 md:text-3xl">
+              {t("page-get-eth-dexs")}
+            </h2>
+            <TwoColumnContent>
               <Stack className="gap-4">
                 <h3 className="text-xl leading-6 md:text-2xl">
-                  {t("page-get-eth-protect-eth-in-wallet")}
+                  {t("page-get-eth-what-are-DEX's")}
                 </h3>
-                <p>{t("page-get-eth-protect-eth-desc")}</p>
-                <InlineLink href="/wallets/">
-                  {t("page-get-eth-your-address-wallet-link")}
-                </InlineLink>
+                <p>{t("page-get-eth-dexs-desc")}</p>
+                <p>
+                  {t("page-get-eth-dexs-desc-2")}{" "}
+                  <InlineLink href="/smart-contracts">
+                    {t("page-get-eth-smart-contract-link")}
+                  </InlineLink>
+                </p>
+                <p>{t("page-get-eth-dexs-desc-3")}</p>
+                <p>{t("page-get-eth-need-wallet")}</p>
+                <ButtonLink href="/wallets/find-wallet/" className="w-fit">
+                  {t("page-get-eth-get-wallet-btn")}
+                </ButtonLink>
+                <Alert variant="warning">
+                  <AlertContent>
+                    <AlertDescription>
+                      <Translation id="page-get-eth:page-get-eth-dexs-desc-4" />
+                    </AlertDescription>
+                  </AlertContent>
+                </Alert>
               </Stack>
+
               <Stack className="gap-4">
                 <h3 className="text-xl leading-6 md:text-2xl">
-                  {t("page-get-eth-your-address")}
+                  {t("page-get-eth-other-cryptos")}
                 </h3>
-                <p>{t("page-get-eth-your-address-desc")}</p>
-                <div className="mb-6 flex select-none flex-col-reverse justify-between rounded bg-[#191919] p-2 lg:flex-row">
-                  <p className="mb-0 font-monospace text-xs text-white">
-                    0x0125e2478d69eXaMpLe81766fef5c120d30fb53f
-                  </p>
-                  <p className="mx-4 mb-0 text-sm uppercase text-error">
-                    {t("page-get-eth-do-not-copy")}
-                  </p>
-                </div>
-                <p>{t("page-get-eth-your-address-desc-3")}</p>
+                <p>{t("page-get-eth-swapping")}</p>
+                <CardList items={tokenSwaps} />
+                <Alert variant="warning">
+                  <AlertContent>
+                    <AlertDescription>
+                      <Translation id="page-get-eth:page-get-eth-warning" />
+                    </AlertDescription>
+                  </AlertContent>
+                </Alert>
               </Stack>
+            </TwoColumnContent>
+          </Stack>
+
+          <Divider className="mx-auto my-16 md:my-32" />
+
+          <Stack className="gap-12">
+            <h2 className="text-2xl leading-6 md:text-3xl">
+              {t("page-get-eth-keep-it-safe")}
+            </h2>
+            <TwoColumnContent>
               <Stack className="gap-4">
+                <Image
+                  src={wallet}
+                  className="mb-8 h-auto w-full self-center sm:w-[60%] md:w-1/2"
+                  sizes={`(max-width: ${screens.sm}) 100vw, (max-width: ${screens.md}) 60vw, calc(${screens["2xl"]} / 2)`}
+                  alt=""
+                />
                 <h3 className="text-xl leading-6 md:text-2xl">
-                  {t("page-get-eth-wallet-instructions")}
+                  {t("page-get-eth-community-safety")}
                 </h3>
-                <p>{t("page-get-eth-wallet-instructions-lost")}</p>
+                <CardList items={safetyArticles} />
               </Stack>
-            </Stack>
-          </TwoColumnContent>
-        </Stack>
 
-        <Divider className="mx-auto my-16 md:my-32" />
-
-        <CalloutBanner
-          className="mx-4 mb-40 mt-24"
-          titleKey="page-get-eth:page-get-eth-use-your-eth"
-          descriptionKey="page-get-eth:page-get-eth-use-your-eth-dapps"
-          image={dapps}
-          alt={t("page-index:page-index-sections-individuals-image-alt")}
-          imageWidth={600}
-        >
-          <div>
-            <ButtonLink href="/apps/">
-              {t("page-get-eth-checkout-dapps-btn")}
-            </ButtonLink>
-          </div>
-        </CalloutBanner>
+              <Stack className="gap-8">
+                <Stack className="gap-4">
+                  <p>{t("page-get-eth-description")}</p>
+                  <p>{t("page-get-eth-security")}</p>
+                </Stack>
+                <Stack className="gap-4">
+                  <h3 className="text-xl leading-6 md:text-2xl">
+                    {t("page-get-eth-protect-eth-in-wallet")}
+                  </h3>
+                  <p>{t("page-get-eth-protect-eth-desc")}</p>
+                  <InlineLink href="/wallets/">
+                    {t("page-get-eth-your-address-wallet-link")}
+                  </InlineLink>
+                </Stack>
+                <Stack className="gap-4">
+                  <h3 className="text-xl leading-6 md:text-2xl">
+                    {t("page-get-eth-your-address")}
+                  </h3>
+                  <p>{t("page-get-eth-your-address-desc")}</p>
+                  <div className="mb-6 flex select-none flex-col-reverse justify-between rounded bg-[#191919] p-2 lg:flex-row">
+                    <p className="mb-0 font-monospace text-xs text-white">
+                      0x0125e2478d69eXaMpLe81766fef5c120d30fb53f
+                    </p>
+                    <p className="mx-4 mb-0 text-sm uppercase text-error">
+                      {t("page-get-eth-do-not-copy")}
+                    </p>
+                  </div>
+                  <p>{t("page-get-eth-your-address-desc-3")}</p>
+                </Stack>
+                <Stack className="gap-4">
+                  <h3 className="text-xl leading-6 md:text-2xl">
+                    {t("page-get-eth-wallet-instructions")}
+                  </h3>
+                  <p>{t("page-get-eth-wallet-instructions-lost")}</p>
+                </Stack>
+              </Stack>
+            </TwoColumnContent>
+          </Stack>
+
+          <Divider className="mx-auto my-16 md:my-32" />
+
+          <CalloutBanner
+            className="mx-4 mb-40 mt-24"
+            titleKey="page-get-eth:page-get-eth-use-your-eth"
+            descriptionKey="page-get-eth:page-get-eth-use-your-eth-dapps"
+            image={dapps}
+            alt={t("page-index:page-index-sections-individuals-image-alt")}
+            imageWidth={600}
+          >
+            <div>
+              <ButtonLink href="/apps/">
+                {t("page-get-eth-checkout-dapps-btn")}
+              </ButtonLink>
+            </div>
+          </CalloutBanner>
 
-        <FileContributors
-          className="border-t"
-          contributors={contributors}
-          lastEditLocaleTimestamp={lastEditLocaleTimestamp}
-        />
+          <FileContributors
+            className="border-t"
+            contributors={contributors}
+            lastEditLocaleTimestamp={lastEditLocaleTimestamp}
+          />
 
-        <FeedbackCard />
-      </Stack>
-    </MainArticle>
+          <FeedbackCard />
+        </Stack>
+      </MainArticle>
+    </>
   )
 }
 

From f67d15082876e30ccbd3b37c5fa0d95aafa02d0b Mon Sep 17 00:00:00 2001
From: Corwin Smith <cssmittys@gmail.com>
Date: Thu, 4 Sep 2025 16:13:49 -0600
Subject: [PATCH 14/41] feat: add JSON-LD structured data for Layer 2 pages

---
 app/[locale]/layer-2/_components/layer-2.tsx  | 867 ++++++++++--------
 .../layer-2/learn/_components/learn.tsx       | 484 ++++++----
 app/[locale]/layer-2/learn/page.tsx           |   1 +
 .../layer-2/networks/_components/networks.tsx | 247 +++--
 4 files changed, 963 insertions(+), 636 deletions(-)

diff --git a/app/[locale]/layer-2/_components/layer-2.tsx b/app/[locale]/layer-2/_components/layer-2.tsx
index 7216a7c88db..31c8f7acd1a 100644
--- a/app/[locale]/layer-2/_components/layer-2.tsx
+++ b/app/[locale]/layer-2/_components/layer-2.tsx
@@ -84,426 +84,557 @@ const Layer2Hub = ({
     },
   ]
 
+  // JSON-LD structured data for the Layer 2 page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": `https://ethereum.org/${locale}/layer-2/`,
+    name: t("page-layer-2-meta-title"),
+    description: t("page-layer-2-meta-description"),
+    url: `https://ethereum.org/${locale}/layer-2/`,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: `https://ethereum.org/${locale}/`,
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: t("page-layer-2-meta-title"),
+          item: `https://ethereum.org/${locale}/layer-2/`,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+  }
+
+  // JSON-LD for the article content about Layer 2
+  const articleJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "Article",
+    headline: t("page-layer-2-hero-title"),
+    description: t("page-layer-2-meta-description"),
+    image: "https://ethereum.org/images/layer-2/learn-hero.png",
+    author: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+  }
+
+  // JSON-LD for FAQ section
+  const faqJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "FAQPage",
+    mainEntity: [
+      {
+        "@type": "Question",
+        name: t("page-layer-2-faq-ExpandableCard-1-title"),
+        acceptedAnswer: {
+          "@type": "Answer",
+          text: `${t("page-layer-2-faq-ExpandableCard-1-description-1")} ${t("page-layer-2-faq-ExpandableCard-1-description-2")}`,
+        },
+      },
+      {
+        "@type": "Question",
+        name: t("page-layer-2-faq-ExpandableCard-2-title"),
+        acceptedAnswer: {
+          "@type": "Answer",
+          text: `${t("page-layer-2-faq-ExpandableCard-2-description-1")} ${t("page-layer-2-faq-ExpandableCard-2-description-2")}`,
+        },
+      },
+      {
+        "@type": "Question",
+        name: t("page-layer-2-faq-ExpandableCard-3-title"),
+        acceptedAnswer: {
+          "@type": "Answer",
+          text: t("page-layer-2-faq-ExpandableCard-3-description"),
+        },
+      },
+      {
+        "@type": "Question",
+        name: t("page-layer-2-faq-ExpandableCard-4-title"),
+        acceptedAnswer: {
+          "@type": "Answer",
+          text: t("page-layer-2-faq-ExpandableCard-4-description"),
+        },
+      },
+    ],
+  }
+
   return (
-    <MainArticle className="relative flex flex-col">
-      <HubHero {...heroContent} />
+    <>
+      <script
+        id="jsonld-webpage-layer2"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(webPageJsonLd),
+        }}
+      />
 
-      <div
-        id="layer-2-powered-by-ethereum"
-        className="flex w-full flex-col gap-8 px-8 py-9"
-      >
-        <div className="flex flex-col gap-16 md:flex-row">
-          <div className="flex flex-1 flex-col gap-8">
-            <h2>{t("page-layer-2-powered-by-ethereum-title")}</h2>
-            <p>
-              <strong>
-                {t("page-layer-2-powered-by-ethereum-description-1")}{" "}
-              </strong>
-              {t("page-layer-2-powered-by-ethereum-description-2")}
-            </p>
-            <p>{t("page-layer-2-powered-by-ethereum-description-3")}</p>
-          </div>
-          <div className="flex flex-1">
-            <Image
-              src={ManDogCardImage}
-              alt={t("page-layer-2-man-and-dog-alt")}
-              style={{
-                width: "100%",
-                maxHeight: "240px",
-                objectFit: "contain",
-              }}
-            />
-          </div>
-        </div>
-      </div>
+      <script
+        id="jsonld-article-layer2"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(articleJsonLd),
+        }}
+      />
 
-      <div id="layer-2-stats-box" className="w-full px-8 py-9">
-        <div className="m-auto max-w-[992px] py-9">
-          <div className="flex flex-col gap-8 border border-body-light p-8 md:flex-row md:gap-14">
-            <div className="flex-1">
-              <div className="max-w-[224px]">
-                <p className="text-5xl">
-                  $
-                  {(
-                    growThePieData.dailyTxCosts["ethereum"] || 0
-                  ).toLocaleString(locale as Lang, {
-                    minimumFractionDigits: 2,
-                    maximumFractionDigits: 2,
-                  })}
-                </p>
-                <p className="text-body-medium">
-                  {t("page-layer-2-blockchain-transaction-cost")}
-                </p>
-              </div>
+      <script
+        id="jsonld-faq-layer2"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(faqJsonLd),
+        }}
+      />
+
+      <MainArticle className="relative flex flex-col">
+        <HubHero {...heroContent} />
+
+        <div
+          id="layer-2-powered-by-ethereum"
+          className="flex w-full flex-col gap-8 px-8 py-9"
+        >
+          <div className="flex flex-col gap-16 md:flex-row">
+            <div className="flex flex-1 flex-col gap-8">
+              <h2>{t("page-layer-2-powered-by-ethereum-title")}</h2>
+              <p>
+                <strong>
+                  {t("page-layer-2-powered-by-ethereum-description-1")}{" "}
+                </strong>
+                {t("page-layer-2-powered-by-ethereum-description-2")}
+              </p>
+              <p>{t("page-layer-2-powered-by-ethereum-description-3")}</p>
             </div>
-            <div className="h-auto w-auto self-stretch border-b border-body-light md:border-r" />
-            <div className="flex-1">
-              <div className="max-w-[224px]">
-                <p className="text-5xl">
-                  $
-                  {medianTxCost.toLocaleString(locale as Lang, {
-                    minimumFractionDigits: 2,
-                    maximumFractionDigits: 3,
-                  })}
-                </p>
-                <p className="text-body-medium">
-                  {t("page-layer-2-networks-transaction-cost")}
-                </p>
-              </div>
+            <div className="flex flex-1">
+              <Image
+                src={ManDogCardImage}
+                alt={t("page-layer-2-man-and-dog-alt")}
+                style={{
+                  width: "100%",
+                  maxHeight: "240px",
+                  objectFit: "contain",
+                }}
+              />
             </div>
           </div>
         </div>
-      </div>
 
-      <div id="layer-2-the-network-of-networks" className="w-full py-9 sm:px-8">
-        <div className="flex flex-col gap-8 overflow-hidden bg-[#B9B9F1] bg-opacity-20 px-4 py-10 text-center">
-          <h2>{t("page-layer-2-network-of-networks-title")}</h2>
-          <p className="font-md">
-            {t("page-layer-2-network-of-networks-description")}
-          </p>
-          <div className="relative m-auto h-[275px] w-[275px] sm:h-[375px] sm:w-[375px]">
-            {/* Outer ring */}
-            <div className="absolute inset-0 rounded-full border border-dashed border-body-medium"></div>
-            <div className="absolute inset-0 animate-spin-30 rounded-full">
-              {/* Top logo */}
-              <div className="absolute -top-[12px] left-1/2 h-6 w-6 -translate-x-1/2 -translate-y-1/2 transform animate-counter-spin-30 rounded-full bg-primary">
-                <Image
-                  className="rounded-full"
-                  src={randomL2s[0].logo}
-                  alt={randomL2s[0].name}
-                  width={24}
-                  height={24}
-                />
-              </div>
-              {/* Bottom right logo */}
-              <div className="absolute bottom-[17%] right-[8%] h-6 w-6 -translate-x-1/2 -translate-y-1/2 transform animate-counter-spin-30 rounded-full">
-                <Image
-                  className="rounded-full"
-                  src={randomL2s[1].logo}
-                  alt={randomL2s[1].name}
-                  width={24}
-                  height={24}
-                />
+        <div id="layer-2-stats-box" className="w-full px-8 py-9">
+          <div className="m-auto max-w-[992px] py-9">
+            <div className="flex flex-col gap-8 border border-body-light p-8 md:flex-row md:gap-14">
+              <div className="flex-1">
+                <div className="max-w-[224px]">
+                  <p className="text-5xl">
+                    $
+                    {(
+                      growThePieData.dailyTxCosts["ethereum"] || 0
+                    ).toLocaleString(locale as Lang, {
+                      minimumFractionDigits: 2,
+                      maximumFractionDigits: 2,
+                    })}
+                  </p>
+                  <p className="text-body-medium">
+                    {t("page-layer-2-blockchain-transaction-cost")}
+                  </p>
+                </div>
               </div>
-              {/* Bottom left logo */}
-              <div className="absolute bottom-[17%] left-[8%] h-6 w-6 -translate-x-1/2 -translate-y-1/2 transform animate-counter-spin-30 rounded-full">
-                <Image
-                  className="rounded-full"
-                  src={randomL2s[2].logo}
-                  alt={randomL2s[2].name}
-                  width={24}
-                  height={24}
-                />
+              <div className="h-auto w-auto self-stretch border-b border-body-light md:border-r" />
+              <div className="flex-1">
+                <div className="max-w-[224px]">
+                  <p className="text-5xl">
+                    $
+                    {medianTxCost.toLocaleString(locale as Lang, {
+                      minimumFractionDigits: 2,
+                      maximumFractionDigits: 3,
+                    })}
+                  </p>
+                  <p className="text-body-medium">
+                    {t("page-layer-2-networks-transaction-cost")}
+                  </p>
+                </div>
               </div>
             </div>
+          </div>
+        </div>
 
-            {/* Middle ring */}
-            <div className="absolute inset-[30px] rounded-full border border-dashed border-body-medium sm:inset-[54px]"></div>
-            <div className="absolute inset-[30px] animate-spin-21 rounded-full sm:inset-[54px]">
-              {/* Top logo */}
-              <div className="absolute -top-[12px] left-1/2 h-6 w-6 -translate-x-1/2 -translate-y-1/2 transform animate-counter-spin-21 rounded-full">
-                <Image
-                  className="rounded-full"
-                  src={randomL2s[3].logo}
-                  alt={randomL2s[3].name}
-                  width={24}
-                  height={24}
-                />
-              </div>
-              {/* Bottom right logo */}
-              <div className="absolute bottom-[15%] right-[5%] h-6 w-6 transform animate-counter-spin-21 rounded-full">
-                <Image
-                  className="rounded-full"
-                  src={randomL2s[4].logo}
-                  alt={randomL2s[4].name}
-                  width={24}
-                  height={24}
-                />
-              </div>
-              {/* Bottom left logo */}
-              <div className="absolute bottom-[15%] left-[5%] h-6 w-6 transform animate-counter-spin-21 rounded-full">
-                <Image
-                  className="rounded-full"
-                  src={randomL2s[5].logo}
-                  alt={randomL2s[5].name}
-                  width={24}
-                  height={24}
-                />
+        <div
+          id="layer-2-the-network-of-networks"
+          className="w-full py-9 sm:px-8"
+        >
+          <div className="flex flex-col gap-8 overflow-hidden bg-[#B9B9F1] bg-opacity-20 px-4 py-10 text-center">
+            <h2>{t("page-layer-2-network-of-networks-title")}</h2>
+            <p className="font-md">
+              {t("page-layer-2-network-of-networks-description")}
+            </p>
+            <div className="relative m-auto h-[275px] w-[275px] sm:h-[375px] sm:w-[375px]">
+              {/* Outer ring */}
+              <div className="absolute inset-0 rounded-full border border-dashed border-body-medium"></div>
+              <div className="absolute inset-0 animate-spin-30 rounded-full">
+                {/* Top logo */}
+                <div className="absolute -top-[12px] left-1/2 h-6 w-6 -translate-x-1/2 -translate-y-1/2 transform animate-counter-spin-30 rounded-full bg-primary">
+                  <Image
+                    className="rounded-full"
+                    src={randomL2s[0].logo}
+                    alt={randomL2s[0].name}
+                    width={24}
+                    height={24}
+                  />
+                </div>
+                {/* Bottom right logo */}
+                <div className="absolute bottom-[17%] right-[8%] h-6 w-6 -translate-x-1/2 -translate-y-1/2 transform animate-counter-spin-30 rounded-full">
+                  <Image
+                    className="rounded-full"
+                    src={randomL2s[1].logo}
+                    alt={randomL2s[1].name}
+                    width={24}
+                    height={24}
+                  />
+                </div>
+                {/* Bottom left logo */}
+                <div className="absolute bottom-[17%] left-[8%] h-6 w-6 -translate-x-1/2 -translate-y-1/2 transform animate-counter-spin-30 rounded-full">
+                  <Image
+                    className="rounded-full"
+                    src={randomL2s[2].logo}
+                    alt={randomL2s[2].name}
+                    width={24}
+                    height={24}
+                  />
+                </div>
               </div>
-            </div>
 
-            {/* Inner ring */}
-            <div className="absolute inset-[60px] rounded-full border border-dashed border-body-medium sm:inset-[108px]"></div>
-            <div className="absolute inset-[60px] animate-spin-9 rounded-full sm:inset-[108px]">
-              {/* Top logo */}
-              <div className="absolute -top-[12px] left-1/2 h-6 w-6 -translate-x-1/2 -translate-y-1/2 transform animate-counter-spin-9 rounded-full">
-                <Image
-                  className="rounded-full"
-                  src={randomL2s[6].logo}
-                  alt={randomL2s[6].name}
-                  width={24}
-                  height={24}
-                />
+              {/* Middle ring */}
+              <div className="absolute inset-[30px] rounded-full border border-dashed border-body-medium sm:inset-[54px]"></div>
+              <div className="absolute inset-[30px] animate-spin-21 rounded-full sm:inset-[54px]">
+                {/* Top logo */}
+                <div className="absolute -top-[12px] left-1/2 h-6 w-6 -translate-x-1/2 -translate-y-1/2 transform animate-counter-spin-21 rounded-full">
+                  <Image
+                    className="rounded-full"
+                    src={randomL2s[3].logo}
+                    alt={randomL2s[3].name}
+                    width={24}
+                    height={24}
+                  />
+                </div>
+                {/* Bottom right logo */}
+                <div className="absolute bottom-[15%] right-[5%] h-6 w-6 transform animate-counter-spin-21 rounded-full">
+                  <Image
+                    className="rounded-full"
+                    src={randomL2s[4].logo}
+                    alt={randomL2s[4].name}
+                    width={24}
+                    height={24}
+                  />
+                </div>
+                {/* Bottom left logo */}
+                <div className="absolute bottom-[15%] left-[5%] h-6 w-6 transform animate-counter-spin-21 rounded-full">
+                  <Image
+                    className="rounded-full"
+                    src={randomL2s[5].logo}
+                    alt={randomL2s[5].name}
+                    width={24}
+                    height={24}
+                  />
+                </div>
               </div>
-              {/* Bottom right logo */}
-              <div className="absolute bottom-[15%] right-[5%] h-6 w-6 transform animate-counter-spin-9 rounded-full">
-                <Image
-                  className="rounded-full"
-                  src={randomL2s[7].logo}
-                  alt={randomL2s[7].name}
-                  width={24}
-                  height={24}
-                />
+
+              {/* Inner ring */}
+              <div className="absolute inset-[60px] rounded-full border border-dashed border-body-medium sm:inset-[108px]"></div>
+              <div className="absolute inset-[60px] animate-spin-9 rounded-full sm:inset-[108px]">
+                {/* Top logo */}
+                <div className="absolute -top-[12px] left-1/2 h-6 w-6 -translate-x-1/2 -translate-y-1/2 transform animate-counter-spin-9 rounded-full">
+                  <Image
+                    className="rounded-full"
+                    src={randomL2s[6].logo}
+                    alt={randomL2s[6].name}
+                    width={24}
+                    height={24}
+                  />
+                </div>
+                {/* Bottom right logo */}
+                <div className="absolute bottom-[15%] right-[5%] h-6 w-6 transform animate-counter-spin-9 rounded-full">
+                  <Image
+                    className="rounded-full"
+                    src={randomL2s[7].logo}
+                    alt={randomL2s[7].name}
+                    width={24}
+                    height={24}
+                  />
+                </div>
+                {/* Bottom left logo */}
+                <div className="absolute bottom-[15%] left-[5%] h-6 w-6 transform animate-counter-spin-9 rounded-full">
+                  <Image
+                    className="rounded-full"
+                    src={randomL2s[8].logo}
+                    alt={randomL2s[8].name}
+                    width={24}
+                    height={24}
+                  />
+                </div>
               </div>
-              {/* Bottom left logo */}
-              <div className="absolute bottom-[15%] left-[5%] h-6 w-6 transform animate-counter-spin-9 rounded-full">
+
+              {/* Center Ethereum Logo */}
+              <div className="absolute left-1/2 top-1/2 h-12 w-12 -translate-x-1/2 -translate-y-1/2 transform">
                 <Image
-                  className="rounded-full"
-                  src={randomL2s[8].logo}
-                  alt={randomL2s[8].name}
-                  width={24}
-                  height={24}
+                  src={EthereumLogo}
+                  alt="Ethereum"
+                  width={48}
+                  height={48}
                 />
               </div>
             </div>
-
-            {/* Center Ethereum Logo */}
-            <div className="absolute left-1/2 top-1/2 h-12 w-12 -translate-x-1/2 -translate-y-1/2 transform">
-              <Image src={EthereumLogo} alt="Ethereum" width={48} height={48} />
-            </div>
-          </div>
-        </div>
-      </div>
-
-      <div id="layer-2-callout-cards" className="w-full px-8 py-9">
-        <div className="flex flex-col gap-9 md:flex-row">
-          {calloutCards.map((card, idx) => {
-            return (
-              <div key={idx} className="flex flex-1">
-                <Card
-                  description={card.description}
-                  title={card.title}
-                  emoji={card.emoji}
-                  className="flex flex-1 flex-col"
-                />
-              </div>
-            )
-          })}
-        </div>
-      </div>
-
-      <div id="layer-2-ready-to-start" className="w-full px-8 py-9">
-        <div className="flex flex-col items-center gap-8">
-          <h2>{t("page-layer-2-ready-to-start-title")}</h2>
-          <p>{t("page-layer-2-ready-to-start-description")}</p>
-          <div>
-            <ButtonLink
-              href="/layer-2/networks"
-              customEventOptions={{
-                eventCategory: "l2_hub",
-                eventAction: "button_click",
-                eventName: "mid_explore_networks",
-              }}
-            >
-              {t("page-layer-2-ready-to-start-button")}
-            </ButtonLink>
           </div>
         </div>
-      </div>
 
-      <div id="layer-2-cta" className="w-full px-8 py-9">
-        <div className="mx-auto flex max-w-[640px] flex-col gap-6 rounded bg-main-gradient p-8">
-          <div className="flex flex-col gap-6">
-            {userRandomL2s.map((l2, idx) => {
+        <div id="layer-2-callout-cards" className="w-full px-8 py-9">
+          <div className="flex flex-col gap-9 md:flex-row">
+            {calloutCards.map((card, idx) => {
               return (
-                <div
-                  key={idx}
-                  className={`flex flex-1 flex-col items-start gap-4 p-4 md:flex-row md:items-center ${
-                    idx < randomL2s.slice(0, 3).length - 1
-                      ? "border-b border-background"
-                      : ""
-                  }`}
-                >
-                  <div className="flex flex-1 flex-col items-start gap-4 md:flex-row md:items-center">
-                    <div className="flex h-14 w-14 items-center justify-center rounded-md bg-background shadow-drop">
-                      <Image
-                        src={l2.logo}
-                        alt={l2.name}
-                        style={{
-                          width: "46px",
-                          height: "46px",
-                        }}
-                      />
-                    </div>
-                    <div className="flex flex-1 flex-col gap-1">
-                      <p className="text-xl font-bold">{l2.name}</p>
-                      <p className="text-body-medium">{t(l2.description)}</p>
-                    </div>
-                  </div>
-                  <div className="flex w-full md:w-auto">
-                    <ButtonLink
-                      href={l2.website}
-                      variant="outline"
-                      className="w-full"
-                      customEventOptions={{
-                        eventCategory: "l2_hub",
-                        eventAction: "button_click",
-                        eventName: "mid_powered_by_ethereum",
-                      }}
-                    >
-                      {t("page-layer-2-go")}
-                    </ButtonLink>
-                  </div>
+                <div key={idx} className="flex flex-1">
+                  <Card
+                    description={card.description}
+                    title={card.title}
+                    emoji={card.emoji}
+                    className="flex flex-1 flex-col"
+                  />
                 </div>
               )
             })}
           </div>
-
-          <div className="flex justify-center">
-            <div className="mx-auto inline-flex items-center justify-center gap-2 rounded-full bg-background px-4 py-2 text-sm font-bold">
-              <Image
-                src={EthereumLogo}
-                alt={t("page-layer-2-ethereum-logo-alt")}
-                style={{
-                  width: "24px",
-                  height: "24px",
-                }}
-              />
-              <p>{t("page-layer-2-powered-by-ethereum-title")}</p>
-            </div>
-          </div>
         </div>
-      </div>
 
-      <div
-        id="layer-2-why-do-we-need-multiple-networks"
-        className="w-full px-8 py-9"
-      >
-        <div className="flex flex-col gap-8 bg-background-highlight px-12 py-12 md:flex-row">
-          <div className="flex flex-1 items-center justify-center">
-            <Image src={WalkingImage} alt="Walking" height={345} width={264} />
-          </div>
-          <div className="flex flex-1 flex-col justify-center gap-6">
-            <h2>{t("page-layer-2-why-do-we-need-multiple-networks-1")}</h2>
-            <p>{t("page-layer-2-why-do-we-need-multiple-networks-2")}</p>
+        <div id="layer-2-ready-to-start" className="w-full px-8 py-9">
+          <div className="flex flex-col items-center gap-8">
+            <h2>{t("page-layer-2-ready-to-start-title")}</h2>
+            <p>{t("page-layer-2-ready-to-start-description")}</p>
             <div>
               <ButtonLink
-                href="/layer-2/learn"
+                href="/layer-2/networks"
                 customEventOptions={{
                   eventCategory: "l2_hub",
                   eventAction: "button_click",
-                  eventName: "mid_l2_learn",
+                  eventName: "mid_explore_networks",
                 }}
               >
-                {t("common:learn-more")}
+                {t("page-layer-2-ready-to-start-button")}
               </ButtonLink>
             </div>
           </div>
         </div>
-      </div>
 
-      <div
-        id="layer-2-faq"
-        className="flex w-full max-w-[832px] flex-col gap-12 px-8 py-9"
-      >
-        <h2>{t("page-layer-2-faq-title")}</h2>
-        <div>
-          <ExpandableCard
-            title={t("page-layer-2-faq-ExpandableCard-1-title")}
-            eventCategory="l2_hub"
-            eventAction="expand"
-            eventName="how do i know if a network is part of ethereum"
-          >
-            <div className="flex flex-col gap-8">
-              <p>
-                {t("page-layer-2-faq-ExpandableCard-1-description-1")}{" "}
-                <InlineLink href="/layer-2/networks">
-                  {t("common:nav-ethereum-networks")}
-                </InlineLink>
-                {t("page-layer-2-period")}
-              </p>
-              <p>{t("page-layer-2-faq-ExpandableCard-1-description-2")}</p>
+        <div id="layer-2-cta" className="w-full px-8 py-9">
+          <div className="mx-auto flex max-w-[640px] flex-col gap-6 rounded bg-main-gradient p-8">
+            <div className="flex flex-col gap-6">
+              {userRandomL2s.map((l2, idx) => {
+                return (
+                  <div
+                    key={idx}
+                    className={`flex flex-1 flex-col items-start gap-4 p-4 md:flex-row md:items-center ${
+                      idx < randomL2s.slice(0, 3).length - 1
+                        ? "border-b border-background"
+                        : ""
+                    }`}
+                  >
+                    <div className="flex flex-1 flex-col items-start gap-4 md:flex-row md:items-center">
+                      <div className="flex h-14 w-14 items-center justify-center rounded-md bg-background shadow-drop">
+                        <Image
+                          src={l2.logo}
+                          alt={l2.name}
+                          style={{
+                            width: "46px",
+                            height: "46px",
+                          }}
+                        />
+                      </div>
+                      <div className="flex flex-1 flex-col gap-1">
+                        <p className="text-xl font-bold">{l2.name}</p>
+                        <p className="text-body-medium">{t(l2.description)}</p>
+                      </div>
+                    </div>
+                    <div className="flex w-full md:w-auto">
+                      <ButtonLink
+                        href={l2.website}
+                        variant="outline"
+                        className="w-full"
+                        customEventOptions={{
+                          eventCategory: "l2_hub",
+                          eventAction: "button_click",
+                          eventName: "mid_powered_by_ethereum",
+                        }}
+                      >
+                        {t("page-layer-2-go")}
+                      </ButtonLink>
+                    </div>
+                  </div>
+                )
+              })}
             </div>
-          </ExpandableCard>
-          <ExpandableCard
-            title={t("page-layer-2-faq-ExpandableCard-2-title")}
-            eventCategory="l2_hub"
-            eventAction="expand"
-            eventName="are all these networks safe"
-          >
-            <div className="flex flex-col gap-8">
-              <p>
-                {t("page-layer-2-faq-ExpandableCard-2-description-1")}{" "}
-                <InlineLink href="/layer-2/networks">
-                  {t("page-layer-2-faq-ExpandableCard-2-link")}
-                </InlineLink>
-                {t("page-layer-2-period")}
-              </p>
-              <p>{t("page-layer-2-faq-ExpandableCard-2-description-2")}</p>
+
+            <div className="flex justify-center">
+              <div className="mx-auto inline-flex items-center justify-center gap-2 rounded-full bg-background px-4 py-2 text-sm font-bold">
+                <Image
+                  src={EthereumLogo}
+                  alt={t("page-layer-2-ethereum-logo-alt")}
+                  style={{
+                    width: "24px",
+                    height: "24px",
+                  }}
+                />
+                <p>{t("page-layer-2-powered-by-ethereum-title")}</p>
+              </div>
             </div>
-          </ExpandableCard>
-          <ExpandableCard
-            title={t("page-layer-2-faq-ExpandableCard-3-title")}
-            eventCategory="l2_hub"
-            eventAction="expand"
-            eventName="why can't ethereum scale its own chain instead of relying on these networks"
-          >
-            <p>{t("page-layer-2-faq-ExpandableCard-3-description")}</p>
-          </ExpandableCard>
-          <ExpandableCard
-            title={t("page-layer-2-faq-ExpandableCard-4-title")}
-            eventCategory="l2_hub"
-            eventAction="expand"
-            eventName="why is there no official ethereum networks"
-          >
-            <p>{t("page-layer-2-faq-ExpandableCard-4-description")}</p>
-          </ExpandableCard>
+          </div>
         </div>
-      </div>
 
-      <div
-        id="layer-2-callout-cards"
-        className="flex w-full flex-col px-8 py-8 md:flex-row"
-      >
-        <CalloutSSR
-          image={ExploreImage}
-          title={t("page-layer-2-callout-1-title")}
-          description={t("page-layer-2-callout-1-description")}
+        <div
+          id="layer-2-why-do-we-need-multiple-networks"
+          className="w-full px-8 py-9"
         >
-          <div>
-            <ButtonLink
-              href="/layer-2/networks"
-              customEventOptions={{
-                eventCategory: "l2_hub",
-                eventAction: "button_click",
-                eventName: "bottom_explore_networks",
-              }}
-            >
-              {t("common:nav-networks-explore-networks-label")}
-            </ButtonLink>
+          <div className="flex flex-col gap-8 bg-background-highlight px-12 py-12 md:flex-row">
+            <div className="flex flex-1 items-center justify-center">
+              <Image
+                src={WalkingImage}
+                alt="Walking"
+                height={345}
+                width={264}
+              />
+            </div>
+            <div className="flex flex-1 flex-col justify-center gap-6">
+              <h2>{t("page-layer-2-why-do-we-need-multiple-networks-1")}</h2>
+              <p>{t("page-layer-2-why-do-we-need-multiple-networks-2")}</p>
+              <div>
+                <ButtonLink
+                  href="/layer-2/learn"
+                  customEventOptions={{
+                    eventCategory: "l2_hub",
+                    eventAction: "button_click",
+                    eventName: "mid_l2_learn",
+                  }}
+                >
+                  {t("common:learn-more")}
+                </ButtonLink>
+              </div>
+            </div>
           </div>
-        </CalloutSSR>
-        <CalloutSSR
-          image={WalkingImage}
-          title={t("page-layer-2-callout-2-title")}
-          description={t("page-layer-2-callout-2-description")}
-          headerClassName="-mt-6"
+        </div>
+
+        <div
+          id="layer-2-faq"
+          className="flex w-full max-w-[832px] flex-col gap-12 px-8 py-9"
         >
+          <h2>{t("page-layer-2-faq-title")}</h2>
           <div>
-            <ButtonLink
-              href="/layer-2/learn"
-              customEventOptions={{
-                eventCategory: "l2_hub",
-                eventAction: "button_click",
-                eventName: "bottom_l2_learn",
-              }}
+            <ExpandableCard
+              title={t("page-layer-2-faq-ExpandableCard-1-title")}
+              eventCategory="l2_hub"
+              eventAction="expand"
+              eventName="how do i know if a network is part of ethereum"
             >
-              {t("common:learn-more")}
-            </ButtonLink>
+              <div className="flex flex-col gap-8">
+                <p>
+                  {t("page-layer-2-faq-ExpandableCard-1-description-1")}{" "}
+                  <InlineLink href="/layer-2/networks">
+                    {t("common:nav-ethereum-networks")}
+                  </InlineLink>
+                  {t("page-layer-2-period")}
+                </p>
+                <p>{t("page-layer-2-faq-ExpandableCard-1-description-2")}</p>
+              </div>
+            </ExpandableCard>
+            <ExpandableCard
+              title={t("page-layer-2-faq-ExpandableCard-2-title")}
+              eventCategory="l2_hub"
+              eventAction="expand"
+              eventName="are all these networks safe"
+            >
+              <div className="flex flex-col gap-8">
+                <p>
+                  {t("page-layer-2-faq-ExpandableCard-2-description-1")}{" "}
+                  <InlineLink href="/layer-2/networks">
+                    {t("page-layer-2-faq-ExpandableCard-2-link")}
+                  </InlineLink>
+                  {t("page-layer-2-period")}
+                </p>
+                <p>{t("page-layer-2-faq-ExpandableCard-2-description-2")}</p>
+              </div>
+            </ExpandableCard>
+            <ExpandableCard
+              title={t("page-layer-2-faq-ExpandableCard-3-title")}
+              eventCategory="l2_hub"
+              eventAction="expand"
+              eventName="why can't ethereum scale its own chain instead of relying on these networks"
+            >
+              <p>{t("page-layer-2-faq-ExpandableCard-3-description")}</p>
+            </ExpandableCard>
+            <ExpandableCard
+              title={t("page-layer-2-faq-ExpandableCard-4-title")}
+              eventCategory="l2_hub"
+              eventAction="expand"
+              eventName="why is there no official ethereum networks"
+            >
+              <p>{t("page-layer-2-faq-ExpandableCard-4-description")}</p>
+            </ExpandableCard>
           </div>
-        </CalloutSSR>
-      </div>
-    </MainArticle>
+        </div>
+
+        <div
+          id="layer-2-callout-cards"
+          className="flex w-full flex-col px-8 py-8 md:flex-row"
+        >
+          <CalloutSSR
+            image={ExploreImage}
+            title={t("page-layer-2-callout-1-title")}
+            description={t("page-layer-2-callout-1-description")}
+          >
+            <div>
+              <ButtonLink
+                href="/layer-2/networks"
+                customEventOptions={{
+                  eventCategory: "l2_hub",
+                  eventAction: "button_click",
+                  eventName: "bottom_explore_networks",
+                }}
+              >
+                {t("common:nav-networks-explore-networks-label")}
+              </ButtonLink>
+            </div>
+          </CalloutSSR>
+          <CalloutSSR
+            image={WalkingImage}
+            title={t("page-layer-2-callout-2-title")}
+            description={t("page-layer-2-callout-2-description")}
+            headerClassName="-mt-6"
+          >
+            <div>
+              <ButtonLink
+                href="/layer-2/learn"
+                customEventOptions={{
+                  eventCategory: "l2_hub",
+                  eventAction: "button_click",
+                  eventName: "bottom_l2_learn",
+                }}
+              >
+                {t("common:learn-more")}
+              </ButtonLink>
+            </div>
+          </CalloutSSR>
+        </div>
+      </MainArticle>
+    </>
   )
 }
 
diff --git a/app/[locale]/layer-2/learn/_components/learn.tsx b/app/[locale]/layer-2/learn/_components/learn.tsx
index 2751930fb07..5a0c9f9ac11 100644
--- a/app/[locale]/layer-2/learn/_components/learn.tsx
+++ b/app/[locale]/layer-2/learn/_components/learn.tsx
@@ -26,6 +26,7 @@ import WhatIsEthereumImage from "@/public/images/what-is-ethereum.png"
 const Layer2Learn = ({
   contributors,
   lastEditLocaleTimestamp,
+  locale,
 }: PageWithContributorsProps) => {
   const { t } = useTranslation("page-layer-2-learn")
   const pathname = usePathname()
@@ -94,244 +95,327 @@ const Layer2Learn = ({
     },
   ]
 
+  // JSON-LD structured data for the Layer 2 Learn page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": `https://ethereum.org/${locale}/layer-2/learn/`,
+    name: t("page-layer-2-learn-meta-title"),
+    description: t("page-layer-2-learn-description"),
+    url: `https://ethereum.org/${locale}/layer-2/learn/`,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: `https://ethereum.org/${locale}/`,
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: "Layer 2",
+          item: `https://ethereum.org/${locale}/layer-2/`,
+        },
+        {
+          "@type": "ListItem",
+          position: 3,
+          name: t("page-layer-2-learn-meta-title"),
+          item: `https://ethereum.org/${locale}/layer-2/learn/`,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+  }
+
+  // JSON-LD for the article content about learning Layer 2
+  const articleJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "Article",
+    headline: t("page-layer-2-learn-title"),
+    description: t("page-layer-2-learn-description"),
+    image: "https://ethereum.org/images/layer-2/learn-hero.png",
+    author: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    dateModified: lastEditLocaleTimestamp,
+  }
+
   return (
-    <MainArticle className="relative flex flex-col">
-      <ContentHero {...heroProps} />
+    <>
+      <script
+        id="jsonld-webpage-layer2-learn"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(webPageJsonLd),
+        }}
+      />
 
-      <div
-        id="what-is-layer-2"
-        className="flex w-full flex-col items-center gap-4 px-8 py-9 md:flex-row"
-      >
-        <div className="flex w-full flex-col gap-4 md:w-[70%]">
-          <h2>{t("page-layer-2-learn-what-is-layer-2-title")}</h2>
-          <p>
-            <Translation id="page-layer-2-learn:page-layer-2-learn-what-is-layer-2-1" />
-          </p>
-          <p>
-            <Translation id="page-layer-2-learn:page-layer-2-learn-what-is-layer-2-2" />
-          </p>
-        </div>
-        <div className="w-full md:w-[30%]">
-          <Image
-            src={WhatIsEthereumImage}
-            alt="What is Ethereum"
-            className="h-full w-full object-cover"
-          />
-        </div>
-      </div>
+      <script
+        id="jsonld-article-layer2-learn"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(articleJsonLd),
+        }}
+      />
+
+      <MainArticle className="relative flex flex-col">
+        <ContentHero {...heroProps} />
 
-      <div
-        id="what-is-layer-1"
-        className="flex w-full flex-col gap-4 bg-body-light px-8 py-9"
-      >
-        <h2>{t("page-layer-2-learn-what-is-layer-1-title")}</h2>
-        <div className="flex flex-col justify-between gap-16 md:flex-row">
-          <div className="flex w-full flex-col justify-between gap-4 md:w-[50%]">
+        <div
+          id="what-is-layer-2"
+          className="flex w-full flex-col items-center gap-4 px-8 py-9 md:flex-row"
+        >
+          <div className="flex w-full flex-col gap-4 md:w-[70%]">
+            <h2>{t("page-layer-2-learn-what-is-layer-2-title")}</h2>
             <p>
-              <Translation id="page-layer-2-learn:page-layer-2-learn-what-is-layer-1-1" />
+              <Translation id="page-layer-2-learn:page-layer-2-learn-what-is-layer-2-1" />
             </p>
             <p>
-              <Translation id="page-layer-2-learn:page-layer-2-learn-what-is-layer-1-2" />
+              <Translation id="page-layer-2-learn:page-layer-2-learn-what-is-layer-2-2" />
             </p>
           </div>
+          <div className="w-full md:w-[30%]">
+            <Image
+              src={WhatIsEthereumImage}
+              alt="What is Ethereum"
+              className="h-full w-full object-cover"
+            />
+          </div>
+        </div>
+
+        <div
+          id="what-is-layer-1"
+          className="flex w-full flex-col gap-4 bg-body-light px-8 py-9"
+        >
+          <h2>{t("page-layer-2-learn-what-is-layer-1-title")}</h2>
+          <div className="flex flex-col justify-between gap-16 md:flex-row">
+            <div className="flex w-full flex-col justify-between gap-4 md:w-[50%]">
+              <p>
+                <Translation id="page-layer-2-learn:page-layer-2-learn-what-is-layer-1-1" />
+              </p>
+              <p>
+                <Translation id="page-layer-2-learn:page-layer-2-learn-what-is-layer-1-2" />
+              </p>
+            </div>
+            <div className="flex w-full flex-col gap-4 md:w-[50%]">
+              <p>
+                <strong>{t("page-layer-2-learn-layer-1-list-title")}</strong>
+              </p>
+              <ol className="list-none space-y-2 pl-0 [counter-reset:item]">
+                <li className="flex items-center space-x-3">
+                  <span className="flex h-8 w-8 flex-none items-center justify-center rounded-full bg-body-inverse text-sm font-medium [counter-increment:item] before:content-[counter(item)]"></span>
+                  <span>
+                    <Translation id="page-layer-2-learn:page-layer-2-learn-layer-1-list-1" />
+                  </span>
+                </li>
+                <li className="flex items-center space-x-3">
+                  <span className="flex h-8 w-8 flex-none items-center justify-center rounded-full bg-body-inverse text-sm font-medium [counter-increment:item] before:content-[counter(item)]"></span>
+                  <span>
+                    <Translation id="page-layer-2-learn:page-layer-2-learn-layer-1-list-2" />
+                  </span>
+                </li>
+                <li className="flex items-center space-x-3">
+                  <span className="flex h-8 w-8 flex-none items-center justify-center rounded-full bg-body-inverse text-sm font-medium [counter-increment:item] before:content-[counter(item)]"></span>
+                  <span>
+                    <Translation id="page-layer-2-learn:page-layer-2-learn-layer-1-list-3" />
+                  </span>
+                </li>
+                <li className="flex items-center space-x-3">
+                  <span className="flex h-8 w-8 flex-none items-center justify-center rounded-full bg-body-inverse text-sm font-medium [counter-increment:item] before:content-[counter(item)]"></span>
+                  <span>
+                    <Translation id="page-layer-2-learn:page-layer-2-learn-layer-1-list-4" />
+                  </span>
+                </li>
+              </ol>
+            </div>
+          </div>
+        </div>
+
+        <div
+          id="why-do-we-need-layer-2"
+          className="flex w-full flex-col gap-16 px-8 py-9 md:flex-row"
+        >
+          <div className="w-full items-center justify-center md:w-[50%]">
+            <Image src={DAOImage} alt="" />
+          </div>
+
           <div className="flex w-full flex-col gap-4 md:w-[50%]">
+            <h2>{t("page-layer-2-learn-why-do-we-need-layer-2-title")}</h2>
+            <p>{t("page-layer-2-learn-why-do-we-need-layer-2-1")}</p>
+            <p>{t("page-layer-2-learn-why-do-we-need-layer-2-2")}</p>
+            <h3>
+              {t("page-layer-2-learn-why-do-we-need-layer-2-scalability")}
+            </h3>
+            <p>
+              <Translation id="page-layer-2-learn:page-layer-2-learn-why-do-we-need-layer-2-scalability-1" />
+            </p>
             <p>
-              <strong>{t("page-layer-2-learn-layer-1-list-title")}</strong>
+              {t("page-layer-2-learn-why-do-we-need-layer-2-scalability-2")}
             </p>
-            <ol className="list-none space-y-2 pl-0 [counter-reset:item]">
-              <li className="flex items-center space-x-3">
-                <span className="flex h-8 w-8 flex-none items-center justify-center rounded-full bg-body-inverse text-sm font-medium [counter-increment:item] before:content-[counter(item)]"></span>
-                <span>
-                  <Translation id="page-layer-2-learn:page-layer-2-learn-layer-1-list-1" />
-                </span>
-              </li>
-              <li className="flex items-center space-x-3">
-                <span className="flex h-8 w-8 flex-none items-center justify-center rounded-full bg-body-inverse text-sm font-medium [counter-increment:item] before:content-[counter(item)]"></span>
-                <span>
-                  <Translation id="page-layer-2-learn:page-layer-2-learn-layer-1-list-2" />
-                </span>
-              </li>
-              <li className="flex items-center space-x-3">
-                <span className="flex h-8 w-8 flex-none items-center justify-center rounded-full bg-body-inverse text-sm font-medium [counter-increment:item] before:content-[counter(item)]"></span>
-                <span>
-                  <Translation id="page-layer-2-learn:page-layer-2-learn-layer-1-list-3" />
-                </span>
-              </li>
-              <li className="flex items-center space-x-3">
-                <span className="flex h-8 w-8 flex-none items-center justify-center rounded-full bg-body-inverse text-sm font-medium [counter-increment:item] before:content-[counter(item)]"></span>
-                <span>
-                  <Translation id="page-layer-2-learn:page-layer-2-learn-layer-1-list-4" />
-                </span>
-              </li>
-            </ol>
           </div>
         </div>
-      </div>
 
-      <div
-        id="why-do-we-need-layer-2"
-        className="flex w-full flex-col gap-16 px-8 py-9 md:flex-row"
-      >
-        <div className="w-full items-center justify-center md:w-[50%]">
-          <Image src={DAOImage} alt="" />
+        <div id="layer-2-cards" className="w-full px-8 py-9">
+          <div className="flex flex-col gap-9 md:flex-row">
+            {layer2Cards.map((card, idx) => {
+              return (
+                <div key={idx} className="flex flex-1">
+                  <Card
+                    description={card.description}
+                    title={card.title}
+                    emoji={card.emoji}
+                    className="flex flex-1 flex-col"
+                  />
+                </div>
+              )
+            })}
+          </div>
         </div>
 
-        <div className="flex w-full flex-col gap-4 md:w-[50%]">
-          <h2>{t("page-layer-2-learn-why-do-we-need-layer-2-title")}</h2>
-          <p>{t("page-layer-2-learn-why-do-we-need-layer-2-1")}</p>
-          <p>{t("page-layer-2-learn-why-do-we-need-layer-2-2")}</p>
-          <h3>{t("page-layer-2-learn-why-do-we-need-layer-2-scalability")}</h3>
-          <p>
-            <Translation id="page-layer-2-learn:page-layer-2-learn-why-do-we-need-layer-2-scalability-1" />
-          </p>
-          <p>{t("page-layer-2-learn-why-do-we-need-layer-2-scalability-2")}</p>
+        <div
+          id="how-does-layer-2-work"
+          className="flex w-full flex-col gap-16 px-8 py-9 md:flex-row"
+        >
+          <div className="flex w-full flex-col gap-4 md:w-[50%]">
+            <h2>{t("page-layer-2-learn-how-does-layer-2-work-title")}</h2>
+            <p>{t("page-layer-2-learn-how-does-layer-2-work-1")}</p>
+            <p>{t("page-layer-2-learn-how-does-layer-2-work-2")}</p>
+            <h3>
+              {t("page-layer-2-learn-how-does-layer-2-work-rollups-title")}
+            </h3>
+            <p>{t("page-layer-2-learn-how-does-layer-2-work-rollups-1")}</p>
+            <p>{t("page-layer-2-learn-how-does-layer-2-work-rollups-2")}</p>
+          </div>
+          <div className="flex w-full md:w-[50%]">
+            <Image src={RollupImage} alt={""} className="object-contain" />
+          </div>
         </div>
-      </div>
 
-      <div id="layer-2-cards" className="w-full px-8 py-9">
-        <div className="flex flex-col gap-9 md:flex-row">
-          {layer2Cards.map((card, idx) => {
+        <div
+          id="rollup-cards"
+          className="flex w-full flex-col gap-8 px-8 py-9 md:flex-row"
+        >
+          {rollupCards.map((card, idx) => {
             return (
-              <div key={idx} className="flex flex-1">
-                <Card
-                  description={card.description}
-                  title={card.title}
-                  emoji={card.emoji}
-                  className="flex flex-1 flex-col"
-                />
+              <div
+                key={idx}
+                className="flex w-full flex-col gap-4 rounded-sm border border-solid border-body-light bg-background-highlight p-6 md:w-[50%]"
+              >
+                <Image src={card.image} alt={""} />
+                <h3>{card.title}</h3>
+                <p>{card.description}</p>
+                <a href={card.childLink}>{card.childSentence}</a>
               </div>
             )
           })}
         </div>
-      </div>
-
-      <div
-        id="how-does-layer-2-work"
-        className="flex w-full flex-col gap-16 px-8 py-9 md:flex-row"
-      >
-        <div className="flex w-full flex-col gap-4 md:w-[50%]">
-          <h2>{t("page-layer-2-learn-how-does-layer-2-work-title")}</h2>
-          <p>{t("page-layer-2-learn-how-does-layer-2-work-1")}</p>
-          <p>{t("page-layer-2-learn-how-does-layer-2-work-2")}</p>
-          <h3>{t("page-layer-2-learn-how-does-layer-2-work-rollups-title")}</h3>
-          <p>{t("page-layer-2-learn-how-does-layer-2-work-rollups-1")}</p>
-          <p>{t("page-layer-2-learn-how-does-layer-2-work-rollups-2")}</p>
-        </div>
-        <div className="flex w-full md:w-[50%]">
-          <Image src={RollupImage} alt={""} className="object-contain" />
-        </div>
-      </div>
 
-      <div
-        id="rollup-cards"
-        className="flex w-full flex-col gap-8 px-8 py-9 md:flex-row"
-      >
-        {rollupCards.map((card, idx) => {
-          return (
-            <div
-              key={idx}
-              className="flex w-full flex-col gap-4 rounded-sm border border-solid border-body-light bg-background-highlight p-6 md:w-[50%]"
-            >
-              <Image src={card.image} alt={""} />
-              <h3>{card.title}</h3>
-              <p>{card.description}</p>
-              <a href={card.childLink}>{card.childSentence}</a>
+        <div id="dyor-risks" className="w-full px-8 py-9">
+          <div className="flex flex-col gap-8 bg-orange-100 px-12 py-12 text-gray-900">
+            <h2>{t("page-layer-2-learn-dyor-title")}</h2>
+            <div className="flex flex-col gap-4">
+              <p>
+                <Translation id="page-layer-2-learn:page-layer-2-learn-dyor-1" />
+              </p>
+              <p>{t("page-layer-2-learn-dyor-2")}</p>
             </div>
-          )
-        })}
-      </div>
-
-      <div id="dyor-risks" className="w-full px-8 py-9">
-        <div className="flex flex-col gap-8 bg-orange-100 px-12 py-12 text-gray-900">
-          <h2>{t("page-layer-2-learn-dyor-title")}</h2>
-          <div className="flex flex-col gap-4">
-            <p>
-              <Translation id="page-layer-2-learn:page-layer-2-learn-dyor-1" />
-            </p>
-            <p>{t("page-layer-2-learn-dyor-2")}</p>
-          </div>
-          <div>
-            <ButtonLink
-              href="https://l2beat.com"
-              customEventOptions={{
-                eventCategory: "l2_learn",
-                eventAction: "button_click",
-                eventName: "l2beat_link",
-              }}
-            >
-              {t("page-layer-2-learn-dyor-link")}
-            </ButtonLink>
-          </div>
-        </div>
-      </div>
-
-      <div
-        id="a-not-on-alt-l1s"
-        className="flex w-full flex-col gap-8 px-8 py-9"
-      >
-        <h2>{t("page-layer-2-learn-note-on-alt-l1-title")}</h2>
-        <div className="flex flex-col gap-8 md:flex-row">
-          <div>
-            <p>{t("page-layer-2-learn-note-on-alt-l1-1")}</p>
-          </div>
-          <div>
-            <p>
-              <Translation id="page-layer-2-learn:page-layer-2-learn-note-on-alt-l1-2" />
-            </p>
-          </div>
-        </div>
-        <FileContributors
-          className="my-10 border-t"
-          contributors={contributors}
-          lastEditLocaleTimestamp={lastEditLocaleTimestamp}
-        />
-      </div>
-
-      <div id="callout-cards" className="px-8 py-9">
-        <div className="flex w-full flex-col lg:flex-row">
-          <CalloutSSR
-            image={Callout1Image}
-            title={t("page-layer-2-learn-callout-1-title")}
-            description={t("page-layer-2-learn-callout-1-description")}
-          >
             <div>
               <ButtonLink
-                href="/layer-2"
+                href="https://l2beat.com"
                 customEventOptions={{
                   eventCategory: "l2_learn",
                   eventAction: "button_click",
-                  eventName: "learn_more",
+                  eventName: "l2beat_link",
                 }}
               >
-                {t("page-layer-2-learn-learn-more")}
+                {t("page-layer-2-learn-dyor-link")}
               </ButtonLink>
             </div>
-          </CalloutSSR>
-          <CalloutSSR
-            image={Callout2Image}
-            title={t("page-layer-2-learn-callout-2-title")}
-            description={t("page-layer-2-learn-callout-2-description")}
-          >
+          </div>
+        </div>
+
+        <div
+          id="a-not-on-alt-l1s"
+          className="flex w-full flex-col gap-8 px-8 py-9"
+        >
+          <h2>{t("page-layer-2-learn-note-on-alt-l1-title")}</h2>
+          <div className="flex flex-col gap-8 md:flex-row">
             <div>
-              <ButtonLink
-                href="/layer-2/networks"
-                customEventOptions={{
-                  eventCategory: "l2_learn",
-                  eventAction: "button_click",
-                  eventName: "explore_networks",
-                }}
-              >
-                {t("page-layer-2-learn-explore-networks")}
-              </ButtonLink>
+              <p>{t("page-layer-2-learn-note-on-alt-l1-1")}</p>
+            </div>
+            <div>
+              <p>
+                <Translation id="page-layer-2-learn:page-layer-2-learn-note-on-alt-l1-2" />
+              </p>
             </div>
-          </CalloutSSR>
+          </div>
+          <FileContributors
+            className="my-10 border-t"
+            contributors={contributors}
+            lastEditLocaleTimestamp={lastEditLocaleTimestamp}
+          />
         </div>
-      </div>
 
-      <div id="quiz" className="px-8 py-9">
-        <StandaloneQuizWidget quizKey="layer-2" />
-      </div>
-    </MainArticle>
+        <div id="callout-cards" className="px-8 py-9">
+          <div className="flex w-full flex-col lg:flex-row">
+            <CalloutSSR
+              image={Callout1Image}
+              title={t("page-layer-2-learn-callout-1-title")}
+              description={t("page-layer-2-learn-callout-1-description")}
+            >
+              <div>
+                <ButtonLink
+                  href="/layer-2"
+                  customEventOptions={{
+                    eventCategory: "l2_learn",
+                    eventAction: "button_click",
+                    eventName: "learn_more",
+                  }}
+                >
+                  {t("page-layer-2-learn-learn-more")}
+                </ButtonLink>
+              </div>
+            </CalloutSSR>
+            <CalloutSSR
+              image={Callout2Image}
+              title={t("page-layer-2-learn-callout-2-title")}
+              description={t("page-layer-2-learn-callout-2-description")}
+            >
+              <div>
+                <ButtonLink
+                  href="/layer-2/networks"
+                  customEventOptions={{
+                    eventCategory: "l2_learn",
+                    eventAction: "button_click",
+                    eventName: "explore_networks",
+                  }}
+                >
+                  {t("page-layer-2-learn-explore-networks")}
+                </ButtonLink>
+              </div>
+            </CalloutSSR>
+          </div>
+        </div>
+
+        <div id="quiz" className="px-8 py-9">
+          <StandaloneQuizWidget quizKey="layer-2" />
+        </div>
+      </MainArticle>
+    </>
   )
 }
 
diff --git a/app/[locale]/layer-2/learn/page.tsx b/app/[locale]/layer-2/learn/page.tsx
index 066b5aa2d2f..ea92143e095 100644
--- a/app/[locale]/layer-2/learn/page.tsx
+++ b/app/[locale]/layer-2/learn/page.tsx
@@ -38,6 +38,7 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
       <LearnPage
         contributors={contributors}
         lastEditLocaleTimestamp={lastEditLocaleTimestamp}
+        locale={locale}
       />
     </I18nProvider>
   )
diff --git a/app/[locale]/layer-2/networks/_components/networks.tsx b/app/[locale]/layer-2/networks/_components/networks.tsx
index d1b707a622c..d9107fe05b5 100644
--- a/app/[locale]/layer-2/networks/_components/networks.tsx
+++ b/app/[locale]/layer-2/networks/_components/networks.tsx
@@ -24,83 +24,194 @@ const Layer2Networks = ({ layer2Data, locale, mainnetData }) => {
     description: t("page-layer-2-networks-hero-description"),
   }
 
+  // JSON-LD structured data for the Layer 2 Networks page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": `https://ethereum.org/${locale}/layer-2/networks/`,
+    name: t("page-layer-2-networks-meta-title"),
+    description: t("page-layer-2-networks-hero-description"),
+    url: `https://ethereum.org/${locale}/layer-2/networks/`,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: `https://ethereum.org/${locale}/`,
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: "Layer 2",
+          item: `https://ethereum.org/${locale}/layer-2/`,
+        },
+        {
+          "@type": "ListItem",
+          position: 3,
+          name: t("page-layer-2-networks-meta-title"),
+          item: `https://ethereum.org/${locale}/layer-2/networks/`,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
+  }
+
+  // JSON-LD for Layer 2 Networks listing
+  const networksItemListJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "ItemList",
+    name: "Ethereum Layer 2 Networks",
+    description:
+      "A comprehensive list of Ethereum Layer 2 scaling networks with TVL, transaction costs, and maturity data",
+    numberOfItems: layer2Data.length,
+    itemListElement: layer2Data.map((network, index) => ({
+      "@type": "ListItem",
+      position: index + 1,
+      item: {
+        "@type": "SoftwareApplication",
+        name: network.name,
+        description:
+          network.description || `${network.name} Layer 2 network on Ethereum`,
+        url: network.website,
+        applicationCategory: "Blockchain Network",
+        operatingSystem: "Ethereum",
+        additionalProperty: [
+          {
+            "@type": "PropertyValue",
+            name: "Network Type",
+            value: network.rollupType || "Layer 2",
+          },
+          {
+            "@type": "PropertyValue",
+            name: "Maturity Level",
+            value: network.networkMaturity,
+          },
+          {
+            "@type": "PropertyValue",
+            name: "Total Value Locked (TVL)",
+            value: network.tvl ? `$${network.tvl.toLocaleString()}` : "N/A",
+          },
+          {
+            "@type": "PropertyValue",
+            name: "Daily Transaction Cost",
+            value: network.txCosts ? `$${network.txCosts.toFixed(2)}` : "N/A",
+          },
+          {
+            "@type": "PropertyValue",
+            name: "Supported Wallets",
+            value: network.walletsSupportedCount || "N/A",
+          },
+        ],
+      },
+    })),
+  }
+
   return (
-    <MainArticle className="relative flex flex-col">
-      <ContentHero {...heroProps} />
+    <>
+      <script
+        id="jsonld-webpage-layer2-networks"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(webPageJsonLd),
+        }}
+      />
 
-      <Layer2NetworksTable
-        layer2Data={layer2Data}
-        locale={locale}
-        mainnetData={mainnetData}
+      <script
+        id="jsonld-itemlist-layer2-networks"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(networksItemListJsonLd),
+        }}
       />
 
-      <div id="more-advanced-cta" className="w-full px-8 py-9">
-        <div className="flex flex-col gap-8 bg-main-gradient px-12 py-14">
-          <h3>{t("page-layer-2-networks-more-advanced-title")}</h3>
-          <div className="flex max-w-[768px] flex-col gap-8">
-            <p>
-              {t("page-layer-2-networks-more-advanced-descripton-1")}{" "}
-              <strong>
-                {t("page-layer-2-networks-more-advanced-descripton-2")}
-              </strong>
-            </p>
-            <p>{t("page-layer-2-networks-more-advanced-descripton-3")}</p>
-          </div>
-          <div className="flex flex-col gap-6 sm:flex-row">
-            <ButtonLink href="https://l2beat.com">
-              {t("page-layer-2-networks-more-advanced-link-1")}
-            </ButtonLink>
-            <ButtonLink href="https://growthepie.com">
-              {t("page-layer-2-networks-more-advanced-link-2")}
-            </ButtonLink>
+      <MainArticle className="relative flex flex-col">
+        <ContentHero {...heroProps} />
+
+        <Layer2NetworksTable
+          layer2Data={layer2Data}
+          locale={locale}
+          mainnetData={mainnetData}
+        />
+
+        <div id="more-advanced-cta" className="w-full px-8 py-9">
+          <div className="flex flex-col gap-8 bg-main-gradient px-12 py-14">
+            <h3>{t("page-layer-2-networks-more-advanced-title")}</h3>
+            <div className="flex max-w-[768px] flex-col gap-8">
+              <p>
+                {t("page-layer-2-networks-more-advanced-descripton-1")}{" "}
+                <strong>
+                  {t("page-layer-2-networks-more-advanced-descripton-2")}
+                </strong>
+              </p>
+              <p>{t("page-layer-2-networks-more-advanced-descripton-3")}</p>
+            </div>
+            <div className="flex flex-col gap-6 sm:flex-row">
+              <ButtonLink href="https://l2beat.com">
+                {t("page-layer-2-networks-more-advanced-link-1")}
+              </ButtonLink>
+              <ButtonLink href="https://growthepie.com">
+                {t("page-layer-2-networks-more-advanced-link-2")}
+              </ButtonLink>
+            </div>
           </div>
         </div>
-      </div>
 
-      <NetworkMaturity />
+        <NetworkMaturity />
 
-      <div
-        id="callout-cards"
-        className="flex w-full flex-col px-8 py-9 lg:flex-row lg:gap-16"
-      >
-        <CalloutSSR
-          image={Callout1Image}
-          title={t("page-layer-2-networks-callout-1-title")}
-          description={t("page-layer-2-networks-callout-1-description")}
-        >
-          <div>
-            <ButtonLink
-              href="/layer-2/"
-              customEventOptions={{
-                eventCategory: "l2_networks",
-                eventAction: "button_click",
-                eventName: "bottom_hub",
-              }}
-            >
-              {t("common:learn-more")}
-            </ButtonLink>
-          </div>
-        </CalloutSSR>
-        <CalloutSSR
-          image={Callout2Image}
-          title={t("page-layer-2-networks-callout-2-title")}
-          description={t("page-layer-2-networks-callout-2-description")}
+        <div
+          id="callout-cards"
+          className="flex w-full flex-col px-8 py-9 lg:flex-row lg:gap-16"
         >
-          <div>
-            <ButtonLink
-              href="/layer-2/learn/"
-              customEventOptions={{
-                eventCategory: "l2_networks",
-                eventAction: "button_click",
-                eventName: "bottom_learn",
-              }}
-            >
-              {t("common:learn-more")}
-            </ButtonLink>
-          </div>
-        </CalloutSSR>
-      </div>
-    </MainArticle>
+          <CalloutSSR
+            image={Callout1Image}
+            title={t("page-layer-2-networks-callout-1-title")}
+            description={t("page-layer-2-networks-callout-1-description")}
+          >
+            <div>
+              <ButtonLink
+                href="/layer-2/"
+                customEventOptions={{
+                  eventCategory: "l2_networks",
+                  eventAction: "button_click",
+                  eventName: "bottom_hub",
+                }}
+              >
+                {t("common:learn-more")}
+              </ButtonLink>
+            </div>
+          </CalloutSSR>
+          <CalloutSSR
+            image={Callout2Image}
+            title={t("page-layer-2-networks-callout-2-title")}
+            description={t("page-layer-2-networks-callout-2-description")}
+          >
+            <div>
+              <ButtonLink
+                href="/layer-2/learn/"
+                customEventOptions={{
+                  eventCategory: "l2_networks",
+                  eventAction: "button_click",
+                  eventName: "bottom_learn",
+                }}
+              >
+                {t("common:learn-more")}
+              </ButtonLink>
+            </div>
+          </CalloutSSR>
+        </div>
+      </MainArticle>
+    </>
   )
 }
 

From 3a4d2edd4642b24ddd9f8567d89fd26322a365f4 Mon Sep 17 00:00:00 2001
From: Corwin Smith <cssmittys@gmail.com>
Date: Thu, 4 Sep 2025 16:24:00 -0600
Subject: [PATCH 15/41] feat: add JSON-LD structured data for the Learn page

---
 app/[locale]/learn/page.tsx | 1122 ++++++++++++++++++-----------------
 1 file changed, 592 insertions(+), 530 deletions(-)

diff --git a/app/[locale]/learn/page.tsx b/app/[locale]/learn/page.tsx
index 3627c054948..06171752d30 100644
--- a/app/[locale]/learn/page.tsx
+++ b/app/[locale]/learn/page.tsx
@@ -176,544 +176,606 @@ export default async function Page({ params }: { params: Promise<Params> }) {
     ],
   }
 
+  // JSON-LD structured data for the Learn page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": `https://ethereum.org/${locale}/learn/`,
+    name: t("page-learn-meta-title"),
+    description: t("hero-subtitle"),
+    url: `https://ethereum.org/${locale}/learn/`,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: `https://ethereum.org/${locale}/`,
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: t("page-learn-meta-title"),
+          item: `https://ethereum.org/${locale}/learn/`,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
+  }
+
   return (
-    <div className="relative w-full">
-      <HubHero {...heroContent} />
-
-      <Flex
-        className="mx-auto mb-16 w-full flex-col justify-between pt-10 lg:flex-row lg:pt-16"
-        asChild
-      >
-        <MainArticle>
-          <LeftNavBar
-            tocItems={tocData}
-            // TODO: Remove `!` flag once this component is migrated to ShadCN
-            className="max-lg:!hidden"
-          />
-
-          <ContentContainer id="content">
-            <Section
-              headingId={tocItems[0].id}
-              headingTitle={tocItems[0].title}
-              description={t("what-is-crypto-2")}
-            >
-              <CardGrid>
-                <Card
-                  title={t("what-is-ethereum-card-title")}
-                  description={t("what-is-ethereum-card-description")}
-                >
-                  <>
-                    <CardImage>
-                      <ImageHeight200
-                        src={whatIsEth}
-                        alt={t("what-is-ethereum-card-image-alt")}
-                      />
-                    </CardImage>
-                    <ButtonLink href="/what-is-ethereum/">
-                      {t("what-is-ethereum-card-title")}
-                    </ButtonLink>
-                  </>
-                </Card>
-                <Card
-                  title={t("what-is-eth-card-title")}
-                  description={t("what-is-eth-description")}
-                >
-                  <>
-                    <CardImage>
-                      <ImageHeight200 src={eth} alt="" />
-                    </CardImage>
-                    <ButtonLink href="/eth/">
-                      {t("what-is-eth-card-title")}
-                    </ButtonLink>
-                  </>
-                </Card>
-                <Card
-                  title={t("what-is-web3-card-title")}
-                  description={t("what-is-web3-card-description")}
-                >
-                  <>
-                    <CardImage>
-                      <ImageHeight200 src={impact} alt="" />
-                    </CardImage>
-                    <ButtonLink href="/web3/">
-                      {t("what-is-web3-card-title")}
-                    </ButtonLink>
-                  </>
-                </Card>
-              </CardGrid>
-
-              <AdditionalDocReading
-                headingText={t("additional-reading-more-on-ethereum-basics")}
-                docLinks={[
-                  { href: "/guides/", label: t("guides-hub-desc") },
-                  { href: "/quizzes/", label: t("quiz-hub-desc") },
-                  {
-                    href: "/smart-contracts/",
-                    label: t("additional-reading-what-are-smart-contracts"),
-                  },
-                  {
-                    href: "https://www.youtube.com/watch?v=UihMqcj-cqc",
-                    label: t("additional-reading-ethereum-in-thirty-minutes"),
-                    isExternal: true,
-                  },
-                ]}
-              />
-            </Section>
-
-            <Section
-              headingId={tocItems[1].id}
-              headingTitle={tocItems[1].title}
-              description={t("how-do-i-use-ethereum-1")}
-            >
-              <CardGrid>
-                <Card
-                  title={t("what-is-a-wallet-card-title")}
-                  description={t("what-is-a-wallet-card-description")}
-                >
-                  <>
-                    <CardImage>
-                      <ImageHeight200
-                        src={wallet}
-                        alt={t("what-is-a-wallet-card-alt")}
-                      />
-                    </CardImage>
-                    <ButtonLink href="/wallets/">
-                      {t("what-is-a-wallet-card-title")}
-                    </ButtonLink>
-                  </>
-                </Card>
-                <Card
-                  title={t("find-a-wallet-card-title")}
-                  description={t("find-a-wallet-card-description")}
-                >
-                  <>
-                    <CardImage>
-                      <ImageHeight200 src={futureTransparent} alt="" />
-                    </CardImage>
-                    <ButtonLink href="/wallets/find-wallet/">
-                      {t("find-a-wallet-button")}
-                    </ButtonLink>
-                  </>
-                </Card>
-                <Card
-                  title={t("ethereum-networks-card-title")}
-                  description={t("ethereum-networks-card-description")}
-                >
-                  <>
-                    <CardImage>
-                      <ImageHeight200 src={Layer2LearnHero} alt="" />
-                    </CardImage>
-                    <ButtonLink href="/layer-2/networks">
-                      {t("ethereum-networks-card-button")}
-                    </ButtonLink>
-                  </>
-                </Card>
-              </CardGrid>
-
-              <Flex className="my-12 flex-col overflow-hidden rounded-[10px] bg-main-gradient lg:flex-row">
-                <Stack className="gap-8 p-12">
-                  <H3>{t("things-to-consider-banner-title")}</H3>
-                  <UnorderedList className="mb-0">
-                    <ListItem>{t("things-to-consider-banner-1")}</ListItem>
-                    <ListItem>
-                      {t("things-to-consider-banner-2")}{" "}
-                      <InlineLink href="/layer-2/networks">
-                        {t("things-to-consider-banner-layer-2")}
-                      </InlineLink>
-                      .
-                    </ListItem>
-                  </UnorderedList>
-                </Stack>
-                <div className="self-end">
-                  <Image
-                    className="max-w-[265px]"
-                    src={newRings}
-                    alt=""
-                    sizes="265px"
-                  />
-                </div>
-              </Flex>
-
-              <AdditionalDocReading
-                headingText={t("additional-reading-more-on-using-ethereum")}
-                docLinks={[
-                  {
-                    href: "/guides/how-to-create-an-ethereum-account/",
-                    label: t(
-                      "additional-reading-how-to-create-an-ethereum-account"
-                    ),
-                  },
-                  {
-                    href: "/guides/how-to-use-a-wallet/",
-                    label: t("additional-reading-how-to-use-a-wallet"),
-                  },
-                  { href: "/layer-2/", label: t("additional-reading-layer-2") },
-                  { href: "/get-eth/", label: t("additional-reading-get-eth") },
-                ]}
-              />
-            </Section>
-
-            <Section
-              headingId={tocItems[2].id}
-              headingTitle={tocItems[2].title}
-              description={t("what-is-ethereum-used-for-1")}
-            >
-              <CardGrid>
-                <Card
-                  title={t("defi-card-title")}
-                  description={t("defi-card-description")}
-                >
-                  <>
-                    <CardImage>
-                      <ImageHeight200 src={financeTransparent} alt="" />
-                    </CardImage>
-                    <ButtonLink href="/defi/">
-                      {t("defi-card-button")}
-                    </ButtonLink>
-                  </>
-                </Card>
-                <Card
-                  title={t("stablecoins-card-title")}
-                  description={t("stablecoins-card-description")}
-                >
-                  <>
-                    <CardImage>
-                      <ImageHeight200 src={stablecoins} alt="" />
-                    </CardImage>
-                    <ButtonLink href="/stablecoins/">
-                      {t("stablecoins-card-button")}
-                    </ButtonLink>
-                  </>
-                </Card>
-                <Card
-                  title={t("nft-card-title")}
-                  description={t("nft-card-description")}
-                >
-                  <>
-                    <CardImage>
-                      <ImageHeight200 src={infrastructureTransparent} alt="" />
-                    </CardImage>
-                    <ButtonLink href="/nft/">{t("nft-card-button")}</ButtonLink>
-                  </>
-                </Card>
-                <Card
-                  title={t("dao-card-title")}
-                  description={t("dao-card-description")}
-                >
-                  <>
-                    <CardImage>
-                      <ImageHeight200 src={dao} alt="" />
-                    </CardImage>
-                    <ButtonLink href="/dao/">{t("dao-card-button")}</ButtonLink>
-                  </>
-                </Card>
-                <Card
-                  title={t("dapp-card-title")}
-                  description={t("dapp-card-description")}
-                >
-                  <>
-                    <CardImage>
-                      <ImageHeight200 src={developersEthBlocks} alt="" />
-                    </CardImage>
-                    <ButtonLink href="/what-are-apps/">
-                      {t("dapp-card-button")}
-                    </ButtonLink>
-                  </>
-                </Card>
-                <Card
-                  className="justify-start bg-gradient-main"
-                  title={t("emerging-use-cases-title")}
-                  description={t("emerging-use-cases-description")}
-                >
-                  <Stack asChild className="flex-1 justify-center gap-0">
+    <>
+      <script
+        id="jsonld-webpage-learn"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(webPageJsonLd),
+        }}
+      />
+
+      <div className="relative w-full">
+        <HubHero {...heroContent} />
+
+        <Flex
+          className="mx-auto mb-16 w-full flex-col justify-between pt-10 lg:flex-row lg:pt-16"
+          asChild
+        >
+          <MainArticle>
+            <LeftNavBar
+              tocItems={tocData}
+              // TODO: Remove `!` flag once this component is migrated to ShadCN
+              className="max-lg:!hidden"
+            />
+
+            <ContentContainer id="content">
+              <Section
+                headingId={tocItems[0].id}
+                headingTitle={tocItems[0].title}
+                description={t("what-is-crypto-2")}
+              >
+                <CardGrid>
+                  <Card
+                    title={t("what-is-ethereum-card-title")}
+                    description={t("what-is-ethereum-card-description")}
+                  >
+                    <>
+                      <CardImage>
+                        <ImageHeight200
+                          src={whatIsEth}
+                          alt={t("what-is-ethereum-card-image-alt")}
+                        />
+                      </CardImage>
+                      <ButtonLink href="/what-is-ethereum/">
+                        {t("what-is-ethereum-card-title")}
+                      </ButtonLink>
+                    </>
+                  </Card>
+                  <Card
+                    title={t("what-is-eth-card-title")}
+                    description={t("what-is-eth-description")}
+                  >
+                    <>
+                      <CardImage>
+                        <ImageHeight200 src={eth} alt="" />
+                      </CardImage>
+                      <ButtonLink href="/eth/">
+                        {t("what-is-eth-card-title")}
+                      </ButtonLink>
+                    </>
+                  </Card>
+                  <Card
+                    title={t("what-is-web3-card-title")}
+                    description={t("what-is-web3-card-description")}
+                  >
+                    <>
+                      <CardImage>
+                        <ImageHeight200 src={impact} alt="" />
+                      </CardImage>
+                      <ButtonLink href="/web3/">
+                        {t("what-is-web3-card-title")}
+                      </ButtonLink>
+                    </>
+                  </Card>
+                </CardGrid>
+
+                <AdditionalDocReading
+                  headingText={t("additional-reading-more-on-ethereum-basics")}
+                  docLinks={[
+                    { href: "/guides/", label: t("guides-hub-desc") },
+                    { href: "/quizzes/", label: t("quiz-hub-desc") },
+                    {
+                      href: "/smart-contracts/",
+                      label: t("additional-reading-what-are-smart-contracts"),
+                    },
+                    {
+                      href: "https://www.youtube.com/watch?v=UihMqcj-cqc",
+                      label: t("additional-reading-ethereum-in-thirty-minutes"),
+                      isExternal: true,
+                    },
+                  ]}
+                />
+              </Section>
+
+              <Section
+                headingId={tocItems[1].id}
+                headingTitle={tocItems[1].title}
+                description={t("how-do-i-use-ethereum-1")}
+              >
+                <CardGrid>
+                  <Card
+                    title={t("what-is-a-wallet-card-title")}
+                    description={t("what-is-a-wallet-card-description")}
+                  >
+                    <>
+                      <CardImage>
+                        <ImageHeight200
+                          src={wallet}
+                          alt={t("what-is-a-wallet-card-alt")}
+                        />
+                      </CardImage>
+                      <ButtonLink href="/wallets/">
+                        {t("what-is-a-wallet-card-title")}
+                      </ButtonLink>
+                    </>
+                  </Card>
+                  <Card
+                    title={t("find-a-wallet-card-title")}
+                    description={t("find-a-wallet-card-description")}
+                  >
+                    <>
+                      <CardImage>
+                        <ImageHeight200 src={futureTransparent} alt="" />
+                      </CardImage>
+                      <ButtonLink href="/wallets/find-wallet/">
+                        {t("find-a-wallet-button")}
+                      </ButtonLink>
+                    </>
+                  </Card>
+                  <Card
+                    title={t("ethereum-networks-card-title")}
+                    description={t("ethereum-networks-card-description")}
+                  >
+                    <>
+                      <CardImage>
+                        <ImageHeight200 src={Layer2LearnHero} alt="" />
+                      </CardImage>
+                      <ButtonLink href="/layer-2/networks">
+                        {t("ethereum-networks-card-button")}
+                      </ButtonLink>
+                    </>
+                  </Card>
+                </CardGrid>
+
+                <Flex className="my-12 flex-col overflow-hidden rounded-[10px] bg-main-gradient lg:flex-row">
+                  <Stack className="gap-8 p-12">
+                    <H3>{t("things-to-consider-banner-title")}</H3>
                     <UnorderedList className="mb-0">
+                      <ListItem>{t("things-to-consider-banner-1")}</ListItem>
                       <ListItem>
-                        <InlineLink href="/decentralized-identity/">
-                          {tCommon("decentralized-identity")}
-                        </InlineLink>
-                      </ListItem>
-                      <ListItem>
-                        <InlineLink href="/social-networks/">
-                          {tCommon("decentralized-social-networks")}
-                        </InlineLink>
-                      </ListItem>
-                      <ListItem>
-                        <InlineLink href="/desci/">
-                          {tCommon("decentralized-science")}
+                        {t("things-to-consider-banner-2")}{" "}
+                        <InlineLink href="/layer-2/networks">
+                          {t("things-to-consider-banner-layer-2")}
                         </InlineLink>
+                        .
                       </ListItem>
-                      <ListItem>
-                        <InlineLink href="https://decrypt.co/resources/what-are-play-to-earn-games-how-players-are-making-a-living-with-nfts">
-                          {t("play-to-earn")}
-                        </InlineLink>
-                      </ListItem>
-                      <ListItem>
-                        <InlineLink href="https://woodstockfund.medium.com/quadratic-funding-better-way-to-fund-public-goods-76f1679b2ba2">
-                          {t("fundraising-through-quadratic-funding")}
-                        </InlineLink>
-                      </ListItem>
-                      <li>
-                        <InlineLink href="https://hbr.org/2022/01/how-walmart-canada-uses-blockchain-to-solve-supply-chain-challenges">
-                          {t("supply-chain-management")}
-                        </InlineLink>
-                      </li>
                     </UnorderedList>
                   </Stack>
-                </Card>
-              </CardGrid>
-            </Section>
-
-            <Section
-              headingId={tocItems[3].id}
-              headingTitle={tocItems[3].title}
-              description={t("strengthening-the-ethereum-network-description")}
-            >
-              <CardGrid>
-                <Card
-                  title={t("staking-ethereum-card-title")}
-                  description={t("staking-ethereum-card-description")}
-                >
-                  <>
-                    <CardImage>
-                      <ImageHeight200 src={rhino} alt="" />
-                    </CardImage>
-                    <ButtonLink href="/staking/">
-                      {t("staking-ethereum-card-button")}
-                    </ButtonLink>
-                  </>
-                </Card>
-                <Card
-                  title={t("run-a-node-card-title")}
-                  description={t("run-a-node-card-description")}
-                >
-                  <>
-                    <CardImage>
-                      <ImageHeight200 src={ethereumInside} alt="" />
-                    </CardImage>
-                    <ButtonLink href="/run-a-node/">
-                      {t("run-a-node-card-title")}
-                    </ButtonLink>
-                  </>
-                </Card>
-              </CardGrid>
-            </Section>
-
-            <Section
-              headingId={tocItems[4].id}
-              headingTitle={tocItems[4].title}
-              description={t("learn-about-ethereum-protocol-description")}
-            >
-              <CardGrid>
-                <Card
-                  title={t("energy-consumption-card-title")}
-                  description={t("energy-consumption-card-description")}
-                >
-                  <>
-                    <CardImage>
-                      <ImageHeight200 src={hackathon} alt="" />
-                    </CardImage>
-                    <ButtonLink href="/energy-consumption/">
-                      {t("energy-consumption-card-button")}
-                    </ButtonLink>
-                  </>
-                </Card>
-                <Card
-                  title={t("ethereum-upgrades-card-title")}
-                  description={t("ethereum-upgrades-card-description")}
-                >
-                  <>
-                    <CardImage>
-                      <ImageHeight200 src={merge} alt="" />
-                    </CardImage>
-                    <ButtonLink href="/roadmap/">
-                      {t("ethereum-upgrades-card-button")}
-                    </ButtonLink>
-                  </>
-                </Card>
-                <Card
-                  title={t("ethereum-whitepaper-card-title")}
-                  description={t("ethereum-whitepaper-card-description")}
-                >
-                  <>
-                    <CardImage>
-                      <ImageHeight200 src={financeTransparent} alt="" />
-                    </CardImage>
-                    <ButtonLink href="/whitepaper/">
-                      {t("ethereum-whitepaper-card-button")}
-                    </ButtonLink>
-                  </>
-                </Card>
-              </CardGrid>
-
-              <AdditionalDocReading
-                headingText={t("more-on-ethereum-protocol-title")}
-                docLinks={[
-                  {
-                    href: "/developers/",
-                    label: t(
-                      "more-on-ethereum-protocol-ethereum-for-developers"
-                    ),
-                  },
-                  {
-                    href: "/developers/docs/consensus-mechanisms",
-                    label: t("more-on-ethereum-protocol-consensus"),
-                  },
-                  {
-                    href: "/developers/docs/evm/",
-                    label: t("more-on-ethereum-protocol-evm"),
-                  },
-                  {
-                    href: "/developers/docs/nodes-and-clients/",
-                    label: t("more-on-ethereum-protocol-nodes-and-clients"),
-                  },
-                ]}
+                  <div className="self-end">
+                    <Image
+                      className="max-w-[265px]"
+                      src={newRings}
+                      alt=""
+                      sizes="265px"
+                    />
+                  </div>
+                </Flex>
+
+                <AdditionalDocReading
+                  headingText={t("additional-reading-more-on-using-ethereum")}
+                  docLinks={[
+                    {
+                      href: "/guides/how-to-create-an-ethereum-account/",
+                      label: t(
+                        "additional-reading-how-to-create-an-ethereum-account"
+                      ),
+                    },
+                    {
+                      href: "/guides/how-to-use-a-wallet/",
+                      label: t("additional-reading-how-to-use-a-wallet"),
+                    },
+                    {
+                      href: "/layer-2/",
+                      label: t("additional-reading-layer-2"),
+                    },
+                    {
+                      href: "/get-eth/",
+                      label: t("additional-reading-get-eth"),
+                    },
+                  ]}
+                />
+              </Section>
+
+              <Section
+                headingId={tocItems[2].id}
+                headingTitle={tocItems[2].title}
+                description={t("what-is-ethereum-used-for-1")}
+              >
+                <CardGrid>
+                  <Card
+                    title={t("defi-card-title")}
+                    description={t("defi-card-description")}
+                  >
+                    <>
+                      <CardImage>
+                        <ImageHeight200 src={financeTransparent} alt="" />
+                      </CardImage>
+                      <ButtonLink href="/defi/">
+                        {t("defi-card-button")}
+                      </ButtonLink>
+                    </>
+                  </Card>
+                  <Card
+                    title={t("stablecoins-card-title")}
+                    description={t("stablecoins-card-description")}
+                  >
+                    <>
+                      <CardImage>
+                        <ImageHeight200 src={stablecoins} alt="" />
+                      </CardImage>
+                      <ButtonLink href="/stablecoins/">
+                        {t("stablecoins-card-button")}
+                      </ButtonLink>
+                    </>
+                  </Card>
+                  <Card
+                    title={t("nft-card-title")}
+                    description={t("nft-card-description")}
+                  >
+                    <>
+                      <CardImage>
+                        <ImageHeight200
+                          src={infrastructureTransparent}
+                          alt=""
+                        />
+                      </CardImage>
+                      <ButtonLink href="/nft/">
+                        {t("nft-card-button")}
+                      </ButtonLink>
+                    </>
+                  </Card>
+                  <Card
+                    title={t("dao-card-title")}
+                    description={t("dao-card-description")}
+                  >
+                    <>
+                      <CardImage>
+                        <ImageHeight200 src={dao} alt="" />
+                      </CardImage>
+                      <ButtonLink href="/dao/">
+                        {t("dao-card-button")}
+                      </ButtonLink>
+                    </>
+                  </Card>
+                  <Card
+                    title={t("dapp-card-title")}
+                    description={t("dapp-card-description")}
+                  >
+                    <>
+                      <CardImage>
+                        <ImageHeight200 src={developersEthBlocks} alt="" />
+                      </CardImage>
+                      <ButtonLink href="/what-are-apps/">
+                        {t("dapp-card-button")}
+                      </ButtonLink>
+                    </>
+                  </Card>
+                  <Card
+                    className="justify-start bg-gradient-main"
+                    title={t("emerging-use-cases-title")}
+                    description={t("emerging-use-cases-description")}
+                  >
+                    <Stack asChild className="flex-1 justify-center gap-0">
+                      <UnorderedList className="mb-0">
+                        <ListItem>
+                          <InlineLink href="/decentralized-identity/">
+                            {tCommon("decentralized-identity")}
+                          </InlineLink>
+                        </ListItem>
+                        <ListItem>
+                          <InlineLink href="/social-networks/">
+                            {tCommon("decentralized-social-networks")}
+                          </InlineLink>
+                        </ListItem>
+                        <ListItem>
+                          <InlineLink href="/desci/">
+                            {tCommon("decentralized-science")}
+                          </InlineLink>
+                        </ListItem>
+                        <ListItem>
+                          <InlineLink href="https://decrypt.co/resources/what-are-play-to-earn-games-how-players-are-making-a-living-with-nfts">
+                            {t("play-to-earn")}
+                          </InlineLink>
+                        </ListItem>
+                        <ListItem>
+                          <InlineLink href="https://woodstockfund.medium.com/quadratic-funding-better-way-to-fund-public-goods-76f1679b2ba2">
+                            {t("fundraising-through-quadratic-funding")}
+                          </InlineLink>
+                        </ListItem>
+                        <li>
+                          <InlineLink href="https://hbr.org/2022/01/how-walmart-canada-uses-blockchain-to-solve-supply-chain-challenges">
+                            {t("supply-chain-management")}
+                          </InlineLink>
+                        </li>
+                      </UnorderedList>
+                    </Stack>
+                  </Card>
+                </CardGrid>
+              </Section>
+
+              <Section
+                headingId={tocItems[3].id}
+                headingTitle={tocItems[3].title}
+                description={t(
+                  "strengthening-the-ethereum-network-description"
+                )}
+              >
+                <CardGrid>
+                  <Card
+                    title={t("staking-ethereum-card-title")}
+                    description={t("staking-ethereum-card-description")}
+                  >
+                    <>
+                      <CardImage>
+                        <ImageHeight200 src={rhino} alt="" />
+                      </CardImage>
+                      <ButtonLink href="/staking/">
+                        {t("staking-ethereum-card-button")}
+                      </ButtonLink>
+                    </>
+                  </Card>
+                  <Card
+                    title={t("run-a-node-card-title")}
+                    description={t("run-a-node-card-description")}
+                  >
+                    <>
+                      <CardImage>
+                        <ImageHeight200 src={ethereumInside} alt="" />
+                      </CardImage>
+                      <ButtonLink href="/run-a-node/">
+                        {t("run-a-node-card-title")}
+                      </ButtonLink>
+                    </>
+                  </Card>
+                </CardGrid>
+              </Section>
+
+              <Section
+                headingId={tocItems[4].id}
+                headingTitle={tocItems[4].title}
+                description={t("learn-about-ethereum-protocol-description")}
+              >
+                <CardGrid>
+                  <Card
+                    title={t("energy-consumption-card-title")}
+                    description={t("energy-consumption-card-description")}
+                  >
+                    <>
+                      <CardImage>
+                        <ImageHeight200 src={hackathon} alt="" />
+                      </CardImage>
+                      <ButtonLink href="/energy-consumption/">
+                        {t("energy-consumption-card-button")}
+                      </ButtonLink>
+                    </>
+                  </Card>
+                  <Card
+                    title={t("ethereum-upgrades-card-title")}
+                    description={t("ethereum-upgrades-card-description")}
+                  >
+                    <>
+                      <CardImage>
+                        <ImageHeight200 src={merge} alt="" />
+                      </CardImage>
+                      <ButtonLink href="/roadmap/">
+                        {t("ethereum-upgrades-card-button")}
+                      </ButtonLink>
+                    </>
+                  </Card>
+                  <Card
+                    title={t("ethereum-whitepaper-card-title")}
+                    description={t("ethereum-whitepaper-card-description")}
+                  >
+                    <>
+                      <CardImage>
+                        <ImageHeight200 src={financeTransparent} alt="" />
+                      </CardImage>
+                      <ButtonLink href="/whitepaper/">
+                        {t("ethereum-whitepaper-card-button")}
+                      </ButtonLink>
+                    </>
+                  </Card>
+                </CardGrid>
+
+                <AdditionalDocReading
+                  headingText={t("more-on-ethereum-protocol-title")}
+                  docLinks={[
+                    {
+                      href: "/developers/",
+                      label: t(
+                        "more-on-ethereum-protocol-ethereum-for-developers"
+                      ),
+                    },
+                    {
+                      href: "/developers/docs/consensus-mechanisms",
+                      label: t("more-on-ethereum-protocol-consensus"),
+                    },
+                    {
+                      href: "/developers/docs/evm/",
+                      label: t("more-on-ethereum-protocol-evm"),
+                    },
+                    {
+                      href: "/developers/docs/nodes-and-clients/",
+                      label: t("more-on-ethereum-protocol-nodes-and-clients"),
+                    },
+                  ]}
+                />
+              </Section>
+
+              <Section
+                headingId={tocItems[5].id}
+                headingTitle={tocItems[5].title}
+                description={t("ethereum-community-description")}
+              >
+                <CardGrid>
+                  <Card
+                    title={t("community-hub-card-title")}
+                    description={t("community-hub-card-description")}
+                  >
+                    <>
+                      <CardImage>
+                        <ImageHeight200
+                          src={enterprise}
+                          alt={t("community-hub-card-alt")}
+                        />
+                      </CardImage>
+                      <ButtonLink href="/community/">
+                        {t("community-hub-card-button")}
+                      </ButtonLink>
+                    </>
+                  </Card>
+                  <Card
+                    title={t("get-involved-card-title")}
+                    description={t("get-involved-card-description")}
+                  >
+                    <>
+                      <CardImage>
+                        <ImageHeight200 src={dogeComputer} alt="" />
+                      </CardImage>
+                      <ButtonLink href="/community/get-involved/">
+                        {t("get-involved-card-title")}
+                      </ButtonLink>
+                    </>
+                  </Card>
+                  <Card
+                    title={t("online-communities-card-title")}
+                    description={t("online-communities-card-description")}
+                  >
+                    <>
+                      <CardImage>
+                        <ImageHeight200 src={impact} alt="" />
+                      </CardImage>
+                      <ButtonLink href="/community/online/">
+                        {t("online-communities-card-button")}
+                      </ButtonLink>
+                    </>
+                  </Card>
+                </CardGrid>
+              </Section>
+
+              <Section
+                headingId={tocItems[6].id}
+                headingTitle={tocItems[6].title}
+              >
+                <Stack className="gap-8">
+                  <H3>{t("books-about-ethereum")}</H3>
+                  <UnorderedList>
+                    <ListItem>
+                      <InlineLink href="https://www.goodreads.com/book/show/57356067-the-cryptopians">
+                        {t("cryptopians-title")}
+                      </InlineLink>{" "}
+                      <i>{t("cryptopians-description")}</i>
+                    </ListItem>
+                    <ListItem>
+                      <InlineLink href="https://www.goodreads.com/book/show/55360267-out-of-the-ether">
+                        {t("out-of-the-ether-title")}
+                      </InlineLink>{" "}
+                      <i>{t("out-of-the-ether-description")}</i>
+                    </ListItem>
+                    <ListItem>
+                      <InlineLink href="https://www.goodreads.com/en/book/show/50175330-the-infinite-machine">
+                        {t("the-infinite-machine-title")}
+                      </InlineLink>{" "}
+                      <i>{t("the-infinite-machine-description")}</i>
+                    </ListItem>
+                    <ListItem>
+                      <InlineLink href="https://github.com/ethereumbook/ethereumbook">
+                        {t("mastering-ethereum-title")}
+                      </InlineLink>{" "}
+                      <i>{t("mastering-ethereum-description")} </i>
+                    </ListItem>
+                    <ListItem>
+                      <InlineLink href="https://www.goodreads.com/en/book/show/59892281-proof-of-stake">
+                        {t("proof-of-stake-title")}
+                      </InlineLink>{" "}
+                      <i>{t("proof-of-stake-description")}</i>
+                    </ListItem>
+                  </UnorderedList>
+                  <H3>{t("podcasts-about-ethereum")}</H3>
+                  <UnorderedList>
+                    <ListItem>
+                      <InlineLink href="https://www.youtube.com/@Green_Pill_Podcast">
+                        {t("green-pill-title")}
+                      </InlineLink>{" "}
+                      <i>{t("green-pill-description")}</i>
+                    </ListItem>
+                    <ListItem>
+                      <InlineLink href="https://www.zeroknowledge.fm/">
+                        {t("zeroknowledge-title")}
+                      </InlineLink>{" "}
+                      <i>{t("zeroknowledge-description")}</i>
+                    </ListItem>
+                    <ListItem>
+                      <InlineLink href="https://unchainedpodcast.com/">
+                        {t("unchained-title")}
+                      </InlineLink>{" "}
+                      <i>{t("unchained-description")}</i>
+                    </ListItem>
+                    <ListItem>
+                      <InlineLink href="https://www.youtube.com/@TheDailyGwei/">
+                        {t("the-daily-gwei-title")}
+                      </InlineLink>{" "}
+                      <i>{t("the-daily-gwei-description")}</i>
+                    </ListItem>
+                    <ListItem>
+                      <InlineLink href="http://podcast.banklesshq.com/">
+                        {t("bankless-title")}
+                      </InlineLink>{" "}
+                      <i>{t("bankless-description")}</i>
+                    </ListItem>
+                  </UnorderedList>
+                  <H3>{t("about-ethereum-video-series")}</H3>
+                  <UnorderedList>
+                    <ListItem>
+                      <InlineLink href="https://www.youtube.com/playlist?list=PLqgutSGloqiJyyoL0zvLVFPS-GMD2wKa5">
+                        {t("ethereum-basics-title")}
+                      </InlineLink>{" "}
+                      <i>{t("ethereum-basics-description")}</i>
+                    </ListItem>
+                  </UnorderedList>
+                </Stack>
+              </Section>
+
+              <FileContributors
+                className="my-10 border-t"
+                contributors={contributors}
+                lastEditLocaleTimestamp={lastEditLocaleTimestamp}
               />
-            </Section>
-
-            <Section
-              headingId={tocItems[5].id}
-              headingTitle={tocItems[5].title}
-              description={t("ethereum-community-description")}
-            >
-              <CardGrid>
-                <Card
-                  title={t("community-hub-card-title")}
-                  description={t("community-hub-card-description")}
-                >
-                  <>
-                    <CardImage>
-                      <ImageHeight200
-                        src={enterprise}
-                        alt={t("community-hub-card-alt")}
-                      />
-                    </CardImage>
-                    <ButtonLink href="/community/">
-                      {t("community-hub-card-button")}
-                    </ButtonLink>
-                  </>
-                </Card>
-                <Card
-                  title={t("get-involved-card-title")}
-                  description={t("get-involved-card-description")}
-                >
-                  <>
-                    <CardImage>
-                      <ImageHeight200 src={dogeComputer} alt="" />
-                    </CardImage>
-                    <ButtonLink href="/community/get-involved/">
-                      {t("get-involved-card-title")}
-                    </ButtonLink>
-                  </>
-                </Card>
-                <Card
-                  title={t("online-communities-card-title")}
-                  description={t("online-communities-card-description")}
-                >
-                  <>
-                    <CardImage>
-                      <ImageHeight200 src={impact} alt="" />
-                    </CardImage>
-                    <ButtonLink href="/community/online/">
-                      {t("online-communities-card-button")}
-                    </ButtonLink>
-                  </>
-                </Card>
-              </CardGrid>
-            </Section>
-
-            <Section
-              headingId={tocItems[6].id}
-              headingTitle={tocItems[6].title}
-            >
-              <Stack className="gap-8">
-                <H3>{t("books-about-ethereum")}</H3>
-                <UnorderedList>
-                  <ListItem>
-                    <InlineLink href="https://www.goodreads.com/book/show/57356067-the-cryptopians">
-                      {t("cryptopians-title")}
-                    </InlineLink>{" "}
-                    <i>{t("cryptopians-description")}</i>
-                  </ListItem>
-                  <ListItem>
-                    <InlineLink href="https://www.goodreads.com/book/show/55360267-out-of-the-ether">
-                      {t("out-of-the-ether-title")}
-                    </InlineLink>{" "}
-                    <i>{t("out-of-the-ether-description")}</i>
-                  </ListItem>
-                  <ListItem>
-                    <InlineLink href="https://www.goodreads.com/en/book/show/50175330-the-infinite-machine">
-                      {t("the-infinite-machine-title")}
-                    </InlineLink>{" "}
-                    <i>{t("the-infinite-machine-description")}</i>
-                  </ListItem>
-                  <ListItem>
-                    <InlineLink href="https://github.com/ethereumbook/ethereumbook">
-                      {t("mastering-ethereum-title")}
-                    </InlineLink>{" "}
-                    <i>{t("mastering-ethereum-description")} </i>
-                  </ListItem>
-                  <ListItem>
-                    <InlineLink href="https://www.goodreads.com/en/book/show/59892281-proof-of-stake">
-                      {t("proof-of-stake-title")}
-                    </InlineLink>{" "}
-                    <i>{t("proof-of-stake-description")}</i>
-                  </ListItem>
-                </UnorderedList>
-                <H3>{t("podcasts-about-ethereum")}</H3>
-                <UnorderedList>
-                  <ListItem>
-                    <InlineLink href="https://www.youtube.com/@Green_Pill_Podcast">
-                      {t("green-pill-title")}
-                    </InlineLink>{" "}
-                    <i>{t("green-pill-description")}</i>
-                  </ListItem>
-                  <ListItem>
-                    <InlineLink href="https://www.zeroknowledge.fm/">
-                      {t("zeroknowledge-title")}
-                    </InlineLink>{" "}
-                    <i>{t("zeroknowledge-description")}</i>
-                  </ListItem>
-                  <ListItem>
-                    <InlineLink href="https://unchainedpodcast.com/">
-                      {t("unchained-title")}
-                    </InlineLink>{" "}
-                    <i>{t("unchained-description")}</i>
-                  </ListItem>
-                  <ListItem>
-                    <InlineLink href="https://www.youtube.com/@TheDailyGwei/">
-                      {t("the-daily-gwei-title")}
-                    </InlineLink>{" "}
-                    <i>{t("the-daily-gwei-description")}</i>
-                  </ListItem>
-                  <ListItem>
-                    <InlineLink href="http://podcast.banklesshq.com/">
-                      {t("bankless-title")}
-                    </InlineLink>{" "}
-                    <i>{t("bankless-description")}</i>
-                  </ListItem>
-                </UnorderedList>
-                <H3>{t("about-ethereum-video-series")}</H3>
-                <UnorderedList>
-                  <ListItem>
-                    <InlineLink href="https://www.youtube.com/playlist?list=PLqgutSGloqiJyyoL0zvLVFPS-GMD2wKa5">
-                      {t("ethereum-basics-title")}
-                    </InlineLink>{" "}
-                    <i>{t("ethereum-basics-description")}</i>
-                  </ListItem>
-                </UnorderedList>
-              </Stack>
-            </Section>
-
-            <FileContributors
-              className="my-10 border-t"
-              contributors={contributors}
-              lastEditLocaleTimestamp={lastEditLocaleTimestamp}
-            />
-            <FeedbackCard />
-          </ContentContainer>
-        </MainArticle>
-      </Flex>
-    </div>
+              <FeedbackCard />
+            </ContentContainer>
+          </MainArticle>
+        </Flex>
+      </div>
+    </>
   )
 }
 

From dd02574ef1b0c96a4cf5d2f460ef73f93a2ac7ff Mon Sep 17 00:00:00 2001
From: Corwin Smith <cssmittys@gmail.com>
Date: Thu, 4 Sep 2025 16:33:51 -0600
Subject: [PATCH 16/41] feat: enhance Quizzes page with JSON-LD structured data

---
 app/[locale]/quizzes/_components/quizzes.tsx | 171 ++++++++++++-------
 app/[locale]/quizzes/page.tsx                |   2 +-
 2 files changed, 108 insertions(+), 65 deletions(-)

diff --git a/app/[locale]/quizzes/_components/quizzes.tsx b/app/[locale]/quizzes/_components/quizzes.tsx
index 7992d6e8fbc..d0ffc76217d 100644
--- a/app/[locale]/quizzes/_components/quizzes.tsx
+++ b/app/[locale]/quizzes/_components/quizzes.tsx
@@ -33,7 +33,7 @@ const handleGHAdd = () =>
     eventName: "GH_add",
   })
 
-const QuizzesPage = () => {
+const QuizzesPage = ({ locale }) => {
   const { t } = useTranslation("learn-quizzes")
 
   const [userStats, updateUserStats] = useLocalQuizData()
@@ -50,74 +50,117 @@ const QuizzesPage = () => {
     [onOpen, userStats]
   )
 
+  // JSON-LD structured data for the Quizzes page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": `https://ethereum.org/${locale}/quizzes/`,
+    name: t("common:quizzes-title"),
+    description: t("quizzes-subtitle"),
+    url: `https://ethereum.org/${locale}/quizzes/`,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: `https://ethereum.org/${locale}/`,
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: t("common:quizzes-title"),
+          item: `https://ethereum.org/${locale}/quizzes/`,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+  }
+
   return (
-    <MainArticle>
-      <HubHero
-        title={t("common:quizzes-title")}
-        description={t("quizzes-subtitle")}
-        header={t("test-your-knowledge")}
-        heroImg={HeroImage}
+    <>
+      <script
+        id="jsonld-webpage-quizzes"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(webPageJsonLd),
+        }}
       />
-      <QuizzesModal
-        isQuizModalOpen={isOpen}
-        onQuizModalOpenChange={setValue}
-        quizStatus={quizStatus}
-      >
-        <QuizWidget
-          quizKey={currentQuiz}
-          currentHandler={setCurrentQuiz}
-          statusHandler={setQuizStatus}
-          updateUserStats={updateUserStats}
+
+      <MainArticle>
+        <HubHero
+          title={t("common:quizzes-title")}
+          description={t("quizzes-subtitle")}
+          header={t("test-your-knowledge")}
+          heroImg={HeroImage}
         />
-      </QuizzesModal>
-      <div className="mb-12 lg:px-8 lg:py-4">
-        <Flex className="gap-x-20 max-lg:flex-col-reverse">
-          <Stack className="flex-1 gap-10">
-            <div>
-              <QuizzesList
-                content={ethereumBasicsQuizzes}
-                headingId={t("basics")}
-                descriptionId={t("basics-description")}
-                {...commonQuizListProps}
-              />
-              <QuizzesList
-                content={usingEthereumQuizzes}
-                headingId={t("using-ethereum")}
-                descriptionId={t("using-ethereum-description")}
-                {...commonQuizListProps}
+        <QuizzesModal
+          isQuizModalOpen={isOpen}
+          onQuizModalOpenChange={setValue}
+          quizStatus={quizStatus}
+        >
+          <QuizWidget
+            quizKey={currentQuiz}
+            currentHandler={setCurrentQuiz}
+            statusHandler={setQuizStatus}
+            updateUserStats={updateUserStats}
+          />
+        </QuizzesModal>
+        <div className="mb-12 lg:px-8 lg:py-4">
+          <Flex className="gap-x-20 max-lg:flex-col-reverse">
+            <Stack className="flex-1 gap-10">
+              <div>
+                <QuizzesList
+                  content={ethereumBasicsQuizzes}
+                  headingId={t("basics")}
+                  descriptionId={t("basics-description")}
+                  {...commonQuizListProps}
+                />
+                <QuizzesList
+                  content={usingEthereumQuizzes}
+                  headingId={t("using-ethereum")}
+                  descriptionId={t("using-ethereum-description")}
+                  {...commonQuizListProps}
+                />
+              </div>
+              <Flex className="items-center justify-between bg-background-highlight p-8 max-xl:flex-col max-xl:gap-4 lg:rounded-lg">
+                <div className="max-xl:text-center">
+                  <p className="font-bold">{t("want-more-quizzes")}</p>
+                  <p>{t("contribute")}</p>
+                </div>
+                <ButtonLink
+                  href="/contributing/quizzes/"
+                  variant="outline"
+                  hideArrow
+                  onClick={handleGHAdd}
+                >
+                  <HStack className="gap-0">
+                    <Github className="me-2 text-2xl text-body" />
+                    {t("add-quiz")}
+                  </HStack>
+                </ButtonLink>
+              </Flex>
+            </Stack>
+            <div className="flex-1">
+              <QuizzesStats
+                averageScoresArray={userStats.average}
+                completedQuizzes={userStats.completed}
+                totalCorrectAnswers={userStats.score}
               />
             </div>
-            <Flex className="items-center justify-between bg-background-highlight p-8 max-xl:flex-col max-xl:gap-4 lg:rounded-lg">
-              <div className="max-xl:text-center">
-                <p className="font-bold">{t("want-more-quizzes")}</p>
-                <p>{t("contribute")}</p>
-              </div>
-              <ButtonLink
-                href="/contributing/quizzes/"
-                variant="outline"
-                hideArrow
-                onClick={handleGHAdd}
-              >
-                <HStack className="gap-0">
-                  <Github className="me-2 text-2xl text-body" />
-                  {t("add-quiz")}
-                </HStack>
-              </ButtonLink>
-            </Flex>
-          </Stack>
-          <div className="flex-1">
-            <QuizzesStats
-              averageScoresArray={userStats.average}
-              completedQuizzes={userStats.completed}
-              totalCorrectAnswers={userStats.score}
-            />
-          </div>
-        </Flex>
-      </div>
-      <div className="w-full px-8 py-4">
-        <FeedbackCard />
-      </div>
-    </MainArticle>
+          </Flex>
+        </div>
+        <div className="w-full px-8 py-4">
+          <FeedbackCard />
+        </div>
+      </MainArticle>
+    </>
   )
 }
 
diff --git a/app/[locale]/quizzes/page.tsx b/app/[locale]/quizzes/page.tsx
index 88db4cc27a3..4359b8f9bf7 100644
--- a/app/[locale]/quizzes/page.tsx
+++ b/app/[locale]/quizzes/page.tsx
@@ -26,7 +26,7 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
 
   return (
     <I18nProvider locale={locale} messages={messages}>
-      <QuizzesPage />
+      <QuizzesPage locale={locale} />
     </I18nProvider>
   )
 }

From f825756a9cb742de14389f99724d7170e7c764cd Mon Sep 17 00:00:00 2001
From: Corwin Smith <cssmittys@gmail.com>
Date: Thu, 4 Sep 2025 16:41:23 -0600
Subject: [PATCH 17/41] feat: add JSON-LD structured data for the Resources
 page

---
 app/[locale]/resources/page.tsx | 324 ++++++++++++++++++--------------
 1 file changed, 184 insertions(+), 140 deletions(-)

diff --git a/app/[locale]/resources/page.tsx b/app/[locale]/resources/page.tsx
index 69434cd04d0..e0c6a7382b2 100644
--- a/app/[locale]/resources/page.tsx
+++ b/app/[locale]/resources/page.tsx
@@ -47,154 +47,198 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
 
   const resourceSections = await getResources({ txCostsMedianUsd })
 
+  // JSON-LD structured data for the Resources page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": `https://ethereum.org/${locale}/resources/`,
+    name: t("page-resources-meta-title"),
+    description: t("page-resources-meta-description"),
+    url: `https://ethereum.org/${locale}/resources/`,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: `https://ethereum.org/${locale}/`,
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: t("page-resources-meta-title"),
+          item: `https://ethereum.org/${locale}/resources/`,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+  }
+
   return (
-    <MainArticle className="relative flex flex-col">
-      <BannerNotification shouldShow className="text-center max-md:flex-col">
-        {t("page-resources-banner-notification-message")}{" "}
-        <Link
-          href={new URL(
-            "issues/new?title=Resource%20dashboard%20feedback",
-            GITHUB_REPO_URL
-          ).toString()}
-          className="visited:text-white"
-          customEventOptions={{
-            eventCategory: EVENT_CATEGORY,
-            eventAction: "links",
-            eventName: "Ethereum.org Github Page Feedback",
-          }}
-        >
-          {t("page-resources-share-feedback")}
-        </Link>
-      </BannerNotification>
-
-      <HubHero
-        title={t("page-resources-hero-title")}
-        header={t("page-resources-hero-header")}
-        description={t("page-resources-hero-description")}
-        heroImg={heroImg}
+    <>
+      <script
+        id="jsonld-webpage-resources"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(webPageJsonLd),
+        }}
       />
-
-      <Stack className="gap-4 px-2 py-6 md:gap-8 md:px-4 lg:px-8 xl:gap-11">
-        <div className="sticky top-5 z-docked flex flex-col items-center gap-3 text-center md:top-6 md:px-2">
-          <div className="my-2 text-body-medium">
-            {t("page-resources-whats-on-this-page")}
-          </div>
-          <ResourcesNav
-            resourceSections={resourceSections}
-            eventCategory={EVENT_CATEGORY}
-          />
-        </div>
-        <Stack className="gap-11 pt-12 md:gap-16 lg:gap-24">
-          {resourceSections.map(({ key, icon, title: sectionTitle, boxes }) => (
-            <Stack key={key} asChild>
-              <section id={key} className="scroll-mt-40 gap-8 md:gap-6">
-                <div className="group flex w-full items-center gap-4 border-b bg-transparent px-2 py-4">
-                  <div className="grid size-12 place-items-center rounded-lg border border-border-low-contrast text-2xl [&_svg]:shrink-0">
-                    {icon || <StackIcon />}
-                  </div>
-                  <h2 className="flex-1 text-start font-black">
-                    {sectionTitle}
-                  </h2>
-                </div>
-                <div className="grid grid-cols-1 gap-8 lg:grid-cols-2 lg:gap-y-6">
-                  {boxes.map(({ title, metric, items, className }) => (
-                    <div
-                      className={cn(
-                        "overflow-hidden rounded-2xl border shadow-lg",
-                        className
-                      )}
-                      key={title}
-                    >
-                      <div className="border-b bg-[#ffffff] px-6 py-4 font-bold dark:bg-[#171717]">
-                        {title}
-                      </div>
-                      <div className="h-full bg-background bg-gradient-to-br from-white to-primary/10 px-2 py-6 dark:from-transparent dark:to-primary/10">
-                        {metric && metric}
-                        <ResourcesContainer>
-                          {items.map(({ className, ...item }) => (
-                            <ResourceItem
-                              item={item}
-                              key={item.title}
-                              className={className}
-                            />
-                          ))}
-                        </ResourcesContainer>
-                      </div>
-                    </div>
-                  ))}
-                </div>
-              </section>
-            </Stack>
-          ))}
-        </Stack>
-
-        <VStack className="gap-4 py-16">
-          <div className="text-center font-bold">
-            <Translation id="page-resources:page-resources-find-more" />
-          </div>
-          <ButtonLink
-            href="https://ethereumdashboards.com"
-            size="lg"
+      <MainArticle className="relative flex flex-col">
+        <BannerNotification shouldShow className="text-center max-md:flex-col">
+          {t("page-resources-banner-notification-message")}{" "}
+          <Link
+            href={new URL(
+              "issues/new?title=Resource%20dashboard%20feedback",
+              GITHUB_REPO_URL
+            ).toString()}
+            className="visited:text-white"
             customEventOptions={{
               eventCategory: EVENT_CATEGORY,
               eventAction: "links",
-              eventName: "ethereumdashboards.com",
+              eventName: "Ethereum.org Github Page Feedback",
             }}
           >
-            ethereumdashboards.com
-          </ButtonLink>
-        </VStack>
-
-        <Section
-          id="contribute"
-          className="relative rounded-4xl border border-body/5 bg-background"
-        >
-          <VStack className="rounded-4xl bg-radial-a px-4 py-6 md:py-12">
-            <Stack className="max-w-xl gap-y-10 py-6 lg:max-w-[700px]">
-              <div className="flex flex-col gap-y-4 text-center">
-                <h2>{t("page-resources-contribute-title")}</h2>
-                <p className="text-lg">
-                  {t("page-resources-contribute-description")}
-                </p>
-              </div>
-              <div className="mx-auto grid grid-cols-1 gap-x-3 gap-y-4 md:grid-cols-2">
-                {/* TODO: Add issue template for resource listing and redirect to new template */}
-                <ButtonLink
-                  href={new URL(
-                    "issues/new?template=feature_request.yaml",
-                    GITHUB_REPO_URL
-                  ).toString()}
-                  variant="outline"
-                  isSecondary
-                  customEventOptions={{
-                    eventCategory: EVENT_CATEGORY,
-                    eventAction: "links",
-                    eventName: "Ethereum.org Github Feature Request",
-                  }}
-                >
-                  {t("page-resources-suggest-resource")}
-                </ButtonLink>
-                <ButtonLink
-                  href={new URL(
-                    "issues/new?template=bug_report.yaml",
-                    GITHUB_REPO_URL
-                  ).toString()}
-                  variant="outline"
-                  isSecondary
-                  customEventOptions={{
-                    eventCategory: EVENT_CATEGORY,
-                    eventAction: "links",
-                    eventName: "Ethereum.org Github Bug Report",
-                  }}
-                >
-                  <Github /> {t("page-resources-found-bug")}
-                </ButtonLink>
-              </div>
-            </Stack>
+            {t("page-resources-share-feedback")}
+          </Link>
+        </BannerNotification>
+
+        <HubHero
+          title={t("page-resources-hero-title")}
+          header={t("page-resources-hero-header")}
+          description={t("page-resources-hero-description")}
+          heroImg={heroImg}
+        />
+
+        <Stack className="gap-4 px-2 py-6 md:gap-8 md:px-4 lg:px-8 xl:gap-11">
+          <div className="sticky top-5 z-docked flex flex-col items-center gap-3 text-center md:top-6 md:px-2">
+            <div className="my-2 text-body-medium">
+              {t("page-resources-whats-on-this-page")}
+            </div>
+            <ResourcesNav
+              resourceSections={resourceSections}
+              eventCategory={EVENT_CATEGORY}
+            />
+          </div>
+          <Stack className="gap-11 pt-12 md:gap-16 lg:gap-24">
+            {resourceSections.map(
+              ({ key, icon, title: sectionTitle, boxes }) => (
+                <Stack key={key} asChild>
+                  <section id={key} className="scroll-mt-40 gap-8 md:gap-6">
+                    <div className="group flex w-full items-center gap-4 border-b bg-transparent px-2 py-4">
+                      <div className="grid size-12 place-items-center rounded-lg border border-border-low-contrast text-2xl [&_svg]:shrink-0">
+                        {icon || <StackIcon />}
+                      </div>
+                      <h2 className="flex-1 text-start font-black">
+                        {sectionTitle}
+                      </h2>
+                    </div>
+                    <div className="grid grid-cols-1 gap-8 lg:grid-cols-2 lg:gap-y-6">
+                      {boxes.map(({ title, metric, items, className }) => (
+                        <div
+                          className={cn(
+                            "overflow-hidden rounded-2xl border shadow-lg",
+                            className
+                          )}
+                          key={title}
+                        >
+                          <div className="border-b bg-[#ffffff] px-6 py-4 font-bold dark:bg-[#171717]">
+                            {title}
+                          </div>
+                          <div className="h-full bg-background bg-gradient-to-br from-white to-primary/10 px-2 py-6 dark:from-transparent dark:to-primary/10">
+                            {metric && metric}
+                            <ResourcesContainer>
+                              {items.map(({ className, ...item }) => (
+                                <ResourceItem
+                                  item={item}
+                                  key={item.title}
+                                  className={className}
+                                />
+                              ))}
+                            </ResourcesContainer>
+                          </div>
+                        </div>
+                      ))}
+                    </div>
+                  </section>
+                </Stack>
+              )
+            )}
+          </Stack>
+
+          <VStack className="gap-4 py-16">
+            <div className="text-center font-bold">
+              <Translation id="page-resources:page-resources-find-more" />
+            </div>
+            <ButtonLink
+              href="https://ethereumdashboards.com"
+              size="lg"
+              customEventOptions={{
+                eventCategory: EVENT_CATEGORY,
+                eventAction: "links",
+                eventName: "ethereumdashboards.com",
+              }}
+            >
+              ethereumdashboards.com
+            </ButtonLink>
           </VStack>
-        </Section>
-      </Stack>
-    </MainArticle>
+
+          <Section
+            id="contribute"
+            className="relative rounded-4xl border border-body/5 bg-background"
+          >
+            <VStack className="rounded-4xl bg-radial-a px-4 py-6 md:py-12">
+              <Stack className="max-w-xl gap-y-10 py-6 lg:max-w-[700px]">
+                <div className="flex flex-col gap-y-4 text-center">
+                  <h2>{t("page-resources-contribute-title")}</h2>
+                  <p className="text-lg">
+                    {t("page-resources-contribute-description")}
+                  </p>
+                </div>
+                <div className="mx-auto grid grid-cols-1 gap-x-3 gap-y-4 md:grid-cols-2">
+                  {/* TODO: Add issue template for resource listing and redirect to new template */}
+                  <ButtonLink
+                    href={new URL(
+                      "issues/new?template=feature_request.yaml",
+                      GITHUB_REPO_URL
+                    ).toString()}
+                    variant="outline"
+                    isSecondary
+                    customEventOptions={{
+                      eventCategory: EVENT_CATEGORY,
+                      eventAction: "links",
+                      eventName: "Ethereum.org Github Feature Request",
+                    }}
+                  >
+                    {t("page-resources-suggest-resource")}
+                  </ButtonLink>
+                  <ButtonLink
+                    href={new URL(
+                      "issues/new?template=bug_report.yaml",
+                      GITHUB_REPO_URL
+                    ).toString()}
+                    variant="outline"
+                    isSecondary
+                    customEventOptions={{
+                      eventCategory: EVENT_CATEGORY,
+                      eventAction: "links",
+                      eventName: "Ethereum.org Github Bug Report",
+                    }}
+                  >
+                    <Github /> {t("page-resources-found-bug")}
+                  </ButtonLink>
+                </div>
+              </Stack>
+            </VStack>
+          </Section>
+        </Stack>
+      </MainArticle>
+    </>
   )
 }
 

From b6267eca381dfbcfea6b11bceab42c4043466143 Mon Sep 17 00:00:00 2001
From: Corwin Smith <cssmittys@gmail.com>
Date: Thu, 4 Sep 2025 22:13:45 -0600
Subject: [PATCH 18/41] feat: add JSON-LD structured data for the Roadmap and
 Vision pages

---
 app/[locale]/roadmap/_components/roadmap.tsx  | 412 ++++++++++++------
 app/[locale]/roadmap/page.tsx                 |   2 +-
 .../roadmap/vision/_components/vision.tsx     | 342 +++++++++------
 app/[locale]/roadmap/vision/page.tsx          |   1 +
 4 files changed, 486 insertions(+), 271 deletions(-)

diff --git a/app/[locale]/roadmap/_components/roadmap.tsx b/app/[locale]/roadmap/_components/roadmap.tsx
index 61cfaeff444..cf77667a2b7 100644
--- a/app/[locale]/roadmap/_components/roadmap.tsx
+++ b/app/[locale]/roadmap/_components/roadmap.tsx
@@ -29,7 +29,7 @@ import ethBlocksImage from "@/public/images/developers-eth-blocks.png"
 import communityHeroImg from "@/public/images/heroes/community-hero.png"
 import roadmapHeroImg from "@/public/images/heroes/roadmap-hub-hero.jpg"
 
-const RoadmapPage = () => {
+const RoadmapPage = ({ locale }) => {
   const { t } = useTranslation("page-roadmap")
 
   const heroContent: HubHeroProps = {
@@ -39,6 +39,110 @@ const RoadmapPage = () => {
     heroImg: roadmapHeroImg,
   }
 
+  // JSON-LD structured data for the Roadmap page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": `https://ethereum.org/${locale}/roadmap/`,
+    name: t("page-roadmap-meta-title"),
+    description: t("page-roadmap-meta-description"),
+    url: `https://ethereum.org/${locale}/roadmap/`,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: `https://ethereum.org/${locale}/`,
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: t("page-roadmap-meta-title"),
+          item: `https://ethereum.org/${locale}/roadmap/`,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+  }
+
+  // JSON-LD for the roadmap article content
+  const articleJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "Article",
+    headline: t("page-roadmap-title"),
+    description: t("page-roadmap-meta-description"),
+    image: "https://ethereum.org/images/heroes/roadmap-hub-hero.jpg",
+    author: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    about: {
+      "@type": "Thing",
+      name: "Ethereum Roadmap",
+      description:
+        "The future development and upgrade path of the Ethereum blockchain",
+    },
+  }
+
+  // JSON-LD for the FAQ section
+  const faqJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "FAQPage",
+    mainEntity: [
+      {
+        "@type": "Question",
+        name: t("page-roadmap-faq-1-title"),
+        acceptedAnswer: {
+          "@type": "Answer",
+          text: `${t("page-roadmap-faq-1-p1")} ${t("page-roadmap-faq-1-p1-continued")} ${t("page-roadmap-faq-1-p2")}`.replace(
+            /<[^>]*>/g,
+            ""
+          ),
+        },
+      },
+      {
+        "@type": "Question",
+        name: t("page-roadmap-faq-2-title"),
+        acceptedAnswer: {
+          "@type": "Answer",
+          text: `${t("page-roadmap-faq-2-p1")} ${t("page-roadmap-faq-2-p1-strong")} ${t("page-roadmap-faq-2-p1-continued")} ${t("page-roadmap-faq-2-p2")}`.replace(
+            /<[^>]*>/g,
+            ""
+          ),
+        },
+      },
+      {
+        "@type": "Question",
+        name: t("page-roadmap-faq-3-title"),
+        acceptedAnswer: {
+          "@type": "Answer",
+          text: t("page-roadmap-faq-3-p1").replace(/<[^>]*>/g, ""),
+        },
+      },
+      {
+        "@type": "Question",
+        name: t("page-roadmap-faq-4-title"),
+        acceptedAnswer: {
+          "@type": "Answer",
+          text: t("page-roadmap-faq-4-p1").replace(/<[^>]*>/g, ""),
+        },
+      },
+    ],
+  }
+
   const changesComingItems = [
     {
       title: t("page-roadmap-cheaper-transactions-title"),
@@ -107,160 +211,186 @@ const RoadmapPage = () => {
 
   // TODO: MATOMO EVENTS
   return (
-    <MainArticle className="mx-auto flex w-full flex-col items-center">
-      <BannerNotification shouldShow>
-        <p>{t("page-roadmap-banner-notification")}</p>
-      </BannerNotification>
-      <div className="flex flex-col gap-16">
-        <HubHero {...heroContent} />
+    <>
+      <script
+        id="jsonld-webpage-roadmap"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(webPageJsonLd),
+        }}
+      />
 
-        <div className="py-4">
-          <ReleaseCarousel />
-        </div>
+      <script
+        id="jsonld-article-roadmap"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(articleJsonLd),
+        }}
+      />
 
-        <div className="flex w-full flex-col gap-8 px-8 py-4">
-          <h2 className="m-0">{t("page-roadmap-changes-coming-title")}</h2>
-          <p className="max-w-screen-md text-lg">
-            {t("page-roadmap-changes-coming-description")}
-          </p>
-          <div className="grid grid-cols-1 items-stretch gap-6 md:grid-cols-2 xl:grid-cols-4">
-            {changesComingItems.map((item) => (
-              <div
-                key={item.title}
-                className="bg-roadmap-card-gradient flex flex-col gap-4 rounded-3xl border p-6"
-              >
-                <div className="flex flex-row items-center justify-between gap-4">
-                  <h3 className="m-0">{item.title}</h3>
-                  <div className="flex h-12 w-12 items-center justify-center">
-                    {item.icon}
-                  </div>
-                </div>
-                <p className="flex-grow">{item.description}</p>
-                <ButtonLink href={item.button.href} variant="outline">
-                  {item.button.label}
-                </ButtonLink>
-              </div>
-            ))}
+      <script
+        id="jsonld-faq-roadmap"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(faqJsonLd),
+        }}
+      />
+
+      <MainArticle className="mx-auto flex w-full flex-col items-center">
+        <BannerNotification shouldShow>
+          <p>{t("page-roadmap-banner-notification")}</p>
+        </BannerNotification>
+        <div className="flex flex-col gap-16">
+          <HubHero {...heroContent} />
+
+          <div className="py-4">
+            <ReleaseCarousel />
           </div>
-        </div>
 
-        <div className="flex flex-col-reverse gap-12 px-8 py-4 md:w-full md:flex-row">
-          <div className="max-w-screen-md flex-1">
-            <h2 className="mb-8">{t("page-roadmap-why-need-title")}</h2>
-            <p className="mb-10">{t("page-roadmap-why-need-description")}</p>
-            <h3 className="mb-6">{t("page-roadmap-how-defined-title")}</h3>
-            <p className="mb-6">{t("page-roadmap-how-defined-p1")}</p>
-            <p className="mb-6">
-              <Translation id="page-roadmap:page-roadmap-how-defined-p2" />
-            </p>
-            <p className="mb-6">
-              <Translation id="page-roadmap:page-roadmap-how-defined-p3" />
+          <div className="flex w-full flex-col gap-8 px-8 py-4">
+            <h2 className="m-0">{t("page-roadmap-changes-coming-title")}</h2>
+            <p className="max-w-screen-md text-lg">
+              {t("page-roadmap-changes-coming-description")}
             </p>
-            <ButtonLink
-              href="/governance"
-              variant="outline"
-              className="w-full md:w-auto"
-            >
-              {t("page-roadmap-governance-button")}
-            </ButtonLink>
-          </div>
-          <div className="relative min-h-[272px] w-full flex-shrink-0 overflow-hidden rounded-3xl md:w-1/2 xl:w-1/3">
-            <Image
-              src={communityHeroImg}
-              alt={t("page-roadmap-hero-alt")}
-              className="absolute inset-0 h-full w-full object-cover"
-              fill
-            />
+            <div className="grid grid-cols-1 items-stretch gap-6 md:grid-cols-2 xl:grid-cols-4">
+              {changesComingItems.map((item) => (
+                <div
+                  key={item.title}
+                  className="bg-roadmap-card-gradient flex flex-col gap-4 rounded-3xl border p-6"
+                >
+                  <div className="flex flex-row items-center justify-between gap-4">
+                    <h3 className="m-0">{item.title}</h3>
+                    <div className="flex h-12 w-12 items-center justify-center">
+                      {item.icon}
+                    </div>
+                  </div>
+                  <p className="flex-grow">{item.description}</p>
+                  <ButtonLink href={item.button.href} variant="outline">
+                    {item.button.label}
+                  </ButtonLink>
+                </div>
+              ))}
+            </div>
           </div>
-        </div>
 
-        <div className="flex w-full flex-col gap-8 px-8">
-          <h2 className="text-center">
-            {t("page-roadmap-technical-upgrades-title")}
-          </h2>
-          <div className="grid grid-cols-1 gap-6 md:grid-cols-2">
-            {technicalUpgradesItems.map((item) => (
-              <SubpageCard
-                key={item.title}
-                title={item.title}
-                description={item.description}
-                icon={item.icon}
-                href={item.href}
-                inlineLink={{ text: t("page-roadmap-learn-more") }}
+          <div className="flex flex-col-reverse gap-12 px-8 py-4 md:w-full md:flex-row">
+            <div className="max-w-screen-md flex-1">
+              <h2 className="mb-8">{t("page-roadmap-why-need-title")}</h2>
+              <p className="mb-10">{t("page-roadmap-why-need-description")}</p>
+              <h3 className="mb-6">{t("page-roadmap-how-defined-title")}</h3>
+              <p className="mb-6">{t("page-roadmap-how-defined-p1")}</p>
+              <p className="mb-6">
+                <Translation id="page-roadmap:page-roadmap-how-defined-p2" />
+              </p>
+              <p className="mb-6">
+                <Translation id="page-roadmap:page-roadmap-how-defined-p3" />
+              </p>
+              <ButtonLink
+                href="/governance"
+                variant="outline"
+                className="w-full md:w-auto"
+              >
+                {t("page-roadmap-governance-button")}
+              </ButtonLink>
+            </div>
+            <div className="relative min-h-[272px] w-full flex-shrink-0 overflow-hidden rounded-3xl md:w-1/2 xl:w-1/3">
+              <Image
+                src={communityHeroImg}
+                alt={t("page-roadmap-hero-alt")}
+                className="absolute inset-0 h-full w-full object-cover"
+                fill
               />
-            ))}
+            </div>
           </div>
-        </div>
 
-        <div className="flex flex-col gap-8 px-8 lg:flex-row">
-          <div className="top-24 flex h-fit flex-1 items-start lg:sticky">
-            <Image
-              src={ethBlocksImage}
-              alt={t("page-roadmap-blocks-alt")}
-              className="object-contain"
-            />
+          <div className="flex w-full flex-col gap-8 px-8">
+            <h2 className="text-center">
+              {t("page-roadmap-technical-upgrades-title")}
+            </h2>
+            <div className="grid grid-cols-1 gap-6 md:grid-cols-2">
+              {technicalUpgradesItems.map((item) => (
+                <SubpageCard
+                  key={item.title}
+                  title={item.title}
+                  description={item.description}
+                  icon={item.icon}
+                  href={item.href}
+                  inlineLink={{ text: t("page-roadmap-learn-more") }}
+                />
+              ))}
+            </div>
           </div>
-          <div className="flex flex-1 flex-col gap-8">
-            <h2>{t("page-roadmap-timeline-title")}</h2>
-            <div>
-              <ExpandableCard
-                title={t("page-roadmap-faq-1-title")}
-                className="mb-0"
-              >
-                <div className="flex flex-col gap-4">
-                  <p>
-                    <strong>{t("page-roadmap-faq-1-p1")}</strong>{" "}
-                    {t("page-roadmap-faq-1-p1-continued")}
-                  </p>
-                  <p>{t("page-roadmap-faq-1-p2")}</p>
-                </div>
-              </ExpandableCard>
-              <ExpandableCard
-                title={t("page-roadmap-faq-2-title")}
-                className="mb-0"
-              >
-                <div className="flex flex-col gap-4">
-                  <p>
-                    {t("page-roadmap-faq-2-p1")}{" "}
-                    <strong>{t("page-roadmap-faq-2-p1-strong")}</strong>{" "}
-                    {t("page-roadmap-faq-2-p1-continued")}
-                  </p>
-                  <p>{t("page-roadmap-faq-2-p2")}</p>
-                </div>
-              </ExpandableCard>
-              <ExpandableCard
-                title={t("page-roadmap-faq-3-title")}
-                className="mb-0"
-              >
-                <div className="flex flex-col gap-4">
-                  <p>
-                    <Translation
-                      id="page-roadmap:page-roadmap-faq-3-p1"
-                      transform={{ a: Link }}
-                    />
-                  </p>
-                </div>
-              </ExpandableCard>
-              <ExpandableCard
-                title={t("page-roadmap-faq-4-title")}
-                className="mb-0"
-              >
-                <div className="flex flex-col gap-4">
-                  <p>
-                    <Translation
-                      id="page-roadmap:page-roadmap-faq-4-p1"
-                      transform={{ a: Link }}
-                    />
-                  </p>
-                </div>
-              </ExpandableCard>
+
+          <div className="flex flex-col gap-8 px-8 lg:flex-row">
+            <div className="top-24 flex h-fit flex-1 items-start lg:sticky">
+              <Image
+                src={ethBlocksImage}
+                alt={t("page-roadmap-blocks-alt")}
+                className="object-contain"
+              />
+            </div>
+            <div className="flex flex-1 flex-col gap-8">
+              <h2>{t("page-roadmap-timeline-title")}</h2>
+              <div>
+                <ExpandableCard
+                  title={t("page-roadmap-faq-1-title")}
+                  className="mb-0"
+                >
+                  <div className="flex flex-col gap-4">
+                    <p>
+                      <strong>{t("page-roadmap-faq-1-p1")}</strong>{" "}
+                      {t("page-roadmap-faq-1-p1-continued")}
+                    </p>
+                    <p>{t("page-roadmap-faq-1-p2")}</p>
+                  </div>
+                </ExpandableCard>
+                <ExpandableCard
+                  title={t("page-roadmap-faq-2-title")}
+                  className="mb-0"
+                >
+                  <div className="flex flex-col gap-4">
+                    <p>
+                      {t("page-roadmap-faq-2-p1")}{" "}
+                      <strong>{t("page-roadmap-faq-2-p1-strong")}</strong>{" "}
+                      {t("page-roadmap-faq-2-p1-continued")}
+                    </p>
+                    <p>{t("page-roadmap-faq-2-p2")}</p>
+                  </div>
+                </ExpandableCard>
+                <ExpandableCard
+                  title={t("page-roadmap-faq-3-title")}
+                  className="mb-0"
+                >
+                  <div className="flex flex-col gap-4">
+                    <p>
+                      <Translation
+                        id="page-roadmap:page-roadmap-faq-3-p1"
+                        transform={{ a: Link }}
+                      />
+                    </p>
+                  </div>
+                </ExpandableCard>
+                <ExpandableCard
+                  title={t("page-roadmap-faq-4-title")}
+                  className="mb-0"
+                >
+                  <div className="flex flex-col gap-4">
+                    <p>
+                      <Translation
+                        id="page-roadmap:page-roadmap-faq-4-p1"
+                        transform={{ a: Link }}
+                      />
+                    </p>
+                  </div>
+                </ExpandableCard>
+              </div>
             </div>
           </div>
-        </div>
 
-        <FeedbackCard />
-      </div>
-    </MainArticle>
+          <FeedbackCard />
+        </div>
+      </MainArticle>
+    </>
   )
 }
 
diff --git a/app/[locale]/roadmap/page.tsx b/app/[locale]/roadmap/page.tsx
index 7bc113e023a..09491b36ceb 100644
--- a/app/[locale]/roadmap/page.tsx
+++ b/app/[locale]/roadmap/page.tsx
@@ -22,7 +22,7 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
 
   return (
     <I18nProvider locale={locale} messages={messages}>
-      <RoadmapPage />
+      <RoadmapPage locale={locale} />
     </I18nProvider>
   )
 }
diff --git a/app/[locale]/roadmap/vision/_components/vision.tsx b/app/[locale]/roadmap/vision/_components/vision.tsx
index 8c2a745772f..16857ea9675 100644
--- a/app/[locale]/roadmap/vision/_components/vision.tsx
+++ b/app/[locale]/roadmap/vision/_components/vision.tsx
@@ -94,6 +94,7 @@ const TrilemmaContent = (props: ChildOnlyProp) => (
 const VisionPage = ({
   contributors,
   lastEditLocaleTimestamp,
+  locale,
 }: PageWithContributorsProps) => {
   const { t } = useTranslation(["page-roadmap-vision", "page-upgrades-index"])
   const pathname = usePathname()
@@ -119,140 +120,223 @@ const VisionPage = ({
     alt: t("page-eth-whats-eth-hero-alt"),
   }
 
+  // JSON-LD structured data for the Vision page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": `https://ethereum.org/${locale}/roadmap/vision/`,
+    name: t("page-roadmap-vision-title"),
+    description: t("page-roadmap-vision-subtitle"),
+    url: `https://ethereum.org/${locale}/roadmap/vision/`,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: `https://ethereum.org/${locale}/`,
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: "Roadmap",
+          item: `https://ethereum.org/${locale}/roadmap/`,
+        },
+        {
+          "@type": "ListItem",
+          position: 3,
+          name: t("page-roadmap-vision-title"),
+          item: `https://ethereum.org/${locale}/roadmap/vision/`,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+  }
+
+  // JSON-LD for the vision article content
+  const articleJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "Article",
+    headline: t("page-roadmap-vision-title"),
+    description: t("page-roadmap-vision-subtitle"),
+    image: "https://ethereum.org/images/upgrades/oldship.png",
+    author: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    about: {
+      "@type": "Thing",
+      name: "Ethereum Vision",
+      description:
+        "The vision for Ethereum's future development and capabilities",
+    },
+    dateModified: lastEditLocaleTimestamp,
+  }
+
   return (
-    <Page>
-      <PageHero content={heroContent} />
-      <Divider />
-      <PageContent>
-        <Breadcrumbs slug={pathname} startDepth={1} />
-        <CentralContent>
-          <CenterH2>{t("page-roadmap-vision-upgrade-needs")}</CenterH2>
-          <Text>{t("page-roadmap-vision-upgrade-needs-desc")}</Text>
-          <Text>{t("page-roadmap-vision-upgrade-needs-desc-2")}</Text>
-          <Text>{t("page-roadmap-vision-upgrade-needs-desc-3")} </Text>
-          <List className="list-disc">
-            <ListItem>
-              <InlineLink href="https://members.delphidigital.io/reports/the-hitchhikers-guide-to-ethereum">
-                {t("page-roadmap-vision-2022")}
-              </InlineLink>
-            </ListItem>
-            <ListItem>
-              <InlineLink href="https://trent.mirror.xyz/82eyq_NXZzzqFmCNXiKJgSdayf6omCW7BgDQIneyPoA">
-                {t("page-roadmap-vision-2021-updates")}
+    <>
+      <script
+        id="jsonld-webpage-roadmap-vision"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(webPageJsonLd),
+        }}
+      />
+
+      <script
+        id="jsonld-article-roadmap-vision"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(articleJsonLd),
+        }}
+      />
+
+      <Page>
+        <PageHero content={heroContent} />
+        <Divider />
+        <PageContent>
+          <Breadcrumbs slug={pathname} startDepth={1} />
+          <CentralContent>
+            <CenterH2>{t("page-roadmap-vision-upgrade-needs")}</CenterH2>
+            <Text>{t("page-roadmap-vision-upgrade-needs-desc")}</Text>
+            <Text>{t("page-roadmap-vision-upgrade-needs-desc-2")}</Text>
+            <Text>{t("page-roadmap-vision-upgrade-needs-desc-3")} </Text>
+            <List className="list-disc">
+              <ListItem>
+                <InlineLink href="https://members.delphidigital.io/reports/the-hitchhikers-guide-to-ethereum">
+                  {t("page-roadmap-vision-2022")}
+                </InlineLink>
+              </ListItem>
+              <ListItem>
+                <InlineLink href="https://trent.mirror.xyz/82eyq_NXZzzqFmCNXiKJgSdayf6omCW7BgDQIneyPoA">
+                  {t("page-roadmap-vision-2021-updates")}
+                </InlineLink>
+              </ListItem>
+              <ListItem>
+                <InlineLink href="https://tim.mirror.xyz/CHQtTJb1NDxCK41JpULL-zAJe7YOtw-m4UDw6KDju6c">
+                  {t("page-roadmap-vision-2021")}
+                </InlineLink>
+              </ListItem>
+              <ListItem>
+                <InlineLink href="https://blog.ethereum.org/2015/03/03/ethereum-launch-process/">
+                  {t("page-roadmap-vision-upgrade-needs-serenity")}
+                </InlineLink>
+              </ListItem>
+              <ListItem>
+                <InlineLink href="https://blog.ethereum.org/2014/01/15/slasher-a-punitive-proof-of-stake-algorithm/">
+                  {t("page-roadmap-vision-2014")}
+                </InlineLink>
+              </ListItem>
+            </List>
+            <Text>{t("page-roadmap-vision-upgrade-needs-desc-5")}</Text>
+            <Text>{t("page-roadmap-vision-upgrade-needs-desc-6")}</Text>
+          </CentralContent>
+        </PageContent>
+        <Divider />
+        <PageContent>
+          <CenterH2>{t("page-roadmap-vision-problems")}</CenterH2>
+          <ProblemCardContainer>
+            {paths.map((path, idx) => (
+              <CentreCard
+                key={idx}
+                emoji={path.emoji}
+                title={path.title}
+                description={path.description}
+              />
+            ))}
+          </ProblemCardContainer>
+        </PageContent>
+        <TrilemmaContent>
+          <Trilemma />
+        </TrilemmaContent>
+        <Divider />
+        <PageContent>
+          <CentralContent>
+            <CenterH2>{t("page-roadmap-vision-understanding")}</CenterH2>
+            <H3>
+              {t("page-roadmap-vision-scalability")} <Emoji text=":rocket:" />
+            </H3>
+            <Text>{t("page-roadmap-vision-scalability-desc")}</Text>
+            <Text>{t("page-roadmap-vision-scalability-desc-3")}</Text>
+            <Text>
+              {t("page-roadmap-vision-scalability-desc-4")}{" "}
+              <InlineLink href="/roadmap/danksharding/">
+                {t("page-roadmap-vision-danksharding")}
+              </InlineLink>{" "}
+            </Text>
+            <H3>
+              {t("page-roadmap-vision-security")} <Emoji text=":shield:" />
+            </H3>
+            <Text>{t("page-roadmap-vision-security-desc")}</Text>
+            <Text>
+              {t("page-roadmap-vision-security-desc-3")}{" "}
+              <InlineLink href="/developers/docs/consensus-mechanisms/pos/">
+                {t("page-upgrades-index:page-upgrades-proof-stake-link")}
+              </InlineLink>{" "}
+            </Text>
+            <Text>
+              {t("page-roadmap-vision-security-desc-5")}{" "}
+              <InlineLink href="/developers/docs/consensus-mechanisms/pow/">
+                {t("page-roadmap-vision-security-desc-5-link")}
               </InlineLink>
-            </ListItem>
-            <ListItem>
-              <InlineLink href="https://tim.mirror.xyz/CHQtTJb1NDxCK41JpULL-zAJe7YOtw-m4UDw6KDju6c">
-                {t("page-roadmap-vision-2021")}
+            </Text>
+            <Text>{t("page-roadmap-vision-security-desc-10")}</Text>
+            <Text>
+              {t("page-roadmap-vision-security-validator")}{" "}
+              <InlineLink href="/run-a-node/">
+                {t("page-roadmap-vision-ethereum-node")}
               </InlineLink>
-            </ListItem>
-            <ListItem>
-              <InlineLink href="https://blog.ethereum.org/2015/03/03/ethereum-launch-process/">
-                {t("page-roadmap-vision-upgrade-needs-serenity")}
+            </Text>
+            <ButtonLink href="/staking/">
+              {t("page-roadmap-vision-security-staking")}
+            </ButtonLink>
+            <H3>
+              {t("page-roadmap-vision-sustainability")}{" "}
+              <Emoji text=":evergreen_tree:" />
+            </H3>
+            <Text>{t("page-roadmap-vision-sustainability-subtitle")}</Text>
+            <Text>
+              {t("page-roadmap-vision-sustainability-desc-1")}{" "}
+              <InlineLink href="/developers/docs/consensus-mechanisms/pow/mining/">
+                {t("page-roadmap-vision-mining")}
               </InlineLink>
-            </ListItem>
-            <ListItem>
-              <InlineLink href="https://blog.ethereum.org/2014/01/15/slasher-a-punitive-proof-of-stake-algorithm/">
-                {t("page-roadmap-vision-2014")}
+            </Text>
+            <Text>
+              {t("page-roadmap-vision-sustainability-desc-2")}{" "}
+              <InlineLink href="/staking/">
+                {t("page-roadmap-vision-staking-lower")}
               </InlineLink>
-            </ListItem>
-          </List>
-          <Text>{t("page-roadmap-vision-upgrade-needs-desc-5")}</Text>
-          <Text>{t("page-roadmap-vision-upgrade-needs-desc-6")}</Text>
-        </CentralContent>
-      </PageContent>
-      <Divider />
-      <PageContent>
-        <CenterH2>{t("page-roadmap-vision-problems")}</CenterH2>
-        <ProblemCardContainer>
-          {paths.map((path, idx) => (
-            <CentreCard
-              key={idx}
-              emoji={path.emoji}
-              title={path.title}
-              description={path.description}
-            />
-          ))}
-        </ProblemCardContainer>
-      </PageContent>
-      <TrilemmaContent>
-        <Trilemma />
-      </TrilemmaContent>
-      <Divider />
-      <PageContent>
-        <CentralContent>
-          <CenterH2>{t("page-roadmap-vision-understanding")}</CenterH2>
-          <H3>
-            {t("page-roadmap-vision-scalability")} <Emoji text=":rocket:" />
-          </H3>
-          <Text>{t("page-roadmap-vision-scalability-desc")}</Text>
-          <Text>{t("page-roadmap-vision-scalability-desc-3")}</Text>
-          <Text>
-            {t("page-roadmap-vision-scalability-desc-4")}{" "}
-            <InlineLink href="/roadmap/danksharding/">
-              {t("page-roadmap-vision-danksharding")}
-            </InlineLink>{" "}
-          </Text>
-          <H3>
-            {t("page-roadmap-vision-security")} <Emoji text=":shield:" />
-          </H3>
-          <Text>{t("page-roadmap-vision-security-desc")}</Text>
-          <Text>
-            {t("page-roadmap-vision-security-desc-3")}{" "}
-            <InlineLink href="/developers/docs/consensus-mechanisms/pos/">
-              {t("page-upgrades-index:page-upgrades-proof-stake-link")}
-            </InlineLink>{" "}
-          </Text>
-          <Text>
-            {t("page-roadmap-vision-security-desc-5")}{" "}
-            <InlineLink href="/developers/docs/consensus-mechanisms/pow/">
-              {t("page-roadmap-vision-security-desc-5-link")}
-            </InlineLink>
-          </Text>
-          <Text>{t("page-roadmap-vision-security-desc-10")}</Text>
-          <Text>
-            {t("page-roadmap-vision-security-validator")}{" "}
-            <InlineLink href="/run-a-node/">
-              {t("page-roadmap-vision-ethereum-node")}
-            </InlineLink>
-          </Text>
-          <ButtonLink href="/staking/">
-            {t("page-roadmap-vision-security-staking")}
-          </ButtonLink>
-          <H3>
-            {t("page-roadmap-vision-sustainability")}{" "}
-            <Emoji text=":evergreen_tree:" />
-          </H3>
-          <Text>{t("page-roadmap-vision-sustainability-subtitle")}</Text>
-          <Text>
-            {t("page-roadmap-vision-sustainability-desc-1")}{" "}
-            <InlineLink href="/developers/docs/consensus-mechanisms/pow/mining/">
-              {t("page-roadmap-vision-mining")}
-            </InlineLink>
-          </Text>
-          <Text>
-            {t("page-roadmap-vision-sustainability-desc-2")}{" "}
-            <InlineLink href="/staking/">
-              {t("page-roadmap-vision-staking-lower")}
-            </InlineLink>
-          </Text>
-          <Text>{t("page-roadmap-vision-sustainability-desc-3")}</Text>
-          <InfoBanner>
-            <Text>{t("page-roadmap-vision-sustainability-desc-8")}</Text>
-            <ButtonLink href="/roadmap/merge/">
-              {t("page-upgrades-index:page-upgrades-merge-btn")}
-            </ButtonLink>
-          </InfoBanner>
-        </CentralContent>
-        <FileContributors
-          className="my-10 border-t"
-          contributors={contributors}
-          lastEditLocaleTimestamp={lastEditLocaleTimestamp}
-        />
-      </PageContent>
-      <Divider />
-      <FeedbackCard />
-    </Page>
+            </Text>
+            <Text>{t("page-roadmap-vision-sustainability-desc-3")}</Text>
+            <InfoBanner>
+              <Text>{t("page-roadmap-vision-sustainability-desc-8")}</Text>
+              <ButtonLink href="/roadmap/merge/">
+                {t("page-upgrades-index:page-upgrades-merge-btn")}
+              </ButtonLink>
+            </InfoBanner>
+          </CentralContent>
+          <FileContributors
+            className="my-10 border-t"
+            contributors={contributors}
+            lastEditLocaleTimestamp={lastEditLocaleTimestamp}
+          />
+        </PageContent>
+        <Divider />
+        <FeedbackCard />
+      </Page>
+    </>
   )
 }
 
diff --git a/app/[locale]/roadmap/vision/page.tsx b/app/[locale]/roadmap/vision/page.tsx
index 3c3a0c798c5..6ce868c37ca 100644
--- a/app/[locale]/roadmap/vision/page.tsx
+++ b/app/[locale]/roadmap/vision/page.tsx
@@ -38,6 +38,7 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
       <VisionPage
         contributors={contributors}
         lastEditLocaleTimestamp={lastEditLocaleTimestamp}
+        locale={locale}
       />
     </I18nProvider>
   )

From 3ca2b91d08c77c44ece21881ec6b2ec7824a6b94 Mon Sep 17 00:00:00 2001
From: Corwin Smith <cssmittys@gmail.com>
Date: Thu, 4 Sep 2025 22:20:11 -0600
Subject: [PATCH 19/41] feat: add JSON-LD structured data for the Run a Node
 page

---
 .../run-a-node/_components/run-a-node.tsx     | 964 ++++++++++--------
 app/[locale]/run-a-node/page.tsx              |   1 +
 2 files changed, 526 insertions(+), 439 deletions(-)

diff --git a/app/[locale]/run-a-node/_components/run-a-node.tsx b/app/[locale]/run-a-node/_components/run-a-node.tsx
index 15f074f8aed..44c1ca20778 100644
--- a/app/[locale]/run-a-node/_components/run-a-node.tsx
+++ b/app/[locale]/run-a-node/_components/run-a-node.tsx
@@ -207,6 +207,7 @@ type RunANodeCard = {
 const RunANodePage = ({
   contributors,
   lastEditLocaleTimestamp,
+  locale,
 }: PageWithContributorsProps) => {
   const { t } = useTranslation("page-run-a-node")
   const heroContent = {
@@ -228,6 +229,65 @@ const RunANodePage = ({
     ],
   }
 
+  // JSON-LD structured data for the Run a Node page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": `https://ethereum.org/${locale}/run-a-node/`,
+    name: t("page-run-a-node-title"),
+    description: t("page-run-a-node-hero-subtitle"),
+    url: `https://ethereum.org/${locale}/run-a-node/`,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: `https://ethereum.org/${locale}/`,
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: t("page-run-a-node-title"),
+          item: `https://ethereum.org/${locale}/run-a-node/`,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+  }
+
+  // JSON-LD for the run a node article content
+  const articleJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "Article",
+    headline: t("page-run-a-node-title"),
+    description: t("page-run-a-node-hero-subtitle"),
+    image: "https://ethereum.org/images/run-a-node/ethereum-inside.png",
+    author: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    about: {
+      "@type": "Thing",
+      name: "Running an Ethereum Node",
+      description:
+        "Guide to running your own Ethereum node, benefits, and requirements",
+    },
+    dateModified: lastEditLocaleTimestamp,
+  }
+
   const whyRunANodeCards: RunANodeCard[] = [
     {
       Svg: PrivacyGlyphIcon,
@@ -295,478 +355,504 @@ const RunANodePage = ({
   ]
 
   return (
-    <GappedPage>
-      <div className="w-full bg-gradient-to-br from-accent-b/5 via-primary/10 to-accent-b/15 dark:from-accent-b/20 dark:via-primary/15 dark:to-accent-a/20">
-        <div className="pb-8">
-          <PageHero content={heroContent} isReverse />
-        </div>
-      </div>
-
-      <Content id="what-is-a-node">
-        <TwoColumnContent>
-          <Width60>
-            <H2>
-              <Translation id="page-run-a-node:page-run-a-node-what-title" />
-            </H2>
-            <H3>{t("page-run-a-node-what-1-subtitle")}</H3>
-            <Text>{t("page-run-a-node-what-1-text")}</Text>
-            <H3>{t("page-run-a-node-what-2-subtitle")}</H3>
-            <Text>{t("page-run-a-node-what-2-text")}</Text>
-            <H3>{t("page-run-a-node-what-3-subtitle")}</H3>
-            <Text>{t("page-run-a-node-what-3-text")}</Text>
-          </Width60>
-          <Width40>
-            <Image
-              src={hackathon}
-              alt=""
-              sizes="624px"
-              style={{ width: "624px", height: "auto" }}
-            />
-          </Width40>
-        </TwoColumnContent>
-      </Content>
-
-      <FlexContent>
-        <VStack
-          className={cn(
-            "relative mb-0 w-full gap-0 self-center rounded-sm border p-6 md:mb-4 md:w-[90%]",
-            "bg-gradient-to-br from-blue-500/20 from-10% to-pink-600/20 to-90%"
-          )}
-        >
-          <Stack className="flex-col items-center justify-between gap-8 md:flex-row md:gap-12">
-            <Image
-              src={impact}
-              alt=""
-              sizes="300px"
-              style={{ width: "300px", height: "auto" }}
-            />
-            <div className="me-4">
-              <h2 className="mb-5 mt-4 text-2xl font-semibold leading-[1.4] md:text-[2rem]">
-                <Translation id="page-run-a-node:page-run-a-node-who-title" />
-              </h2>
-              <p className="body-medium mb-0">
-                <Translation id="page-run-a-node:page-run-a-node-who-preview" />
-              </p>
-            </div>
-          </Stack>
-          <div className="mt-8 border-t pt-6">
-            <p className="mb-6">
-              <Translation id="page-run-a-node:page-run-a-node-who-copy-1" />
-            </p>
-            <p className="mb-6">{t("page-run-a-node-who-copy-2")}</p>
-            <p className="mb-6">{t("page-run-a-node-who-copy-3")}</p>
-            <p className="mb-6 text-[150%] font-semibold leading-none">
-              {t("page-run-a-node-who-copy-bold")}
-            </p>
+    <>
+      <script
+        id="jsonld-webpage-run-a-node"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(webPageJsonLd),
+        }}
+      />
+
+      <script
+        id="jsonld-article-run-a-node"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(articleJsonLd),
+        }}
+      />
+
+      <GappedPage>
+        <div className="w-full bg-gradient-to-br from-accent-b/5 via-primary/10 to-accent-b/15 dark:from-accent-b/20 dark:via-primary/15 dark:to-accent-a/20">
+          <div className="pb-8">
+            <PageHero content={heroContent} isReverse />
           </div>
-        </VStack>
-      </FlexContent>
-
-      <Content>
-        <H2>
-          <Translation id="page-run-a-node:page-run-a-node-why-title" />
-        </H2>
-        <InfoGrid>
-          {whyRunANodeCards.map(({ Svg, title, preview, body, alt }) => (
-            <ExpandableCard
-              contentPreview={preview}
-              title={title}
-              // TODO: make a11y svgs (using <title>)
-              // @ts-expect-error alt does not exist as a valid prop
-              alt={alt}
-              svg={({ className }) => (
-                <Svg className={cn("size-16", className)} />
-              )}
-              key={title}
-            >
-              {body.map((item) => (
-                <p key={item}>{item}</p>
-              ))}
-            </ExpandableCard>
-          ))}
-        </InfoGrid>
-      </Content>
-
-      <Divider />
-
-      <Content id="getting-started">
-        <H2>{t("page-run-a-node-getting-started-title")}</H2>
-        <GappedContent>
-          <SoftwareHighlight className="bg-[#ccfcff] dark:bg-[#293233]">
-            <ColumnFill>
-              <Text>
-                {t("page-run-a-node-getting-started-software-section-1")}
-              </Text>
-              <Text>
-                <code>
-                  <Emoji text=":warning:" className="me-4 text-md" />
-                  {t(
-                    "page-run-a-node-getting-started-software-section-1-alert"
-                  )}
-                </code>
-              </Text>
-              <InlineLink href="/developers/docs/nodes-and-clients/run-a-node/">
-                {t("page-run-a-node-getting-started-software-section-1-link")}
-              </InlineLink>
-            </ColumnFill>
-            <ColumnNarrow>
-              <Terminal
-                // TODO: make a11y svgs (using <title>)
-                // @ts-expect-error alt does not exist as a valid prop
-                alt={t("page-run-a-node-glyph-alt-terminal")}
-              />
-            </ColumnNarrow>
-          </SoftwareHighlight>
+        </div>
 
-          <SoftwareHighlight className="flex-col bg-[#FFE3D3] dark:bg-[#332821]">
-            <ColumnNarrow>
-              <Dappnode
-                // TODO: make a11y svgs (using <title>)
-                // @ts-expect-error alt does not exist as a valid prop
-                alt={t("page-run-a-node-glyph-alt-dappnode")}
+        <Content id="what-is-a-node">
+          <TwoColumnContent>
+            <Width60>
+              <H2>
+                <Translation id="page-run-a-node:page-run-a-node-what-title" />
+              </H2>
+              <H3>{t("page-run-a-node-what-1-subtitle")}</H3>
+              <Text>{t("page-run-a-node-what-1-text")}</Text>
+              <H3>{t("page-run-a-node-what-2-subtitle")}</H3>
+              <Text>{t("page-run-a-node-what-2-text")}</Text>
+              <H3>{t("page-run-a-node-what-3-subtitle")}</H3>
+              <Text>{t("page-run-a-node-what-3-text")}</Text>
+            </Width60>
+            <Width40>
+              <Image
+                src={hackathon}
+                alt=""
+                sizes="624px"
+                style={{ width: "624px", height: "auto" }}
               />
-            </ColumnNarrow>
-            <ColumnFill>
-              <Text>
-                <Translation id="page-run-a-node:page-run-a-node-getting-started-software-section-2" />
-              </Text>
-            </ColumnFill>
-          </SoftwareHighlight>
-
-          <SoftwareHighlight className="bg-[#E8E8FF] dark:bg-[#212132]">
-            <ColumnFill>
-              <Text>
-                {t("page-run-a-node-getting-started-software-section-3a")}
-              </Text>
-              <Text>
-                <Translation id="page-run-a-node:page-run-a-node-getting-started-software-section-3b" />
-              </Text>
-            </ColumnFill>
-            <ColumnNarrow>
-              <Dapptap
-                // TODO: make a11y svgs (using <title>)
-                // @ts-expect-error alt does not exist as a valid prop
-                alt={t("page-run-a-node-glyph-alt-phone")}
+            </Width40>
+          </TwoColumnContent>
+        </Content>
+
+        <FlexContent>
+          <VStack
+            className={cn(
+              "relative mb-0 w-full gap-0 self-center rounded-sm border p-6 md:mb-4 md:w-[90%]",
+              "bg-gradient-to-br from-blue-500/20 from-10% to-pink-600/20 to-90%"
+            )}
+          >
+            <Stack className="flex-col items-center justify-between gap-8 md:flex-row md:gap-12">
+              <Image
+                src={impact}
+                alt=""
+                sizes="300px"
+                style={{ width: "300px", height: "auto" }}
               />
-            </ColumnNarrow>
-          </SoftwareHighlight>
-        </GappedContent>
-      </Content>
-
-      <Content>
-        <H2>{t("page-run-a-node-choose-your-adventure-title")}</H2>
-        <Text>{t("page-run-a-node-choose-your-adventure-1")}</Text>
-        <Text>{t("page-run-a-node-choose-your-adventure-2")}</Text>
-        <MarginFlex>
-          <FullyLoaded>
-            <div>
-              <H3>
-                <Emoji text=":shopping_cart:" className="me-4 text-[2rem]" />
-                {t("page-run-a-node-buy-fully-loaded-title")}
-              </H3>
-              <Text>{t("page-run-a-node-buy-fully-loaded-description")}</Text>
-              <ul>
-                <li>{t("page-run-a-node-buy-fully-loaded-note-1")}</li>
-                <li>{t("page-run-a-node-buy-fully-loaded-note-2")}</li>
-                <li className="mb-0 font-bold">
-                  <code>{t("page-run-a-node-buy-fully-loaded-note-3")}</code>
-                </li>
-              </ul>
+              <div className="me-4">
+                <h2 className="mb-5 mt-4 text-2xl font-semibold leading-[1.4] md:text-[2rem]">
+                  <Translation id="page-run-a-node:page-run-a-node-who-title" />
+                </h2>
+                <p className="body-medium mb-0">
+                  <Translation id="page-run-a-node:page-run-a-node-who-preview" />
+                </p>
+              </div>
+            </Stack>
+            <div className="mt-8 border-t pt-6">
+              <p className="mb-6">
+                <Translation id="page-run-a-node:page-run-a-node-who-copy-1" />
+              </p>
+              <p className="mb-6">{t("page-run-a-node-who-copy-2")}</p>
+              <p className="mb-6">{t("page-run-a-node-who-copy-3")}</p>
+              <p className="mb-6 text-[150%] font-semibold leading-none">
+                {t("page-run-a-node-who-copy-bold")}
+              </p>
             </div>
-            <ButtonContainer>
-              <ButtonLink href="https://dappnode.com/collections/frontpage">
-                {t("page-run-a-node-shop-dappnode")}
-              </ButtonLink>
-              <ButtonLink href="https://ava.do/">
-                {t("page-run-a-node-shop-avado")}
-              </ButtonLink>
-            </ButtonContainer>
-          </FullyLoaded>
-
-          <FullyLoaded>
-            <div>
-              <H3>
-                <Emoji
-                  text=":building_construction:"
-                  className="me-4 text-[2rem]"
+          </VStack>
+        </FlexContent>
+
+        <Content>
+          <H2>
+            <Translation id="page-run-a-node:page-run-a-node-why-title" />
+          </H2>
+          <InfoGrid>
+            {whyRunANodeCards.map(({ Svg, title, preview, body, alt }) => (
+              <ExpandableCard
+                contentPreview={preview}
+                title={title}
+                // TODO: make a11y svgs (using <title>)
+                // @ts-expect-error alt does not exist as a valid prop
+                alt={alt}
+                svg={({ className }) => (
+                  <Svg className={cn("size-16", className)} />
+                )}
+                key={title}
+              >
+                {body.map((item) => (
+                  <p key={item}>{item}</p>
+                ))}
+              </ExpandableCard>
+            ))}
+          </InfoGrid>
+        </Content>
+
+        <Divider />
+
+        <Content id="getting-started">
+          <H2>{t("page-run-a-node-getting-started-title")}</H2>
+          <GappedContent>
+            <SoftwareHighlight className="bg-[#ccfcff] dark:bg-[#293233]">
+              <ColumnFill>
+                <Text>
+                  {t("page-run-a-node-getting-started-software-section-1")}
+                </Text>
+                <Text>
+                  <code>
+                    <Emoji text=":warning:" className="me-4 text-md" />
+                    {t(
+                      "page-run-a-node-getting-started-software-section-1-alert"
+                    )}
+                  </code>
+                </Text>
+                <InlineLink href="/developers/docs/nodes-and-clients/run-a-node/">
+                  {t("page-run-a-node-getting-started-software-section-1-link")}
+                </InlineLink>
+              </ColumnFill>
+              <ColumnNarrow>
+                <Terminal
+                  // TODO: make a11y svgs (using <title>)
+                  // @ts-expect-error alt does not exist as a valid prop
+                  alt={t("page-run-a-node-glyph-alt-terminal")}
                 />
-                {t("page-run-a-node-build-your-own-title")}
-              </H3>
-              <Text>{t("page-run-a-node-choose-your-adventure-build-1")}</Text>
-              <ul>
-                <li>
-                  {t("page-run-a-node-choose-your-adventure-build-bullet-1")}
-                </li>
-                <li>
-                  {t("page-run-a-node-choose-your-adventure-build-bullet-2")}
-                </li>
-                <li className="mb-0">
-                  {t("page-run-a-node-choose-your-adventure-build-bullet-3")}
-                </li>
-              </ul>
-            </div>
-            <Button variant="outline" toId="build-your-own">
-              {t("page-run-a-node-choose-your-adventure-build-start")}
-            </Button>
-          </FullyLoaded>
-        </MarginFlex>
-      </Content>
-
-      <Content id="build-your-own">
-        <H2>{t("page-run-a-node-build-your-own-title")}</H2>
-
-        <BuildContainer>
-          <SvgTitle>
-            <HardwareGlyphIcon
-              className="size-12"
-              aria-label={t("page-run-a-node-glyph-alt-hardware")}
-            />
-            <H3>{t("page-run-a-node-build-your-own-hardware-title")}</H3>
-          </SvgTitle>
-
-          <FlexContainer>
-            <BuildBox>
-              <H4>{t("page-run-a-node-build-your-own-minimum-specs")}</H4>
-              <ul>
-                <li>
-                  <Text>{t("page-run-a-node-build-your-own-min-ram")}</Text>
-                  <Text>
-                    <InlineLink href="#plan-on-staking">
-                      {t("page-run-a-node-build-your-own-ram-note-1")}
-                    </InlineLink>
-                  </Text>
-                  <Text>
-                    <InlineLink href="#rasp-pi">
-                      {t("page-run-a-node-build-your-own-ram-note-2")}
-                    </InlineLink>
-                  </Text>
-                </li>
-                <li className="mb-0">
-                  <Text>{t("page-run-a-node-build-your-own-min-ssd")}</Text>
-                  <Text>
-                    <small>
-                      <em className="mb-8">
-                        {t("page-run-a-node-build-your-own-ssd-note")}
-                      </em>
-                    </small>
-                  </Text>
-                </li>
-              </ul>
-            </BuildBox>
-
-            <BuildBox>
-              <H4>{t("page-run-a-node-build-your-own-recommended")}</H4>
-              <ul>
-                <li>
-                  {t("page-run-a-node-build-your-own-nuc")}
-                  <Text>
-                    <small>
-                      {t("page-run-a-node-build-your-own-nuc-small")}
-                    </small>
-                  </Text>
-                </li>
-                <li>
-                  {t("page-run-a-node-build-your-own-connection")}
-                  <Text>
-                    <small>
-                      {t("page-run-a-node-build-your-own-connection-small")}
-                    </small>
-                  </Text>
-                </li>
-                <li className="mb-0">
-                  {t("page-run-a-node-build-your-own-peripherals")}
-                  <Text>
-                    <small className="mb-8">
-                      {t("page-run-a-node-build-your-own-peripherals-small")}
-                    </small>
-                  </Text>
-                </li>
-              </ul>
-            </BuildBox>
-          </FlexContainer>
-        </BuildContainer>
-
-        <BuildContainer>
-          <SvgTitle>
-            <DownloadGlyphIcon
-              aria-label={t("page-run-a-node-glyph-alt-software")}
-              className="size-12"
-            />
-            <H3>{t("page-run-a-node-build-your-own-software")}</H3>
-          </SvgTitle>
+              </ColumnNarrow>
+            </SoftwareHighlight>
+
+            <SoftwareHighlight className="flex-col bg-[#FFE3D3] dark:bg-[#332821]">
+              <ColumnNarrow>
+                <Dappnode
+                  // TODO: make a11y svgs (using <title>)
+                  // @ts-expect-error alt does not exist as a valid prop
+                  alt={t("page-run-a-node-glyph-alt-dappnode")}
+                />
+              </ColumnNarrow>
+              <ColumnFill>
+                <Text>
+                  <Translation id="page-run-a-node:page-run-a-node-getting-started-software-section-2" />
+                </Text>
+              </ColumnFill>
+            </SoftwareHighlight>
 
-          <FlexContainer>
-            <BuildBoxSpace>
-              <div>
-                <H4>
-                  {t("page-run-a-node-build-your-own-software-option-1-title")}
-                </H4>
+            <SoftwareHighlight className="bg-[#E8E8FF] dark:bg-[#212132]">
+              <ColumnFill>
+                <Text>
+                  {t("page-run-a-node-getting-started-software-section-3a")}
+                </Text>
                 <Text>
-                  {t(
-                    "page-run-a-node-build-your-own-software-option-1-description"
-                  )}
+                  <Translation id="page-run-a-node:page-run-a-node-getting-started-software-section-3b" />
                 </Text>
+              </ColumnFill>
+              <ColumnNarrow>
+                <Dapptap
+                  // TODO: make a11y svgs (using <title>)
+                  // @ts-expect-error alt does not exist as a valid prop
+                  alt={t("page-run-a-node-glyph-alt-phone")}
+                />
+              </ColumnNarrow>
+            </SoftwareHighlight>
+          </GappedContent>
+        </Content>
+
+        <Content>
+          <H2>{t("page-run-a-node-choose-your-adventure-title")}</H2>
+          <Text>{t("page-run-a-node-choose-your-adventure-1")}</Text>
+          <Text>{t("page-run-a-node-choose-your-adventure-2")}</Text>
+          <MarginFlex>
+            <FullyLoaded>
+              <div>
+                <H3>
+                  <Emoji text=":shopping_cart:" className="me-4 text-[2rem]" />
+                  {t("page-run-a-node-buy-fully-loaded-title")}
+                </H3>
+                <Text>{t("page-run-a-node-buy-fully-loaded-description")}</Text>
+                <ul>
+                  <li>{t("page-run-a-node-buy-fully-loaded-note-1")}</li>
+                  <li>{t("page-run-a-node-buy-fully-loaded-note-2")}</li>
+                  <li className="mb-0 font-bold">
+                    <code>{t("page-run-a-node-buy-fully-loaded-note-3")}</code>
+                  </li>
+                </ul>
               </div>
               <ButtonContainer>
-                <ButtonLink href="https://docs.dappnode.io">
-                  {t("page-run-a-node-build-your-own-software-option-1-button")}
+                <ButtonLink href="https://dappnode.com/collections/frontpage">
+                  {t("page-run-a-node-shop-dappnode")}
+                </ButtonLink>
+                <ButtonLink href="https://ava.do/">
+                  {t("page-run-a-node-shop-avado")}
                 </ButtonLink>
               </ButtonContainer>
-            </BuildBoxSpace>
+            </FullyLoaded>
 
-            <BuildBoxSpace>
+            <FullyLoaded>
               <div>
-                <H4>
-                  {t("page-run-a-node-build-your-own-software-option-2-title")}
-                </H4>
+                <H3>
+                  <Emoji
+                    text=":building_construction:"
+                    className="me-4 text-[2rem]"
+                  />
+                  {t("page-run-a-node-build-your-own-title")}
+                </H3>
                 <Text>
-                  {t(
-                    "page-run-a-node-build-your-own-software-option-2-description-1"
-                  )}
-                </Text>
-                <Text>
-                  {t(
-                    "page-run-a-node-build-your-own-software-option-2-description-2"
-                  )}
+                  {t("page-run-a-node-choose-your-adventure-build-1")}
                 </Text>
+                <ul>
+                  <li>
+                    {t("page-run-a-node-choose-your-adventure-build-bullet-1")}
+                  </li>
+                  <li>
+                    {t("page-run-a-node-choose-your-adventure-build-bullet-2")}
+                  </li>
+                  <li className="mb-0">
+                    {t("page-run-a-node-choose-your-adventure-build-bullet-3")}
+                  </li>
+                </ul>
               </div>
+              <Button variant="outline" toId="build-your-own">
+                {t("page-run-a-node-choose-your-adventure-build-start")}
+              </Button>
+            </FullyLoaded>
+          </MarginFlex>
+        </Content>
+
+        <Content id="build-your-own">
+          <H2>{t("page-run-a-node-build-your-own-title")}</H2>
+
+          <BuildContainer>
+            <SvgTitle>
+              <HardwareGlyphIcon
+                className="size-12"
+                aria-label={t("page-run-a-node-glyph-alt-hardware")}
+              />
+              <H3>{t("page-run-a-node-build-your-own-hardware-title")}</H3>
+            </SvgTitle>
+
+            <FlexContainer>
+              <BuildBox>
+                <H4>{t("page-run-a-node-build-your-own-minimum-specs")}</H4>
+                <ul>
+                  <li>
+                    <Text>{t("page-run-a-node-build-your-own-min-ram")}</Text>
+                    <Text>
+                      <InlineLink href="#plan-on-staking">
+                        {t("page-run-a-node-build-your-own-ram-note-1")}
+                      </InlineLink>
+                    </Text>
+                    <Text>
+                      <InlineLink href="#rasp-pi">
+                        {t("page-run-a-node-build-your-own-ram-note-2")}
+                      </InlineLink>
+                    </Text>
+                  </li>
+                  <li className="mb-0">
+                    <Text>{t("page-run-a-node-build-your-own-min-ssd")}</Text>
+                    <Text>
+                      <small>
+                        <em className="mb-8">
+                          {t("page-run-a-node-build-your-own-ssd-note")}
+                        </em>
+                      </small>
+                    </Text>
+                  </li>
+                </ul>
+              </BuildBox>
+
+              <BuildBox>
+                <H4>{t("page-run-a-node-build-your-own-recommended")}</H4>
+                <ul>
+                  <li>
+                    {t("page-run-a-node-build-your-own-nuc")}
+                    <Text>
+                      <small>
+                        {t("page-run-a-node-build-your-own-nuc-small")}
+                      </small>
+                    </Text>
+                  </li>
+                  <li>
+                    {t("page-run-a-node-build-your-own-connection")}
+                    <Text>
+                      <small>
+                        {t("page-run-a-node-build-your-own-connection-small")}
+                      </small>
+                    </Text>
+                  </li>
+                  <li className="mb-0">
+                    {t("page-run-a-node-build-your-own-peripherals")}
+                    <Text>
+                      <small className="mb-8">
+                        {t("page-run-a-node-build-your-own-peripherals-small")}
+                      </small>
+                    </Text>
+                  </li>
+                </ul>
+              </BuildBox>
+            </FlexContainer>
+          </BuildContainer>
+
+          <BuildContainer>
+            <SvgTitle>
+              <DownloadGlyphIcon
+                aria-label={t("page-run-a-node-glyph-alt-software")}
+                className="size-12"
+              />
+              <H3>{t("page-run-a-node-build-your-own-software")}</H3>
+            </SvgTitle>
+
+            <FlexContainer>
+              <BuildBoxSpace>
+                <div>
+                  <H4>
+                    {t(
+                      "page-run-a-node-build-your-own-software-option-1-title"
+                    )}
+                  </H4>
+                  <Text>
+                    {t(
+                      "page-run-a-node-build-your-own-software-option-1-description"
+                    )}
+                  </Text>
+                </div>
+                <ButtonContainer>
+                  <ButtonLink href="https://docs.dappnode.io">
+                    {t(
+                      "page-run-a-node-build-your-own-software-option-1-button"
+                    )}
+                  </ButtonLink>
+                </ButtonContainer>
+              </BuildBoxSpace>
+
+              <BuildBoxSpace>
+                <div>
+                  <H4>
+                    {t(
+                      "page-run-a-node-build-your-own-software-option-2-title"
+                    )}
+                  </H4>
+                  <Text>
+                    {t(
+                      "page-run-a-node-build-your-own-software-option-2-description-1"
+                    )}
+                  </Text>
+                  <Text>
+                    {t(
+                      "page-run-a-node-build-your-own-software-option-2-description-2"
+                    )}
+                  </Text>
+                </div>
+                <ButtonContainer>
+                  <ButtonLink
+                    href="/developers/docs/nodes-and-clients/run-a-node/#spinning-up-node"
+                    variant="outline"
+                  >
+                    <code>
+                      {t(
+                        "page-run-a-node-build-your-own-software-option-2-button"
+                      )}
+                    </code>
+                  </ButtonLink>
+                </ButtonContainer>
+              </BuildBoxSpace>
+            </FlexContainer>
+          </BuildContainer>
+        </Content>
+
+        <Content>
+          <SplitContent className="flex-col-reverse md:flex-row">
+            <Column>
+              <H2>{t("page-run-a-node-community-title")}</H2>
+              <Text>{t("page-run-a-node-community-description-1")}</Text>
+              <Text>{t("page-run-a-node-community-description-2")}</Text>
               <ButtonContainer>
+                <ButtonLink href="https://discord.com/invite/dappnode">
+                  <Discord />
+                  {t("page-run-a-node-community-link-1")}
+                </ButtonLink>
                 <ButtonLink
-                  href="/developers/docs/nodes-and-clients/run-a-node/#spinning-up-node"
+                  href="/community/online/"
                   variant="outline"
+                  isSecondary
                 >
-                  <code>
-                    {t(
-                      "page-run-a-node-build-your-own-software-option-2-button"
-                    )}
-                  </code>
+                  {t("page-run-a-node-community-link-2")}
                 </ButtonLink>
               </ButtonContainer>
-            </BuildBoxSpace>
-          </FlexContainer>
-        </BuildContainer>
-      </Content>
-
-      <Content>
-        <SplitContent className="flex-col-reverse md:flex-row">
-          <Column>
-            <H2>{t("page-run-a-node-community-title")}</H2>
-            <Text>{t("page-run-a-node-community-description-1")}</Text>
-            <Text>{t("page-run-a-node-community-description-2")}</Text>
-            <ButtonContainer>
-              <ButtonLink href="https://discord.com/invite/dappnode">
-                <Discord />
-                {t("page-run-a-node-community-link-1")}
-              </ButtonLink>
-              <ButtonLink
-                href="/community/online/"
-                variant="outline"
-                isSecondary
-              >
-                {t("page-run-a-node-community-link-2")}
-              </ButtonLink>
-            </ButtonContainer>
-          </Column>
+            </Column>
+            <Column>
+              <Image
+                src={community}
+                alt=""
+                sizes="624px"
+                style={{ width: "624px", height: "auto" }}
+              />
+            </Column>
+          </SplitContent>
+        </Content>
+
+        <Content>
+          <H2>{t("page-run-a-node-further-reading-title")}</H2>
+          <ul>
+            <li>
+              <InlineLink href="https://github.com/ethereumbook/ethereumbook/blob/develop/03clients.asciidoc#should-i-run-a-full-node">
+                {t("page-run-a-node-further-reading-1-link")}
+              </InlineLink>{" "}
+              - <i>{t("page-run-a-node-further-reading-1-author")}</i>
+            </li>
+            <li>
+              <InlineLink href="https://ethereum-on-arm-documentation.readthedocs.io/en/latest/">
+                {t("page-run-a-node-further-reading-2-link")}
+              </InlineLink>
+            </li>
+            <li>
+              <InlineLink href="https://vitalik.eth.limo/general/2021/05/23/scaling.html">
+                {t("page-run-a-node-further-reading-3-link")}
+              </InlineLink>{" "}
+              - <i>{t("page-run-a-node-further-reading-3-author")}</i>
+            </li>
+          </ul>
+        </Content>
+
+        <Divider />
+
+        <StakingCalloutContainer>
           <Column>
             <Image
-              src={community}
+              className="-translate-y-12 -scale-x-100 transform lg:-translate-x-8 lg:translate-y-0 lg:scale-[115%] lg:-scale-x-[115%]"
+              src={leslie}
               alt=""
               sizes="624px"
               style={{ width: "624px", height: "auto" }}
             />
           </Column>
-        </SplitContent>
-      </Content>
-
-      <Content>
-        <H2>{t("page-run-a-node-further-reading-title")}</H2>
-        <ul>
-          <li>
-            <InlineLink href="https://github.com/ethereumbook/ethereumbook/blob/develop/03clients.asciidoc#should-i-run-a-full-node">
-              {t("page-run-a-node-further-reading-1-link")}
-            </InlineLink>{" "}
-            - <i>{t("page-run-a-node-further-reading-1-author")}</i>
-          </li>
-          <li>
-            <InlineLink href="https://ethereum-on-arm-documentation.readthedocs.io/en/latest/">
-              {t("page-run-a-node-further-reading-2-link")}
+          <Column>
+            <H2>{t("page-run-a-node-staking-title")}</H2>
+            <Text>{t("page-run-a-node-staking-description")}</Text>
+            <ButtonContainer>
+              <ButtonLink href="/staking/">
+                {t("page-run-a-node-staking-link")}
+              </ButtonLink>
+            </ButtonContainer>
+          </Column>
+        </StakingCalloutContainer>
+        <Content>
+          <H3 id="plan-on-staking" className="flex items-center">
+            <Emoji text=":cut_of_meat:" className="me-4 text-[2rem]" />
+            {t("page-run-a-node-staking-plans-title")}
+          </H3>
+          <Text>
+            <Translation id="page-run-a-node:page-run-a-node-staking-plans-description" />
+          </Text>
+          <Text>
+            {t("page-run-a-node-staking-plans-ethstaker-link-description")} -{" "}
+            <InlineLink href="https://youtu.be/C2wwu1IlhDc">
+              {t("page-run-a-node-staking-plans-ethstaker-link-label")}
             </InlineLink>
-          </li>
-          <li>
-            <InlineLink href="https://vitalik.eth.limo/general/2021/05/23/scaling.html">
-              {t("page-run-a-node-further-reading-3-link")}
-            </InlineLink>{" "}
-            - <i>{t("page-run-a-node-further-reading-3-author")}</i>
-          </li>
-        </ul>
-      </Content>
-
-      <Divider />
-
-      <StakingCalloutContainer>
-        <Column>
-          <Image
-            className="-translate-y-12 -scale-x-100 transform lg:-translate-x-8 lg:translate-y-0 lg:scale-[115%] lg:-scale-x-[115%]"
-            src={leslie}
-            alt=""
-            sizes="624px"
-            style={{ width: "624px", height: "auto" }}
+          </Text>
+          <H3 id="rasp-pi" className="flex items-center">
+            <Emoji text=":pie:" className="me-4 text-[2rem]" />
+            {t("page-run-a-node-rasp-pi-title")}
+          </H3>
+          <Text>{t("page-run-a-node-rasp-pi-description")}</Text>
+          <ul>
+            <li>
+              <InlineLink href="https://ethereum-on-arm-documentation.readthedocs.io/en/latest">
+                {t("page-run-a-node-rasp-pi-note-2-link")}
+              </InlineLink>{" "}
+              - <i>{t("page-run-a-node-rasp-pi-note-2-description")}</i>
+            </li>
+            <li>
+              <InlineLink href="/developers/tutorials/run-node-raspberry-pi">
+                {t("page-run-a-node-rasp-pi-note-3-link")}
+              </InlineLink>{" "}
+              - <i>{t("page-run-a-node-rasp-pi-note-3-description")}</i>
+            </li>
+          </ul>
+        </Content>
+        <Content>
+          <QuizWidget quizKey="run-a-node" />
+          <FileContributors
+            className="my-10 border-t"
+            contributors={contributors}
+            lastEditLocaleTimestamp={lastEditLocaleTimestamp}
           />
-        </Column>
-        <Column>
-          <H2>{t("page-run-a-node-staking-title")}</H2>
-          <Text>{t("page-run-a-node-staking-description")}</Text>
-          <ButtonContainer>
-            <ButtonLink href="/staking/">
-              {t("page-run-a-node-staking-link")}
-            </ButtonLink>
-          </ButtonContainer>
-        </Column>
-      </StakingCalloutContainer>
-      <Content>
-        <H3 id="plan-on-staking" className="flex items-center">
-          <Emoji text=":cut_of_meat:" className="me-4 text-[2rem]" />
-          {t("page-run-a-node-staking-plans-title")}
-        </H3>
-        <Text>
-          <Translation id="page-run-a-node:page-run-a-node-staking-plans-description" />
-        </Text>
-        <Text>
-          {t("page-run-a-node-staking-plans-ethstaker-link-description")} -{" "}
-          <InlineLink href="https://youtu.be/C2wwu1IlhDc">
-            {t("page-run-a-node-staking-plans-ethstaker-link-label")}
-          </InlineLink>
-        </Text>
-        <H3 id="rasp-pi" className="flex items-center">
-          <Emoji text=":pie:" className="me-4 text-[2rem]" />
-          {t("page-run-a-node-rasp-pi-title")}
-        </H3>
-        <Text>{t("page-run-a-node-rasp-pi-description")}</Text>
-        <ul>
-          <li>
-            <InlineLink href="https://ethereum-on-arm-documentation.readthedocs.io/en/latest">
-              {t("page-run-a-node-rasp-pi-note-2-link")}
-            </InlineLink>{" "}
-            - <i>{t("page-run-a-node-rasp-pi-note-2-description")}</i>
-          </li>
-          <li>
-            <InlineLink href="/developers/tutorials/run-node-raspberry-pi">
-              {t("page-run-a-node-rasp-pi-note-3-link")}
-            </InlineLink>{" "}
-            - <i>{t("page-run-a-node-rasp-pi-note-3-description")}</i>
-          </li>
-        </ul>
-      </Content>
-      <Content>
-        <QuizWidget quizKey="run-a-node" />
-        <FileContributors
-          className="my-10 border-t"
-          contributors={contributors}
-          lastEditLocaleTimestamp={lastEditLocaleTimestamp}
-        />
-        <FeedbackCard />
-      </Content>
-    </GappedPage>
+          <FeedbackCard />
+        </Content>
+      </GappedPage>
+    </>
   )
 }
 
diff --git a/app/[locale]/run-a-node/page.tsx b/app/[locale]/run-a-node/page.tsx
index 178fd003ff8..39755fa9c29 100644
--- a/app/[locale]/run-a-node/page.tsx
+++ b/app/[locale]/run-a-node/page.tsx
@@ -38,6 +38,7 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
       <RunANodePage
         contributors={contributors}
         lastEditLocaleTimestamp={lastEditLocaleTimestamp}
+        locale={locale}
       />
     </I18nProvider>
   )

From c13ffca71a4136fc6b5716367c66bd6616045eff Mon Sep 17 00:00:00 2001
From: Corwin Smith <cssmittys@gmail.com>
Date: Thu, 4 Sep 2025 22:30:23 -0600
Subject: [PATCH 20/41] feat: add JSON-LD structured data for the Stablecoins
 page

---
 app/[locale]/stablecoins/page.tsx | 707 +++++++++++++++++-------------
 1 file changed, 414 insertions(+), 293 deletions(-)

diff --git a/app/[locale]/stablecoins/page.tsx b/app/[locale]/stablecoins/page.tsx
index d4c3ce455f9..0802ab95540 100644
--- a/app/[locale]/stablecoins/page.tsx
+++ b/app/[locale]/stablecoins/page.tsx
@@ -420,326 +420,447 @@ async function Page({ params }: { params: Promise<{ locale: Lang }> }) {
     },
   ]
 
+  // JSON-LD structured data for the Stablecoins page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": `https://ethereum.org/${locale}/stablecoins/`,
+    name: t("page-stablecoins-meta-title"),
+    description: t("page-stablecoins-meta-description"),
+    url: `https://ethereum.org/${locale}/stablecoins/`,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: `https://ethereum.org/${locale}/`,
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: t("page-stablecoins-meta-title"),
+          item: `https://ethereum.org/${locale}/stablecoins/`,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+  }
+
+  // JSON-LD for the stablecoins article content
+  const articleJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "Article",
+    headline: t("page-stablecoins-title"),
+    description: t("page-stablecoins-meta-description"),
+    image: "https://ethereum.org/images/stablecoins/hero.png",
+    author: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    about: {
+      "@type": "Thing",
+      name: "Stablecoins",
+      description:
+        "Digital currencies pegged to stable assets like the US dollar",
+    },
+  }
+
+  // JSON-LD for stablecoin types as ItemList
+  const stablecoinTypesJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "ItemList",
+    name: "Types of Stablecoins",
+    description:
+      "Different categories of stablecoins based on their backing mechanisms",
+    numberOfItems: features.length,
+    itemListElement: features.map((feature, index) => ({
+      "@type": "ListItem",
+      position: index + 1,
+      item: {
+        "@type": "Product",
+        name: feature.title,
+        description:
+          typeof feature.description === "string"
+            ? feature.description
+            : feature.title,
+        category: "Digital Currency",
+        additionalType: "https://schema.org/FinancialProduct",
+      },
+    })),
+  }
+
   return (
-    <I18nProvider locale={locale} messages={messages}>
-      <MainArticle className="mx-auto my-0 w-full flex-col items-center">
-        <PageHero isReverse content={heroContent} />
-        <Divider />
-        <Section>
-          <Flex className="mb-8 me-8 w-full flex-col items-start lg:flex-row">
-            <div className="me-auto ms-auto w-full lg:me-2 lg:ms-0">
-              <h2 className="mb-8">{t("page-stablecoins-why-stablecoins")}</h2>
-              <p className="mb-6">
-                {t("page-stablecoins-prices-definition")}{" "}
-                <InlineLink href="#how">
-                  {t("page-stablecoins-prices-definition-how")}
-                </InlineLink>
-              </p>
-            </div>
-          </Flex>
-          <Flex className="mb-8 me-0 w-full flex-col items-start lg:me-8 lg:flex-row">
-            <Flex className="mx-auto w-full flex-col gap-2 lg:mx-8 lg:my-0">
-              {tokens.map((token, index) => (
-                <div key={index} className="my-2 min-w-full">
-                  <HorizontalCard
-                    emoji={token.emoji}
-                    description={token.description}
-                  />
-                </div>
-              ))}
-            </Flex>
-            <GhostCard className="me-0 mt-16 max-w-[640px] lg:me-8 lg:mt-2">
-              <Emoji text=":pizza:" className="text-5xl" />
-              <h3 className="mb-8 mt-12">
-                {t("page-stablecoins-bitcoin-pizza")}
-              </h3>
-              <p className="mb-6">
-                {t("page-stablecoins-bitcoin-pizza-body")}{" "}
-              </p>
-            </GhostCard>
-          </Flex>
-        </Section>
-
-        <div
-          className={cn(
-            "my-8 w-full py-16 shadow-inner",
-            "bg-gradient-to-r from-accent-a/10 to-accent-c/10",
-            "dark:bg-gradient-to-tr dark:from-primary/20 dark:from-20% dark:via-accent-a/20 dark:via-60% dark:to-accent-c/20 dark:to-95%"
-          )}
-        >
-          <div className="-mb-8 w-full px-8 py-4">
-            <h2 className="mb-8">{t("page-stablecoins-find-stablecoin")}</h2>
-            <Flex className="me-auto ms-auto w-full flex-col justify-center lg:me-2 lg:ms-0 lg:w-1/2">
-              <p className="mb-6">
-                {t("page-stablecoins-find-stablecoin-intro")}
-              </p>
-              <ul>
-                <li>
+    <>
+      <script
+        id="jsonld-webpage-stablecoins"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(webPageJsonLd),
+        }}
+      />
+
+      <script
+        id="jsonld-article-stablecoins"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(articleJsonLd),
+        }}
+      />
+
+      <script
+        id="jsonld-itemlist-stablecoins"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(stablecoinTypesJsonLd),
+        }}
+      />
+
+      <I18nProvider locale={locale} messages={messages}>
+        <MainArticle className="mx-auto my-0 w-full flex-col items-center">
+          <PageHero isReverse content={heroContent} />
+          <Divider />
+          <Section>
+            <Flex className="mb-8 me-8 w-full flex-col items-start lg:flex-row">
+              <div className="me-auto ms-auto w-full lg:me-2 lg:ms-0">
+                <h2 className="mb-8">
+                  {t("page-stablecoins-why-stablecoins")}
+                </h2>
+                <p className="mb-6">
+                  {t("page-stablecoins-prices-definition")}{" "}
                   <InlineLink href="#how">
-                    {t("page-stablecoins-find-stablecoin-types-link")}
+                    {t("page-stablecoins-prices-definition-how")}
                   </InlineLink>
-                </li>
-                <li>
-                  <InlineLink href="#explore">
-                    {t("page-stablecoins-find-stablecoin-how-to-get-them")}
-                  </InlineLink>
-                </li>
-              </ul>
+                </p>
+              </div>
             </Flex>
+            <Flex className="mb-8 me-0 w-full flex-col items-start lg:me-8 lg:flex-row">
+              <Flex className="mx-auto w-full flex-col gap-2 lg:mx-8 lg:my-0">
+                {tokens.map((token, index) => (
+                  <div key={index} className="my-2 min-w-full">
+                    <HorizontalCard
+                      emoji={token.emoji}
+                      description={token.description}
+                    />
+                  </div>
+                ))}
+              </Flex>
+              <GhostCard className="me-0 mt-16 max-w-[640px] lg:me-8 lg:mt-2">
+                <Emoji text=":pizza:" className="text-5xl" />
+                <h3 className="mb-8 mt-12">
+                  {t("page-stablecoins-bitcoin-pizza")}
+                </h3>
+                <p className="mb-6">
+                  {t("page-stablecoins-bitcoin-pizza-body")}{" "}
+                </p>
+              </GhostCard>
+            </Flex>
+          </Section>
 
-            <h3 className="mb-4 mt-0">
-              {t("page-stablecoins-editors-choice")}
-            </h3>
-            <p className="mb-6">{t("page-stablecoins-editors-choice-intro")}</p>
+          <div
+            className={cn(
+              "my-8 w-full py-16 shadow-inner",
+              "bg-gradient-to-r from-accent-a/10 to-accent-c/10",
+              "dark:bg-gradient-to-tr dark:from-primary/20 dark:from-20% dark:via-accent-a/20 dark:via-60% dark:to-accent-c/20 dark:to-95%"
+            )}
+          >
+            <div className="-mb-8 w-full px-8 py-4">
+              <h2 className="mb-8">{t("page-stablecoins-find-stablecoin")}</h2>
+              <Flex className="me-auto ms-auto w-full flex-col justify-center lg:me-2 lg:ms-0 lg:w-1/2">
+                <p className="mb-6">
+                  {t("page-stablecoins-find-stablecoin-intro")}
+                </p>
+                <ul>
+                  <li>
+                    <InlineLink href="#how">
+                      {t("page-stablecoins-find-stablecoin-types-link")}
+                    </InlineLink>
+                  </li>
+                  <li>
+                    <InlineLink href="#explore">
+                      {t("page-stablecoins-find-stablecoin-how-to-get-them")}
+                    </InlineLink>
+                  </li>
+                </ul>
+              </Flex>
+
+              <h3 className="mb-4 mt-0">
+                {t("page-stablecoins-editors-choice")}
+              </h3>
+              <p className="mb-6">
+                {t("page-stablecoins-editors-choice-intro")}
+              </p>
 
-            <div className="mb-16 grid grid-cols-1 gap-16 lg:grid-cols-2">
-              {editorsChoices.map((choice, idx) => (
-                <Flex
-                  className="w-full flex-col-reverse justify-between gap-x-8 rounded-sm border border-border-high-contrast bg-background p-8 text-body sm:flex-row"
-                  key={idx}
-                  style={{
-                    boxShadow: `0.75rem 0.75rem 0 hsla(var(--${choice.shadowColor}-500), 0.25)`,
-                  }}
-                >
-                  <Flex className="flex-col">
-                    <div>
-                      <h4 className="mb-2 text-3xl">{choice.title}</h4>
-                      <p className="mb-6 text-body-medium">{choice.body}</p>
-                    </div>
-                    <div className="mt-auto">
-                      <Flex className="flex-col">
-                        <div>
-                          <ButtonLink
-                            className="mb-4 me-4"
-                            href={choice.swapUrl}
-                          >
-                            {choice.swapButtonText}
-                          </ButtonLink>
+              <div className="mb-16 grid grid-cols-1 gap-16 lg:grid-cols-2">
+                {editorsChoices.map((choice, idx) => (
+                  <Flex
+                    className="w-full flex-col-reverse justify-between gap-x-8 rounded-sm border border-border-high-contrast bg-background p-8 text-body sm:flex-row"
+                    key={idx}
+                    style={{
+                      boxShadow: `0.75rem 0.75rem 0 hsla(var(--${choice.shadowColor}-500), 0.25)`,
+                    }}
+                  >
+                    <Flex className="flex-col">
+                      <div>
+                        <h4 className="mb-2 text-3xl">{choice.title}</h4>
+                        <p className="mb-6 text-body-medium">{choice.body}</p>
+                      </div>
+                      <div className="mt-auto">
+                        <Flex className="flex-col">
+                          <div>
+                            <ButtonLink
+                              className="mb-4 me-4"
+                              href={choice.swapUrl}
+                            >
+                              {choice.swapButtonText}
+                            </ButtonLink>
+                          </div>
+                          <div>
+                            <ButtonLink
+                              variant="outline"
+                              href={choice.learnUrl}
+                              isSecondary
+                            >
+                              {choice.learnButtonText}
+                            </ButtonLink>
+                          </div>
+                        </Flex>
+                      </div>
+                    </Flex>
+                    <Flex className="items-center justify-between gap-x-8 gap-y-4 max-sm:mb-8 max-sm:max-h-16 sm:flex-col sm:justify-center">
+                      <div className="relative isolate my-8 max-w-24 self-center bg-cover bg-repeat max-sm:w-16 sm:min-w-40 sm:max-w-40 md:my-0">
+                        <Image
+                          src={choice.image}
+                          alt=""
+                          data-label="blur-decorator"
+                          aria-disabled
+                          className="absolute inset-0 z-[-1] blur-[12px]"
+                        />
+                        <Image src={choice.image} alt={choice.alt} />
+                      </div>
+                      <div>
+                        <div className="text-center">
+                          {choice.marketCap ? (
+                            <span className="text-lg font-semibold">
+                              {choice.marketCap}
+                            </span>
+                          ) : (
+                            <span className="text-lg text-body-medium">-</span>
+                          )}
                         </div>
-                        <div>
-                          <ButtonLink
-                            variant="outline"
-                            href={choice.learnUrl}
-                            isSecondary
-                          >
-                            {choice.learnButtonText}
-                          </ButtonLink>
+                        <div className="text-center text-sm text-body-medium">
+                          {t(
+                            "page-stablecoins-stablecoins-table-header-column-2"
+                          )}
                         </div>
-                      </Flex>
-                    </div>
-                  </Flex>
-                  <Flex className="items-center justify-between gap-x-8 gap-y-4 max-sm:mb-8 max-sm:max-h-16 sm:flex-col sm:justify-center">
-                    <div className="relative isolate my-8 max-w-24 self-center bg-cover bg-repeat max-sm:w-16 sm:min-w-40 sm:max-w-40 md:my-0">
-                      <Image
-                        src={choice.image}
-                        alt=""
-                        data-label="blur-decorator"
-                        aria-disabled
-                        className="absolute inset-0 z-[-1] blur-[12px]"
-                      />
-                      <Image src={choice.image} alt={choice.alt} />
-                    </div>
-                    <div>
-                      <div className="text-center">
-                        {choice.marketCap ? (
-                          <span className="text-lg font-semibold">
-                            {choice.marketCap}
-                          </span>
-                        ) : (
-                          <span className="text-lg text-body-medium">-</span>
-                        )}
-                      </div>
-                      <div className="text-center text-sm text-body-medium">
-                        {t(
-                          "page-stablecoins-stablecoins-table-header-column-2"
-                        )}
                       </div>
-                    </div>
+                    </Flex>
                   </Flex>
-                </Flex>
-              ))}
-            </div>
-
-            <h3 id="stablecoin-markets" className="mb-8 mt-12">
-              {t("page-stablecoins-top-coins")}&nbsp;
-              <Tooltip content={tooltipContent}>
-                <Info className="size-4" />
-              </Tooltip>
-            </h3>
-
-            <p className="mb-6">
-              {t("page-stablecoins-top-coins-intro")}{" "}
-              {t("page-stablecoins-top-coins-intro-code")}
-            </p>
-          </div>
-
-          {/* CLIENT SIDE */}
-          <StablecoinsTable content={coinDetails} hasError={marketsHasError} />
-        </div>
+                ))}
+              </div>
+
+              <h3 id="stablecoin-markets" className="mb-8 mt-12">
+                {t("page-stablecoins-top-coins")}&nbsp;
+                <Tooltip content={tooltipContent}>
+                  <Info className="size-4" />
+                </Tooltip>
+              </h3>
 
-        <Section id="explore">
-          <h2 className="mb-8">{t("page-stablecoins-get-stablecoins")}</h2>
-          <Flex className="w-full items-center pb-4 pe-0 ps-0 lg:pe-8 lg:ps-8">
-            {/* CLIENT SIDE */}
-            <StablecoinAccordion />
-          </Flex>
-        </Section>
-        <Divider />
-        <Section>
-          <CalloutBannerSSR
-            className="mx-0 mb-16 mt-8"
-            title={t("page-stablecoins-stablecoins-dapp-callout-title")}
-            description={t(
-              "page-stablecoins-stablecoins-dapp-callout-description"
-            )}
-            image={dogeComputerImg}
-            imageWidth={600}
-            alt={t("page-stablecoins-stablecoins-dapp-callout-image-alt")}
-          >
-            <div key="two-buttons" className="flex flex-wrap gap-4">
-              <ButtonLink href="/apps/">
-                {t("page-stablecoins-explore-dapps")}
-              </ButtonLink>
-              <ButtonLink
-                variant="outline"
-                href="/defi/"
-                className="whitespace-normal"
-                isSecondary
-              >
-                {t("page-stablecoins-more-defi-button")}
-              </ButtonLink>
-            </div>
-          </CalloutBannerSSR>
-          <h2>{t("page-stablecoins-save-stablecoins")}</h2>
-          <Flex className="mb-8 me-8 w-full flex-col items-start lg:flex-row">
-            <div className="me-auto ms-auto w-full lg:me-2 lg:ms-0">
               <p className="mb-6">
-                {t("page-stablecoins-save-stablecoins-body")}
+                {t("page-stablecoins-top-coins-intro")}{" "}
+                {t("page-stablecoins-top-coins-intro-code")}
               </p>
-              <h3 className="mb-8 mt-12">
-                {t("page-stablecoins-interest-earning-dapps")}
-              </h3>
-              <p className="mb-6">{t("page-stablecoins-saving")}</p>
             </div>
-          </Flex>
-          <div className="mb-16 grid grid-cols-[repeat(auto-fill,_minmax(min(100%,_280px),_1fr))] gap-8">
-            {dapps.map((dapp, idx) => (
-              <DataProductCard
-                key={idx}
-                url={dapp.url}
-                alt={dapp.alt}
-                image={dapp.image!}
-                imgWidth={dapp.width!}
-                name={dapp.name}
-                description={dapp.description}
-                className={dapp.className}
-              />
-            ))}
+
+            {/* CLIENT SIDE */}
+            <StablecoinsTable
+              content={coinDetails}
+              hasError={marketsHasError}
+            />
           </div>
-        </Section>
-        <Divider />
-        <Section id="how">
-          <h2 className="mb-8">{t("page-stablecoins-types-of-stablecoin")}</h2>
-          <Tabs defaultValue={features[0].title} className="mt-8">
-            <TabsList className="mb-4 flex h-fit flex-wrap items-end">
-              {features.map((feature) => (
-                <TabsTrigger
-                  key={feature.title}
-                  value={feature.title}
-                  className="h-fit"
+
+          <Section id="explore">
+            <h2 className="mb-8">{t("page-stablecoins-get-stablecoins")}</h2>
+            <Flex className="w-full items-center pb-4 pe-0 ps-0 lg:pe-8 lg:ps-8">
+              {/* CLIENT SIDE */}
+              <StablecoinAccordion />
+            </Flex>
+          </Section>
+          <Divider />
+          <Section>
+            <CalloutBannerSSR
+              className="mx-0 mb-16 mt-8"
+              title={t("page-stablecoins-stablecoins-dapp-callout-title")}
+              description={t(
+                "page-stablecoins-stablecoins-dapp-callout-description"
+              )}
+              image={dogeComputerImg}
+              imageWidth={600}
+              alt={t("page-stablecoins-stablecoins-dapp-callout-image-alt")}
+            >
+              <div key="two-buttons" className="flex flex-wrap gap-4">
+                <ButtonLink href="/apps/">
+                  {t("page-stablecoins-explore-dapps")}
+                </ButtonLink>
+                <ButtonLink
+                  variant="outline"
+                  href="/defi/"
+                  className="whitespace-normal"
+                  isSecondary
                 >
-                  <Emoji
-                    text={feature.emoji}
-                    className="me-2 hidden shrink-0 data-[state=active]:inline-block"
-                  />
-                  {feature.title}
-                </TabsTrigger>
+                  {t("page-stablecoins-more-defi-button")}
+                </ButtonLink>
+              </div>
+            </CalloutBannerSSR>
+            <h2>{t("page-stablecoins-save-stablecoins")}</h2>
+            <Flex className="mb-8 me-8 w-full flex-col items-start lg:flex-row">
+              <div className="me-auto ms-auto w-full lg:me-2 lg:ms-0">
+                <p className="mb-6">
+                  {t("page-stablecoins-save-stablecoins-body")}
+                </p>
+                <h3 className="mb-8 mt-12">
+                  {t("page-stablecoins-interest-earning-dapps")}
+                </h3>
+                <p className="mb-6">{t("page-stablecoins-saving")}</p>
+              </div>
+            </Flex>
+            <div className="mb-16 grid grid-cols-[repeat(auto-fill,_minmax(min(100%,_280px),_1fr))] gap-8">
+              {dapps.map((dapp, idx) => (
+                <DataProductCard
+                  key={idx}
+                  url={dapp.url}
+                  alt={dapp.alt}
+                  image={dapp.image!}
+                  imgWidth={dapp.width!}
+                  name={dapp.name}
+                  description={dapp.description}
+                  className={dapp.className}
+                />
               ))}
-            </TabsList>
-            {features.map((feature) => (
-              <TabsContent key={feature.title} value={feature.title}>
-                <div className="flex flex-col gap-6 md:flex-row md:items-start">
-                  <div className="mb-4 flex-shrink-0 text-7xl md:mb-0 md:me-8 md:text-8xl">
-                    <Emoji text={feature.emoji} />
-                  </div>
-                  <div className="flex-1">
-                    <h3 className="mb-4 text-3xl font-bold">{feature.title}</h3>
-                    <div className="mb-6 text-lg">{feature.description}</div>
-                    <div className="my-6 grid grid-cols-1 gap-6 md:grid-cols-2">
-                      {feature.pros && (
-                        <div>
-                          <h4 className="mb-2 rounded bg-success/25 p-2 text-xl font-semibold">
-                            {t("pros")}
-                          </h4>
-                          <ul className="list-inside list-disc">
-                            {feature.pros.map((pro, idx) => (
-                              <li key={idx}>{pro}</li>
-                            ))}
-                          </ul>
-                        </div>
-                      )}
-                      {feature.cons && (
+            </div>
+          </Section>
+          <Divider />
+          <Section id="how">
+            <h2 className="mb-8">
+              {t("page-stablecoins-types-of-stablecoin")}
+            </h2>
+            <Tabs defaultValue={features[0].title} className="mt-8">
+              <TabsList className="mb-4 flex h-fit flex-wrap items-end">
+                {features.map((feature) => (
+                  <TabsTrigger
+                    key={feature.title}
+                    value={feature.title}
+                    className="h-fit"
+                  >
+                    <Emoji
+                      text={feature.emoji}
+                      className="me-2 hidden shrink-0 data-[state=active]:inline-block"
+                    />
+                    {feature.title}
+                  </TabsTrigger>
+                ))}
+              </TabsList>
+              {features.map((feature) => (
+                <TabsContent key={feature.title} value={feature.title}>
+                  <div className="flex flex-col gap-6 md:flex-row md:items-start">
+                    <div className="mb-4 flex-shrink-0 text-7xl md:mb-0 md:me-8 md:text-8xl">
+                      <Emoji text={feature.emoji} />
+                    </div>
+                    <div className="flex-1">
+                      <h3 className="mb-4 text-3xl font-bold">
+                        {feature.title}
+                      </h3>
+                      <div className="mb-6 text-lg">{feature.description}</div>
+                      <div className="my-6 grid grid-cols-1 gap-6 md:grid-cols-2">
+                        {feature.pros && (
+                          <div>
+                            <h4 className="mb-2 rounded bg-success/25 p-2 text-xl font-semibold">
+                              {t("pros")}
+                            </h4>
+                            <ul className="list-inside list-disc">
+                              {feature.pros.map((pro, idx) => (
+                                <li key={idx}>{pro}</li>
+                              ))}
+                            </ul>
+                          </div>
+                        )}
+                        {feature.cons && (
+                          <div>
+                            <h4 className="mb-2 rounded bg-error/25 p-2 text-xl font-semibold">
+                              {t("cons")}
+                            </h4>
+                            <ul className="list-inside list-disc">
+                              {feature.cons.map((con, idx) => (
+                                <li key={idx}>{con}</li>
+                              ))}
+                            </ul>
+                          </div>
+                        )}
+                      </div>
+                      {feature.links && feature.links.length > 0 && (
                         <div>
-                          <h4 className="mb-2 rounded bg-error/25 p-2 text-xl font-semibold">
-                            {t("cons")}
+                          <h4 className="mb-2 text-xl font-semibold">
+                            {t("example-projects")}
                           </h4>
                           <ul className="list-inside list-disc">
-                            {feature.cons.map((con, idx) => (
-                              <li key={idx}>{con}</li>
+                            {feature.links.map((link, idx) => (
+                              <li key={idx}>
+                                <InlineLink
+                                  href={link.url}
+                                  className="text-primary hover:underline"
+                                >
+                                  {link.text}
+                                </InlineLink>
+                              </li>
                             ))}
                           </ul>
                         </div>
                       )}
                     </div>
-                    {feature.links && feature.links.length > 0 && (
-                      <div>
-                        <h4 className="mb-2 text-xl font-semibold">
-                          {t("example-projects")}
-                        </h4>
-                        <ul className="list-inside list-disc">
-                          {feature.links.map((link, idx) => (
-                            <li key={idx}>
-                              <InlineLink
-                                href={link.url}
-                                className="text-primary hover:underline"
-                              >
-                                {link.text}
-                              </InlineLink>
-                            </li>
-                          ))}
-                        </ul>
-                      </div>
-                    )}
                   </div>
-                </div>
-              </TabsContent>
-            ))}
-          </Tabs>
-        </Section>
-        <div id="tools" className="w-full px-8 py-12">
-          <h2 className="mb-8">{t("page-stablecoins-tools-title")}</h2>
-
-          <div
-            className={cn(
-              "[&_[aria-labelledby='category-name']]:grid [&_[aria-labelledby='category-name']]:grid-cols-1 [&_[aria-labelledby='category-name']]:gap-x-16 md:[&_[aria-labelledby='category-name']]:grid-cols-2",
-              toolsData.length % 2 === 0 &&
-                "md:[&_[aria-labelledby='category-name']>:not(:nth-last-child(-n+2))]:border-b md:[&_[aria-labelledby='category-name']>:nth-last-child(-n+2)]:border-b-0",
-              "[&_img]:shadow-none"
-            )}
-          >
-            <ProductList
-              actionLabel={t("page-apps-ready-button")}
-              category={t("page-stablecoins-category-dashboard-and-education")}
-              content={toolsData}
-            />
+                </TabsContent>
+              ))}
+            </Tabs>
+          </Section>
+          <div id="tools" className="w-full px-8 py-12">
+            <h2 className="mb-8">{t("page-stablecoins-tools-title")}</h2>
+
+            <div
+              className={cn(
+                "[&_[aria-labelledby='category-name']]:grid [&_[aria-labelledby='category-name']]:grid-cols-1 [&_[aria-labelledby='category-name']]:gap-x-16 md:[&_[aria-labelledby='category-name']]:grid-cols-2",
+                toolsData.length % 2 === 0 &&
+                  "md:[&_[aria-labelledby='category-name']>:not(:nth-last-child(-n+2))]:border-b md:[&_[aria-labelledby='category-name']>:nth-last-child(-n+2)]:border-b-0",
+                "[&_img]:shadow-none"
+              )}
+            >
+              <ProductList
+                actionLabel={t("page-apps-ready-button")}
+                category={t(
+                  "page-stablecoins-category-dashboard-and-education"
+                )}
+                content={toolsData}
+              />
+            </div>
           </div>
-        </div>
-        <Section>
-          <StandaloneQuizWidget quizKey="stablecoins" />
-          <FeedbackCard />
-        </Section>
-      </MainArticle>
-    </I18nProvider>
+          <Section>
+            <StandaloneQuizWidget quizKey="stablecoins" />
+            <FeedbackCard />
+          </Section>
+        </MainArticle>
+      </I18nProvider>
+    </>
   )
 }
 

From 1e6259ac083762c9fa4eb249f376c53d951ea8c0 Mon Sep 17 00:00:00 2001
From: Corwin Smith <cssmittys@gmail.com>
Date: Thu, 4 Sep 2025 22:41:57 -0600
Subject: [PATCH 21/41] feat: add JSON-LD structured data for the Staking and
 Deposit Contract pages

---
 app/[locale]/staking/_components/staking.tsx  | 777 +++++++++++-------
 .../_components/deposit-contract.tsx          | 390 +++++----
 .../staking/deposit-contract/page.tsx         |   2 +-
 app/[locale]/staking/page.tsx                 |   1 +
 4 files changed, 703 insertions(+), 467 deletions(-)

diff --git a/app/[locale]/staking/_components/staking.tsx b/app/[locale]/staking/_components/staking.tsx
index 733d00ad66a..08072e8f485 100644
--- a/app/[locale]/staking/_components/staking.tsx
+++ b/app/[locale]/staking/_components/staking.tsx
@@ -113,6 +113,7 @@ const StakingPage = ({
   data,
   contributors,
   lastEditLocaleTimestamp,
+  locale,
 }: Props) => {
   const { t } = useTranslation("page-staking")
 
@@ -244,324 +245,472 @@ const StakingPage = ({
     return { title, url: "#" + id }
   })
 
+  // JSON-LD structured data for the Staking page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": `https://ethereum.org/${locale}/staking/`,
+    name: t("page-staking-meta-title"),
+    description: t("page-staking-meta-description"),
+    url: `https://ethereum.org/${locale}/staking/`,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: `https://ethereum.org/${locale}/`,
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: t("page-staking-meta-title"),
+          item: `https://ethereum.org/${locale}/staking/`,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+  }
+
+  // JSON-LD for the staking article content
+  const articleJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "Article",
+    headline: t("page-staking-hero-title"),
+    description: t("page-staking-meta-description"),
+    image: "https://ethereum.org/images/upgrades/upgrade_rhino.png",
+    author: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    about: {
+      "@type": "Thing",
+      name: "Ethereum Staking",
+      description:
+        "Guide to staking ETH, earning rewards, and securing the Ethereum network",
+    },
+    dateModified: lastEditLocaleTimestamp,
+  }
+
+  // JSON-LD for the FAQ section
+  const faqJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "FAQPage",
+    mainEntity: [
+      {
+        "@type": "Question",
+        name: t("page-staking-faq-4-question"),
+        acceptedAnswer: {
+          "@type": "Answer",
+          text: `${t("page-staking-faq-4-answer-p1")} ${t("page-staking-faq-4-answer-p2")} ${t("page-staking-faq-4-answer-p3")}`.replace(
+            /<[^>]*>/g,
+            ""
+          ),
+        },
+      },
+      {
+        "@type": "Question",
+        name: t("page-staking-faq-5-question"),
+        acceptedAnswer: {
+          "@type": "Answer",
+          text: `${t("page-staking-faq-5-answer-p1")} ${t("page-staking-faq-5-answer-p2")}`.replace(
+            /<[^>]*>/g,
+            ""
+          ),
+        },
+      },
+      {
+        "@type": "Question",
+        name: t("page-staking-faq-1-question"),
+        acceptedAnswer: {
+          "@type": "Answer",
+          text: t("page-staking-faq-1-answer").replace(/<[^>]*>/g, ""),
+        },
+      },
+      {
+        "@type": "Question",
+        name: t("page-staking-faq-2-question"),
+        acceptedAnswer: {
+          "@type": "Answer",
+          text: t("page-staking-faq-2-answer").replace(/<[^>]*>/g, ""),
+        },
+      },
+      {
+        "@type": "Question",
+        name: t("page-staking-faq-3-question"),
+        acceptedAnswer: {
+          "@type": "Answer",
+          text: `${t("page-staking-faq-3-answer-p1")} ${t("page-staking-faq-3-answer-p2")}`.replace(
+            /<[^>]*>/g,
+            ""
+          ),
+        },
+      },
+    ],
+  }
+
   return (
-    <PageContainer>
-      <HeroStatsWrapper>
-        <PageHero content={heroContent} />
-        <StakingStatsBox data={data} />
-      </HeroStatsWrapper>
-      <Page>
-        <LeftNavBar
-          dropdownLinks={dropdownLinks}
-          tocItems={tocArray}
-          // TODO: Remove bang after this component is migrated to Tailwind
-          className="max-lg:!hidden"
-        />
-        <ContentContainer>
-          <Flex className="mt-16 flex-col gap-16 lg:mt-0">
-            <div>
-              <H2 id={tocItems.whatIsStaking.id}>
-                {tocItems.whatIsStaking.title}
-              </H2>
-              <p>
-                <Translation id="page-staking:page-staking-description" />
-              </p>
-            </div>
-            <div>
-              <H2 id={tocItems.whyStakeYourEth.id}>
-                {tocItems.whyStakeYourEth.title}
-              </H2>
-              <CardGrid>
-                {benefits.map(
-                  ({ title, description, emoji, linkText, href }, idx) => (
-                    <StyledCard
-                      title={title}
-                      emoji={emoji}
-                      key={idx}
-                      description={description}
-                    >
-                      {href && linkText && (
-                        <InlineLink href={href}>{linkText}</InlineLink>
-                      )}
-                    </StyledCard>
-                  )
-                )}
-              </CardGrid>
-            </div>
-            <div>
-              <H2 id={tocItems.howToStakeYourEth.id}>
-                {tocItems.howToStakeYourEth.title}
-              </H2>
-              <Stack className="gap-[1.45rem]">
-                <p>{t("page-staking-section-why-p1")}</p>
-                <p>{t("page-staking-section-why-p2")}</p>
-              </Stack>
-            </div>
-            <StakingHierarchy />
-            <div>
-              <p className="mt-4">
-                <Translation id="page-staking:page-staking-hierarchy-subtext" />
-              </p>
-            </div>
-            <Divider />
-            <div>
-              <H2 id={tocItems.comparisonOfOptions.id}>
-                {tocItems.comparisonOfOptions.title}
-              </H2>
-              <p className="mb-[1.45rem]">
-                {t("page-staking-section-comparison-subtitle")}
-              </p>
-              <ComparisonGrid>
-                <ColorH3 color="text-[#be8d10] dark:text-[#f2bb2f]">
-                  {t("page-staking-dropdown-solo")}
-                </ColorH3>
-                <div className="border-b-[1px] border-b-[#3335] [grid-area:solo-rewards]">
-                  <H4>{t("page-staking-section-comparison-rewards-title")}</H4>
-                  <UnorderedList>
-                    <ListItem>
-                      {t("page-staking-section-comparison-solo-rewards-li1")}
-                    </ListItem>
-                    <ListItem>
-                      {t("page-staking-section-comparison-solo-rewards-li2")}
-                    </ListItem>
-                    <ListItem>
-                      {t("page-staking-section-comparison-solo-rewards-li3")}
-                    </ListItem>
-                  </UnorderedList>
-                </div>
-                <div className="border-b-[1px] border-b-[#3335] [grid-area:solo-risks]">
-                  <H4>{t("page-staking-section-comparison-risks-title")}</H4>
-                  <UnorderedList>
-                    <ListItem>
-                      {t("page-staking-section-comparison-solo-risks-li1")}
-                    </ListItem>
-                    <ListItem>
-                      {t("page-staking-section-comparison-solo-risks-li2")}
-                    </ListItem>
-                    <ListItem>
-                      {t("page-staking-section-comparison-solo-risks-li3")}
-                    </ListItem>
-                    <ListItem>
-                      {t("page-staking-section-comparison-solo-risks-li4")}
-                    </ListItem>
-                  </UnorderedList>
-                </div>
-                <div className="[grid-area:solo-reqs]">
-                  <H4>
-                    {t("page-staking-section-comparison-requirements-title")}
-                  </H4>
-                  <UnorderedList>
-                    <ListItem>
-                      <Translation id="page-staking:page-staking-section-comparison-solo-requirements-li1" />
-                    </ListItem>
-                    <ListItem>
-                      <Translation id="page-staking:page-staking-section-comparison-solo-requirements-li2" />
-                    </ListItem>
-                    <ListItem>
-                      <Translation id="page-staking:page-staking-section-comparison-solo-requirements-li3" />
-                    </ListItem>
-                  </UnorderedList>
-                </div>
-                <div className="[grid-area:solo-cta]">
-                  <StyledButtonLink href="/staking/solo/">
-                    {t("page-staking-more-on-solo")}
-                  </StyledButtonLink>
-                </div>
-                <ColorH3 color="text-[#129e5b] dark:text-[#49de96]">
-                  {t("page-staking-dropdown-saas")}
-                </ColorH3>
-                <div className="border-b-[1px] border-b-[#3335] [grid-area:saas-rewards]">
-                  <H4>{t("page-staking-section-comparison-rewards-title")}</H4>
-                  <UnorderedList>
-                    <ListItem>
-                      {t("page-staking-section-comparison-saas-rewards-li1")}
-                    </ListItem>
-                    <ListItem>
-                      {t("page-staking-section-comparison-saas-rewards-li2")}
-                    </ListItem>
-                  </UnorderedList>
-                </div>
-                <div className="border-b-[1px] border-b-[#3335] [grid-area:saas-risks]">
-                  <H4>{t("page-staking-section-comparison-risks-title")}</H4>
-                  <UnorderedList>
-                    <ListItem>
-                      {t("page-staking-section-comparison-saas-risks-li1")}
-                    </ListItem>
-                    <ListItem>
-                      {t("page-staking-section-comparison-saas-risks-li2")}
-                    </ListItem>
-                  </UnorderedList>
-                </div>
-                <div className="[grid-area:saas-reqs]">
-                  <H4>
-                    {t("page-staking-section-comparison-requirements-title")}
-                  </H4>
-                  <UnorderedList>
-                    <ListItem>
-                      <Translation id="page-staking:page-staking-section-comparison-saas-requirements-li1" />
-                    </ListItem>
-                    <ListItem>
-                      <Translation id="page-staking:page-staking-section-comparison-saas-requirements-li2" />
-                    </ListItem>
-                    <ListItem>
-                      <Translation id="page-staking:page-staking-section-comparison-saas-requirements-li3" />
-                    </ListItem>
-                  </UnorderedList>
-                </div>
-                <div className="[grid-area:saas-cta]">
-                  <StyledButtonLink href="/staking/saas">
-                    {t("page-staking-more-on-saas")}
-                  </StyledButtonLink>
-                </div>
+    <>
+      <script
+        id="jsonld-webpage-staking"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(webPageJsonLd),
+        }}
+      />
 
-                <ColorH3 color="text-[#0b83dc] dark:text-[#a9d3f2]">
-                  {t("page-staking-dropdown-pools")}
-                </ColorH3>
-                <div className="border-b-[1px] border-b-[#3335] [grid-area:pool-rewards]">
-                  <H4>{t("page-staking-section-comparison-rewards-title")}</H4>
-                  <UnorderedList>
-                    <ListItem>
-                      <Translation id="page-staking:page-staking-section-comparison-pools-rewards-li1" />
-                    </ListItem>
-                    <ListItem>
-                      <Translation id="page-staking:page-staking-section-comparison-pools-rewards-li2" />
-                    </ListItem>
-                    <ListItem>
-                      <Translation id="page-staking:page-staking-section-comparison-pools-rewards-li3" />
-                    </ListItem>
-                  </UnorderedList>
-                </div>
-                <div className="border-b-[1px] border-b-[#3335] [grid-area:pool-risks]">
-                  <H4>{t("page-staking-section-comparison-risks-title")}</H4>
-                  <UnorderedList>
-                    <ListItem>
-                      <Translation id="page-staking:page-staking-section-comparison-pools-risks-li1" />
-                    </ListItem>
-                    <ListItem>
-                      <Translation id="page-staking:page-staking-section-comparison-pools-risks-li2" />
-                    </ListItem>
-                  </UnorderedList>
-                </div>
-                <div className="[grid-area:pool-reqs]">
-                  <H4>
-                    {t("page-staking-section-comparison-requirements-title")}
-                  </H4>
-                  <UnorderedList>
-                    <ListItem>
-                      <Translation id="page-staking:page-staking-section-comparison-pools-requirements-li1" />
-                    </ListItem>
-                    <ListItem>
-                      <Translation id="page-staking:page-staking-section-comparison-pools-requirements-li2" />
-                    </ListItem>
-                  </UnorderedList>
-                </div>
-                <div className="[grid-area:pool-cta]">
-                  <StyledButtonLink href="/staking/pools/">
-                    {t("page-staking-more-on-pools")}
-                  </StyledButtonLink>
-                </div>
-              </ComparisonGrid>
-            </div>
-            <Divider />
-            <StakingCommunityCallout id={tocItems.joinTheCommunity.id} />
-            <div>
-              <H2 id={tocItems.faq.id}>{tocItems.faq.title}</H2>
-              <ExpandableCard title={t("page-staking-faq-4-question")}>
-                <Stack className="gap-[1.45rem]">
-                  <p>{t("page-staking-faq-4-answer-p1")}</p>
-                  <p>{t("page-staking-faq-4-answer-p2")}</p>
-                  <p>{t("page-staking-faq-4-answer-p3")}</p>
-                  <ButtonLink className="self-start" href="/roadmap/merge/">
-                    {t("page-upgrades-merge-btn")}
-                  </ButtonLink>
-                </Stack>
-              </ExpandableCard>
-              <ExpandableCard title={t("page-staking-faq-5-question")}>
-                <Stack className="gap-[1.45rem]">
-                  <p>{t("page-staking-faq-5-answer-p1")}</p>
-                  <p>{t("page-staking-faq-5-answer-p2")}</p>
-                  <ButtonLink
-                    className="self-start"
-                    href="/staking/withdrawals/"
-                  >
-                    {t("page-staking-faq-5-answer-link")}
-                  </ButtonLink>
-                </Stack>
-              </ExpandableCard>
-              <ExpandableCard title={t("page-staking-faq-1-question")}>
-                <Translation id="page-staking:page-staking-faq-1-answer" />
-              </ExpandableCard>
-              <ExpandableCard title={t("page-staking-faq-2-question")}>
-                {t("page-staking-faq-2-answer")}
-              </ExpandableCard>
-              <ExpandableCard title={t("page-staking-faq-3-question")}>
+      <script
+        id="jsonld-article-staking"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(articleJsonLd),
+        }}
+      />
+
+      <script
+        id="jsonld-faq-staking"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(faqJsonLd),
+        }}
+      />
+
+      <PageContainer>
+        <HeroStatsWrapper>
+          <PageHero content={heroContent} />
+          <StakingStatsBox data={data} />
+        </HeroStatsWrapper>
+        <Page>
+          <LeftNavBar
+            dropdownLinks={dropdownLinks}
+            tocItems={tocArray}
+            // TODO: Remove bang after this component is migrated to Tailwind
+            className="max-lg:!hidden"
+          />
+          <ContentContainer>
+            <Flex className="mt-16 flex-col gap-16 lg:mt-0">
+              <div>
+                <H2 id={tocItems.whatIsStaking.id}>
+                  {tocItems.whatIsStaking.title}
+                </H2>
+                <p>
+                  <Translation id="page-staking:page-staking-description" />
+                </p>
+              </div>
+              <div>
+                <H2 id={tocItems.whyStakeYourEth.id}>
+                  {tocItems.whyStakeYourEth.title}
+                </H2>
+                <CardGrid>
+                  {benefits.map(
+                    ({ title, description, emoji, linkText, href }, idx) => (
+                      <StyledCard
+                        title={title}
+                        emoji={emoji}
+                        key={idx}
+                        description={description}
+                      >
+                        {href && linkText && (
+                          <InlineLink href={href}>{linkText}</InlineLink>
+                        )}
+                      </StyledCard>
+                    )
+                  )}
+                </CardGrid>
+              </div>
+              <div>
+                <H2 id={tocItems.howToStakeYourEth.id}>
+                  {tocItems.howToStakeYourEth.title}
+                </H2>
                 <Stack className="gap-[1.45rem]">
-                  <p>{t("page-staking-faq-3-answer-p1")}</p>
-                  <p>
-                    <Translation id="page-staking:page-staking-faq-3-answer-p2" />
-                  </p>
+                  <p>{t("page-staking-section-why-p1")}</p>
+                  <p>{t("page-staking-section-why-p2")}</p>
                 </Stack>
-              </ExpandableCard>
-            </div>
-            <div>
-              <H2 id={tocItems.further.id}>{tocItems.further.title}</H2>
-              <UnorderedList>
-                <ListItem>
-                  <InlineLink href="https://notes.ethereum.org/9l707paQQEeI-GPzVK02lA?view#">
-                    {t("page-staking-further-reading-2-link")}
-                  </InlineLink>{" "}
-                  -{" "}
-                  <i>
-                    {t("page-staking-further-reading-author-vitalik-buterin")}
-                  </i>
-                </ListItem>
-                <ListItem>
-                  <InlineLink href="https://hackmd.io/@benjaminion/eth2_news">
-                    {t("page-staking-further-reading-4-link")}
-                  </InlineLink>{" "}
-                  - <i>{t("page-staking-further-reading-4-author")}</i>
-                </ListItem>
-                <ListItem>
-                  <InlineLink href="https://blog.ethereum.org/2022/01/31/finalized-no-33/">
-                    {t("page-staking-further-reading-5-link")}
-                  </InlineLink>{" "}
-                  - <i>{t("page-staking-further-reading-5-author")}</i>
-                </ListItem>
-                <ListItem>
-                  <InlineLink href="https://www.attestant.io/posts/">
-                    {t("page-staking-further-reading-6-link")}
-                  </InlineLink>
-                </ListItem>
-                <ListItem>
-                  <InlineLink href="https://beaconcha.in/education">
-                    {t("page-staking-further-reading-8-link")}
-                  </InlineLink>
-                </ListItem>
-                <ListItem>
-                  <InlineLink href="https://launchpad.ethereum.org/en/faq">
-                    {t("page-staking-further-reading-9-link")}
-                  </InlineLink>
-                </ListItem>
-                <ListItem>
-                  <InlineLink href="https://ethstaker.gitbook.io/ethstaker-knowledge-base/">
-                    {t("page-staking-further-reading-10-link")}
-                  </InlineLink>
-                </ListItem>
-              </UnorderedList>
-              <FileContributors
-                className="my-10 border-t"
-                contributors={contributors}
-                lastEditLocaleTimestamp={lastEditLocaleTimestamp}
-              />
-            </div>
-            <div>
-              <FeedbackCard />
-            </div>
-          </Flex>
-        </ContentContainer>
-        <MobileButtonDropdown list={dropdownLinks} />
-      </Page>
-    </PageContainer>
+              </div>
+              <StakingHierarchy />
+              <div>
+                <p className="mt-4">
+                  <Translation id="page-staking:page-staking-hierarchy-subtext" />
+                </p>
+              </div>
+              <Divider />
+              <div>
+                <H2 id={tocItems.comparisonOfOptions.id}>
+                  {tocItems.comparisonOfOptions.title}
+                </H2>
+                <p className="mb-[1.45rem]">
+                  {t("page-staking-section-comparison-subtitle")}
+                </p>
+                <ComparisonGrid>
+                  <ColorH3 color="text-[#be8d10] dark:text-[#f2bb2f]">
+                    {t("page-staking-dropdown-solo")}
+                  </ColorH3>
+                  <div className="border-b-[1px] border-b-[#3335] [grid-area:solo-rewards]">
+                    <H4>
+                      {t("page-staking-section-comparison-rewards-title")}
+                    </H4>
+                    <UnorderedList>
+                      <ListItem>
+                        {t("page-staking-section-comparison-solo-rewards-li1")}
+                      </ListItem>
+                      <ListItem>
+                        {t("page-staking-section-comparison-solo-rewards-li2")}
+                      </ListItem>
+                      <ListItem>
+                        {t("page-staking-section-comparison-solo-rewards-li3")}
+                      </ListItem>
+                    </UnorderedList>
+                  </div>
+                  <div className="border-b-[1px] border-b-[#3335] [grid-area:solo-risks]">
+                    <H4>{t("page-staking-section-comparison-risks-title")}</H4>
+                    <UnorderedList>
+                      <ListItem>
+                        {t("page-staking-section-comparison-solo-risks-li1")}
+                      </ListItem>
+                      <ListItem>
+                        {t("page-staking-section-comparison-solo-risks-li2")}
+                      </ListItem>
+                      <ListItem>
+                        {t("page-staking-section-comparison-solo-risks-li3")}
+                      </ListItem>
+                      <ListItem>
+                        {t("page-staking-section-comparison-solo-risks-li4")}
+                      </ListItem>
+                    </UnorderedList>
+                  </div>
+                  <div className="[grid-area:solo-reqs]">
+                    <H4>
+                      {t("page-staking-section-comparison-requirements-title")}
+                    </H4>
+                    <UnorderedList>
+                      <ListItem>
+                        <Translation id="page-staking:page-staking-section-comparison-solo-requirements-li1" />
+                      </ListItem>
+                      <ListItem>
+                        <Translation id="page-staking:page-staking-section-comparison-solo-requirements-li2" />
+                      </ListItem>
+                      <ListItem>
+                        <Translation id="page-staking:page-staking-section-comparison-solo-requirements-li3" />
+                      </ListItem>
+                    </UnorderedList>
+                  </div>
+                  <div className="[grid-area:solo-cta]">
+                    <StyledButtonLink href="/staking/solo/">
+                      {t("page-staking-more-on-solo")}
+                    </StyledButtonLink>
+                  </div>
+                  <ColorH3 color="text-[#129e5b] dark:text-[#49de96]">
+                    {t("page-staking-dropdown-saas")}
+                  </ColorH3>
+                  <div className="border-b-[1px] border-b-[#3335] [grid-area:saas-rewards]">
+                    <H4>
+                      {t("page-staking-section-comparison-rewards-title")}
+                    </H4>
+                    <UnorderedList>
+                      <ListItem>
+                        {t("page-staking-section-comparison-saas-rewards-li1")}
+                      </ListItem>
+                      <ListItem>
+                        {t("page-staking-section-comparison-saas-rewards-li2")}
+                      </ListItem>
+                    </UnorderedList>
+                  </div>
+                  <div className="border-b-[1px] border-b-[#3335] [grid-area:saas-risks]">
+                    <H4>{t("page-staking-section-comparison-risks-title")}</H4>
+                    <UnorderedList>
+                      <ListItem>
+                        {t("page-staking-section-comparison-saas-risks-li1")}
+                      </ListItem>
+                      <ListItem>
+                        {t("page-staking-section-comparison-saas-risks-li2")}
+                      </ListItem>
+                    </UnorderedList>
+                  </div>
+                  <div className="[grid-area:saas-reqs]">
+                    <H4>
+                      {t("page-staking-section-comparison-requirements-title")}
+                    </H4>
+                    <UnorderedList>
+                      <ListItem>
+                        <Translation id="page-staking:page-staking-section-comparison-saas-requirements-li1" />
+                      </ListItem>
+                      <ListItem>
+                        <Translation id="page-staking:page-staking-section-comparison-saas-requirements-li2" />
+                      </ListItem>
+                      <ListItem>
+                        <Translation id="page-staking:page-staking-section-comparison-saas-requirements-li3" />
+                      </ListItem>
+                    </UnorderedList>
+                  </div>
+                  <div className="[grid-area:saas-cta]">
+                    <StyledButtonLink href="/staking/saas">
+                      {t("page-staking-more-on-saas")}
+                    </StyledButtonLink>
+                  </div>
+
+                  <ColorH3 color="text-[#0b83dc] dark:text-[#a9d3f2]">
+                    {t("page-staking-dropdown-pools")}
+                  </ColorH3>
+                  <div className="border-b-[1px] border-b-[#3335] [grid-area:pool-rewards]">
+                    <H4>
+                      {t("page-staking-section-comparison-rewards-title")}
+                    </H4>
+                    <UnorderedList>
+                      <ListItem>
+                        <Translation id="page-staking:page-staking-section-comparison-pools-rewards-li1" />
+                      </ListItem>
+                      <ListItem>
+                        <Translation id="page-staking:page-staking-section-comparison-pools-rewards-li2" />
+                      </ListItem>
+                      <ListItem>
+                        <Translation id="page-staking:page-staking-section-comparison-pools-rewards-li3" />
+                      </ListItem>
+                    </UnorderedList>
+                  </div>
+                  <div className="border-b-[1px] border-b-[#3335] [grid-area:pool-risks]">
+                    <H4>{t("page-staking-section-comparison-risks-title")}</H4>
+                    <UnorderedList>
+                      <ListItem>
+                        <Translation id="page-staking:page-staking-section-comparison-pools-risks-li1" />
+                      </ListItem>
+                      <ListItem>
+                        <Translation id="page-staking:page-staking-section-comparison-pools-risks-li2" />
+                      </ListItem>
+                    </UnorderedList>
+                  </div>
+                  <div className="[grid-area:pool-reqs]">
+                    <H4>
+                      {t("page-staking-section-comparison-requirements-title")}
+                    </H4>
+                    <UnorderedList>
+                      <ListItem>
+                        <Translation id="page-staking:page-staking-section-comparison-pools-requirements-li1" />
+                      </ListItem>
+                      <ListItem>
+                        <Translation id="page-staking:page-staking-section-comparison-pools-requirements-li2" />
+                      </ListItem>
+                    </UnorderedList>
+                  </div>
+                  <div className="[grid-area:pool-cta]">
+                    <StyledButtonLink href="/staking/pools/">
+                      {t("page-staking-more-on-pools")}
+                    </StyledButtonLink>
+                  </div>
+                </ComparisonGrid>
+              </div>
+              <Divider />
+              <StakingCommunityCallout id={tocItems.joinTheCommunity.id} />
+              <div>
+                <H2 id={tocItems.faq.id}>{tocItems.faq.title}</H2>
+                <ExpandableCard title={t("page-staking-faq-4-question")}>
+                  <Stack className="gap-[1.45rem]">
+                    <p>{t("page-staking-faq-4-answer-p1")}</p>
+                    <p>{t("page-staking-faq-4-answer-p2")}</p>
+                    <p>{t("page-staking-faq-4-answer-p3")}</p>
+                    <ButtonLink className="self-start" href="/roadmap/merge/">
+                      {t("page-upgrades-merge-btn")}
+                    </ButtonLink>
+                  </Stack>
+                </ExpandableCard>
+                <ExpandableCard title={t("page-staking-faq-5-question")}>
+                  <Stack className="gap-[1.45rem]">
+                    <p>{t("page-staking-faq-5-answer-p1")}</p>
+                    <p>{t("page-staking-faq-5-answer-p2")}</p>
+                    <ButtonLink
+                      className="self-start"
+                      href="/staking/withdrawals/"
+                    >
+                      {t("page-staking-faq-5-answer-link")}
+                    </ButtonLink>
+                  </Stack>
+                </ExpandableCard>
+                <ExpandableCard title={t("page-staking-faq-1-question")}>
+                  <Translation id="page-staking:page-staking-faq-1-answer" />
+                </ExpandableCard>
+                <ExpandableCard title={t("page-staking-faq-2-question")}>
+                  {t("page-staking-faq-2-answer")}
+                </ExpandableCard>
+                <ExpandableCard title={t("page-staking-faq-3-question")}>
+                  <Stack className="gap-[1.45rem]">
+                    <p>{t("page-staking-faq-3-answer-p1")}</p>
+                    <p>
+                      <Translation id="page-staking:page-staking-faq-3-answer-p2" />
+                    </p>
+                  </Stack>
+                </ExpandableCard>
+              </div>
+              <div>
+                <H2 id={tocItems.further.id}>{tocItems.further.title}</H2>
+                <UnorderedList>
+                  <ListItem>
+                    <InlineLink href="https://notes.ethereum.org/9l707paQQEeI-GPzVK02lA?view#">
+                      {t("page-staking-further-reading-2-link")}
+                    </InlineLink>{" "}
+                    -{" "}
+                    <i>
+                      {t("page-staking-further-reading-author-vitalik-buterin")}
+                    </i>
+                  </ListItem>
+                  <ListItem>
+                    <InlineLink href="https://hackmd.io/@benjaminion/eth2_news">
+                      {t("page-staking-further-reading-4-link")}
+                    </InlineLink>{" "}
+                    - <i>{t("page-staking-further-reading-4-author")}</i>
+                  </ListItem>
+                  <ListItem>
+                    <InlineLink href="https://blog.ethereum.org/2022/01/31/finalized-no-33/">
+                      {t("page-staking-further-reading-5-link")}
+                    </InlineLink>{" "}
+                    - <i>{t("page-staking-further-reading-5-author")}</i>
+                  </ListItem>
+                  <ListItem>
+                    <InlineLink href="https://www.attestant.io/posts/">
+                      {t("page-staking-further-reading-6-link")}
+                    </InlineLink>
+                  </ListItem>
+                  <ListItem>
+                    <InlineLink href="https://beaconcha.in/education">
+                      {t("page-staking-further-reading-8-link")}
+                    </InlineLink>
+                  </ListItem>
+                  <ListItem>
+                    <InlineLink href="https://launchpad.ethereum.org/en/faq">
+                      {t("page-staking-further-reading-9-link")}
+                    </InlineLink>
+                  </ListItem>
+                  <ListItem>
+                    <InlineLink href="https://ethstaker.gitbook.io/ethstaker-knowledge-base/">
+                      {t("page-staking-further-reading-10-link")}
+                    </InlineLink>
+                  </ListItem>
+                </UnorderedList>
+                <FileContributors
+                  className="my-10 border-t"
+                  contributors={contributors}
+                  lastEditLocaleTimestamp={lastEditLocaleTimestamp}
+                />
+              </div>
+              <div>
+                <FeedbackCard />
+              </div>
+            </Flex>
+          </ContentContainer>
+          <MobileButtonDropdown list={dropdownLinks} />
+        </Page>
+      </PageContainer>
+    </>
   )
 }
 
diff --git a/app/[locale]/staking/deposit-contract/_components/deposit-contract.tsx b/app/[locale]/staking/deposit-contract/_components/deposit-contract.tsx
index 46144e8bf84..b3ee417fd78 100644
--- a/app/[locale]/staking/deposit-contract/_components/deposit-contract.tsx
+++ b/app/[locale]/staking/deposit-contract/_components/deposit-contract.tsx
@@ -3,7 +3,7 @@ import { useEffect, useState } from "react"
 import makeBlockie from "ethereum-blockies-base64"
 import { Clipboard, ClipboardCheck } from "lucide-react"
 
-import type { ChildOnlyProp, TranslationKey } from "@/lib/types"
+import type { ChildOnlyProp, Lang, TranslationKey } from "@/lib/types"
 
 import Breadcrumbs from "@/components/Breadcrumbs"
 import CardList from "@/components/CardList"
@@ -145,7 +145,7 @@ const CHUNKED_ADDRESS =
 
 const blockieSrc = makeBlockie(DEPOSIT_CONTRACT_ADDRESS)
 
-const DepositContractPage = () => {
+const DepositContractPage = ({ locale }: { locale: Lang }) => {
   const pathname = usePathname()
 
   const { t } = useTranslation("page-staking-deposit-contract")
@@ -255,163 +255,249 @@ const DepositContractPage = () => {
   const textToSpeechEmoji = state.isSpeechActive
     ? ":speaker_high_volume:"
     : ":speaker:"
+
+  // JSON-LD structured data for the Deposit Contract page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": `https://ethereum.org/${locale}/staking/deposit-contract/`,
+    name: t("page-staking-deposit-contract-title"),
+    description: t("page-staking-deposit-contract-subtitle"),
+    url: `https://ethereum.org/${locale}/staking/deposit-contract/`,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: `https://ethereum.org/${locale}/`,
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: "Staking",
+          item: `https://ethereum.org/${locale}/staking/`,
+        },
+        {
+          "@type": "ListItem",
+          position: 3,
+          name: t("page-staking-deposit-contract-title"),
+          item: `https://ethereum.org/${locale}/staking/deposit-contract/`,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+  }
+
+  // JSON-LD for the deposit contract article content
+  const articleJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "Article",
+    headline: t("page-staking-deposit-contract-title"),
+    description: t("page-staking-deposit-contract-subtitle"),
+    author: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    about: {
+      "@type": "Thing",
+      name: "Ethereum Deposit Contract",
+      description:
+        "Official Ethereum 2.0 deposit contract address for staking validators",
+    },
+  }
+
   return (
-    <MainArticle className="w-full">
-      <FlexBox>
-        <LeftColumn>
-          <Breadcrumbs slug={pathname} startDepth={1} />
-          <Title>{t("page-staking-deposit-contract-title")}</Title>
-          <Subtitle>{t("page-staking-deposit-contract-subtitle")}</Subtitle>
-          <H2>{t("page-staking-deposit-contract-h2")}</H2>
-          <p className="mb-6">
-            {t("page-staking-deposit-contract-staking")}{" "}
-            <InlineLink href="/staking/">
-              {t("page-staking-deposit-contract-staking-more-link")}
-            </InlineLink>
-          </p>
-          <StyledButton href="https://launchpad.ethereum.org">
-            {t("page-staking-deposit-contract-launchpad")}
-          </StyledButton>
-          <H2>{t("page-staking-deposit-contract-staking-check")}</H2>
-          <p className="mb-6">
-            {t("page-staking-deposit-contract-staking-check-desc")}
-          </p>
-          <CardList items={addressSources} />
-        </LeftColumn>
-        <RightColumn>
-          <AddressCard>
-            <CardTag>
-              {t("page-staking-deposit-contract-address-check-btn")}
-            </CardTag>
-            <div className="m-8">
-              {!state.showAddress && (
-                <>
-                  <Row>
-                    <CardTitle>
-                      {t("page-staking-deposit-contract-confirm-address")}
-                    </CardTitle>
-                  </Row>
-                  <Flex className="flex-col">
-                    <label className="mb-2 flex items-center gap-2">
-                      <Checkbox
-                        className="flex-none"
-                        checked={state.userHasUsedLaunchpad}
-                        onCheckedChange={() =>
-                          setState({
-                            ...state,
-                            userHasUsedLaunchpad: !state.userHasUsedLaunchpad,
-                          })
-                        }
-                      />
-                      {t("page-staking-deposit-contract-checkbox1")}
-                    </label>
-                    <label className="mb-2 flex items-center gap-2">
-                      <Checkbox
-                        className="flex-none"
-                        checked={state.userUnderstandsStaking}
-                        onCheckedChange={() =>
-                          setState({
-                            ...state,
-                            userUnderstandsStaking:
-                              !state.userUnderstandsStaking,
-                          })
-                        }
-                      />
-                      {t("page-staking-deposit-contract-checkbox2")}
-                    </label>
-                    <label className="mb-2 flex items-center gap-2">
-                      <Checkbox
-                        className="flex-none"
-                        checked={state.userWillCheckOtherSources}
-                        onCheckedChange={() =>
-                          setState({
-                            ...state,
-                            userWillCheckOtherSources:
-                              !state.userWillCheckOtherSources,
-                          })
-                        }
-                      />
-                      {t("page-staking-deposit-contract-checkbox3")}
-                    </label>
-                  </Flex>
-                  <CopyButton
-                    disabled={!isButtonEnabled}
-                    onClick={() =>
-                      setState({ ...state, showAddress: !state.showAddress })
-                    }
-                  >
-                    <Emoji text=":eyes:" className="text-md" />
-                    {t("page-staking-deposit-contract-reveal-address-btn")}
-                  </CopyButton>
-                </>
-              )}
-              {state.showAddress && (
-                <>
-                  <Row>
-                    <div>
+    <>
+      <script
+        id="jsonld-webpage-deposit-contract"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(webPageJsonLd),
+        }}
+      />
+
+      <script
+        id="jsonld-article-deposit-contract"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(articleJsonLd),
+        }}
+      />
+
+      <MainArticle className="w-full">
+        <FlexBox>
+          <LeftColumn>
+            <Breadcrumbs slug={pathname} startDepth={1} />
+            <Title>{t("page-staking-deposit-contract-title")}</Title>
+            <Subtitle>{t("page-staking-deposit-contract-subtitle")}</Subtitle>
+            <H2>{t("page-staking-deposit-contract-h2")}</H2>
+            <p className="mb-6">
+              {t("page-staking-deposit-contract-staking")}{" "}
+              <InlineLink href="/staking/">
+                {t("page-staking-deposit-contract-staking-more-link")}
+              </InlineLink>
+            </p>
+            <StyledButton href="https://launchpad.ethereum.org">
+              {t("page-staking-deposit-contract-launchpad")}
+            </StyledButton>
+            <H2>{t("page-staking-deposit-contract-staking-check")}</H2>
+            <p className="mb-6">
+              {t("page-staking-deposit-contract-staking-check-desc")}
+            </p>
+            <CardList items={addressSources} />
+          </LeftColumn>
+          <RightColumn>
+            <AddressCard>
+              <CardTag>
+                {t("page-staking-deposit-contract-address-check-btn")}
+              </CardTag>
+              <div className="m-8">
+                {!state.showAddress && (
+                  <>
+                    <Row>
                       <CardTitle>
-                        {t("page-staking-deposit-contract-address")}
+                        {t("page-staking-deposit-contract-confirm-address")}
                       </CardTitle>
-                      <Caption>
-                        {t("page-staking-deposit-contract-address-caption")}
-                      </Caption>
-                    </div>
-                    <Blockie src={blockieSrc} />
-                  </Row>
-                  {state.browserHasTextToSpeechSupport && (
-                    <Flex className="mb-8 items-center">
-                      <StyledFakeLink onClick={handleTextToSpeech}>
-                        <Translation id={textToSpeechText as TranslationKey} />
-                      </StyledFakeLink>{" "}
-                      <Emoji text={textToSpeechEmoji} className="text-md" />
+                    </Row>
+                    <Flex className="flex-col">
+                      <label className="mb-2 flex items-center gap-2">
+                        <Checkbox
+                          className="flex-none"
+                          checked={state.userHasUsedLaunchpad}
+                          onCheckedChange={() =>
+                            setState({
+                              ...state,
+                              userHasUsedLaunchpad: !state.userHasUsedLaunchpad,
+                            })
+                          }
+                        />
+                        {t("page-staking-deposit-contract-checkbox1")}
+                      </label>
+                      <label className="mb-2 flex items-center gap-2">
+                        <Checkbox
+                          className="flex-none"
+                          checked={state.userUnderstandsStaking}
+                          onCheckedChange={() =>
+                            setState({
+                              ...state,
+                              userUnderstandsStaking:
+                                !state.userUnderstandsStaking,
+                            })
+                          }
+                        />
+                        {t("page-staking-deposit-contract-checkbox2")}
+                      </label>
+                      <label className="mb-2 flex items-center gap-2">
+                        <Checkbox
+                          className="flex-none"
+                          checked={state.userWillCheckOtherSources}
+                          onCheckedChange={() =>
+                            setState({
+                              ...state,
+                              userWillCheckOtherSources:
+                                !state.userWillCheckOtherSources,
+                            })
+                          }
+                        />
+                        {t("page-staking-deposit-contract-checkbox3")}
+                      </label>
                     </Flex>
-                  )}
-                  <Tooltip content={t("page-staking-deposit-contract-warning")}>
-                    <Address>{CHUNKED_ADDRESS}</Address>
-                  </Tooltip>
-                  <ButtonRow>
-                    <CopyToClipboard text={DEPOSIT_CONTRACT_ADDRESS}>
-                      {(isCopied) => (
-                        <CopyButton>
-                          {!isCopied ? (
-                            <>
-                              {t("page-staking-deposit-contract-copy")}
-                              <Clipboard className="ms-1" />
-                            </>
-                          ) : (
-                            <>
-                              {t("page-staking-deposit-contract-copied")}
-                              <ClipboardCheck className="ms-1" />
-                            </>
-                          )}
-                        </CopyButton>
-                      )}
-                    </CopyToClipboard>
+                    <CopyButton
+                      disabled={!isButtonEnabled}
+                      onClick={() =>
+                        setState({ ...state, showAddress: !state.showAddress })
+                      }
+                    >
+                      <Emoji text=":eyes:" className="text-md" />
+                      {t("page-staking-deposit-contract-reveal-address-btn")}
+                    </CopyButton>
+                  </>
+                )}
+                {state.showAddress && (
+                  <>
+                    <Row>
+                      <div>
+                        <CardTitle>
+                          {t("page-staking-deposit-contract-address")}
+                        </CardTitle>
+                        <Caption>
+                          {t("page-staking-deposit-contract-address-caption")}
+                        </Caption>
+                      </div>
+                      <Blockie src={blockieSrc} />
+                    </Row>
+                    {state.browserHasTextToSpeechSupport && (
+                      <Flex className="mb-8 items-center">
+                        <StyledFakeLink onClick={handleTextToSpeech}>
+                          <Translation
+                            id={textToSpeechText as TranslationKey}
+                          />
+                        </StyledFakeLink>{" "}
+                        <Emoji text={textToSpeechEmoji} className="text-md" />
+                      </Flex>
+                    )}
+                    <Tooltip
+                      content={t("page-staking-deposit-contract-warning")}
+                    >
+                      <Address>{CHUNKED_ADDRESS}</Address>
+                    </Tooltip>
+                    <ButtonRow>
+                      <CopyToClipboard text={DEPOSIT_CONTRACT_ADDRESS}>
+                        {(isCopied) => (
+                          <CopyButton>
+                            {!isCopied ? (
+                              <>
+                                {t("page-staking-deposit-contract-copy")}
+                                <Clipboard className="ms-1" />
+                              </>
+                            ) : (
+                              <>
+                                {t("page-staking-deposit-contract-copied")}
+                                <ClipboardCheck className="ms-1" />
+                              </>
+                            )}
+                          </CopyButton>
+                        )}
+                      </CopyToClipboard>
+                      <InlineLink
+                        href={`https://eth.blockscout.com/address/${DEPOSIT_CONTRACT_ADDRESS}`}
+                      >
+                        {t("page-staking-deposit-contract-blockexplorer")}
+                      </InlineLink>
+                    </ButtonRow>
+                  </>
+                )}
+                <InfoBanner isWarning emoji=":warning:">
+                  <div>
+                    {t("page-staking-deposit-contract-warning-2")}{" "}
                     <InlineLink
-                      href={`https://eth.blockscout.com/address/${DEPOSIT_CONTRACT_ADDRESS}`}
+                      className="text-primary"
+                      href="https://launchpad.ethereum.org"
                     >
-                      {t("page-staking-deposit-contract-blockexplorer")}
+                      {t("page-staking-deposit-contract-launchpad-2")}
                     </InlineLink>
-                  </ButtonRow>
-                </>
-              )}
-              <InfoBanner isWarning emoji=":warning:">
-                <div>
-                  {t("page-staking-deposit-contract-warning-2")}{" "}
-                  <InlineLink
-                    className="text-primary"
-                    href="https://launchpad.ethereum.org"
-                  >
-                    {t("page-staking-deposit-contract-launchpad-2")}
-                  </InlineLink>
-                </div>
-              </InfoBanner>
-            </div>
-          </AddressCard>
-        </RightColumn>
-      </FlexBox>
-      <FeedbackCard />
-    </MainArticle>
+                  </div>
+                </InfoBanner>
+              </div>
+            </AddressCard>
+          </RightColumn>
+        </FlexBox>
+        <FeedbackCard />
+      </MainArticle>
+    </>
   )
 }
 
diff --git a/app/[locale]/staking/deposit-contract/page.tsx b/app/[locale]/staking/deposit-contract/page.tsx
index e6a4d3f3da3..7d48a4af20f 100644
--- a/app/[locale]/staking/deposit-contract/page.tsx
+++ b/app/[locale]/staking/deposit-contract/page.tsx
@@ -28,7 +28,7 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
 
   return (
     <I18nProvider locale={locale} messages={messages}>
-      <DepositContractPage />
+      <DepositContractPage locale={locale} />
     </I18nProvider>
   )
 }
diff --git a/app/[locale]/staking/page.tsx b/app/[locale]/staking/page.tsx
index 78c0241a562..90bfb4c342d 100644
--- a/app/[locale]/staking/page.tsx
+++ b/app/[locale]/staking/page.tsx
@@ -87,6 +87,7 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
         data={data}
         contributors={contributors}
         lastEditLocaleTimestamp={lastEditLocaleTimestamp}
+        locale={locale}
       />
     </I18nProvider>
   )

From b7a756322435e9713e8f9572a84eb46243b16c3a Mon Sep 17 00:00:00 2001
From: Corwin Smith <cssmittys@gmail.com>
Date: Thu, 4 Sep 2025 22:46:53 -0600
Subject: [PATCH 22/41] feat: add JSON-LD structured data for the Start page

---
 app/[locale]/start/page.tsx | 138 ++++++++++++++++++++++++++++--------
 1 file changed, 107 insertions(+), 31 deletions(-)

diff --git a/app/[locale]/start/page.tsx b/app/[locale]/start/page.tsx
index d4125d17867..36b5f6e0c45 100644
--- a/app/[locale]/start/page.tsx
+++ b/app/[locale]/start/page.tsx
@@ -37,44 +37,120 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
     supportedLanguages: [],
   }))
 
+  // JSON-LD structured data for the Start page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": `https://ethereum.org/${locale}/start/`,
+    name: t("page-start-meta-title"),
+    description: t("page-start-meta-description"),
+    url: `https://ethereum.org/${locale}/start/`,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: `https://ethereum.org/${locale}/`,
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: t("page-start-meta-title"),
+          item: `https://ethereum.org/${locale}/start/`,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+  }
+
+  // JSON-LD for the start guide article content
+  const articleJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "Article",
+    headline: t("page-start-title"),
+    description: t("page-start-meta-description"),
+    image: "https://ethereum.org/images/heroes/developers-hub-hero.jpg",
+    author: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    about: {
+      "@type": "Thing",
+      name: "Getting Started with Ethereum",
+      description:
+        "Beginner's guide to getting started with Ethereum, crypto wallets, and web3",
+    },
+  }
+
   return (
-    <MainArticle className="flex w-full flex-col items-center overflow-x-hidden">
-      <div className="mb-16 h-[240px] w-full md:h-[380px] lg:h-[398px]">
-        <Image
-          src={HeroImage}
-          alt={t("page-start-hero-alt")}
-          sizes="(max-width: 1504px) 100vw, 1504px"
-          className="h-full w-full object-cover"
-          priority
-        />
-      </div>
-
-      <div className="mb-36 flex flex-col gap-12 overflow-x-hidden px-8">
-        <div className="mx-auto flex max-w-[1000px] flex-col items-center gap-4 text-center">
-          <h1>{t("page-start-title")}</h1>
-          <p>{t("page-start-subtitle")}</p>
+    <>
+      <script
+        id="jsonld-webpage-start"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(webPageJsonLd),
+        }}
+      />
+
+      <script
+        id="jsonld-article-start"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(articleJsonLd),
+        }}
+      />
+
+      <MainArticle className="flex w-full flex-col items-center overflow-x-hidden">
+        <div className="mb-16 h-[240px] w-full md:h-[380px] lg:h-[398px]">
+          <Image
+            src={HeroImage}
+            alt={t("page-start-hero-alt")}
+            sizes="(max-width: 1504px) 100vw, 1504px"
+            className="h-full w-full object-cover"
+            priority
+          />
         </div>
 
-        <I18nProvider locale={locale} messages={messages}>
-          <div id="start-with-ethereum-flow" className="flex flex-col gap-12">
-            <StartWithEthereumFlow newToCryptoWallets={wallets} />
+        <div className="mb-36 flex flex-col gap-12 overflow-x-hidden px-8">
+          <div className="mx-auto flex max-w-[1000px] flex-col items-center gap-4 text-center">
+            <h1>{t("page-start-title")}</h1>
+            <p>{t("page-start-subtitle")}</p>
           </div>
 
-          <div className="flex w-full flex-col gap-12 rounded-2xl border border-accent-c/10 bg-gradient-to-t from-accent-c/10 from-20% to-accent-c/5 to-60% px-12 py-16 md:flex-row dark:from-accent-c/20 dark:to-accent-c/10">
-            <div className="flex flex-1 flex-col gap-8">
-              <h2 className="">{t("page-start-share-section-title")}</h2>
-              <p>{t("page-start-share-section-description")}</p>
-              <div className="flex w-full md:w-auto">
-                <ShareModal />
-              </div>
+          <I18nProvider locale={locale} messages={messages}>
+            <div id="start-with-ethereum-flow" className="flex flex-col gap-12">
+              <StartWithEthereumFlow newToCryptoWallets={wallets} />
             </div>
-            <div className="flex max-w-[450px] flex-col items-center justify-center">
-              <Image src={ManDogeImage} alt={t("page-start-man-doge-alt")} />
+
+            <div className="flex w-full flex-col gap-12 rounded-2xl border border-accent-c/10 bg-gradient-to-t from-accent-c/10 from-20% to-accent-c/5 to-60% px-12 py-16 md:flex-row dark:from-accent-c/20 dark:to-accent-c/10">
+              <div className="flex flex-1 flex-col gap-8">
+                <h2 className="">{t("page-start-share-section-title")}</h2>
+                <p>{t("page-start-share-section-description")}</p>
+                <div className="flex w-full md:w-auto">
+                  <ShareModal />
+                </div>
+              </div>
+              <div className="flex max-w-[450px] flex-col items-center justify-center">
+                <Image src={ManDogeImage} alt={t("page-start-man-doge-alt")} />
+              </div>
             </div>
-          </div>
-        </I18nProvider>
-      </div>
-    </MainArticle>
+          </I18nProvider>
+        </div>
+      </MainArticle>
+    </>
   )
 }
 

From 868813b900346ae9305b244ae2df5bb2fcb3f74b Mon Sep 17 00:00:00 2001
From: Corwin Smith <cssmittys@gmail.com>
Date: Thu, 4 Sep 2025 22:50:03 -0600
Subject: [PATCH 23/41] feat: add JSON-LD structured data for the
 Trillion-Dollar Security page

---
 .../trillion-dollar-security/page.tsx         | 1840 +++++++++--------
 1 file changed, 993 insertions(+), 847 deletions(-)

diff --git a/app/[locale]/trillion-dollar-security/page.tsx b/app/[locale]/trillion-dollar-security/page.tsx
index 7e0416be883..87f121dee1a 100644
--- a/app/[locale]/trillion-dollar-security/page.tsx
+++ b/app/[locale]/trillion-dollar-security/page.tsx
@@ -50,958 +50,1104 @@ const TdsPage = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
     namespace: "page-trillion-dollar-security",
   })
 
+  // JSON-LD structured data for the Trillion-Dollar Security page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": `https://ethereum.org/${locale}/trillion-dollar-security/`,
+    name: t("page-trillion-dollar-security-meta-title"),
+    description: t("page-trillion-dollar-security-meta-description"),
+    url: `https://ethereum.org/${locale}/trillion-dollar-security/`,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: `https://ethereum.org/${locale}/`,
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: t("page-trillion-dollar-security-meta-title"),
+          item: `https://ethereum.org/${locale}/trillion-dollar-security/`,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+  }
+
+  // JSON-LD for the security report article content
+  const articleJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "Article",
+    headline: t("page-trillion-dollar-security-title"),
+    description: t("page-trillion-dollar-security-meta-description"),
+    image: "https://ethereum.org/images/trillion-dollar-security/hero.png",
+    author: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    about: {
+      "@type": "Thing",
+      name: "Ethereum Security",
+      description:
+        "Comprehensive security analysis of Ethereum's trillion-dollar ecosystem",
+    },
+  }
+
   return (
-    <MainArticle>
-      {/* Hero Section */}
-      <section className="mb-32 w-full">
-        <Image
-          src={TdsHero}
-          alt={t("page-trillion-dollar-security-image-alt-hero")}
-          width={1200}
-          height={480}
-          className="max-h-[480px] w-full object-cover"
-        />
-        <div className="px-6 md:px-8">
-          <p className="mb-2 mt-6 text-center text-body-medium">
-            {t("page-trillion-dollar-security-subtitle")}
-          </p>
-          <h1 className="mb-20 text-center">
-            {t("page-trillion-dollar-security-title")}
-          </h1>
+    <>
+      <script
+        id="jsonld-webpage-trillion-dollar-security"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(webPageJsonLd),
+        }}
+      />
 
-          <div className="mt-8">
-            {/* Right: Download Card */}
-            <div className="hidden w-full max-w-sm md:float-right md:mb-16 md:ms-16 md:block">
-              <ReportCard
-                cta={t("page-trillion-dollar-security-download-report")}
-                altText={t("page-trillion-dollar-security-image-alt-report")}
-              />
-            </div>
-            <div className="flex-1 space-y-6 xl:max-w-screen-lg">
-              <p>{t("page-trillion-dollar-security-hero-paragraph-1")}</p>
-              <p>{t("page-trillion-dollar-security-hero-paragraph-2")}</p>
-              <ul>
-                <li>
-                  {t.rich("page-trillion-dollar-security-hero-paragraph-3", {
-                    b: (chunks) => <b>{chunks}</b>,
-                  })}
-                </li>
-                <li>
-                  {t.rich("page-trillion-dollar-security-hero-paragraph-4", {
-                    b: (chunks) => <b>{chunks}</b>,
-                  })}
-                </li>
-              </ul>
+      <script
+        id="jsonld-article-trillion-dollar-security"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(articleJsonLd),
+        }}
+      />
+
+      <MainArticle>
+        {/* Hero Section */}
+        <section className="mb-32 w-full">
+          <Image
+            src={TdsHero}
+            alt={t("page-trillion-dollar-security-image-alt-hero")}
+            width={1200}
+            height={480}
+            className="max-h-[480px] w-full object-cover"
+          />
+          <div className="px-6 md:px-8">
+            <p className="mb-2 mt-6 text-center text-body-medium">
+              {t("page-trillion-dollar-security-subtitle")}
+            </p>
+            <h1 className="mb-20 text-center">
+              {t("page-trillion-dollar-security-title")}
+            </h1>
 
-              <div className="mx-auto max-w-sm md:hidden">
+            <div className="mt-8">
+              {/* Right: Download Card */}
+              <div className="hidden w-full max-w-sm md:float-right md:mb-16 md:ms-16 md:block">
                 <ReportCard
                   cta={t("page-trillion-dollar-security-download-report")}
                   altText={t("page-trillion-dollar-security-image-alt-report")}
                 />
               </div>
+              <div className="flex-1 space-y-6 xl:max-w-screen-lg">
+                <p>{t("page-trillion-dollar-security-hero-paragraph-1")}</p>
+                <p>{t("page-trillion-dollar-security-hero-paragraph-2")}</p>
+                <ul>
+                  <li>
+                    {t.rich("page-trillion-dollar-security-hero-paragraph-3", {
+                      b: (chunks) => <b>{chunks}</b>,
+                    })}
+                  </li>
+                  <li>
+                    {t.rich("page-trillion-dollar-security-hero-paragraph-4", {
+                      b: (chunks) => <b>{chunks}</b>,
+                    })}
+                  </li>
+                </ul>
 
-              <p>
-                {t.rich("page-trillion-dollar-security-hero-paragraph-5", {
-                  a: (chunks) => (
-                    <InlineLink href="https://blog.ethereum.org/2025/05/14/trillion-dollar-security">
-                      {chunks}
-                    </InlineLink>
-                  ),
-                })}
-              </p>
-              <p>{t("page-trillion-dollar-security-hero-paragraph-6")}</p>
-
-              <ol className="list-decimal font-bold text-primary">
-                <li>
-                  <Link href="#ux" className="no-underline">
-                    {t("page-trillion-dollar-security-user-experience-title")}
-                  </Link>
-                  <p className="font-normal text-body">
-                    {t(
-                      "page-trillion-dollar-security-user-experience-description"
-                    )}
-                  </p>
-                </li>
-                <li>
-                  <Link href="#smart-contracts" className="no-underline">
-                    {t("page-trillion-dollar-security-smart-contract-title")}
-                  </Link>
-                  <p className="font-normal text-body">
-                    {t(
-                      "page-trillion-dollar-security-smart-contract-description"
-                    )}
-                  </p>
-                </li>
-                <li>
-                  <Link href="#infrastructure" className="no-underline">
-                    {t("page-trillion-dollar-security-infrastructure-title")}
-                  </Link>
-                  <p className="font-normal text-body">
-                    {t(
-                      "page-trillion-dollar-security-infrastructure-description"
+                <div className="mx-auto max-w-sm md:hidden">
+                  <ReportCard
+                    cta={t("page-trillion-dollar-security-download-report")}
+                    altText={t(
+                      "page-trillion-dollar-security-image-alt-report"
                     )}
-                  </p>
-                </li>
-                <li>
-                  <Link href="#consensus" className="no-underline">
-                    {t("page-trillion-dollar-security-consensus-title")}
-                  </Link>
-                  <p className="font-normal text-body">
-                    {t("page-trillion-dollar-security-consensus-description")}
-                  </p>
-                </li>
-                <li>
-                  <Link href="#incident" className="no-underline">
-                    {t("page-trillion-dollar-security-incident-title")}
-                  </Link>
-                  <p className="font-normal text-body">
-                    {t("page-trillion-dollar-security-incident-description")}
-                  </p>
-                </li>
-                <li>
-                  <Link href="#social" className="no-underline">
-                    {t("page-trillion-dollar-security-social-title")}
-                  </Link>
-                  <p className="font-normal text-body">
-                    {t("page-trillion-dollar-security-social-description")}
-                  </p>
-                </li>
-              </ol>
+                  />
+                </div>
 
-              <p>
-                {t("page-trillion-dollar-security-hero-closing-paragraph-1")}
-              </p>
-              <p>
-                {t("page-trillion-dollar-security-hero-closing-paragraph-2")}
-              </p>
-              <p>
-                {t("page-trillion-dollar-security-hero-closing-paragraph-3")}
-              </p>
+                <p>
+                  {t.rich("page-trillion-dollar-security-hero-paragraph-5", {
+                    a: (chunks) => (
+                      <InlineLink href="https://blog.ethereum.org/2025/05/14/trillion-dollar-security">
+                        {chunks}
+                      </InlineLink>
+                    ),
+                  })}
+                </p>
+                <p>{t("page-trillion-dollar-security-hero-paragraph-6")}</p>
 
-              <ul>
-                <li>
-                  {t("page-trillion-dollar-security-feedback-question-1")}
-                </li>
-                <li>
-                  {t("page-trillion-dollar-security-feedback-question-2")}
-                </li>
-                <li>
-                  {t("page-trillion-dollar-security-feedback-question-3")}
-                </li>
-              </ul>
+                <ol className="list-decimal font-bold text-primary">
+                  <li>
+                    <Link href="#ux" className="no-underline">
+                      {t("page-trillion-dollar-security-user-experience-title")}
+                    </Link>
+                    <p className="font-normal text-body">
+                      {t(
+                        "page-trillion-dollar-security-user-experience-description"
+                      )}
+                    </p>
+                  </li>
+                  <li>
+                    <Link href="#smart-contracts" className="no-underline">
+                      {t("page-trillion-dollar-security-smart-contract-title")}
+                    </Link>
+                    <p className="font-normal text-body">
+                      {t(
+                        "page-trillion-dollar-security-smart-contract-description"
+                      )}
+                    </p>
+                  </li>
+                  <li>
+                    <Link href="#infrastructure" className="no-underline">
+                      {t("page-trillion-dollar-security-infrastructure-title")}
+                    </Link>
+                    <p className="font-normal text-body">
+                      {t(
+                        "page-trillion-dollar-security-infrastructure-description"
+                      )}
+                    </p>
+                  </li>
+                  <li>
+                    <Link href="#consensus" className="no-underline">
+                      {t("page-trillion-dollar-security-consensus-title")}
+                    </Link>
+                    <p className="font-normal text-body">
+                      {t("page-trillion-dollar-security-consensus-description")}
+                    </p>
+                  </li>
+                  <li>
+                    <Link href="#incident" className="no-underline">
+                      {t("page-trillion-dollar-security-incident-title")}
+                    </Link>
+                    <p className="font-normal text-body">
+                      {t("page-trillion-dollar-security-incident-description")}
+                    </p>
+                  </li>
+                  <li>
+                    <Link href="#social" className="no-underline">
+                      {t("page-trillion-dollar-security-social-title")}
+                    </Link>
+                    <p className="font-normal text-body">
+                      {t("page-trillion-dollar-security-social-description")}
+                    </p>
+                  </li>
+                </ol>
 
-              <p>
-                {t.rich("page-trillion-dollar-security-contact-paragraph", {
-                  a: (chunks) => (
-                    <a
-                      href="mailto:trilliondollarsecurity@ethereum.org"
-                      className="text-primary"
-                    >
-                      {chunks}
-                    </a>
-                  ),
-                })}
-              </p>
-            </div>
-          </div>
-        </div>
-      </section>
+                <p>
+                  {t("page-trillion-dollar-security-hero-closing-paragraph-1")}
+                </p>
+                <p>
+                  {t("page-trillion-dollar-security-hero-closing-paragraph-2")}
+                </p>
+                <p>
+                  {t("page-trillion-dollar-security-hero-closing-paragraph-3")}
+                </p>
 
-      <div className="px-6 md:px-8">
-        {/* Main Content Sections - Each with its own sticky heading */}
-        <div className="my-16 w-full space-y-32 lg:space-y-48">
-          {/* User Experience section */}
-          <section
-            id="ux"
-            className="mb-8 flex scroll-mt-24 flex-col gap-8 lg:flex-row"
-          >
-            <div className="top-24 flex h-fit flex-shrink-0 flex-col items-start gap-4 self-start lg:sticky lg:flex lg:w-[400px]">
-              <h3 className="mb-4">
-                1. {t("page-trillion-dollar-security-user-experience-title")}
-              </h3>
-              <p>{t("page-trillion-dollar-security-section-1-intro")}</p>
-            </div>
-            <div className="flex-1">
-              <div className="space-y-10">
-                <div className="space-y-4">
-                  <p>
-                    {t("page-trillion-dollar-security-section-1-paragraph-1")}
-                  </p>
-                  <p>
-                    {t("page-trillion-dollar-security-section-1-paragraph-2")}
-                  </p>
-                  <p>
-                    {t("page-trillion-dollar-security-section-1-paragraph-3")}
-                  </p>
-                </div>
+                <ul>
+                  <li>
+                    {t("page-trillion-dollar-security-feedback-question-1")}
+                  </li>
+                  <li>
+                    {t("page-trillion-dollar-security-feedback-question-2")}
+                  </li>
+                  <li>
+                    {t("page-trillion-dollar-security-feedback-question-3")}
+                  </li>
+                </ul>
 
-                <div className="space-y-4">
-                  <h4 className="mb-4 text-xl font-semibold">
-                    {t("page-trillion-dollar-security-section-1-1-title")}
-                  </h4>
-                  <p>
-                    {t("page-trillion-dollar-security-section-1-1-paragraph-1")}
-                  </p>
-                  <p>
-                    {t("page-trillion-dollar-security-section-1-1-paragraph-2")}
-                  </p>
-                  <p>
-                    {t("page-trillion-dollar-security-section-1-1-paragraph-3")}
-                  </p>
-                  <p>
-                    {t("page-trillion-dollar-security-section-1-1-paragraph-4")}
-                  </p>
-                  <p>
-                    {t("page-trillion-dollar-security-section-1-1-paragraph-5")}
-                  </p>
-                </div>
-                <div className="space-y-4">
-                  <h4 className="mb-4 text-xl font-semibold">
-                    {t("page-trillion-dollar-security-section-1-2-title")}
-                  </h4>
-                  <p>
-                    {t("page-trillion-dollar-security-section-1-2-paragraph")}
-                  </p>
-                </div>
-                <div className="space-y-4">
-                  <h4 className="mb-4 text-xl font-semibold">
-                    {t("page-trillion-dollar-security-section-1-3-title")}
-                  </h4>
-                  <p>
-                    {t("page-trillion-dollar-security-section-1-3-paragraph-1")}
-                  </p>
-                  <p>
-                    {t("page-trillion-dollar-security-section-1-3-paragraph-2")}
-                  </p>
-                  <p>
-                    {t("page-trillion-dollar-security-section-1-3-paragraph-3")}
-                  </p>
-                  <p>
-                    {t("page-trillion-dollar-security-section-1-3-paragraph-4")}
-                  </p>
-                </div>
-                <div className="space-y-4">
-                  <h4 className="mb-4 text-xl font-semibold">
-                    {t("page-trillion-dollar-security-section-1-4-title")}
-                  </h4>
-                  <p>
-                    {t("page-trillion-dollar-security-section-1-4-paragraph-1")}
-                  </p>
-                  <p>
-                    {t("page-trillion-dollar-security-section-1-4-paragraph-2")}
-                  </p>
-                </div>
-                <div className="space-y-4">
-                  <h4 className="mb-4 text-xl font-semibold">
-                    {t("page-trillion-dollar-security-section-1-5-title")}
-                  </h4>
-                  <p>
-                    {t("page-trillion-dollar-security-section-1-5-paragraph-1")}
-                  </p>
-                  <p>
-                    {t("page-trillion-dollar-security-section-1-5-paragraph-2")}
-                  </p>
-                  <p>
-                    {t("page-trillion-dollar-security-section-1-5-paragraph-3")}
-                  </p>
-                </div>
-                <div className="space-y-4">
-                  <h4 className="mb-4 text-xl font-semibold">
-                    {t("page-trillion-dollar-security-section-1-6-title")}
-                  </h4>
-                  <p>
-                    {t("page-trillion-dollar-security-section-1-6-paragraph-1")}
-                  </p>
-                  <p>
-                    {t("page-trillion-dollar-security-section-1-6-paragraph-2")}
-                  </p>
-                </div>
+                <p>
+                  {t.rich("page-trillion-dollar-security-contact-paragraph", {
+                    a: (chunks) => (
+                      <a
+                        href="mailto:trilliondollarsecurity@ethereum.org"
+                        className="text-primary"
+                      >
+                        {chunks}
+                      </a>
+                    ),
+                  })}
+                </p>
               </div>
             </div>
-          </section>
+          </div>
+        </section>
 
-          {/* Smart Contract Security section */}
-          <section
-            id="smart-contracts"
-            className="mb-8 flex scroll-mt-24 flex-col gap-8 lg:flex-row"
-          >
-            <div className="top-24 flex h-fit flex-shrink-0 flex-col items-start gap-4 self-start lg:sticky lg:flex lg:w-[400px]">
-              <h3 className="mb-4">
-                2. {t("page-trillion-dollar-security-smart-contract-title")}
-              </h3>
-              <p>{t("page-trillion-dollar-security-section-2-intro")}</p>
-            </div>
-            <div className="flex-1">
-              <div className="space-y-10">
-                <div className="space-y-4">
-                  <p>
-                    {t("page-trillion-dollar-security-section-2-paragraph-1")}
-                  </p>
-                  <ul className="my-0 ml-6 list-disc">
-                    <li>
-                      {t("page-trillion-dollar-security-section-2-list-1")}
-                    </li>
-                    <li>
-                      {t("page-trillion-dollar-security-section-2-list-2")}
-                    </li>
-                    <li>
-                      {t("page-trillion-dollar-security-section-2-list-3")}
-                    </li>
-                    <li>
-                      {t("page-trillion-dollar-security-section-2-list-4")}
-                    </li>
-                    <li>
-                      {t("page-trillion-dollar-security-section-2-list-5")}
-                    </li>
-                    <li>
-                      {t("page-trillion-dollar-security-section-2-list-6")}
-                    </li>
-                  </ul>
-                  <p>
-                    {t("page-trillion-dollar-security-section-2-paragraph-2")}
-                  </p>
-                </div>
+        <div className="px-6 md:px-8">
+          {/* Main Content Sections - Each with its own sticky heading */}
+          <div className="my-16 w-full space-y-32 lg:space-y-48">
+            {/* User Experience section */}
+            <section
+              id="ux"
+              className="mb-8 flex scroll-mt-24 flex-col gap-8 lg:flex-row"
+            >
+              <div className="top-24 flex h-fit flex-shrink-0 flex-col items-start gap-4 self-start lg:sticky lg:flex lg:w-[400px]">
+                <h3 className="mb-4">
+                  1. {t("page-trillion-dollar-security-user-experience-title")}
+                </h3>
+                <p>{t("page-trillion-dollar-security-section-1-intro")}</p>
+              </div>
+              <div className="flex-1">
+                <div className="space-y-10">
+                  <div className="space-y-4">
+                    <p>
+                      {t("page-trillion-dollar-security-section-1-paragraph-1")}
+                    </p>
+                    <p>
+                      {t("page-trillion-dollar-security-section-1-paragraph-2")}
+                    </p>
+                    <p>
+                      {t("page-trillion-dollar-security-section-1-paragraph-3")}
+                    </p>
+                  </div>
 
-                <div className="space-y-4">
-                  <h4 className="mb-4 text-xl font-semibold">
-                    {t("page-trillion-dollar-security-section-2-1-title")}
-                  </h4>
-                  <p>
-                    {t("page-trillion-dollar-security-section-2-1-paragraph")}
-                  </p>
-                  <ul className="ml-6 mt-2 list-disc">
-                    <li>
-                      <b>
-                        {t(
-                          "page-trillion-dollar-security-section-2-1-list-title-1"
-                        )}
-                        .
-                      </b>{" "}
+                  <div className="space-y-4">
+                    <h4 className="mb-4 text-xl font-semibold">
+                      {t("page-trillion-dollar-security-section-1-1-title")}
+                    </h4>
+                    <p>
                       {t(
-                        "page-trillion-dollar-security-section-2-1-list-desc-1"
+                        "page-trillion-dollar-security-section-1-1-paragraph-1"
                       )}
-                    </li>
-                    <li>
-                      <b>
-                        {t(
-                          "page-trillion-dollar-security-section-2-1-list-title-2"
-                        )}
-                      </b>
-                      ,{" "}
+                    </p>
+                    <p>
                       {t(
-                        "page-trillion-dollar-security-section-2-1-list-desc-2"
+                        "page-trillion-dollar-security-section-1-1-paragraph-2"
                       )}
-                    </li>
-                    <li>
-                      <b>
-                        {t(
-                          "page-trillion-dollar-security-section-2-1-list-title-3"
-                        )}
-                      </b>
-                      ,{" "}
+                    </p>
+                    <p>
                       {t(
-                        "page-trillion-dollar-security-section-2-1-list-desc-3"
+                        "page-trillion-dollar-security-section-1-1-paragraph-3"
                       )}
-                    </li>
-                    <li>
-                      <b>
-                        {t(
-                          "page-trillion-dollar-security-section-2-1-list-title-4"
-                        )}
-                        .
-                      </b>{" "}
+                    </p>
+                    <p>
                       {t(
-                        "page-trillion-dollar-security-section-2-1-list-desc-4"
+                        "page-trillion-dollar-security-section-1-1-paragraph-4"
                       )}
-                    </li>
-                    <li>
-                      <b>
-                        {t(
-                          "page-trillion-dollar-security-section-2-1-list-title-5"
-                        )}
-                      </b>
-                      ,{" "}
+                    </p>
+                    <p>
                       {t(
-                        "page-trillion-dollar-security-section-2-1-list-desc-5"
+                        "page-trillion-dollar-security-section-1-1-paragraph-5"
                       )}
-                    </li>
-                    <li>
-                      <b>
-                        {t(
-                          "page-trillion-dollar-security-section-2-1-list-title-6"
-                        )}
-                      </b>
-                      ,{" "}
+                    </p>
+                  </div>
+                  <div className="space-y-4">
+                    <h4 className="mb-4 text-xl font-semibold">
+                      {t("page-trillion-dollar-security-section-1-2-title")}
+                    </h4>
+                    <p>
+                      {t("page-trillion-dollar-security-section-1-2-paragraph")}
+                    </p>
+                  </div>
+                  <div className="space-y-4">
+                    <h4 className="mb-4 text-xl font-semibold">
+                      {t("page-trillion-dollar-security-section-1-3-title")}
+                    </h4>
+                    <p>
                       {t(
-                        "page-trillion-dollar-security-section-2-1-list-desc-6"
+                        "page-trillion-dollar-security-section-1-3-paragraph-1"
                       )}
-                    </li>
-                    <li>
-                      <b>
-                        {t(
-                          "page-trillion-dollar-security-section-2-1-list-title-7"
-                        )}
-                        .
-                      </b>{" "}
+                    </p>
+                    <p>
                       {t(
-                        "page-trillion-dollar-security-section-2-1-list-desc-7"
+                        "page-trillion-dollar-security-section-1-3-paragraph-2"
                       )}
-                    </li>
-                    <li>
-                      <b>
-                        {t(
-                          "page-trillion-dollar-security-section-2-1-list-title-8"
-                        )}
-                        .
-                      </b>{" "}
+                    </p>
+                    <p>
                       {t(
-                        "page-trillion-dollar-security-section-2-1-list-desc-8"
+                        "page-trillion-dollar-security-section-1-3-paragraph-3"
                       )}
-                    </li>
-                    <li>
-                      <b>
+                    </p>
+                    <p>
+                      {t(
+                        "page-trillion-dollar-security-section-1-3-paragraph-4"
+                      )}
+                    </p>
+                  </div>
+                  <div className="space-y-4">
+                    <h4 className="mb-4 text-xl font-semibold">
+                      {t("page-trillion-dollar-security-section-1-4-title")}
+                    </h4>
+                    <p>
+                      {t(
+                        "page-trillion-dollar-security-section-1-4-paragraph-1"
+                      )}
+                    </p>
+                    <p>
+                      {t(
+                        "page-trillion-dollar-security-section-1-4-paragraph-2"
+                      )}
+                    </p>
+                  </div>
+                  <div className="space-y-4">
+                    <h4 className="mb-4 text-xl font-semibold">
+                      {t("page-trillion-dollar-security-section-1-5-title")}
+                    </h4>
+                    <p>
+                      {t(
+                        "page-trillion-dollar-security-section-1-5-paragraph-1"
+                      )}
+                    </p>
+                    <p>
+                      {t(
+                        "page-trillion-dollar-security-section-1-5-paragraph-2"
+                      )}
+                    </p>
+                    <p>
+                      {t(
+                        "page-trillion-dollar-security-section-1-5-paragraph-3"
+                      )}
+                    </p>
+                  </div>
+                  <div className="space-y-4">
+                    <h4 className="mb-4 text-xl font-semibold">
+                      {t("page-trillion-dollar-security-section-1-6-title")}
+                    </h4>
+                    <p>
+                      {t(
+                        "page-trillion-dollar-security-section-1-6-paragraph-1"
+                      )}
+                    </p>
+                    <p>
+                      {t(
+                        "page-trillion-dollar-security-section-1-6-paragraph-2"
+                      )}
+                    </p>
+                  </div>
+                </div>
+              </div>
+            </section>
+
+            {/* Smart Contract Security section */}
+            <section
+              id="smart-contracts"
+              className="mb-8 flex scroll-mt-24 flex-col gap-8 lg:flex-row"
+            >
+              <div className="top-24 flex h-fit flex-shrink-0 flex-col items-start gap-4 self-start lg:sticky lg:flex lg:w-[400px]">
+                <h3 className="mb-4">
+                  2. {t("page-trillion-dollar-security-smart-contract-title")}
+                </h3>
+                <p>{t("page-trillion-dollar-security-section-2-intro")}</p>
+              </div>
+              <div className="flex-1">
+                <div className="space-y-10">
+                  <div className="space-y-4">
+                    <p>
+                      {t("page-trillion-dollar-security-section-2-paragraph-1")}
+                    </p>
+                    <ul className="my-0 ml-6 list-disc">
+                      <li>
+                        {t("page-trillion-dollar-security-section-2-list-1")}
+                      </li>
+                      <li>
+                        {t("page-trillion-dollar-security-section-2-list-2")}
+                      </li>
+                      <li>
+                        {t("page-trillion-dollar-security-section-2-list-3")}
+                      </li>
+                      <li>
+                        {t("page-trillion-dollar-security-section-2-list-4")}
+                      </li>
+                      <li>
+                        {t("page-trillion-dollar-security-section-2-list-5")}
+                      </li>
+                      <li>
+                        {t("page-trillion-dollar-security-section-2-list-6")}
+                      </li>
+                    </ul>
+                    <p>
+                      {t("page-trillion-dollar-security-section-2-paragraph-2")}
+                    </p>
+                  </div>
+
+                  <div className="space-y-4">
+                    <h4 className="mb-4 text-xl font-semibold">
+                      {t("page-trillion-dollar-security-section-2-1-title")}
+                    </h4>
+                    <p>
+                      {t("page-trillion-dollar-security-section-2-1-paragraph")}
+                    </p>
+                    <ul className="ml-6 mt-2 list-disc">
+                      <li>
+                        <b>
+                          {t(
+                            "page-trillion-dollar-security-section-2-1-list-title-1"
+                          )}
+                          .
+                        </b>{" "}
                         {t(
-                          "page-trillion-dollar-security-section-2-1-list-title-9"
+                          "page-trillion-dollar-security-section-2-1-list-desc-1"
                         )}
-                        .
-                      </b>
-                    </li>
-                  </ul>
-                </div>
+                      </li>
+                      <li>
+                        <b>
+                          {t(
+                            "page-trillion-dollar-security-section-2-1-list-title-2"
+                          )}
+                        </b>
+                        ,{" "}
+                        {t(
+                          "page-trillion-dollar-security-section-2-1-list-desc-2"
+                        )}
+                      </li>
+                      <li>
+                        <b>
+                          {t(
+                            "page-trillion-dollar-security-section-2-1-list-title-3"
+                          )}
+                        </b>
+                        ,{" "}
+                        {t(
+                          "page-trillion-dollar-security-section-2-1-list-desc-3"
+                        )}
+                      </li>
+                      <li>
+                        <b>
+                          {t(
+                            "page-trillion-dollar-security-section-2-1-list-title-4"
+                          )}
+                          .
+                        </b>{" "}
+                        {t(
+                          "page-trillion-dollar-security-section-2-1-list-desc-4"
+                        )}
+                      </li>
+                      <li>
+                        <b>
+                          {t(
+                            "page-trillion-dollar-security-section-2-1-list-title-5"
+                          )}
+                        </b>
+                        ,{" "}
+                        {t(
+                          "page-trillion-dollar-security-section-2-1-list-desc-5"
+                        )}
+                      </li>
+                      <li>
+                        <b>
+                          {t(
+                            "page-trillion-dollar-security-section-2-1-list-title-6"
+                          )}
+                        </b>
+                        ,{" "}
+                        {t(
+                          "page-trillion-dollar-security-section-2-1-list-desc-6"
+                        )}
+                      </li>
+                      <li>
+                        <b>
+                          {t(
+                            "page-trillion-dollar-security-section-2-1-list-title-7"
+                          )}
+                          .
+                        </b>{" "}
+                        {t(
+                          "page-trillion-dollar-security-section-2-1-list-desc-7"
+                        )}
+                      </li>
+                      <li>
+                        <b>
+                          {t(
+                            "page-trillion-dollar-security-section-2-1-list-title-8"
+                          )}
+                          .
+                        </b>{" "}
+                        {t(
+                          "page-trillion-dollar-security-section-2-1-list-desc-8"
+                        )}
+                      </li>
+                      <li>
+                        <b>
+                          {t(
+                            "page-trillion-dollar-security-section-2-1-list-title-9"
+                          )}
+                          .
+                        </b>
+                      </li>
+                    </ul>
+                  </div>
 
-                <div className="space-y-4">
-                  <h4 className="mb-4 text-xl font-semibold">
-                    {t("page-trillion-dollar-security-section-2-2-title")}
-                  </h4>
-                  <p>
-                    {t("page-trillion-dollar-security-section-2-2-paragraph")}
-                  </p>
-                  <ul className="ml-6 mt-2 list-disc">
-                    <li>
-                      <b>
+                  <div className="space-y-4">
+                    <h4 className="mb-4 text-xl font-semibold">
+                      {t("page-trillion-dollar-security-section-2-2-title")}
+                    </h4>
+                    <p>
+                      {t("page-trillion-dollar-security-section-2-2-paragraph")}
+                    </p>
+                    <ul className="ml-6 mt-2 list-disc">
+                      <li>
+                        <b>
+                          {t(
+                            "page-trillion-dollar-security-section-2-2-list-title-1"
+                          )}
+                          .
+                        </b>{" "}
                         {t(
-                          "page-trillion-dollar-security-section-2-2-list-title-1"
+                          "page-trillion-dollar-security-section-2-2-list-desc-1"
                         )}
-                        .
-                      </b>{" "}
-                      {t(
-                        "page-trillion-dollar-security-section-2-2-list-desc-1"
-                      )}
-                    </li>
-                    <li>
-                      <b>
+                      </li>
+                      <li>
+                        <b>
+                          {t(
+                            "page-trillion-dollar-security-section-2-2-list-title-2"
+                          )}
+                          .
+                        </b>{" "}
                         {t(
-                          "page-trillion-dollar-security-section-2-2-list-title-2"
+                          "page-trillion-dollar-security-section-2-2-list-desc-2"
                         )}
-                        .
-                      </b>{" "}
-                      {t(
-                        "page-trillion-dollar-security-section-2-2-list-desc-2"
-                      )}
-                    </li>
-                    <li>
-                      <b>
+                      </li>
+                      <li>
+                        <b>
+                          {t(
+                            "page-trillion-dollar-security-section-2-2-list-title-3"
+                          )}
+                        </b>{" "}
                         {t(
-                          "page-trillion-dollar-security-section-2-2-list-title-3"
+                          "page-trillion-dollar-security-section-2-2-list-desc-3"
                         )}
-                      </b>{" "}
-                      {t(
-                        "page-trillion-dollar-security-section-2-2-list-desc-3"
-                      )}
-                    </li>
-                    <li>
-                      <b>
+                      </li>
+                      <li>
+                        <b>
+                          {t(
+                            "page-trillion-dollar-security-section-2-2-list-title-4"
+                          )}
+                          .
+                        </b>{" "}
                         {t(
-                          "page-trillion-dollar-security-section-2-2-list-title-4"
+                          "page-trillion-dollar-security-section-2-2-list-desc-4"
                         )}
-                        .
-                      </b>{" "}
-                      {t(
-                        "page-trillion-dollar-security-section-2-2-list-desc-4"
-                      )}
-                    </li>
-                    <li>
-                      <b>
+                      </li>
+                      <li>
+                        <b>
+                          {t(
+                            "page-trillion-dollar-security-section-2-2-list-title-5"
+                          )}
+                          .
+                        </b>{" "}
                         {t(
-                          "page-trillion-dollar-security-section-2-2-list-title-5"
+                          "page-trillion-dollar-security-section-2-2-list-desc-5"
                         )}
-                        .
-                      </b>{" "}
-                      {t(
-                        "page-trillion-dollar-security-section-2-2-list-desc-5"
-                      )}
-                    </li>
-                    <li>
-                      <b>
+                      </li>
+                      <li>
+                        <b>
+                          {t(
+                            "page-trillion-dollar-security-section-2-2-list-title-6"
+                          )}
+                          .
+                        </b>{" "}
                         {t(
-                          "page-trillion-dollar-security-section-2-2-list-title-6"
+                          "page-trillion-dollar-security-section-2-2-list-desc-6"
                         )}
-                        .
-                      </b>{" "}
-                      {t(
-                        "page-trillion-dollar-security-section-2-2-list-desc-6"
-                      )}
-                    </li>
-                    <li>
-                      <b>
+                      </li>
+                      <li>
+                        <b>
+                          {t(
+                            "page-trillion-dollar-security-section-2-2-list-title-7"
+                          )}
+                          .
+                        </b>{" "}
                         {t(
-                          "page-trillion-dollar-security-section-2-2-list-title-7"
+                          "page-trillion-dollar-security-section-2-2-list-desc-7"
                         )}
-                        .
-                      </b>{" "}
-                      {t(
-                        "page-trillion-dollar-security-section-2-2-list-desc-7"
-                      )}
-                    </li>
-                  </ul>
-                </div>
-                <div className="space-y-4">
-                  <h4 className="mb-4 text-xl font-semibold">
-                    {t("page-trillion-dollar-security-section-2-3-title")}
-                  </h4>
-                  <p>
-                    {t("page-trillion-dollar-security-section-2-3-paragraph")}
-                  </p>
+                      </li>
+                    </ul>
+                  </div>
+                  <div className="space-y-4">
+                    <h4 className="mb-4 text-xl font-semibold">
+                      {t("page-trillion-dollar-security-section-2-3-title")}
+                    </h4>
+                    <p>
+                      {t("page-trillion-dollar-security-section-2-3-paragraph")}
+                    </p>
+                  </div>
                 </div>
               </div>
-            </div>
-          </section>
+            </section>
 
-          {/* Infrastructure & Cloud Security section */}
-          <section
-            id="infrastructure"
-            className="mb-8 flex scroll-mt-24 flex-col gap-8 lg:flex-row"
-          >
-            <div className="top-24 flex h-fit flex-shrink-0 flex-col items-start gap-4 self-start lg:sticky lg:flex lg:w-[400px]">
-              <h3 className="mb-4">
-                3. {t("page-trillion-dollar-security-infrastructure-title")}
-              </h3>
-              <p>{t("page-trillion-dollar-security-section-3-intro")}</p>
-            </div>
-            <div className="flex-1">
-              <div className="space-y-10">
-                <div className="space-y-4">
-                  <p>
-                    {t("page-trillion-dollar-security-section-3-paragraph-1")}
-                  </p>
-                </div>
+            {/* Infrastructure & Cloud Security section */}
+            <section
+              id="infrastructure"
+              className="mb-8 flex scroll-mt-24 flex-col gap-8 lg:flex-row"
+            >
+              <div className="top-24 flex h-fit flex-shrink-0 flex-col items-start gap-4 self-start lg:sticky lg:flex lg:w-[400px]">
+                <h3 className="mb-4">
+                  3. {t("page-trillion-dollar-security-infrastructure-title")}
+                </h3>
+                <p>{t("page-trillion-dollar-security-section-3-intro")}</p>
+              </div>
+              <div className="flex-1">
+                <div className="space-y-10">
+                  <div className="space-y-4">
+                    <p>
+                      {t("page-trillion-dollar-security-section-3-paragraph-1")}
+                    </p>
+                  </div>
 
-                <div className="space-y-4">
-                  <h4 className="mb-4 text-xl font-semibold">
-                    {t("page-trillion-dollar-security-section-3-1-title")}
-                  </h4>
-                  <p>
-                    {t("page-trillion-dollar-security-section-3-1-paragraph")}
-                  </p>
-                  <ul className="ml-6 mt-2 list-disc">
-                    <li>
-                      <b>
+                  <div className="space-y-4">
+                    <h4 className="mb-4 text-xl font-semibold">
+                      {t("page-trillion-dollar-security-section-3-1-title")}
+                    </h4>
+                    <p>
+                      {t("page-trillion-dollar-security-section-3-1-paragraph")}
+                    </p>
+                    <ul className="ml-6 mt-2 list-disc">
+                      <li>
+                        <b>
+                          {t(
+                            "page-trillion-dollar-security-section-3-1-list-title-1"
+                          )}
+                          .
+                        </b>{" "}
                         {t(
-                          "page-trillion-dollar-security-section-3-1-list-title-1"
+                          "page-trillion-dollar-security-section-3-1-list-desc-1"
                         )}
-                        .
-                      </b>{" "}
-                      {t(
-                        "page-trillion-dollar-security-section-3-1-list-desc-1"
-                      )}
-                    </li>
-                    <li>
-                      <b>
+                      </li>
+                      <li>
+                        <b>
+                          {t(
+                            "page-trillion-dollar-security-section-3-1-list-title-2"
+                          )}
+                          .
+                        </b>{" "}
                         {t(
-                          "page-trillion-dollar-security-section-3-1-list-title-2"
+                          "page-trillion-dollar-security-section-3-1-list-desc-2"
                         )}
-                        .
-                      </b>{" "}
-                      {t(
-                        "page-trillion-dollar-security-section-3-1-list-desc-2"
-                      )}
-                    </li>
-                    <li>
-                      <b>
+                      </li>
+                      <li>
+                        <b>
+                          {t(
+                            "page-trillion-dollar-security-section-3-1-list-title-3"
+                          )}
+                          .
+                        </b>{" "}
                         {t(
-                          "page-trillion-dollar-security-section-3-1-list-title-3"
+                          "page-trillion-dollar-security-section-3-1-list-desc-3"
                         )}
-                        .
-                      </b>{" "}
-                      {t(
-                        "page-trillion-dollar-security-section-3-1-list-desc-3"
+                      </li>
+                    </ul>
+                    <p>
+                      {t.rich(
+                        "page-trillion-dollar-security-section-3-1-paragraph-2",
+                        {
+                          a: (chunks) => (
+                            <Link href="https://l2beat.com/">{chunks}</Link>
+                          ),
+                        }
                       )}
-                    </li>
-                  </ul>
-                  <p>
-                    {t.rich(
-                      "page-trillion-dollar-security-section-3-1-paragraph-2",
-                      {
-                        a: (chunks) => (
-                          <Link href="https://l2beat.com/">{chunks}</Link>
-                        ),
-                      }
-                    )}
-                  </p>
-                </div>
+                    </p>
+                  </div>
 
-                <div className="space-y-4">
-                  <h4 className="mb-4 text-xl font-semibold">
-                    {t("page-trillion-dollar-security-section-3-2-title")}
-                  </h4>
-                  <p>
-                    {t("page-trillion-dollar-security-section-3-2-paragraph-1")}
-                  </p>
-                  <p>
-                    {t("page-trillion-dollar-security-section-3-2-paragraph-2")}
-                  </p>
-                </div>
+                  <div className="space-y-4">
+                    <h4 className="mb-4 text-xl font-semibold">
+                      {t("page-trillion-dollar-security-section-3-2-title")}
+                    </h4>
+                    <p>
+                      {t(
+                        "page-trillion-dollar-security-section-3-2-paragraph-1"
+                      )}
+                    </p>
+                    <p>
+                      {t(
+                        "page-trillion-dollar-security-section-3-2-paragraph-2"
+                      )}
+                    </p>
+                  </div>
 
-                <div className="space-y-4">
-                  <h4 className="mb-4 text-xl font-semibold">
-                    {t("page-trillion-dollar-security-section-3-3-title")}
-                  </h4>
-                  <p>
-                    {t("page-trillion-dollar-security-section-3-3-paragraph")}
-                  </p>
-                  <ul className="ml-6 mt-2 list-disc">
-                    <li>
-                      {t("page-trillion-dollar-security-section-3-3-list-1")}
-                    </li>
-                    <li>
-                      {t("page-trillion-dollar-security-section-3-3-list-2")}
-                    </li>
-                    <li>
-                      {t("page-trillion-dollar-security-section-3-3-list-3")}
-                    </li>
-                  </ul>
-                </div>
+                  <div className="space-y-4">
+                    <h4 className="mb-4 text-xl font-semibold">
+                      {t("page-trillion-dollar-security-section-3-3-title")}
+                    </h4>
+                    <p>
+                      {t("page-trillion-dollar-security-section-3-3-paragraph")}
+                    </p>
+                    <ul className="ml-6 mt-2 list-disc">
+                      <li>
+                        {t("page-trillion-dollar-security-section-3-3-list-1")}
+                      </li>
+                      <li>
+                        {t("page-trillion-dollar-security-section-3-3-list-2")}
+                      </li>
+                      <li>
+                        {t("page-trillion-dollar-security-section-3-3-list-3")}
+                      </li>
+                    </ul>
+                  </div>
 
-                <div className="space-y-4">
-                  <h4 className="mb-4 text-xl font-semibold">
-                    {t("page-trillion-dollar-security-section-3-4-title")}
-                  </h4>
-                  <p>
-                    {t("page-trillion-dollar-security-section-3-4-paragraph")}
-                  </p>
-                  <ul className="ml-6 mt-2 list-disc">
-                    <li>
-                      <b>
+                  <div className="space-y-4">
+                    <h4 className="mb-4 text-xl font-semibold">
+                      {t("page-trillion-dollar-security-section-3-4-title")}
+                    </h4>
+                    <p>
+                      {t("page-trillion-dollar-security-section-3-4-paragraph")}
+                    </p>
+                    <ul className="ml-6 mt-2 list-disc">
+                      <li>
+                        <b>
+                          {t(
+                            "page-trillion-dollar-security-section-3-4-list-title-1"
+                          )}
+                        </b>
+                        ,{" "}
                         {t(
-                          "page-trillion-dollar-security-section-3-4-list-title-1"
+                          "page-trillion-dollar-security-section-3-4-list-desc-1"
                         )}
-                      </b>
-                      ,{" "}
-                      {t(
-                        "page-trillion-dollar-security-section-3-4-list-desc-1"
-                      )}
-                    </li>
-                    <li>
-                      <b>
+                      </li>
+                      <li>
+                        <b>
+                          {t(
+                            "page-trillion-dollar-security-section-3-4-list-title-2"
+                          )}
+                        </b>
+                        ,{" "}
                         {t(
-                          "page-trillion-dollar-security-section-3-4-list-title-2"
+                          "page-trillion-dollar-security-section-3-4-list-desc-2"
                         )}
-                      </b>
-                      ,{" "}
-                      {t(
-                        "page-trillion-dollar-security-section-3-4-list-desc-2"
-                      )}
-                    </li>
-                    <li>
-                      <b>
+                      </li>
+                      <li>
+                        <b>
+                          {t(
+                            "page-trillion-dollar-security-section-3-4-list-title-3"
+                          )}
+                        </b>
+                        ,{" "}
                         {t(
-                          "page-trillion-dollar-security-section-3-4-list-title-3"
+                          "page-trillion-dollar-security-section-3-4-list-desc-3"
                         )}
-                      </b>
-                      ,{" "}
-                      {t(
-                        "page-trillion-dollar-security-section-3-4-list-desc-3"
-                      )}
-                    </li>
-                  </ul>
-                </div>
+                      </li>
+                    </ul>
+                  </div>
 
-                <div className="space-y-4">
-                  <h4 className="mb-4 text-xl font-semibold">
-                    {t("page-trillion-dollar-security-section-3-5-title")}
-                  </h4>
-                  <p>
-                    {t("page-trillion-dollar-security-section-3-5-paragraph")}
-                  </p>
-                </div>
+                  <div className="space-y-4">
+                    <h4 className="mb-4 text-xl font-semibold">
+                      {t("page-trillion-dollar-security-section-3-5-title")}
+                    </h4>
+                    <p>
+                      {t("page-trillion-dollar-security-section-3-5-paragraph")}
+                    </p>
+                  </div>
 
-                <div className="space-y-4">
-                  <h4 className="mb-4 text-xl font-semibold">
-                    {t("page-trillion-dollar-security-section-3-6-title")}
-                  </h4>
-                  <p>
-                    {t("page-trillion-dollar-security-section-3-6-paragraph-1")}
-                  </p>
-                  <ul className="ml-6 mt-2 list-disc">
-                    <li>
-                      {t("page-trillion-dollar-security-section-3-6-list-1")}
-                    </li>
-                    <li>
-                      {t("page-trillion-dollar-security-section-3-6-list-2")}
-                    </li>
-                    <li>
-                      {t("page-trillion-dollar-security-section-3-6-list-3")}
-                    </li>
-                    <li>
-                      {t("page-trillion-dollar-security-section-3-6-list-4")}
-                    </li>
-                  </ul>
-                  <p>
-                    {t("page-trillion-dollar-security-section-3-6-paragraph-2")}
-                  </p>
+                  <div className="space-y-4">
+                    <h4 className="mb-4 text-xl font-semibold">
+                      {t("page-trillion-dollar-security-section-3-6-title")}
+                    </h4>
+                    <p>
+                      {t(
+                        "page-trillion-dollar-security-section-3-6-paragraph-1"
+                      )}
+                    </p>
+                    <ul className="ml-6 mt-2 list-disc">
+                      <li>
+                        {t("page-trillion-dollar-security-section-3-6-list-1")}
+                      </li>
+                      <li>
+                        {t("page-trillion-dollar-security-section-3-6-list-2")}
+                      </li>
+                      <li>
+                        {t("page-trillion-dollar-security-section-3-6-list-3")}
+                      </li>
+                      <li>
+                        {t("page-trillion-dollar-security-section-3-6-list-4")}
+                      </li>
+                    </ul>
+                    <p>
+                      {t(
+                        "page-trillion-dollar-security-section-3-6-paragraph-2"
+                      )}
+                    </p>
+                  </div>
                 </div>
               </div>
-            </div>
-          </section>
+            </section>
 
-          {/* Consensus Protocol section */}
-          <section
-            id="consensus"
-            className="mb-8 flex scroll-mt-24 flex-col gap-8 lg:flex-row"
-          >
-            <div className="top-24 flex h-fit flex-shrink-0 flex-col items-start gap-4 self-start lg:sticky lg:flex lg:w-[400px]">
-              <h3 className="mb-4">
-                4. {t("page-trillion-dollar-security-consensus-title")}
-              </h3>
-              <p>{t("page-trillion-dollar-security-section-4-intro")}</p>
-            </div>
-            <div className="flex-1">
-              <div className="space-y-10">
-                <div className="space-y-4">
-                  <p>
-                    {t("page-trillion-dollar-security-section-4-paragraph-1")}
-                  </p>
-                </div>
+            {/* Consensus Protocol section */}
+            <section
+              id="consensus"
+              className="mb-8 flex scroll-mt-24 flex-col gap-8 lg:flex-row"
+            >
+              <div className="top-24 flex h-fit flex-shrink-0 flex-col items-start gap-4 self-start lg:sticky lg:flex lg:w-[400px]">
+                <h3 className="mb-4">
+                  4. {t("page-trillion-dollar-security-consensus-title")}
+                </h3>
+                <p>{t("page-trillion-dollar-security-section-4-intro")}</p>
+              </div>
+              <div className="flex-1">
+                <div className="space-y-10">
+                  <div className="space-y-4">
+                    <p>
+                      {t("page-trillion-dollar-security-section-4-paragraph-1")}
+                    </p>
+                  </div>
 
-                <div className="space-y-4">
-                  <h4 className="mb-4 text-xl font-semibold">
-                    {t("page-trillion-dollar-security-section-4-1-title")}
-                  </h4>
-                  <p>
-                    {t("page-trillion-dollar-security-section-4-1-paragraph")}
-                  </p>
-                </div>
+                  <div className="space-y-4">
+                    <h4 className="mb-4 text-xl font-semibold">
+                      {t("page-trillion-dollar-security-section-4-1-title")}
+                    </h4>
+                    <p>
+                      {t("page-trillion-dollar-security-section-4-1-paragraph")}
+                    </p>
+                  </div>
 
-                <div className="space-y-4">
-                  <h4 className="mb-4 text-xl font-semibold">
-                    {t("page-trillion-dollar-security-section-4-2-title")}
-                  </h4>
-                  <p>
-                    {t("page-trillion-dollar-security-section-4-2-paragraph")}
-                  </p>
-                </div>
+                  <div className="space-y-4">
+                    <h4 className="mb-4 text-xl font-semibold">
+                      {t("page-trillion-dollar-security-section-4-2-title")}
+                    </h4>
+                    <p>
+                      {t("page-trillion-dollar-security-section-4-2-paragraph")}
+                    </p>
+                  </div>
 
-                <div className="space-y-4">
-                  <h4 className="mb-4 text-xl font-semibold">
-                    {t("page-trillion-dollar-security-section-4-3-title")}
-                  </h4>
-                  <p>
-                    {t("page-trillion-dollar-security-section-4-3-paragraph")}
-                  </p>
-                  <ul className="ml-6 mt-2 list-disc">
-                    <li>
-                      {t("page-trillion-dollar-security-section-4-3-list-1")}
-                    </li>
-                    <li>
-                      {t("page-trillion-dollar-security-section-4-3-list-2")}
-                    </li>
-                  </ul>
-                </div>
+                  <div className="space-y-4">
+                    <h4 className="mb-4 text-xl font-semibold">
+                      {t("page-trillion-dollar-security-section-4-3-title")}
+                    </h4>
+                    <p>
+                      {t("page-trillion-dollar-security-section-4-3-paragraph")}
+                    </p>
+                    <ul className="ml-6 mt-2 list-disc">
+                      <li>
+                        {t("page-trillion-dollar-security-section-4-3-list-1")}
+                      </li>
+                      <li>
+                        {t("page-trillion-dollar-security-section-4-3-list-2")}
+                      </li>
+                    </ul>
+                  </div>
 
-                <div className="space-y-4">
-                  <h4 className="mb-4 text-xl font-semibold">
-                    {t("page-trillion-dollar-security-section-4-4-title")}
-                  </h4>
-                  <p>
-                    {t("page-trillion-dollar-security-section-4-4-paragraph")}
-                  </p>
-                  <h4 className="mb-4 text-xl font-semibold">
-                    {t("page-trillion-dollar-security-section-4-5-title")}
-                  </h4>
-                  <p>
-                    {t("page-trillion-dollar-security-section-4-5-paragraph")}
-                  </p>
-                  <ul className="ml-6 mt-2 list-disc">
-                    <li>
-                      {t("page-trillion-dollar-security-section-4-5-list-1")}
-                    </li>
-                    <li>
-                      {t("page-trillion-dollar-security-section-4-5-list-2")}
-                    </li>
-                    <li>
-                      {t("page-trillion-dollar-security-section-4-5-list-3")}
-                    </li>
-                    <li>
-                      {t("page-trillion-dollar-security-section-4-5-list-4")}
-                    </li>
-                  </ul>
-                </div>
+                  <div className="space-y-4">
+                    <h4 className="mb-4 text-xl font-semibold">
+                      {t("page-trillion-dollar-security-section-4-4-title")}
+                    </h4>
+                    <p>
+                      {t("page-trillion-dollar-security-section-4-4-paragraph")}
+                    </p>
+                    <h4 className="mb-4 text-xl font-semibold">
+                      {t("page-trillion-dollar-security-section-4-5-title")}
+                    </h4>
+                    <p>
+                      {t("page-trillion-dollar-security-section-4-5-paragraph")}
+                    </p>
+                    <ul className="ml-6 mt-2 list-disc">
+                      <li>
+                        {t("page-trillion-dollar-security-section-4-5-list-1")}
+                      </li>
+                      <li>
+                        {t("page-trillion-dollar-security-section-4-5-list-2")}
+                      </li>
+                      <li>
+                        {t("page-trillion-dollar-security-section-4-5-list-3")}
+                      </li>
+                      <li>
+                        {t("page-trillion-dollar-security-section-4-5-list-4")}
+                      </li>
+                    </ul>
+                  </div>
 
-                <div className="space-y-4">
-                  <h4 className="mb-4 text-xl font-semibold">
-                    {t("page-trillion-dollar-security-section-4-6-title")}
-                  </h4>
-                  <p>
-                    {t("page-trillion-dollar-security-section-4-6-paragraph-1")}
-                  </p>
-                  <p>
-                    {t("page-trillion-dollar-security-section-4-6-paragraph-2")}
-                  </p>
+                  <div className="space-y-4">
+                    <h4 className="mb-4 text-xl font-semibold">
+                      {t("page-trillion-dollar-security-section-4-6-title")}
+                    </h4>
+                    <p>
+                      {t(
+                        "page-trillion-dollar-security-section-4-6-paragraph-1"
+                      )}
+                    </p>
+                    <p>
+                      {t(
+                        "page-trillion-dollar-security-section-4-6-paragraph-2"
+                      )}
+                    </p>
+                  </div>
                 </div>
               </div>
-            </div>
-          </section>
+            </section>
 
-          {/* Incident Response & Mitigation section */}
-          <section
-            id="incident"
-            className="mb-8 flex scroll-mt-24 flex-col gap-8 lg:flex-row"
-          >
-            <div className="top-24 flex h-fit flex-shrink-0 flex-col items-start self-start lg:sticky lg:flex lg:w-[400px]">
-              <h3 className="mb-4">
-                5. {t("page-trillion-dollar-security-incident-title")}
-              </h3>
-            </div>
-            <div className="flex-1">
-              <div className="space-y-10">
-                <div className="space-y-4">
-                  <p>
-                    {t("page-trillion-dollar-security-section-5-paragraph-1")}
-                  </p>
-                  <ul className="ml-6 mt-2 list-disc">
-                    <li>
-                      <b>
+            {/* Incident Response & Mitigation section */}
+            <section
+              id="incident"
+              className="mb-8 flex scroll-mt-24 flex-col gap-8 lg:flex-row"
+            >
+              <div className="top-24 flex h-fit flex-shrink-0 flex-col items-start self-start lg:sticky lg:flex lg:w-[400px]">
+                <h3 className="mb-4">
+                  5. {t("page-trillion-dollar-security-incident-title")}
+                </h3>
+              </div>
+              <div className="flex-1">
+                <div className="space-y-10">
+                  <div className="space-y-4">
+                    <p>
+                      {t("page-trillion-dollar-security-section-5-paragraph-1")}
+                    </p>
+                    <ul className="ml-6 mt-2 list-disc">
+                      <li>
+                        <b>
+                          {t(
+                            "page-trillion-dollar-security-section-5-list-title-1"
+                          )}
+                          .
+                        </b>{" "}
                         {t(
-                          "page-trillion-dollar-security-section-5-list-title-1"
+                          "page-trillion-dollar-security-section-5-list-desc-1"
                         )}
-                        .
-                      </b>{" "}
-                      {t("page-trillion-dollar-security-section-5-list-desc-1")}
-                    </li>
-                    <li>
-                      <b>
+                      </li>
+                      <li>
+                        <b>
+                          {t(
+                            "page-trillion-dollar-security-section-5-list-title-2"
+                          )}
+                          .
+                        </b>{" "}
                         {t(
-                          "page-trillion-dollar-security-section-5-list-title-2"
+                          "page-trillion-dollar-security-section-5-list-desc-2"
                         )}
-                        .
-                      </b>{" "}
-                      {t("page-trillion-dollar-security-section-5-list-desc-2")}
-                    </li>
-                    <li>
-                      <b>
+                      </li>
+                      <li>
+                        <b>
+                          {t(
+                            "page-trillion-dollar-security-section-5-list-title-3"
+                          )}
+                          .
+                        </b>{" "}
                         {t(
-                          "page-trillion-dollar-security-section-5-list-title-3"
+                          "page-trillion-dollar-security-section-5-list-desc-3"
                         )}
-                        .
-                      </b>{" "}
-                      {t("page-trillion-dollar-security-section-5-list-desc-3")}
-                    </li>
-                    <li>
-                      <b>
+                      </li>
+                      <li>
+                        <b>
+                          {t(
+                            "page-trillion-dollar-security-section-5-list-title-4"
+                          )}
+                          .
+                        </b>{" "}
                         {t(
-                          "page-trillion-dollar-security-section-5-list-title-4"
+                          "page-trillion-dollar-security-section-5-list-desc-4"
                         )}
-                        .
-                      </b>{" "}
-                      {t("page-trillion-dollar-security-section-5-list-desc-4")}
-                    </li>
-                    <li>
-                      <b>
+                      </li>
+                      <li>
+                        <b>
+                          {t(
+                            "page-trillion-dollar-security-section-5-list-title-5"
+                          )}
+                          .
+                        </b>{" "}
                         {t(
-                          "page-trillion-dollar-security-section-5-list-title-5"
+                          "page-trillion-dollar-security-section-5-list-desc-5"
                         )}
-                        .
-                      </b>{" "}
-                      {t("page-trillion-dollar-security-section-5-list-desc-5")}
-                    </li>
-                  </ul>
+                      </li>
+                    </ul>
+                  </div>
                 </div>
               </div>
-            </div>
-          </section>
+            </section>
 
-          {/* Social layer and governance section */}
-          <section
-            id="social"
-            className="mb-8 flex scroll-mt-24 flex-col gap-8 lg:flex-row"
-          >
-            <div className="top-24 flex h-fit flex-shrink-0 flex-col items-start gap-4 self-start lg:sticky lg:flex lg:w-[400px]">
-              <h3 className="mb-4">
-                6. {t("page-trillion-dollar-security-social-title")}
-              </h3>
-              <p>{t("page-trillion-dollar-security-section-6-intro")}</p>
-            </div>
-            <div className="flex-1">
-              <div className="space-y-10">
-                <div className="space-y-4">
-                  <p>
-                    {t("page-trillion-dollar-security-section-6-paragraph-1")}
-                  </p>
-                </div>
+            {/* Social layer and governance section */}
+            <section
+              id="social"
+              className="mb-8 flex scroll-mt-24 flex-col gap-8 lg:flex-row"
+            >
+              <div className="top-24 flex h-fit flex-shrink-0 flex-col items-start gap-4 self-start lg:sticky lg:flex lg:w-[400px]">
+                <h3 className="mb-4">
+                  6. {t("page-trillion-dollar-security-social-title")}
+                </h3>
+                <p>{t("page-trillion-dollar-security-section-6-intro")}</p>
+              </div>
+              <div className="flex-1">
+                <div className="space-y-10">
+                  <div className="space-y-4">
+                    <p>
+                      {t("page-trillion-dollar-security-section-6-paragraph-1")}
+                    </p>
+                  </div>
 
-                <div className="space-y-4">
-                  <h4 className="mb-4 text-xl font-semibold">
-                    {t("page-trillion-dollar-security-section-6-1-title")}
-                  </h4>
-                  <p>
-                    {t("page-trillion-dollar-security-section-6-1-paragraph-1")}
-                    <br />
-                    {t("page-trillion-dollar-security-section-6-1-paragraph-2")}
-                  </p>
-                  <ul className="ml-6 mt-2 list-disc">
-                    <li>
-                      {t("page-trillion-dollar-security-section-6-1-list-1")}
-                    </li>
-                    <li>
-                      {t("page-trillion-dollar-security-section-6-1-list-2")}
-                    </li>
-                    <li>
-                      {t("page-trillion-dollar-security-section-6-1-list-3")}
-                    </li>
-                  </ul>
-                  <p>
-                    {t("page-trillion-dollar-security-section-6-1-paragraph-3")}
-                  </p>
-                </div>
+                  <div className="space-y-4">
+                    <h4 className="mb-4 text-xl font-semibold">
+                      {t("page-trillion-dollar-security-section-6-1-title")}
+                    </h4>
+                    <p>
+                      {t(
+                        "page-trillion-dollar-security-section-6-1-paragraph-1"
+                      )}
+                      <br />
+                      {t(
+                        "page-trillion-dollar-security-section-6-1-paragraph-2"
+                      )}
+                    </p>
+                    <ul className="ml-6 mt-2 list-disc">
+                      <li>
+                        {t("page-trillion-dollar-security-section-6-1-list-1")}
+                      </li>
+                      <li>
+                        {t("page-trillion-dollar-security-section-6-1-list-2")}
+                      </li>
+                      <li>
+                        {t("page-trillion-dollar-security-section-6-1-list-3")}
+                      </li>
+                    </ul>
+                    <p>
+                      {t(
+                        "page-trillion-dollar-security-section-6-1-paragraph-3"
+                      )}
+                    </p>
+                  </div>
 
-                <div className="space-y-4">
-                  <h4 className="mb-4 text-xl font-semibold">
-                    {t("page-trillion-dollar-security-section-6-2-title")}
-                  </h4>
-                  <p>
-                    {t("page-trillion-dollar-security-section-6-2-paragraph-1")}
-                  </p>
-                  <p>
-                    {t("page-trillion-dollar-security-section-6-2-paragraph-2")}
-                  </p>
-                </div>
+                  <div className="space-y-4">
+                    <h4 className="mb-4 text-xl font-semibold">
+                      {t("page-trillion-dollar-security-section-6-2-title")}
+                    </h4>
+                    <p>
+                      {t(
+                        "page-trillion-dollar-security-section-6-2-paragraph-1"
+                      )}
+                    </p>
+                    <p>
+                      {t(
+                        "page-trillion-dollar-security-section-6-2-paragraph-2"
+                      )}
+                    </p>
+                  </div>
 
-                <div className="space-y-4">
-                  <h4 className="mb-4 text-xl font-semibold">
-                    {t("page-trillion-dollar-security-section-6-3-title")}
-                  </h4>
-                  <p>
-                    {t("page-trillion-dollar-security-section-6-3-paragraph")}
-                  </p>
-                </div>
+                  <div className="space-y-4">
+                    <h4 className="mb-4 text-xl font-semibold">
+                      {t("page-trillion-dollar-security-section-6-3-title")}
+                    </h4>
+                    <p>
+                      {t("page-trillion-dollar-security-section-6-3-paragraph")}
+                    </p>
+                  </div>
 
-                <div className="space-y-4">
-                  <h4 className="mb-4 text-xl font-semibold">
-                    {t("page-trillion-dollar-security-section-6-4-title")}
-                  </h4>
-                  <p>
-                    {t("page-trillion-dollar-security-section-6-4-paragraph-1")}
-                  </p>
-                  <p>
-                    {t("page-trillion-dollar-security-section-6-4-paragraph-2")}
-                  </p>
+                  <div className="space-y-4">
+                    <h4 className="mb-4 text-xl font-semibold">
+                      {t("page-trillion-dollar-security-section-6-4-title")}
+                    </h4>
+                    <p>
+                      {t(
+                        "page-trillion-dollar-security-section-6-4-paragraph-1"
+                      )}
+                    </p>
+                    <p>
+                      {t(
+                        "page-trillion-dollar-security-section-6-4-paragraph-2"
+                      )}
+                    </p>
+                  </div>
                 </div>
               </div>
-            </div>
-          </section>
+            </section>
+          </div>
         </div>
-      </div>
-    </MainArticle>
+      </MainArticle>
+    </>
   )
 }
 

From cfdeb0735463aa0d0e6e6fdd95d280661cbeb33f Mon Sep 17 00:00:00 2001
From: Corwin Smith <cssmittys@gmail.com>
Date: Thu, 4 Sep 2025 23:04:47 -0600
Subject: [PATCH 24/41] feat: add JSON-LD structured data for Wallets and Find
 Wallet pages

---
 app/[locale]/wallets/_components/wallets.tsx | 545 +++++++++++--------
 app/[locale]/wallets/find-wallet/page.tsx    | 144 ++++-
 app/[locale]/wallets/page.tsx                |   1 +
 3 files changed, 458 insertions(+), 232 deletions(-)

diff --git a/app/[locale]/wallets/_components/wallets.tsx b/app/[locale]/wallets/_components/wallets.tsx
index 78f942328d4..2b678a0bc56 100644
--- a/app/[locale]/wallets/_components/wallets.tsx
+++ b/app/[locale]/wallets/_components/wallets.tsx
@@ -182,256 +182,367 @@ const WalletsPage = ({
     },
   ]
 
+  // JSON-LD structured data for the Wallets page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": `https://ethereum.org/${locale}/wallets/`,
+    name: t("page-wallets-meta-title"),
+    description: t("page-wallets-meta-description"),
+    url: `https://ethereum.org/${locale}/wallets/`,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: `https://ethereum.org/${locale}/`,
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: t("page-wallets-meta-title"),
+          item: `https://ethereum.org/${locale}/wallets/`,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+  }
+
+  // JSON-LD for the wallets guide article content
+  const articleJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "Article",
+    headline: t("page-wallets-title"),
+    description: t("page-wallets-meta-description"),
+    image: "https://ethereum.org/images/wallets/wallet-hero.png",
+    author: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    about: {
+      "@type": "Thing",
+      name: "Ethereum Wallets",
+      description:
+        "Complete guide to Ethereum wallets, types, features, and how to use them safely",
+    },
+    dateModified: lastEditLocaleTimestamp,
+  }
+
+  // JSON-LD for the wallet types list
+  const walletTypesJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "ItemList",
+    name: "Ethereum Wallet Types",
+    description: "Different types of Ethereum wallets available",
+    itemListElement: types.map((type, index) => ({
+      "@type": "ListItem",
+      position: index + 1,
+      item: {
+        "@type": "Product",
+        additionalType: "https://schema.org/SoftwareApplication",
+        category: "Cryptocurrency Wallet",
+        name: `Ethereum ${type.emoji === ":cd:" ? "Hardware" : type.emoji === ":mobile_phone:" ? "Mobile" : type.emoji === ":desktop_computer:" ? "Desktop" : "Web"} Wallet`,
+        description:
+          typeof type.description === "string"
+            ? type.description
+            : `${type.emoji === ":cd:" ? "Hardware" : type.emoji === ":mobile_phone:" ? "Mobile" : type.emoji === ":desktop_computer:" ? "Desktop" : "Web"} wallet for Ethereum`,
+      },
+    })),
+  }
+
   return (
-    <MainArticle className="mx-auto flex w-full flex-col items-center">
-      <PageHero content={heroContent} isReverse />
+    <>
+      <script
+        id="jsonld-webpage-wallets"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(webPageJsonLd),
+        }}
+      />
 
-      <div className="mt-4 w-full border-t bg-background-highlight px-0 py-16 lg:mt-8">
-        <div className="-mb-8 w-full px-8 py-4 pb-0">
-          <ListenToPlayer slug={pathname} />
-        </div>
-        <div className="w-full px-8 py-4 pb-0">
-          <h2 className="mb-0 mt-12 text-2xl leading-[1.4] md:text-[2rem]">
-            {t("page-wallets-whats-a-wallet")}
-          </h2>
-        </div>
-        <div className="mb-0 flex flex-col justify-between p-8 lg:flex-row">
-          <div className="me-0 flex-[0_1_50%] lg:me-8 lg:mt-0 lg:max-w-full">
-            <p className="mb-[1.45rem] text-md leading-base">
-              {t("page-wallets-description")}
-            </p>
-            <p className="mb-[1.45rem] text-md leading-base">
-              {t("page-wallets-desc-2")}
-            </p>
-            <CardList items={guides} className="mb-6 lg:mb-0" />
-          </div>
-          <div className="max-w-full flex-[0_1_50%] lg:ms-8">
-            <p className="mb-[1.45rem] text-md leading-base">
-              {t("page-wallets-desc-3")}
-            </p>
-            <p className="mb-[1.45rem] text-md leading-base">
-              {t("page-wallets-desc-4")}
-            </p>
+      <script
+        id="jsonld-article-wallets"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(articleJsonLd),
+        }}
+      />
+
+      <script
+        id="jsonld-wallet-types"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(walletTypesJsonLd),
+        }}
+      />
+
+      <MainArticle className="mx-auto flex w-full flex-col items-center">
+        <PageHero content={heroContent} isReverse />
+
+        <div className="mt-4 w-full border-t bg-background-highlight px-0 py-16 lg:mt-8">
+          <div className="-mb-8 w-full px-8 py-4 pb-0">
+            <ListenToPlayer slug={pathname} />
           </div>
-        </div>
-        <div className="w-full px-8 py-4">
-          <div className="-me-4 -ms-4 flex flex-wrap">
-            {cards.map((card, idx) => (
-              <StyledCard
-                key={idx}
-                emoji={card.emoji}
-                title={card.title}
-                description={card.description}
-              />
-            ))}
+          <div className="w-full px-8 py-4 pb-0">
+            <h2 className="mb-0 mt-12 text-2xl leading-[1.4] md:text-[2rem]">
+              {t("page-wallets-whats-a-wallet")}
+            </h2>
           </div>
-        </div>
-      </div>
-
-      <div className="-mb-8 mt-8 flex flex-col justify-between p-8 lg:flex-row">
-        <div className="max-w-full flex-[0_1_50%] lg:me-8">
-          <h2 className="mb-8 mt-12 text-2xl leading-[1.4] md:text-[2rem]">
-            {t("page-wallets-accounts-addresses")}
-          </h2>
-          <p className="mb-[1.45rem] text-md leading-base">
-            {t("page-wallets-accounts-addresses-desc")}
-          </p>
-          <ul>
-            <li>
+          <div className="mb-0 flex flex-col justify-between p-8 lg:flex-row">
+            <div className="me-0 flex-[0_1_50%] lg:me-8 lg:mt-0 lg:max-w-full">
               <p className="mb-[1.45rem] text-md leading-base">
-                <Translation id="page-wallets:page-wallets-ethereum-account" />
+                {t("page-wallets-description")}
               </p>
-            </li>
-            <li>
               <p className="mb-[1.45rem] text-md leading-base">
-                <Translation id="page-wallets:page-wallets-accounts-ethereum-addresses" />
+                {t("page-wallets-desc-2")}
               </p>
-            </li>
-            <li>
+              <CardList items={guides} className="mb-6 lg:mb-0" />
+            </div>
+            <div className="max-w-full flex-[0_1_50%] lg:ms-8">
               <p className="mb-[1.45rem] text-md leading-base">
-                <Translation id="page-wallets:page-wallets-ethereum-wallet" />
+                {t("page-wallets-desc-3")}
               </p>
-            </li>
-          </ul>
-          <p className="mb-[1.45rem] text-md leading-base">
-            {t("page-wallets-most-wallets")}
-          </p>
-        </div>
-        <div className="mt-12 max-w-full flex-[0_1_50%] lg:ms-8 lg:mt-0">
-          <h2 className="mb-8 mt-12 text-2xl leading-[1.4] md:text-[2rem]">
-            {t("page-wallets-types")}
-          </h2>
-          <p className="mb-[1.45rem] text-md leading-base">
-            {t("page-wallets-types-desc")}
-          </p>
-          <div className="flex flex-col gap-2">
-            {types.map((type, idx) => (
-              <HorizontalCard
-                key={idx}
-                emoji={type.emoji}
-                description={type.description}
-                className="my-0.5 w-[100%]"
-                emojiClassName="text-[2.5rem]"
-              />
-            ))}
+              <p className="mb-[1.45rem] text-md leading-base">
+                {t("page-wallets-desc-4")}
+              </p>
+            </div>
+          </div>
+          <div className="w-full px-8 py-4">
+            <div className="-me-4 -ms-4 flex flex-wrap">
+              {cards.map((card, idx) => (
+                <StyledCard
+                  key={idx}
+                  emoji={card.emoji}
+                  title={card.title}
+                  description={card.description}
+                />
+              ))}
+            </div>
           </div>
         </div>
-      </div>
 
-      {locale === "en" ? (
-        <div className="my-20 w-full px-0 py-4">
-          <Simulator data={walletOnboardingSimData}>
-            <p className="mb-2 text-lg italic leading-base text-body-medium md:text-xl lg:text-2xl">
-              Interactive tutorial
+        <div className="-mb-8 mt-8 flex flex-col justify-between p-8 lg:flex-row">
+          <div className="max-w-full flex-[0_1_50%] lg:me-8">
+            <h2 className="mb-8 mt-12 text-2xl leading-[1.4] md:text-[2rem]">
+              {t("page-wallets-accounts-addresses")}
+            </h2>
+            <p className="mb-[1.45rem] text-md leading-base">
+              {t("page-wallets-accounts-addresses-desc")}
             </p>
-            <h2 className="m-0 text-3xl font-bold leading-[115%] lg:text-5xl">
-              How to use a wallet
+            <ul>
+              <li>
+                <p className="mb-[1.45rem] text-md leading-base">
+                  <Translation id="page-wallets:page-wallets-ethereum-account" />
+                </p>
+              </li>
+              <li>
+                <p className="mb-[1.45rem] text-md leading-base">
+                  <Translation id="page-wallets:page-wallets-accounts-ethereum-addresses" />
+                </p>
+              </li>
+              <li>
+                <p className="mb-[1.45rem] text-md leading-base">
+                  <Translation id="page-wallets:page-wallets-ethereum-wallet" />
+                </p>
+              </li>
+            </ul>
+            <p className="mb-[1.45rem] text-md leading-base">
+              {t("page-wallets-most-wallets")}
+            </p>
+          </div>
+          <div className="mt-12 max-w-full flex-[0_1_50%] lg:ms-8 lg:mt-0">
+            <h2 className="mb-8 mt-12 text-2xl leading-[1.4] md:text-[2rem]">
+              {t("page-wallets-types")}
             </h2>
-          </Simulator>
+            <p className="mb-[1.45rem] text-md leading-base">
+              {t("page-wallets-types-desc")}
+            </p>
+            <div className="flex flex-col gap-2">
+              {types.map((type, idx) => (
+                <HorizontalCard
+                  key={idx}
+                  emoji={type.emoji}
+                  description={type.description}
+                  className="my-0.5 w-[100%]"
+                  emojiClassName="text-[2.5rem]"
+                />
+              ))}
+            </div>
+          </div>
         </div>
-      ) : (
-        <div className="my-12 mt-4 w-full border-t bg-gradient-main px-0 py-16 lg:mt-8">
-          <div className="w-full px-8 py-4">
-            <div className="mb-8 flex flex-col items-center">
-              <h2 className="mb-8 mt-12 text-2xl leading-[1.4] md:text-[2rem]">
-                {t("page-wallets-features-title")}
+
+        {locale === "en" ? (
+          <div className="my-20 w-full px-0 py-4">
+            <Simulator data={walletOnboardingSimData}>
+              <p className="mb-2 text-lg italic leading-base text-body-medium md:text-xl lg:text-2xl">
+                Interactive tutorial
+              </p>
+              <h2 className="m-0 text-3xl font-bold leading-[115%] lg:text-5xl">
+                How to use a wallet
               </h2>
-              <div className="mb-6 text-center text-xl leading-base">
-                {t("page-wallets-features-desc")}
+            </Simulator>
+          </div>
+        ) : (
+          <div className="my-12 mt-4 w-full border-t bg-gradient-main px-0 py-16 lg:mt-8">
+            <div className="w-full px-8 py-4">
+              <div className="mb-8 flex flex-col items-center">
+                <h2 className="mb-8 mt-12 text-2xl leading-[1.4] md:text-[2rem]">
+                  {t("page-wallets-features-title")}
+                </h2>
+                <div className="mb-6 text-center text-xl leading-base">
+                  {t("page-wallets-features-desc")}
+                </div>
+                <ButtonLink
+                  href="/wallets/find-wallet/"
+                  customEventOptions={{
+                    eventCategory: "header buttons",
+                    eventAction: "click",
+                    eventName: "Find_wallet",
+                  }}
+                >
+                  {t("page-wallets-find-wallet-btn")}
+                </ButtonLink>
+                <Image
+                  src={FindWalletImage}
+                  alt=""
+                  className="mt-8 w-full max-w-[800px] bg-cover bg-no-repeat"
+                />
               </div>
-              <ButtonLink
-                href="/wallets/find-wallet/"
-                customEventOptions={{
-                  eventCategory: "header buttons",
-                  eventAction: "click",
-                  eventName: "Find_wallet",
-                }}
+            </div>
+          </div>
+        )}
+
+        <div className="mb-12 flex flex-col justify-between p-8 lg:flex-row">
+          <div className="max-w-full flex-[0_1_50%] lg:me-8">
+            <h2 className="mb-8 mt-12 text-2xl leading-[1.4] md:text-[2rem]">
+              {t("page-wallets-stay-safe")}
+            </h2>
+            <p className="mb-6 leading-xs">
+              <Translation id="page-wallets:page-wallets-stay-safe-desc" />
+            </p>
+            <div className="flex flex-col gap-4">
+              <HorizontalCard
+                key="0"
+                emoji=":white_check_mark:"
+                title={t("page-wallets-take-responsibility")}
+                description={t("page-wallets-take-responsibility-desc")}
+                emojiClassName="text-2xl"
+                className="items-start"
+              />
+              <HorizontalCard
+                key="1"
+                emoji=":white_check_mark:"
+                title={
+                  <Translation id="page-wallets:page-wallets-seed-phrase" />
+                }
+                description={t("page-wallets-seed-phrase-desc")}
+                emojiClassName="text-2xl"
+                className="items-start"
               >
-                {t("page-wallets-find-wallet-btn")}
-              </ButtonLink>
-              <Image
-                src={FindWalletImage}
-                alt=""
-                className="mt-8 w-full max-w-[800px] bg-cover bg-no-repeat"
+                <p className="mb-[1.45rem] text-md leading-base">
+                  {t("page-wallets-seed-phrase-example")}
+                </p>
+                <div className="rounded-base mb-4 bg-black p-2">
+                  <p className="font-mono text-sm text-white">
+                    {t("page-wallets-seed-phrase-snippet")}
+                  </p>
+                </div>
+                <p className="mb-[1.45rem] text-md leading-base">
+                  {t("page-wallets-seed-phrase-write-down")}
+                </p>
+              </HorizontalCard>
+              <HorizontalCard
+                key="2"
+                emoji=":white_check_mark:"
+                title={t("page-wallets-bookmarking")}
+                description={t("page-wallets-bookmarking-desc")}
+                emojiClassName="text-2xl"
+                className="items-start"
+              />
+              <HorizontalCard
+                key="3"
+                emoji=":white_check_mark:"
+                title={t("page-wallets-triple-check")}
+                description={t("page-wallets-triple-check-desc")}
+                emojiClassName="text-2xl"
+                className="items-start"
               />
             </div>
           </div>
+          <div className="mt-12 max-w-full flex-[0_1_50%] lg:ms-8 lg:mt-0">
+            <h2 className="mb-8 mt-12 text-2xl leading-[1.4] md:text-[2rem]">
+              {t("page-wallets-tips")}
+            </h2>
+            <p className="mb-6 leading-xs">
+              {t("page-wallets-tips-community")}
+            </p>
+            <CardList items={articles} />
+          </div>
         </div>
-      )}
 
-      <div className="mb-12 flex flex-col justify-between p-8 lg:flex-row">
-        <div className="max-w-full flex-[0_1_50%] lg:me-8">
+        <div className="w-full px-8 py-4">
+          <Divider />
+
           <h2 className="mb-8 mt-12 text-2xl leading-[1.4] md:text-[2rem]">
-            {t("page-wallets-stay-safe")}
+            {t("page-wallets-explore")}
           </h2>
-          <p className="mb-6 leading-xs">
-            <Translation id="page-wallets:page-wallets-stay-safe-desc" />
-          </p>
-          <div className="flex flex-col gap-4">
-            <HorizontalCard
-              key="0"
-              emoji=":white_check_mark:"
-              title={t("page-wallets-take-responsibility")}
-              description={t("page-wallets-take-responsibility-desc")}
-              emojiClassName="text-2xl"
-              className="items-start"
-            />
-            <HorizontalCard
-              key="1"
-              emoji=":white_check_mark:"
-              title={<Translation id="page-wallets:page-wallets-seed-phrase" />}
-              description={t("page-wallets-seed-phrase-desc")}
-              emojiClassName="text-2xl"
-              className="items-start"
+          <div className="-me-4 -ms-4 mt-16 flex flex-wrap">
+            <Callout
+              image={ETHImage}
+              titleKey="page-wallets:page-wallets-get-some"
+              alt={t("page-wallets-get-some-alt")}
+              descriptionKey="page-wallets:page-wallets-get-some-desc"
+              className="min-h-full flex-1 basis-[424px]"
             >
-              <p className="mb-[1.45rem] text-md leading-base">
-                {t("page-wallets-seed-phrase-example")}
-              </p>
-              <div className="rounded-base mb-4 bg-black p-2">
-                <p className="font-mono text-sm text-white">
-                  {t("page-wallets-seed-phrase-snippet")}
-                </p>
+              <div>
+                <ButtonLink href="/get-eth/">
+                  {t("page-wallets-get-some-btn")}
+                </ButtonLink>
               </div>
-              <p className="mb-[1.45rem] text-md leading-base">
-                {t("page-wallets-seed-phrase-write-down")}
-              </p>
-            </HorizontalCard>
-            <HorizontalCard
-              key="2"
-              emoji=":white_check_mark:"
-              title={t("page-wallets-bookmarking")}
-              description={t("page-wallets-bookmarking-desc")}
-              emojiClassName="text-2xl"
-              className="items-start"
-            />
-            <HorizontalCard
-              key="3"
-              emoji=":white_check_mark:"
-              title={t("page-wallets-triple-check")}
-              description={t("page-wallets-triple-check-desc")}
-              emojiClassName="text-2xl"
-              className="items-start"
-            />
+            </Callout>
+            <Callout
+              image={DappsImage}
+              titleKey="page-wallets:page-wallets-try-dapps"
+              alt={t("page-wallets-try-dapps-alt")}
+              descriptionKey="page-wallets:page-wallets-try-dapps-desc"
+              className="min-h-full flex-1 basis-[424px]"
+            >
+              <div>
+                <ButtonLink href="/apps/">
+                  {t("page-wallets-more-on-dapps-btn")}
+                </ButtonLink>
+              </div>
+            </Callout>
           </div>
         </div>
-        <div className="mt-12 max-w-full flex-[0_1_50%] lg:ms-8 lg:mt-0">
-          <h2 className="mb-8 mt-12 text-2xl leading-[1.4] md:text-[2rem]">
-            {t("page-wallets-tips")}
-          </h2>
-          <p className="mb-6 leading-xs">{t("page-wallets-tips-community")}</p>
-          <CardList items={articles} />
-        </div>
-      </div>
-
-      <div className="w-full px-8 py-4">
-        <Divider />
 
-        <h2 className="mb-8 mt-12 text-2xl leading-[1.4] md:text-[2rem]">
-          {t("page-wallets-explore")}
-        </h2>
-        <div className="-me-4 -ms-4 mt-16 flex flex-wrap">
-          <Callout
-            image={ETHImage}
-            titleKey="page-wallets:page-wallets-get-some"
-            alt={t("page-wallets-get-some-alt")}
-            descriptionKey="page-wallets:page-wallets-get-some-desc"
-            className="min-h-full flex-1 basis-[424px]"
-          >
-            <div>
-              <ButtonLink href="/get-eth/">
-                {t("page-wallets-get-some-btn")}
-              </ButtonLink>
-            </div>
-          </Callout>
-          <Callout
-            image={DappsImage}
-            titleKey="page-wallets:page-wallets-try-dapps"
-            alt={t("page-wallets-try-dapps-alt")}
-            descriptionKey="page-wallets:page-wallets-try-dapps-desc"
-            className="min-h-full flex-1 basis-[424px]"
-          >
-            <div>
-              <ButtonLink href="/apps/">
-                {t("page-wallets-more-on-dapps-btn")}
-              </ButtonLink>
-            </div>
-          </Callout>
+        <div className="w-full px-8 py-4">
+          <StandaloneQuizWidget quizKey="wallets" />
         </div>
-      </div>
 
-      <div className="w-full px-8 py-4">
-        <StandaloneQuizWidget quizKey="wallets" />
-      </div>
-
-      <div className="w-full px-8 py-4">
-        <FileContributors
-          className="my-10 border-t"
-          contributors={contributors}
-          lastEditLocaleTimestamp={lastEditLocaleTimestamp}
-        />
-        <FeedbackCard />
-      </div>
-    </MainArticle>
+        <div className="w-full px-8 py-4">
+          <FileContributors
+            className="my-10 border-t"
+            contributors={contributors}
+            lastEditLocaleTimestamp={lastEditLocaleTimestamp}
+          />
+          <FeedbackCard />
+        </div>
+      </MainArticle>
+    </>
   )
 }
 
diff --git a/app/[locale]/wallets/find-wallet/page.tsx b/app/[locale]/wallets/find-wallet/page.tsx
index e67d8986713..03701320d00 100644
--- a/app/[locale]/wallets/find-wallet/page.tsx
+++ b/app/[locale]/wallets/find-wallet/page.tsx
@@ -48,22 +48,136 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
   )
   const messages = pick(allMessages, requiredNamespaces)
 
+  // JSON-LD structured data for the Find Wallet page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": `https://ethereum.org/${locale}/wallets/find-wallet/`,
+    name: t("page-find-wallet-meta-title"),
+    description: t("page-find-wallet-meta-description"),
+    url: `https://ethereum.org/${locale}/wallets/find-wallet/`,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: `https://ethereum.org/${locale}/`,
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: "Wallets",
+          item: `https://ethereum.org/${locale}/wallets/`,
+        },
+        {
+          "@type": "ListItem",
+          position: 3,
+          name: t("page-find-wallet-meta-title"),
+          item: `https://ethereum.org/${locale}/wallets/find-wallet/`,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+  }
+
+  // JSON-LD for the wallet finder article content
+  const articleJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "Article",
+    headline: t("page-find-wallet-title"),
+    description: t("page-find-wallet-meta-description"),
+    image: "https://ethereum.org/images/wallets/wallet-hero.png",
+    author: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    about: {
+      "@type": "Thing",
+      name: "Ethereum Wallet Finder",
+      description:
+        "Tool to find and compare Ethereum wallets based on features and requirements",
+    },
+  }
+
+  // JSON-LD for the wallet directory list
+  const walletDirectoryJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "ItemList",
+    name: "Ethereum Wallet Directory",
+    description:
+      "Comprehensive list of Ethereum wallets with features and comparisons",
+    numberOfItems: wallets.length,
+    itemListElement: wallets.slice(0, 20).map((wallet, index) => ({
+      "@type": "ListItem",
+      position: index + 1,
+      item: {
+        "@type": "Product",
+        additionalType: "https://schema.org/SoftwareApplication",
+        name: wallet.name,
+        description: `${wallet.name} Ethereum wallet`,
+        category: "Cryptocurrency Wallet",
+        url: wallet.url,
+        applicationCategory: "Finance",
+        operatingSystem: "Multiple platforms",
+      },
+    })),
+  }
+
   return (
-    <I18nProvider locale={locale} messages={messages}>
-      <MainArticle className="relative flex flex-col">
-        <div className="flex w-full flex-col gap-8 px-4 pb-4 pt-11 md:w-1/2">
-          <Breadcrumbs slug="wallets/find-wallet" />
-          <h1 className="text-[2.5rem] leading-[1.4] md:text-5xl">
-            {t("page-find-wallet-title")}
-          </h1>
-          <p className="mb-6 text-xl leading-[1.4] text-body-medium last:mb-8">
-            {t("page-find-wallet-description")}
-          </p>
-        </div>
-
-        <FindWalletProductTable wallets={wallets} />
-      </MainArticle>
-    </I18nProvider>
+    <>
+      <script
+        id="jsonld-webpage-find-wallet"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(webPageJsonLd),
+        }}
+      />
+
+      <script
+        id="jsonld-article-find-wallet"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(articleJsonLd),
+        }}
+      />
+
+      <script
+        id="jsonld-wallet-directory"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(walletDirectoryJsonLd),
+        }}
+      />
+
+      <I18nProvider locale={locale} messages={messages}>
+        <MainArticle className="relative flex flex-col">
+          <div className="flex w-full flex-col gap-8 px-4 pb-4 pt-11 md:w-1/2">
+            <Breadcrumbs slug="wallets/find-wallet" />
+            <h1 className="text-[2.5rem] leading-[1.4] md:text-5xl">
+              {t("page-find-wallet-title")}
+            </h1>
+            <p className="mb-6 text-xl leading-[1.4] text-body-medium last:mb-8">
+              {t("page-find-wallet-description")}
+            </p>
+          </div>
+
+          <FindWalletProductTable wallets={wallets} />
+        </MainArticle>
+      </I18nProvider>
+    </>
   )
 }
 
diff --git a/app/[locale]/wallets/page.tsx b/app/[locale]/wallets/page.tsx
index 566008b1483..0710475e854 100644
--- a/app/[locale]/wallets/page.tsx
+++ b/app/[locale]/wallets/page.tsx
@@ -38,6 +38,7 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
       <WalletsPage
         contributors={contributors}
         lastEditLocaleTimestamp={lastEditLocaleTimestamp}
+        locale={locale}
       />
     </I18nProvider>
   )

From ad48ac9e74de231e063a32a67529e2358df40db1 Mon Sep 17 00:00:00 2001
From: Corwin Smith <cssmittys@gmail.com>
Date: Thu, 4 Sep 2025 23:10:06 -0600
Subject: [PATCH 25/41] feat: add JSON-LD structured data for the What is
 Ethereum page

---
 app/[locale]/what-is-ethereum/page.tsx | 1889 +++++++++++++-----------
 1 file changed, 1033 insertions(+), 856 deletions(-)

diff --git a/app/[locale]/what-is-ethereum/page.tsx b/app/[locale]/what-is-ethereum/page.tsx
index e93b002c0b1..612d5c1a483 100644
--- a/app/[locale]/what-is-ethereum/page.tsx
+++ b/app/[locale]/what-is-ethereum/page.tsx
@@ -144,492 +144,1031 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
     ),
   }
 
+  // JSON-LD structured data for the What is Ethereum page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": `https://ethereum.org/${locale}/what-is-ethereum/`,
+    name: t("page-what-is-ethereum-meta-title"),
+    description: t("page-what-is-ethereum-meta-description"),
+    url: `https://ethereum.org/${locale}/what-is-ethereum/`,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: `https://ethereum.org/${locale}/`,
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: "Learn",
+          item: `https://ethereum.org/${locale}/learn/`,
+        },
+        {
+          "@type": "ListItem",
+          position: 3,
+          name: t("page-what-is-ethereum-meta-title"),
+          item: `https://ethereum.org/${locale}/what-is-ethereum/`,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+  }
+
+  // JSON-LD for the what is ethereum article content
+  const articleJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "Article",
+    headline: tocItems[0].title,
+    description: t("page-what-is-ethereum-meta-description"),
+    image: "https://ethereum.org/images/what-is-ethereum.png",
+    author: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    about: {
+      "@type": "Thing",
+      name: "Ethereum",
+      description:
+        "Comprehensive guide to Ethereum, its network, capabilities, and how it works",
+    },
+    dateModified: lastEditLocaleTimestamp,
+  }
+
+  // JSON-LD for FAQ-style content covering common Ethereum questions
+  const faqJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "FAQPage",
+    mainEntity: [
+      {
+        "@type": "Question",
+        name: "What is Ethereum?",
+        acceptedAnswer: {
+          "@type": "Answer",
+          text: t("page-what-is-ethereum-hero-description-1").replace(
+            /<[^>]*>/g,
+            ""
+          ),
+        },
+      },
+      {
+        "@type": "Question",
+        name: "How does the Ethereum network work?",
+        acceptedAnswer: {
+          "@type": "Answer",
+          text: "Ethereum is a decentralized network of computers that work together to run applications and store data without a central authority.",
+        },
+      },
+      {
+        "@type": "Question",
+        name: "What is Ether (ETH)?",
+        acceptedAnswer: {
+          "@type": "Answer",
+          text: "Ether is the native cryptocurrency of the Ethereum network, used to pay for transactions and computational services.",
+        },
+      },
+      {
+        "@type": "Question",
+        name: "What can you do with Ethereum?",
+        acceptedAnswer: {
+          "@type": "Answer",
+          text: "Ethereum enables decentralized applications, smart contracts, financial services, gaming, collectibles, and much more.",
+        },
+      },
+      {
+        "@type": "Question",
+        name: "How is Ethereum different from Bitcoin?",
+        acceptedAnswer: {
+          "@type": "Answer",
+          text: "While Bitcoin is primarily digital money, Ethereum is a programmable blockchain that can run applications and smart contracts.",
+        },
+      },
+    ],
+  }
+
   const getId = (input: string) => {
     const parts = input.split("#")
     return parts.length > 1 ? parts[1] : ""
   }
   return (
-    <div>
-      <ContentHero {...heroProps} />
-
-      <MainArticle className="grid w-full grid-cols-1 gap-x-20 px-4 py-8 lg:grid-cols-[1fr_auto] lg:px-10 lg:py-10">
-        <div
-          data-label="extras"
-          className="mb-8 space-y-4 lg:col-start-1 lg:row-start-1 lg:mb-10"
-        >
-          <FileContributors
-            className="!py-0 [&>div]:mt-0"
-            contributors={contributors}
-            lastEditLocaleTimestamp={lastEditLocaleTimestamp}
-          />
-
-          <ListenToPlayer slug="what-is-ethereum" />
-        </div>
-
-        <div className="row-start-1 lg:col-start-2 lg:row-span-2">
-          <TableOfContents variant="beginner" items={tocItems} isMobile />
-          <TableOfContents variant="beginner" items={tocItems} />
-        </div>
-
-        <div className="max-w-[50rem] space-y-14 lg:col-start-1 lg:row-start-2">
-          <Section id={getId(tocItems[0].url)} className="space-y-6">
-            <p>
-              {t.rich("page-what-is-ethereum-ethereum-intro-1", {
-                strong: Strong,
-              })}
-            </p>
-            <p>
-              {t.rich("page-what-is-ethereum-ethereum-intro-2", {
-                a: (chunks) => <Link href="/smart-contracts/">{chunks}</Link>,
-              })}
-            </p>
-            <p>
-              {t.rich("page-what-is-ethereum-ethereum-intro-3", {
-                strong: Strong,
-              })}
-            </p>
-            <p>
-              {t.rich("page-what-is-ethereum-ethereum-intro-4", {
-                strong: Strong,
-              })}
-            </p>
-            <p>
-              {t.rich("page-what-is-ethereum-ethereum-intro-5", {
-                strong: Strong,
-              })}
-            </p>
-            <p>
-              {t.rich("page-what-is-ethereum-ethereum-intro-6", {
-                millions: (chunks) => (
-                  <Link href="https://tokenterminal.com/explorer/projects/ethereum/metrics/all">
-                    {chunks}
-                  </Link>
-                ),
-                billions: (chunks) => (
-                  <Link href="https://defillama.com/chain/ethereum">
-                    {chunks}
-                  </Link>
-                ),
-                trillions: (chunks) => (
-                  <Link href="https://www.gate.com/post/status/11248290">
-                    {chunks}
-                  </Link>
-                ),
-              })}
-            </p>
-            <p>
-              {t.rich("page-what-is-ethereum-ethereum-intro-7", {
-                strong: Strong,
-              })}
-            </p>
-          </Section>
-
-          <Section className="-scroll-mt-80 space-y-14">
-            <Image
-              src={networksBanner}
-              alt={t("page-what-is-ethereum-banner-networks-alt")}
-              sizes={`(max-width: 800px) 100vw, (max-width: ${screens.xl}) 800px, (max-width: ${screens.xl}) calc(100vw - 480px), 800px`}
+    <>
+      <script
+        id="jsonld-webpage-what-is-ethereum"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(webPageJsonLd),
+        }}
+      />
+
+      <script
+        id="jsonld-article-what-is-ethereum"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(articleJsonLd),
+        }}
+      />
+
+      <script
+        id="jsonld-faq-what-is-ethereum"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(faqJsonLd),
+        }}
+      />
+
+      <div>
+        <ContentHero {...heroProps} />
+
+        <MainArticle className="grid w-full grid-cols-1 gap-x-20 px-4 py-8 lg:grid-cols-[1fr_auto] lg:px-10 lg:py-10">
+          <div
+            data-label="extras"
+            className="mb-8 space-y-4 lg:col-start-1 lg:row-start-1 lg:mb-10"
+          >
+            <FileContributors
+              className="!py-0 [&>div]:mt-0"
+              contributors={contributors}
+              lastEditLocaleTimestamp={lastEditLocaleTimestamp}
             />
 
-            <div className="space-y-6">
-              <h2 id={getId(tocItems[1].url)} className="scroll-mt-28">
-                {tocItems[1].title}
-              </h2>
+            <ListenToPlayer slug="what-is-ethereum" />
+          </div>
+
+          <div className="row-start-1 lg:col-start-2 lg:row-span-2">
+            <TableOfContents variant="beginner" items={tocItems} isMobile />
+            <TableOfContents variant="beginner" items={tocItems} />
+          </div>
 
+          <div className="max-w-[50rem] space-y-14 lg:col-start-1 lg:row-start-2">
+            <Section id={getId(tocItems[0].url)} className="space-y-6">
               <p>
-                {t.rich("page-what-is-ethereum-network-intro-1", {
+                {t.rich("page-what-is-ethereum-ethereum-intro-1", {
                   strong: Strong,
                 })}
               </p>
-
               <p>
-                {t.rich("page-what-is-ethereum-network-intro-2", {
+                {t.rich("page-what-is-ethereum-ethereum-intro-2", {
+                  a: (chunks) => <Link href="/smart-contracts/">{chunks}</Link>,
+                })}
+              </p>
+              <p>
+                {t.rich("page-what-is-ethereum-ethereum-intro-3", {
                   strong: Strong,
                 })}
               </p>
-
               <p>
-                {t.rich("page-what-is-ethereum-network-intro-3", {
+                {t.rich("page-what-is-ethereum-ethereum-intro-4", {
+                  strong: Strong,
+                })}
+              </p>
+              <p>
+                {t.rich("page-what-is-ethereum-ethereum-intro-5", {
+                  strong: Strong,
+                })}
+              </p>
+              <p>
+                {t.rich("page-what-is-ethereum-ethereum-intro-6", {
+                  millions: (chunks) => (
+                    <Link href="https://tokenterminal.com/explorer/projects/ethereum/metrics/all">
+                      {chunks}
+                    </Link>
+                  ),
+                  billions: (chunks) => (
+                    <Link href="https://defillama.com/chain/ethereum">
+                      {chunks}
+                    </Link>
+                  ),
+                  trillions: (chunks) => (
+                    <Link href="https://www.gate.com/post/status/11248290">
+                      {chunks}
+                    </Link>
+                  ),
+                })}
+              </p>
+              <p>
+                {t.rich("page-what-is-ethereum-ethereum-intro-7", {
                   strong: Strong,
                 })}
               </p>
-            </div>
+            </Section>
 
-            <HighlightStack data-label="ethereum-network-table">
-              <HighlightCard>
-                <IconBox>
-                  <Shield className="text-accent-a" />
-                </IconBox>
-                <div>
-                  <CardTitle className="mb-2">
-                    {t("page-what-is-ethereum-network-censorship-title")}
-                  </CardTitle>
-                  <HighlightCardContent>
-                    <p>
-                      {t("page-what-is-ethereum-network-censorship-desc-1")}
-                    </p>
-                    <p>
-                      {t("page-what-is-ethereum-network-censorship-desc-2")}
-                    </p>
-                  </HighlightCardContent>
+            <Section className="-scroll-mt-80 space-y-14">
+              <Image
+                src={networksBanner}
+                alt={t("page-what-is-ethereum-banner-networks-alt")}
+                sizes={`(max-width: 800px) 100vw, (max-width: ${screens.xl}) 800px, (max-width: ${screens.xl}) calc(100vw - 480px), 800px`}
+              />
+
+              <div className="space-y-6">
+                <h2 id={getId(tocItems[1].url)} className="scroll-mt-28">
+                  {tocItems[1].title}
+                </h2>
+
+                <p>
+                  {t.rich("page-what-is-ethereum-network-intro-1", {
+                    strong: Strong,
+                  })}
+                </p>
+
+                <p>
+                  {t.rich("page-what-is-ethereum-network-intro-2", {
+                    strong: Strong,
+                  })}
+                </p>
+
+                <p>
+                  {t.rich("page-what-is-ethereum-network-intro-3", {
+                    strong: Strong,
+                  })}
+                </p>
+              </div>
+
+              <HighlightStack data-label="ethereum-network-table">
+                <HighlightCard>
+                  <IconBox>
+                    <Shield className="text-accent-a" />
+                  </IconBox>
+                  <div>
+                    <CardTitle className="mb-2">
+                      {t("page-what-is-ethereum-network-censorship-title")}
+                    </CardTitle>
+                    <HighlightCardContent>
+                      <p>
+                        {t("page-what-is-ethereum-network-censorship-desc-1")}
+                      </p>
+                      <p>
+                        {t("page-what-is-ethereum-network-censorship-desc-2")}
+                      </p>
+                    </HighlightCardContent>
+                  </div>
+                </HighlightCard>
+                <HighlightCard>
+                  <IconBox>
+                    <LockKeyhole className="text-accent-b" />
+                  </IconBox>
+                  <div>
+                    <CardTitle className="mb-2">
+                      {t("page-what-is-ethereum-network-security-title")}
+                    </CardTitle>
+                    <HighlightCardContent>
+                      <p>
+                        {t("page-what-is-ethereum-network-security-desc-1")}
+                      </p>
+                      <p>
+                        {t("page-what-is-ethereum-network-security-desc-2")}
+                      </p>
+                    </HighlightCardContent>
+                  </div>
+                </HighlightCard>
+                <HighlightCard>
+                  <IconBox>
+                    <Castle className="text-accent-c" />
+                  </IconBox>
+                  <div>
+                    <CardTitle className="mb-2">
+                      {t("page-what-is-ethereum-network-reliability-title")}
+                    </CardTitle>
+                    <HighlightCardContent>
+                      <p>
+                        {t.rich(
+                          "page-what-is-ethereum-network-reliability-desc-1",
+                          {
+                            a: (chunks) => <Link href="#">{chunks}</Link>,
+                          }
+                        )}
+                      </p>
+                      <p>
+                        {t("page-what-is-ethereum-network-reliability-desc-2")}
+                      </p>
+                    </HighlightCardContent>
+                  </div>
+                </HighlightCard>
+              </HighlightStack>
+
+              <div data-label="layer-2-callout">
+                <h3 className="mb-5 text-xl">
+                  {t("page-what-is-ethereum-network-layer2-title")}
+                </h3>
+
+                <div className="space-y-6">
+                  <p>{t("page-what-is-ethereum-network-layer2-desc-1")}</p>
+
+                  <p>
+                    {t.rich("page-what-is-ethereum-network-layer2-desc-2", {
+                      optimism: (chunks) => (
+                        <Link href="https://www.optimism.io/">{chunks}</Link>
+                      ),
+                      arbitrum: (chunks) => (
+                        <Link href="https://arbitrum.io/">{chunks}</Link>
+                      ),
+                      zksync: (chunks) => (
+                        <Link href="https://www.zksync.io/">{chunks}</Link>
+                      ),
+                      base: (chunks) => (
+                        <Link href="https://www.base.org/">{chunks}</Link>
+                      ),
+                    })}
+                  </p>
                 </div>
-              </HighlightCard>
-              <HighlightCard>
-                <IconBox>
-                  <LockKeyhole className="text-accent-b" />
-                </IconBox>
+              </div>
+
+              <LinkWithArrow href="/layer-2/networks/">
+                {t("page-what-is-ethereum-network-learn-more")}
+              </LinkWithArrow>
+            </Section>
+
+            <Section
+              id={getId(tocItems[2].url)}
+              className="space-y-8 rounded-4xl border border-accent-a/20 bg-gradient-to-b from-accent-a/5 to-accent-a/15 px-4 py-6 lg:p-12"
+            >
+              <div className="flex flex-col items-center justify-center gap-4 xl:flex-row">
+                <Image
+                  src={etherBanner}
+                  alt={t("page-what-is-ethereum-banner-ether-alt")}
+                  sizes="224px"
+                  className="w-56"
+                />
+                <h2 className="w-full text-3xl font-black lg:text-5xl">
+                  {tocItems[2].title}
+                </h2>
+              </div>
+
+              <div className="space-y-6">
+                <p>{t("page-what-is-ethereum-ether-intro-1")}</p>
+                <p>
+                  {t.rich("page-what-is-ethereum-ether-intro-2", {
+                    strong: Strong,
+                  })}
+                </p>
+                <p>
+                  {t.rich("page-what-is-ethereum-ether-intro-3", {
+                    strong: Strong,
+                  })}
+                </p>
+                <p>
+                  {t.rich("page-what-is-ethereum-ether-intro-4", {
+                    strong: Strong,
+                  })}
+                </p>
+                <p>
+                  {t.rich("page-what-is-ethereum-ether-intro-5", {
+                    strong: Strong,
+                  })}
+                </p>
+                <p>{t("page-what-is-ethereum-ether-intro-6")}</p>
+              </div>
+
+              <LinkWithArrow href="/eth/">
+                {t("page-what-is-ethereum-ether-learn-more")}
+              </LinkWithArrow>
+            </Section>
+
+            <Section
+              id={getId(tocItems[3].url)}
+              className="space-y-8 rounded-4xl border border-accent-c/20 bg-gradient-to-b from-accent-c/5 to-accent-c/15 px-4 py-6 lg:p-12"
+            >
+              <div className="flex flex-col items-center gap-4 xl:flex-row-reverse">
+                <Image
+                  src={howBanner}
+                  alt={t("page-what-is-ethereum-banner-how-alt")}
+                  sizes="288px"
+                  className="w-full max-w-72"
+                />
+                <h2 className="w-full text-3xl font-black lg:text-5xl">
+                  {tocItems[3].title}
+                </h2>
+              </div>
+
+              <div className="space-y-6">
+                <p>
+                  {t.rich("page-what-is-ethereum-how-intro-1", {
+                    strong: Strong,
+                  })}
+                </p>
+                <p>{t("page-what-is-ethereum-how-intro-2")}</p>
+                <p>
+                  {t.rich("page-what-is-ethereum-how-intro-3", {
+                    strong: Strong,
+                    a: (chunks) => (
+                      <Link href="/energy-consumption/">{chunks}</Link>
+                    ),
+                  })}
+                </p>
+                <p>{t("page-what-is-ethereum-how-intro-4")}</p>
+                <p>{t("page-what-is-ethereum-how-intro-5")}</p>
+                <p className="text-lg font-bold">
+                  {t("page-what-is-ethereum-how-example-1-title")}
+                </p>
+                <OrderedList className="[&>li]:mb-0.5">
+                  <ListItem>
+                    {t("page-what-is-ethereum-how-example-1-step-1")}
+                  </ListItem>
+                  <ListItem>
+                    {t("page-what-is-ethereum-how-example-1-step-2")}
+                  </ListItem>
+                  <ListItem>
+                    {t("page-what-is-ethereum-how-example-1-step-3")}
+                  </ListItem>
+                  <ListItem>
+                    {t("page-what-is-ethereum-how-example-1-step-4")}
+                  </ListItem>
+                  <ListItem>
+                    {t("page-what-is-ethereum-how-example-1-step-5")}
+                  </ListItem>
+                  <ListItem>
+                    {t("page-what-is-ethereum-how-example-1-step-6")}
+                  </ListItem>
+                </OrderedList>
+                <p className="text-lg font-bold">
+                  {t("page-what-is-ethereum-how-example-2-title")}
+                </p>
+                <OrderedList className="[&>li]:mb-0">
+                  <ListItem>
+                    {t("page-what-is-ethereum-how-example-2-step-1")}
+                  </ListItem>
+                  <ListItem>
+                    {t("page-what-is-ethereum-how-example-2-step-2")}
+                  </ListItem>
+                  <ListItem>
+                    {t("page-what-is-ethereum-how-example-2-step-3")}
+                  </ListItem>
+                  <ListItem>
+                    {t("page-what-is-ethereum-how-example-2-step-4")}
+                  </ListItem>
+                  <ListItem>
+                    {t("page-what-is-ethereum-how-example-2-step-5")}
+                  </ListItem>
+                </OrderedList>
+                <p>{t("page-what-is-ethereum-how-outro-1")}</p>
+                <p>
+                  {t.rich("page-what-is-ethereum-how-outro-2", {
+                    strong: Strong,
+                  })}
+                </p>
                 <div>
-                  <CardTitle className="mb-2">
-                    {t("page-what-is-ethereum-network-security-title")}
-                  </CardTitle>
-                  <HighlightCardContent>
-                    <p>{t("page-what-is-ethereum-network-security-desc-1")}</p>
-                    <p>{t("page-what-is-ethereum-network-security-desc-2")}</p>
-                  </HighlightCardContent>
+                  <LinkWithArrow href="/learn/">
+                    {t("page-what-is-ethereum-how-learn-more-1")}
+                  </LinkWithArrow>
+                  <LinkWithArrow href="/developers/docs/">
+                    {t("page-what-is-ethereum-how-learn-more-2")}
+                  </LinkWithArrow>
                 </div>
-              </HighlightCard>
-              <HighlightCard>
-                <IconBox>
-                  <Castle className="text-accent-c" />
-                </IconBox>
-                <div>
-                  <CardTitle className="mb-2">
-                    {t("page-what-is-ethereum-network-reliability-title")}
-                  </CardTitle>
-                  <HighlightCardContent>
+              </div>
+            </Section>
+
+            <Section id={getId(tocItems[4].url)} className="space-y-14">
+              <Image
+                src={whatBanner}
+                alt={t("page-what-is-ethereum-banner-what-alt")}
+                sizes="320px"
+                className="mx-auto w-80 -scale-x-100"
+              />
+              <h2 className="w-full text-3xl/snug font-bold lg:text-4xl/tight">
+                {tocItems[4].title}
+              </h2>
+              <div className="space-y-6">
+                <p>{t("page-what-is-ethereum-what-intro-1")}</p>
+                <p>
+                  {t.rich("page-what-is-ethereum-what-intro-2", {
+                    strong: Strong,
+                    insurance: (chunks) => (
+                      <Link href="https://blog.etherisc.com/etherisc-teams-up-with-chainlink-to-deliver-crop-insurance-in-kenya-137e433c29dc">
+                        {chunks}
+                      </Link>
+                    ),
+                    payment: (chunks) => (
+                      <Link href="https://usa.visa.com/about-visa/newsroom/press-releases.releaseId.19881.html">
+                        {chunks}
+                      </Link>
+                    ),
+                    aid: (chunks) => (
+                      <Link href="https://www.wfp.org/building-blocks">
+                        {chunks}
+                      </Link>
+                    ),
+                  })}
+                </p>
+                <p>{t("page-what-is-ethereum-what-intro-3")}</p>
+                <p>{t("page-what-is-ethereum-what-intro-4")}</p>
+              </div>
+              <HighlightStack data-label="what-is-table">
+                <HighlightCard>
+                  <IconBox>
+                    <User className="text-accent-a" />
+                  </IconBox>
+                  <div>
+                    <CardTitle className="mb-2">
+                      {t("page-what-is-ethereum-what-consumers-title")}
+                    </CardTitle>
+                    <HighlightCardContent>
+                      <p>{t("page-what-is-ethereum-what-consumers-desc-1")}</p>
+                      <p>{t("page-what-is-ethereum-what-consumers-desc-2")}</p>
+                      <UnorderedList className="[&>li]:mb-0.5">
+                        <ListItem>
+                          {t.rich(
+                            "page-what-is-ethereum-what-consumers-benefit-1",
+                            {
+                              strong: Strong,
+                            }
+                          )}
+                        </ListItem>
+                        <ListItem>
+                          {t.rich(
+                            "page-what-is-ethereum-what-consumers-benefit-2",
+                            {
+                              strong: Strong,
+                            }
+                          )}
+                        </ListItem>
+                        <ListItem>
+                          {t.rich(
+                            "page-what-is-ethereum-what-consumers-benefit-3",
+                            {
+                              strong: Strong,
+                            }
+                          )}
+                        </ListItem>
+                        <ListItem>
+                          {t("page-what-is-ethereum-what-consumers-benefit-4")}
+                        </ListItem>
+                      </UnorderedList>
+                    </HighlightCardContent>
+                  </div>
+                </HighlightCard>
+                <HighlightCard>
+                  <IconBox>
+                    <SquareCode className="text-accent-b" />
+                  </IconBox>
+                  <div>
+                    <CardTitle className="mb-2">
+                      {t("page-what-is-ethereum-what-businesses-title")}
+                    </CardTitle>
+                    <HighlightCardContent>
+                      <UnorderedList className="[&>li]:mb-0.5">
+                        <ListItem>
+                          {t("page-what-is-ethereum-what-businesses-benefit-1")}
+                        </ListItem>
+                        <ListItem>
+                          {t.rich(
+                            "page-what-is-ethereum-what-businesses-benefit-2",
+                            {
+                              strong: Strong,
+                            }
+                          )}
+                        </ListItem>
+                        <ListItem>
+                          {t("page-what-is-ethereum-what-businesses-benefit-3")}
+                        </ListItem>
+                      </UnorderedList>
+                      <p>
+                        {t.rich(
+                          "page-what-is-ethereum-what-businesses-example",
+                          {
+                            a: (chunks) => (
+                              <Link href="https://newsroom.paypal-corp.com/2023-08-07-PayPal-Launches-U-S-Dollar-Stablecoin">
+                                {chunks}
+                              </Link>
+                            ),
+                          }
+                        )}
+                      </p>
+                    </HighlightCardContent>
+                  </div>
+                </HighlightCard>
+                <HighlightCard>
+                  <IconBox>
+                    <Landmark className="text-accent-c" />
+                  </IconBox>
+                  <div>
+                    <CardTitle className="mb-2">
+                      {t("page-what-is-ethereum-what-governments-title")}
+                    </CardTitle>
+                    <HighlightCardContent>
+                      <p>{t("page-what-is-ethereum-what-governments-intro")}</p>
+                      <UnorderedList className="[&>li]:mb-0.5">
+                        <ListItem>
+                          {t.rich(
+                            "page-what-is-ethereum-what-governments-benefit-1",
+                            {
+                              strong: Strong,
+                            }
+                          )}
+                        </ListItem>
+                        <ListItem>
+                          {t.rich(
+                            "page-what-is-ethereum-what-governments-benefit-2",
+                            {
+                              strong: Strong,
+                            }
+                          )}
+                        </ListItem>
+                        <ListItem>
+                          {t.rich(
+                            "page-what-is-ethereum-what-governments-benefit-3",
+                            {
+                              strong: Strong,
+                            }
+                          )}
+                        </ListItem>
+                      </UnorderedList>
+                      <p>
+                        {t.rich(
+                          "page-what-is-ethereum-what-governments-example-1",
+                          {
+                            a: (chunks) => (
+                              <Link href="https://www.weforum.org/stories/2023/03/the-role-cryptocurrency-crypto-huge-in-ukraine-war-russia/">
+                                {chunks}
+                              </Link>
+                            ),
+                          }
+                        )}
+                      </p>
+                      <p>
+                        {t("page-what-is-ethereum-what-governments-example-2")}
+                      </p>
+                    </HighlightCardContent>
+                  </div>
+                </HighlightCard>
+              </HighlightStack>
+
+              {/* // TODO: Re-enable when page ready */}
+              {/* <LinkWithArrow href="/todo-add-path-when-ready/">
+              {t("page-what-is-ethereum-what-learn-more")}
+            </LinkWithArrow> */}
+            </Section>
+
+            <Section id={getId(tocItems[5].url)} className="space-y-14">
+              <Image
+                src={startBanner}
+                alt={t("page-what-is-ethereum-banner-start-alt")}
+                sizes={`(max-width: 800px) 100vw, (max-width: ${screens.xl}) 800px, (max-width: ${screens.xl}) calc(100vw - 480px), 800px`}
+              />
+              <div>
+                <h2 className="mb-2 w-full text-3xl/snug font-bold lg:text-4xl/tight">
+                  {tocItems[5].title}
+                </h2>
+                <div className="space-y-6">
+                  <p>{t("page-what-is-ethereum-start-intro-1")}</p>
+                  <p>{t("page-what-is-ethereum-start-intro-2")}</p>
+                </div>
+              </div>
+
+              <Card className="overflow-hidden rounded-2xl border">
+                <CardTitle className="flex items-center gap-4 border-b bg-background-highlight p-4">
+                  <User className="size-8 text-accent-a" />
+                  <h3 className="text-2xl">
+                    {t("page-what-is-ethereum-start-individuals-title")}
+                  </h3>
+                </CardTitle>
+                <CardContent className="space-y-12 p-8">
+                  <div className="space-y-6">
+                    <p>
+                      <span className="font-bold">
+                        {t("page-what-is-ethereum-start-individuals-desc-1")}
+                      </span>
+                    </p>
+
                     <p>
                       {t.rich(
-                        "page-what-is-ethereum-network-reliability-desc-1",
+                        "page-what-is-ethereum-start-individuals-desc-3",
                         {
-                          a: (chunks) => <Link href="#">{chunks}</Link>,
+                          zerion: (chunks) => (
+                            <Link href="https://zerion.io/">{chunks}</Link>
+                          ),
+                          rainbow: (chunks) => (
+                            <Link href="https://rainbow.me/">{chunks}</Link>
+                          ),
+                          coinbase: (chunks) => (
+                            <Link href="https://www.coinbase.com/wallet">
+                              {chunks}
+                            </Link>
+                          ),
                         }
                       )}
                     </p>
+
+                    <UnorderedList className="[&>li]:mb-0">
+                      <ListItem>
+                        {t("page-what-is-ethereum-start-individuals-step-1")}
+                      </ListItem>
+                      <ListItem>
+                        {t("page-what-is-ethereum-start-individuals-step-2")}
+                      </ListItem>
+                      <ListItem>
+                        {t.rich(
+                          "page-what-is-ethereum-start-individuals-step-3",
+                          {
+                            zora: (chunks) => (
+                              <Link href="https://zora.co/">{chunks}</Link>
+                            ),
+                            uniswap: (chunks) => (
+                              <Link href="https://app.uniswap.org/">
+                                {chunks}
+                              </Link>
+                            ),
+                            farcaster: (chunks) => (
+                              <Link href="https://farcaster.xyz/">
+                                {chunks}
+                              </Link>
+                            ),
+                          }
+                        )}
+                      </ListItem>
+                    </UnorderedList>
+
+                    <p>{t("page-what-is-ethereum-start-individuals-desc-4")}</p>
+                    <p>{t("page-what-is-ethereum-start-individuals-desc-5")}</p>
+                  </div>
+
+                  <div className="flex flex-wrap gap-4">
+                    <ButtonLink href="/start/">
+                      {t("page-what-is-ethereum-start-individuals-cta-1")}
+                    </ButtonLink>
+                    <ButtonLink href="/apps/" variant="outline">
+                      {t("page-what-is-ethereum-start-individuals-cta-2")}
+                    </ButtonLink>
+                  </div>
+                </CardContent>
+              </Card>
+
+              <Card className="overflow-hidden rounded-2xl border">
+                <CardTitle className="flex items-center gap-4 border-b bg-background-highlight p-4">
+                  <SquareCode className="size-8 text-accent-b" />
+                  <h3 className="text-2xl">
+                    {t("page-what-is-ethereum-start-developers-title")}
+                  </h3>
+                </CardTitle>
+                <CardContent className="space-y-12 p-8">
+                  <div className="space-y-6">
+                    <p>{t("page-what-is-ethereum-start-developers-desc-1")}</p>
                     <p>
-                      {t("page-what-is-ethereum-network-reliability-desc-2")}
+                      {t.rich("page-what-is-ethereum-start-developers-desc-2", {
+                        a: (chunks) => (
+                          <Link href="/developers/docs/">{chunks}</Link>
+                        ),
+                      })}
                     </p>
-                  </HighlightCardContent>
-                </div>
-              </HighlightCard>
-            </HighlightStack>
+                    <p>
+                      {t.rich("page-what-is-ethereum-start-developers-desc-3", {
+                        hardhat: (chunks) => (
+                          <Link href="https://hardhat.org/">{chunks}</Link>
+                        ),
+                        foundry: (chunks) => (
+                          <Link href="https://getfoundry.sh/">{chunks}</Link>
+                        ),
+                        ethers: (chunks) => (
+                          <Link href="https://docs.ethers.org/">{chunks}</Link>
+                        ),
+                        thirdweb: (chunks) => (
+                          <Link href="https://thirdweb.com/">{chunks}</Link>
+                        ),
+                        moralis: (chunks) => (
+                          <Link href="https://moralis.com/">{chunks}</Link>
+                        ),
+                      })}
+                    </p>
+                    <p>{t("page-what-is-ethereum-start-developers-desc-4")}</p>
+                  </div>
+                  <ButtonLink href="/developers/">
+                    {t("page-what-is-ethereum-start-developers-cta")}
+                  </ButtonLink>
+                </CardContent>
+              </Card>
+
+              <Card className="overflow-hidden rounded-2xl border">
+                <CardTitle className="flex items-center gap-4 border-b bg-background-highlight p-4">
+                  <Landmark className="size-8 text-accent-c" />
+                  <h3 className="text-2xl">
+                    {t("page-what-is-ethereum-start-business-title")}
+                  </h3>
+                </CardTitle>
+                <CardContent className="space-y-12 p-8">
+                  <div className="space-y-6">
+                    <p>{t("page-what-is-ethereum-start-business-desc-1")}</p>
+                    <p>{t("page-what-is-ethereum-start-business-desc-2")} </p>
+                    <p>
+                      {t("page-what-is-ethereum-start-business-desc-3")}
+                      <UnorderedList className="[&>li]:mb-0">
+                        <ListItem>
+                          {t("page-what-is-ethereum-start-business-benefit-1")}
+                        </ListItem>
+                        <ListItem>
+                          {t("page-what-is-ethereum-start-business-benefit-2")}
+                        </ListItem>
+                        <ListItem>
+                          {t("page-what-is-ethereum-start-business-benefit-3")}
+                        </ListItem>
+                      </UnorderedList>
+                    </p>
+                    <p>
+                      {t.rich("page-what-is-ethereum-start-business-example", {
+                        a: (chunks) => (
+                          <Link href="https://www.shopify.com/news/stablecoins-on-shopify">
+                            {chunks}
+                          </Link>
+                        ),
+                      })}
+                    </p>
+                  </div>
+                  <ButtonLink href="/enterprise/">
+                    {t("page-what-is-ethereum-start-business-cta")}
+                  </ButtonLink>
+                </CardContent>
+              </Card>
+            </Section>
 
-            <div data-label="layer-2-callout">
-              <h3 className="mb-5 text-xl">
-                {t("page-what-is-ethereum-network-layer2-title")}
-              </h3>
+            <Section id={getId(tocItems[6].url)}>
+              <h2 className="mb-4 w-full text-3xl/snug font-bold lg:text-4xl/tight">
+                {tocItems[6].title}
+              </h2>
 
               <div className="space-y-6">
-                <p>{t("page-what-is-ethereum-network-layer2-desc-1")}</p>
+                <p>{t("page-what-is-ethereum-bitcoin-intro-1")}</p>
 
                 <p>
-                  {t.rich("page-what-is-ethereum-network-layer2-desc-2", {
-                    optimism: (chunks) => (
-                      <Link href="https://www.optimism.io/">{chunks}</Link>
-                    ),
-                    arbitrum: (chunks) => (
-                      <Link href="https://arbitrum.io/">{chunks}</Link>
-                    ),
-                    zksync: (chunks) => (
-                      <Link href="https://www.zksync.io/">{chunks}</Link>
-                    ),
-                    base: (chunks) => (
-                      <Link href="https://www.base.org/">{chunks}</Link>
-                    ),
+                  {t.rich("page-what-is-ethereum-bitcoin-intro-2", {
+                    strong: Strong,
                   })}
                 </p>
-              </div>
-            </div>
 
-            <LinkWithArrow href="/layer-2/networks/">
-              {t("page-what-is-ethereum-network-learn-more")}
-            </LinkWithArrow>
-          </Section>
+                <div>
+                  <h3 className="mb-1 mt-12 text-xl">
+                    {t("page-what-is-ethereum-bitcoin-comparison-1-title")}
+                  </h3>
+                  <p>{t("page-what-is-ethereum-bitcoin-comparison-1-desc")}</p>
+                </div>
 
-          <Section
-            id={getId(tocItems[2].url)}
-            className="space-y-8 rounded-4xl border border-accent-a/20 bg-gradient-to-b from-accent-a/5 to-accent-a/15 px-4 py-6 lg:p-12"
-          >
-            <div className="flex flex-col items-center justify-center gap-4 xl:flex-row">
-              <Image
-                src={etherBanner}
-                alt={t("page-what-is-ethereum-banner-ether-alt")}
-                sizes="224px"
-                className="w-56"
-              />
-              <h2 className="w-full text-3xl font-black lg:text-5xl">
-                {tocItems[2].title}
-              </h2>
-            </div>
+                <div>
+                  <h3 className="mb-1 mt-12 text-xl">
+                    {t("page-what-is-ethereum-bitcoin-comparison-2-title")}
+                  </h3>
+                  <p>{t("page-what-is-ethereum-bitcoin-comparison-2-desc")}</p>
+                </div>
 
-            <div className="space-y-6">
-              <p>{t("page-what-is-ethereum-ether-intro-1")}</p>
-              <p>
-                {t.rich("page-what-is-ethereum-ether-intro-2", {
-                  strong: Strong,
-                })}
-              </p>
-              <p>
-                {t.rich("page-what-is-ethereum-ether-intro-3", {
-                  strong: Strong,
-                })}
-              </p>
-              <p>
-                {t.rich("page-what-is-ethereum-ether-intro-4", {
-                  strong: Strong,
-                })}
-              </p>
-              <p>
-                {t.rich("page-what-is-ethereum-ether-intro-5", {
-                  strong: Strong,
-                })}
-              </p>
-              <p>{t("page-what-is-ethereum-ether-intro-6")}</p>
-            </div>
+                <div>
+                  <h3 className="mb-1 mt-12 text-xl">
+                    {t("page-what-is-ethereum-bitcoin-comparison-3-title")}
+                  </h3>
+                  <div className="space-y-6">
+                    <p>
+                      {t("page-what-is-ethereum-bitcoin-comparison-3-desc-1")}
+                    </p>
+                    <p>
+                      {t("page-what-is-ethereum-bitcoin-comparison-3-desc-2")}
+                    </p>
+                  </div>
+                </div>
+
+                <div>
+                  <h3 className="mb-1 mt-12 text-xl">
+                    {t("page-what-is-ethereum-bitcoin-comparison-4-title")}
+                  </h3>
+                  <div className="space-y-6">
+                    <p>
+                      {t.rich(
+                        "page-what-is-ethereum-bitcoin-comparison-4-desc-1",
+                        { strong: Strong }
+                      )}
+                    </p>
+                    <p>
+                      {t("page-what-is-ethereum-bitcoin-comparison-4-desc-2")}
+                    </p>
+                    <p>
+                      {t("page-what-is-ethereum-bitcoin-comparison-4-desc-3")}
+                    </p>
+                  </div>
+                </div>
 
-            <LinkWithArrow href="/eth/">
-              {t("page-what-is-ethereum-ether-learn-more")}
-            </LinkWithArrow>
-          </Section>
+                {/* // TODO: Re-enable when page ready */}
+                {/* <LinkWithArrow href="#TODO-get-link">
+                {t("page-what-is-ethereum-bitcoin-learn-more")}
+              </LinkWithArrow> */}
+              </div>
+            </Section>
 
-          <Section
-            id={getId(tocItems[3].url)}
-            className="space-y-8 rounded-4xl border border-accent-c/20 bg-gradient-to-b from-accent-c/5 to-accent-c/15 px-4 py-6 lg:p-12"
-          >
-            <div className="flex flex-col items-center gap-4 xl:flex-row-reverse">
+            <Section id={getId(tocItems[7].url)} className="space-y-14">
               <Image
-                src={howBanner}
-                alt={t("page-what-is-ethereum-banner-how-alt")}
-                sizes="288px"
-                className="w-full max-w-72"
+                src={whenWhoBanner}
+                alt={t("page-what-is-ethereum-banner-when-who-alt")}
+                sizes="176px"
+                className="mx-auto w-44"
               />
-              <h2 className="w-full text-3xl font-black lg:text-5xl">
-                {tocItems[3].title}
-              </h2>
-            </div>
-
-            <div className="space-y-6">
-              <p>
-                {t.rich("page-what-is-ethereum-how-intro-1", {
-                  strong: Strong,
-                })}
-              </p>
-              <p>{t("page-what-is-ethereum-how-intro-2")}</p>
-              <p>
-                {t.rich("page-what-is-ethereum-how-intro-3", {
-                  strong: Strong,
-                  a: (chunks) => (
-                    <Link href="/energy-consumption/">{chunks}</Link>
-                  ),
-                })}
-              </p>
-              <p>{t("page-what-is-ethereum-how-intro-4")}</p>
-              <p>{t("page-what-is-ethereum-how-intro-5")}</p>
-              <p className="text-lg font-bold">
-                {t("page-what-is-ethereum-how-example-1-title")}
-              </p>
-              <OrderedList className="[&>li]:mb-0.5">
-                <ListItem>
-                  {t("page-what-is-ethereum-how-example-1-step-1")}
-                </ListItem>
-                <ListItem>
-                  {t("page-what-is-ethereum-how-example-1-step-2")}
-                </ListItem>
-                <ListItem>
-                  {t("page-what-is-ethereum-how-example-1-step-3")}
-                </ListItem>
-                <ListItem>
-                  {t("page-what-is-ethereum-how-example-1-step-4")}
-                </ListItem>
-                <ListItem>
-                  {t("page-what-is-ethereum-how-example-1-step-5")}
-                </ListItem>
-                <ListItem>
-                  {t("page-what-is-ethereum-how-example-1-step-6")}
-                </ListItem>
-              </OrderedList>
-              <p className="text-lg font-bold">
-                {t("page-what-is-ethereum-how-example-2-title")}
-              </p>
-              <OrderedList className="[&>li]:mb-0">
-                <ListItem>
-                  {t("page-what-is-ethereum-how-example-2-step-1")}
-                </ListItem>
-                <ListItem>
-                  {t("page-what-is-ethereum-how-example-2-step-2")}
-                </ListItem>
-                <ListItem>
-                  {t("page-what-is-ethereum-how-example-2-step-3")}
-                </ListItem>
-                <ListItem>
-                  {t("page-what-is-ethereum-how-example-2-step-4")}
-                </ListItem>
-                <ListItem>
-                  {t("page-what-is-ethereum-how-example-2-step-5")}
-                </ListItem>
-              </OrderedList>
-              <p>{t("page-what-is-ethereum-how-outro-1")}</p>
-              <p>
-                {t.rich("page-what-is-ethereum-how-outro-2", {
-                  strong: Strong,
-                })}
-              </p>
-              <div>
-                <LinkWithArrow href="/learn/">
-                  {t("page-what-is-ethereum-how-learn-more-1")}
-                </LinkWithArrow>
-                <LinkWithArrow href="/developers/docs/">
-                  {t("page-what-is-ethereum-how-learn-more-2")}
-                </LinkWithArrow>
-              </div>
-            </div>
-          </Section>
-
-          <Section id={getId(tocItems[4].url)} className="space-y-14">
-            <Image
-              src={whatBanner}
-              alt={t("page-what-is-ethereum-banner-what-alt")}
-              sizes="320px"
-              className="mx-auto w-80 -scale-x-100"
-            />
-            <h2 className="w-full text-3xl/snug font-bold lg:text-4xl/tight">
-              {tocItems[4].title}
-            </h2>
-            <div className="space-y-6">
-              <p>{t("page-what-is-ethereum-what-intro-1")}</p>
-              <p>
-                {t.rich("page-what-is-ethereum-what-intro-2", {
-                  strong: Strong,
-                  insurance: (chunks) => (
-                    <Link href="https://blog.etherisc.com/etherisc-teams-up-with-chainlink-to-deliver-crop-insurance-in-kenya-137e433c29dc">
-                      {chunks}
-                    </Link>
-                  ),
-                  payment: (chunks) => (
-                    <Link href="https://usa.visa.com/about-visa/newsroom/press-releases.releaseId.19881.html">
-                      {chunks}
-                    </Link>
-                  ),
-                  aid: (chunks) => (
-                    <Link href="https://www.wfp.org/building-blocks">
-                      {chunks}
-                    </Link>
-                  ),
-                })}
-              </p>
-              <p>{t("page-what-is-ethereum-what-intro-3")}</p>
-              <p>{t("page-what-is-ethereum-what-intro-4")}</p>
-            </div>
-            <HighlightStack data-label="what-is-table">
-              <HighlightCard>
-                <IconBox>
-                  <User className="text-accent-a" />
-                </IconBox>
-                <div>
-                  <CardTitle className="mb-2">
-                    {t("page-what-is-ethereum-what-consumers-title")}
-                  </CardTitle>
-                  <HighlightCardContent>
-                    <p>{t("page-what-is-ethereum-what-consumers-desc-1")}</p>
-                    <p>{t("page-what-is-ethereum-what-consumers-desc-2")}</p>
-                    <UnorderedList className="[&>li]:mb-0.5">
+
+              <div className="space-y-4">
+                <h2 className="w-full text-3xl/snug font-bold lg:text-4xl/tight">
+                  {tocItems[7].title}
+                </h2>
+                <div className="space-y-8">
+                  <div className="space-y-6">
+                    <p>{t("page-what-is-ethereum-when-who-intro-1")}</p>
+                    <p>{t("page-what-is-ethereum-when-who-intro-2")}</p>
+                    <p>{t("page-what-is-ethereum-when-who-intro-3")}</p>
+                    <p>{t("page-what-is-ethereum-when-who-intro-4")}</p>
+                  </div>
+                  <div className="space-y-6">
+                    <h3 className="text-xl">
+                      {t("page-what-is-ethereum-when-who-history-title")}
+                    </h3>
+                    <OrderedList className="m-0 list-none [&>li]:mb-0">
                       <ListItem>
-                        {t.rich(
-                          "page-what-is-ethereum-what-consumers-benefit-1",
-                          {
-                            strong: Strong,
-                          }
-                        )}
+                        <span className="font-bold text-body-medium">
+                          2013:
+                        </span>{" "}
+                        {t("page-what-is-ethereum-when-who-history-2013")}
                       </ListItem>
                       <ListItem>
-                        {t.rich(
-                          "page-what-is-ethereum-what-consumers-benefit-2",
-                          {
-                            strong: Strong,
-                          }
-                        )}
+                        <span className="font-bold text-body-medium">
+                          2014:
+                        </span>{" "}
+                        {t("page-what-is-ethereum-when-who-history-2014")}
                       </ListItem>
                       <ListItem>
-                        {t.rich(
-                          "page-what-is-ethereum-what-consumers-benefit-3",
-                          {
-                            strong: Strong,
-                          }
-                        )}
+                        <span className="font-bold text-body-medium">
+                          2015:
+                        </span>{" "}
+                        {t.rich("page-what-is-ethereum-when-who-history-2015", {
+                          em: Emphasis,
+                        })}
                       </ListItem>
                       <ListItem>
-                        {t("page-what-is-ethereum-what-consumers-benefit-4")}
+                        <span className="font-bold text-body-medium">
+                          2016:
+                        </span>{" "}
+                        {t("page-what-is-ethereum-when-who-history-2016")}{" "}
                       </ListItem>
-                    </UnorderedList>
-                  </HighlightCardContent>
-                </div>
-              </HighlightCard>
-              <HighlightCard>
-                <IconBox>
-                  <SquareCode className="text-accent-b" />
-                </IconBox>
-                <div>
-                  <CardTitle className="mb-2">
-                    {t("page-what-is-ethereum-what-businesses-title")}
-                  </CardTitle>
-                  <HighlightCardContent>
-                    <UnorderedList className="[&>li]:mb-0.5">
                       <ListItem>
-                        {t("page-what-is-ethereum-what-businesses-benefit-1")}
+                        <span className="font-bold text-body-medium">
+                          2020:
+                        </span>{" "}
+                        {t("page-what-is-ethereum-when-who-history-2020")}{" "}
                       </ListItem>
                       <ListItem>
-                        {t.rich(
-                          "page-what-is-ethereum-what-businesses-benefit-2",
-                          {
-                            strong: Strong,
-                          }
-                        )}
+                        <span className="font-bold text-body-medium">
+                          2021:
+                        </span>{" "}
+                        {t.rich("page-what-is-ethereum-when-who-history-2021", {
+                          em: Emphasis,
+                        })}{" "}
                       </ListItem>
                       <ListItem>
-                        {t("page-what-is-ethereum-what-businesses-benefit-3")}
+                        <span className="font-bold text-body-medium">
+                          2022:
+                        </span>{" "}
+                        {t.rich("page-what-is-ethereum-when-who-history-2022", {
+                          em: Emphasis,
+                        })}{" "}
                       </ListItem>
-                    </UnorderedList>
-                    <p>
-                      {t.rich("page-what-is-ethereum-what-businesses-example", {
-                        a: (chunks) => (
-                          <Link href="https://newsroom.paypal-corp.com/2023-08-07-PayPal-Launches-U-S-Dollar-Stablecoin">
-                            {chunks}
-                          </Link>
-                        ),
-                      })}
-                    </p>
-                  </HighlightCardContent>
-                </div>
-              </HighlightCard>
-              <HighlightCard>
-                <IconBox>
-                  <Landmark className="text-accent-c" />
-                </IconBox>
-                <div>
-                  <CardTitle className="mb-2">
-                    {t("page-what-is-ethereum-what-governments-title")}
-                  </CardTitle>
-                  <HighlightCardContent>
-                    <p>{t("page-what-is-ethereum-what-governments-intro")}</p>
-                    <UnorderedList className="[&>li]:mb-0.5">
                       <ListItem>
-                        {t.rich(
-                          "page-what-is-ethereum-what-governments-benefit-1",
-                          {
-                            strong: Strong,
-                          }
-                        )}
+                        <span className="font-bold text-body-medium">
+                          2025:
+                        </span>{" "}
+                        {t.rich("page-what-is-ethereum-when-who-history-2025", {
+                          em: Emphasis,
+                        })}{" "}
+                      </ListItem>
+                    </OrderedList>
+                    <p>{t("page-what-is-ethereum-when-who-governance-1")}</p>
+                  </div>
+                  <Image
+                    src={contributionBanner}
+                    alt={t("page-what-is-ethereum-banner-contributing-alt")}
+                    sizes="208px"
+                    className="mx-auto w-52"
+                  />
+                  <div className="space-y-6">
+                    <h3 className="text-xl">
+                      {t("page-what-is-ethereum-when-who-contributors-title")}
+                    </h3>
+                    <UnorderedList className="[&>li]:mb-0">
+                      <ListItem>
+                        {t("page-what-is-ethereum-when-who-contributors-1")}
                       </ListItem>
                       <ListItem>
-                        {t.rich(
-                          "page-what-is-ethereum-what-governments-benefit-2",
-                          {
-                            strong: Strong,
-                          }
-                        )}
+                        {t("page-what-is-ethereum-when-who-contributors-2")}
+                      </ListItem>
+                      <ListItem>
+                        {" "}
+                        {t("page-what-is-ethereum-when-who-contributors-3")}
+                      </ListItem>
+                      <ListItem>
+                        {t("page-what-is-ethereum-when-who-contributors-4")}
                       </ListItem>
                       <ListItem>
                         {t.rich(
-                          "page-what-is-ethereum-what-governments-benefit-3",
+                          "page-what-is-ethereum-when-who-contributors-5",
                           {
                             strong: Strong,
                           }
@@ -637,476 +1176,114 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
                       </ListItem>
                     </UnorderedList>
                     <p>
-                      {t.rich(
-                        "page-what-is-ethereum-what-governments-example-1",
-                        {
-                          a: (chunks) => (
-                            <Link href="https://www.weforum.org/stories/2023/03/the-role-cryptocurrency-crypto-huge-in-ukraine-war-russia/">
-                              {chunks}
-                            </Link>
-                          ),
-                        }
-                      )}
+                      {t.rich("page-what-is-ethereum-when-who-governance-2", {
+                        strong: Strong,
+                      })}
                     </p>
                     <p>
-                      {t("page-what-is-ethereum-what-governments-example-2")}
+                      {t.rich("page-what-is-ethereum-when-who-governance-3", {
+                        eips: (chunks) => (
+                          <Link href="https://eips.ethereum.org/">
+                            {chunks}
+                          </Link>
+                        ),
+                        governance: (chunks) => (
+                          <Link href="/governance/#formal-process">
+                            {chunks}
+                          </Link>
+                        ),
+                      })}
                     </p>
-                  </HighlightCardContent>
+                    <p>{t("page-what-is-ethereum-when-who-governance-4")}</p>
+                  </div>
+                  <LinkWithArrow href="/history/">
+                    {t("page-what-is-ethereum-when-who-learn-more")}
+                  </LinkWithArrow>
                 </div>
-              </HighlightCard>
-            </HighlightStack>
-
-            {/* // TODO: Re-enable when page ready */}
-            {/* <LinkWithArrow href="/todo-add-path-when-ready/">
-              {t("page-what-is-ethereum-what-learn-more")}
-            </LinkWithArrow> */}
-          </Section>
-
-          <Section id={getId(tocItems[5].url)} className="space-y-14">
-            <Image
-              src={startBanner}
-              alt={t("page-what-is-ethereum-banner-start-alt")}
-              sizes={`(max-width: 800px) 100vw, (max-width: ${screens.xl}) 800px, (max-width: ${screens.xl}) calc(100vw - 480px), 800px`}
-            />
-            <div>
-              <h2 className="mb-2 w-full text-3xl/snug font-bold lg:text-4xl/tight">
-                {tocItems[5].title}
-              </h2>
-              <div className="space-y-6">
-                <p>{t("page-what-is-ethereum-start-intro-1")}</p>
-                <p>{t("page-what-is-ethereum-start-intro-2")}</p>
               </div>
-            </div>
-
-            <Card className="overflow-hidden rounded-2xl border">
-              <CardTitle className="flex items-center gap-4 border-b bg-background-highlight p-4">
-                <User className="size-8 text-accent-a" />
-                <h3 className="text-2xl">
-                  {t("page-what-is-ethereum-start-individuals-title")}
-                </h3>
-              </CardTitle>
-              <CardContent className="space-y-12 p-8">
-                <div className="space-y-6">
-                  <p>
-                    <span className="font-bold">
-                      {t("page-what-is-ethereum-start-individuals-desc-1")}
-                    </span>
-                  </p>
-
-                  <p>
-                    {t.rich("page-what-is-ethereum-start-individuals-desc-3", {
-                      zerion: (chunks) => (
-                        <Link href="https://zerion.io/">{chunks}</Link>
-                      ),
-                      rainbow: (chunks) => (
-                        <Link href="https://rainbow.me/">{chunks}</Link>
-                      ),
-                      coinbase: (chunks) => (
-                        <Link href="https://www.coinbase.com/wallet">
-                          {chunks}
-                        </Link>
-                      ),
-                    })}
-                  </p>
-
-                  <UnorderedList className="[&>li]:mb-0">
-                    <ListItem>
-                      {t("page-what-is-ethereum-start-individuals-step-1")}
-                    </ListItem>
-                    <ListItem>
-                      {t("page-what-is-ethereum-start-individuals-step-2")}
-                    </ListItem>
-                    <ListItem>
-                      {t.rich(
-                        "page-what-is-ethereum-start-individuals-step-3",
-                        {
-                          zora: (chunks) => (
-                            <Link href="https://zora.co/">{chunks}</Link>
-                          ),
-                          uniswap: (chunks) => (
-                            <Link href="https://app.uniswap.org/">
-                              {chunks}
-                            </Link>
-                          ),
-                          farcaster: (chunks) => (
-                            <Link href="https://farcaster.xyz/">{chunks}</Link>
-                          ),
-                        }
-                      )}
-                    </ListItem>
-                  </UnorderedList>
-
-                  <p>{t("page-what-is-ethereum-start-individuals-desc-4")}</p>
-                  <p>{t("page-what-is-ethereum-start-individuals-desc-5")}</p>
-                </div>
+            </Section>
 
-                <div className="flex flex-wrap gap-4">
-                  <ButtonLink href="/start/">
-                    {t("page-what-is-ethereum-start-individuals-cta-1")}
-                  </ButtonLink>
-                  <ButtonLink href="/apps/" variant="outline">
-                    {t("page-what-is-ethereum-start-individuals-cta-2")}
-                  </ButtonLink>
-                </div>
-              </CardContent>
-            </Card>
-
-            <Card className="overflow-hidden rounded-2xl border">
-              <CardTitle className="flex items-center gap-4 border-b bg-background-highlight p-4">
-                <SquareCode className="size-8 text-accent-b" />
-                <h3 className="text-2xl">
-                  {t("page-what-is-ethereum-start-developers-title")}
-                </h3>
-              </CardTitle>
-              <CardContent className="space-y-12 p-8">
+            <Section id={getId(tocItems[8].url)} className="space-y-4">
+              <h2 className="w-full text-3xl/snug font-bold lg:text-4xl/tight">
+                {tocItems[8].title}
+              </h2>
+              <div className="space-y-8">
                 <div className="space-y-6">
-                  <p>{t("page-what-is-ethereum-start-developers-desc-1")}</p>
+                  <p>{t("page-what-is-ethereum-roadmap-intro-1")}</p>
+                  <p>{t("page-what-is-ethereum-roadmap-intro-2")} </p>
                   <p>
-                    {t.rich("page-what-is-ethereum-start-developers-desc-2", {
+                    {t.rich("page-what-is-ethereum-roadmap-intro-3", {
                       a: (chunks) => (
-                        <Link href="/developers/docs/">{chunks}</Link>
-                      ),
-                    })}
-                  </p>
-                  <p>
-                    {t.rich("page-what-is-ethereum-start-developers-desc-3", {
-                      hardhat: (chunks) => (
-                        <Link href="https://hardhat.org/">{chunks}</Link>
-                      ),
-                      foundry: (chunks) => (
-                        <Link href="https://getfoundry.sh/">{chunks}</Link>
-                      ),
-                      ethers: (chunks) => (
-                        <Link href="https://docs.ethers.org/">{chunks}</Link>
-                      ),
-                      thirdweb: (chunks) => (
-                        <Link href="https://thirdweb.com/">{chunks}</Link>
-                      ),
-                      moralis: (chunks) => (
-                        <Link href="https://moralis.com/">{chunks}</Link>
+                        <Link href="/roadmap/pectra/">{chunks}</Link>
                       ),
                     })}
                   </p>
-                  <p>{t("page-what-is-ethereum-start-developers-desc-4")}</p>
-                </div>
-                <ButtonLink href="/developers/">
-                  {t("page-what-is-ethereum-start-developers-cta")}
-                </ButtonLink>
-              </CardContent>
-            </Card>
-
-            <Card className="overflow-hidden rounded-2xl border">
-              <CardTitle className="flex items-center gap-4 border-b bg-background-highlight p-4">
-                <Landmark className="size-8 text-accent-c" />
-                <h3 className="text-2xl">
-                  {t("page-what-is-ethereum-start-business-title")}
-                </h3>
-              </CardTitle>
-              <CardContent className="space-y-12 p-8">
-                <div className="space-y-6">
-                  <p>{t("page-what-is-ethereum-start-business-desc-1")}</p>
-                  <p>{t("page-what-is-ethereum-start-business-desc-2")} </p>
-                  <p>
-                    {t("page-what-is-ethereum-start-business-desc-3")}
-                    <UnorderedList className="[&>li]:mb-0">
-                      <ListItem>
-                        {t("page-what-is-ethereum-start-business-benefit-1")}
-                      </ListItem>
-                      <ListItem>
-                        {t("page-what-is-ethereum-start-business-benefit-2")}
-                      </ListItem>
-                      <ListItem>
-                        {t("page-what-is-ethereum-start-business-benefit-3")}
-                      </ListItem>
-                    </UnorderedList>
-                  </p>
                   <p>
-                    {t.rich("page-what-is-ethereum-start-business-example", {
+                    {t.rich("page-what-is-ethereum-roadmap-priorities-intro", {
                       a: (chunks) => (
-                        <Link href="https://www.shopify.com/news/stablecoins-on-shopify">
+                        <Link href="https://blog.ethereum.org/2025/04/28/next-chapter">
                           {chunks}
                         </Link>
                       ),
                     })}
                   </p>
-                </div>
-                <ButtonLink href="/enterprise/">
-                  {t("page-what-is-ethereum-start-business-cta")}
-                </ButtonLink>
-              </CardContent>
-            </Card>
-          </Section>
-
-          <Section id={getId(tocItems[6].url)}>
-            <h2 className="mb-4 w-full text-3xl/snug font-bold lg:text-4xl/tight">
-              {tocItems[6].title}
-            </h2>
-
-            <div className="space-y-6">
-              <p>{t("page-what-is-ethereum-bitcoin-intro-1")}</p>
-
-              <p>
-                {t.rich("page-what-is-ethereum-bitcoin-intro-2", {
-                  strong: Strong,
-                })}
-              </p>
-
-              <div>
-                <h3 className="mb-1 mt-12 text-xl">
-                  {t("page-what-is-ethereum-bitcoin-comparison-1-title")}
-                </h3>
-                <p>{t("page-what-is-ethereum-bitcoin-comparison-1-desc")}</p>
-              </div>
-
-              <div>
-                <h3 className="mb-1 mt-12 text-xl">
-                  {t("page-what-is-ethereum-bitcoin-comparison-2-title")}
-                </h3>
-                <p>{t("page-what-is-ethereum-bitcoin-comparison-2-desc")}</p>
-              </div>
-
-              <div>
-                <h3 className="mb-1 mt-12 text-xl">
-                  {t("page-what-is-ethereum-bitcoin-comparison-3-title")}
-                </h3>
-                <div className="space-y-6">
-                  <p>
-                    {t("page-what-is-ethereum-bitcoin-comparison-3-desc-1")}
-                  </p>
-                  <p>
-                    {t("page-what-is-ethereum-bitcoin-comparison-3-desc-2")}
-                  </p>
-                </div>
-              </div>
-
-              <div>
-                <h3 className="mb-1 mt-12 text-xl">
-                  {t("page-what-is-ethereum-bitcoin-comparison-4-title")}
-                </h3>
-                <div className="space-y-6">
-                  <p>
-                    {t.rich(
-                      "page-what-is-ethereum-bitcoin-comparison-4-desc-1",
-                      { strong: Strong }
-                    )}
-                  </p>
-                  <p>
-                    {t("page-what-is-ethereum-bitcoin-comparison-4-desc-2")}
-                  </p>
-                  <p>
-                    {t("page-what-is-ethereum-bitcoin-comparison-4-desc-3")}
-                  </p>
-                </div>
-              </div>
-
-              {/* // TODO: Re-enable when page ready */}
-              {/* <LinkWithArrow href="#TODO-get-link">
-                {t("page-what-is-ethereum-bitcoin-learn-more")}
-              </LinkWithArrow> */}
-            </div>
-          </Section>
-
-          <Section id={getId(tocItems[7].url)} className="space-y-14">
-            <Image
-              src={whenWhoBanner}
-              alt={t("page-what-is-ethereum-banner-when-who-alt")}
-              sizes="176px"
-              className="mx-auto w-44"
-            />
 
-            <div className="space-y-4">
-              <h2 className="w-full text-3xl/snug font-bold lg:text-4xl/tight">
-                {tocItems[7].title}
-              </h2>
-              <div className="space-y-8">
-                <div className="space-y-6">
-                  <p>{t("page-what-is-ethereum-when-who-intro-1")}</p>
-                  <p>{t("page-what-is-ethereum-when-who-intro-2")}</p>
-                  <p>{t("page-what-is-ethereum-when-who-intro-3")}</p>
-                  <p>{t("page-what-is-ethereum-when-who-intro-4")}</p>
-                </div>
-                <div className="space-y-6">
-                  <h3 className="text-xl">
-                    {t("page-what-is-ethereum-when-who-history-title")}
-                  </h3>
-                  <OrderedList className="m-0 list-none [&>li]:mb-0">
-                    <ListItem>
-                      <span className="font-bold text-body-medium">2013:</span>{" "}
-                      {t("page-what-is-ethereum-when-who-history-2013")}
-                    </ListItem>
-                    <ListItem>
-                      <span className="font-bold text-body-medium">2014:</span>{" "}
-                      {t("page-what-is-ethereum-when-who-history-2014")}
-                    </ListItem>
-                    <ListItem>
-                      <span className="font-bold text-body-medium">2015:</span>{" "}
-                      {t.rich("page-what-is-ethereum-when-who-history-2015", {
-                        em: Emphasis,
-                      })}
-                    </ListItem>
-                    <ListItem>
-                      <span className="font-bold text-body-medium">2016:</span>{" "}
-                      {t("page-what-is-ethereum-when-who-history-2016")}{" "}
-                    </ListItem>
-                    <ListItem>
-                      <span className="font-bold text-body-medium">2020:</span>{" "}
-                      {t("page-what-is-ethereum-when-who-history-2020")}{" "}
-                    </ListItem>
-                    <ListItem>
-                      <span className="font-bold text-body-medium">2021:</span>{" "}
-                      {t.rich("page-what-is-ethereum-when-who-history-2021", {
-                        em: Emphasis,
-                      })}{" "}
-                    </ListItem>
-                    <ListItem>
-                      <span className="font-bold text-body-medium">2022:</span>{" "}
-                      {t.rich("page-what-is-ethereum-when-who-history-2022", {
-                        em: Emphasis,
-                      })}{" "}
-                    </ListItem>
-                    <ListItem>
-                      <span className="font-bold text-body-medium">2025:</span>{" "}
-                      {t.rich("page-what-is-ethereum-when-who-history-2025", {
-                        em: Emphasis,
-                      })}{" "}
-                    </ListItem>
-                  </OrderedList>
-                  <p>{t("page-what-is-ethereum-when-who-governance-1")}</p>
-                </div>
-                <Image
-                  src={contributionBanner}
-                  alt={t("page-what-is-ethereum-banner-contributing-alt")}
-                  sizes="208px"
-                  className="mx-auto w-52"
-                />
-                <div className="space-y-6">
-                  <h3 className="text-xl">
-                    {t("page-what-is-ethereum-when-who-contributors-title")}
-                  </h3>
                   <UnorderedList className="[&>li]:mb-0">
                     <ListItem>
-                      {t("page-what-is-ethereum-when-who-contributors-1")}
+                      {t("page-what-is-ethereum-roadmap-priority-1")}
                     </ListItem>
                     <ListItem>
-                      {t("page-what-is-ethereum-when-who-contributors-2")}
-                    </ListItem>
-                    <ListItem>
-                      {" "}
-                      {t("page-what-is-ethereum-when-who-contributors-3")}
-                    </ListItem>
-                    <ListItem>
-                      {t("page-what-is-ethereum-when-who-contributors-4")}
-                    </ListItem>
-                    <ListItem>
-                      {t.rich("page-what-is-ethereum-when-who-contributors-5", {
-                        strong: Strong,
-                      })}
+                      {t("page-what-is-ethereum-roadmap-priority-2")}
                     </ListItem>
                   </UnorderedList>
+
+                  <p>{t("page-what-is-ethereum-roadmap-outro-1")}</p>
                   <p>
-                    {t.rich("page-what-is-ethereum-when-who-governance-2", {
-                      strong: Strong,
-                    })}
-                  </p>
-                  <p>
-                    {t.rich("page-what-is-ethereum-when-who-governance-3", {
-                      eips: (chunks) => (
-                        <Link href="https://eips.ethereum.org/">{chunks}</Link>
-                      ),
-                      governance: (chunks) => (
-                        <Link href="/governance/#formal-process">{chunks}</Link>
-                      ),
+                    {t.rich("page-what-is-ethereum-roadmap-outro-2", {
+                      a: (chunks) => <Link href="/community/">{chunks}</Link>,
                     })}
                   </p>
-                  <p>{t("page-what-is-ethereum-when-who-governance-4")}</p>
                 </div>
-                <LinkWithArrow href="/history/">
-                  {t("page-what-is-ethereum-when-who-learn-more")}
+
+                <LinkWithArrow href="/roadmap/">
+                  {t("page-what-is-ethereum-roadmap-learn-more")}
                 </LinkWithArrow>
               </div>
-            </div>
-          </Section>
-
-          <Section id={getId(tocItems[8].url)} className="space-y-4">
-            <h2 className="w-full text-3xl/snug font-bold lg:text-4xl/tight">
-              {tocItems[8].title}
-            </h2>
-            <div className="space-y-8">
-              <div className="space-y-6">
-                <p>{t("page-what-is-ethereum-roadmap-intro-1")}</p>
-                <p>{t("page-what-is-ethereum-roadmap-intro-2")} </p>
-                <p>
-                  {t.rich("page-what-is-ethereum-roadmap-intro-3", {
-                    a: (chunks) => (
-                      <Link href="/roadmap/pectra/">{chunks}</Link>
-                    ),
-                  })}
-                </p>
-                <p>
-                  {t.rich("page-what-is-ethereum-roadmap-priorities-intro", {
-                    a: (chunks) => (
-                      <Link href="https://blog.ethereum.org/2025/04/28/next-chapter">
-                        {chunks}
-                      </Link>
-                    ),
-                  })}
-                </p>
-
-                <UnorderedList className="[&>li]:mb-0">
-                  <ListItem>
-                    {t("page-what-is-ethereum-roadmap-priority-1")}
-                  </ListItem>
-                  <ListItem>
-                    {t("page-what-is-ethereum-roadmap-priority-2")}
-                  </ListItem>
-                </UnorderedList>
+            </Section>
 
-                <p>{t("page-what-is-ethereum-roadmap-outro-1")}</p>
-                <p>
-                  {t.rich("page-what-is-ethereum-roadmap-outro-2", {
-                    a: (chunks) => <Link href="/community/">{chunks}</Link>,
-                  })}
-                </p>
-              </div>
+            <Section id="further-readon" className="space-y-8">
+              <h2 className="w-full text-3xl/snug font-bold lg:text-4xl/tight">
+                {t("page-what-is-ethereum-further-reading-title")}
+              </h2>
+              <UnorderedList className="ms-0 list-none">
+                <ListItem>
+                  <DocLink href="/wallets/">
+                    {t("page-what-is-ethereum-further-reading-wallets")}
+                  </DocLink>
+                </ListItem>
+                <ListItem>
+                  <DocLink href="/eth/">
+                    {t("page-what-is-ethereum-further-reading-eth")}
+                  </DocLink>
+                </ListItem>
+                <ListItem>
+                  <DocLink href="/web3/">
+                    {t("page-what-is-ethereum-further-reading-web3")}
+                  </DocLink>
+                </ListItem>
+                <ListItem>
+                  <DocLink href="/layer-2/networks/">
+                    {t("page-what-is-ethereum-further-reading-networks")}
+                  </DocLink>
+                </ListItem>
+              </UnorderedList>
+            </Section>
 
-              <LinkWithArrow href="/roadmap/">
-                {t("page-what-is-ethereum-roadmap-learn-more")}
-              </LinkWithArrow>
-            </div>
-          </Section>
-
-          <Section id="further-readon" className="space-y-8">
-            <h2 className="w-full text-3xl/snug font-bold lg:text-4xl/tight">
-              {t("page-what-is-ethereum-further-reading-title")}
-            </h2>
-            <UnorderedList className="ms-0 list-none">
-              <ListItem>
-                <DocLink href="/wallets/">
-                  {t("page-what-is-ethereum-further-reading-wallets")}
-                </DocLink>
-              </ListItem>
-              <ListItem>
-                <DocLink href="/eth/">
-                  {t("page-what-is-ethereum-further-reading-eth")}
-                </DocLink>
-              </ListItem>
-              <ListItem>
-                <DocLink href="/web3/">
-                  {t("page-what-is-ethereum-further-reading-web3")}
-                </DocLink>
-              </ListItem>
-              <ListItem>
-                <DocLink href="/layer-2/networks/">
-                  {t("page-what-is-ethereum-further-reading-networks")}
-                </DocLink>
-              </ListItem>
-            </UnorderedList>
-          </Section>
-
-          <FeedbackCard />
-        </div>
-      </MainArticle>
-    </div>
+            <FeedbackCard />
+          </div>
+        </MainArticle>
+      </div>
+    </>
   )
 }
 

From 56789d1847c38d53984b5c14d9afb8901f49f1c7 Mon Sep 17 00:00:00 2001
From: Corwin Smith <cssmittys@gmail.com>
Date: Thu, 4 Sep 2025 23:31:02 -0600
Subject: [PATCH 26/41] feat: add JSON-LD structured data for the homepage and
 organization

---
 app/[locale]/page.tsx | 1037 ++++++++++++++++++++++-------------------
 1 file changed, 558 insertions(+), 479 deletions(-)

diff --git a/app/[locale]/page.tsx b/app/[locale]/page.tsx
index 231cff82a4a..fae104ee585 100644
--- a/app/[locale]/page.tsx
+++ b/app/[locale]/page.tsx
@@ -427,537 +427,616 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
   })) as CommunityBlog[]
   blogLinks.push(...BLOGS_WITHOUT_FEED)
 
+  // JSON-LD structured data for the homepage
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": `https://ethereum.org/${locale}/`,
+    name: t("page-index-meta-title"),
+    description: t("page-index-meta-description"),
+    url: `https://ethereum.org/${locale}/`,
+    inLanguage: locale,
+    isPartOf: {
+      "@type": "WebSite",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: `https://ethereum.org/${locale}/`,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+  }
+
+  // JSON-LD for ethereum.org as an organization
+  const organizationJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "Organization",
+    "@id": "https://ethereum.org",
+    name: "ethereum.org",
+    legalName: "Ethereum Foundation",
+    url: "https://ethereum.org",
+    logo: "https://ethereum.org/images/ethereum-logo.png",
+    description: t("page-index-meta-description"),
+    sameAs: [
+      "https://github.com/ethereum/ethereum-org-website",
+      "https://discord.gg/ethereum-org",
+      "https://x.com/EthDotOrg",
+    ],
+    mainEntityOfPage: `https://ethereum.org`,
+    foundingDate: "2014",
+    slogan:
+      "Ethereum is the community-run technology powering the cryptocurrency ether and thousands of decentralized applications",
+  }
+
   return (
-    <MainArticle className="flex w-full flex-col items-center" dir={dir}>
-      <HomeHero heroImg={Hero} className="w-full" locale={locale} />
-      <div className="w-full space-y-32 px-4 md:mx-6 lg:space-y-48">
-        <div className="my-20 grid w-full grid-cols-2 gap-x-4 gap-y-8 md:grid-cols-4 md:gap-x-10">
-          {subHeroCTAs.map(
-            ({ label, description, href, className, Svg }, idx) => {
-              const Link = (
-                props: Omit<
-                  SvgButtonLinkProps,
-                  "Svg" | "href" | "label" | "children"
-                >
-              ) => (
-                <SvgButtonLink
-                  Svg={Svg}
-                  href={href}
-                  label={label}
-                  customEventOptions={{
-                    eventCategory,
-                    eventAction: "Top 4 CTAs",
-                    eventName: subHeroCTAs[idx].eventName,
-                  }}
-                  {...props}
-                >
-                  <p className="text-body">{description}</p>
-                </SvgButtonLink>
-              )
-              return (
-                <Fragment key={label}>
-                  <Link className={cn("xl:hidden", className)} variant="col" />
-                  <Link
-                    className={cn("hidden xl:block", className)}
-                    variant="row"
-                  />
-                </Fragment>
-              )
-            }
-          )}
-        </div>
+    <>
+      <script
+        id="jsonld-webpage-homepage"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(webPageJsonLd),
+        }}
+      />
+
+      <script
+        id="jsonld-organization"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(organizationJsonLd),
+        }}
+      />
+
+      <MainArticle className="flex w-full flex-col items-center" dir={dir}>
+        <HomeHero heroImg={Hero} className="w-full" locale={locale} />
+        <div className="w-full space-y-32 px-4 md:mx-6 lg:space-y-48">
+          <div className="my-20 grid w-full grid-cols-2 gap-x-4 gap-y-8 md:grid-cols-4 md:gap-x-10">
+            {subHeroCTAs.map(
+              ({ label, description, href, className, Svg }, idx) => {
+                const Link = (
+                  props: Omit<
+                    SvgButtonLinkProps,
+                    "Svg" | "href" | "label" | "children"
+                  >
+                ) => (
+                  <SvgButtonLink
+                    Svg={Svg}
+                    href={href}
+                    label={label}
+                    customEventOptions={{
+                      eventCategory,
+                      eventAction: "Top 4 CTAs",
+                      eventName: subHeroCTAs[idx].eventName,
+                    }}
+                    {...props}
+                  >
+                    <p className="text-body">{description}</p>
+                  </SvgButtonLink>
+                )
+                return (
+                  <Fragment key={label}>
+                    <Link
+                      className={cn("xl:hidden", className)}
+                      variant="col"
+                    />
+                    <Link
+                      className={cn("hidden xl:block", className)}
+                      variant="row"
+                    />
+                  </Fragment>
+                )
+              }
+            )}
+          </div>
 
-        {/* Use Cases - A new way to use the internet */}
-        <Section
-          id="use"
-          className={cn(
-            "max-lg:-mx-4 max-lg:flex max-lg:w-[100vw] max-lg:flex-col max-lg:overflow-hidden max-lg:px-4 sm:max-lg:-mx-6 sm:max-lg:px-6", // Mobile: Swiper cards
-            "lg:grid lg:grid-cols-bento lg:gap-4" // Desktop: BentoBox grid
-          )}
-        >
-          <div
+          {/* Use Cases - A new way to use the internet */}
+          <Section
+            id="use"
             className={cn(
-              "flex flex-col",
-              "lg:col-span-12 xl:col-span-3 xl:col-start-2"
+              "max-lg:-mx-4 max-lg:flex max-lg:w-[100vw] max-lg:flex-col max-lg:overflow-hidden max-lg:px-4 sm:max-lg:-mx-6 sm:max-lg:px-6", // Mobile: Swiper cards
+              "lg:grid lg:grid-cols-bento lg:gap-4" // Desktop: BentoBox grid
             )}
           >
-            <div className="w-fit rounded-full bg-primary-low-contrast px-4 py-0 text-sm uppercase text-primary">
-              {t("page-index-use-cases-tag")}
+            <div
+              className={cn(
+                "flex flex-col",
+                "lg:col-span-12 xl:col-span-3 xl:col-start-2"
+              )}
+            >
+              <div className="w-fit rounded-full bg-primary-low-contrast px-4 py-0 text-sm uppercase text-primary">
+                {t("page-index-use-cases-tag")}
+              </div>
+              <h2 className="mb-4 me-4 mt-2 text-5xl font-black xl:mb-6 xl:text-7xl">
+                {t("page-index-bento-header")}
+              </h2>
             </div>
-            <h2 className="mb-4 me-4 mt-2 text-5xl font-black xl:mb-6 xl:text-7xl">
-              {t("page-index-bento-header")}
-            </h2>
-          </div>
 
-          {/* Mobile - dynamic / lazy loaded */}
-          <BentoCardSwiper
-            bentoItems={bentoItems}
-            eventCategory={eventCategory}
-          />
-
-          {/* Desktop */}
-          {bentoItems.map(({ className, ...item }) => (
-            <BentoCard
-              key={item.title}
-              {...item}
-              className={cn(className, "max-lg:hidden")} // Desktop only
+            {/* Mobile - dynamic / lazy loaded */}
+            <BentoCardSwiper
+              bentoItems={bentoItems}
               eventCategory={eventCategory}
             />
-          ))}
-        </Section>
-
-        {/* Activity - The strongest ecosystem */}
-        <Section id="activity" variant="responsiveFlex">
-          <SectionBanner>
-            <Image src={ActivityImage} alt="" />
-          </SectionBanner>
-
-          <SectionContent>
-            <SectionTag>{t("page-index-activity-tag")}</SectionTag>
-            <SectionHeader>{t("page-index-activity-header")}</SectionHeader>
-            <div className="py-16 lg:py-32">
-              <p className="mt-8 text-xl font-bold">
-                {t("page-index-activity-description")}
-              </p>
-              <ActivityStats metrics={metrics} />
 
-              <div className="mt-12 flex flex-wrap gap-6 py-8">
-                <ButtonLink
-                  size="lg"
-                  href="/enterprise/"
-                  customEventOptions={{
-                    eventCategory: eventCategory,
-                    eventAction: "ethereum_activity",
-                    eventName: "enterprise",
-                  }}
-                >
-                  {t("page-index-activity-action-primary")} <ChevronNext />
-                </ButtonLink>
-                <ButtonLink
-                  size="lg"
-                  href="/resources/"
-                  isSecondary
-                  variant="outline"
-                  customEventOptions={{
-                    eventCategory: eventCategory,
-                    eventAction: "ethereum_activity",
-                    eventName: "ethereum_activity",
-                  }}
-                >
-                  {t("page-index-activity-action")} <ChevronNext />
-                </ButtonLink>
-              </div>
-            </div>
-          </SectionContent>
-        </Section>
-
-        {/* Learn - Understand Ethereum */}
-        <Section
-          id="learn"
-          variant="responsiveFlex"
-          className="md:flex-row-reverse"
-        >
-          <SectionBanner>
-            <Image src={LearnImage} alt="" />
-          </SectionBanner>
-
-          <SectionContent>
-            <SectionTag>{t("page-index-learn-tag")}</SectionTag>
-            <SectionHeader>{t("page-index-learn-header")}</SectionHeader>
-            <div className="flex flex-col gap-y-16 lg:gap-y-32">
-              <p className="text-lg">{t("page-index-learn-description")}</p>
-              <div className="flex flex-col gap-y-8">
-                <h3 className="text-xl font-bold">
-                  {t("page-index-popular-topics-header")}
-                </h3>
-                <div className="grid grid-cols-1 gap-8 sm:grid-cols-2 md:grid-cols-1 lg:grid-cols-2">
-                  {popularTopics.map(
-                    ({ label, Svg, href, eventName, className }) => (
-                      <SvgButtonLink
-                        key={label}
-                        Svg={Svg}
-                        href={href}
-                        className={cn(
-                          "text-accent-b hover:text-accent-b-hover [&>:first-child]:flex-row",
-                          className
-                        )}
-                        customEventOptions={{
-                          eventCategory,
-                          eventAction: "popular topics",
-                          eventName,
-                        }}
-                      >
-                        <p className="text-start text-xl font-bold text-body group-hover:underline">
-                          {label}
-                        </p>
-                      </SvgButtonLink>
-                    )
-                  )}
-                </div>
-                <div className="flex py-8 sm:justify-center">
+            {/* Desktop */}
+            {bentoItems.map(({ className, ...item }) => (
+              <BentoCard
+                key={item.title}
+                {...item}
+                className={cn(className, "max-lg:hidden")} // Desktop only
+                eventCategory={eventCategory}
+              />
+            ))}
+          </Section>
+
+          {/* Activity - The strongest ecosystem */}
+          <Section id="activity" variant="responsiveFlex">
+            <SectionBanner>
+              <Image src={ActivityImage} alt="" />
+            </SectionBanner>
+
+            <SectionContent>
+              <SectionTag>{t("page-index-activity-tag")}</SectionTag>
+              <SectionHeader>{t("page-index-activity-header")}</SectionHeader>
+              <div className="py-16 lg:py-32">
+                <p className="mt-8 text-xl font-bold">
+                  {t("page-index-activity-description")}
+                </p>
+                <ActivityStats metrics={metrics} />
+
+                <div className="mt-12 flex flex-wrap gap-6 py-8">
                   <ButtonLink
-                    href="/learn/"
                     size="lg"
-                    variant="outline"
+                    href="/enterprise/"
+                    customEventOptions={{
+                      eventCategory: eventCategory,
+                      eventAction: "ethereum_activity",
+                      eventName: "enterprise",
+                    }}
+                  >
+                    {t("page-index-activity-action-primary")} <ChevronNext />
+                  </ButtonLink>
+                  <ButtonLink
+                    size="lg"
+                    href="/resources/"
                     isSecondary
-                    className="max-sm:self-start"
+                    variant="outline"
                     customEventOptions={{
-                      eventCategory,
-                      eventAction: "learn",
-                      eventName: "learn",
+                      eventCategory: eventCategory,
+                      eventAction: "ethereum_activity",
+                      eventName: "ethereum_activity",
                     }}
                   >
-                    {t("page-index-popular-topics-action")} <ChevronNext />
+                    {t("page-index-activity-action")} <ChevronNext />
                   </ButtonLink>
                 </div>
               </div>
-            </div>{" "}
-          </SectionContent>
-        </Section>
-
-        {/* Values - The Internet Is Changing */}
-        <Section id="values" className="!sm:my-64 !my-48 scroll-m-48">
-          <SectionContent className="flex flex-col items-center text-center">
-            <SectionTag>{t("page-index-values-tag")}</SectionTag>
-            <SectionHeader>{t("page-index-values-header")}</SectionHeader>
-            <p className="text-lg text-body-medium">
-              {t("page-index-values-description")}
-            </p>
-          </SectionContent>
-
-          {/* dynamic / lazy loaded */}
-          <IntersectionObserverReveal rootMargin="-50% 0px 0px 0px">
-            <ValuesMarquee
-              pairings={valuesPairings}
-              eventCategory={eventCategory}
-              categoryLabels={{
-                ethereum: tCommon("ethereum"),
-                legacy: t("page-index-values-legacy"),
-              }}
-            />
-          </IntersectionObserverReveal>
-        </Section>
-
-        {/* Builders - Blockchain's biggest builder community */}
-        <Section id="builders" variant="responsiveFlex">
-          <SectionBanner className="relative">
-            <Image src={BuildersImage} alt="" />
-          </SectionBanner>
-
-          <SectionContent>
-            <SectionTag>{t("page-index-builders-tag")}</SectionTag>
-            <SectionHeader>{t("page-index-builders-header")}</SectionHeader>
-            <p className="text-lg">{t("page-index-builders-description")}</p>
-            <div className="flex flex-wrap gap-6 py-8">
-              <ButtonLink
-                href="/developers/"
-                size="lg"
-                className="w-fit"
-                customEventOptions={{
-                  eventCategory,
-                  eventAction: "builders",
-                  eventName: "developers",
-                }}
-              >
-                {t("page-index-builders-action-primary")} <ChevronNext />
-              </ButtonLink>
-              <ButtonLink
-                href="/developers/docs/"
-                size="lg"
-                variant="outline"
-                isSecondary
-                className="w-fit"
-                customEventOptions={{
-                  eventCategory,
-                  eventAction: "builders",
-                  eventName: "dev docs",
-                }}
-              >
-                {t("page-index-builders-action-secondary")}
-              </ButtonLink>
-            </div>
-            <div className="py-8 md:pb-16 md:pt-8 lg:pb-32 lg:pt-16">
-              {/* CLIENT SIDE */}
-              <CodeExamples
-                title={t("page-index-developers-code-examples")}
-                codeExamples={codeExamples}
+            </SectionContent>
+          </Section>
+
+          {/* Learn - Understand Ethereum */}
+          <Section
+            id="learn"
+            variant="responsiveFlex"
+            className="md:flex-row-reverse"
+          >
+            <SectionBanner>
+              <Image src={LearnImage} alt="" />
+            </SectionBanner>
+
+            <SectionContent>
+              <SectionTag>{t("page-index-learn-tag")}</SectionTag>
+              <SectionHeader>{t("page-index-learn-header")}</SectionHeader>
+              <div className="flex flex-col gap-y-16 lg:gap-y-32">
+                <p className="text-lg">{t("page-index-learn-description")}</p>
+                <div className="flex flex-col gap-y-8">
+                  <h3 className="text-xl font-bold">
+                    {t("page-index-popular-topics-header")}
+                  </h3>
+                  <div className="grid grid-cols-1 gap-8 sm:grid-cols-2 md:grid-cols-1 lg:grid-cols-2">
+                    {popularTopics.map(
+                      ({ label, Svg, href, eventName, className }) => (
+                        <SvgButtonLink
+                          key={label}
+                          Svg={Svg}
+                          href={href}
+                          className={cn(
+                            "text-accent-b hover:text-accent-b-hover [&>:first-child]:flex-row",
+                            className
+                          )}
+                          customEventOptions={{
+                            eventCategory,
+                            eventAction: "popular topics",
+                            eventName,
+                          }}
+                        >
+                          <p className="text-start text-xl font-bold text-body group-hover:underline">
+                            {label}
+                          </p>
+                        </SvgButtonLink>
+                      )
+                    )}
+                  </div>
+                  <div className="flex py-8 sm:justify-center">
+                    <ButtonLink
+                      href="/learn/"
+                      size="lg"
+                      variant="outline"
+                      isSecondary
+                      className="max-sm:self-start"
+                      customEventOptions={{
+                        eventCategory,
+                        eventAction: "learn",
+                        eventName: "learn",
+                      }}
+                    >
+                      {t("page-index-popular-topics-action")} <ChevronNext />
+                    </ButtonLink>
+                  </div>
+                </div>
+              </div>{" "}
+            </SectionContent>
+          </Section>
+
+          {/* Values - The Internet Is Changing */}
+          <Section id="values" className="!sm:my-64 !my-48 scroll-m-48">
+            <SectionContent className="flex flex-col items-center text-center">
+              <SectionTag>{t("page-index-values-tag")}</SectionTag>
+              <SectionHeader>{t("page-index-values-header")}</SectionHeader>
+              <p className="text-lg text-body-medium">
+                {t("page-index-values-description")}
+              </p>
+            </SectionContent>
+
+            {/* dynamic / lazy loaded */}
+            <IntersectionObserverReveal rootMargin="-50% 0px 0px 0px">
+              <ValuesMarquee
+                pairings={valuesPairings}
                 eventCategory={eventCategory}
-              />
-            </div>
-          </SectionContent>
-        </Section>
-
-        {/* Ethereum.org community - Built by the community */}
-        <Section
-          id="community"
-          variant="responsiveFlex"
-          className="md:flex-row-reverse"
-        >
-          <SectionBanner>
-            <Image src={CommunityImage} alt="" />
-          </SectionBanner>
-
-          <SectionContent>
-            <SectionTag>{t("page-index-community-tag")}</SectionTag>
-            <SectionHeader>{t("page-index-community-header")}</SectionHeader>
-            <div className="mt-8 flex flex-col gap-8 text-lg">
-              <p>{t("page-index-community-description-1")}</p>
-              <p>{t("page-index-community-description-2")}</p>
-              <p>{t("page-index-community-description-3")}</p>
-            </div>
-            <div className="flex flex-wrap gap-3 py-8">
-              <ButtonLink
-                href="/community/"
-                size="lg"
-                customEventOptions={{
-                  eventCategory,
-                  eventAction: "community",
-                  eventName: "community",
+                categoryLabels={{
+                  ethereum: tCommon("ethereum"),
+                  legacy: t("page-index-values-legacy"),
                 }}
-              >
-                {t("page-index-community-action")} <ChevronNext />
-              </ButtonLink>
-              <div className="flex gap-3">
+              />
+            </IntersectionObserverReveal>
+          </Section>
+
+          {/* Builders - Blockchain's biggest builder community */}
+          <Section id="builders" variant="responsiveFlex">
+            <SectionBanner className="relative">
+              <Image src={BuildersImage} alt="" />
+            </SectionBanner>
+
+            <SectionContent>
+              <SectionTag>{t("page-index-builders-tag")}</SectionTag>
+              <SectionHeader>{t("page-index-builders-header")}</SectionHeader>
+              <p className="text-lg">{t("page-index-builders-description")}</p>
+              <div className="flex flex-wrap gap-6 py-8">
                 <ButtonLink
-                  href="https://discord.gg/ethereum-org"
+                  href="/developers/"
                   size="lg"
-                  variant="outline"
-                  isSecondary
-                  hideArrow
+                  className="w-fit"
                   customEventOptions={{
                     eventCategory,
-                    eventAction: "community",
-                    eventName: "discord",
+                    eventAction: "builders",
+                    eventName: "developers",
                   }}
                 >
-                  <Discord />
+                  {t("page-index-builders-action-primary")} <ChevronNext />
                 </ButtonLink>
                 <ButtonLink
-                  href={GITHUB_REPO_URL}
+                  href="/developers/docs/"
                   size="lg"
                   variant="outline"
                   isSecondary
-                  hideArrow
+                  className="w-fit"
                   customEventOptions={{
                     eventCategory,
-                    eventAction: "community",
-                    eventName: "github",
+                    eventAction: "builders",
+                    eventName: "dev docs",
                   }}
                 >
-                  <Github />
+                  {t("page-index-builders-action-secondary")}
                 </ButtonLink>
               </div>
-            </div>
-            <div className="py-8 md:pt-8 lg:pt-16">
-              <WindowBox title={t("page-index-calendar-title")} Svg={Calendar}>
-                {calendar.length > 0 ? (
-                  calendar.map(({ date, title, calendarLink }) => {
-                    const customEventOptions = {
-                      eventCategory,
-                      eventAction: "Community Events Widget",
-                      eventName: "upcoming",
-                    }
-                    return (
-                      <div
-                        key={title + date}
-                        className="flex flex-col justify-between gap-6 border-t px-6 py-4 xl:flex-row"
-                      >
-                        <div className="flex flex-col gap-y-0.5 text-center text-base sm:text-start">
-                          <Link
-                            href={calendarLink}
-                            className="text-sm font-bold text-body no-underline hover:underline"
-                            customEventOptions={customEventOptions}
-                            hideArrow
-                          >
-                            {title}
-                          </Link>
-                          <p className="italic text-body-medium">
-                            {new Intl.DateTimeFormat(locale, {
-                              month: "long",
-                              day: "2-digit",
-                              year: "numeric",
-                              hour: "numeric",
-                              minute: "numeric",
-                            }).format(new Date(date))}
-                          </p>
-                        </div>
-                        <ButtonLink
-                          className="h-fit w-full text-nowrap px-5 sm:w-fit xl:self-center"
-                          size="md"
-                          variant="ghost"
-                          href={calendarLink}
-                          hideArrow
-                          customEventOptions={customEventOptions}
-                        >
-                          <CalendarAdd /> {t("page-index-calendar-add")}
-                        </ButtonLink>
-                      </div>
-                    )
-                  })
-                ) : (
-                  <div className="flex flex-col justify-between gap-6 border-t px-6 py-4 lg:flex-row">
-                    {t("page-index-calendar-fallback")}
-                  </div>
-                )}
-              </WindowBox>
-            </div>
-          </SectionContent>
-        </Section>
-
-        {/* Recent posts */}
-        <Section id="recent">
-          <h3 className="mb-4 mt-2 text-4xl font-black lg:text-5xl">
-            {t("page-index-posts-header")}
-          </h3>
-          <p>{t("page-index-posts-subtitle")}</p>
-
-          {/* dynamic / lazy loaded */}
-          <RecentPostsSwiper
-            className="mt-4 md:mt-16"
-            rssItems={rssItems}
-            eventCategory={eventCategory}
-          />
-
-          <div className="mt-8 flex flex-col gap-4 rounded-2xl border p-8">
-            <p className="text-lg">{t("page-index-posts-action")}</p>
-            <div className="flex flex-wrap gap-x-6 gap-y-4">
-              {blogLinks.map(({ name, href }) => (
-                <Link
-                  href={href}
-                  key={name}
+              <div className="py-8 md:pb-16 md:pt-8 lg:pb-32 lg:pt-16">
+                {/* CLIENT SIDE */}
+                <CodeExamples
+                  title={t("page-index-developers-code-examples")}
+                  codeExamples={codeExamples}
+                  eventCategory={eventCategory}
+                />
+              </div>
+            </SectionContent>
+          </Section>
+
+          {/* Ethereum.org community - Built by the community */}
+          <Section
+            id="community"
+            variant="responsiveFlex"
+            className="md:flex-row-reverse"
+          >
+            <SectionBanner>
+              <Image src={CommunityImage} alt="" />
+            </SectionBanner>
+
+            <SectionContent>
+              <SectionTag>{t("page-index-community-tag")}</SectionTag>
+              <SectionHeader>{t("page-index-community-header")}</SectionHeader>
+              <div className="mt-8 flex flex-col gap-8 text-lg">
+                <p>{t("page-index-community-description-1")}</p>
+                <p>{t("page-index-community-description-2")}</p>
+                <p>{t("page-index-community-description-3")}</p>
+              </div>
+              <div className="flex flex-wrap gap-3 py-8">
+                <ButtonLink
+                  href="/community/"
+                  size="lg"
                   customEventOptions={{
                     eventCategory,
-                    eventAction: "blogs_read_more",
-                    eventName: name!,
+                    eventAction: "community",
+                    eventName: "community",
                   }}
                 >
-                  {name}
-                </Link>
-              ))}
-            </div>
-          </div>
-        </Section>
-
-        {/* Events */}
-        <Section id="events">
-          <h3 className="mb-4 mt-2 text-4xl font-black lg:text-5xl">
-            {t("page-index-events-header")}
-          </h3>
-          <p>{t("page-index-events-subtitle")}</p>
-          <div className="mt-4 md:mt-16">
-            <div className="grid grid-cols-1 gap-8 self-stretch sm:grid-cols-2 md:grid-cols-3">
-              {upcomingEvents.map(
-                (
-                  {
-                    title,
-                    href,
-                    location,
-                    description,
-                    startDate,
-                    endDate,
-                    imageUrl,
-                  },
-                  idx
-                ) => (
-                  <Card
-                    key={title + description}
-                    href={href}
-                    className={cn(
-                      idx === 0 && "col-span-1 sm:col-span-2 md:col-span-1"
-                    )}
+                  {t("page-index-community-action")} <ChevronNext />
+                </ButtonLink>
+                <div className="flex gap-3">
+                  <ButtonLink
+                    href="https://discord.gg/ethereum-org"
+                    size="lg"
+                    variant="outline"
+                    isSecondary
+                    hideArrow
                     customEventOptions={{
                       eventCategory,
-                      eventAction: "posts",
-                      eventName: title,
+                      eventAction: "community",
+                      eventName: "discord",
                     }}
                   >
-                    <CardBanner>
-                      {imageUrl ? (
-                        <CardImage
-                          src={imageUrl}
-                          className="max-w-full object-cover object-center"
-                        />
-                      ) : (
-                        <Image src={EventFallback} alt="" sizes="276px" />
-                      )}
-                      <Image src={EventFallback} alt="" sizes="276px" />
-                    </CardBanner>
-                    <CardContent>
-                      <CardTitle>{title}</CardTitle>
-                      <CardSubTitle>
-                        {(isValidDate(startDate) || isValidDate(endDate)) &&
-                          new Intl.DateTimeFormat(locale, {
-                            month: "long",
-                            day: "numeric",
-                            year: "numeric",
-                          }).formatRange(
-                            new Date(
-                              isValidDate(startDate) ? startDate : endDate
-                            ),
-                            new Date(isValidDate(endDate) ? endDate : startDate)
-                          )}
-                      </CardSubTitle>
-                      <CardHighlight>{location}</CardHighlight>
-                    </CardContent>
-                  </Card>
-                )
-              )}
-            </div>
-          </div>
-          <div className="flex py-8 sm:justify-center">
-            <ButtonLink
-              href="/community/events/"
-              size="lg"
-              customEventOptions={{
-                eventCategory,
-                eventAction: "events",
-                eventName: "community events",
-              }}
-            >
-              {t("page-index-events-action")} <ChevronNext />
-            </ButtonLink>
-          </div>
-        </Section>
-
-        {/* Join ethereum.org */}
-        <Section
-          id="join"
-          className={cn(
-            "before:absolute before:-inset-px before:bottom-0 before:z-hide before:rounded-[calc(theme(borderRadius.4xl)+1px)] before:content-['']", // Border/gradient positioning
-            "before:bg-gradient-to-b before:from-primary-hover/[0.24] before:to-primary-hover/[0.08] before:dark:from-primary-hover/40 before:dark:to-primary-hover/20", // Border/gradient coloring
-            "relative inset-0 rounded-4xl bg-background" // Paint background color over card portion
-          )}
-        >
-          <div className="mb-12 flex flex-col gap-y-8 rounded-4xl bg-radial-a px-8 py-12 lg:mb-32 xl:mb-36">
-            <div className="flex flex-col gap-y-4 text-center">
-              <h2>{t("page-index-join-header")}</h2>
-              <p>{t("page-index-join-description")}</p>
-            </div>
-            <div className="mx-auto grid grid-cols-1 gap-16 md:grid-cols-2">
-              {joinActions.map(
-                ({ Svg, label, href, className, description, eventName }) => (
-                  <SvgButtonLink
-                    key={label}
-                    Svg={Svg}
-                    label={label}
+                    <Discord />
+                  </ButtonLink>
+                  <ButtonLink
+                    href={GITHUB_REPO_URL}
+                    size="lg"
+                    variant="outline"
+                    isSecondary
+                    hideArrow
+                    customEventOptions={{
+                      eventCategory,
+                      eventAction: "community",
+                      eventName: "github",
+                    }}
+                  >
+                    <Github />
+                  </ButtonLink>
+                </div>
+              </div>
+              <div className="py-8 md:pt-8 lg:pt-16">
+                <WindowBox
+                  title={t("page-index-calendar-title")}
+                  Svg={Calendar}
+                >
+                  {calendar.length > 0 ? (
+                    calendar.map(({ date, title, calendarLink }) => {
+                      const customEventOptions = {
+                        eventCategory,
+                        eventAction: "Community Events Widget",
+                        eventName: "upcoming",
+                      }
+                      return (
+                        <div
+                          key={title + date}
+                          className="flex flex-col justify-between gap-6 border-t px-6 py-4 xl:flex-row"
+                        >
+                          <div className="flex flex-col gap-y-0.5 text-center text-base sm:text-start">
+                            <Link
+                              href={calendarLink}
+                              className="text-sm font-bold text-body no-underline hover:underline"
+                              customEventOptions={customEventOptions}
+                              hideArrow
+                            >
+                              {title}
+                            </Link>
+                            <p className="italic text-body-medium">
+                              {new Intl.DateTimeFormat(locale, {
+                                month: "long",
+                                day: "2-digit",
+                                year: "numeric",
+                                hour: "numeric",
+                                minute: "numeric",
+                              }).format(new Date(date))}
+                            </p>
+                          </div>
+                          <ButtonLink
+                            className="h-fit w-full text-nowrap px-5 sm:w-fit xl:self-center"
+                            size="md"
+                            variant="ghost"
+                            href={calendarLink}
+                            hideArrow
+                            customEventOptions={customEventOptions}
+                          >
+                            <CalendarAdd /> {t("page-index-calendar-add")}
+                          </ButtonLink>
+                        </div>
+                      )
+                    })
+                  ) : (
+                    <div className="flex flex-col justify-between gap-6 border-t px-6 py-4 lg:flex-row">
+                      {t("page-index-calendar-fallback")}
+                    </div>
+                  )}
+                </WindowBox>
+              </div>
+            </SectionContent>
+          </Section>
+
+          {/* Recent posts */}
+          <Section id="recent">
+            <h3 className="mb-4 mt-2 text-4xl font-black lg:text-5xl">
+              {t("page-index-posts-header")}
+            </h3>
+            <p>{t("page-index-posts-subtitle")}</p>
+
+            {/* dynamic / lazy loaded */}
+            <RecentPostsSwiper
+              className="mt-4 md:mt-16"
+              rssItems={rssItems}
+              eventCategory={eventCategory}
+            />
+
+            <div className="mt-8 flex flex-col gap-4 rounded-2xl border p-8">
+              <p className="text-lg">{t("page-index-posts-action")}</p>
+              <div className="flex flex-wrap gap-x-6 gap-y-4">
+                {blogLinks.map(({ name, href }) => (
+                  <Link
                     href={href}
-                    className={cn("max-w-screen-sm", className)}
-                    variant="row"
+                    key={name}
                     customEventOptions={{
                       eventCategory,
-                      eventAction: "join",
-                      eventName,
+                      eventAction: "blogs_read_more",
+                      eventName: name!,
                     }}
                   >
-                    <p className="text-body">{description}</p>
-                  </SvgButtonLink>
-                )
-              )}
+                    {name}
+                  </Link>
+                ))}
+              </div>
             </div>
-          </div>
-        </Section>
-      </div>
-    </MainArticle>
+          </Section>
+
+          {/* Events */}
+          <Section id="events">
+            <h3 className="mb-4 mt-2 text-4xl font-black lg:text-5xl">
+              {t("page-index-events-header")}
+            </h3>
+            <p>{t("page-index-events-subtitle")}</p>
+            <div className="mt-4 md:mt-16">
+              <div className="grid grid-cols-1 gap-8 self-stretch sm:grid-cols-2 md:grid-cols-3">
+                {upcomingEvents.map(
+                  (
+                    {
+                      title,
+                      href,
+                      location,
+                      description,
+                      startDate,
+                      endDate,
+                      imageUrl,
+                    },
+                    idx
+                  ) => (
+                    <Card
+                      key={title + description}
+                      href={href}
+                      className={cn(
+                        idx === 0 && "col-span-1 sm:col-span-2 md:col-span-1"
+                      )}
+                      customEventOptions={{
+                        eventCategory,
+                        eventAction: "posts",
+                        eventName: title,
+                      }}
+                    >
+                      <CardBanner>
+                        {imageUrl ? (
+                          <CardImage
+                            src={imageUrl}
+                            className="max-w-full object-cover object-center"
+                          />
+                        ) : (
+                          <Image src={EventFallback} alt="" sizes="276px" />
+                        )}
+                        <Image src={EventFallback} alt="" sizes="276px" />
+                      </CardBanner>
+                      <CardContent>
+                        <CardTitle>{title}</CardTitle>
+                        <CardSubTitle>
+                          {(isValidDate(startDate) || isValidDate(endDate)) &&
+                            new Intl.DateTimeFormat(locale, {
+                              month: "long",
+                              day: "numeric",
+                              year: "numeric",
+                            }).formatRange(
+                              new Date(
+                                isValidDate(startDate) ? startDate : endDate
+                              ),
+                              new Date(
+                                isValidDate(endDate) ? endDate : startDate
+                              )
+                            )}
+                        </CardSubTitle>
+                        <CardHighlight>{location}</CardHighlight>
+                      </CardContent>
+                    </Card>
+                  )
+                )}
+              </div>
+            </div>
+            <div className="flex py-8 sm:justify-center">
+              <ButtonLink
+                href="/community/events/"
+                size="lg"
+                customEventOptions={{
+                  eventCategory,
+                  eventAction: "events",
+                  eventName: "community events",
+                }}
+              >
+                {t("page-index-events-action")} <ChevronNext />
+              </ButtonLink>
+            </div>
+          </Section>
+
+          {/* Join ethereum.org */}
+          <Section
+            id="join"
+            className={cn(
+              "before:absolute before:-inset-px before:bottom-0 before:z-hide before:rounded-[calc(theme(borderRadius.4xl)+1px)] before:content-['']", // Border/gradient positioning
+              "before:bg-gradient-to-b before:from-primary-hover/[0.24] before:to-primary-hover/[0.08] before:dark:from-primary-hover/40 before:dark:to-primary-hover/20", // Border/gradient coloring
+              "relative inset-0 rounded-4xl bg-background" // Paint background color over card portion
+            )}
+          >
+            <div className="mb-12 flex flex-col gap-y-8 rounded-4xl bg-radial-a px-8 py-12 lg:mb-32 xl:mb-36">
+              <div className="flex flex-col gap-y-4 text-center">
+                <h2>{t("page-index-join-header")}</h2>
+                <p>{t("page-index-join-description")}</p>
+              </div>
+              <div className="mx-auto grid grid-cols-1 gap-16 md:grid-cols-2">
+                {joinActions.map(
+                  ({ Svg, label, href, className, description, eventName }) => (
+                    <SvgButtonLink
+                      key={label}
+                      Svg={Svg}
+                      label={label}
+                      href={href}
+                      className={cn("max-w-screen-sm", className)}
+                      variant="row"
+                      customEventOptions={{
+                        eventCategory,
+                        eventAction: "join",
+                        eventName,
+                      }}
+                    >
+                      <p className="text-body">{description}</p>
+                    </SvgButtonLink>
+                  )
+                )}
+              </div>
+            </div>
+          </Section>
+        </div>
+      </MainArticle>
+    </>
   )
 }
 

From de770a91ed6504f4a00ddf314d4a9e911c167e67 Mon Sep 17 00:00:00 2001
From: Corwin Smith <cssmittys@gmail.com>
Date: Thu, 4 Sep 2025 23:37:34 -0600
Subject: [PATCH 27/41] feat: add JSON-LD structured data for slug pages with
 breadcrumb navigation

---
 app/[locale]/[...slug]/page.tsx | 121 ++++++++++++++++++++++++++++----
 1 file changed, 108 insertions(+), 13 deletions(-)

diff --git a/app/[locale]/[...slug]/page.tsx b/app/[locale]/[...slug]/page.tsx
index 38c6a49cbb5..62bcdc0a91f 100644
--- a/app/[locale]/[...slug]/page.tsx
+++ b/app/[locale]/[...slug]/page.tsx
@@ -80,20 +80,115 @@ export default async function Page({
   const requiredNamespaces = getRequiredNamespacesForPage(slug, layout)
   const messages = pick(allMessages, requiredNamespaces)
 
+  // Generate breadcrumb items for the slug path
+  const breadcrumbItems = [
+    {
+      "@type": "ListItem",
+      position: 1,
+      name: "Home",
+      item: `https://ethereum.org/${locale}/`,
+    },
+  ]
+
+  // Add breadcrumb items for each part of the slug path
+  const slugParts = slug.split("/").filter(Boolean)
+  let currentPath = ""
+
+  slugParts.forEach((part, index) => {
+    currentPath += "/" + part
+    breadcrumbItems.push({
+      "@type": "ListItem",
+      position: index + 2,
+      name: part.charAt(0).toUpperCase() + part.slice(1).replace(/-/g, " "),
+      item: `https://ethereum.org/${locale}${currentPath}/`,
+    })
+  })
+
+  // JSON-LD structured data for the slug page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": `https://ethereum.org/${locale}/${slug}/`,
+    name: frontmatter.title,
+    description: frontmatter.description,
+    url: `https://ethereum.org/${locale}/${slug}/`,
+    inLanguage: locale,
+    isPartOf: {
+      "@type": "WebSite",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: breadcrumbItems,
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+  }
+
+  // JSON-LD for the article content
+  const articleJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "Article",
+    headline: frontmatter.title,
+    description: frontmatter.description,
+    image: frontmatter.image
+      ? `https://ethereum.org${frontmatter.image}`
+      : undefined,
+    author: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    dateModified: frontmatter.published,
+    mainEntityOfPage: `https://ethereum.org/${locale}/${slug}/`,
+    about: {
+      "@type": "Thing",
+      name: frontmatter.title,
+      description: frontmatter.description,
+    },
+  }
+
   return (
-    <I18nProvider locale={locale} messages={messages}>
-      <Layout
-        slug={slug}
-        frontmatter={frontmatter}
-        tocItems={tocItems}
-        lastEditLocaleTimestamp={lastEditLocaleTimestamp}
-        contentNotTranslated={!isTranslated}
-        contributors={contributors}
-        timeToRead={Math.round(timeToRead.minutes)}
-      >
-        {content}
-      </Layout>
-    </I18nProvider>
+    <>
+      <script
+        id="jsonld-webpage-slug"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(webPageJsonLd),
+        }}
+      />
+
+      <script
+        id="jsonld-article-slug"
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(articleJsonLd),
+        }}
+      />
+
+      <I18nProvider locale={locale} messages={messages}>
+        <Layout
+          slug={slug}
+          frontmatter={frontmatter}
+          tocItems={tocItems}
+          lastEditLocaleTimestamp={lastEditLocaleTimestamp}
+          contentNotTranslated={!isTranslated}
+          contributors={contributors}
+          timeToRead={Math.round(timeToRead.minutes)}
+        >
+          {content}
+        </Layout>
+      </I18nProvider>
+    </>
   )
 }
 

From a8b9b7510f36d9930d561bbd32edb0be4cdb0b33 Mon Sep 17 00:00:00 2001
From: Corwin Smith <cssmittys@gmail.com>
Date: Fri, 5 Sep 2025 08:18:09 -0600
Subject: [PATCH 28/41] fix: make locale property optional in
 PageWithContributorsProps type

---
 src/lib/types.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/lib/types.ts b/src/lib/types.ts
index f90bbf6c402..9d212c05638 100644
--- a/src/lib/types.ts
+++ b/src/lib/types.ts
@@ -1009,7 +1009,7 @@ export type EventCardProps = {
 export type PageWithContributorsProps = {
   contributors: FileContributor[]
   lastEditLocaleTimestamp: string
-  locale: Lang
+  locale?: Lang
 }
 
 export type BreakpointKey = keyof typeof screens

From 3ad64c091943ca9fb0705e1b92d5ed813821cea2 Mon Sep 17 00:00:00 2001
From: Paul Wackerow <54227730+wackerow@users.noreply.github.com>
Date: Fri, 5 Sep 2025 17:53:25 +0100
Subject: [PATCH 29/41] feat: add normalizeUrlForJsonLd helper util

---
 src/lib/utils/url.ts | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/lib/utils/url.ts b/src/lib/utils/url.ts
index 8c6cf4616b1..ee28d989c75 100644
--- a/src/lib/utils/url.ts
+++ b/src/lib/utils/url.ts
@@ -75,3 +75,12 @@ export const slugify = (text: string): string => {
       .replace(/^-|-$/g, "") // Remove leading/trailing hyphens
   )
 }
+
+export const normalizeUrlForJsonLd = (
+  locale: string,
+  pathWithoutLocale: string
+): string => {
+  const path = join(locale === DEFAULT_LOCALE ? "" : locale, pathWithoutLocale)
+  const url = new URL(path, SITE_URL)
+  return url.toString()
+}

From a549b822235c128f1f60ec0e011ba427d79aa2d4 Mon Sep 17 00:00:00 2001
From: Corwin Smith <cssmittys@gmail.com>
Date: Mon, 8 Sep 2025 21:37:56 -0600
Subject: [PATCH 30/41] change request test

---
 app/[locale]/10years/page-jsonld.tsx | 104 +++++++++++++++++++++++++++
 app/[locale]/10years/page.tsx        | 104 +--------------------------
 src/components/PageJsonLD.tsx        |  21 ++++++
 3 files changed, 127 insertions(+), 102 deletions(-)
 create mode 100644 app/[locale]/10years/page-jsonld.tsx
 create mode 100644 src/components/PageJsonLD.tsx

diff --git a/app/[locale]/10years/page-jsonld.tsx b/app/[locale]/10years/page-jsonld.tsx
new file mode 100644
index 00000000000..f4730019aac
--- /dev/null
+++ b/app/[locale]/10years/page-jsonld.tsx
@@ -0,0 +1,104 @@
+import { getTranslations } from "next-intl/server"
+
+import PageJsonLD from "@/components/PageJsonLD"
+
+interface TenYearJsonLdProps {
+  locale: string
+}
+
+export default async function TenYearJsonLD({ locale }: TenYearJsonLdProps) {
+  const t = await getTranslations({
+    locale,
+    namespace: "page-10-year-anniversary",
+  })
+
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": `https://ethereum.org/${locale}/10years/`,
+    name: t("page-10-year-anniversary-meta-title"),
+    description: t("page-10-year-anniversary-meta-description"),
+    url: `https://ethereum.org/${locale}/10years/`,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: `https://ethereum.org/${locale}/`,
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: t("page-10-year-anniversary-meta-title"),
+          item: `https://ethereum.org/${locale}/10years/`,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "Ethereum Foundation",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/assets/eth-logo.png",
+        width: "256",
+        height: "417",
+      },
+    },
+    mainEntity: {
+      "@type": "Event",
+      "@id": `https://ethereum.org/${locale}/10years/#ethereum-10-year-anniversary`,
+    },
+  }
+
+  const eventJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "Event",
+    "@id": `https://ethereum.org/${locale}/10years/#ethereum-10-year-anniversary`,
+    name: t("page-10-year-anniversary-meta-title"),
+    description: t("page-10-year-anniversary-meta-description"),
+    startDate: "2024-07-30",
+    endDate: "2024-07-30",
+    eventStatus: "https://schema.org/EventCompleted",
+    eventAttendanceMode: "https://schema.org/OnlineEventAttendanceMode",
+    url: `https://ethereum.org/${locale}/10years/`,
+    organizer: {
+      "@type": "Organization",
+      name: "Ethereum Foundation",
+      url: "https://ethereum.org",
+    },
+    location: {
+      "@type": "VirtualLocation",
+      url: `https://ethereum.org/${locale}/10years/`,
+    },
+    image: {
+      "@type": "ImageObject",
+      url: "https://ethereum.org/assets/10-years/10-years-hero.png",
+      width: "1200",
+      height: "630",
+    },
+  }
+
+  const videoJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "VideoObject",
+    name: "Ethereum: 10 Years Anniversary",
+    description: t("page-10-year-anniversary-meta-description"),
+    thumbnailUrl: "https://i.ytimg.com/vi/gjwr-7PgpTC/maxresdefault.jpg",
+    uploadDate: "2024-07-30",
+    duration: "PT5M30S",
+    embedUrl: "https://www.youtube.com/embed/gjwr-7PgpTC",
+    publisher: {
+      "@type": "Organization",
+      name: "Ethereum Foundation",
+      url: "https://ethereum.org",
+    },
+  }
+
+  return (
+    <PageJsonLD structuredData={[webPageJsonLd, eventJsonLd, videoJsonLd]} />
+  )
+}
diff --git a/app/[locale]/10years/page.tsx b/app/[locale]/10years/page.tsx
index 050149e58f2..86b131489c7 100644
--- a/app/[locale]/10years/page.tsx
+++ b/app/[locale]/10years/page.tsx
@@ -39,6 +39,7 @@ import {
   getInnovationCards,
   parseStoryDates,
 } from "./_components/utils"
+import TenYearJsonLD from "./page-jsonld"
 
 import { routing } from "@/i18n/routing"
 import { fetch10YearEvents } from "@/lib/api/fetch10YearEvents"
@@ -110,110 +111,9 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
     (holder) => !isAddressFiltered(holder.address)
   )
 
-  // Separate JSON-LD structured data blocks for better Google parsing
-  const webPageJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "WebPage",
-    "@id": `https://ethereum.org/${locale}/10years/`,
-    name: t("page-10-year-anniversary-meta-title"),
-    description: t("page-10-year-anniversary-meta-description"),
-    url: `https://ethereum.org/${locale}/10years/`,
-    inLanguage: locale,
-    breadcrumb: {
-      "@type": "BreadcrumbList",
-      itemListElement: [
-        {
-          "@type": "ListItem",
-          position: 1,
-          name: "Home",
-          item: `https://ethereum.org/${locale}/`,
-        },
-        {
-          "@type": "ListItem",
-          position: 2,
-          name: t("page-10-year-anniversary-meta-title"),
-          item: `https://ethereum.org/${locale}/10years/`,
-        },
-      ],
-    },
-    publisher: {
-      "@type": "Organization",
-      name: "Ethereum Foundation",
-      url: "https://ethereum.org",
-      logo: {
-        "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
-      },
-    },
-  }
-
-  const eventJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "Event",
-    name: "Ethereum 10th Anniversary",
-    description: t("page-10-year-hero-description"),
-    startDate: "2025-07-30T15:00:00Z",
-    endDate: "2025-07-30T15:26:13Z",
-    eventStatus: "https://schema.org/EventScheduled",
-    organizer: {
-      "@type": "Organization",
-      name: "Ethereum Foundation",
-      url: "https://ethereum.org",
-    },
-    location: {
-      "@type": "VirtualLocation",
-      name: "Online",
-      url: `https://ethereum.org/${locale}/10years/`,
-    },
-    image: ["https://ethereum.org/images/10-year-anniversary/10-year-og.png"],
-    url: `https://ethereum.org/${locale}/10years/`,
-  }
-
-  const videoJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "VideoObject",
-    name: t("page-10-year-livestream-video-title"),
-    description: t("page-10-year-livestream-title"),
-    embedUrl: "https://www.youtube.com/embed/igPIMF1p5Bo",
-    contentUrl: "https://www.youtube.com/watch?v=igPIMF1p5Bo",
-    thumbnailUrl:
-      "https://ethereum.org/images/10-year-anniversary/10-year-og.png",
-    uploadDate: "2025-07-30T15:26:13Z",
-    duration: "PT1H30M",
-    publisher: {
-      "@type": "Organization",
-      name: "Ethereum Foundation",
-      url: "https://ethereum.org",
-      logo: {
-        "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
-      },
-    },
-  }
-
   return (
     <>
-      <script
-        id="jsonld-webpage"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(webPageJsonLd),
-        }}
-      />
-      <script
-        id="jsonld-event"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(eventJsonLd),
-        }}
-      />
-      <script
-        id="jsonld-video"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(videoJsonLd),
-        }}
-      />
+      <TenYearJsonLD locale={locale} />
       <MainArticle className="mx-auto flex w-full flex-col items-center">
         <TenYearHero locale={locale} />
 
diff --git a/src/components/PageJsonLD.tsx b/src/components/PageJsonLD.tsx
new file mode 100644
index 00000000000..b47d5f220a5
--- /dev/null
+++ b/src/components/PageJsonLD.tsx
@@ -0,0 +1,21 @@
+interface PageJsonLDProps {
+  structuredData: Record<string, unknown> | Record<string, unknown>[]
+}
+
+export default function PageJsonLD({ structuredData }: PageJsonLDProps) {
+  const jsonLdArray = Array.isArray(structuredData)
+    ? structuredData
+    : [structuredData]
+
+  return (
+    <>
+      {jsonLdArray.map((data, index) => (
+        <script
+          key={index}
+          type="application/ld+json"
+          dangerouslySetInnerHTML={{ __html: JSON.stringify(data) }}
+        />
+      ))}
+    </>
+  )
+}

From 3ec5f29900b290850ac403083b565763a42d769b Mon Sep 17 00:00:00 2001
From: Corwin Smith <cssmittys@gmail.com>
Date: Tue, 9 Sep 2025 10:03:56 -0600
Subject: [PATCH 31/41] apps jsonld refactor

---
 app/[locale]/10years/page-jsonld.tsx          | 27 +++---
 .../apps/[application]/page-jsonld.tsx        | 83 ++++++++++++++++++
 app/[locale]/apps/[application]/page.tsx      | 80 +----------------
 .../[catetgoryName]/page-jsonld.tsx           | 86 +++++++++++++++++++
 .../apps/categories/[catetgoryName]/page.tsx  | 82 ++----------------
 app/[locale]/apps/page-jsonld.tsx             | 68 +++++++++++++++
 app/[locale]/apps/page.tsx                    | 69 +--------------
 7 files changed, 261 insertions(+), 234 deletions(-)
 create mode 100644 app/[locale]/apps/[application]/page-jsonld.tsx
 create mode 100644 app/[locale]/apps/categories/[catetgoryName]/page-jsonld.tsx
 create mode 100644 app/[locale]/apps/page-jsonld.tsx

diff --git a/app/[locale]/10years/page-jsonld.tsx b/app/[locale]/10years/page-jsonld.tsx
index f4730019aac..62e80f9b4ac 100644
--- a/app/[locale]/10years/page-jsonld.tsx
+++ b/app/[locale]/10years/page-jsonld.tsx
@@ -2,23 +2,22 @@ import { getTranslations } from "next-intl/server"
 
 import PageJsonLD from "@/components/PageJsonLD"
 
-interface TenYearJsonLdProps {
-  locale: string
-}
+import { normalizeUrlForJsonLd } from "@/lib/utils/url"
 
-export default async function TenYearJsonLD({ locale }: TenYearJsonLdProps) {
+export default async function TenYearJsonLD({ locale }: { locale: string }) {
   const t = await getTranslations({
-    locale,
     namespace: "page-10-year-anniversary",
   })
 
+  const url = normalizeUrlForJsonLd(locale, "/10years/")
+
   const webPageJsonLd = {
     "@context": "https://schema.org",
     "@type": "WebPage",
-    "@id": `https://ethereum.org/${locale}/10years/`,
+    "@id": url,
     name: t("page-10-year-anniversary-meta-title"),
     description: t("page-10-year-anniversary-meta-description"),
-    url: `https://ethereum.org/${locale}/10years/`,
+    url: url,
     inLanguage: locale,
     breadcrumb: {
       "@type": "BreadcrumbList",
@@ -27,19 +26,19 @@ export default async function TenYearJsonLD({ locale }: TenYearJsonLdProps) {
           "@type": "ListItem",
           position: 1,
           name: "Home",
-          item: `https://ethereum.org/${locale}/`,
+          item: normalizeUrlForJsonLd(locale, "/"),
         },
         {
           "@type": "ListItem",
           position: 2,
           name: t("page-10-year-anniversary-meta-title"),
-          item: `https://ethereum.org/${locale}/10years/`,
+          item: url,
         },
       ],
     },
     publisher: {
       "@type": "Organization",
-      name: "Ethereum Foundation",
+      name: "ethereum.org",
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
@@ -50,21 +49,21 @@ export default async function TenYearJsonLD({ locale }: TenYearJsonLdProps) {
     },
     mainEntity: {
       "@type": "Event",
-      "@id": `https://ethereum.org/${locale}/10years/#ethereum-10-year-anniversary`,
+      "@id": `${url}#ethereum-10-year-anniversary`,
     },
   }
 
   const eventJsonLd = {
     "@context": "https://schema.org",
     "@type": "Event",
-    "@id": `https://ethereum.org/${locale}/10years/#ethereum-10-year-anniversary`,
+    "@id": `${url}#ethereum-10-year-anniversary`,
     name: t("page-10-year-anniversary-meta-title"),
     description: t("page-10-year-anniversary-meta-description"),
     startDate: "2024-07-30",
     endDate: "2024-07-30",
     eventStatus: "https://schema.org/EventCompleted",
     eventAttendanceMode: "https://schema.org/OnlineEventAttendanceMode",
-    url: `https://ethereum.org/${locale}/10years/`,
+    url: url,
     organizer: {
       "@type": "Organization",
       name: "Ethereum Foundation",
@@ -72,7 +71,7 @@ export default async function TenYearJsonLD({ locale }: TenYearJsonLdProps) {
     },
     location: {
       "@type": "VirtualLocation",
-      url: `https://ethereum.org/${locale}/10years/`,
+      url: url,
     },
     image: {
       "@type": "ImageObject",
diff --git a/app/[locale]/apps/[application]/page-jsonld.tsx b/app/[locale]/apps/[application]/page-jsonld.tsx
new file mode 100644
index 00000000000..0a777190168
--- /dev/null
+++ b/app/[locale]/apps/[application]/page-jsonld.tsx
@@ -0,0 +1,83 @@
+import { AppData } from "@/lib/types"
+
+import PageJsonLD from "@/components/PageJsonLD"
+
+import { normalizeUrlForJsonLd } from "@/lib/utils/url"
+
+export default async function AppsAppJsonLD({
+  locale,
+  app,
+}: {
+  locale: string
+  app: AppData
+}) {
+  const url = normalizeUrlForJsonLd(locale, `/apps/${app.name}`)
+
+  // JSON-LD structured data for the individual app page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": url,
+    name: `Ethereum Apps - ${app.name}`,
+    description: app.description,
+    url: url,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: normalizeUrlForJsonLd(locale, "/"),
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: "Apps",
+          item: normalizeUrlForJsonLd(locale, "/apps/"),
+        },
+        {
+          "@type": "ListItem",
+          position: 3,
+          name: app.name,
+          item: url,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
+  }
+
+  const softwareApplicationJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "SoftwareApplication",
+    name: app.name,
+    description: app.description,
+    url: app.url,
+    image: app.image,
+    applicationCategory: app.category,
+    applicationSubCategory: app.subCategory.join(", "),
+    operatingSystem: "Web Browser",
+    author: {
+      "@type": "Organization",
+      name: app.parentCompany,
+    },
+    datePublished: app.dateOfLaunch,
+    dateModified: app.lastUpdated,
+    inLanguage: app.languages,
+    screenshot: app.screenshots.slice(0, 5),
+    sameAs: [app.twitter, app.github, app.discord].filter(Boolean),
+  }
+
+  return (
+    <PageJsonLD structuredData={[webPageJsonLd, softwareApplicationJsonLd]} />
+  )
+}
diff --git a/app/[locale]/apps/[application]/page.tsx b/app/[locale]/apps/[application]/page.tsx
index b15db9f3bd1..97666d545c7 100644
--- a/app/[locale]/apps/[application]/page.tsx
+++ b/app/[locale]/apps/[application]/page.tsx
@@ -46,6 +46,7 @@ import { BASE_TIME_UNIT } from "@/lib/constants"
 import AppCard from "../_components/AppCard"
 
 import ScreenshotSwiper from "./_components/ScreenshotSwiper"
+import AppsAppJsonLD from "./page-jsonld"
 
 import { fetchApps } from "@/lib/api/fetchApps"
 
@@ -127,86 +128,9 @@ const Page = async ({
     return t("page-apps-days-ago", { days: diffInDays })
   }
 
-  // JSON-LD structured data for the individual app page
-  const webPageJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "WebPage",
-    "@id": `https://ethereum.org/${locale}/apps/${application}/`,
-    name: `Ethereum Apps - ${app.name}`,
-    description: app.description,
-    url: `https://ethereum.org/${locale}/apps/${application}/`,
-    inLanguage: locale,
-    breadcrumb: {
-      "@type": "BreadcrumbList",
-      itemListElement: [
-        {
-          "@type": "ListItem",
-          position: 1,
-          name: "Home",
-          item: `https://ethereum.org/${locale}/`,
-        },
-        {
-          "@type": "ListItem",
-          position: 2,
-          name: "Apps",
-          item: `https://ethereum.org/${locale}/apps/`,
-        },
-        {
-          "@type": "ListItem",
-          position: 3,
-          name: app.name,
-          item: `https://ethereum.org/${locale}/apps/${application}/`,
-        },
-      ],
-    },
-    publisher: {
-      "@type": "Organization",
-      name: "Ethereum Foundation",
-      url: "https://ethereum.org",
-      logo: {
-        "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
-      },
-    },
-  }
-
-  const softwareApplicationJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "SoftwareApplication",
-    name: app.name,
-    description: app.description,
-    url: app.url,
-    image: app.image,
-    applicationCategory: app.category,
-    applicationSubCategory: app.subCategory.join(", "),
-    operatingSystem: "Web Browser",
-    author: {
-      "@type": "Organization",
-      name: app.parentCompany,
-    },
-    datePublished: app.dateOfLaunch,
-    dateModified: app.lastUpdated,
-    inLanguage: app.languages,
-    screenshot: app.screenshots.slice(0, 5),
-    sameAs: [app.twitter, app.github, app.discord].filter(Boolean),
-  }
-
   return (
     <>
-      <script
-        id="jsonld-webpage-app"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(webPageJsonLd),
-        }}
-      />
-      <script
-        id="jsonld-software-app"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(softwareApplicationJsonLd),
-        }}
-      />
+      <AppsAppJsonLD locale={locale} app={app} />
       <I18nProvider locale={locale} messages={messages}>
         <MainArticle className="flex flex-col gap-10 py-10">
           <div className="flex flex-col gap-10 px-4 md:px-10">
diff --git a/app/[locale]/apps/categories/[catetgoryName]/page-jsonld.tsx b/app/[locale]/apps/categories/[catetgoryName]/page-jsonld.tsx
new file mode 100644
index 00000000000..8c4b05b0374
--- /dev/null
+++ b/app/[locale]/apps/categories/[catetgoryName]/page-jsonld.tsx
@@ -0,0 +1,86 @@
+import { getTranslations } from "next-intl/server"
+
+import { AppCategoryData, AppData } from "@/lib/types"
+
+import PageJsonLD from "@/components/PageJsonLD"
+
+import { normalizeUrlForJsonLd } from "@/lib/utils/url"
+
+export default async function AppsCategoryJsonLD({
+  locale,
+  categoryName,
+  category,
+  appsData,
+}: {
+  locale: string
+  categoryName: string
+  category: AppCategoryData
+  appsData: Record<string, AppData[]>
+}) {
+  const t = await getTranslations({ namespace: "page-apps" })
+
+  const url = normalizeUrlForJsonLd(locale, `/apps/categories/${categoryName}`)
+  // Get apps for this category
+  const categoryApps = appsData[categoryName] || []
+
+  // JSON-LD structured data for the apps category page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": url,
+    name: t(category.metaTitle),
+    description: t(category.metaDescription),
+    url: url,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: normalizeUrlForJsonLd(locale, "/"),
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: "Apps",
+          item: normalizeUrlForJsonLd(locale, "/apps/"),
+        },
+        {
+          "@type": "ListItem",
+          position: 3,
+          name: t(category.name),
+          item: url,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
+  }
+
+  const categoryAppsJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "ItemList",
+    name: t(category.name),
+    description: t(category.description),
+    url: url,
+    numberOfItems: categoryApps.length,
+    itemListElement: categoryApps.slice(0, 10).map((app, index) => ({
+      "@type": "ListItem",
+      position: index + 1,
+      name: app.name,
+      description: app.description,
+      url: app.url,
+    })),
+  }
+
+  return <PageJsonLD structuredData={[webPageJsonLd, categoryAppsJsonLd]} />
+}
diff --git a/app/[locale]/apps/categories/[catetgoryName]/page.tsx b/app/[locale]/apps/categories/[catetgoryName]/page.tsx
index f7c8e0cea56..c780f942242 100644
--- a/app/[locale]/apps/categories/[catetgoryName]/page.tsx
+++ b/app/[locale]/apps/categories/[catetgoryName]/page.tsx
@@ -34,6 +34,8 @@ import AppsTable from "../../_components/AppsTable"
 import CategoriesNav from "../../_components/CategoriesNav"
 import SuggestAnApp from "../../_components/SuggestAnApp"
 
+import AppsCategoryJsonLD from "./page-jsonld"
+
 import { fetchApps } from "@/lib/api/fetchApps"
 
 const VALID_CATEGORIES = Object.values(AppCategoryEnum)
@@ -88,83 +90,13 @@ const Page = async ({
     categoryEnum as AppCategoryEnum
   )
 
-  // Get apps for this category
-  const categoryApps = appsData[categoryEnum] || []
-
-  // JSON-LD structured data for the apps category page
-  const webPageJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "WebPage",
-    "@id": `https://ethereum.org/${locale}/apps/categories/${normalizedSlug}/`,
-    name: t(category.metaTitle),
-    description: t(category.metaDescription),
-    url: `https://ethereum.org/${locale}/apps/categories/${normalizedSlug}/`,
-    inLanguage: locale,
-    breadcrumb: {
-      "@type": "BreadcrumbList",
-      itemListElement: [
-        {
-          "@type": "ListItem",
-          position: 1,
-          name: "Home",
-          item: `https://ethereum.org/${locale}/`,
-        },
-        {
-          "@type": "ListItem",
-          position: 2,
-          name: "Apps",
-          item: `https://ethereum.org/${locale}/apps/`,
-        },
-        {
-          "@type": "ListItem",
-          position: 3,
-          name: t(category.name),
-          item: `https://ethereum.org/${locale}/apps/categories/${normalizedSlug}/`,
-        },
-      ],
-    },
-    publisher: {
-      "@type": "Organization",
-      name: "Ethereum Foundation",
-      url: "https://ethereum.org",
-      logo: {
-        "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
-      },
-    },
-  }
-
-  const categoryAppsJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "ItemList",
-    name: t(category.name),
-    description: t(category.description),
-    url: `https://ethereum.org/${locale}/apps/categories/${normalizedSlug}/`,
-    numberOfItems: categoryApps.length,
-    itemListElement: categoryApps.slice(0, 10).map((app, index) => ({
-      "@type": "ListItem",
-      position: index + 1,
-      name: app.name,
-      description: app.description,
-      url: app.url,
-    })),
-  }
-
   return (
     <>
-      <script
-        id="jsonld-webpage-category"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(webPageJsonLd),
-        }}
-      />
-      <script
-        id="jsonld-apps-category"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(categoryAppsJsonLd),
-        }}
+      <AppsCategoryJsonLD
+        locale={locale}
+        categoryName={categoryEnum}
+        category={category}
+        appsData={appsData}
       />
       <I18nProvider locale={locale} messages={messages}>
         <div className="flex flex-col gap-12">
diff --git a/app/[locale]/apps/page-jsonld.tsx b/app/[locale]/apps/page-jsonld.tsx
new file mode 100644
index 00000000000..9c2a28edb76
--- /dev/null
+++ b/app/[locale]/apps/page-jsonld.tsx
@@ -0,0 +1,68 @@
+import { getTranslations } from "next-intl/server"
+
+import PageJsonLD from "@/components/PageJsonLD"
+
+import { normalizeUrlForJsonLd } from "@/lib/utils/url"
+
+import { appsCategories } from "@/data/apps/categories"
+
+export default async function AppsJsonLD({ locale }: { locale: string }) {
+  const t = await getTranslations({ namespace: "page-apps" })
+
+  const url = normalizeUrlForJsonLd(locale, "/apps/")
+
+  // JSON-LD structured data for the apps page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": url,
+    name: t("page-apps-meta-title"),
+    description: t("page-apps-meta-description"),
+    url: url,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: normalizeUrlForJsonLd(locale, "/"),
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: t("page-apps-meta-title"),
+          item: url,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
+  }
+
+  const appCategoriesJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "ItemList",
+    name: t("page-apps-categories-title"),
+    description: t("page-apps-meta-description"),
+    url: url,
+    numberOfItems: Object.keys(appsCategories).length,
+    itemListElement: Object.values(appsCategories).map((category, index) => ({
+      "@type": "ListItem",
+      position: index + 1,
+      name: t(category.name),
+      description: t(category.description),
+      url: normalizeUrlForJsonLd(locale, `/apps/categories/${category.slug}`),
+    })),
+  }
+
+  return <PageJsonLD structuredData={[webPageJsonLd, appCategoriesJsonLd]} />
+}
diff --git a/app/[locale]/apps/page.tsx b/app/[locale]/apps/page.tsx
index f55f85275ce..5c516d3bf27 100644
--- a/app/[locale]/apps/page.tsx
+++ b/app/[locale]/apps/page.tsx
@@ -25,6 +25,7 @@ import AppsHighlight from "./_components/AppsHighlight"
 import CommunityPicks from "./_components/CommunityPicks"
 import SuggestAnApp from "./_components/SuggestAnApp"
 import TopApps from "./_components/TopApps"
+import AppsJsonLD from "./page-jsonld"
 
 import { fetchApps } from "@/lib/api/fetchApps"
 import { fetchCommunityPicks } from "@/lib/api/fetchCommunityPicks"
@@ -61,75 +62,9 @@ const Page = async ({ params }: { params: { locale: string } }) => {
   const requiredNamespaces = getRequiredNamespacesForPage("/apps")
   const messages = pick(allMessages, requiredNamespaces)
 
-  // JSON-LD structured data for the apps page
-  const webPageJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "WebPage",
-    "@id": `https://ethereum.org/${locale}/apps/`,
-    name: t("page-apps-meta-title"),
-    description: t("page-apps-meta-description"),
-    url: `https://ethereum.org/${locale}/apps/`,
-    inLanguage: locale,
-    breadcrumb: {
-      "@type": "BreadcrumbList",
-      itemListElement: [
-        {
-          "@type": "ListItem",
-          position: 1,
-          name: "Home",
-          item: `https://ethereum.org/${locale}/`,
-        },
-        {
-          "@type": "ListItem",
-          position: 2,
-          name: t("page-apps-meta-title"),
-          item: `https://ethereum.org/${locale}/apps/`,
-        },
-      ],
-    },
-    publisher: {
-      "@type": "Organization",
-      name: "Ethereum Foundation",
-      url: "https://ethereum.org",
-      logo: {
-        "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
-      },
-    },
-  }
-
-  const appCategoriesJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "ItemList",
-    name: t("page-apps-categories-title"),
-    description: t("page-apps-meta-description"),
-    url: `https://ethereum.org/${locale}/apps/`,
-    numberOfItems: Object.keys(appsCategories).length,
-    itemListElement: Object.values(appsCategories).map((category, index) => ({
-      "@type": "ListItem",
-      position: index + 1,
-      name: t(category.name),
-      description: t(category.description),
-      url: `https://ethereum.org/${locale}/apps/categories/${category.slug}`,
-    })),
-  }
-
   return (
     <>
-      <script
-        id="jsonld-webpage-apps"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(webPageJsonLd),
-        }}
-      />
-      <script
-        id="jsonld-categories-apps"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(appCategoriesJsonLd),
-        }}
-      />
+      <AppsJsonLD locale={locale} />
       <I18nProvider locale={locale} messages={messages}>
         <SimpleHero
           breadcrumbs={<Breadcrumbs slug={"/apps"} />}

From d427e15b47852c4fe09237cd302b5f51a7985cbf Mon Sep 17 00:00:00 2001
From: Corwin Smith <cssmittys@gmail.com>
Date: Tue, 9 Sep 2025 10:34:09 -0600
Subject: [PATCH 32/41] slug jsonld refactor

---
 app/[locale]/[...slug]/page-jsonld.tsx | 96 ++++++++++++++++++++++++++
 app/[locale]/[...slug]/page.tsx        | 96 +-------------------------
 2 files changed, 99 insertions(+), 93 deletions(-)
 create mode 100644 app/[locale]/[...slug]/page-jsonld.tsx

diff --git a/app/[locale]/[...slug]/page-jsonld.tsx b/app/[locale]/[...slug]/page-jsonld.tsx
new file mode 100644
index 00000000000..8e1bb943e89
--- /dev/null
+++ b/app/[locale]/[...slug]/page-jsonld.tsx
@@ -0,0 +1,96 @@
+import { Frontmatter } from "@/lib/types"
+
+import PageJsonLD from "@/components/PageJsonLD"
+
+import { normalizeUrlForJsonLd } from "@/lib/utils/url"
+
+export default async function SlugJsonLD({
+  locale,
+  slug,
+  frontmatter,
+}: {
+  locale: string
+  slug: string
+  frontmatter: Frontmatter
+}) {
+  const url = normalizeUrlForJsonLd(locale, `/${slug}`)
+
+  // Generate breadcrumb items for the slug path
+  const breadcrumbItems = [
+    {
+      "@type": "ListItem",
+      position: 1,
+      name: "Home",
+      item: `https://ethereum.org/${locale}/`,
+    },
+  ]
+
+  // Add breadcrumb items for each part of the slug path
+  const slugParts = slug.split("/").filter(Boolean)
+  let currentPath = ""
+
+  slugParts.forEach((part, index) => {
+    currentPath += "/" + part
+    breadcrumbItems.push({
+      "@type": "ListItem",
+      position: index + 2,
+      name: part.charAt(0).toUpperCase() + part.slice(1).replace(/-/g, " "),
+      item: normalizeUrlForJsonLd(locale, currentPath),
+    })
+  })
+
+  // JSON-LD structured data for the slug page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": url,
+    name: frontmatter.title,
+    description: frontmatter.description,
+    url: url,
+    inLanguage: locale,
+    isPartOf: {
+      "@type": "WebSite",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: breadcrumbItems,
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+  }
+
+  // JSON-LD for the article content
+  const articleJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "Article",
+    headline: frontmatter.title,
+    description: frontmatter.description,
+    image: frontmatter.image
+      ? `https://ethereum.org${frontmatter.image}`
+      : undefined,
+    author: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    dateModified: frontmatter.published,
+    mainEntityOfPage: url,
+    about: {
+      "@type": "Thing",
+      name: frontmatter.title,
+      description: frontmatter.description,
+    },
+  }
+
+  return <PageJsonLD structuredData={[webPageJsonLd, articleJsonLd]} />
+}
diff --git a/app/[locale]/[...slug]/page.tsx b/app/[locale]/[...slug]/page.tsx
index 62bcdc0a91f..2367510b7fa 100644
--- a/app/[locale]/[...slug]/page.tsx
+++ b/app/[locale]/[...slug]/page.tsx
@@ -19,6 +19,8 @@ import { getRequiredNamespacesForPage } from "@/lib/utils/translations"
 
 import { LOCALES_CODES } from "@/lib/constants"
 
+import SlugJsonLD from "./page-jsonld"
+
 import { componentsMapping, layoutMapping } from "@/layouts"
 import { fetchGFIs } from "@/lib/api/fetchGFIs"
 import { getPageData } from "@/lib/md/data"
@@ -80,101 +82,9 @@ export default async function Page({
   const requiredNamespaces = getRequiredNamespacesForPage(slug, layout)
   const messages = pick(allMessages, requiredNamespaces)
 
-  // Generate breadcrumb items for the slug path
-  const breadcrumbItems = [
-    {
-      "@type": "ListItem",
-      position: 1,
-      name: "Home",
-      item: `https://ethereum.org/${locale}/`,
-    },
-  ]
-
-  // Add breadcrumb items for each part of the slug path
-  const slugParts = slug.split("/").filter(Boolean)
-  let currentPath = ""
-
-  slugParts.forEach((part, index) => {
-    currentPath += "/" + part
-    breadcrumbItems.push({
-      "@type": "ListItem",
-      position: index + 2,
-      name: part.charAt(0).toUpperCase() + part.slice(1).replace(/-/g, " "),
-      item: `https://ethereum.org/${locale}${currentPath}/`,
-    })
-  })
-
-  // JSON-LD structured data for the slug page
-  const webPageJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "WebPage",
-    "@id": `https://ethereum.org/${locale}/${slug}/`,
-    name: frontmatter.title,
-    description: frontmatter.description,
-    url: `https://ethereum.org/${locale}/${slug}/`,
-    inLanguage: locale,
-    isPartOf: {
-      "@type": "WebSite",
-      name: "ethereum.org",
-      url: "https://ethereum.org",
-    },
-    breadcrumb: {
-      "@type": "BreadcrumbList",
-      itemListElement: breadcrumbItems,
-    },
-    publisher: {
-      "@type": "Organization",
-      name: "ethereum.org",
-      url: "https://ethereum.org",
-    },
-  }
-
-  // JSON-LD for the article content
-  const articleJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "Article",
-    headline: frontmatter.title,
-    description: frontmatter.description,
-    image: frontmatter.image
-      ? `https://ethereum.org${frontmatter.image}`
-      : undefined,
-    author: {
-      "@type": "Organization",
-      name: "ethereum.org",
-      url: "https://ethereum.org",
-    },
-    publisher: {
-      "@type": "Organization",
-      name: "ethereum.org",
-      url: "https://ethereum.org",
-    },
-    dateModified: frontmatter.published,
-    mainEntityOfPage: `https://ethereum.org/${locale}/${slug}/`,
-    about: {
-      "@type": "Thing",
-      name: frontmatter.title,
-      description: frontmatter.description,
-    },
-  }
-
   return (
     <>
-      <script
-        id="jsonld-webpage-slug"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(webPageJsonLd),
-        }}
-      />
-
-      <script
-        id="jsonld-article-slug"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(articleJsonLd),
-        }}
-      />
-
+      <SlugJsonLD locale={locale} slug={slug} frontmatter={frontmatter} />
       <I18nProvider locale={locale} messages={messages}>
         <Layout
           slug={slug}

From c9558273d8d37a659f3c8b37155e093550165316 Mon Sep 17 00:00:00 2001
From: Corwin Smith <cssmittys@gmail.com>
Date: Tue, 9 Sep 2025 20:41:36 -0600
Subject: [PATCH 33/41] json-ld refactor

---
 app/[locale]/assets/page-jsonld.tsx           |  88 +++++++++++++++
 app/[locale]/assets/page.tsx                  |  93 +---------------
 app/[locale]/bug-bounty/page-jsonld.tsx       |  50 +++++++++
 app/[locale]/bug-bounty/page.tsx              |  48 +-------
 app/[locale]/collectibles/page-jsonld.tsx     | 104 +++++++++++++++++
 app/[locale]/collectibles/page.tsx            |  92 +--------------
 app/[locale]/community/page-jsonld.tsx        |  96 ++++++++++++++++
 app/[locale]/community/page.tsx               |  99 +----------------
 .../acknowledgements/page-jsonld.tsx          |  80 +++++++++++++
 .../acknowledgements/page.tsx                 |  69 +-----------
 .../contributors/page-jsonld.tsx              |  78 +++++++++++++
 .../translation-program/contributors/page.tsx |  67 +----------
 .../translatathon/leaderboard/page-jsonld.tsx | 105 ++++++++++++++++++
 .../translatathon/leaderboard/page.tsx        |  96 +---------------
 src/intl/en/page-community.json               |   2 +-
 15 files changed, 616 insertions(+), 551 deletions(-)
 create mode 100644 app/[locale]/assets/page-jsonld.tsx
 create mode 100644 app/[locale]/bug-bounty/page-jsonld.tsx
 create mode 100644 app/[locale]/collectibles/page-jsonld.tsx
 create mode 100644 app/[locale]/community/page-jsonld.tsx
 create mode 100644 app/[locale]/contributing/translation-program/acknowledgements/page-jsonld.tsx
 create mode 100644 app/[locale]/contributing/translation-program/contributors/page-jsonld.tsx
 create mode 100644 app/[locale]/contributing/translation-program/translatathon/leaderboard/page-jsonld.tsx

diff --git a/app/[locale]/assets/page-jsonld.tsx b/app/[locale]/assets/page-jsonld.tsx
new file mode 100644
index 00000000000..54c7665afbf
--- /dev/null
+++ b/app/[locale]/assets/page-jsonld.tsx
@@ -0,0 +1,88 @@
+import { getTranslations } from "next-intl/server"
+
+import PageJsonLD from "@/components/PageJsonLD"
+
+import { normalizeUrlForJsonLd } from "@/lib/utils/url"
+
+export default async function AssetsJsonLD({ locale }: { locale: string }) {
+  const t = await getTranslations({ namespace: "page-assets" })
+
+  const url = normalizeUrlForJsonLd(locale, `/assets/`)
+
+  // JSON-LD structured data for the assets page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": url,
+    name: t("page-assets-meta-title"),
+    description: t("page-assets-meta-desc"),
+    url: url,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: normalizeUrlForJsonLd(locale, "/"),
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: t("page-assets-meta-title"),
+          item: normalizeUrlForJsonLd(locale, "/assets/"),
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
+  }
+
+  const creativeWorkJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "ItemList",
+    name: t("page-assets-h1"),
+    description: t("page-assets-meta-desc"),
+    url: url,
+    numberOfItems: 3,
+    itemListElement: [
+      {
+        "@type": "ListItem",
+        position: 1,
+        name: t("page-assets-illustrations"),
+        description:
+          "Artistic works by Liam Cobb, Viktor Hachmang, Patrick Atkins, and others",
+        url: normalizeUrlForJsonLd(locale, "/assets/#illustrations"),
+      },
+      {
+        "@type": "ListItem",
+        position: 2,
+        name: t("page-assets-historical-artwork"),
+        description: "Historical Ethereum artwork and graphics",
+        url: normalizeUrlForJsonLd(locale, "/assets/#historical"),
+      },
+      {
+        "@type": "ListItem",
+        position: 3,
+        name: t("page-assets-ethereum-brand-assets"),
+        description: "Official Ethereum brand assets, logos, and graphics",
+        url: normalizeUrlForJsonLd(locale, "/assets/#brand"),
+      },
+    ],
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+  }
+
+  return <PageJsonLD structuredData={[webPageJsonLd, creativeWorkJsonLd]} />
+}
diff --git a/app/[locale]/assets/page.tsx b/app/[locale]/assets/page.tsx
index cffff2a5cc7..bf6c9f2f370 100644
--- a/app/[locale]/assets/page.tsx
+++ b/app/[locale]/assets/page.tsx
@@ -13,6 +13,7 @@ import { getMetadata } from "@/lib/utils/metadata"
 import { getRequiredNamespacesForPage } from "@/lib/utils/translations"
 
 import AssetsPage from "./_components/assets"
+import AssetsJsonLD from "./page-jsonld"
 
 export default async function Page({
   params,
@@ -28,99 +29,9 @@ export default async function Page({
   const requiredNamespaces = getRequiredNamespacesForPage("/assets")
   const messages = pick(allMessages, requiredNamespaces)
 
-  const t = await getTranslations({ locale, namespace: "page-assets" })
-
-  // JSON-LD structured data for the assets page
-  const webPageJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "WebPage",
-    "@id": `https://ethereum.org/${locale}/assets/`,
-    name: t("page-assets-meta-title"),
-    description: t("page-assets-meta-desc"),
-    url: `https://ethereum.org/${locale}/assets/`,
-    inLanguage: locale,
-    breadcrumb: {
-      "@type": "BreadcrumbList",
-      itemListElement: [
-        {
-          "@type": "ListItem",
-          position: 1,
-          name: "Home",
-          item: `https://ethereum.org/${locale}/`,
-        },
-        {
-          "@type": "ListItem",
-          position: 2,
-          name: t("page-assets-meta-title"),
-          item: `https://ethereum.org/${locale}/assets/`,
-        },
-      ],
-    },
-    publisher: {
-      "@type": "Organization",
-      name: "Ethereum Foundation - Digital Studio",
-      url: "https://ethereum.org",
-      logo: {
-        "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
-      },
-    },
-  }
-
-  const creativeWorkJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "ItemList",
-    name: t("page-assets-h1"),
-    description: t("page-assets-meta-desc"),
-    url: `https://ethereum.org/${locale}/assets/`,
-    numberOfItems: 3,
-    itemListElement: [
-      {
-        "@type": "ListItem",
-        position: 1,
-        name: t("page-assets-illustrations"),
-        description:
-          "Artistic works by Liam Cobb, Viktor Hachmang, Patrick Atkins, and others",
-        url: `https://ethereum.org/${locale}/assets/#illustrations`,
-      },
-      {
-        "@type": "ListItem",
-        position: 2,
-        name: t("page-assets-historical-artwork"),
-        description: "Historical Ethereum artwork and graphics",
-        url: `https://ethereum.org/${locale}/assets/#historical`,
-      },
-      {
-        "@type": "ListItem",
-        position: 3,
-        name: t("page-assets-ethereum-brand-assets"),
-        description: "Official Ethereum brand assets, logos, and graphics",
-        url: `https://ethereum.org/${locale}/assets/#brand`,
-      },
-    ],
-    publisher: {
-      "@type": "Organization",
-      name: "Ethereum Foundation - Digital Studio",
-      url: "https://ethereum.org",
-    },
-  }
-
   return (
     <>
-      <script
-        id="jsonld-webpage-assets"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(webPageJsonLd),
-        }}
-      />
-      <script
-        id="jsonld-assets-collection"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(creativeWorkJsonLd),
-        }}
-      />
+      <AssetsJsonLD locale={locale} />
       <I18nProvider locale={locale} messages={messages}>
         <AssetsPage />
       </I18nProvider>
diff --git a/app/[locale]/bug-bounty/page-jsonld.tsx b/app/[locale]/bug-bounty/page-jsonld.tsx
new file mode 100644
index 00000000000..41e5f9dcb82
--- /dev/null
+++ b/app/[locale]/bug-bounty/page-jsonld.tsx
@@ -0,0 +1,50 @@
+import { getTranslations } from "next-intl/server"
+
+import PageJsonLD from "@/components/PageJsonLD"
+
+import { normalizeUrlForJsonLd } from "@/lib/utils/url"
+
+export default async function BugBountyJsonLD({ locale }: { locale: string }) {
+  const t = await getTranslations({ namespace: "page-bug-bounty" })
+
+  const url = normalizeUrlForJsonLd(locale, `/bug-bounty/`)
+
+  // JSON-LD structured data for the bug bounty page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": url,
+    name: t("page-upgrades-bug-bounty-meta-title"),
+    description: t("page-upgrades-bug-bounty-meta-description"),
+    url: url,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: normalizeUrlForJsonLd(locale, "/"),
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: t("page-upgrades-bug-bounty-meta-title"),
+          item: normalizeUrlForJsonLd(locale, "/bug-bounty/"),
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
+  }
+
+  return <PageJsonLD structuredData={[webPageJsonLd]} />
+}
diff --git a/app/[locale]/bug-bounty/page.tsx b/app/[locale]/bug-bounty/page.tsx
index 4bd21bcb2f1..2263db5e71a 100644
--- a/app/[locale]/bug-bounty/page.tsx
+++ b/app/[locale]/bug-bounty/page.tsx
@@ -14,6 +14,7 @@ import { getMetadata } from "@/lib/utils/metadata"
 import { getRequiredNamespacesForPage } from "@/lib/utils/translations"
 
 import BugBountiesPage from "./_components/bug-bounty"
+import BugBountyJsonLD from "./page-jsonld"
 
 export default async function Page({ params }: { params: Promise<Params> }) {
   const { locale } = await params
@@ -33,54 +34,9 @@ export default async function Page({ params }: { params: Promise<Params> }) {
       commitHistoryCache
     )
 
-  const t = await getTranslations({ locale, namespace: "page-bug-bounty" })
-
-  // JSON-LD structured data for the bug bounty page
-  const webPageJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "WebPage",
-    "@id": `https://ethereum.org/${locale}/bug-bounty/`,
-    name: t("page-upgrades-bug-bounty-meta-title"),
-    description: t("page-upgrades-bug-bounty-meta-description"),
-    url: `https://ethereum.org/${locale}/bug-bounty/`,
-    inLanguage: locale,
-    breadcrumb: {
-      "@type": "BreadcrumbList",
-      itemListElement: [
-        {
-          "@type": "ListItem",
-          position: 1,
-          name: "Home",
-          item: `https://ethereum.org/${locale}/`,
-        },
-        {
-          "@type": "ListItem",
-          position: 2,
-          name: t("page-upgrades-bug-bounty-meta-title"),
-          item: `https://ethereum.org/${locale}/bug-bounty/`,
-        },
-      ],
-    },
-    publisher: {
-      "@type": "Organization",
-      name: "Ethereum Foundation",
-      url: "https://ethereum.org",
-      logo: {
-        "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
-      },
-    },
-  }
-
   return (
     <>
-      <script
-        id="jsonld-webpage-bugbounty"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(webPageJsonLd),
-        }}
-      />
+      <BugBountyJsonLD locale={locale} />
       <I18nProvider locale={locale} messages={messages}>
         <BugBountiesPage
           contributors={contributors}
diff --git a/app/[locale]/collectibles/page-jsonld.tsx b/app/[locale]/collectibles/page-jsonld.tsx
new file mode 100644
index 00000000000..1074d788fec
--- /dev/null
+++ b/app/[locale]/collectibles/page-jsonld.tsx
@@ -0,0 +1,104 @@
+import { getTranslations } from "next-intl/server"
+
+import PageJsonLD from "@/components/PageJsonLD"
+
+import { normalizeUrlForJsonLd } from "@/lib/utils/url"
+
+import { COLLECTIBLES_BASE_URL } from "./constants"
+import type { Badge, Stats } from "./types"
+
+export default async function CollectiblesJsonLD({
+  locale,
+  badges,
+  stats,
+}: {
+  locale: string
+  badges: Badge[]
+  stats: Stats
+}) {
+  const t = await getTranslations({ namespace: "page-collectibles" })
+
+  const url = normalizeUrlForJsonLd(locale, `/collectibles/`)
+
+  // JSON-LD structured data for the collectibles page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": url,
+    name: t("page-collectibles-hero-header"),
+    description: t("page-collectibles-hero-description"),
+    url: url,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: normalizeUrlForJsonLd(locale, "/"),
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: t("page-collectibles-hero-header"),
+          item: url,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
+  }
+
+  const collectiblesCollectionJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "ItemList",
+    name: t("page-collectibles-hero-header"),
+    description: t("page-collectibles-hero-description"),
+    url: url,
+    numberOfItems: stats.collectiblesCount || badges.length,
+    itemListElement: badges.slice(0, 10).map((badge, index) => ({
+      "@type": "ListItem",
+      position: index + 1,
+      name: badge.name || `Badge ${index + 1}`,
+      description: badge.description || "Ethereum community badge",
+      url: badge.link || `${COLLECTIBLES_BASE_URL}/badge/${badge.id}`,
+      image: badge.image,
+    })),
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    additionalProperty: [
+      {
+        "@type": "PropertyValue",
+        name: "Total Collectors",
+        value: stats.uniqueAddressesCount || 0,
+      },
+      {
+        "@type": "PropertyValue",
+        name: "Total Minted",
+        value: stats.collectorsCount || 0,
+      },
+      {
+        "@type": "PropertyValue",
+        name: "Unique Badges",
+        value: stats.collectiblesCount || badges.length,
+      },
+    ],
+  }
+
+  return (
+    <PageJsonLD
+      structuredData={[webPageJsonLd, collectiblesCollectionJsonLd]}
+    />
+  )
+}
diff --git a/app/[locale]/collectibles/page.tsx b/app/[locale]/collectibles/page.tsx
index f7da82611b0..6bc1be0d668 100644
--- a/app/[locale]/collectibles/page.tsx
+++ b/app/[locale]/collectibles/page.tsx
@@ -18,6 +18,7 @@ import { getRequiredNamespacesForPage } from "@/lib/utils/translations"
 
 import CollectiblesPage from "./_components/Collectibles/lazy"
 import { COLLECTIBLES_BASE_URL } from "./constants"
+import CollectiblesJsonLD from "./page-jsonld"
 import type { Badge, Stats } from "./types"
 
 import communityHeroImg from "@/public/images/heroes/community-hero.png"
@@ -58,98 +59,9 @@ export default async function Page({
   const requiredNamespaces = getRequiredNamespacesForPage("/collectibles/")
   const pickedMessages = pick(allMessages, requiredNamespaces)
 
-  // JSON-LD structured data for the collectibles page
-  const webPageJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "WebPage",
-    "@id": `https://ethereum.org/${locale}/collectibles/`,
-    name: t("page-collectibles-hero-header"),
-    description: t("page-collectibles-hero-description"),
-    url: `https://ethereum.org/${locale}/collectibles/`,
-    inLanguage: locale,
-    breadcrumb: {
-      "@type": "BreadcrumbList",
-      itemListElement: [
-        {
-          "@type": "ListItem",
-          position: 1,
-          name: "Home",
-          item: `https://ethereum.org/${locale}/`,
-        },
-        {
-          "@type": "ListItem",
-          position: 2,
-          name: t("page-collectibles-hero-header"),
-          item: `https://ethereum.org/${locale}/collectibles/`,
-        },
-      ],
-    },
-    publisher: {
-      "@type": "Organization",
-      name: "Ethereum Foundation",
-      url: "https://ethereum.org",
-      logo: {
-        "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
-      },
-    },
-  }
-
-  const collectiblesCollectionJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "ItemList",
-    name: t("page-collectibles-hero-header"),
-    description: t("page-collectibles-hero-description"),
-    url: `https://ethereum.org/${locale}/collectibles/`,
-    numberOfItems: stats.collectiblesCount || badges.length,
-    itemListElement: badges.slice(0, 10).map((badge, index) => ({
-      "@type": "ListItem",
-      position: index + 1,
-      name: badge.name || `Badge ${index + 1}`,
-      description: badge.description || "Ethereum community badge",
-      url: badge.link || `${COLLECTIBLES_BASE_URL}/badge/${badge.id}`,
-      image: badge.image,
-    })),
-    publisher: {
-      "@type": "Organization",
-      name: "Ethereum Foundation",
-      url: "https://ethereum.org",
-    },
-    additionalProperty: [
-      {
-        "@type": "PropertyValue",
-        name: "Total Collectors",
-        value: stats.uniqueAddressesCount || 0,
-      },
-      {
-        "@type": "PropertyValue",
-        name: "Total Minted",
-        value: stats.collectorsCount || 0,
-      },
-      {
-        "@type": "PropertyValue",
-        name: "Unique Badges",
-        value: stats.collectiblesCount || badges.length,
-      },
-    ],
-  }
-
   return (
     <>
-      <script
-        id="jsonld-webpage-collectibles"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(webPageJsonLd),
-        }}
-      />
-      <script
-        id="jsonld-collectibles-collection"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(collectiblesCollectionJsonLd),
-        }}
-      />
+      <CollectiblesJsonLD locale={locale} badges={badges} stats={stats} />
       <I18nProvider locale={locale} messages={pickedMessages}>
         <MainArticle className="space-y-12 pb-24 md:space-y-20">
           <HubHero
diff --git a/app/[locale]/community/page-jsonld.tsx b/app/[locale]/community/page-jsonld.tsx
new file mode 100644
index 00000000000..d91e17c3fd9
--- /dev/null
+++ b/app/[locale]/community/page-jsonld.tsx
@@ -0,0 +1,96 @@
+import { getTranslations } from "next-intl/server"
+
+import PageJsonLD from "@/components/PageJsonLD"
+
+import { normalizeUrlForJsonLd } from "@/lib/utils/url"
+
+export default async function CommunityJsonLD({ locale }: { locale: string }) {
+  const t = await getTranslations({ namespace: "page-community" })
+
+  const url = normalizeUrlForJsonLd(locale, `/community/`)
+
+  // JSON-LD structured data for the community page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": url,
+    name: t("page-community-meta-title"),
+    description: t("page-community-meta-description"),
+    url: url,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: normalizeUrlForJsonLd(locale, "/"),
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: t("page-community-meta-title"),
+          item: url,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
+  }
+
+  const communityResourcesJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "ItemList",
+    name: t("page-community-meta-title"),
+    description: t("page-community-meta-description"),
+    url: url,
+    numberOfItems: 4,
+    itemListElement: [
+      {
+        "@type": "ListItem",
+        position: 1,
+        name: t("page-community-card-1-title"),
+        description: t("page-community-card-1-description"),
+        url: normalizeUrlForJsonLd(locale, "/community/online/"),
+      },
+      {
+        "@type": "ListItem",
+        position: 2,
+        name: t("page-community-card-2-title"),
+        description: t("page-community-card-2-description"),
+        url: normalizeUrlForJsonLd(locale, "/community/events/"),
+      },
+      {
+        "@type": "ListItem",
+        position: 3,
+        name: t("page-community-card-3-title"),
+        description: t("page-community-card-3-description"),
+        url: normalizeUrlForJsonLd(locale, "/community/get-involved/"),
+      },
+      {
+        "@type": "ListItem",
+        position: 4,
+        name: t("page-community-card-4-title"),
+        description: t("page-community-card-4-description"),
+        url: normalizeUrlForJsonLd(locale, "/community/grants/"),
+      },
+    ],
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+  }
+
+  return (
+    <PageJsonLD structuredData={[webPageJsonLd, communityResourcesJsonLd]} />
+  )
+}
diff --git a/app/[locale]/community/page.tsx b/app/[locale]/community/page.tsx
index b4e7c8705fa..7f94700f8ef 100644
--- a/app/[locale]/community/page.tsx
+++ b/app/[locale]/community/page.tsx
@@ -13,6 +13,7 @@ import { getMetadata } from "@/lib/utils/metadata"
 import { getRequiredNamespacesForPage } from "@/lib/utils/translations"
 
 import CommunityPage from "./_components/community"
+import CommunityJsonLD from "./page-jsonld"
 
 export default async function Page({
   params,
@@ -28,105 +29,9 @@ export default async function Page({
   const requiredNamespaces = getRequiredNamespacesForPage("/community")
   const pickedMessages = pick(allMessages, requiredNamespaces)
 
-  const t = await getTranslations({ locale, namespace: "page-community" })
-
-  // JSON-LD structured data for the community page
-  const webPageJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "WebPage",
-    "@id": `https://ethereum.org/${locale}/community/`,
-    name: t("page-community-meta-title"),
-    description: t("page-community-meta-description"),
-    url: `https://ethereum.org/${locale}/community/`,
-    inLanguage: locale,
-    breadcrumb: {
-      "@type": "BreadcrumbList",
-      itemListElement: [
-        {
-          "@type": "ListItem",
-          position: 1,
-          name: "Home",
-          item: `https://ethereum.org/${locale}/`,
-        },
-        {
-          "@type": "ListItem",
-          position: 2,
-          name: t("page-community-meta-title"),
-          item: `https://ethereum.org/${locale}/community/`,
-        },
-      ],
-    },
-    publisher: {
-      "@type": "Organization",
-      name: "Ethereum Foundation",
-      url: "https://ethereum.org",
-      logo: {
-        "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
-      },
-    },
-  }
-
-  const communityResourcesJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "ItemList",
-    name: t("page-community-meta-title"),
-    description: t("page-community-meta-description"),
-    url: `https://ethereum.org/${locale}/community/`,
-    numberOfItems: 4,
-    itemListElement: [
-      {
-        "@type": "ListItem",
-        position: 1,
-        name: t("page-community-card-1-title"),
-        description: t("page-community-card-1-description"),
-        url: `https://ethereum.org/${locale}/community/online/`,
-      },
-      {
-        "@type": "ListItem",
-        position: 2,
-        name: t("page-community-card-2-title"),
-        description: t("page-community-card-2-description"),
-        url: `https://ethereum.org/${locale}/community/events/`,
-      },
-      {
-        "@type": "ListItem",
-        position: 3,
-        name: t("page-community-card-3-title"),
-        description: t("page-community-card-3-description"),
-        url: `https://ethereum.org/${locale}/community/get-involved/`,
-      },
-      {
-        "@type": "ListItem",
-        position: 4,
-        name: t("page-community-card-4-title"),
-        description: t("page-community-card-4-description"),
-        url: `https://ethereum.org/${locale}/community/grants/`,
-      },
-    ],
-    publisher: {
-      "@type": "Organization",
-      name: "Ethereum Foundation",
-      url: "https://ethereum.org",
-    },
-  }
-
   return (
     <>
-      <script
-        id="jsonld-webpage-community"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(webPageJsonLd),
-        }}
-      />
-      <script
-        id="jsonld-community-resources"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(communityResourcesJsonLd),
-        }}
-      />
+      <CommunityJsonLD locale={locale} />
       <I18nProvider locale={locale} messages={pickedMessages}>
         <CommunityPage />
       </I18nProvider>
diff --git a/app/[locale]/contributing/translation-program/acknowledgements/page-jsonld.tsx b/app/[locale]/contributing/translation-program/acknowledgements/page-jsonld.tsx
new file mode 100644
index 00000000000..eb2c27597dc
--- /dev/null
+++ b/app/[locale]/contributing/translation-program/acknowledgements/page-jsonld.tsx
@@ -0,0 +1,80 @@
+import { getTranslations } from "next-intl/server"
+
+import PageJsonLD from "@/components/PageJsonLD"
+
+import { normalizeUrlForJsonLd } from "@/lib/utils/url"
+
+export default async function AcknowledgementsJsonLD({
+  locale,
+}: {
+  locale: string
+}) {
+  const t = await getTranslations({
+    namespace: "page-contributing-translation-program-acknowledgements",
+  })
+
+  const url = normalizeUrlForJsonLd(
+    locale,
+    `/contributing/translation-program/acknowledgements/`
+  )
+
+  // JSON-LD structured data for the translation acknowledgements page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": url,
+    name: t(
+      "page-contributing-translation-program-acknowledgements-meta-title"
+    ),
+    description: t(
+      "page-contributing-translation-program-acknowledgements-meta-description"
+    ),
+    url: url,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: normalizeUrlForJsonLd(locale, "/"),
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: "Contributing",
+          item: normalizeUrlForJsonLd(locale, "/contributing/"),
+        },
+        {
+          "@type": "ListItem",
+          position: 3,
+          name: "Translation Program",
+          item: normalizeUrlForJsonLd(
+            locale,
+            "/contributing/translation-program/"
+          ),
+        },
+        {
+          "@type": "ListItem",
+          position: 4,
+          name: t(
+            "page-contributing-translation-program-acknowledgements-meta-title"
+          ),
+          item: url,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
+  }
+
+  return <PageJsonLD structuredData={[webPageJsonLd]} />
+}
diff --git a/app/[locale]/contributing/translation-program/acknowledgements/page.tsx b/app/[locale]/contributing/translation-program/acknowledgements/page.tsx
index 6392eac711f..7490b407ce8 100644
--- a/app/[locale]/contributing/translation-program/acknowledgements/page.tsx
+++ b/app/[locale]/contributing/translation-program/acknowledgements/page.tsx
@@ -13,6 +13,7 @@ import { getMetadata } from "@/lib/utils/metadata"
 import { getRequiredNamespacesForPage } from "@/lib/utils/translations"
 
 import Acknowledgements from "./_components/acknowledgements"
+import AcknowledgementsJsonLD from "./page-jsonld"
 
 const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
   const { locale } = await params
@@ -26,75 +27,9 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
   )
   const messages = pick(allMessages, requiredNamespaces)
 
-  const t = await getTranslations({
-    locale,
-    namespace: "page-contributing-translation-program-acknowledgements",
-  })
-
-  // JSON-LD structured data for the translation acknowledgements page
-  const webPageJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "WebPage",
-    "@id": `https://ethereum.org/${locale}/contributing/translation-program/acknowledgements/`,
-    name: t(
-      "page-contributing-translation-program-acknowledgements-meta-title"
-    ),
-    description: t(
-      "page-contributing-translation-program-acknowledgements-meta-description"
-    ),
-    url: `https://ethereum.org/${locale}/contributing/translation-program/acknowledgements/`,
-    inLanguage: locale,
-    breadcrumb: {
-      "@type": "BreadcrumbList",
-      itemListElement: [
-        {
-          "@type": "ListItem",
-          position: 1,
-          name: "Home",
-          item: `https://ethereum.org/${locale}/`,
-        },
-        {
-          "@type": "ListItem",
-          position: 2,
-          name: "Contributing",
-          item: `https://ethereum.org/${locale}/contributing/`,
-        },
-        {
-          "@type": "ListItem",
-          position: 3,
-          name: "Translation Program",
-          item: `https://ethereum.org/${locale}/contributing/translation-program/`,
-        },
-        {
-          "@type": "ListItem",
-          position: 4,
-          name: t(
-            "page-contributing-translation-program-acknowledgements-meta-title"
-          ),
-          item: `https://ethereum.org/${locale}/contributing/translation-program/acknowledgements/`,
-        },
-      ],
-    },
-    publisher: {
-      "@type": "Organization",
-      name: "Ethereum Foundation",
-      url: "https://ethereum.org",
-      logo: {
-        "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
-      },
-    },
-  }
-
   return (
     <>
-      <script
-        id="jsonld-webpage-translation-acknowledgements"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(webPageJsonLd),
-        }}
-      />
+      <AcknowledgementsJsonLD locale={locale} />
       <I18nProvider locale={locale} messages={messages}>
         <Acknowledgements />
       </I18nProvider>
diff --git a/app/[locale]/contributing/translation-program/contributors/page-jsonld.tsx b/app/[locale]/contributing/translation-program/contributors/page-jsonld.tsx
new file mode 100644
index 00000000000..a331c5b9657
--- /dev/null
+++ b/app/[locale]/contributing/translation-program/contributors/page-jsonld.tsx
@@ -0,0 +1,78 @@
+import { getTranslations } from "next-intl/server"
+
+import PageJsonLD from "@/components/PageJsonLD"
+
+import { normalizeUrlForJsonLd } from "@/lib/utils/url"
+
+export default async function ContributorsJsonLD({
+  locale,
+}: {
+  locale: string
+}) {
+  const t = await getTranslations({
+    namespace: "page-contributing-translation-program-contributors",
+  })
+
+  const url = normalizeUrlForJsonLd(
+    locale,
+    `/contributing/translation-program/contributors/`
+  )
+
+  // JSON-LD structured data for the translation contributors page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": url,
+    name: t("page-contributing-translation-program-contributors-meta-title"),
+    description: t(
+      "page-contributing-translation-program-contributors-meta-description"
+    ),
+    url: url,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: normalizeUrlForJsonLd(locale, "/"),
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: "Contributing",
+          item: normalizeUrlForJsonLd(locale, "/contributing/"),
+        },
+        {
+          "@type": "ListItem",
+          position: 3,
+          name: "Translation Program",
+          item: normalizeUrlForJsonLd(
+            locale,
+            "/contributing/translation-program/"
+          ),
+        },
+        {
+          "@type": "ListItem",
+          position: 4,
+          name: t(
+            "page-contributing-translation-program-contributors-meta-title"
+          ),
+          item: url,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
+  }
+
+  return <PageJsonLD structuredData={[webPageJsonLd]} />
+}
diff --git a/app/[locale]/contributing/translation-program/contributors/page.tsx b/app/[locale]/contributing/translation-program/contributors/page.tsx
index a9be5888aab..3ecf2e12f52 100644
--- a/app/[locale]/contributing/translation-program/contributors/page.tsx
+++ b/app/[locale]/contributing/translation-program/contributors/page.tsx
@@ -13,6 +13,7 @@ import { getMetadata } from "@/lib/utils/metadata"
 import { getRequiredNamespacesForPage } from "@/lib/utils/translations"
 
 import Contributors from "./_components/contributors"
+import ContributorsJsonLD from "./page-jsonld"
 
 const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
   const { locale } = await params
@@ -26,73 +27,9 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
   )
   const messages = pick(allMessages, requiredNamespaces)
 
-  const t = await getTranslations({
-    locale,
-    namespace: "page-contributing-translation-program-contributors",
-  })
-
-  // JSON-LD structured data for the translation contributors page
-  const webPageJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "WebPage",
-    "@id": `https://ethereum.org/${locale}/contributing/translation-program/contributors/`,
-    name: t("page-contributing-translation-program-contributors-meta-title"),
-    description: t(
-      "page-contributing-translation-program-contributors-meta-description"
-    ),
-    url: `https://ethereum.org/${locale}/contributing/translation-program/contributors/`,
-    inLanguage: locale,
-    breadcrumb: {
-      "@type": "BreadcrumbList",
-      itemListElement: [
-        {
-          "@type": "ListItem",
-          position: 1,
-          name: "Home",
-          item: `https://ethereum.org/${locale}/`,
-        },
-        {
-          "@type": "ListItem",
-          position: 2,
-          name: "Contributing",
-          item: `https://ethereum.org/${locale}/contributing/`,
-        },
-        {
-          "@type": "ListItem",
-          position: 3,
-          name: "Translation Program",
-          item: `https://ethereum.org/${locale}/contributing/translation-program/`,
-        },
-        {
-          "@type": "ListItem",
-          position: 4,
-          name: t(
-            "page-contributing-translation-program-contributors-meta-title"
-          ),
-          item: `https://ethereum.org/${locale}/contributing/translation-program/contributors/`,
-        },
-      ],
-    },
-    publisher: {
-      "@type": "Organization",
-      name: "Ethereum Foundation",
-      url: "https://ethereum.org",
-      logo: {
-        "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
-      },
-    },
-  }
-
   return (
     <>
-      <script
-        id="jsonld-webpage-translation-contributors"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(webPageJsonLd),
-        }}
-      />
+      <ContributorsJsonLD locale={locale} />
       <I18nProvider locale={locale} messages={messages}>
         <Contributors />
       </I18nProvider>
diff --git a/app/[locale]/contributing/translation-program/translatathon/leaderboard/page-jsonld.tsx b/app/[locale]/contributing/translation-program/translatathon/leaderboard/page-jsonld.tsx
new file mode 100644
index 00000000000..72f0f6b1972
--- /dev/null
+++ b/app/[locale]/contributing/translation-program/translatathon/leaderboard/page-jsonld.tsx
@@ -0,0 +1,105 @@
+import PageJsonLD from "@/components/PageJsonLD"
+
+import { normalizeUrlForJsonLd } from "@/lib/utils/url"
+
+export default async function TranslatathonLeaderboardJsonLD({
+  locale,
+}: {
+  locale: string
+}) {
+  const url = normalizeUrlForJsonLd(
+    locale,
+    `/contributing/translation-program/translatathon/leaderboard/`
+  )
+
+  // JSON-LD structured data for the translatathon leaderboard page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": url,
+    name: "2025 Ethereum.org Translatathon Leaderboard",
+    description:
+      "Leaderboard for the 2025 Ethereum.org Translatathon showing translation progress and participant rankings",
+    url: url,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: normalizeUrlForJsonLd(locale, "/"),
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: "Contributing",
+          item: normalizeUrlForJsonLd(locale, "/contributing/"),
+        },
+        {
+          "@type": "ListItem",
+          position: 3,
+          name: "Translation Program",
+          item: normalizeUrlForJsonLd(
+            locale,
+            "/contributing/translation-program/"
+          ),
+        },
+        {
+          "@type": "ListItem",
+          position: 4,
+          name: "Translatathon",
+          item: normalizeUrlForJsonLd(
+            locale,
+            "/contributing/translation-program/translatathon/"
+          ),
+        },
+        {
+          "@type": "ListItem",
+          position: 5,
+          name: "Leaderboard",
+          item: url,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
+  }
+
+  const competitionJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "Event",
+    name: "2025 Ethereum.org Translatathon",
+    description:
+      "Translation competition for the Ethereum.org website with participant leaderboard and rankings",
+    url: url,
+    organizer: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    startDate: "2025-08-08T00:00:00",
+    endDate: "2025-08-08T00:00:00",
+    location: {
+      "@type": "VirtualLocation",
+      name: "Online",
+      url: normalizeUrlForJsonLd(
+        locale,
+        "/contributing/translation-program/translatathon/"
+      ),
+    },
+    image: ["https://ethereum.org/images/heroes/translatathon-hero.png"],
+    award: "Recognition and prizes for top translators",
+    eventStatus: "https://schema.org/EventScheduled",
+  }
+
+  return <PageJsonLD structuredData={[webPageJsonLd, competitionJsonLd]} />
+}
diff --git a/app/[locale]/contributing/translation-program/translatathon/leaderboard/page.tsx b/app/[locale]/contributing/translation-program/translatathon/leaderboard/page.tsx
index 61abffb5f08..9fcfc9250db 100644
--- a/app/[locale]/contributing/translation-program/translatathon/leaderboard/page.tsx
+++ b/app/[locale]/contributing/translation-program/translatathon/leaderboard/page.tsx
@@ -13,6 +13,7 @@ import { getMetadata } from "@/lib/utils/metadata"
 import { BASE_TIME_UNIT } from "@/lib/constants"
 
 import { Leaderboard } from "./_components/Leaderboard"
+import TranslatathonLeaderboardJsonLD from "./page-jsonld"
 
 import { fetchTranslatathonTranslators } from "@/lib/api/fetchTranslatathonTranslators"
 import heroImg from "@/public/images/heroes/translatathon-hero.png"
@@ -53,86 +54,6 @@ const Page = async ({ params }: { params: Promise<{ locale: string }> }) => {
     ],
   } satisfies ContentHeroProps
 
-  // JSON-LD structured data for the translatathon leaderboard page
-  const webPageJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "WebPage",
-    "@id": `https://ethereum.org/${locale}/contributing/translation-program/translatathon/leaderboard/`,
-    name: "2025 Ethereum.org Translatathon Leaderboard",
-    description:
-      "Leaderboard for the 2025 Ethereum.org Translatathon showing translation progress and participant rankings",
-    url: `https://ethereum.org/${locale}/contributing/translation-program/translatathon/leaderboard/`,
-    inLanguage: locale,
-    breadcrumb: {
-      "@type": "BreadcrumbList",
-      itemListElement: [
-        {
-          "@type": "ListItem",
-          position: 1,
-          name: "Home",
-          item: `https://ethereum.org/${locale}/`,
-        },
-        {
-          "@type": "ListItem",
-          position: 2,
-          name: "Contributing",
-          item: `https://ethereum.org/${locale}/contributing/`,
-        },
-        {
-          "@type": "ListItem",
-          position: 3,
-          name: "Translation Program",
-          item: `https://ethereum.org/${locale}/contributing/translation-program/`,
-        },
-        {
-          "@type": "ListItem",
-          position: 4,
-          name: "Translatathon",
-          item: `https://ethereum.org/${locale}/contributing/translation-program/translatathon/`,
-        },
-        {
-          "@type": "ListItem",
-          position: 5,
-          name: "Leaderboard",
-          item: `https://ethereum.org/${locale}/contributing/translation-program/translatathon/leaderboard/`,
-        },
-      ],
-    },
-    publisher: {
-      "@type": "Organization",
-      name: "Ethereum Foundation",
-      url: "https://ethereum.org",
-      logo: {
-        "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
-      },
-    },
-  }
-
-  const competitionJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "Event",
-    name: "2025 Ethereum.org Translatathon",
-    description:
-      "Translation competition for the Ethereum.org website with participant leaderboard and rankings",
-    url: `https://ethereum.org/${locale}/contributing/translation-program/translatathon/leaderboard/`,
-    organizer: {
-      "@type": "Organization",
-      name: "Ethereum Foundation",
-      url: "https://ethereum.org",
-    },
-    startDate: "2025-08-08T00:00:00",
-    endDate: "2025-08-08T00:00:00",
-    location: {
-      "@type": "VirtualLocation",
-      name: "Online",
-      url: `https://ethereum.org/${locale}/contributing/translation-program/translatathon/`,
-    },
-    image: ["https://ethereum.org/images/heroes/translatathon-hero.png"],
-    award: "Recognition and prizes for top translators",
-    eventStatus: "https://schema.org/EventScheduled",
-  }
-
   const dropdownLinks: ButtonDropdownList = {
     text: "Translatathon menu",
     ariaLabel: "Translatathon menu",
@@ -178,20 +99,7 @@ const Page = async ({ params }: { params: Promise<{ locale: string }> }) => {
 
   return (
     <>
-      <script
-        id="jsonld-webpage-translatathon-leaderboard"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(webPageJsonLd),
-        }}
-      />
-      <script
-        id="jsonld-competition-translatathon"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(competitionJsonLd),
-        }}
-      />
+      <TranslatathonLeaderboardJsonLD locale={locale} />
       <div className="relative mt-4">
         <ContentHero {...heroProps} />
       </div>
diff --git a/src/intl/en/page-community.json b/src/intl/en/page-community.json
index 0a44a44a5e2..50227a122f9 100644
--- a/src/intl/en/page-community.json
+++ b/src/intl/en/page-community.json
@@ -32,7 +32,7 @@
   "page-community-hero-title": "Join the community",
   "page-community-meetuplist-no-meetups": "We don't have any meetups matching this search. Know of one?",
   "page-community-meta-title": "Community Hub",
-  "page-community-meta-description": "Community homepage description",
+  "page-community-meta-description": "Community hub for the Ethereum ecosystem",
   "page-community-open-source": "Creator? Builder? Get paid for your work.",
   "page-community-open-source-description": "Are you building on Ethereum, or do you want to? Companies are hiring for thousands of technical and non-technical roles. Got an idea of your own? Try finding a grant to get your project off the ground.",
   "page-community-open-source-image-alt": "Get paid for your work",

From 7e155b82fd829edf2e3bf6f9874f0bfdfc291c9f Mon Sep 17 00:00:00 2001
From: Corwin Smith <cssmittys@gmail.com>
Date: Tue, 9 Sep 2025 20:58:25 -0600
Subject: [PATCH 34/41] jsonld develoeps refactor

---
 .../developers/learning-tools/page-jsonld.tsx |  62 +++++++++
 .../developers/learning-tools/page.tsx        |  57 +-------
 .../local-environment/page-jsonld.tsx         |  98 +++++++++++++
 .../developers/local-environment/page.tsx     |  96 +------------
 app/[locale]/developers/page-jsonld.tsx       | 104 ++++++++++++++
 app/[locale]/developers/page.tsx              |  94 +------------
 .../developers/tutorials/page-jsonld.tsx      | 129 ++++++++++++++++++
 app/[locale]/developers/tutorials/page.tsx    | 125 +----------------
 8 files changed, 411 insertions(+), 354 deletions(-)
 create mode 100644 app/[locale]/developers/learning-tools/page-jsonld.tsx
 create mode 100644 app/[locale]/developers/local-environment/page-jsonld.tsx
 create mode 100644 app/[locale]/developers/page-jsonld.tsx
 create mode 100644 app/[locale]/developers/tutorials/page-jsonld.tsx

diff --git a/app/[locale]/developers/learning-tools/page-jsonld.tsx b/app/[locale]/developers/learning-tools/page-jsonld.tsx
new file mode 100644
index 00000000000..18406061826
--- /dev/null
+++ b/app/[locale]/developers/learning-tools/page-jsonld.tsx
@@ -0,0 +1,62 @@
+import { getTranslations } from "next-intl/server"
+
+import PageJsonLD from "@/components/PageJsonLD"
+
+import { normalizeUrlForJsonLd } from "@/lib/utils/url"
+
+export default async function LearningToolsJsonLD({
+  locale,
+}: {
+  locale: string
+}) {
+  const t = await getTranslations({
+    namespace: "page-developers-learning-tools",
+  })
+
+  const url = normalizeUrlForJsonLd(locale, `/developers/learning-tools/`)
+
+  // JSON-LD structured data for the developers learning tools page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": url,
+    name: t("page-learning-tools-meta-title"),
+    description: t("page-learning-tools-meta-desc"),
+    url: url,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: normalizeUrlForJsonLd(locale, "/"),
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: "Developers",
+          item: normalizeUrlForJsonLd(locale, "/developers/"),
+        },
+        {
+          "@type": "ListItem",
+          position: 3,
+          name: t("page-learning-tools-meta-title"),
+          item: url,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
+  }
+
+  return <PageJsonLD structuredData={[webPageJsonLd]} />
+}
diff --git a/app/[locale]/developers/learning-tools/page.tsx b/app/[locale]/developers/learning-tools/page.tsx
index c3602b71bcd..c5ac93cced2 100644
--- a/app/[locale]/developers/learning-tools/page.tsx
+++ b/app/[locale]/developers/learning-tools/page.tsx
@@ -13,6 +13,7 @@ import { getMetadata } from "@/lib/utils/metadata"
 import { getRequiredNamespacesForPage } from "@/lib/utils/translations"
 
 import LearningTools from "./_components/learning-tools"
+import LearningToolsJsonLD from "./page-jsonld"
 
 const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
   const { locale } = await params
@@ -26,63 +27,9 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
   )
   const messages = pick(allMessages, requiredNamespaces)
 
-  const t = await getTranslations({
-    locale,
-    namespace: "page-developers-learning-tools",
-  })
-
-  // JSON-LD structured data for the developers learning tools page
-  const webPageJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "WebPage",
-    "@id": `https://ethereum.org/${locale}/developers/learning-tools/`,
-    name: t("page-learning-tools-meta-title"),
-    description: t("page-learning-tools-meta-desc"),
-    url: `https://ethereum.org/${locale}/developers/learning-tools/`,
-    inLanguage: locale,
-    breadcrumb: {
-      "@type": "BreadcrumbList",
-      itemListElement: [
-        {
-          "@type": "ListItem",
-          position: 1,
-          name: "Home",
-          item: `https://ethereum.org/${locale}/`,
-        },
-        {
-          "@type": "ListItem",
-          position: 2,
-          name: "Developers",
-          item: `https://ethereum.org/${locale}/developers/`,
-        },
-        {
-          "@type": "ListItem",
-          position: 3,
-          name: t("page-learning-tools-meta-title"),
-          item: `https://ethereum.org/${locale}/developers/learning-tools/`,
-        },
-      ],
-    },
-    publisher: {
-      "@type": "Organization",
-      name: "Ethereum Foundation",
-      url: "https://ethereum.org",
-      logo: {
-        "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
-      },
-    },
-  }
-
   return (
     <>
-      <script
-        id="jsonld-webpage-learning-tools"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(webPageJsonLd),
-        }}
-      />
+      <LearningToolsJsonLD locale={locale} />
 
       <I18nProvider locale={locale} messages={messages}>
         <LearningTools locale={locale} />
diff --git a/app/[locale]/developers/local-environment/page-jsonld.tsx b/app/[locale]/developers/local-environment/page-jsonld.tsx
new file mode 100644
index 00000000000..577fae812b8
--- /dev/null
+++ b/app/[locale]/developers/local-environment/page-jsonld.tsx
@@ -0,0 +1,98 @@
+import { getTranslations } from "next-intl/server"
+
+import { Framework } from "@/lib/interfaces"
+
+import PageJsonLD from "@/components/PageJsonLD"
+
+import { normalizeUrlForJsonLd } from "@/lib/utils/url"
+
+export default async function LocalEnvironmentJsonLD({
+  locale,
+  frameworksListData,
+}: {
+  locale: string
+  frameworksListData: Framework[]
+}) {
+  const t = await getTranslations({
+    namespace: "page-developers-local-environment",
+  })
+
+  const url = normalizeUrlForJsonLd(locale, `/developers/local-environment/`)
+
+  // JSON-LD structured data for the developers local environment page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": url,
+    name: t("page-local-environment-setup-meta-title"),
+    description: t("page-local-environment-setup-meta-desc"),
+    url: url,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: normalizeUrlForJsonLd(locale, "/"),
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: "Developers",
+          item: normalizeUrlForJsonLd(locale, "/developers/"),
+        },
+        {
+          "@type": "ListItem",
+          position: 3,
+          name: t("page-local-environment-setup-meta-title"),
+          item: url,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
+  }
+
+  const developmentFrameworksJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "ItemList",
+    name: "Ethereum Development Frameworks",
+    description:
+      "Tools and frameworks for setting up local Ethereum development environments",
+    url: url,
+    numberOfItems: frameworksListData.length,
+    itemListElement: frameworksListData.map((framework, index) => ({
+      "@type": "SoftwareApplication",
+      position: index + 1,
+      name: framework.name,
+      description: framework.description,
+      url: framework.url,
+      applicationCategory: "DeveloperApplication",
+      operatingSystem: ["Windows", "macOS", "Linux"],
+      author: {
+        "@type": "Organization",
+        name: framework.githubUrl || "Community",
+      },
+      downloadUrl: framework.url,
+      sameAs: framework.githubUrl,
+    })),
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+  }
+
+  return (
+    <PageJsonLD structuredData={[webPageJsonLd, developmentFrameworksJsonLd]} />
+  )
+}
diff --git a/app/[locale]/developers/local-environment/page.tsx b/app/[locale]/developers/local-environment/page.tsx
index f48ed2059eb..6cad5dbd7cb 100644
--- a/app/[locale]/developers/local-environment/page.tsx
+++ b/app/[locale]/developers/local-environment/page.tsx
@@ -14,6 +14,7 @@ import { getMetadata } from "@/lib/utils/metadata"
 import { getRequiredNamespacesForPage } from "@/lib/utils/translations"
 
 import LocalEnvironmentPage from "./_components/local-environment"
+import LocalEnvironmentJsonLD from "./page-jsonld"
 
 import { getLocalEnvironmentFrameworkData } from "@/lib/api/ghRepoData"
 
@@ -35,100 +36,13 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
   )
   const messages = pick(allMessages, requiredNamespaces)
 
-  const t = await getTranslations({
-    locale,
-    namespace: "page-developers-local-environment",
-  })
-
-  // JSON-LD structured data for the developers local environment page
-  const webPageJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "WebPage",
-    "@id": `https://ethereum.org/${locale}/developers/local-environment/`,
-    name: t("page-local-environment-setup-meta-title"),
-    description: t("page-local-environment-setup-meta-desc"),
-    url: `https://ethereum.org/${locale}/developers/local-environment/`,
-    inLanguage: locale,
-    breadcrumb: {
-      "@type": "BreadcrumbList",
-      itemListElement: [
-        {
-          "@type": "ListItem",
-          position: 1,
-          name: "Home",
-          item: `https://ethereum.org/${locale}/`,
-        },
-        {
-          "@type": "ListItem",
-          position: 2,
-          name: "Developers",
-          item: `https://ethereum.org/${locale}/developers/`,
-        },
-        {
-          "@type": "ListItem",
-          position: 3,
-          name: t("page-local-environment-setup-meta-title"),
-          item: `https://ethereum.org/${locale}/developers/local-environment/`,
-        },
-      ],
-    },
-    publisher: {
-      "@type": "Organization",
-      name: "Ethereum Foundation",
-      url: "https://ethereum.org",
-      logo: {
-        "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
-      },
-    },
-  }
-
-  const developmentFrameworksJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "ItemList",
-    name: "Ethereum Development Frameworks",
-    description:
-      "Tools and frameworks for setting up local Ethereum development environments",
-    url: `https://ethereum.org/${locale}/developers/local-environment/`,
-    numberOfItems: frameworksListData.length,
-    itemListElement: frameworksListData.map((framework, index) => ({
-      "@type": "SoftwareApplication",
-      position: index + 1,
-      name: framework.name,
-      description: framework.description,
-      url: framework.url,
-      applicationCategory: "DeveloperApplication",
-      operatingSystem: ["Windows", "macOS", "Linux"],
-      author: {
-        "@type": "Organization",
-        name: framework.githubUrl || "Community",
-      },
-      downloadUrl: framework.url,
-      sameAs: framework.githubUrl,
-    })),
-    publisher: {
-      "@type": "Organization",
-      name: "Ethereum Foundation",
-      url: "https://ethereum.org",
-    },
-  }
-
   return (
     <>
-      <script
-        id="jsonld-webpage-local-environment"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(webPageJsonLd),
-        }}
-      />
-      <script
-        id="jsonld-frameworks-local-environment"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(developmentFrameworksJsonLd),
-        }}
+      <LocalEnvironmentJsonLD
+        locale={locale}
+        frameworksListData={frameworksListData}
       />
+
       <I18nProvider locale={locale} messages={messages}>
         <LocalEnvironmentPage frameworksList={frameworksListData} />
       </I18nProvider>
diff --git a/app/[locale]/developers/page-jsonld.tsx b/app/[locale]/developers/page-jsonld.tsx
new file mode 100644
index 00000000000..a8654e0fe35
--- /dev/null
+++ b/app/[locale]/developers/page-jsonld.tsx
@@ -0,0 +1,104 @@
+import { getTranslations } from "next-intl/server"
+
+import { CommunityConference } from "@/lib/types"
+
+import PageJsonLD from "@/components/PageJsonLD"
+
+import { normalizeUrlForJsonLd } from "@/lib/utils/url"
+
+import { DevelopersPath, VideoCourse } from "./types"
+
+export default async function DevelopersPageJsonLD({
+  locale,
+  paths,
+  courses,
+  hackathons,
+}: {
+  locale: string
+  paths: DevelopersPath[]
+  courses: VideoCourse[]
+  hackathons: CommunityConference[]
+}) {
+  const t = await getTranslations({ namespace: "page-developers-index" })
+
+  const url = normalizeUrlForJsonLd(locale, `/developers/`)
+
+  // JSON-LD structured data for the developers page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": url,
+    name: t("page-developer-meta-title"),
+    description: t("page-developers-meta-desc"),
+    url: url,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: normalizeUrlForJsonLd(locale, "/"),
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: t("page-developer-meta-title"),
+          item: normalizeUrlForJsonLd(locale, "/developers/"),
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
+  }
+
+  const learningResourcesJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "ItemList",
+    name: t("page-developer-meta-title"),
+    description:
+      "Comprehensive resources for building on Ethereum including tutorials, tools, documentation, and courses",
+    url: url,
+    numberOfItems: paths.length + courses.length + hackathons.length,
+    itemListElement: [
+      ...paths.map((path, index) => ({
+        "@type": "ListItem",
+        position: index + 1,
+        name: path.title,
+        description: path.description,
+        url: path.href,
+      })),
+      ...courses.slice(0, 5).map((course, index) => ({
+        "@type": "ListItem",
+        position: paths.length + index + 1,
+        name: course.title,
+        description: course.description,
+        url: course.href,
+      })),
+      ...hackathons.map((hackathon, index) => ({
+        "@type": "ListItem",
+        position: paths.length + courses.length + index + 1,
+        name: hackathon.title,
+        description: hackathon.description,
+        url: hackathon.href,
+      })),
+    ],
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+  }
+
+  return (
+    <PageJsonLD structuredData={[webPageJsonLd, learningResourcesJsonLd]} />
+  )
+}
diff --git a/app/[locale]/developers/page.tsx b/app/[locale]/developers/page.tsx
index 38b1982c022..867f0097449 100644
--- a/app/[locale]/developers/page.tsx
+++ b/app/[locale]/developers/page.tsx
@@ -30,6 +30,7 @@ import HackathonSwiper from "./_components/HackathonSwiper/lazy"
 import SpeedRunCard from "./_components/SpeedRunCard"
 import VideoCourseCard from "./_components/VideoCourseCard"
 import VideoCourseSwiper from "./_components/VideoCourseSwiper/lazy"
+import DevelopersPageJsonLD from "./page-jsonld"
 import { getBuilderPaths, getHackathons, getVideoCourses } from "./utils"
 
 import resourcesBanner from "@/public/images/developers/resources-banner.png"
@@ -135,96 +136,13 @@ const DevelopersPage = async ({
 
   const hackathons = (await getHackathons()).slice(0, 5)
 
-  // JSON-LD structured data for the developers page
-  const webPageJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "WebPage",
-    "@id": `https://ethereum.org/${locale}/developers/`,
-    name: t("page-developer-meta-title"),
-    description: t("page-developers-meta-desc"),
-    url: `https://ethereum.org/${locale}/developers/`,
-    inLanguage: locale,
-    breadcrumb: {
-      "@type": "BreadcrumbList",
-      itemListElement: [
-        {
-          "@type": "ListItem",
-          position: 1,
-          name: "Home",
-          item: `https://ethereum.org/${locale}/`,
-        },
-        {
-          "@type": "ListItem",
-          position: 2,
-          name: tCommon("developers"),
-          item: `https://ethereum.org/${locale}/developers/`,
-        },
-      ],
-    },
-    publisher: {
-      "@type": "Organization",
-      name: "Ethereum Foundation",
-      url: "https://ethereum.org",
-      logo: {
-        "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
-      },
-    },
-  }
-
-  const learningResourcesJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "ItemList",
-    name: "Ethereum Developer Resources",
-    description:
-      "Comprehensive resources for building on Ethereum including tutorials, tools, documentation, and courses",
-    url: `https://ethereum.org/${locale}/developers/`,
-    numberOfItems: paths.length + courses.length + hackathons.length,
-    itemListElement: [
-      ...paths.map((path, index) => ({
-        "@type": "ListItem",
-        position: index + 1,
-        name: path.title,
-        description: path.description,
-        url: path.href,
-      })),
-      ...courses.slice(0, 5).map((course, index) => ({
-        "@type": "ListItem",
-        position: paths.length + index + 1,
-        name: course.title,
-        description: course.description,
-        url: course.href,
-      })),
-      ...hackathons.map((hackathon, index) => ({
-        "@type": "ListItem",
-        position: paths.length + courses.length + index + 1,
-        name: hackathon.title,
-        description: hackathon.description,
-        url: hackathon.href,
-      })),
-    ],
-    publisher: {
-      "@type": "Organization",
-      name: "Ethereum Foundation",
-      url: "https://ethereum.org",
-    },
-  }
-
   return (
     <>
-      <script
-        id="jsonld-webpage-developers"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(webPageJsonLd),
-        }}
-      />
-      <script
-        id="jsonld-resources-developers"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(learningResourcesJsonLd),
-        }}
+      <DevelopersPageJsonLD
+        locale={locale}
+        paths={paths}
+        courses={courses}
+        hackathons={hackathons}
       />
       <VStack className="mx-auto my-0 w-full">
         <HubHero
diff --git a/app/[locale]/developers/tutorials/page-jsonld.tsx b/app/[locale]/developers/tutorials/page-jsonld.tsx
new file mode 100644
index 00000000000..830174d8384
--- /dev/null
+++ b/app/[locale]/developers/tutorials/page-jsonld.tsx
@@ -0,0 +1,129 @@
+import { getTranslations } from "next-intl/server"
+
+import { ITutorial } from "@/lib/types"
+
+import PageJsonLD from "@/components/PageJsonLD"
+
+import { normalizeUrlForJsonLd } from "@/lib/utils/url"
+
+export default async function TutorialsPageJsonLD({
+  locale,
+  internalTutorials,
+}: {
+  locale: string
+  internalTutorials: ITutorial[]
+}) {
+  const t = await getTranslations({ namespace: "page-developers-tutorials" })
+
+  const url = normalizeUrlForJsonLd(locale, `/developers/tutorials/`)
+
+  // JSON-LD structured data for the developers tutorials page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": url,
+    name: t("page-tutorials-meta-title"),
+    description: t("page-tutorials-meta-description"),
+    url: url,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: normalizeUrlForJsonLd(locale, "/"),
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: "Developers",
+          item: normalizeUrlForJsonLd(locale, "/developers/"),
+        },
+        {
+          "@type": "ListItem",
+          position: 3,
+          name: t("page-tutorial-title"),
+          item: url,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
+  }
+
+  const tutorialCollectionJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "ItemList",
+    name: t("page-tutorial-title"),
+    description: t("page-tutorials-meta-description"),
+    url: url,
+    numberOfItems: internalTutorials.length,
+    itemListElement: internalTutorials.slice(0, 10).map((tutorial, index) => ({
+      "@type": "ListItem",
+      position: index + 1,
+      name: tutorial.title,
+      description: tutorial.description,
+      url: tutorial.href,
+    })),
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+  }
+
+  const courseListJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "ItemList",
+    name: t("page-tutorial-title"),
+    description: t("page-tutorials-meta-description"),
+    url: url,
+    numberOfItems: internalTutorials.length,
+    itemListElement: internalTutorials.slice(0, 10).map((tutorial, index) => ({
+      "@type": "Course",
+      name: tutorial.title,
+      description: tutorial.description,
+      url: tutorial.href,
+      provider: {
+        "@type": "Organization",
+        name: "ethereum.org",
+        url: "https://ethereum.org",
+      },
+      courseMode: "online",
+      educationalLevel: "beginner-intermediate",
+      inLanguage: locale,
+      isAccessibleForFree: true,
+      about: [
+        "Ethereum Development",
+        "Smart Contracts",
+        "Blockchain Programming",
+        "Web3",
+      ],
+      position: index + 1,
+    })),
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+  }
+
+  return (
+    <PageJsonLD
+      structuredData={[
+        webPageJsonLd,
+        tutorialCollectionJsonLd,
+        courseListJsonLd,
+      ]}
+    />
+  )
+}
diff --git a/app/[locale]/developers/tutorials/page.tsx b/app/[locale]/developers/tutorials/page.tsx
index ff52aa5b8a7..541b6acbc67 100644
--- a/app/[locale]/developers/tutorials/page.tsx
+++ b/app/[locale]/developers/tutorials/page.tsx
@@ -18,6 +18,8 @@ import { getTutorialsData } from "@/lib/utils/md"
 import { getMetadata } from "@/lib/utils/metadata"
 import { getRequiredNamespacesForPage } from "@/lib/utils/translations"
 
+import TutorialsPageJsonLD from "./page-jsonld"
+
 const TutorialsList = dynamic(() => import("./_components/tutorials"), {
   ssr: false,
   loading: () => (
@@ -65,128 +67,11 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
 
   const internalTutorials = await getTutorialsData(locale)
 
-  // JSON-LD structured data for the developers tutorials page
-  const webPageJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "WebPage",
-    "@id": `https://ethereum.org/${locale}/developers/tutorials/`,
-    name: t("page-tutorials-meta-title"),
-    description: t("page-tutorials-meta-description"),
-    url: `https://ethereum.org/${locale}/developers/tutorials/`,
-    inLanguage: locale,
-    breadcrumb: {
-      "@type": "BreadcrumbList",
-      itemListElement: [
-        {
-          "@type": "ListItem",
-          position: 1,
-          name: "Home",
-          item: `https://ethereum.org/${locale}/`,
-        },
-        {
-          "@type": "ListItem",
-          position: 2,
-          name: "Developers",
-          item: `https://ethereum.org/${locale}/developers/`,
-        },
-        {
-          "@type": "ListItem",
-          position: 3,
-          name: t("page-tutorial-title"),
-          item: `https://ethereum.org/${locale}/developers/tutorials/`,
-        },
-      ],
-    },
-    publisher: {
-      "@type": "Organization",
-      name: "Ethereum Foundation",
-      url: "https://ethereum.org",
-      logo: {
-        "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
-      },
-    },
-  }
-
-  const tutorialCollectionJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "ItemList",
-    name: t("page-tutorial-title"),
-    description: t("page-tutorials-meta-description"),
-    url: `https://ethereum.org/${locale}/developers/tutorials/`,
-    numberOfItems: internalTutorials.length,
-    itemListElement: internalTutorials.slice(0, 10).map((tutorial, index) => ({
-      "@type": "ListItem",
-      position: index + 1,
-      name: tutorial.title,
-      description: tutorial.description,
-      url: tutorial.href,
-    })),
-    publisher: {
-      "@type": "Organization",
-      name: "Ethereum Foundation",
-      url: "https://ethereum.org",
-    },
-  }
-
-  const courseListJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "ItemList",
-    name: t("page-tutorial-title"),
-    description: t("page-tutorials-meta-description"),
-    url: `https://ethereum.org/${locale}/developers/tutorials/`,
-    numberOfItems: internalTutorials.length,
-    itemListElement: internalTutorials.slice(0, 10).map((tutorial, index) => ({
-      "@type": "Course",
-      name: tutorial.title,
-      description: tutorial.description,
-      url: tutorial.href,
-      provider: {
-        "@type": "Organization",
-        name: "Ethereum Foundation",
-        url: "https://ethereum.org",
-      },
-      courseMode: "online",
-      educationalLevel: "beginner-intermediate",
-      inLanguage: locale,
-      isAccessibleForFree: true,
-      about: [
-        "Ethereum Development",
-        "Smart Contracts",
-        "Blockchain Programming",
-        "Web3",
-      ],
-      position: index + 1,
-    })),
-    publisher: {
-      "@type": "Organization",
-      name: "Ethereum Foundation",
-      url: "https://ethereum.org",
-    },
-  }
-
   return (
     <>
-      <script
-        id="jsonld-webpage-tutorials"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(webPageJsonLd),
-        }}
-      />
-      <script
-        id="jsonld-collection-tutorials"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(tutorialCollectionJsonLd),
-        }}
-      />
-      <script
-        id="jsonld-courselist-tutorials"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(courseListJsonLd),
-        }}
+      <TutorialsPageJsonLD
+        locale={locale}
+        internalTutorials={internalTutorials}
       />
       <I18nProvider locale={locale} messages={messages}>
         <MainArticle

From 7c1e83155b1e95c1f4c24f99ba716b560ce10dd4 Mon Sep 17 00:00:00 2001
From: Corwin Smith <cssmittys@gmail.com>
Date: Tue, 9 Sep 2025 22:59:24 -0600
Subject: [PATCH 35/41] jsonld refactor, make /wallets SSR

---
 app/[locale]/enterprise/page-jsonld.tsx       |  55 ++
 app/[locale]/enterprise/page.tsx              |  46 +-
 app/[locale]/eth/_components/eth.tsx          |  91 +--
 app/[locale]/eth/_components/page-jsonld.tsx  |  95 +++
 app/[locale]/founders/page-jsonld.tsx         |  56 ++
 app/[locale]/founders/page.tsx                |  46 +-
 app/[locale]/gas/_components/gas.tsx          |  75 +--
 app/[locale]/gas/_components/page-jsonld.tsx  |  79 +++
 app/[locale]/get-eth/page-jsonld.tsx          |  76 +++
 app/[locale]/get-eth/page.tsx                 |  72 +--
 app/[locale]/layer-2/_components/layer-2.tsx  | 116 ----
 .../layer-2/learn/_components/learn.tsx       |  78 +--
 .../layer-2/learn/_components/page-jsonld.tsx |  82 +++
 .../layer-2/networks/_components/networks.tsx | 109 ----
 app/[locale]/layer-2/networks/page-jsonld.tsx | 107 ++++
 app/[locale]/layer-2/networks/page.tsx        |   5 +
 app/[locale]/layer-2/page-jsonld.tsx          | 115 ++++
 app/[locale]/layer-2/page.tsx                 |   2 +
 app/[locale]/learn/page-jsonld.tsx            |  52 ++
 app/[locale]/learn/page.tsx                   |  47 +-
 app/[locale]/page-jsonld.tsx                  |  73 +++
 app/[locale]/page.tsx                         |  70 +--
 app/[locale]/quizzes/_components/quizzes.tsx  |  43 +-
 app/[locale]/quizzes/page-jsonld.tsx          |  54 ++
 app/[locale]/quizzes/page.tsx                 |   4 +-
 app/[locale]/resources/page-jsonld.tsx        |  54 ++
 app/[locale]/resources/page.tsx               |  43 +-
 app/[locale]/roadmap/_components/roadmap.tsx  | 130 +----
 app/[locale]/roadmap/page-jsonld.tsx          | 127 ++++
 app/[locale]/roadmap/page.tsx                 |   4 +-
 .../roadmap/vision/_components/vision.tsx     |  82 ---
 app/[locale]/roadmap/vision/page-jsonld.tsx   |  88 +++
 app/[locale]/roadmap/vision/page.tsx          |   5 +
 .../run-a-node/_components/run-a-node.tsx     |  76 ---
 app/[locale]/run-a-node/page-jsonld.tsx       |  82 +++
 app/[locale]/run-a-node/page.tsx              |   5 +
 app/[locale]/stablecoins/page-jsonld.tsx      | 101 ++++
 app/[locale]/stablecoins/page.tsx             | 108 +---
 app/[locale]/staking/_components/staking.tsx  | 141 -----
 app/[locale]/staking/page-jsonld.tsx          | 141 +++++
 app/[locale]/staking/page.tsx                 |   5 +
 app/[locale]/start/page-jsonld.tsx            |  79 +++
 app/[locale]/start/page.tsx                   |  77 +--
 .../trillion-dollar-security/page-jsonld.tsx  |  79 +++
 .../trillion-dollar-security/page.tsx         |  77 +--
 app/[locale]/wallets/_components/wallets.tsx  | 549 ------------------
 .../wallets/find-wallet/page-jsonld.tsx       | 115 ++++
 app/[locale]/wallets/find-wallet/page.tsx     | 114 +---
 app/[locale]/wallets/page-jsonld.tsx          | 104 ++++
 app/[locale]/wallets/page.tsx                 | 429 +++++++++++++-
 app/[locale]/what-is-ethereum/page-jsonld.tsx | 141 +++++
 app/[locale]/what-is-ethereum/page.tsx        | 143 +----
 src/components/Simulator/index.tsx            |   2 +
 .../Simulator/screens/ConnectWeb3/index.tsx   |   2 +
 .../Simulator/screens/CreateAccount/index.tsx |   2 +
 .../Simulator/screens/SendReceive/index.tsx   |   2 +
 src/data/WalletSimulatorData.tsx              |   2 +
 src/lib/utils/url.ts                          |   7 +-
 58 files changed, 2474 insertions(+), 2290 deletions(-)
 create mode 100644 app/[locale]/enterprise/page-jsonld.tsx
 create mode 100644 app/[locale]/eth/_components/page-jsonld.tsx
 create mode 100644 app/[locale]/founders/page-jsonld.tsx
 create mode 100644 app/[locale]/gas/_components/page-jsonld.tsx
 create mode 100644 app/[locale]/get-eth/page-jsonld.tsx
 create mode 100644 app/[locale]/layer-2/learn/_components/page-jsonld.tsx
 create mode 100644 app/[locale]/layer-2/networks/page-jsonld.tsx
 create mode 100644 app/[locale]/layer-2/page-jsonld.tsx
 create mode 100644 app/[locale]/learn/page-jsonld.tsx
 create mode 100644 app/[locale]/page-jsonld.tsx
 create mode 100644 app/[locale]/quizzes/page-jsonld.tsx
 create mode 100644 app/[locale]/resources/page-jsonld.tsx
 create mode 100644 app/[locale]/roadmap/page-jsonld.tsx
 create mode 100644 app/[locale]/roadmap/vision/page-jsonld.tsx
 create mode 100644 app/[locale]/run-a-node/page-jsonld.tsx
 create mode 100644 app/[locale]/stablecoins/page-jsonld.tsx
 create mode 100644 app/[locale]/staking/page-jsonld.tsx
 create mode 100644 app/[locale]/start/page-jsonld.tsx
 create mode 100644 app/[locale]/trillion-dollar-security/page-jsonld.tsx
 delete mode 100644 app/[locale]/wallets/_components/wallets.tsx
 create mode 100644 app/[locale]/wallets/find-wallet/page-jsonld.tsx
 create mode 100644 app/[locale]/wallets/page-jsonld.tsx
 create mode 100644 app/[locale]/what-is-ethereum/page-jsonld.tsx

diff --git a/app/[locale]/enterprise/page-jsonld.tsx b/app/[locale]/enterprise/page-jsonld.tsx
new file mode 100644
index 00000000000..448f40a1f62
--- /dev/null
+++ b/app/[locale]/enterprise/page-jsonld.tsx
@@ -0,0 +1,55 @@
+import { getTranslations } from "next-intl/server"
+
+import PageJsonLD from "@/components/PageJsonLD"
+
+import { normalizeUrlForJsonLd } from "@/lib/utils/url"
+
+export default async function EnterprisePageJsonLD({
+  locale,
+}: {
+  locale: string
+}) {
+  const t = await getTranslations({
+    namespace: "page-enterprise",
+  })
+
+  const url = normalizeUrlForJsonLd(locale, `/enterprise/`)
+
+  // JSON-LD structured data for the enterprise page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": url,
+    name: t("page-enterprise-hero-title"),
+    description: t("page-enterprise-metadata-description"),
+    url: url,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: normalizeUrlForJsonLd(locale, "/"),
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: t("page-enterprise-hero-breadcrumb"),
+          item: normalizeUrlForJsonLd(locale, "/enterprise/"),
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
+  }
+  return <PageJsonLD structuredData={[webPageJsonLd]} />
+}
diff --git a/app/[locale]/enterprise/page.tsx b/app/[locale]/enterprise/page.tsx
index 743dccbe410..8599d85a742 100644
--- a/app/[locale]/enterprise/page.tsx
+++ b/app/[locale]/enterprise/page.tsx
@@ -57,6 +57,7 @@ import {
   MAX_EMAIL_LENGTH,
   MAX_MESSAGE_LENGTH,
 } from "./constants"
+import EnterprisePageJsonLD from "./page-jsonld"
 import type { Case, EcosystemPlayer, Feature } from "./types"
 import { parseActivity } from "./utils"
 
@@ -238,43 +239,6 @@ const Page = async ({ params }: { params: { locale: Lang } }) => {
     },
   ]
 
-  // JSON-LD structured data for the enterprise page
-  const webPageJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "WebPage",
-    "@id": `https://ethereum.org/${locale}/enterprise/`,
-    name: t("page-enterprise-hero-title"),
-    description: t("page-enterprise-metadata-description"),
-    url: `https://ethereum.org/${locale}/enterprise/`,
-    inLanguage: locale,
-    breadcrumb: {
-      "@type": "BreadcrumbList",
-      itemListElement: [
-        {
-          "@type": "ListItem",
-          position: 1,
-          name: "Home",
-          item: `https://ethereum.org/${locale}/`,
-        },
-        {
-          "@type": "ListItem",
-          position: 2,
-          name: t("page-enterprise-hero-breadcrumb"),
-          item: `https://ethereum.org/${locale}/enterprise/`,
-        },
-      ],
-    },
-    publisher: {
-      "@type": "Organization",
-      name: "Ethereum Foundation",
-      url: "https://ethereum.org",
-      logo: {
-        "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
-      },
-    },
-  }
-
   const players: EcosystemPlayer[] = [
     { name: "Adidas", Logo: Adidas, className: "scale-105 origin-bottom" },
     { name: "Azure", Logo: Azure, className: "-translate-y-1" },
@@ -329,13 +293,7 @@ const Page = async ({ params }: { params: { locale: Lang } }) => {
 
   return (
     <>
-      <script
-        id="jsonld-webpage-enterprise"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(webPageJsonLd),
-        }}
-      />
+      <EnterprisePageJsonLD locale={locale} />
       <div className="mb-12 space-y-12 md:mb-20 md:space-y-20">
         <HubHero
           header={t("page-enterprise-hero-title")}
diff --git a/app/[locale]/eth/_components/eth.tsx b/app/[locale]/eth/_components/eth.tsx
index 2b2f3d6a860..4e66b3761ca 100644
--- a/app/[locale]/eth/_components/eth.tsx
+++ b/app/[locale]/eth/_components/eth.tsx
@@ -27,6 +27,8 @@ import { ListItem, UnorderedList } from "@/components/ui/list"
 
 import { cn } from "@/lib/utils/cn"
 
+import EthPageJsonLD from "./page-jsonld"
+
 import { useTranslation } from "@/hooks/useTranslation"
 import { usePathname } from "@/i18n/routing"
 import eth from "@/public/images/eth.png"
@@ -177,78 +179,6 @@ const EthPage = ({
   const { t } = useTranslation("page-eth")
   const pathname = usePathname()
 
-  // JSON-LD structured data for the Ether/ETH page
-  const webPageJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "WebPage",
-    "@id": `https://ethereum.org/${locale}/eth/`,
-    name: t("page-eth-whats-eth"),
-    description: t("page-eth-is-money"),
-    url: `https://ethereum.org/${locale}/eth/`,
-    inLanguage: locale,
-    breadcrumb: {
-      "@type": "BreadcrumbList",
-      itemListElement: [
-        {
-          "@type": "ListItem",
-          position: 1,
-          name: "Home",
-          item: `https://ethereum.org/${locale}/`,
-        },
-        {
-          "@type": "ListItem",
-          position: 2,
-          name: t("page-eth-whats-eth"),
-          item: `https://ethereum.org/${locale}/eth/`,
-        },
-      ],
-    },
-    publisher: {
-      "@type": "Organization",
-      name: "ethereum.org",
-      url: "https://ethereum.org",
-      logo: {
-        "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
-      },
-    },
-  }
-
-  // JSON-LD for the article content about Ether
-  const articleJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "Article",
-    headline: t("page-eth-whats-eth"),
-    description: t("page-eth-is-money"),
-    image: "https://ethereum.org/images/eth.png",
-    author: {
-      "@type": "Organization",
-      name: "ethereum.org",
-      url: "https://ethereum.org",
-    },
-    publisher: {
-      "@type": "Organization",
-      name: "ethereum.org",
-      url: "https://ethereum.org",
-      logo: {
-        "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
-      },
-    },
-    dateModified: lastEditLocaleTimestamp,
-    mainEntityOfPage: {
-      "@type": "WebPage",
-      "@id": `https://ethereum.org/${locale}/eth/`,
-    },
-    about: {
-      "@type": "DigitalCurrency",
-      name: "Ether",
-      alternateName: ["ETH", "Ethereum"],
-      symbol: "ETH",
-      blockchain: "Ethereum",
-    },
-  }
-
   const tokens = [
     {
       emoji: ":scales:",
@@ -343,20 +273,9 @@ const EthPage = ({
 
   return (
     <>
-      <script
-        id="jsonld-webpage-eth"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(webPageJsonLd),
-        }}
-      />
-
-      <script
-        id="jsonld-article-eth"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(articleJsonLd),
-        }}
+      <EthPageJsonLD
+        locale={locale}
+        lastEditLocaleTimestamp={lastEditLocaleTimestamp}
       />
 
       <Page>
diff --git a/app/[locale]/eth/_components/page-jsonld.tsx b/app/[locale]/eth/_components/page-jsonld.tsx
new file mode 100644
index 00000000000..d5f0cdca502
--- /dev/null
+++ b/app/[locale]/eth/_components/page-jsonld.tsx
@@ -0,0 +1,95 @@
+import { getTranslations } from "next-intl/server"
+
+import { Lang } from "@/lib/types"
+
+import PageJsonLD from "@/components/PageJsonLD"
+
+import { normalizeUrlForJsonLd } from "@/lib/utils/url"
+
+export default async function EthPageJsonLD({
+  locale,
+  lastEditLocaleTimestamp,
+}: {
+  locale: Lang | undefined
+  lastEditLocaleTimestamp: string
+}) {
+  const t = await getTranslations({
+    namespace: "page-eth",
+  })
+
+  const url = normalizeUrlForJsonLd(locale, `/eth/`)
+
+  // JSON-LD structured data for the Ether/ETH page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": url,
+    name: t("page-eth-whats-eth"),
+    description: t("page-eth-is-money"),
+    url: url,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: normalizeUrlForJsonLd(locale, "/"),
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: t("page-eth-whats-eth"),
+          item: normalizeUrlForJsonLd(locale, "/eth/"),
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
+  }
+
+  // JSON-LD for the article content about Ether
+  const articleJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "Article",
+    headline: t("page-eth-whats-eth"),
+    description: t("page-eth-is-money"),
+    image: "https://ethereum.org/images/eth.png",
+    author: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
+    dateModified: lastEditLocaleTimestamp,
+    mainEntityOfPage: {
+      "@type": "WebPage",
+      "@id": url,
+    },
+    about: {
+      "@type": "DigitalCurrency",
+      name: "Ether",
+      alternateName: ["ETH", "Ethereum"],
+      symbol: "ETH",
+      blockchain: "Ethereum",
+    },
+  }
+
+  return <PageJsonLD structuredData={[webPageJsonLd, articleJsonLd]} />
+}
diff --git a/app/[locale]/founders/page-jsonld.tsx b/app/[locale]/founders/page-jsonld.tsx
new file mode 100644
index 00000000000..bdf66322e49
--- /dev/null
+++ b/app/[locale]/founders/page-jsonld.tsx
@@ -0,0 +1,56 @@
+import { getTranslations } from "next-intl/server"
+
+import PageJsonLD from "@/components/PageJsonLD"
+
+import { normalizeUrlForJsonLd } from "@/lib/utils/url"
+
+export default async function FoundersPageJsonLD({
+  locale,
+}: {
+  locale: string
+}) {
+  const t = await getTranslations({
+    namespace: "page-founders",
+  })
+
+  const url = normalizeUrlForJsonLd(locale, `/founders/`)
+
+  // JSON-LD structured data for the founders page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": url,
+    name: t("page-founders-metadata-title"),
+    description: t("page-founders-metadata-description"),
+    url: url,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: normalizeUrlForJsonLd(locale, "/"),
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: t("page-founders-metadata-title"),
+          item: normalizeUrlForJsonLd(locale, "/founders/"),
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
+  }
+
+  return <PageJsonLD structuredData={[webPageJsonLd]} />
+}
diff --git a/app/[locale]/founders/page.tsx b/app/[locale]/founders/page.tsx
index adb6cde8a12..6a04770f11f 100644
--- a/app/[locale]/founders/page.tsx
+++ b/app/[locale]/founders/page.tsx
@@ -30,6 +30,7 @@ import Optimism from "./logos/optimism.svg"
 import Polygon from "./logos/polygon.svg"
 import ProtogolGuild from "./logos/protocol-guild.svg"
 import Unichain from "./logos/unichain.svg"
+import FoundersPageJsonLD from "./page-jsonld"
 
 import heroImg from "@/public/images/upgrades/merge.png"
 
@@ -375,52 +376,9 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
     },
   ]
 
-  // JSON-LD structured data for the founders page
-  const webPageJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "WebPage",
-    "@id": `https://ethereum.org/${locale}/founders/`,
-    name: t("page-founders-metadata-title"),
-    description: t("page-founders-metadata-description"),
-    url: `https://ethereum.org/${locale}/founders/`,
-    inLanguage: locale,
-    breadcrumb: {
-      "@type": "BreadcrumbList",
-      itemListElement: [
-        {
-          "@type": "ListItem",
-          position: 1,
-          name: "Home",
-          item: `https://ethereum.org/${locale}/`,
-        },
-        {
-          "@type": "ListItem",
-          position: 2,
-          name: t("page-founders-metadata-title"),
-          item: `https://ethereum.org/${locale}/founders/`,
-        },
-      ],
-    },
-    publisher: {
-      "@type": "Organization",
-      name: "ethereum.org",
-      url: "https://ethereum.org",
-      logo: {
-        "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
-      },
-    },
-  }
-
   return (
     <>
-      <script
-        id="jsonld-webpage-founders"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(webPageJsonLd),
-        }}
-      />
+      <FoundersPageJsonLD locale={locale} />
 
       <div>
         <ContentHero
diff --git a/app/[locale]/gas/_components/gas.tsx b/app/[locale]/gas/_components/gas.tsx
index 46463cacb6b..5d1541ccd7d 100644
--- a/app/[locale]/gas/_components/gas.tsx
+++ b/app/[locale]/gas/_components/gas.tsx
@@ -36,6 +36,8 @@ import { Tag } from "@/components/ui/tag"
 
 import { cn } from "@/lib/utils/cn"
 
+import GasPageJsonLD from "./page-jsonld"
+
 import { useTranslation } from "@/hooks/useTranslation"
 // Static assets
 import dogeComputerImg from "@/public/images/doge-computer.png"
@@ -88,62 +90,6 @@ const GasPage = ({
 }: PageWithContributorsProps) => {
   const { t } = useTranslation("page-gas")
 
-  // JSON-LD structured data for the gas page
-  const webPageJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "WebPage",
-    "@id": `https://ethereum.org/${locale}/gas/`,
-    name: t("page-gas-meta-title"),
-    description: t("page-gas-meta-description"),
-    url: `https://ethereum.org/${locale}/gas/`,
-    inLanguage: locale,
-    breadcrumb: {
-      "@type": "BreadcrumbList",
-      itemListElement: [
-        {
-          "@type": "ListItem",
-          position: 1,
-          name: "Home",
-          item: `https://ethereum.org/${locale}/`,
-        },
-        {
-          "@type": "ListItem",
-          position: 2,
-          name: t("page-gas-meta-title"),
-          item: `https://ethereum.org/${locale}/gas/`,
-        },
-      ],
-    },
-    publisher: {
-      "@type": "Organization",
-      name: "ethereum.org",
-      url: "https://ethereum.org",
-    },
-  }
-
-  // JSON-LD for the article content about gas
-  const articleJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "Article",
-    headline: t("page-gas-hero-title"),
-    description: t("page-gas-meta-description"),
-    author: {
-      "@type": "Organization",
-      name: "ethereum.org",
-      url: "https://ethereum.org",
-    },
-    publisher: {
-      "@type": "Organization",
-      name: "ethereum.org",
-      url: "https://ethereum.org",
-    },
-    dateModified: lastEditLocaleTimestamp,
-    mainEntityOfPage: {
-      "@type": "WebPage",
-      "@id": `https://ethereum.org/${locale}/gas/`,
-    },
-  }
-
   const benefits = [
     {
       emoji: "🪪",
@@ -181,20 +127,9 @@ const GasPage = ({
 
   return (
     <>
-      <script
-        id="jsonld-webpage-gas"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(webPageJsonLd),
-        }}
-      />
-
-      <script
-        id="jsonld-article-gas"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(articleJsonLd),
-        }}
+      <GasPageJsonLD
+        locale={locale}
+        lastEditLocaleTimestamp={lastEditLocaleTimestamp}
       />
 
       <Page>
diff --git a/app/[locale]/gas/_components/page-jsonld.tsx b/app/[locale]/gas/_components/page-jsonld.tsx
new file mode 100644
index 00000000000..0bf5a780f7e
--- /dev/null
+++ b/app/[locale]/gas/_components/page-jsonld.tsx
@@ -0,0 +1,79 @@
+import { getTranslations } from "next-intl/server"
+
+import { Lang } from "@/lib/types"
+
+import PageJsonLD from "@/components/PageJsonLD"
+
+import { normalizeUrlForJsonLd } from "@/lib/utils/url"
+
+export default async function GasPageJsonLD({
+  locale,
+  lastEditLocaleTimestamp,
+}: {
+  locale: Lang | undefined
+  lastEditLocaleTimestamp: string
+}) {
+  const t = await getTranslations({
+    namespace: "page-gas",
+  })
+
+  const url = normalizeUrlForJsonLd(locale, `/gas/`)
+
+  // JSON-LD structured data for the gas page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": url,
+    name: t("page-gas-meta-title"),
+    description: t("page-gas-meta-description"),
+    url: url,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: normalizeUrlForJsonLd(locale, "/"),
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: t("page-gas-meta-title"),
+          item: normalizeUrlForJsonLd(locale, "/gas/"),
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+  }
+
+  // JSON-LD for the article content about gas
+  const articleJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "Article",
+    headline: t("page-gas-hero-title"),
+    description: t("page-gas-meta-description"),
+    author: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    dateModified: lastEditLocaleTimestamp,
+    mainEntityOfPage: {
+      "@type": "WebPage",
+      "@id": url,
+    },
+  }
+
+  return <PageJsonLD structuredData={[webPageJsonLd, articleJsonLd]} />
+}
diff --git a/app/[locale]/get-eth/page-jsonld.tsx b/app/[locale]/get-eth/page-jsonld.tsx
new file mode 100644
index 00000000000..37b13fc5d83
--- /dev/null
+++ b/app/[locale]/get-eth/page-jsonld.tsx
@@ -0,0 +1,76 @@
+import { getTranslations } from "next-intl/server"
+
+import { Lang } from "@/lib/types"
+
+import PageJsonLD from "@/components/PageJsonLD"
+
+import { normalizeUrlForJsonLd } from "@/lib/utils/url"
+
+export default async function GetEthPageJsonLD({
+  locale,
+  lastEditLocaleTimestamp,
+}: {
+  locale: Lang | undefined
+  lastEditLocaleTimestamp: string
+}) {
+  const t = await getTranslations({
+    namespace: "page-get-eth",
+  })
+
+  const url = normalizeUrlForJsonLd(locale, `/get-eth/`)
+
+  // JSON-LD structured data for the get-eth page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": url,
+    name: t("page-get-eth-meta-title"),
+    description: t("page-get-eth-meta-desc"),
+    url: url,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: normalizeUrlForJsonLd(locale, "/"),
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: t("page-get-eth-meta-title"),
+          item: normalizeUrlForJsonLd(locale, "/get-eth/"),
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+  }
+
+  // JSON-LD for the article content about getting ETH
+  const articleJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "Article",
+    headline: t("page-get-eth-where-to-buy-title"),
+    description: t("page-get-eth-meta-desc"),
+    image: "https://ethereum.org/images/get-eth.png", // TODO: adjust value when the old theme breakpoints are removed (src/theme.ts)
+    author: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    dateModified: lastEditLocaleTimestamp,
+  }
+
+  return <PageJsonLD structuredData={[webPageJsonLd, articleJsonLd]} />
+}
diff --git a/app/[locale]/get-eth/page.tsx b/app/[locale]/get-eth/page.tsx
index 77bab5e8418..3d73516e577 100644
--- a/app/[locale]/get-eth/page.tsx
+++ b/app/[locale]/get-eth/page.tsx
@@ -43,6 +43,8 @@ import { getMetadata } from "@/lib/utils/metadata"
 import { screens } from "@/lib/utils/screen"
 import { getRequiredNamespacesForPage } from "@/lib/utils/translations"
 
+import GetEthPageJsonLD from "./page-jsonld"
+
 import { routing } from "@/i18n/routing"
 import uniswap from "@/public/images/dapps/uni.png"
 import dapps from "@/public/images/doge-computer.png"
@@ -149,75 +151,11 @@ export default async function Page({
       commitHistoryCache
     )
 
-  // JSON-LD structured data for the get-eth page
-  const webPageJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "WebPage",
-    "@id": `https://ethereum.org/${locale}/get-eth/`,
-    name: t("page-get-eth-meta-title"),
-    description: t("page-get-eth-meta-desc"),
-    url: `https://ethereum.org/${locale}/get-eth/`,
-    inLanguage: locale,
-    breadcrumb: {
-      "@type": "BreadcrumbList",
-      itemListElement: [
-        {
-          "@type": "ListItem",
-          position: 1,
-          name: "Home",
-          item: `https://ethereum.org/${locale}/`,
-        },
-        {
-          "@type": "ListItem",
-          position: 2,
-          name: t("page-get-eth-meta-title"),
-          item: `https://ethereum.org/${locale}/get-eth/`,
-        },
-      ],
-    },
-    publisher: {
-      "@type": "Organization",
-      name: "ethereum.org",
-      url: "https://ethereum.org",
-    },
-  }
-
-  // JSON-LD for the article content about getting ETH
-  const articleJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "Article",
-    headline: t("page-get-eth-where-to-buy-title"),
-    description: t("page-get-eth-meta-desc"),
-    image: "https://ethereum.org/images/get-eth.png",
-    author: {
-      "@type": "Organization",
-      name: "ethereum.org",
-      url: "https://ethereum.org",
-    },
-    publisher: {
-      "@type": "Organization",
-      name: "ethereum.org",
-      url: "https://ethereum.org",
-    },
-    dateModified: lastEditLocaleTimestamp,
-  }
-
   return (
     <>
-      <script
-        id="jsonld-webpage-get-eth"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(webPageJsonLd),
-        }}
-      />
-
-      <script
-        id="jsonld-article-get-eth"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(articleJsonLd),
-        }}
+      <GetEthPageJsonLD
+        locale={locale}
+        lastEditLocaleTimestamp={lastEditLocaleTimestamp}
       />
 
       <MainArticle>
diff --git a/app/[locale]/layer-2/_components/layer-2.tsx b/app/[locale]/layer-2/_components/layer-2.tsx
index 31c8f7acd1a..bbf00443efd 100644
--- a/app/[locale]/layer-2/_components/layer-2.tsx
+++ b/app/[locale]/layer-2/_components/layer-2.tsx
@@ -84,124 +84,8 @@ const Layer2Hub = ({
     },
   ]
 
-  // JSON-LD structured data for the Layer 2 page
-  const webPageJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "WebPage",
-    "@id": `https://ethereum.org/${locale}/layer-2/`,
-    name: t("page-layer-2-meta-title"),
-    description: t("page-layer-2-meta-description"),
-    url: `https://ethereum.org/${locale}/layer-2/`,
-    inLanguage: locale,
-    breadcrumb: {
-      "@type": "BreadcrumbList",
-      itemListElement: [
-        {
-          "@type": "ListItem",
-          position: 1,
-          name: "Home",
-          item: `https://ethereum.org/${locale}/`,
-        },
-        {
-          "@type": "ListItem",
-          position: 2,
-          name: t("page-layer-2-meta-title"),
-          item: `https://ethereum.org/${locale}/layer-2/`,
-        },
-      ],
-    },
-    publisher: {
-      "@type": "Organization",
-      name: "ethereum.org",
-      url: "https://ethereum.org",
-    },
-  }
-
-  // JSON-LD for the article content about Layer 2
-  const articleJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "Article",
-    headline: t("page-layer-2-hero-title"),
-    description: t("page-layer-2-meta-description"),
-    image: "https://ethereum.org/images/layer-2/learn-hero.png",
-    author: {
-      "@type": "Organization",
-      name: "ethereum.org",
-      url: "https://ethereum.org",
-    },
-    publisher: {
-      "@type": "Organization",
-      name: "ethereum.org",
-      url: "https://ethereum.org",
-    },
-  }
-
-  // JSON-LD for FAQ section
-  const faqJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "FAQPage",
-    mainEntity: [
-      {
-        "@type": "Question",
-        name: t("page-layer-2-faq-ExpandableCard-1-title"),
-        acceptedAnswer: {
-          "@type": "Answer",
-          text: `${t("page-layer-2-faq-ExpandableCard-1-description-1")} ${t("page-layer-2-faq-ExpandableCard-1-description-2")}`,
-        },
-      },
-      {
-        "@type": "Question",
-        name: t("page-layer-2-faq-ExpandableCard-2-title"),
-        acceptedAnswer: {
-          "@type": "Answer",
-          text: `${t("page-layer-2-faq-ExpandableCard-2-description-1")} ${t("page-layer-2-faq-ExpandableCard-2-description-2")}`,
-        },
-      },
-      {
-        "@type": "Question",
-        name: t("page-layer-2-faq-ExpandableCard-3-title"),
-        acceptedAnswer: {
-          "@type": "Answer",
-          text: t("page-layer-2-faq-ExpandableCard-3-description"),
-        },
-      },
-      {
-        "@type": "Question",
-        name: t("page-layer-2-faq-ExpandableCard-4-title"),
-        acceptedAnswer: {
-          "@type": "Answer",
-          text: t("page-layer-2-faq-ExpandableCard-4-description"),
-        },
-      },
-    ],
-  }
-
   return (
     <>
-      <script
-        id="jsonld-webpage-layer2"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(webPageJsonLd),
-        }}
-      />
-
-      <script
-        id="jsonld-article-layer2"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(articleJsonLd),
-        }}
-      />
-
-      <script
-        id="jsonld-faq-layer2"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(faqJsonLd),
-        }}
-      />
-
       <MainArticle className="relative flex flex-col">
         <HubHero {...heroContent} />
 
diff --git a/app/[locale]/layer-2/learn/_components/learn.tsx b/app/[locale]/layer-2/learn/_components/learn.tsx
index 5a0c9f9ac11..ef20923022d 100644
--- a/app/[locale]/layer-2/learn/_components/learn.tsx
+++ b/app/[locale]/layer-2/learn/_components/learn.tsx
@@ -12,6 +12,8 @@ import { StandaloneQuizWidget } from "@/components/Quiz/QuizWidget"
 import Translation from "@/components/Translation"
 import { ButtonLink } from "@/components/ui/buttons/Button"
 
+import Layer2LearnPageJsonLD from "./page-jsonld"
+
 import useTranslation from "@/hooks/useTranslation"
 import { usePathname } from "@/i18n/routing"
 import Callout2Image from "@/public/images/layer-2/learn-hero.png"
@@ -95,81 +97,11 @@ const Layer2Learn = ({
     },
   ]
 
-  // JSON-LD structured data for the Layer 2 Learn page
-  const webPageJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "WebPage",
-    "@id": `https://ethereum.org/${locale}/layer-2/learn/`,
-    name: t("page-layer-2-learn-meta-title"),
-    description: t("page-layer-2-learn-description"),
-    url: `https://ethereum.org/${locale}/layer-2/learn/`,
-    inLanguage: locale,
-    breadcrumb: {
-      "@type": "BreadcrumbList",
-      itemListElement: [
-        {
-          "@type": "ListItem",
-          position: 1,
-          name: "Home",
-          item: `https://ethereum.org/${locale}/`,
-        },
-        {
-          "@type": "ListItem",
-          position: 2,
-          name: "Layer 2",
-          item: `https://ethereum.org/${locale}/layer-2/`,
-        },
-        {
-          "@type": "ListItem",
-          position: 3,
-          name: t("page-layer-2-learn-meta-title"),
-          item: `https://ethereum.org/${locale}/layer-2/learn/`,
-        },
-      ],
-    },
-    publisher: {
-      "@type": "Organization",
-      name: "ethereum.org",
-      url: "https://ethereum.org",
-    },
-  }
-
-  // JSON-LD for the article content about learning Layer 2
-  const articleJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "Article",
-    headline: t("page-layer-2-learn-title"),
-    description: t("page-layer-2-learn-description"),
-    image: "https://ethereum.org/images/layer-2/learn-hero.png",
-    author: {
-      "@type": "Organization",
-      name: "ethereum.org",
-      url: "https://ethereum.org",
-    },
-    publisher: {
-      "@type": "Organization",
-      name: "ethereum.org",
-      url: "https://ethereum.org",
-    },
-    dateModified: lastEditLocaleTimestamp,
-  }
-
   return (
     <>
-      <script
-        id="jsonld-webpage-layer2-learn"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(webPageJsonLd),
-        }}
-      />
-
-      <script
-        id="jsonld-article-layer2-learn"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(articleJsonLd),
-        }}
+      <Layer2LearnPageJsonLD
+        locale={locale}
+        lastEditLocaleTimestamp={lastEditLocaleTimestamp}
       />
 
       <MainArticle className="relative flex flex-col">
diff --git a/app/[locale]/layer-2/learn/_components/page-jsonld.tsx b/app/[locale]/layer-2/learn/_components/page-jsonld.tsx
new file mode 100644
index 00000000000..6a78738eb72
--- /dev/null
+++ b/app/[locale]/layer-2/learn/_components/page-jsonld.tsx
@@ -0,0 +1,82 @@
+import { getTranslations } from "next-intl/server"
+
+import { Lang } from "@/lib/types"
+
+import PageJsonLD from "@/components/PageJsonLD"
+
+import { normalizeUrlForJsonLd } from "@/lib/utils/url"
+
+export default async function Layer2LearnPageJsonLD({
+  locale,
+  lastEditLocaleTimestamp,
+}: {
+  locale: Lang | undefined
+  lastEditLocaleTimestamp: string
+}) {
+  const t = await getTranslations({
+    namespace: "page-layer-2-learn",
+  })
+
+  const url = normalizeUrlForJsonLd(locale, `/layer-2/learn/`)
+
+  // JSON-LD structured data for the Layer 2 Learn page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": url,
+    name: t("page-layer-2-learn-meta-title"),
+    description: t("page-layer-2-learn-description"),
+    url: url,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: normalizeUrlForJsonLd(locale, "/"),
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: "Layer 2",
+          item: normalizeUrlForJsonLd(locale, "/layer-2/"),
+        },
+        {
+          "@type": "ListItem",
+          position: 3,
+          name: t("page-layer-2-learn-meta-title"),
+          item: url,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+  }
+
+  // JSON-LD for the article content about learning Layer 2
+  const articleJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "Article",
+    headline: t("page-layer-2-learn-title"),
+    description: t("page-layer-2-learn-description"),
+    image: "https://ethereum.org/images/layer-2/learn-hero.png", // TODO: adjust value when the old theme breakpoints are removed (src/theme.ts)
+    author: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    dateModified: lastEditLocaleTimestamp,
+  }
+
+  return <PageJsonLD structuredData={[webPageJsonLd, articleJsonLd]} />
+}
diff --git a/app/[locale]/layer-2/networks/_components/networks.tsx b/app/[locale]/layer-2/networks/_components/networks.tsx
index d9107fe05b5..91ad75a55e3 100644
--- a/app/[locale]/layer-2/networks/_components/networks.tsx
+++ b/app/[locale]/layer-2/networks/_components/networks.tsx
@@ -24,117 +24,8 @@ const Layer2Networks = ({ layer2Data, locale, mainnetData }) => {
     description: t("page-layer-2-networks-hero-description"),
   }
 
-  // JSON-LD structured data for the Layer 2 Networks page
-  const webPageJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "WebPage",
-    "@id": `https://ethereum.org/${locale}/layer-2/networks/`,
-    name: t("page-layer-2-networks-meta-title"),
-    description: t("page-layer-2-networks-hero-description"),
-    url: `https://ethereum.org/${locale}/layer-2/networks/`,
-    inLanguage: locale,
-    breadcrumb: {
-      "@type": "BreadcrumbList",
-      itemListElement: [
-        {
-          "@type": "ListItem",
-          position: 1,
-          name: "Home",
-          item: `https://ethereum.org/${locale}/`,
-        },
-        {
-          "@type": "ListItem",
-          position: 2,
-          name: "Layer 2",
-          item: `https://ethereum.org/${locale}/layer-2/`,
-        },
-        {
-          "@type": "ListItem",
-          position: 3,
-          name: t("page-layer-2-networks-meta-title"),
-          item: `https://ethereum.org/${locale}/layer-2/networks/`,
-        },
-      ],
-    },
-    publisher: {
-      "@type": "Organization",
-      name: "ethereum.org",
-      url: "https://ethereum.org",
-      logo: {
-        "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
-      },
-    },
-  }
-
-  // JSON-LD for Layer 2 Networks listing
-  const networksItemListJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "ItemList",
-    name: "Ethereum Layer 2 Networks",
-    description:
-      "A comprehensive list of Ethereum Layer 2 scaling networks with TVL, transaction costs, and maturity data",
-    numberOfItems: layer2Data.length,
-    itemListElement: layer2Data.map((network, index) => ({
-      "@type": "ListItem",
-      position: index + 1,
-      item: {
-        "@type": "SoftwareApplication",
-        name: network.name,
-        description:
-          network.description || `${network.name} Layer 2 network on Ethereum`,
-        url: network.website,
-        applicationCategory: "Blockchain Network",
-        operatingSystem: "Ethereum",
-        additionalProperty: [
-          {
-            "@type": "PropertyValue",
-            name: "Network Type",
-            value: network.rollupType || "Layer 2",
-          },
-          {
-            "@type": "PropertyValue",
-            name: "Maturity Level",
-            value: network.networkMaturity,
-          },
-          {
-            "@type": "PropertyValue",
-            name: "Total Value Locked (TVL)",
-            value: network.tvl ? `$${network.tvl.toLocaleString()}` : "N/A",
-          },
-          {
-            "@type": "PropertyValue",
-            name: "Daily Transaction Cost",
-            value: network.txCosts ? `$${network.txCosts.toFixed(2)}` : "N/A",
-          },
-          {
-            "@type": "PropertyValue",
-            name: "Supported Wallets",
-            value: network.walletsSupportedCount || "N/A",
-          },
-        ],
-      },
-    })),
-  }
-
   return (
     <>
-      <script
-        id="jsonld-webpage-layer2-networks"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(webPageJsonLd),
-        }}
-      />
-
-      <script
-        id="jsonld-itemlist-layer2-networks"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(networksItemListJsonLd),
-        }}
-      />
-
       <MainArticle className="relative flex flex-col">
         <ContentHero {...heroProps} />
 
diff --git a/app/[locale]/layer-2/networks/page-jsonld.tsx b/app/[locale]/layer-2/networks/page-jsonld.tsx
new file mode 100644
index 00000000000..a304e270c99
--- /dev/null
+++ b/app/[locale]/layer-2/networks/page-jsonld.tsx
@@ -0,0 +1,107 @@
+import { getTranslations } from "next-intl/server"
+
+import PageJsonLD from "@/components/PageJsonLD"
+
+import { normalizeUrlForJsonLd } from "@/lib/utils/url"
+
+export default async function Layer2NetworksPageJsonLD({ locale, layer2Data }) {
+  const t = await getTranslations({
+    namespace: "page-layer-2-networks",
+  })
+
+  const url = normalizeUrlForJsonLd(locale, `/layer-2/networks/`)
+
+  // JSON-LD structured data for the Layer 2 Networks page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": url,
+    name: t("page-layer-2-networks-meta-title"),
+    description: t("page-layer-2-networks-hero-description"),
+    url: url,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: normalizeUrlForJsonLd(locale, "/"),
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: "Layer 2",
+          item: normalizeUrlForJsonLd(locale, "/layer-2/"),
+        },
+        {
+          "@type": "ListItem",
+          position: 3,
+          name: t("page-layer-2-networks-meta-title"),
+          item: url,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
+  }
+
+  // JSON-LD for Layer 2 Networks listing
+  const networksItemListJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "ItemList",
+    name: t("page-layer-2-networks-meta-title"),
+    description: t("page-layer-2-networks-hero-description"),
+    numberOfItems: layer2Data.length,
+    itemListElement: layer2Data.map((network, index) => ({
+      "@type": "ListItem",
+      position: index + 1,
+      item: {
+        "@type": "SoftwareApplication",
+        name: network.name,
+        description:
+          network.description || `${network.name} Layer 2 network on Ethereum`,
+        url: network.website,
+        applicationCategory: "Blockchain Network",
+        operatingSystem: "Ethereum",
+        additionalProperty: [
+          {
+            "@type": "PropertyValue",
+            name: "Network Type",
+            value: network.rollupType || "Layer 2",
+          },
+          {
+            "@type": "PropertyValue",
+            name: "Maturity Level",
+            value: network.networkMaturity,
+          },
+          {
+            "@type": "PropertyValue",
+            name: "Total Value Locked (TVL)",
+            value: network.tvl ? `$${network.tvl.toLocaleString()}` : "N/A",
+          },
+          {
+            "@type": "PropertyValue",
+            name: "Daily Transaction Cost",
+            value: network.txCosts ? `$${network.txCosts.toFixed(2)}` : "N/A",
+          },
+          {
+            "@type": "PropertyValue",
+            name: "Supported Wallets",
+            value: network.walletsSupportedCount || "N/A",
+          },
+        ],
+      },
+    })),
+  }
+
+  return <PageJsonLD structuredData={[webPageJsonLd, networksItemListJsonLd]} />
+}
diff --git a/app/[locale]/layer-2/networks/page.tsx b/app/[locale]/layer-2/networks/page.tsx
index d1773b85262..748effe2559 100644
--- a/app/[locale]/layer-2/networks/page.tsx
+++ b/app/[locale]/layer-2/networks/page.tsx
@@ -20,6 +20,7 @@ import { walletsData } from "@/data/wallets/wallet-data"
 import { BASE_TIME_UNIT } from "@/lib/constants"
 
 import Layer2Networks from "./_components/networks"
+import Layer2NetworksPageJsonLD from "./page-jsonld"
 
 import { fetchEthereumMarketcap } from "@/lib/api/fetchEthereumMarketcap"
 import { fetchGrowThePie } from "@/lib/api/fetchGrowThePie"
@@ -120,6 +121,10 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
 
   return (
     <I18nProvider locale={locale} messages={messages}>
+      <Layer2NetworksPageJsonLD
+        locale={locale}
+        layer2Data={layer2DataCompiled}
+      />
       <Layer2Networks {...props} />
     </I18nProvider>
   )
diff --git a/app/[locale]/layer-2/page-jsonld.tsx b/app/[locale]/layer-2/page-jsonld.tsx
new file mode 100644
index 00000000000..eb0cb8b2ac5
--- /dev/null
+++ b/app/[locale]/layer-2/page-jsonld.tsx
@@ -0,0 +1,115 @@
+import { getTranslations } from "next-intl/server"
+
+import { Lang } from "@/lib/types"
+
+import PageJsonLD from "@/components/PageJsonLD"
+
+import { normalizeUrlForJsonLd } from "@/lib/utils/url"
+
+export default async function Layer2PageJsonLD({
+  locale,
+}: {
+  locale: Lang | undefined
+}) {
+  const t = await getTranslations({
+    namespace: "page-layer-2",
+  })
+
+  const url = normalizeUrlForJsonLd(locale, `/layer-2/`)
+
+  // JSON-LD structured data for the Layer 2 page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": url,
+    name: t("page-layer-2-meta-title"),
+    description: t("page-layer-2-meta-description"),
+    url: url,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: normalizeUrlForJsonLd(locale, "/"),
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: t("page-layer-2-meta-title"),
+          item: url,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+  }
+
+  // JSON-LD for the article content about Layer 2
+  const articleJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "Article",
+    headline: t("page-layer-2-hero-title"),
+    description: t("page-layer-2-meta-description"),
+    image: "https://ethereum.org/images/layer-2/learn-hero.png", // TODO: adjust value when the old theme breakpoints are removed (src/theme.ts)
+    author: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+  }
+
+  // JSON-LD for FAQ section
+  const faqJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "FAQPage",
+    mainEntity: [
+      {
+        "@type": "Question",
+        name: t("page-layer-2-faq-ExpandableCard-1-title"),
+        acceptedAnswer: {
+          "@type": "Answer",
+          text: `${t("page-layer-2-faq-ExpandableCard-1-description-1")} ${t("page-layer-2-faq-ExpandableCard-1-description-2")}`,
+        },
+      },
+      {
+        "@type": "Question",
+        name: t("page-layer-2-faq-ExpandableCard-2-title"),
+        acceptedAnswer: {
+          "@type": "Answer",
+          text: `${t("page-layer-2-faq-ExpandableCard-2-description-1")} ${t("page-layer-2-faq-ExpandableCard-2-description-2")}`,
+        },
+      },
+      {
+        "@type": "Question",
+        name: t("page-layer-2-faq-ExpandableCard-3-title"),
+        acceptedAnswer: {
+          "@type": "Answer",
+          text: t("page-layer-2-faq-ExpandableCard-3-description"),
+        },
+      },
+      {
+        "@type": "Question",
+        name: t("page-layer-2-faq-ExpandableCard-4-title"),
+        acceptedAnswer: {
+          "@type": "Answer",
+          text: t("page-layer-2-faq-ExpandableCard-4-description"),
+        },
+      },
+    ],
+  }
+
+  return (
+    <PageJsonLD structuredData={[webPageJsonLd, articleJsonLd, faqJsonLd]} />
+  )
+}
diff --git a/app/[locale]/layer-2/page.tsx b/app/[locale]/layer-2/page.tsx
index fdb27b0f727..8372d50f9a7 100644
--- a/app/[locale]/layer-2/page.tsx
+++ b/app/[locale]/layer-2/page.tsx
@@ -19,6 +19,7 @@ import { layer2Data } from "@/data/networks/networks"
 import { BASE_TIME_UNIT } from "@/lib/constants"
 
 import Layer2Page from "./_components/layer-2"
+import Layer2PageJsonLD from "./page-jsonld"
 
 import { routing } from "@/i18n/routing"
 import { fetchGrowThePie } from "@/lib/api/fetchGrowThePie"
@@ -69,6 +70,7 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
 
   return (
     <I18nProvider locale={locale} messages={messages}>
+      <Layer2PageJsonLD locale={locale} />
       <Layer2Page
         randomL2s={randomL2s}
         userRandomL2s={userRandomL2s}
diff --git a/app/[locale]/learn/page-jsonld.tsx b/app/[locale]/learn/page-jsonld.tsx
new file mode 100644
index 00000000000..aeae3b7cb6c
--- /dev/null
+++ b/app/[locale]/learn/page-jsonld.tsx
@@ -0,0 +1,52 @@
+import { getTranslations } from "next-intl/server"
+
+import PageJsonLD from "@/components/PageJsonLD"
+
+import { normalizeUrlForJsonLd } from "@/lib/utils/url"
+
+export default async function LearnPageJsonLD({ locale }) {
+  const t = await getTranslations({
+    namespace: "page-learn",
+  })
+
+  const url = normalizeUrlForJsonLd(locale, `/learn/`)
+
+  // JSON-LD structured data for the Learn page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": url,
+    name: t("page-learn-meta-title"),
+    description: t("hero-subtitle"),
+    url: url,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: normalizeUrlForJsonLd(locale, "/"),
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: t("page-learn-meta-title"),
+          item: url,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
+  }
+
+  return <PageJsonLD structuredData={[webPageJsonLd]} />
+}
diff --git a/app/[locale]/learn/page.tsx b/app/[locale]/learn/page.tsx
index 06171752d30..52ba8a16198 100644
--- a/app/[locale]/learn/page.tsx
+++ b/app/[locale]/learn/page.tsx
@@ -24,6 +24,8 @@ import { ListItem, UnorderedList } from "@/components/ui/list"
 import { getAppPageContributorInfo } from "@/lib/utils/contributors"
 import { getMetadata } from "@/lib/utils/metadata"
 
+import LearnPageJsonLD from "./page-jsonld"
+
 import developersEthBlocks from "@/public/images/developers-eth-blocks.png"
 import dogeComputer from "@/public/images/doge-computer.png"
 import enterprise from "@/public/images/enterprise-eth.png"
@@ -176,52 +178,9 @@ export default async function Page({ params }: { params: Promise<Params> }) {
     ],
   }
 
-  // JSON-LD structured data for the Learn page
-  const webPageJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "WebPage",
-    "@id": `https://ethereum.org/${locale}/learn/`,
-    name: t("page-learn-meta-title"),
-    description: t("hero-subtitle"),
-    url: `https://ethereum.org/${locale}/learn/`,
-    inLanguage: locale,
-    breadcrumb: {
-      "@type": "BreadcrumbList",
-      itemListElement: [
-        {
-          "@type": "ListItem",
-          position: 1,
-          name: "Home",
-          item: `https://ethereum.org/${locale}/`,
-        },
-        {
-          "@type": "ListItem",
-          position: 2,
-          name: t("page-learn-meta-title"),
-          item: `https://ethereum.org/${locale}/learn/`,
-        },
-      ],
-    },
-    publisher: {
-      "@type": "Organization",
-      name: "ethereum.org",
-      url: "https://ethereum.org",
-      logo: {
-        "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
-      },
-    },
-  }
-
   return (
     <>
-      <script
-        id="jsonld-webpage-learn"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(webPageJsonLd),
-        }}
-      />
+      <LearnPageJsonLD locale={locale} />
 
       <div className="relative w-full">
         <HubHero {...heroContent} />
diff --git a/app/[locale]/page-jsonld.tsx b/app/[locale]/page-jsonld.tsx
new file mode 100644
index 00000000000..fa879231c9b
--- /dev/null
+++ b/app/[locale]/page-jsonld.tsx
@@ -0,0 +1,73 @@
+import { getTranslations } from "next-intl/server"
+
+import { Lang } from "@/lib/types"
+
+import PageJsonLD from "@/components/PageJsonLD"
+
+import { normalizeUrlForJsonLd } from "@/lib/utils/url"
+
+export default async function IndexPageJsonLD({
+  locale,
+}: {
+  locale: Lang | undefined
+}) {
+  const t = await getTranslations({
+    namespace: "page-index",
+  })
+
+  const url = normalizeUrlForJsonLd(locale, `/`)
+
+  // JSON-LD structured data for the homepage
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": url,
+    name: t("page-index-meta-title"),
+    description: t("page-index-meta-description"),
+    url: url,
+    inLanguage: locale,
+    isPartOf: {
+      "@type": "WebSite",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: url,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+  }
+
+  // JSON-LD for ethereum.org as an organization
+  const organizationJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "Organization",
+    "@id": "https://ethereum.org",
+    name: "ethereum.org",
+    url: "https://ethereum.org",
+    logo: "https://ethereum.org/images/ethereum-logo.png",
+    description: t("page-index-meta-description"),
+    sameAs: [
+      "https://github.com/ethereum/ethereum-org-website",
+      "https://discord.gg/ethereum-org",
+      "https://x.com/EthDotOrg",
+    ],
+    mainEntityOfPage: `https://ethereum.org`,
+    foundingDate: "2014",
+    slogan:
+      "Ethereum is the community-run technology powering the cryptocurrency ether and thousands of decentralized applications",
+  }
+
+  return <PageJsonLD structuredData={[webPageJsonLd, organizationJsonLd]} />
+}
diff --git a/app/[locale]/page.tsx b/app/[locale]/page.tsx
index fae104ee585..9d278f10768 100644
--- a/app/[locale]/page.tsx
+++ b/app/[locale]/page.tsx
@@ -79,6 +79,7 @@ import {
   RSS_DISPLAY_COUNT,
 } from "@/lib/constants"
 
+import IndexPageJsonLD from "./page-jsonld"
 import { getActivity, getUpcomingEvents } from "./utils"
 
 import { routing } from "@/i18n/routing"
@@ -427,76 +428,9 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
   })) as CommunityBlog[]
   blogLinks.push(...BLOGS_WITHOUT_FEED)
 
-  // JSON-LD structured data for the homepage
-  const webPageJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "WebPage",
-    "@id": `https://ethereum.org/${locale}/`,
-    name: t("page-index-meta-title"),
-    description: t("page-index-meta-description"),
-    url: `https://ethereum.org/${locale}/`,
-    inLanguage: locale,
-    isPartOf: {
-      "@type": "WebSite",
-      name: "ethereum.org",
-      url: "https://ethereum.org",
-    },
-    breadcrumb: {
-      "@type": "BreadcrumbList",
-      itemListElement: [
-        {
-          "@type": "ListItem",
-          position: 1,
-          name: "Home",
-          item: `https://ethereum.org/${locale}/`,
-        },
-      ],
-    },
-    publisher: {
-      "@type": "Organization",
-      name: "ethereum.org",
-      url: "https://ethereum.org",
-    },
-  }
-
-  // JSON-LD for ethereum.org as an organization
-  const organizationJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "Organization",
-    "@id": "https://ethereum.org",
-    name: "ethereum.org",
-    legalName: "Ethereum Foundation",
-    url: "https://ethereum.org",
-    logo: "https://ethereum.org/images/ethereum-logo.png",
-    description: t("page-index-meta-description"),
-    sameAs: [
-      "https://github.com/ethereum/ethereum-org-website",
-      "https://discord.gg/ethereum-org",
-      "https://x.com/EthDotOrg",
-    ],
-    mainEntityOfPage: `https://ethereum.org`,
-    foundingDate: "2014",
-    slogan:
-      "Ethereum is the community-run technology powering the cryptocurrency ether and thousands of decentralized applications",
-  }
-
   return (
     <>
-      <script
-        id="jsonld-webpage-homepage"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(webPageJsonLd),
-        }}
-      />
-
-      <script
-        id="jsonld-organization"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(organizationJsonLd),
-        }}
-      />
+      <IndexPageJsonLD locale={locale} />
 
       <MainArticle className="flex w-full flex-col items-center" dir={dir}>
         <HomeHero heroImg={Hero} className="w-full" locale={locale} />
diff --git a/app/[locale]/quizzes/_components/quizzes.tsx b/app/[locale]/quizzes/_components/quizzes.tsx
index d0ffc76217d..1912cd98a3e 100644
--- a/app/[locale]/quizzes/_components/quizzes.tsx
+++ b/app/[locale]/quizzes/_components/quizzes.tsx
@@ -33,7 +33,7 @@ const handleGHAdd = () =>
     eventName: "GH_add",
   })
 
-const QuizzesPage = ({ locale }) => {
+const QuizzesPage = () => {
   const { t } = useTranslation("learn-quizzes")
 
   const [userStats, updateUserStats] = useLocalQuizData()
@@ -50,49 +50,8 @@ const QuizzesPage = ({ locale }) => {
     [onOpen, userStats]
   )
 
-  // JSON-LD structured data for the Quizzes page
-  const webPageJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "WebPage",
-    "@id": `https://ethereum.org/${locale}/quizzes/`,
-    name: t("common:quizzes-title"),
-    description: t("quizzes-subtitle"),
-    url: `https://ethereum.org/${locale}/quizzes/`,
-    inLanguage: locale,
-    breadcrumb: {
-      "@type": "BreadcrumbList",
-      itemListElement: [
-        {
-          "@type": "ListItem",
-          position: 1,
-          name: "Home",
-          item: `https://ethereum.org/${locale}/`,
-        },
-        {
-          "@type": "ListItem",
-          position: 2,
-          name: t("common:quizzes-title"),
-          item: `https://ethereum.org/${locale}/quizzes/`,
-        },
-      ],
-    },
-    publisher: {
-      "@type": "Organization",
-      name: "ethereum.org",
-      url: "https://ethereum.org",
-    },
-  }
-
   return (
     <>
-      <script
-        id="jsonld-webpage-quizzes"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(webPageJsonLd),
-        }}
-      />
-
       <MainArticle>
         <HubHero
           title={t("common:quizzes-title")}
diff --git a/app/[locale]/quizzes/page-jsonld.tsx b/app/[locale]/quizzes/page-jsonld.tsx
new file mode 100644
index 00000000000..c8b9f514120
--- /dev/null
+++ b/app/[locale]/quizzes/page-jsonld.tsx
@@ -0,0 +1,54 @@
+import { getTranslations } from "next-intl/server"
+
+import { Lang } from "@/lib/types"
+
+import PageJsonLD from "@/components/PageJsonLD"
+
+import { normalizeUrlForJsonLd } from "@/lib/utils/url"
+
+export default async function QuizzesPageJsonLD({
+  locale,
+}: {
+  locale: Lang | undefined
+}) {
+  const t = await getTranslations({
+    namespace: "page-quizzes",
+  })
+
+  const url = normalizeUrlForJsonLd(locale, `/quizzes/`)
+
+  // JSON-LD structured data for the Quizzes page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": url,
+    name: t("common:quizzes-title"),
+    description: t("quizzes-subtitle"),
+    url: url,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: normalizeUrlForJsonLd(locale, "/"),
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: t("common:quizzes-title"),
+          item: url,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+  }
+
+  return <PageJsonLD structuredData={[webPageJsonLd]} />
+}
diff --git a/app/[locale]/quizzes/page.tsx b/app/[locale]/quizzes/page.tsx
index 4359b8f9bf7..575a69dd304 100644
--- a/app/[locale]/quizzes/page.tsx
+++ b/app/[locale]/quizzes/page.tsx
@@ -13,6 +13,7 @@ import { getMetadata } from "@/lib/utils/metadata"
 import { getRequiredNamespacesForPage } from "@/lib/utils/translations"
 
 import QuizzesPage from "./_components/quizzes"
+import QuizzesPageJsonLD from "./page-jsonld"
 
 const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
   const { locale } = await params
@@ -26,7 +27,8 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
 
   return (
     <I18nProvider locale={locale} messages={messages}>
-      <QuizzesPage locale={locale} />
+      <QuizzesPageJsonLD locale={locale} />
+      <QuizzesPage />
     </I18nProvider>
   )
 }
diff --git a/app/[locale]/resources/page-jsonld.tsx b/app/[locale]/resources/page-jsonld.tsx
new file mode 100644
index 00000000000..4bf52e139e5
--- /dev/null
+++ b/app/[locale]/resources/page-jsonld.tsx
@@ -0,0 +1,54 @@
+import { getTranslations } from "next-intl/server"
+
+import { Lang } from "@/lib/types"
+
+import PageJsonLD from "@/components/PageJsonLD"
+
+import { normalizeUrlForJsonLd } from "@/lib/utils/url"
+
+export default async function ResourcesPageJsonLD({
+  locale,
+}: {
+  locale: Lang | undefined
+}) {
+  const t = await getTranslations({
+    namespace: "page-resources",
+  })
+
+  const url = normalizeUrlForJsonLd(locale, `/resources/`)
+
+  // JSON-LD structured data for the Resources page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": url,
+    name: t("page-resources-meta-title"),
+    description: t("page-resources-meta-description"),
+    url: url,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: normalizeUrlForJsonLd(locale, "/"),
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: t("page-resources-meta-title"),
+          item: url,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+  }
+
+  return <PageJsonLD structuredData={[webPageJsonLd]} />
+}
diff --git a/app/[locale]/resources/page.tsx b/app/[locale]/resources/page.tsx
index e0c6a7382b2..866c27ecdd3 100644
--- a/app/[locale]/resources/page.tsx
+++ b/app/[locale]/resources/page.tsx
@@ -22,6 +22,7 @@ import { BASE_TIME_UNIT } from "@/lib/constants"
 
 import ResourcesNav from "./_components/ResourcesNav"
 import { ResourceItem, ResourcesContainer } from "./_components/ResourcesUI"
+import ResourcesPageJsonLD from "./page-jsonld"
 import { getResources } from "./utils"
 
 import { fetchGrowThePie } from "@/lib/api/fetchGrowThePie"
@@ -47,48 +48,10 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
 
   const resourceSections = await getResources({ txCostsMedianUsd })
 
-  // JSON-LD structured data for the Resources page
-  const webPageJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "WebPage",
-    "@id": `https://ethereum.org/${locale}/resources/`,
-    name: t("page-resources-meta-title"),
-    description: t("page-resources-meta-description"),
-    url: `https://ethereum.org/${locale}/resources/`,
-    inLanguage: locale,
-    breadcrumb: {
-      "@type": "BreadcrumbList",
-      itemListElement: [
-        {
-          "@type": "ListItem",
-          position: 1,
-          name: "Home",
-          item: `https://ethereum.org/${locale}/`,
-        },
-        {
-          "@type": "ListItem",
-          position: 2,
-          name: t("page-resources-meta-title"),
-          item: `https://ethereum.org/${locale}/resources/`,
-        },
-      ],
-    },
-    publisher: {
-      "@type": "Organization",
-      name: "ethereum.org",
-      url: "https://ethereum.org",
-    },
-  }
-
   return (
     <>
-      <script
-        id="jsonld-webpage-resources"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(webPageJsonLd),
-        }}
-      />
+      <ResourcesPageJsonLD locale={locale} />
+
       <MainArticle className="relative flex flex-col">
         <BannerNotification shouldShow className="text-center max-md:flex-col">
           {t("page-resources-banner-notification-message")}{" "}
diff --git a/app/[locale]/roadmap/_components/roadmap.tsx b/app/[locale]/roadmap/_components/roadmap.tsx
index cf77667a2b7..736407daaa0 100644
--- a/app/[locale]/roadmap/_components/roadmap.tsx
+++ b/app/[locale]/roadmap/_components/roadmap.tsx
@@ -29,7 +29,7 @@ import ethBlocksImage from "@/public/images/developers-eth-blocks.png"
 import communityHeroImg from "@/public/images/heroes/community-hero.png"
 import roadmapHeroImg from "@/public/images/heroes/roadmap-hub-hero.jpg"
 
-const RoadmapPage = ({ locale }) => {
+const RoadmapPage = () => {
   const { t } = useTranslation("page-roadmap")
 
   const heroContent: HubHeroProps = {
@@ -39,110 +39,6 @@ const RoadmapPage = ({ locale }) => {
     heroImg: roadmapHeroImg,
   }
 
-  // JSON-LD structured data for the Roadmap page
-  const webPageJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "WebPage",
-    "@id": `https://ethereum.org/${locale}/roadmap/`,
-    name: t("page-roadmap-meta-title"),
-    description: t("page-roadmap-meta-description"),
-    url: `https://ethereum.org/${locale}/roadmap/`,
-    inLanguage: locale,
-    breadcrumb: {
-      "@type": "BreadcrumbList",
-      itemListElement: [
-        {
-          "@type": "ListItem",
-          position: 1,
-          name: "Home",
-          item: `https://ethereum.org/${locale}/`,
-        },
-        {
-          "@type": "ListItem",
-          position: 2,
-          name: t("page-roadmap-meta-title"),
-          item: `https://ethereum.org/${locale}/roadmap/`,
-        },
-      ],
-    },
-    publisher: {
-      "@type": "Organization",
-      name: "ethereum.org",
-      url: "https://ethereum.org",
-    },
-  }
-
-  // JSON-LD for the roadmap article content
-  const articleJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "Article",
-    headline: t("page-roadmap-title"),
-    description: t("page-roadmap-meta-description"),
-    image: "https://ethereum.org/images/heroes/roadmap-hub-hero.jpg",
-    author: {
-      "@type": "Organization",
-      name: "ethereum.org",
-      url: "https://ethereum.org",
-    },
-    publisher: {
-      "@type": "Organization",
-      name: "ethereum.org",
-      url: "https://ethereum.org",
-    },
-    about: {
-      "@type": "Thing",
-      name: "Ethereum Roadmap",
-      description:
-        "The future development and upgrade path of the Ethereum blockchain",
-    },
-  }
-
-  // JSON-LD for the FAQ section
-  const faqJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "FAQPage",
-    mainEntity: [
-      {
-        "@type": "Question",
-        name: t("page-roadmap-faq-1-title"),
-        acceptedAnswer: {
-          "@type": "Answer",
-          text: `${t("page-roadmap-faq-1-p1")} ${t("page-roadmap-faq-1-p1-continued")} ${t("page-roadmap-faq-1-p2")}`.replace(
-            /<[^>]*>/g,
-            ""
-          ),
-        },
-      },
-      {
-        "@type": "Question",
-        name: t("page-roadmap-faq-2-title"),
-        acceptedAnswer: {
-          "@type": "Answer",
-          text: `${t("page-roadmap-faq-2-p1")} ${t("page-roadmap-faq-2-p1-strong")} ${t("page-roadmap-faq-2-p1-continued")} ${t("page-roadmap-faq-2-p2")}`.replace(
-            /<[^>]*>/g,
-            ""
-          ),
-        },
-      },
-      {
-        "@type": "Question",
-        name: t("page-roadmap-faq-3-title"),
-        acceptedAnswer: {
-          "@type": "Answer",
-          text: t("page-roadmap-faq-3-p1").replace(/<[^>]*>/g, ""),
-        },
-      },
-      {
-        "@type": "Question",
-        name: t("page-roadmap-faq-4-title"),
-        acceptedAnswer: {
-          "@type": "Answer",
-          text: t("page-roadmap-faq-4-p1").replace(/<[^>]*>/g, ""),
-        },
-      },
-    ],
-  }
-
   const changesComingItems = [
     {
       title: t("page-roadmap-cheaper-transactions-title"),
@@ -212,30 +108,6 @@ const RoadmapPage = ({ locale }) => {
   // TODO: MATOMO EVENTS
   return (
     <>
-      <script
-        id="jsonld-webpage-roadmap"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(webPageJsonLd),
-        }}
-      />
-
-      <script
-        id="jsonld-article-roadmap"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(articleJsonLd),
-        }}
-      />
-
-      <script
-        id="jsonld-faq-roadmap"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(faqJsonLd),
-        }}
-      />
-
       <MainArticle className="mx-auto flex w-full flex-col items-center">
         <BannerNotification shouldShow>
           <p>{t("page-roadmap-banner-notification")}</p>
diff --git a/app/[locale]/roadmap/page-jsonld.tsx b/app/[locale]/roadmap/page-jsonld.tsx
new file mode 100644
index 00000000000..aeb852f0c55
--- /dev/null
+++ b/app/[locale]/roadmap/page-jsonld.tsx
@@ -0,0 +1,127 @@
+import { getTranslations } from "next-intl/server"
+
+import { Lang } from "@/lib/types"
+
+import PageJsonLD from "@/components/PageJsonLD"
+
+import { normalizeUrlForJsonLd } from "@/lib/utils/url"
+
+export default async function RoadmapPageJsonLD({
+  locale,
+}: {
+  locale: Lang | undefined
+}) {
+  const t = await getTranslations({
+    namespace: "page-roadmap",
+  })
+
+  const url = normalizeUrlForJsonLd(locale, `/roadmap/`)
+
+  // JSON-LD structured data for the Roadmap page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": url,
+    name: t("page-roadmap-meta-title"),
+    description: t("page-roadmap-meta-description"),
+    url: url,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: normalizeUrlForJsonLd(locale, "/"),
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: t("page-roadmap-meta-title"),
+          item: url,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+  }
+
+  // JSON-LD for the roadmap article content
+  const articleJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "Article",
+    headline: t("page-roadmap-title"),
+    description: t("page-roadmap-meta-description"),
+    image: "https://ethereum.org/images/heroes/roadmap-hub-hero.jpg",
+    author: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    about: {
+      "@type": "Thing",
+      name: "Ethereum Roadmap",
+      description:
+        "The future development and upgrade path of the Ethereum blockchain",
+    },
+  }
+
+  // JSON-LD for the FAQ section
+  const faqJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "FAQPage",
+    mainEntity: [
+      {
+        "@type": "Question",
+        name: t("page-roadmap-faq-1-title"),
+        acceptedAnswer: {
+          "@type": "Answer",
+          text: `${t("page-roadmap-faq-1-p1")} ${t("page-roadmap-faq-1-p1-continued")} ${t("page-roadmap-faq-1-p2")}`.replace(
+            /<[^>]*>/g,
+            ""
+          ),
+        },
+      },
+      {
+        "@type": "Question",
+        name: t("page-roadmap-faq-2-title"),
+        acceptedAnswer: {
+          "@type": "Answer",
+          text: `${t("page-roadmap-faq-2-p1")} ${t("page-roadmap-faq-2-p1-strong")} ${t("page-roadmap-faq-2-p1-continued")} ${t("page-roadmap-faq-2-p2")}`.replace(
+            /<[^>]*>/g,
+            ""
+          ),
+        },
+      },
+      {
+        "@type": "Question",
+        name: t("page-roadmap-faq-3-title"),
+        acceptedAnswer: {
+          "@type": "Answer",
+          text: t("page-roadmap-faq-3-p1").replace(/<[^>]*>/g, ""),
+        },
+      },
+      {
+        "@type": "Question",
+        name: t("page-roadmap-faq-4-title"),
+        acceptedAnswer: {
+          "@type": "Answer",
+          text: t("page-roadmap-faq-4-p1").replace(/<[^>]*>/g, ""),
+        },
+      },
+    ],
+  }
+
+  return (
+    <PageJsonLD structuredData={[webPageJsonLd, articleJsonLd, faqJsonLd]} />
+  )
+}
diff --git a/app/[locale]/roadmap/page.tsx b/app/[locale]/roadmap/page.tsx
index 09491b36ceb..9219ce146e3 100644
--- a/app/[locale]/roadmap/page.tsx
+++ b/app/[locale]/roadmap/page.tsx
@@ -9,6 +9,7 @@ import { getMetadata } from "@/lib/utils/metadata"
 import { getRequiredNamespacesForPage } from "@/lib/utils/translations"
 
 import RoadmapPage from "./_components/roadmap"
+import RoadmapPageJsonLD from "./page-jsonld"
 
 import { loadMessages } from "@/i18n/loadMessages"
 
@@ -22,7 +23,8 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
 
   return (
     <I18nProvider locale={locale} messages={messages}>
-      <RoadmapPage locale={locale} />
+      <RoadmapPageJsonLD locale={locale} />
+      <RoadmapPage />
     </I18nProvider>
   )
 }
diff --git a/app/[locale]/roadmap/vision/_components/vision.tsx b/app/[locale]/roadmap/vision/_components/vision.tsx
index 16857ea9675..3c4077e4742 100644
--- a/app/[locale]/roadmap/vision/_components/vision.tsx
+++ b/app/[locale]/roadmap/vision/_components/vision.tsx
@@ -94,7 +94,6 @@ const TrilemmaContent = (props: ChildOnlyProp) => (
 const VisionPage = ({
   contributors,
   lastEditLocaleTimestamp,
-  locale,
 }: PageWithContributorsProps) => {
   const { t } = useTranslation(["page-roadmap-vision", "page-upgrades-index"])
   const pathname = usePathname()
@@ -120,89 +119,8 @@ const VisionPage = ({
     alt: t("page-eth-whats-eth-hero-alt"),
   }
 
-  // JSON-LD structured data for the Vision page
-  const webPageJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "WebPage",
-    "@id": `https://ethereum.org/${locale}/roadmap/vision/`,
-    name: t("page-roadmap-vision-title"),
-    description: t("page-roadmap-vision-subtitle"),
-    url: `https://ethereum.org/${locale}/roadmap/vision/`,
-    inLanguage: locale,
-    breadcrumb: {
-      "@type": "BreadcrumbList",
-      itemListElement: [
-        {
-          "@type": "ListItem",
-          position: 1,
-          name: "Home",
-          item: `https://ethereum.org/${locale}/`,
-        },
-        {
-          "@type": "ListItem",
-          position: 2,
-          name: "Roadmap",
-          item: `https://ethereum.org/${locale}/roadmap/`,
-        },
-        {
-          "@type": "ListItem",
-          position: 3,
-          name: t("page-roadmap-vision-title"),
-          item: `https://ethereum.org/${locale}/roadmap/vision/`,
-        },
-      ],
-    },
-    publisher: {
-      "@type": "Organization",
-      name: "ethereum.org",
-      url: "https://ethereum.org",
-    },
-  }
-
-  // JSON-LD for the vision article content
-  const articleJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "Article",
-    headline: t("page-roadmap-vision-title"),
-    description: t("page-roadmap-vision-subtitle"),
-    image: "https://ethereum.org/images/upgrades/oldship.png",
-    author: {
-      "@type": "Organization",
-      name: "ethereum.org",
-      url: "https://ethereum.org",
-    },
-    publisher: {
-      "@type": "Organization",
-      name: "ethereum.org",
-      url: "https://ethereum.org",
-    },
-    about: {
-      "@type": "Thing",
-      name: "Ethereum Vision",
-      description:
-        "The vision for Ethereum's future development and capabilities",
-    },
-    dateModified: lastEditLocaleTimestamp,
-  }
-
   return (
     <>
-      <script
-        id="jsonld-webpage-roadmap-vision"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(webPageJsonLd),
-        }}
-      />
-
-      <script
-        id="jsonld-article-roadmap-vision"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(articleJsonLd),
-        }}
-      />
-
       <Page>
         <PageHero content={heroContent} />
         <Divider />
diff --git a/app/[locale]/roadmap/vision/page-jsonld.tsx b/app/[locale]/roadmap/vision/page-jsonld.tsx
new file mode 100644
index 00000000000..e21a37f874c
--- /dev/null
+++ b/app/[locale]/roadmap/vision/page-jsonld.tsx
@@ -0,0 +1,88 @@
+import { getTranslations } from "next-intl/server"
+
+import { Lang } from "@/lib/types"
+
+import PageJsonLD from "@/components/PageJsonLD"
+
+import { normalizeUrlForJsonLd } from "@/lib/utils/url"
+
+export default async function RoadmapVisionPageJsonLD({
+  locale,
+  lastEditLocaleTimestamp,
+}: {
+  locale: Lang | undefined
+  lastEditLocaleTimestamp: string
+}) {
+  const t = await getTranslations({
+    namespace: "page-roadmap-vision",
+  })
+
+  const url = normalizeUrlForJsonLd(locale, `/roadmap/vision/`)
+
+  // JSON-LD structured data for the Vision page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": url,
+    name: t("page-roadmap-vision-title"),
+    description: t("page-roadmap-vision-subtitle"),
+    url: url,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: normalizeUrlForJsonLd(locale, "/"),
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: "Roadmap",
+          item: normalizeUrlForJsonLd(locale, "/roadmap/"),
+        },
+        {
+          "@type": "ListItem",
+          position: 3,
+          name: t("page-roadmap-vision-title"),
+          item: url,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+  }
+
+  // JSON-LD for the vision article content
+  const articleJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "Article",
+    headline: t("page-roadmap-vision-title"),
+    description: t("page-roadmap-vision-subtitle"),
+    image: "https://ethereum.org/images/upgrades/oldship.png",
+    author: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    about: {
+      "@type": "Thing",
+      name: "Ethereum Vision",
+      description:
+        "The vision for Ethereum's future development and capabilities",
+    },
+    dateModified: lastEditLocaleTimestamp,
+  }
+
+  return <PageJsonLD structuredData={[webPageJsonLd, articleJsonLd]} />
+}
diff --git a/app/[locale]/roadmap/vision/page.tsx b/app/[locale]/roadmap/vision/page.tsx
index 6ce868c37ca..d219a7f499b 100644
--- a/app/[locale]/roadmap/vision/page.tsx
+++ b/app/[locale]/roadmap/vision/page.tsx
@@ -14,6 +14,7 @@ import { getMetadata } from "@/lib/utils/metadata"
 import { getRequiredNamespacesForPage } from "@/lib/utils/translations"
 
 import VisionPage from "./_components/vision"
+import RoadmapVisionPageJsonLD from "./page-jsonld"
 
 const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
   const { locale } = await params
@@ -35,6 +36,10 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
 
   return (
     <I18nProvider locale={locale} messages={messages}>
+      <RoadmapVisionPageJsonLD
+        locale={locale}
+        lastEditLocaleTimestamp={lastEditLocaleTimestamp}
+      />
       <VisionPage
         contributors={contributors}
         lastEditLocaleTimestamp={lastEditLocaleTimestamp}
diff --git a/app/[locale]/run-a-node/_components/run-a-node.tsx b/app/[locale]/run-a-node/_components/run-a-node.tsx
index 44c1ca20778..2cc83990547 100644
--- a/app/[locale]/run-a-node/_components/run-a-node.tsx
+++ b/app/[locale]/run-a-node/_components/run-a-node.tsx
@@ -207,7 +207,6 @@ type RunANodeCard = {
 const RunANodePage = ({
   contributors,
   lastEditLocaleTimestamp,
-  locale,
 }: PageWithContributorsProps) => {
   const { t } = useTranslation("page-run-a-node")
   const heroContent = {
@@ -229,65 +228,6 @@ const RunANodePage = ({
     ],
   }
 
-  // JSON-LD structured data for the Run a Node page
-  const webPageJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "WebPage",
-    "@id": `https://ethereum.org/${locale}/run-a-node/`,
-    name: t("page-run-a-node-title"),
-    description: t("page-run-a-node-hero-subtitle"),
-    url: `https://ethereum.org/${locale}/run-a-node/`,
-    inLanguage: locale,
-    breadcrumb: {
-      "@type": "BreadcrumbList",
-      itemListElement: [
-        {
-          "@type": "ListItem",
-          position: 1,
-          name: "Home",
-          item: `https://ethereum.org/${locale}/`,
-        },
-        {
-          "@type": "ListItem",
-          position: 2,
-          name: t("page-run-a-node-title"),
-          item: `https://ethereum.org/${locale}/run-a-node/`,
-        },
-      ],
-    },
-    publisher: {
-      "@type": "Organization",
-      name: "ethereum.org",
-      url: "https://ethereum.org",
-    },
-  }
-
-  // JSON-LD for the run a node article content
-  const articleJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "Article",
-    headline: t("page-run-a-node-title"),
-    description: t("page-run-a-node-hero-subtitle"),
-    image: "https://ethereum.org/images/run-a-node/ethereum-inside.png",
-    author: {
-      "@type": "Organization",
-      name: "ethereum.org",
-      url: "https://ethereum.org",
-    },
-    publisher: {
-      "@type": "Organization",
-      name: "ethereum.org",
-      url: "https://ethereum.org",
-    },
-    about: {
-      "@type": "Thing",
-      name: "Running an Ethereum Node",
-      description:
-        "Guide to running your own Ethereum node, benefits, and requirements",
-    },
-    dateModified: lastEditLocaleTimestamp,
-  }
-
   const whyRunANodeCards: RunANodeCard[] = [
     {
       Svg: PrivacyGlyphIcon,
@@ -356,22 +296,6 @@ const RunANodePage = ({
 
   return (
     <>
-      <script
-        id="jsonld-webpage-run-a-node"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(webPageJsonLd),
-        }}
-      />
-
-      <script
-        id="jsonld-article-run-a-node"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(articleJsonLd),
-        }}
-      />
-
       <GappedPage>
         <div className="w-full bg-gradient-to-br from-accent-b/5 via-primary/10 to-accent-b/15 dark:from-accent-b/20 dark:via-primary/15 dark:to-accent-a/20">
           <div className="pb-8">
diff --git a/app/[locale]/run-a-node/page-jsonld.tsx b/app/[locale]/run-a-node/page-jsonld.tsx
new file mode 100644
index 00000000000..1c17e2fb31a
--- /dev/null
+++ b/app/[locale]/run-a-node/page-jsonld.tsx
@@ -0,0 +1,82 @@
+import { getTranslations } from "next-intl/server"
+
+import { Lang } from "@/lib/types"
+
+import PageJsonLD from "@/components/PageJsonLD"
+
+import { normalizeUrlForJsonLd } from "@/lib/utils/url"
+
+export default async function RunANodePageJsonLD({
+  locale,
+  lastEditLocaleTimestamp,
+}: {
+  locale: Lang | undefined
+  lastEditLocaleTimestamp: string
+}) {
+  const t = await getTranslations({
+    namespace: "page-run-a-node",
+  })
+
+  const url = normalizeUrlForJsonLd(locale, `/run-a-node/`)
+
+  // JSON-LD structured data for the Run a Node page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": url,
+    name: t("page-run-a-node-title"),
+    description: t("page-run-a-node-hero-subtitle"),
+    url: url,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: normalizeUrlForJsonLd(locale, "/"),
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: t("page-run-a-node-title"),
+          item: url,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+  }
+
+  // JSON-LD for the run a node article content
+  const articleJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "Article",
+    headline: t("page-run-a-node-title"),
+    description: t("page-run-a-node-hero-subtitle"),
+    image: "https://ethereum.org/images/run-a-node/ethereum-inside.png",
+    author: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    about: {
+      "@type": "Thing",
+      name: "Running an Ethereum Node",
+      description:
+        "Guide to running your own Ethereum node, benefits, and requirements",
+    },
+    dateModified: lastEditLocaleTimestamp,
+  }
+
+  return <PageJsonLD structuredData={[webPageJsonLd, articleJsonLd]} />
+}
diff --git a/app/[locale]/run-a-node/page.tsx b/app/[locale]/run-a-node/page.tsx
index 39755fa9c29..afd7c08f007 100644
--- a/app/[locale]/run-a-node/page.tsx
+++ b/app/[locale]/run-a-node/page.tsx
@@ -14,6 +14,7 @@ import { getMetadata } from "@/lib/utils/metadata"
 import { getRequiredNamespacesForPage } from "@/lib/utils/translations"
 
 import RunANodePage from "./_components/run-a-node"
+import RunANodePageJsonLD from "./page-jsonld"
 
 const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
   const { locale } = await params
@@ -35,6 +36,10 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
 
   return (
     <I18nProvider locale={locale} messages={messages}>
+      <RunANodePageJsonLD
+        locale={locale}
+        lastEditLocaleTimestamp={lastEditLocaleTimestamp}
+      />
       <RunANodePage
         contributors={contributors}
         lastEditLocaleTimestamp={lastEditLocaleTimestamp}
diff --git a/app/[locale]/stablecoins/page-jsonld.tsx b/app/[locale]/stablecoins/page-jsonld.tsx
new file mode 100644
index 00000000000..ca0489a85d7
--- /dev/null
+++ b/app/[locale]/stablecoins/page-jsonld.tsx
@@ -0,0 +1,101 @@
+import { getTranslations } from "next-intl/server"
+
+import PageJsonLD from "@/components/PageJsonLD"
+
+import { normalizeUrlForJsonLd } from "@/lib/utils/url"
+
+export default async function StablecoinsPageJsonLD({ locale, features }) {
+  const t = await getTranslations({
+    namespace: "page-stablecoins",
+  })
+
+  const url = normalizeUrlForJsonLd(locale, `/stablecoins/`)
+
+  // JSON-LD structured data for the Stablecoins page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": url,
+    name: t("page-stablecoins-meta-title"),
+    description: t("page-stablecoins-meta-description"),
+    url: url,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: normalizeUrlForJsonLd(locale, "/"),
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: t("page-stablecoins-meta-title"),
+          item: url,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+  }
+
+  // JSON-LD for the stablecoins article content
+  const articleJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "Article",
+    headline: t("page-stablecoins-title"),
+    description: t("page-stablecoins-meta-description"),
+    image: "https://ethereum.org/images/stablecoins/hero.png",
+    author: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    about: {
+      "@type": "Thing",
+      name: "Stablecoins",
+      description:
+        "Digital currencies pegged to stable assets like the US dollar",
+    },
+  }
+
+  // JSON-LD for stablecoin types as ItemList
+  const stablecoinTypesJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "ItemList",
+    name: "Types of Stablecoins",
+    description:
+      "Different categories of stablecoins based on their backing mechanisms",
+    numberOfItems: features.length,
+    itemListElement: features.map((feature, index) => ({
+      "@type": "ListItem",
+      position: index + 1,
+      item: {
+        "@type": "Product",
+        name: feature.title,
+        description:
+          typeof feature.description === "string"
+            ? feature.description
+            : feature.title,
+        category: "Digital Currency",
+        additionalType: "https://schema.org/FinancialProduct",
+      },
+    })),
+  }
+
+  return (
+    <PageJsonLD
+      structuredData={[webPageJsonLd, articleJsonLd, stablecoinTypesJsonLd]}
+    />
+  )
+}
diff --git a/app/[locale]/stablecoins/page.tsx b/app/[locale]/stablecoins/page.tsx
index 0802ab95540..6685d56534a 100644
--- a/app/[locale]/stablecoins/page.tsx
+++ b/app/[locale]/stablecoins/page.tsx
@@ -38,6 +38,7 @@ import { getRequiredNamespacesForPage } from "@/lib/utils/translations"
 import { BASE_TIME_UNIT } from "@/lib/constants"
 
 import { stablecoins } from "./data"
+import StablecoinsPageJsonLD from "./page-jsonld"
 
 import { fetchEthereumStablecoinsData } from "@/lib/api/stablecoinsData"
 import sparkfiImg from "@/public/images/dapps/sparkfi.png"
@@ -420,115 +421,10 @@ async function Page({ params }: { params: Promise<{ locale: Lang }> }) {
     },
   ]
 
-  // JSON-LD structured data for the Stablecoins page
-  const webPageJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "WebPage",
-    "@id": `https://ethereum.org/${locale}/stablecoins/`,
-    name: t("page-stablecoins-meta-title"),
-    description: t("page-stablecoins-meta-description"),
-    url: `https://ethereum.org/${locale}/stablecoins/`,
-    inLanguage: locale,
-    breadcrumb: {
-      "@type": "BreadcrumbList",
-      itemListElement: [
-        {
-          "@type": "ListItem",
-          position: 1,
-          name: "Home",
-          item: `https://ethereum.org/${locale}/`,
-        },
-        {
-          "@type": "ListItem",
-          position: 2,
-          name: t("page-stablecoins-meta-title"),
-          item: `https://ethereum.org/${locale}/stablecoins/`,
-        },
-      ],
-    },
-    publisher: {
-      "@type": "Organization",
-      name: "ethereum.org",
-      url: "https://ethereum.org",
-    },
-  }
-
-  // JSON-LD for the stablecoins article content
-  const articleJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "Article",
-    headline: t("page-stablecoins-title"),
-    description: t("page-stablecoins-meta-description"),
-    image: "https://ethereum.org/images/stablecoins/hero.png",
-    author: {
-      "@type": "Organization",
-      name: "ethereum.org",
-      url: "https://ethereum.org",
-    },
-    publisher: {
-      "@type": "Organization",
-      name: "ethereum.org",
-      url: "https://ethereum.org",
-    },
-    about: {
-      "@type": "Thing",
-      name: "Stablecoins",
-      description:
-        "Digital currencies pegged to stable assets like the US dollar",
-    },
-  }
-
-  // JSON-LD for stablecoin types as ItemList
-  const stablecoinTypesJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "ItemList",
-    name: "Types of Stablecoins",
-    description:
-      "Different categories of stablecoins based on their backing mechanisms",
-    numberOfItems: features.length,
-    itemListElement: features.map((feature, index) => ({
-      "@type": "ListItem",
-      position: index + 1,
-      item: {
-        "@type": "Product",
-        name: feature.title,
-        description:
-          typeof feature.description === "string"
-            ? feature.description
-            : feature.title,
-        category: "Digital Currency",
-        additionalType: "https://schema.org/FinancialProduct",
-      },
-    })),
-  }
-
   return (
     <>
-      <script
-        id="jsonld-webpage-stablecoins"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(webPageJsonLd),
-        }}
-      />
-
-      <script
-        id="jsonld-article-stablecoins"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(articleJsonLd),
-        }}
-      />
-
-      <script
-        id="jsonld-itemlist-stablecoins"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(stablecoinTypesJsonLd),
-        }}
-      />
-
       <I18nProvider locale={locale} messages={messages}>
+        <StablecoinsPageJsonLD locale={locale} features={features} />
         <MainArticle className="mx-auto my-0 w-full flex-col items-center">
           <PageHero isReverse content={heroContent} />
           <Divider />
diff --git a/app/[locale]/staking/_components/staking.tsx b/app/[locale]/staking/_components/staking.tsx
index 08072e8f485..49d1442560e 100644
--- a/app/[locale]/staking/_components/staking.tsx
+++ b/app/[locale]/staking/_components/staking.tsx
@@ -113,7 +113,6 @@ const StakingPage = ({
   data,
   contributors,
   lastEditLocaleTimestamp,
-  locale,
 }: Props) => {
   const { t } = useTranslation("page-staking")
 
@@ -245,148 +244,8 @@ const StakingPage = ({
     return { title, url: "#" + id }
   })
 
-  // JSON-LD structured data for the Staking page
-  const webPageJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "WebPage",
-    "@id": `https://ethereum.org/${locale}/staking/`,
-    name: t("page-staking-meta-title"),
-    description: t("page-staking-meta-description"),
-    url: `https://ethereum.org/${locale}/staking/`,
-    inLanguage: locale,
-    breadcrumb: {
-      "@type": "BreadcrumbList",
-      itemListElement: [
-        {
-          "@type": "ListItem",
-          position: 1,
-          name: "Home",
-          item: `https://ethereum.org/${locale}/`,
-        },
-        {
-          "@type": "ListItem",
-          position: 2,
-          name: t("page-staking-meta-title"),
-          item: `https://ethereum.org/${locale}/staking/`,
-        },
-      ],
-    },
-    publisher: {
-      "@type": "Organization",
-      name: "ethereum.org",
-      url: "https://ethereum.org",
-    },
-  }
-
-  // JSON-LD for the staking article content
-  const articleJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "Article",
-    headline: t("page-staking-hero-title"),
-    description: t("page-staking-meta-description"),
-    image: "https://ethereum.org/images/upgrades/upgrade_rhino.png",
-    author: {
-      "@type": "Organization",
-      name: "ethereum.org",
-      url: "https://ethereum.org",
-    },
-    publisher: {
-      "@type": "Organization",
-      name: "ethereum.org",
-      url: "https://ethereum.org",
-    },
-    about: {
-      "@type": "Thing",
-      name: "Ethereum Staking",
-      description:
-        "Guide to staking ETH, earning rewards, and securing the Ethereum network",
-    },
-    dateModified: lastEditLocaleTimestamp,
-  }
-
-  // JSON-LD for the FAQ section
-  const faqJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "FAQPage",
-    mainEntity: [
-      {
-        "@type": "Question",
-        name: t("page-staking-faq-4-question"),
-        acceptedAnswer: {
-          "@type": "Answer",
-          text: `${t("page-staking-faq-4-answer-p1")} ${t("page-staking-faq-4-answer-p2")} ${t("page-staking-faq-4-answer-p3")}`.replace(
-            /<[^>]*>/g,
-            ""
-          ),
-        },
-      },
-      {
-        "@type": "Question",
-        name: t("page-staking-faq-5-question"),
-        acceptedAnswer: {
-          "@type": "Answer",
-          text: `${t("page-staking-faq-5-answer-p1")} ${t("page-staking-faq-5-answer-p2")}`.replace(
-            /<[^>]*>/g,
-            ""
-          ),
-        },
-      },
-      {
-        "@type": "Question",
-        name: t("page-staking-faq-1-question"),
-        acceptedAnswer: {
-          "@type": "Answer",
-          text: t("page-staking-faq-1-answer").replace(/<[^>]*>/g, ""),
-        },
-      },
-      {
-        "@type": "Question",
-        name: t("page-staking-faq-2-question"),
-        acceptedAnswer: {
-          "@type": "Answer",
-          text: t("page-staking-faq-2-answer").replace(/<[^>]*>/g, ""),
-        },
-      },
-      {
-        "@type": "Question",
-        name: t("page-staking-faq-3-question"),
-        acceptedAnswer: {
-          "@type": "Answer",
-          text: `${t("page-staking-faq-3-answer-p1")} ${t("page-staking-faq-3-answer-p2")}`.replace(
-            /<[^>]*>/g,
-            ""
-          ),
-        },
-      },
-    ],
-  }
-
   return (
     <>
-      <script
-        id="jsonld-webpage-staking"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(webPageJsonLd),
-        }}
-      />
-
-      <script
-        id="jsonld-article-staking"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(articleJsonLd),
-        }}
-      />
-
-      <script
-        id="jsonld-faq-staking"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(faqJsonLd),
-        }}
-      />
-
       <PageContainer>
         <HeroStatsWrapper>
           <PageHero content={heroContent} />
diff --git a/app/[locale]/staking/page-jsonld.tsx b/app/[locale]/staking/page-jsonld.tsx
new file mode 100644
index 00000000000..7c5fd422b43
--- /dev/null
+++ b/app/[locale]/staking/page-jsonld.tsx
@@ -0,0 +1,141 @@
+import { getTranslations } from "next-intl/server"
+
+import { Lang } from "@/lib/types"
+
+import PageJsonLD from "@/components/PageJsonLD"
+
+import { normalizeUrlForJsonLd } from "@/lib/utils/url"
+
+export default async function StakingPageJsonLD({
+  locale,
+  lastEditLocaleTimestamp,
+}: {
+  locale: Lang | undefined
+  lastEditLocaleTimestamp: string
+}) {
+  const t = await getTranslations({
+    namespace: "page-staking",
+  })
+
+  const url = normalizeUrlForJsonLd(locale, `/staking/`)
+
+  // JSON-LD structured data for the Staking page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": url,
+    name: t("page-staking-meta-title"),
+    description: t("page-staking-meta-description"),
+    url: url,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: normalizeUrlForJsonLd(locale, "/"),
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: t("page-staking-meta-title"),
+          item: url,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+  }
+
+  // JSON-LD for the staking article content
+  const articleJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "Article",
+    headline: t("page-staking-hero-title"),
+    description: t("page-staking-meta-description"),
+    image: "https://ethereum.org/images/upgrades/upgrade_rhino.png",
+    author: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    about: {
+      "@type": "Thing",
+      name: "Ethereum Staking",
+      description:
+        "Guide to staking ETH, earning rewards, and securing the Ethereum network",
+    },
+    dateModified: lastEditLocaleTimestamp,
+  }
+
+  // JSON-LD for the FAQ section
+  const faqJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "FAQPage",
+    mainEntity: [
+      {
+        "@type": "Question",
+        name: t("page-staking-faq-4-question"),
+        acceptedAnswer: {
+          "@type": "Answer",
+          text: `${t("page-staking-faq-4-answer-p1")} ${t("page-staking-faq-4-answer-p2")} ${t("page-staking-faq-4-answer-p3")}`.replace(
+            /<[^>]*>/g,
+            ""
+          ),
+        },
+      },
+      {
+        "@type": "Question",
+        name: t("page-staking-faq-5-question"),
+        acceptedAnswer: {
+          "@type": "Answer",
+          text: `${t("page-staking-faq-5-answer-p1")} ${t("page-staking-faq-5-answer-p2")}`.replace(
+            /<[^>]*>/g,
+            ""
+          ),
+        },
+      },
+      {
+        "@type": "Question",
+        name: t("page-staking-faq-1-question"),
+        acceptedAnswer: {
+          "@type": "Answer",
+          text: t("page-staking-faq-1-answer").replace(/<[^>]*>/g, ""),
+        },
+      },
+      {
+        "@type": "Question",
+        name: t("page-staking-faq-2-question"),
+        acceptedAnswer: {
+          "@type": "Answer",
+          text: t("page-staking-faq-2-answer").replace(/<[^>]*>/g, ""),
+        },
+      },
+      {
+        "@type": "Question",
+        name: t("page-staking-faq-3-question"),
+        acceptedAnswer: {
+          "@type": "Answer",
+          text: `${t("page-staking-faq-3-answer-p1")} ${t("page-staking-faq-3-answer-p2")}`.replace(
+            /<[^>]*>/g,
+            ""
+          ),
+        },
+      },
+    ],
+  }
+
+  return (
+    <PageJsonLD structuredData={[webPageJsonLd, articleJsonLd, faqJsonLd]} />
+  )
+}
diff --git a/app/[locale]/staking/page.tsx b/app/[locale]/staking/page.tsx
index 90bfb4c342d..61e8bb1bd23 100644
--- a/app/[locale]/staking/page.tsx
+++ b/app/[locale]/staking/page.tsx
@@ -23,6 +23,7 @@ import { getRequiredNamespacesForPage } from "@/lib/utils/translations"
 import { BASE_TIME_UNIT } from "@/lib/constants"
 
 import StakingPage from "./_components/staking"
+import StakingPageJsonLD from "./page-jsonld"
 
 const fetchBeaconchainData = async (): Promise<StakingStatsData> => {
   // Fetch Beaconcha.in data
@@ -83,6 +84,10 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
 
   return (
     <I18nProvider locale={locale} messages={messages}>
+      <StakingPageJsonLD
+        locale={locale}
+        lastEditLocaleTimestamp={lastEditLocaleTimestamp}
+      />
       <StakingPage
         data={data}
         contributors={contributors}
diff --git a/app/[locale]/start/page-jsonld.tsx b/app/[locale]/start/page-jsonld.tsx
new file mode 100644
index 00000000000..9a18a2f23e8
--- /dev/null
+++ b/app/[locale]/start/page-jsonld.tsx
@@ -0,0 +1,79 @@
+import { getTranslations } from "next-intl/server"
+
+import { Lang } from "@/lib/types"
+
+import PageJsonLD from "@/components/PageJsonLD"
+
+import { normalizeUrlForJsonLd } from "@/lib/utils/url"
+
+export default async function StartPageJsonLD({
+  locale,
+}: {
+  locale: Lang | undefined
+}) {
+  const t = await getTranslations({
+    namespace: "page-start",
+  })
+
+  const url = normalizeUrlForJsonLd(locale, `/start/`)
+
+  // JSON-LD structured data for the Start page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": url,
+    name: t("page-start-meta-title"),
+    description: t("page-start-meta-description"),
+    url: url,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: normalizeUrlForJsonLd(locale, "/"),
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: t("page-start-meta-title"),
+          item: url,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+  }
+
+  // JSON-LD for the start guide article content
+  const articleJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "Article",
+    headline: t("page-start-title"),
+    description: t("page-start-meta-description"),
+    image: "https://ethereum.org/images/heroes/developers-hub-hero.jpg",
+    author: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    about: {
+      "@type": "Thing",
+      name: "Getting Started with Ethereum",
+      description:
+        "Beginner's guide to getting started with Ethereum, crypto wallets, and web3",
+    },
+  }
+
+  return <PageJsonLD structuredData={[webPageJsonLd, articleJsonLd]} />
+}
diff --git a/app/[locale]/start/page.tsx b/app/[locale]/start/page.tsx
index 36b5f6e0c45..ff205e0e93c 100644
--- a/app/[locale]/start/page.tsx
+++ b/app/[locale]/start/page.tsx
@@ -17,6 +17,8 @@ import { getMetadata } from "@/lib/utils/metadata"
 import { getRequiredNamespacesForPage } from "@/lib/utils/translations"
 import { getNewToCryptoWallets } from "@/lib/utils/wallets"
 
+import StartPageJsonLD from "./page-jsonld"
+
 import HeroImage from "@/public/images/heroes/developers-hub-hero.jpg"
 import ManDogeImage from "@/public/images/start-with-ethereum/man-doge-playing.png"
 
@@ -37,82 +39,9 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
     supportedLanguages: [],
   }))
 
-  // JSON-LD structured data for the Start page
-  const webPageJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "WebPage",
-    "@id": `https://ethereum.org/${locale}/start/`,
-    name: t("page-start-meta-title"),
-    description: t("page-start-meta-description"),
-    url: `https://ethereum.org/${locale}/start/`,
-    inLanguage: locale,
-    breadcrumb: {
-      "@type": "BreadcrumbList",
-      itemListElement: [
-        {
-          "@type": "ListItem",
-          position: 1,
-          name: "Home",
-          item: `https://ethereum.org/${locale}/`,
-        },
-        {
-          "@type": "ListItem",
-          position: 2,
-          name: t("page-start-meta-title"),
-          item: `https://ethereum.org/${locale}/start/`,
-        },
-      ],
-    },
-    publisher: {
-      "@type": "Organization",
-      name: "ethereum.org",
-      url: "https://ethereum.org",
-    },
-  }
-
-  // JSON-LD for the start guide article content
-  const articleJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "Article",
-    headline: t("page-start-title"),
-    description: t("page-start-meta-description"),
-    image: "https://ethereum.org/images/heroes/developers-hub-hero.jpg",
-    author: {
-      "@type": "Organization",
-      name: "ethereum.org",
-      url: "https://ethereum.org",
-    },
-    publisher: {
-      "@type": "Organization",
-      name: "ethereum.org",
-      url: "https://ethereum.org",
-    },
-    about: {
-      "@type": "Thing",
-      name: "Getting Started with Ethereum",
-      description:
-        "Beginner's guide to getting started with Ethereum, crypto wallets, and web3",
-    },
-  }
-
   return (
     <>
-      <script
-        id="jsonld-webpage-start"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(webPageJsonLd),
-        }}
-      />
-
-      <script
-        id="jsonld-article-start"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(articleJsonLd),
-        }}
-      />
-
+      <StartPageJsonLD locale={locale} />
       <MainArticle className="flex w-full flex-col items-center overflow-x-hidden">
         <div className="mb-16 h-[240px] w-full md:h-[380px] lg:h-[398px]">
           <Image
diff --git a/app/[locale]/trillion-dollar-security/page-jsonld.tsx b/app/[locale]/trillion-dollar-security/page-jsonld.tsx
new file mode 100644
index 00000000000..ed8768f5b2a
--- /dev/null
+++ b/app/[locale]/trillion-dollar-security/page-jsonld.tsx
@@ -0,0 +1,79 @@
+import { getTranslations } from "next-intl/server"
+
+import { Lang } from "@/lib/types"
+
+import PageJsonLD from "@/components/PageJsonLD"
+
+import { normalizeUrlForJsonLd } from "@/lib/utils/url"
+
+export default async function TrillionDollarSecurityPageJsonLD({
+  locale,
+}: {
+  locale: Lang | undefined
+}) {
+  const t = await getTranslations({
+    namespace: "page-trillion-dollar-security",
+  })
+
+  const url = normalizeUrlForJsonLd(locale, `/trillion-dollar-security/`)
+
+  // JSON-LD structured data for the Trillion-Dollar Security page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": url,
+    name: t("page-trillion-dollar-security-meta-title"),
+    description: t("page-trillion-dollar-security-meta-description"),
+    url: url,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: normalizeUrlForJsonLd(locale, "/"),
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: t("page-trillion-dollar-security-meta-title"),
+          item: url,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+  }
+
+  // JSON-LD for the security report article content
+  const articleJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "Article",
+    headline: t("page-trillion-dollar-security-title"),
+    description: t("page-trillion-dollar-security-meta-description"),
+    image: "https://ethereum.org/images/trillion-dollar-security/hero.png",
+    author: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    about: {
+      "@type": "Thing",
+      name: "Ethereum Security",
+      description:
+        "Comprehensive security analysis of Ethereum's trillion-dollar ecosystem",
+    },
+  }
+
+  return <PageJsonLD structuredData={[webPageJsonLd, articleJsonLd]} />
+}
diff --git a/app/[locale]/trillion-dollar-security/page.tsx b/app/[locale]/trillion-dollar-security/page.tsx
index 87f121dee1a..bcf3b5ea782 100644
--- a/app/[locale]/trillion-dollar-security/page.tsx
+++ b/app/[locale]/trillion-dollar-security/page.tsx
@@ -16,6 +16,8 @@ import InlineLink, { BaseLink as Link } from "@/components/ui/Link"
 
 import { getMetadata } from "@/lib/utils/metadata"
 
+import TrillionDollarSecurityPageJsonLD from "./page-jsonld"
+
 import TdsHero from "@/public/images/trillion-dollar-security/hero.png"
 import TdsReport from "@/public/images/trillion-dollar-security/report.png"
 
@@ -50,82 +52,9 @@ const TdsPage = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
     namespace: "page-trillion-dollar-security",
   })
 
-  // JSON-LD structured data for the Trillion-Dollar Security page
-  const webPageJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "WebPage",
-    "@id": `https://ethereum.org/${locale}/trillion-dollar-security/`,
-    name: t("page-trillion-dollar-security-meta-title"),
-    description: t("page-trillion-dollar-security-meta-description"),
-    url: `https://ethereum.org/${locale}/trillion-dollar-security/`,
-    inLanguage: locale,
-    breadcrumb: {
-      "@type": "BreadcrumbList",
-      itemListElement: [
-        {
-          "@type": "ListItem",
-          position: 1,
-          name: "Home",
-          item: `https://ethereum.org/${locale}/`,
-        },
-        {
-          "@type": "ListItem",
-          position: 2,
-          name: t("page-trillion-dollar-security-meta-title"),
-          item: `https://ethereum.org/${locale}/trillion-dollar-security/`,
-        },
-      ],
-    },
-    publisher: {
-      "@type": "Organization",
-      name: "ethereum.org",
-      url: "https://ethereum.org",
-    },
-  }
-
-  // JSON-LD for the security report article content
-  const articleJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "Article",
-    headline: t("page-trillion-dollar-security-title"),
-    description: t("page-trillion-dollar-security-meta-description"),
-    image: "https://ethereum.org/images/trillion-dollar-security/hero.png",
-    author: {
-      "@type": "Organization",
-      name: "ethereum.org",
-      url: "https://ethereum.org",
-    },
-    publisher: {
-      "@type": "Organization",
-      name: "ethereum.org",
-      url: "https://ethereum.org",
-    },
-    about: {
-      "@type": "Thing",
-      name: "Ethereum Security",
-      description:
-        "Comprehensive security analysis of Ethereum's trillion-dollar ecosystem",
-    },
-  }
-
   return (
     <>
-      <script
-        id="jsonld-webpage-trillion-dollar-security"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(webPageJsonLd),
-        }}
-      />
-
-      <script
-        id="jsonld-article-trillion-dollar-security"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(articleJsonLd),
-        }}
-      />
-
+      <TrillionDollarSecurityPageJsonLD locale={locale} />
       <MainArticle>
         {/* Hero Section */}
         <section className="mb-32 w-full">
diff --git a/app/[locale]/wallets/_components/wallets.tsx b/app/[locale]/wallets/_components/wallets.tsx
deleted file mode 100644
index 2b678a0bc56..00000000000
--- a/app/[locale]/wallets/_components/wallets.tsx
+++ /dev/null
@@ -1,549 +0,0 @@
-"use client"
-
-import { ComponentPropsWithRef } from "react"
-import { useLocale } from "next-intl"
-
-import { PageWithContributorsProps } from "@/lib/types"
-
-import Callout from "@/components/Callout"
-import Card from "@/components/Card"
-import CardList from "@/components/CardList"
-import FeedbackCard from "@/components/FeedbackCard"
-import FileContributors from "@/components/FileContributors"
-import HorizontalCard from "@/components/HorizontalCard"
-import { Image } from "@/components/Image"
-import ListenToPlayer from "@/components/ListenToPlayer"
-import MainArticle from "@/components/MainArticle"
-import PageHero from "@/components/PageHero"
-import { StandaloneQuizWidget } from "@/components/Quiz/QuizWidget"
-import { Simulator } from "@/components/Simulator"
-import { SIMULATOR_ID } from "@/components/Simulator/constants"
-import Translation from "@/components/Translation"
-import { ButtonLink } from "@/components/ui/buttons/Button"
-import { Divider } from "@/components/ui/divider"
-
-import { walletOnboardingSimData } from "@/data/WalletSimulatorData"
-
-import { useTranslation } from "@/hooks/useTranslation"
-import { usePathname } from "@/i18n/routing"
-import DappsImage from "@/public/images/doge-computer.png"
-import ETHImage from "@/public/images/eth-logo.png"
-import FindWalletImage from "@/public/images/wallets/find-wallet.png"
-import HeroImage from "@/public/images/wallets/wallet-hero.png"
-
-export const StyledCard = (props: ComponentPropsWithRef<typeof Card>) => (
-  <Card
-    className="m-4 min-w-[280px] max-w-full flex-1 bg-background p-6 md:max-w-[46%] lg:max-w-[31%]"
-    {...props}
-  />
-)
-
-const WalletsPage = ({
-  contributors,
-  lastEditLocaleTimestamp,
-}: PageWithContributorsProps) => {
-  const pathname = usePathname()
-  const locale = useLocale()
-  const { t } = useTranslation("page-wallets")
-
-  const heroContent = {
-    title: t("page-wallets-title"),
-    header: t("page-wallets-slogan"),
-    subtitle: t("page-wallets-subtitle"),
-    image: HeroImage,
-    alt: t("page-wallets-alt"),
-    // TODO: remove conditional after soft launch
-    buttons:
-      locale === "en"
-        ? [
-            {
-              href: "/wallets/find-wallet/",
-              content: t("page-wallets-find-wallet-link"),
-              matomo: {
-                eventCategory: "Header buttons",
-                eventAction: "click",
-                eventName: "Find_wallet",
-              },
-            },
-            {
-              href: `#${SIMULATOR_ID}`,
-              content: "How to use a wallet",
-              matomo: {
-                eventCategory: "Header buttons",
-                eventAction: "click",
-                eventName: "How_to_use_wallet",
-              },
-              variant: "outline" as const,
-            },
-          ]
-        : [
-            {
-              href: "/wallets/find-wallet/",
-              content: t("page-wallets-find-wallet-link"),
-              matomo: {
-                eventCategory: "Header button",
-                eventAction: "click",
-                eventName: "Find_wallet",
-              },
-            },
-          ],
-  }
-
-  const cards = [
-    {
-      emoji: ":dollar:",
-      title: t("page-wallets-manage-funds"),
-      description: (
-        <Translation id="page-wallets:page-wallets-manage-funds-desc" />
-      ),
-    },
-    {
-      emoji: ":frame_with_picture:",
-      title: t("page-wallets-your-ethereum-account"),
-      description: (
-        <Translation id="page-wallets:page-wallets-your-ethereum-account-desc" />
-      ),
-    },
-    {
-      emoji: ":bust_in_silhouette:",
-      title: t("page-wallets-your-login"),
-      description: (
-        <Translation id="page-wallets:page-wallets-your-login-desc" />
-      ),
-    },
-  ]
-
-  const types = [
-    {
-      emoji: ":cd:",
-      description: <Translation id="page-wallets:page-wallets-cd" />,
-    },
-    {
-      emoji: ":mobile_phone:",
-      description: <Translation id="page-wallets:page-wallets-mobile" />,
-    },
-    {
-      emoji: ":globe_with_meridians:",
-      description: <Translation id="page-wallets:page-wallets-web-browser" />,
-    },
-    {
-      emoji: ":globe_with_meridians:",
-      description: (
-        <Translation id="page-wallets:page-wallets-web-browser-extension" />
-      ),
-    },
-    {
-      emoji: ":desktop_computer:",
-      description: <Translation id="page-wallets:page-wallets-desktop" />,
-    },
-  ]
-
-  const articles = [
-    {
-      title: t("page-wallets-protecting-yourself"),
-      description: "MyCrypto",
-      link: "https://support.mycrypto.com/staying-safe/protecting-yourself-and-your-funds",
-      customEventOptions: {
-        eventCategory: "Link",
-        eventAction: "Clicked_external",
-        eventName: "protecting_yourself",
-      },
-    },
-    {
-      title: t("page-wallets-keys-to-safety"),
-      description: t("page-wallets-blog"),
-      link: "https://www.coinbase.com/learn/crypto-basics/how-to-secure-crypto",
-      customEventOptions: {
-        eventCategory: "Link",
-        eventAction: "Clicked_external",
-        eventName: "the_keys_to_keeping_crypto_safe",
-      },
-    },
-  ]
-
-  const guides = [
-    {
-      title: t("additional-reading-how-to-create-an-ethereum-account"),
-      link: "/guides/how-to-create-an-ethereum-account/",
-      customEventOptions: {
-        eventCategory: "Link",
-        eventAction: "Clicked",
-        eventName: "Create_eth_acc",
-      },
-    },
-    {
-      title: t("additional-reading-how-to-use-a-wallet"),
-      link: "/guides/how-to-use-a-wallet/",
-      customEventOptions: {
-        eventCategory: "Link",
-        eventAction: "Clicked",
-        eventName: "How_to_use_wallet",
-      },
-    },
-  ]
-
-  // JSON-LD structured data for the Wallets page
-  const webPageJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "WebPage",
-    "@id": `https://ethereum.org/${locale}/wallets/`,
-    name: t("page-wallets-meta-title"),
-    description: t("page-wallets-meta-description"),
-    url: `https://ethereum.org/${locale}/wallets/`,
-    inLanguage: locale,
-    breadcrumb: {
-      "@type": "BreadcrumbList",
-      itemListElement: [
-        {
-          "@type": "ListItem",
-          position: 1,
-          name: "Home",
-          item: `https://ethereum.org/${locale}/`,
-        },
-        {
-          "@type": "ListItem",
-          position: 2,
-          name: t("page-wallets-meta-title"),
-          item: `https://ethereum.org/${locale}/wallets/`,
-        },
-      ],
-    },
-    publisher: {
-      "@type": "Organization",
-      name: "ethereum.org",
-      url: "https://ethereum.org",
-    },
-  }
-
-  // JSON-LD for the wallets guide article content
-  const articleJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "Article",
-    headline: t("page-wallets-title"),
-    description: t("page-wallets-meta-description"),
-    image: "https://ethereum.org/images/wallets/wallet-hero.png",
-    author: {
-      "@type": "Organization",
-      name: "ethereum.org",
-      url: "https://ethereum.org",
-    },
-    publisher: {
-      "@type": "Organization",
-      name: "ethereum.org",
-      url: "https://ethereum.org",
-    },
-    about: {
-      "@type": "Thing",
-      name: "Ethereum Wallets",
-      description:
-        "Complete guide to Ethereum wallets, types, features, and how to use them safely",
-    },
-    dateModified: lastEditLocaleTimestamp,
-  }
-
-  // JSON-LD for the wallet types list
-  const walletTypesJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "ItemList",
-    name: "Ethereum Wallet Types",
-    description: "Different types of Ethereum wallets available",
-    itemListElement: types.map((type, index) => ({
-      "@type": "ListItem",
-      position: index + 1,
-      item: {
-        "@type": "Product",
-        additionalType: "https://schema.org/SoftwareApplication",
-        category: "Cryptocurrency Wallet",
-        name: `Ethereum ${type.emoji === ":cd:" ? "Hardware" : type.emoji === ":mobile_phone:" ? "Mobile" : type.emoji === ":desktop_computer:" ? "Desktop" : "Web"} Wallet`,
-        description:
-          typeof type.description === "string"
-            ? type.description
-            : `${type.emoji === ":cd:" ? "Hardware" : type.emoji === ":mobile_phone:" ? "Mobile" : type.emoji === ":desktop_computer:" ? "Desktop" : "Web"} wallet for Ethereum`,
-      },
-    })),
-  }
-
-  return (
-    <>
-      <script
-        id="jsonld-webpage-wallets"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(webPageJsonLd),
-        }}
-      />
-
-      <script
-        id="jsonld-article-wallets"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(articleJsonLd),
-        }}
-      />
-
-      <script
-        id="jsonld-wallet-types"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(walletTypesJsonLd),
-        }}
-      />
-
-      <MainArticle className="mx-auto flex w-full flex-col items-center">
-        <PageHero content={heroContent} isReverse />
-
-        <div className="mt-4 w-full border-t bg-background-highlight px-0 py-16 lg:mt-8">
-          <div className="-mb-8 w-full px-8 py-4 pb-0">
-            <ListenToPlayer slug={pathname} />
-          </div>
-          <div className="w-full px-8 py-4 pb-0">
-            <h2 className="mb-0 mt-12 text-2xl leading-[1.4] md:text-[2rem]">
-              {t("page-wallets-whats-a-wallet")}
-            </h2>
-          </div>
-          <div className="mb-0 flex flex-col justify-between p-8 lg:flex-row">
-            <div className="me-0 flex-[0_1_50%] lg:me-8 lg:mt-0 lg:max-w-full">
-              <p className="mb-[1.45rem] text-md leading-base">
-                {t("page-wallets-description")}
-              </p>
-              <p className="mb-[1.45rem] text-md leading-base">
-                {t("page-wallets-desc-2")}
-              </p>
-              <CardList items={guides} className="mb-6 lg:mb-0" />
-            </div>
-            <div className="max-w-full flex-[0_1_50%] lg:ms-8">
-              <p className="mb-[1.45rem] text-md leading-base">
-                {t("page-wallets-desc-3")}
-              </p>
-              <p className="mb-[1.45rem] text-md leading-base">
-                {t("page-wallets-desc-4")}
-              </p>
-            </div>
-          </div>
-          <div className="w-full px-8 py-4">
-            <div className="-me-4 -ms-4 flex flex-wrap">
-              {cards.map((card, idx) => (
-                <StyledCard
-                  key={idx}
-                  emoji={card.emoji}
-                  title={card.title}
-                  description={card.description}
-                />
-              ))}
-            </div>
-          </div>
-        </div>
-
-        <div className="-mb-8 mt-8 flex flex-col justify-between p-8 lg:flex-row">
-          <div className="max-w-full flex-[0_1_50%] lg:me-8">
-            <h2 className="mb-8 mt-12 text-2xl leading-[1.4] md:text-[2rem]">
-              {t("page-wallets-accounts-addresses")}
-            </h2>
-            <p className="mb-[1.45rem] text-md leading-base">
-              {t("page-wallets-accounts-addresses-desc")}
-            </p>
-            <ul>
-              <li>
-                <p className="mb-[1.45rem] text-md leading-base">
-                  <Translation id="page-wallets:page-wallets-ethereum-account" />
-                </p>
-              </li>
-              <li>
-                <p className="mb-[1.45rem] text-md leading-base">
-                  <Translation id="page-wallets:page-wallets-accounts-ethereum-addresses" />
-                </p>
-              </li>
-              <li>
-                <p className="mb-[1.45rem] text-md leading-base">
-                  <Translation id="page-wallets:page-wallets-ethereum-wallet" />
-                </p>
-              </li>
-            </ul>
-            <p className="mb-[1.45rem] text-md leading-base">
-              {t("page-wallets-most-wallets")}
-            </p>
-          </div>
-          <div className="mt-12 max-w-full flex-[0_1_50%] lg:ms-8 lg:mt-0">
-            <h2 className="mb-8 mt-12 text-2xl leading-[1.4] md:text-[2rem]">
-              {t("page-wallets-types")}
-            </h2>
-            <p className="mb-[1.45rem] text-md leading-base">
-              {t("page-wallets-types-desc")}
-            </p>
-            <div className="flex flex-col gap-2">
-              {types.map((type, idx) => (
-                <HorizontalCard
-                  key={idx}
-                  emoji={type.emoji}
-                  description={type.description}
-                  className="my-0.5 w-[100%]"
-                  emojiClassName="text-[2.5rem]"
-                />
-              ))}
-            </div>
-          </div>
-        </div>
-
-        {locale === "en" ? (
-          <div className="my-20 w-full px-0 py-4">
-            <Simulator data={walletOnboardingSimData}>
-              <p className="mb-2 text-lg italic leading-base text-body-medium md:text-xl lg:text-2xl">
-                Interactive tutorial
-              </p>
-              <h2 className="m-0 text-3xl font-bold leading-[115%] lg:text-5xl">
-                How to use a wallet
-              </h2>
-            </Simulator>
-          </div>
-        ) : (
-          <div className="my-12 mt-4 w-full border-t bg-gradient-main px-0 py-16 lg:mt-8">
-            <div className="w-full px-8 py-4">
-              <div className="mb-8 flex flex-col items-center">
-                <h2 className="mb-8 mt-12 text-2xl leading-[1.4] md:text-[2rem]">
-                  {t("page-wallets-features-title")}
-                </h2>
-                <div className="mb-6 text-center text-xl leading-base">
-                  {t("page-wallets-features-desc")}
-                </div>
-                <ButtonLink
-                  href="/wallets/find-wallet/"
-                  customEventOptions={{
-                    eventCategory: "header buttons",
-                    eventAction: "click",
-                    eventName: "Find_wallet",
-                  }}
-                >
-                  {t("page-wallets-find-wallet-btn")}
-                </ButtonLink>
-                <Image
-                  src={FindWalletImage}
-                  alt=""
-                  className="mt-8 w-full max-w-[800px] bg-cover bg-no-repeat"
-                />
-              </div>
-            </div>
-          </div>
-        )}
-
-        <div className="mb-12 flex flex-col justify-between p-8 lg:flex-row">
-          <div className="max-w-full flex-[0_1_50%] lg:me-8">
-            <h2 className="mb-8 mt-12 text-2xl leading-[1.4] md:text-[2rem]">
-              {t("page-wallets-stay-safe")}
-            </h2>
-            <p className="mb-6 leading-xs">
-              <Translation id="page-wallets:page-wallets-stay-safe-desc" />
-            </p>
-            <div className="flex flex-col gap-4">
-              <HorizontalCard
-                key="0"
-                emoji=":white_check_mark:"
-                title={t("page-wallets-take-responsibility")}
-                description={t("page-wallets-take-responsibility-desc")}
-                emojiClassName="text-2xl"
-                className="items-start"
-              />
-              <HorizontalCard
-                key="1"
-                emoji=":white_check_mark:"
-                title={
-                  <Translation id="page-wallets:page-wallets-seed-phrase" />
-                }
-                description={t("page-wallets-seed-phrase-desc")}
-                emojiClassName="text-2xl"
-                className="items-start"
-              >
-                <p className="mb-[1.45rem] text-md leading-base">
-                  {t("page-wallets-seed-phrase-example")}
-                </p>
-                <div className="rounded-base mb-4 bg-black p-2">
-                  <p className="font-mono text-sm text-white">
-                    {t("page-wallets-seed-phrase-snippet")}
-                  </p>
-                </div>
-                <p className="mb-[1.45rem] text-md leading-base">
-                  {t("page-wallets-seed-phrase-write-down")}
-                </p>
-              </HorizontalCard>
-              <HorizontalCard
-                key="2"
-                emoji=":white_check_mark:"
-                title={t("page-wallets-bookmarking")}
-                description={t("page-wallets-bookmarking-desc")}
-                emojiClassName="text-2xl"
-                className="items-start"
-              />
-              <HorizontalCard
-                key="3"
-                emoji=":white_check_mark:"
-                title={t("page-wallets-triple-check")}
-                description={t("page-wallets-triple-check-desc")}
-                emojiClassName="text-2xl"
-                className="items-start"
-              />
-            </div>
-          </div>
-          <div className="mt-12 max-w-full flex-[0_1_50%] lg:ms-8 lg:mt-0">
-            <h2 className="mb-8 mt-12 text-2xl leading-[1.4] md:text-[2rem]">
-              {t("page-wallets-tips")}
-            </h2>
-            <p className="mb-6 leading-xs">
-              {t("page-wallets-tips-community")}
-            </p>
-            <CardList items={articles} />
-          </div>
-        </div>
-
-        <div className="w-full px-8 py-4">
-          <Divider />
-
-          <h2 className="mb-8 mt-12 text-2xl leading-[1.4] md:text-[2rem]">
-            {t("page-wallets-explore")}
-          </h2>
-          <div className="-me-4 -ms-4 mt-16 flex flex-wrap">
-            <Callout
-              image={ETHImage}
-              titleKey="page-wallets:page-wallets-get-some"
-              alt={t("page-wallets-get-some-alt")}
-              descriptionKey="page-wallets:page-wallets-get-some-desc"
-              className="min-h-full flex-1 basis-[424px]"
-            >
-              <div>
-                <ButtonLink href="/get-eth/">
-                  {t("page-wallets-get-some-btn")}
-                </ButtonLink>
-              </div>
-            </Callout>
-            <Callout
-              image={DappsImage}
-              titleKey="page-wallets:page-wallets-try-dapps"
-              alt={t("page-wallets-try-dapps-alt")}
-              descriptionKey="page-wallets:page-wallets-try-dapps-desc"
-              className="min-h-full flex-1 basis-[424px]"
-            >
-              <div>
-                <ButtonLink href="/apps/">
-                  {t("page-wallets-more-on-dapps-btn")}
-                </ButtonLink>
-              </div>
-            </Callout>
-          </div>
-        </div>
-
-        <div className="w-full px-8 py-4">
-          <StandaloneQuizWidget quizKey="wallets" />
-        </div>
-
-        <div className="w-full px-8 py-4">
-          <FileContributors
-            className="my-10 border-t"
-            contributors={contributors}
-            lastEditLocaleTimestamp={lastEditLocaleTimestamp}
-          />
-          <FeedbackCard />
-        </div>
-      </MainArticle>
-    </>
-  )
-}
-
-export default WalletsPage
diff --git a/app/[locale]/wallets/find-wallet/page-jsonld.tsx b/app/[locale]/wallets/find-wallet/page-jsonld.tsx
new file mode 100644
index 00000000000..1327cca458a
--- /dev/null
+++ b/app/[locale]/wallets/find-wallet/page-jsonld.tsx
@@ -0,0 +1,115 @@
+import { getTranslations } from "next-intl/server"
+
+import { Lang, WalletData } from "@/lib/types"
+
+import PageJsonLD from "@/components/PageJsonLD"
+
+import { normalizeUrlForJsonLd } from "@/lib/utils/url"
+
+export default async function FindWalletPageJsonLD({
+  locale,
+  wallets,
+}: {
+  locale: Lang | undefined
+  wallets: WalletData[]
+}) {
+  const t = await getTranslations({
+    namespace: "page-find-wallet",
+  })
+
+  const url = normalizeUrlForJsonLd(locale, `/wallets/find-wallet/`)
+
+  // JSON-LD structured data for the Find Wallet page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": url,
+    name: t("page-find-wallet-meta-title"),
+    description: t("page-find-wallet-meta-description"),
+    url: url,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: normalizeUrlForJsonLd(locale, "/"),
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: "Wallets",
+          item: normalizeUrlForJsonLd(locale, "/wallets/"),
+        },
+        {
+          "@type": "ListItem",
+          position: 3,
+          name: t("page-find-wallet-meta-title"),
+          item: url,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+  }
+
+  // JSON-LD for the wallet finder article content
+  const articleJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "Article",
+    headline: t("page-find-wallet-title"),
+    description: t("page-find-wallet-meta-description"),
+    image: "https://ethereum.org/images/wallets/wallet-hero.png",
+    author: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    about: {
+      "@type": "Thing",
+      name: "Ethereum Wallet Finder",
+      description:
+        "Tool to find and compare Ethereum wallets based on features and requirements",
+    },
+  }
+
+  // JSON-LD for the wallet directory list
+  const walletDirectoryJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "ItemList",
+    name: "Ethereum Wallet Directory",
+    description:
+      "Comprehensive list of Ethereum wallets with features and comparisons",
+    numberOfItems: wallets.length,
+    itemListElement: wallets.slice(0, 20).map((wallet, index) => ({
+      "@type": "ListItem",
+      position: index + 1,
+      item: {
+        "@type": "Product",
+        additionalType: "https://schema.org/SoftwareApplication",
+        name: wallet.name,
+        description: `${wallet.name} Ethereum wallet`,
+        category: "Cryptocurrency Wallet",
+        url: wallet.url,
+        applicationCategory: "Finance",
+        operatingSystem: "Multiple platforms",
+      },
+    })),
+  }
+
+  return (
+    <PageJsonLD
+      structuredData={[webPageJsonLd, articleJsonLd, walletDirectoryJsonLd]}
+    />
+  )
+}
diff --git a/app/[locale]/wallets/find-wallet/page.tsx b/app/[locale]/wallets/find-wallet/page.tsx
index 03701320d00..6f2bff5f518 100644
--- a/app/[locale]/wallets/find-wallet/page.tsx
+++ b/app/[locale]/wallets/find-wallet/page.tsx
@@ -20,6 +20,8 @@ import {
   getSupportedLocaleWallets,
 } from "@/lib/utils/wallets"
 
+import FindWalletPageJsonLD from "./page-jsonld"
+
 const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
   const { locale } = await params
   const t = await getTranslations({
@@ -48,119 +50,9 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
   )
   const messages = pick(allMessages, requiredNamespaces)
 
-  // JSON-LD structured data for the Find Wallet page
-  const webPageJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "WebPage",
-    "@id": `https://ethereum.org/${locale}/wallets/find-wallet/`,
-    name: t("page-find-wallet-meta-title"),
-    description: t("page-find-wallet-meta-description"),
-    url: `https://ethereum.org/${locale}/wallets/find-wallet/`,
-    inLanguage: locale,
-    breadcrumb: {
-      "@type": "BreadcrumbList",
-      itemListElement: [
-        {
-          "@type": "ListItem",
-          position: 1,
-          name: "Home",
-          item: `https://ethereum.org/${locale}/`,
-        },
-        {
-          "@type": "ListItem",
-          position: 2,
-          name: "Wallets",
-          item: `https://ethereum.org/${locale}/wallets/`,
-        },
-        {
-          "@type": "ListItem",
-          position: 3,
-          name: t("page-find-wallet-meta-title"),
-          item: `https://ethereum.org/${locale}/wallets/find-wallet/`,
-        },
-      ],
-    },
-    publisher: {
-      "@type": "Organization",
-      name: "ethereum.org",
-      url: "https://ethereum.org",
-    },
-  }
-
-  // JSON-LD for the wallet finder article content
-  const articleJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "Article",
-    headline: t("page-find-wallet-title"),
-    description: t("page-find-wallet-meta-description"),
-    image: "https://ethereum.org/images/wallets/wallet-hero.png",
-    author: {
-      "@type": "Organization",
-      name: "ethereum.org",
-      url: "https://ethereum.org",
-    },
-    publisher: {
-      "@type": "Organization",
-      name: "ethereum.org",
-      url: "https://ethereum.org",
-    },
-    about: {
-      "@type": "Thing",
-      name: "Ethereum Wallet Finder",
-      description:
-        "Tool to find and compare Ethereum wallets based on features and requirements",
-    },
-  }
-
-  // JSON-LD for the wallet directory list
-  const walletDirectoryJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "ItemList",
-    name: "Ethereum Wallet Directory",
-    description:
-      "Comprehensive list of Ethereum wallets with features and comparisons",
-    numberOfItems: wallets.length,
-    itemListElement: wallets.slice(0, 20).map((wallet, index) => ({
-      "@type": "ListItem",
-      position: index + 1,
-      item: {
-        "@type": "Product",
-        additionalType: "https://schema.org/SoftwareApplication",
-        name: wallet.name,
-        description: `${wallet.name} Ethereum wallet`,
-        category: "Cryptocurrency Wallet",
-        url: wallet.url,
-        applicationCategory: "Finance",
-        operatingSystem: "Multiple platforms",
-      },
-    })),
-  }
-
   return (
     <>
-      <script
-        id="jsonld-webpage-find-wallet"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(webPageJsonLd),
-        }}
-      />
-
-      <script
-        id="jsonld-article-find-wallet"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(articleJsonLd),
-        }}
-      />
-
-      <script
-        id="jsonld-wallet-directory"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(walletDirectoryJsonLd),
-        }}
-      />
+      <FindWalletPageJsonLD locale={locale} wallets={wallets} />
 
       <I18nProvider locale={locale} messages={messages}>
         <MainArticle className="relative flex flex-col">
diff --git a/app/[locale]/wallets/page-jsonld.tsx b/app/[locale]/wallets/page-jsonld.tsx
new file mode 100644
index 00000000000..51f90a18ec2
--- /dev/null
+++ b/app/[locale]/wallets/page-jsonld.tsx
@@ -0,0 +1,104 @@
+import { getTranslations } from "next-intl/server"
+
+import PageJsonLD from "@/components/PageJsonLD"
+
+import { normalizeUrlForJsonLd } from "@/lib/utils/url"
+
+export default async function WalletsPageJsonLD({
+  locale,
+  types,
+  lastEditLocaleTimestamp,
+}) {
+  const t = await getTranslations({
+    namespace: "page-find-wallet",
+  })
+
+  const url = normalizeUrlForJsonLd(locale, `/wallets/`)
+
+  // JSON-LD structured data for the Wallets page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": url,
+    name: t("page-wallets-meta-title"),
+    description: t("page-wallets-meta-description"),
+    url: url,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: normalizeUrlForJsonLd(locale, "/"),
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: t("page-wallets-meta-title"),
+          item: url,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+  }
+
+  // JSON-LD for the wallets guide article content
+  const articleJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "Article",
+    headline: t("page-wallets-title"),
+    description: t("page-wallets-meta-description"),
+    image: "https://ethereum.org/images/wallets/wallet-hero.png",
+    author: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    about: {
+      "@type": "Thing",
+      name: "Ethereum Wallets",
+      description:
+        "Complete guide to Ethereum wallets, types, features, and how to use them safely",
+    },
+    dateModified: lastEditLocaleTimestamp,
+  }
+
+  // JSON-LD for the wallet types list
+  const walletTypesJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "ItemList",
+    name: "Ethereum Wallet Types",
+    description: "Different types of Ethereum wallets available",
+    itemListElement: types.map((type, index) => ({
+      "@type": "ListItem",
+      position: index + 1,
+      item: {
+        "@type": "Product",
+        additionalType: "https://schema.org/SoftwareApplication",
+        category: "Cryptocurrency Wallet",
+        name: `Ethereum ${type.emoji === ":cd:" ? "Hardware" : type.emoji === ":mobile_phone:" ? "Mobile" : type.emoji === ":desktop_computer:" ? "Desktop" : "Web"} Wallet`,
+        description:
+          typeof type.description === "string"
+            ? type.description
+            : `${type.emoji === ":cd:" ? "Hardware" : type.emoji === ":mobile_phone:" ? "Mobile" : type.emoji === ":desktop_computer:" ? "Desktop" : "Web"} wallet for Ethereum`,
+      },
+    })),
+  }
+
+  return (
+    <PageJsonLD
+      structuredData={[webPageJsonLd, articleJsonLd, walletTypesJsonLd]}
+    />
+  )
+}
diff --git a/app/[locale]/wallets/page.tsx b/app/[locale]/wallets/page.tsx
index 0710475e854..485acb2b1be 100644
--- a/app/[locale]/wallets/page.tsx
+++ b/app/[locale]/wallets/page.tsx
@@ -1,3 +1,4 @@
+import { ComponentPropsWithRef } from "react"
 import { pick } from "lodash"
 import {
   getMessages,
@@ -7,16 +8,47 @@ import {
 
 import type { CommitHistory, Lang } from "@/lib/types"
 
+import Callout from "@/components/Callout"
+import Card from "@/components/Card"
+import CardList from "@/components/CardList"
+import FeedbackCard from "@/components/FeedbackCard"
+import FileContributors from "@/components/FileContributors"
+import HorizontalCard from "@/components/HorizontalCard"
 import I18nProvider from "@/components/I18nProvider"
+import { Image } from "@/components/Image"
+import ListenToPlayer from "@/components/ListenToPlayer"
+import MainArticle from "@/components/MainArticle"
+import PageHero from "@/components/PageHero"
+import { StandaloneQuizWidget } from "@/components/Quiz/QuizWidget"
+import { Simulator } from "@/components/Simulator"
+import { SIMULATOR_ID } from "@/components/Simulator/constants"
+import Translation from "@/components/Translation"
+import { ButtonLink } from "@/components/ui/buttons/Button"
+import { Divider } from "@/components/ui/divider"
 
 import { getAppPageContributorInfo } from "@/lib/utils/contributors"
 import { getMetadata } from "@/lib/utils/metadata"
 import { getRequiredNamespacesForPage } from "@/lib/utils/translations"
 
-import WalletsPage from "./_components/wallets"
+import { walletOnboardingSimData } from "@/data/WalletSimulatorData"
+
+import WalletsPageJsonLD from "./page-jsonld"
+
+import DappsImage from "@/public/images/doge-computer.png"
+import ETHImage from "@/public/images/eth-logo.png"
+import FindWalletImage from "@/public/images/wallets/find-wallet.png"
+import HeroImage from "@/public/images/wallets/wallet-hero.png"
+
+export const StyledCard = (props: ComponentPropsWithRef<typeof Card>) => (
+  <Card
+    className="m-4 min-w-[280px] max-w-full flex-1 bg-background p-6 md:max-w-[46%] lg:max-w-[31%]"
+    {...props}
+  />
+)
 
 const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
   const { locale } = await params
+  const t = await getTranslations({ locale, namespace: "page-wallets" })
 
   setRequestLocale(locale)
 
@@ -33,13 +65,402 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
       commitHistoryCache
     )
 
+  const heroContent = {
+    title: t("page-wallets-title"),
+    header: t("page-wallets-slogan"),
+    subtitle: t("page-wallets-subtitle"),
+    image: HeroImage,
+    alt: t("page-wallets-alt"),
+    // TODO: remove conditional after soft launch
+    buttons:
+      locale === "en"
+        ? [
+            {
+              href: "/wallets/find-wallet/",
+              content: t("page-wallets-find-wallet-link"),
+              matomo: {
+                eventCategory: "Header buttons",
+                eventAction: "click",
+                eventName: "Find_wallet",
+              },
+            },
+            {
+              href: `#${SIMULATOR_ID}`,
+              content: "How to use a wallet",
+              matomo: {
+                eventCategory: "Header buttons",
+                eventAction: "click",
+                eventName: "How_to_use_wallet",
+              },
+              variant: "outline" as const,
+            },
+          ]
+        : [
+            {
+              href: "/wallets/find-wallet/",
+              content: t("page-wallets-find-wallet-link"),
+              matomo: {
+                eventCategory: "Header button",
+                eventAction: "click",
+                eventName: "Find_wallet",
+              },
+            },
+          ],
+  }
+
+  const cards = [
+    {
+      emoji: ":dollar:",
+      title: t("page-wallets-manage-funds"),
+      description: (
+        <Translation id="page-wallets:page-wallets-manage-funds-desc" />
+      ),
+    },
+    {
+      emoji: ":frame_with_picture:",
+      title: t("page-wallets-your-ethereum-account"),
+      description: (
+        <Translation id="page-wallets:page-wallets-your-ethereum-account-desc" />
+      ),
+    },
+    {
+      emoji: ":bust_in_silhouette:",
+      title: t("page-wallets-your-login"),
+      description: (
+        <Translation id="page-wallets:page-wallets-your-login-desc" />
+      ),
+    },
+  ]
+
+  const types = [
+    {
+      emoji: ":cd:",
+      description: <Translation id="page-wallets:page-wallets-cd" />,
+    },
+    {
+      emoji: ":mobile_phone:",
+      description: <Translation id="page-wallets:page-wallets-mobile" />,
+    },
+    {
+      emoji: ":globe_with_meridians:",
+      description: <Translation id="page-wallets:page-wallets-web-browser" />,
+    },
+    {
+      emoji: ":globe_with_meridians:",
+      description: (
+        <Translation id="page-wallets:page-wallets-web-browser-extension" />
+      ),
+    },
+    {
+      emoji: ":desktop_computer:",
+      description: <Translation id="page-wallets:page-wallets-desktop" />,
+    },
+  ]
+
+  const articles = [
+    {
+      title: t("page-wallets-protecting-yourself"),
+      description: "MyCrypto",
+      link: "https://support.mycrypto.com/staying-safe/protecting-yourself-and-your-funds",
+      customEventOptions: {
+        eventCategory: "Link",
+        eventAction: "Clicked_external",
+        eventName: "protecting_yourself",
+      },
+    },
+    {
+      title: t("page-wallets-keys-to-safety"),
+      description: t("page-wallets-blog"),
+      link: "https://www.coinbase.com/learn/crypto-basics/how-to-secure-crypto",
+      customEventOptions: {
+        eventCategory: "Link",
+        eventAction: "Clicked_external",
+        eventName: "the_keys_to_keeping_crypto_safe",
+      },
+    },
+  ]
+
+  const guides = [
+    {
+      title: t("additional-reading-how-to-create-an-ethereum-account"),
+      link: "/guides/how-to-create-an-ethereum-account/",
+      customEventOptions: {
+        eventCategory: "Link",
+        eventAction: "Clicked",
+        eventName: "Create_eth_acc",
+      },
+    },
+    {
+      title: t("additional-reading-how-to-use-a-wallet"),
+      link: "/guides/how-to-use-a-wallet/",
+      customEventOptions: {
+        eventCategory: "Link",
+        eventAction: "Clicked",
+        eventName: "How_to_use_wallet",
+      },
+    },
+  ]
+
   return (
     <I18nProvider locale={locale} messages={messages}>
-      <WalletsPage
-        contributors={contributors}
-        lastEditLocaleTimestamp={lastEditLocaleTimestamp}
+      <WalletsPageJsonLD
         locale={locale}
+        types={types}
+        lastEditLocaleTimestamp={lastEditLocaleTimestamp}
       />
+      <MainArticle className="mx-auto flex w-full flex-col items-center">
+        <PageHero content={heroContent} isReverse />
+
+        <div className="mt-4 w-full border-t bg-background-highlight px-0 py-16 lg:mt-8">
+          <div className="-mb-8 w-full px-8 py-4 pb-0">
+            <ListenToPlayer slug="/wallets/" />
+          </div>
+          <div className="w-full px-8 py-4 pb-0">
+            <h2 className="mb-0 mt-12 text-2xl leading-[1.4] md:text-[2rem]">
+              {t("page-wallets-whats-a-wallet")}
+            </h2>
+          </div>
+          <div className="mb-0 flex flex-col justify-between p-8 lg:flex-row">
+            <div className="me-0 flex-[0_1_50%] lg:me-8 lg:mt-0 lg:max-w-full">
+              <p className="mb-[1.45rem] text-md leading-base">
+                {t("page-wallets-description")}
+              </p>
+              <p className="mb-[1.45rem] text-md leading-base">
+                {t("page-wallets-desc-2")}
+              </p>
+              <CardList items={guides} className="mb-6 lg:mb-0" />
+            </div>
+            <div className="max-w-full flex-[0_1_50%] lg:ms-8">
+              <p className="mb-[1.45rem] text-md leading-base">
+                {t("page-wallets-desc-3")}
+              </p>
+              <p className="mb-[1.45rem] text-md leading-base">
+                {t("page-wallets-desc-4")}
+              </p>
+            </div>
+          </div>
+          <div className="w-full px-8 py-4">
+            <div className="-me-4 -ms-4 flex flex-wrap">
+              {cards.map((card, idx) => (
+                <StyledCard
+                  key={idx}
+                  emoji={card.emoji}
+                  title={card.title}
+                  description={card.description}
+                />
+              ))}
+            </div>
+          </div>
+        </div>
+
+        <div className="-mb-8 mt-8 flex flex-col justify-between p-8 lg:flex-row">
+          <div className="max-w-full flex-[0_1_50%] lg:me-8">
+            <h2 className="mb-8 mt-12 text-2xl leading-[1.4] md:text-[2rem]">
+              {t("page-wallets-accounts-addresses")}
+            </h2>
+            <p className="mb-[1.45rem] text-md leading-base">
+              {t("page-wallets-accounts-addresses-desc")}
+            </p>
+            <ul>
+              <li>
+                <p className="mb-[1.45rem] text-md leading-base">
+                  <Translation id="page-wallets:page-wallets-ethereum-account" />
+                </p>
+              </li>
+              <li>
+                <p className="mb-[1.45rem] text-md leading-base">
+                  <Translation id="page-wallets:page-wallets-accounts-ethereum-addresses" />
+                </p>
+              </li>
+              <li>
+                <p className="mb-[1.45rem] text-md leading-base">
+                  <Translation id="page-wallets:page-wallets-ethereum-wallet" />
+                </p>
+              </li>
+            </ul>
+            <p className="mb-[1.45rem] text-md leading-base">
+              {t("page-wallets-most-wallets")}
+            </p>
+          </div>
+          <div className="mt-12 max-w-full flex-[0_1_50%] lg:ms-8 lg:mt-0">
+            <h2 className="mb-8 mt-12 text-2xl leading-[1.4] md:text-[2rem]">
+              {t("page-wallets-types")}
+            </h2>
+            <p className="mb-[1.45rem] text-md leading-base">
+              {t("page-wallets-types-desc")}
+            </p>
+            <div className="flex flex-col gap-2">
+              {types.map((type, idx) => (
+                <HorizontalCard
+                  key={idx}
+                  emoji={type.emoji}
+                  description={type.description}
+                  className="my-0.5 w-[100%]"
+                  emojiClassName="text-[2.5rem]"
+                />
+              ))}
+            </div>
+          </div>
+        </div>
+
+        {locale === "en" ? (
+          <div className="my-20 w-full px-0 py-4">
+            <Simulator data={walletOnboardingSimData}>
+              <p className="mb-2 text-lg italic leading-base text-body-medium md:text-xl lg:text-2xl">
+                Interactive tutorial
+              </p>
+              <h2 className="m-0 text-3xl font-bold leading-[115%] lg:text-5xl">
+                How to use a wallet
+              </h2>
+            </Simulator>
+          </div>
+        ) : (
+          <div className="my-12 mt-4 w-full border-t bg-gradient-main px-0 py-16 lg:mt-8">
+            <div className="w-full px-8 py-4">
+              <div className="mb-8 flex flex-col items-center">
+                <h2 className="mb-8 mt-12 text-2xl leading-[1.4] md:text-[2rem]">
+                  {t("page-wallets-features-title")}
+                </h2>
+                <div className="mb-6 text-center text-xl leading-base">
+                  {t("page-wallets-features-desc")}
+                </div>
+                <ButtonLink
+                  href="/wallets/find-wallet/"
+                  customEventOptions={{
+                    eventCategory: "header buttons",
+                    eventAction: "click",
+                    eventName: "Find_wallet",
+                  }}
+                >
+                  {t("page-wallets-find-wallet-btn")}
+                </ButtonLink>
+                <Image
+                  src={FindWalletImage}
+                  alt=""
+                  className="mt-8 w-full max-w-[800px] bg-cover bg-no-repeat"
+                />
+              </div>
+            </div>
+          </div>
+        )}
+
+        <div className="mb-12 flex flex-col justify-between p-8 lg:flex-row">
+          <div className="max-w-full flex-[0_1_50%] lg:me-8">
+            <h2 className="mb-8 mt-12 text-2xl leading-[1.4] md:text-[2rem]">
+              {t("page-wallets-stay-safe")}
+            </h2>
+            <p className="mb-6 leading-xs">
+              <Translation id="page-wallets:page-wallets-stay-safe-desc" />
+            </p>
+            <div className="flex flex-col gap-4">
+              <HorizontalCard
+                key="0"
+                emoji=":white_check_mark:"
+                title={t("page-wallets-take-responsibility")}
+                description={t("page-wallets-take-responsibility-desc")}
+                emojiClassName="text-2xl"
+                className="items-start"
+              />
+              <HorizontalCard
+                key="1"
+                emoji=":white_check_mark:"
+                title={
+                  <Translation id="page-wallets:page-wallets-seed-phrase" />
+                }
+                description={t("page-wallets-seed-phrase-desc")}
+                emojiClassName="text-2xl"
+                className="items-start"
+              >
+                <p className="mb-[1.45rem] text-md leading-base">
+                  {t("page-wallets-seed-phrase-example")}
+                </p>
+                <div className="rounded-base mb-4 bg-black p-2">
+                  <p className="font-mono text-sm text-white">
+                    {t("page-wallets-seed-phrase-snippet")}
+                  </p>
+                </div>
+                <p className="mb-[1.45rem] text-md leading-base">
+                  {t("page-wallets-seed-phrase-write-down")}
+                </p>
+              </HorizontalCard>
+              <HorizontalCard
+                key="2"
+                emoji=":white_check_mark:"
+                title={t("page-wallets-bookmarking")}
+                description={t("page-wallets-bookmarking-desc")}
+                emojiClassName="text-2xl"
+                className="items-start"
+              />
+              <HorizontalCard
+                key="3"
+                emoji=":white_check_mark:"
+                title={t("page-wallets-triple-check")}
+                description={t("page-wallets-triple-check-desc")}
+                emojiClassName="text-2xl"
+                className="items-start"
+              />
+            </div>
+          </div>
+          <div className="mt-12 max-w-full flex-[0_1_50%] lg:ms-8 lg:mt-0">
+            <h2 className="mb-8 mt-12 text-2xl leading-[1.4] md:text-[2rem]">
+              {t("page-wallets-tips")}
+            </h2>
+            <p className="mb-6 leading-xs">
+              {t("page-wallets-tips-community")}
+            </p>
+            <CardList items={articles} />
+          </div>
+        </div>
+
+        <div className="w-full px-8 py-4">
+          <Divider />
+
+          <h2 className="mb-8 mt-12 text-2xl leading-[1.4] md:text-[2rem]">
+            {t("page-wallets-explore")}
+          </h2>
+          <div className="-me-4 -ms-4 mt-16 flex flex-wrap">
+            <Callout
+              image={ETHImage}
+              titleKey="page-wallets:page-wallets-get-some"
+              alt={t("page-wallets-get-some-alt")}
+              descriptionKey="page-wallets:page-wallets-get-some-desc"
+              className="min-h-full flex-1 basis-[424px]"
+            >
+              <div>
+                <ButtonLink href="/get-eth/">
+                  {t("page-wallets-get-some-btn")}
+                </ButtonLink>
+              </div>
+            </Callout>
+            <Callout
+              image={DappsImage}
+              titleKey="page-wallets:page-wallets-try-dapps"
+              alt={t("page-wallets-try-dapps-alt")}
+              descriptionKey="page-wallets:page-wallets-try-dapps-desc"
+              className="min-h-full flex-1 basis-[424px]"
+            >
+              <div>
+                <ButtonLink href="/apps/">
+                  {t("page-wallets-more-on-dapps-btn")}
+                </ButtonLink>
+              </div>
+            </Callout>
+          </div>
+        </div>
+
+        <div className="w-full px-8 py-4">
+          <StandaloneQuizWidget quizKey="wallets" />
+        </div>
+
+        <div className="w-full px-8 py-4">
+          <FileContributors
+            className="my-10 border-t"
+            contributors={contributors}
+            lastEditLocaleTimestamp={lastEditLocaleTimestamp}
+          />
+          <FeedbackCard />
+        </div>
+      </MainArticle>
     </I18nProvider>
   )
 }
diff --git a/app/[locale]/what-is-ethereum/page-jsonld.tsx b/app/[locale]/what-is-ethereum/page-jsonld.tsx
new file mode 100644
index 00000000000..a9ae746daa6
--- /dev/null
+++ b/app/[locale]/what-is-ethereum/page-jsonld.tsx
@@ -0,0 +1,141 @@
+import { getTranslations } from "next-intl/server"
+
+import { Lang } from "@/lib/types"
+
+import PageJsonLD from "@/components/PageJsonLD"
+
+import { normalizeUrlForJsonLd } from "@/lib/utils/url"
+
+export default async function WhatIsEthereumPageJsonLD({
+  locale,
+  lastEditLocaleTimestamp,
+}: {
+  locale: Lang | undefined
+  lastEditLocaleTimestamp: string
+}) {
+  const t = await getTranslations({
+    namespace: "page-what-is-ethereum",
+  })
+
+  const url = normalizeUrlForJsonLd(locale, `/what-is-ethereum/`)
+
+  // JSON-LD structured data for the What is Ethereum page
+  const webPageJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    "@id": url,
+    name: t("page-what-is-ethereum-meta-title"),
+    description: t("page-what-is-ethereum-meta-description"),
+    url: url,
+    inLanguage: locale,
+    breadcrumb: {
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          name: "Home",
+          item: normalizeUrlForJsonLd(locale, "/"),
+        },
+        {
+          "@type": "ListItem",
+          position: 2,
+          name: "Learn",
+          item: normalizeUrlForJsonLd(locale, "/learn/"),
+        },
+        {
+          "@type": "ListItem",
+          position: 3,
+          name: t("page-what-is-ethereum-meta-title"),
+          item: url,
+        },
+      ],
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+  }
+
+  // JSON-LD for the what is ethereum article content
+  const articleJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "Article",
+    headline: t("page-what-is-ethereum-title"),
+    description: t("page-what-is-ethereum-meta-description"),
+    image: "https://ethereum.org/images/what-is-ethereum.png",
+    author: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    publisher: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+    },
+    about: {
+      "@type": "Thing",
+      name: "Ethereum",
+      description:
+        "Comprehensive guide to Ethereum, its network, capabilities, and how it works",
+    },
+    dateModified: lastEditLocaleTimestamp,
+  }
+
+  // JSON-LD for FAQ-style content covering common Ethereum questions
+  const faqJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "FAQPage",
+    mainEntity: [
+      {
+        "@type": "Question",
+        name: "What is Ethereum?",
+        acceptedAnswer: {
+          "@type": "Answer",
+          text: t("page-what-is-ethereum-hero-description-1").replace(
+            /<[^>]*>/g,
+            ""
+          ),
+        },
+      },
+      {
+        "@type": "Question",
+        name: "How does the Ethereum network work?",
+        acceptedAnswer: {
+          "@type": "Answer",
+          text: "Ethereum is a decentralized network of computers that work together to run applications and store data without a central authority.",
+        },
+      },
+      {
+        "@type": "Question",
+        name: "What is Ether (ETH)?",
+        acceptedAnswer: {
+          "@type": "Answer",
+          text: "Ether is the native cryptocurrency of the Ethereum network, used to pay for transactions and computational services.",
+        },
+      },
+      {
+        "@type": "Question",
+        name: "What can you do with Ethereum?",
+        acceptedAnswer: {
+          "@type": "Answer",
+          text: "Ethereum enables decentralized applications, smart contracts, financial services, gaming, collectibles, and much more.",
+        },
+      },
+      {
+        "@type": "Question",
+        name: "How is Ethereum different from Bitcoin?",
+        acceptedAnswer: {
+          "@type": "Answer",
+          text: "While Bitcoin is primarily digital money, Ethereum is a programmable blockchain that can run applications and smart contracts.",
+        },
+      },
+    ],
+  }
+
+  return (
+    <PageJsonLD structuredData={[webPageJsonLd, articleJsonLd, faqJsonLd]} />
+  )
+}
diff --git a/app/[locale]/what-is-ethereum/page.tsx b/app/[locale]/what-is-ethereum/page.tsx
index 612d5c1a483..5dd386976b3 100644
--- a/app/[locale]/what-is-ethereum/page.tsx
+++ b/app/[locale]/what-is-ethereum/page.tsx
@@ -32,6 +32,8 @@ import { getDirection } from "@/lib/utils/direction"
 import { getMetadata } from "@/lib/utils/metadata"
 import { screens } from "@/lib/utils/screen"
 
+import WhatIsEthereumPageJsonLD from "./page-jsonld"
+
 import contributionBanner from "@/public/images/doge-computer.png"
 import whatBanner from "@/public/images/eth.png"
 import howBanner from "@/public/images/hackathon_transparent.png"
@@ -144,150 +146,15 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
     ),
   }
 
-  // JSON-LD structured data for the What is Ethereum page
-  const webPageJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "WebPage",
-    "@id": `https://ethereum.org/${locale}/what-is-ethereum/`,
-    name: t("page-what-is-ethereum-meta-title"),
-    description: t("page-what-is-ethereum-meta-description"),
-    url: `https://ethereum.org/${locale}/what-is-ethereum/`,
-    inLanguage: locale,
-    breadcrumb: {
-      "@type": "BreadcrumbList",
-      itemListElement: [
-        {
-          "@type": "ListItem",
-          position: 1,
-          name: "Home",
-          item: `https://ethereum.org/${locale}/`,
-        },
-        {
-          "@type": "ListItem",
-          position: 2,
-          name: "Learn",
-          item: `https://ethereum.org/${locale}/learn/`,
-        },
-        {
-          "@type": "ListItem",
-          position: 3,
-          name: t("page-what-is-ethereum-meta-title"),
-          item: `https://ethereum.org/${locale}/what-is-ethereum/`,
-        },
-      ],
-    },
-    publisher: {
-      "@type": "Organization",
-      name: "ethereum.org",
-      url: "https://ethereum.org",
-    },
-  }
-
-  // JSON-LD for the what is ethereum article content
-  const articleJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "Article",
-    headline: tocItems[0].title,
-    description: t("page-what-is-ethereum-meta-description"),
-    image: "https://ethereum.org/images/what-is-ethereum.png",
-    author: {
-      "@type": "Organization",
-      name: "ethereum.org",
-      url: "https://ethereum.org",
-    },
-    publisher: {
-      "@type": "Organization",
-      name: "ethereum.org",
-      url: "https://ethereum.org",
-    },
-    about: {
-      "@type": "Thing",
-      name: "Ethereum",
-      description:
-        "Comprehensive guide to Ethereum, its network, capabilities, and how it works",
-    },
-    dateModified: lastEditLocaleTimestamp,
-  }
-
-  // JSON-LD for FAQ-style content covering common Ethereum questions
-  const faqJsonLd = {
-    "@context": "https://schema.org",
-    "@type": "FAQPage",
-    mainEntity: [
-      {
-        "@type": "Question",
-        name: "What is Ethereum?",
-        acceptedAnswer: {
-          "@type": "Answer",
-          text: t("page-what-is-ethereum-hero-description-1").replace(
-            /<[^>]*>/g,
-            ""
-          ),
-        },
-      },
-      {
-        "@type": "Question",
-        name: "How does the Ethereum network work?",
-        acceptedAnswer: {
-          "@type": "Answer",
-          text: "Ethereum is a decentralized network of computers that work together to run applications and store data without a central authority.",
-        },
-      },
-      {
-        "@type": "Question",
-        name: "What is Ether (ETH)?",
-        acceptedAnswer: {
-          "@type": "Answer",
-          text: "Ether is the native cryptocurrency of the Ethereum network, used to pay for transactions and computational services.",
-        },
-      },
-      {
-        "@type": "Question",
-        name: "What can you do with Ethereum?",
-        acceptedAnswer: {
-          "@type": "Answer",
-          text: "Ethereum enables decentralized applications, smart contracts, financial services, gaming, collectibles, and much more.",
-        },
-      },
-      {
-        "@type": "Question",
-        name: "How is Ethereum different from Bitcoin?",
-        acceptedAnswer: {
-          "@type": "Answer",
-          text: "While Bitcoin is primarily digital money, Ethereum is a programmable blockchain that can run applications and smart contracts.",
-        },
-      },
-    ],
-  }
-
   const getId = (input: string) => {
     const parts = input.split("#")
     return parts.length > 1 ? parts[1] : ""
   }
   return (
     <>
-      <script
-        id="jsonld-webpage-what-is-ethereum"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(webPageJsonLd),
-        }}
-      />
-
-      <script
-        id="jsonld-article-what-is-ethereum"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(articleJsonLd),
-        }}
-      />
-
-      <script
-        id="jsonld-faq-what-is-ethereum"
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify(faqJsonLd),
-        }}
+      <WhatIsEthereumPageJsonLD
+        locale={locale}
+        lastEditLocaleTimestamp={lastEditLocaleTimestamp}
       />
 
       <div>
diff --git a/src/components/Simulator/index.tsx b/src/components/Simulator/index.tsx
index 5d0a0cd15d7..1e7202ce7b1 100644
--- a/src/components/Simulator/index.tsx
+++ b/src/components/Simulator/index.tsx
@@ -1,3 +1,5 @@
+"use client"
+
 import { type ReactNode, useEffect, useMemo, useState } from "react"
 import { useSearchParams } from "next/navigation"
 
diff --git a/src/components/Simulator/screens/ConnectWeb3/index.tsx b/src/components/Simulator/screens/ConnectWeb3/index.tsx
index 4939dd26ec6..740c1ed26d6 100644
--- a/src/components/Simulator/screens/ConnectWeb3/index.tsx
+++ b/src/components/Simulator/screens/ConnectWeb3/index.tsx
@@ -1,3 +1,5 @@
+"use client"
+
 import { useEffect, useMemo, useState } from "react"
 import { AnimatePresence, motion } from "framer-motion"
 
diff --git a/src/components/Simulator/screens/CreateAccount/index.tsx b/src/components/Simulator/screens/CreateAccount/index.tsx
index a8fd08fdc16..eb4cfd7a484 100644
--- a/src/components/Simulator/screens/CreateAccount/index.tsx
+++ b/src/components/Simulator/screens/CreateAccount/index.tsx
@@ -1,3 +1,5 @@
+"use client"
+
 import React, { useState } from "react"
 
 import type { PhoneScreenProps } from "@/lib/types"
diff --git a/src/components/Simulator/screens/SendReceive/index.tsx b/src/components/Simulator/screens/SendReceive/index.tsx
index a82ab66120a..a47522b011f 100644
--- a/src/components/Simulator/screens/SendReceive/index.tsx
+++ b/src/components/Simulator/screens/SendReceive/index.tsx
@@ -1,3 +1,5 @@
+"use client"
+
 import React, { useEffect, useMemo, useState } from "react"
 import isChromatic from "chromatic"
 
diff --git a/src/data/WalletSimulatorData.tsx b/src/data/WalletSimulatorData.tsx
index 094ec84f345..e8be24148b5 100644
--- a/src/data/WalletSimulatorData.tsx
+++ b/src/data/WalletSimulatorData.tsx
@@ -1,3 +1,5 @@
+"use client"
+
 import { Stack } from "@/components/ui/flex"
 import Link from "@/components/ui/Link"
 import { ListItem, OrderedList, UnorderedList } from "@/components/ui/list"
diff --git a/src/lib/utils/url.ts b/src/lib/utils/url.ts
index ee28d989c75..4452476f903 100644
--- a/src/lib/utils/url.ts
+++ b/src/lib/utils/url.ts
@@ -1,5 +1,7 @@
 import { extname, join } from "path"
 
+import { Lang } from "@/lib/types"
+
 import {
   DEFAULT_LOCALE,
   DISCORD_PATH,
@@ -77,9 +79,12 @@ export const slugify = (text: string): string => {
 }
 
 export const normalizeUrlForJsonLd = (
-  locale: string,
+  locale: string | Lang | undefined,
   pathWithoutLocale: string
 ): string => {
+  if (!locale) {
+    return new URL(pathWithoutLocale, SITE_URL).toString()
+  }
   const path = join(locale === DEFAULT_LOCALE ? "" : locale, pathWithoutLocale)
   const url = new URL(path, SITE_URL)
   return url.toString()

From 643f1b489bd52a67dced932bea678683fdb358ba Mon Sep 17 00:00:00 2001
From: Corwin Smith <cssmittys@gmail.com>
Date: Tue, 9 Sep 2025 23:07:50 -0600
Subject: [PATCH 36/41] fix export

---
 app/[locale]/wallets/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/[locale]/wallets/page.tsx b/app/[locale]/wallets/page.tsx
index 485acb2b1be..558ba303f1b 100644
--- a/app/[locale]/wallets/page.tsx
+++ b/app/[locale]/wallets/page.tsx
@@ -39,7 +39,7 @@ import ETHImage from "@/public/images/eth-logo.png"
 import FindWalletImage from "@/public/images/wallets/find-wallet.png"
 import HeroImage from "@/public/images/wallets/wallet-hero.png"
 
-export const StyledCard = (props: ComponentPropsWithRef<typeof Card>) => (
+const StyledCard = (props: ComponentPropsWithRef<typeof Card>) => (
   <Card
     className="m-4 min-w-[280px] max-w-full flex-1 bg-background p-6 md:max-w-[46%] lg:max-w-[31%]"
     {...props}

From 86767c17a744e51a4854a6902f8d66c4e1ae9ce9 Mon Sep 17 00:00:00 2001
From: Corwin Smith <cssmittys@gmail.com>
Date: Tue, 16 Sep 2025 12:45:43 -0600
Subject: [PATCH 37/41] refactor: update JSON-LD logo URL and integrate
 EthPageJsonLD component into Eth page

---
 app/[locale]/eth/_components/eth.tsx          | 380 +++++++++---------
 .../eth/{_components => }/page-jsonld.tsx     |   0
 app/[locale]/eth/page.tsx                     |  18 +-
 app/[locale]/page-jsonld.tsx                  |   2 +-
 4 files changed, 199 insertions(+), 201 deletions(-)
 rename app/[locale]/eth/{_components => }/page-jsonld.tsx (100%)

diff --git a/app/[locale]/eth/_components/eth.tsx b/app/[locale]/eth/_components/eth.tsx
index 4e66b3761ca..6130958f5c2 100644
--- a/app/[locale]/eth/_components/eth.tsx
+++ b/app/[locale]/eth/_components/eth.tsx
@@ -27,8 +27,6 @@ import { ListItem, UnorderedList } from "@/components/ui/list"
 
 import { cn } from "@/lib/utils/cn"
 
-import EthPageJsonLD from "./page-jsonld"
-
 import { useTranslation } from "@/hooks/useTranslation"
 import { usePathname } from "@/i18n/routing"
 import eth from "@/public/images/eth.png"
@@ -174,7 +172,6 @@ const CentralActionCard = (props: ComponentProps<typeof ActionCard>) => (
 const EthPage = ({
   contributors,
   lastEditLocaleTimestamp,
-  locale,
 }: PageWithContributorsProps) => {
   const { t } = useTranslation("page-eth")
   const pathname = usePathname()
@@ -272,204 +269,197 @@ const EthPage = ({
   ]
 
   return (
-    <>
-      <EthPageJsonLD
-        locale={locale}
-        lastEditLocaleTimestamp={lastEditLocaleTimestamp}
-      />
-
-      <Page>
-        <Content>
-          <HeroContainer>
-            <Header>
-              <Title>{t("page-eth-whats-eth")}</Title>
-              <Slogan>{t("page-eth-currency-for-future")}</Slogan>
-              <Subtitle>{t("page-eth-is-money")}</Subtitle>
-              <SubtitleTwo>{t("page-eth-currency-for-apps")}</SubtitleTwo>
-              <EthPriceCard className="mb-8" />
-              <ButtonLink href="/get-eth/">
-                {t("page-eth-button-buy-eth")}
-              </ButtonLink>
-            </Header>
-            <Hero>
-              <Image
-                src={eth}
-                // TODO: adjust value when the old theme breakpoints are removed (src/theme.ts)
-                sizes="(max-width: 768px) 100vw, 800px"
-                alt={t("page-eth-whats-eth-hero-alt")}
-                priority
-              />
-            </Hero>
-          </HeroContainer>
-        </Content>
-        <GrayContainer>
-          <Content>
-            <div className="mb-8">
-              <ListenToPlayer slug={pathname} />
-            </div>
-            <Intro>
-              <Text>{t("page-eth-description")} </Text>
-            </Intro>
-            <CardContainer className="mb-8">
-              {benefits.map((benefits, idx) => (
-                <StyledCard
-                  key={idx}
-                  emoji={benefits.emoji}
-                  title={benefits.title}
-                  description={benefits.description}
-                />
-              ))}
-            </CardContainer>
-            <InfoBanner emoji=":wave:" shouldCenter>
-              <b>{t("page-eth-buy-some")}</b>{" "}
-              <Translation id="page-eth:page-eth-buy-some-desc" />{" "}
-              <InlineLink href="/what-is-ethereum/">
-                {t("page-eth-more-on-ethereum-link")}
-              </InlineLink>
-              {t("page-eth-period")}
-            </InfoBanner>
-          </Content>
-        </GrayContainer>
-        <Content>
-          <CentralColumn>
-            <H2>{t("page-eth-whats-unique")}</H2>
-            <Text>{t("page-eth-whats-unique-desc")}</Text>
-            <EthVideo />
-            <div>
-              <H4>{t("page-eth-fuels")}</H4>
-              <Text>{t("page-eth-fuels-desc")}</Text>
-              <Text>{t("page-eth-fuels-desc-2")}</Text>
-              <Text>
-                <Translation id="page-eth:page-eth-fuels-desc-3" />{" "}
-                <b>{t("page-eth-powers-ethereum")}</b>
-                {t("page-eth-period")}
-              </Text>
-              <Text>
-                {t("page-eth-fuels-staking")}{" "}
-                <InlineLink href="/staking/">
-                  {t("page-eth-fuels-more-staking")}
-                </InlineLink>
-              </Text>
-            </div>
-            <CentralActionCard
-              href="/what-is-ethereum/"
-              title={t("page-eth-whats-ethereum")}
-              description={t("page-eth-whats-ethereum-desc")}
-              image={ethereum}
+    <Page>
+      <Content>
+        <HeroContainer>
+          <Header>
+            <Title>{t("page-eth-whats-eth")}</Title>
+            <Slogan>{t("page-eth-currency-for-future")}</Slogan>
+            <Subtitle>{t("page-eth-is-money")}</Subtitle>
+            <SubtitleTwo>{t("page-eth-currency-for-apps")}</SubtitleTwo>
+            <EthPriceCard className="mb-8" />
+            <ButtonLink href="/get-eth/">
+              {t("page-eth-button-buy-eth")}
+            </ButtonLink>
+          </Header>
+          <Hero>
+            <Image
+              src={eth}
+              // TODO: adjust value when the old theme breakpoints are removed (src/theme.ts)
+              sizes="(max-width: 768px) 100vw, 800px"
+              alt={t("page-eth-whats-eth-hero-alt")}
+              priority
             />
-            <TextDivider />
-            <div>
-              <H4>{t("page-eth-underpins")}</H4>
-              <Text>
-                <Translation id="page-eth:page-eth-underpins-desc" />
-              </Text>
-              <Text>{t("page-eth-underpins-desc-2")}</Text>
-              <CentralActionCard
-                href="/defi/"
-                title={t("page-eth-whats-defi")}
-                description={t("page-eth-whats-defi-description")}
-                image={defi}
-              />
-              <InfoBanner isWarning>
-                <Translation id="page-eth:page-eth-weth" />
-              </InfoBanner>
-            </div>
-            <TextDivider />
-            <div>
-              <H4>{t("page-eth-uses")}</H4>
-              <Text>{t("page-eth-uses-desc")}</Text>
-              <Text>{t("page-eth-uses-desc-2")} </Text>
-              <UnorderedList>
-                <ListItem>
-                  <InlineLink href="https://sablier.com">
-                    {t("page-eth-stream-link")}
-                  </InlineLink>{" "}
-                  – {t("page-eth-uses-desc-3")}
-                </ListItem>
-                <ListItem>
-                  <InlineLink href="/get-eth/#dex">
-                    {t("page-eth-trade-link-2")}
-                  </InlineLink>{" "}
-                  – {t("page-eth-uses-desc-4")}
-                </ListItem>
-                <ListItem>
-                  <InlineLink href="https://app.compound.finance/">
-                    {t("page-eth-earn-interest-link")}
-                  </InlineLink>{" "}
-                  – {t("page-eth-uses-desc-5")}
-                </ListItem>
-                <ListItem>
-                  <InlineLink href="/stablecoins/">
-                    {t("page-eth-stablecoins-link")}
-                  </InlineLink>{" "}
-                  – {t("page-eth-uses-desc-6")}
-                </ListItem>
-              </UnorderedList>
-            </div>
-            <Divider />
-          </CentralColumn>
-          <CalloutBanner
-            className="mx-0 my-20"
-            titleKey={"page-eth:page-eth-where-to-buy"}
-            descriptionKey={"page-eth:page-eth-where-to-buy-desc"}
-            image={ethCat}
-            alt={t("page-eth-cat-img-alt")}
-            imageWidth={300}
-          >
-            <div>
-              <ButtonLink href="/get-eth/">
-                {t("page-eth-get-eth-btn")}
-              </ButtonLink>
-            </div>
-          </CalloutBanner>
-        </Content>
-
-        <TwoColumnContent>
-          <LeftColumn>
-            <H3>{t("page-eth-has-value")}</H3>
-            <Text>{t("page-eth-has-value-desc")}</Text>
-            <Text>{t("page-eth-has-value-desc-2")}</Text>
-            <Text>{t("page-eth-has-value-desc-3")}</Text>
-            <Text>{t("page-eth-has-value-desc-4")}</Text>
-            <Text>{t("page-eth-has-value-desc-5")}</Text>
-          </LeftColumn>
-          <RightColumn>
-            <CardList items={cardListContent} />
-          </RightColumn>
-        </TwoColumnContent>
-        <TwoColumnContent className="items-start" id="tokens">
-          <LeftColumn>
-            <H3>{t("page-eth-not-only-crypto")}</H3>
-            <Text>{t("page-eth-not-only-crypto-desc")} </Text>
-            <Text>{t("page-eth-not-only-crypto-desc-2")}</Text>
-            <H4>{t("page-eth-more-on-tokens")}</H4>
-            <CardList items={tokenLinks} />
-          </LeftColumn>
-          <RightColumn>
-            <H3>{t("page-eth-popular-tokens")}</H3>
-            {tokens.map((token, idx) => (
-              <TokenCard
+          </Hero>
+        </HeroContainer>
+      </Content>
+      <GrayContainer>
+        <Content>
+          <div className="mb-8">
+            <ListenToPlayer slug={pathname} />
+          </div>
+          <Intro>
+            <Text>{t("page-eth-description")} </Text>
+          </Intro>
+          <CardContainer className="mb-8">
+            {benefits.map((benefits, idx) => (
+              <StyledCard
                 key={idx}
-                emoji={token.emoji}
-                title={token.title}
-                description={token.description}
+                emoji={benefits.emoji}
+                title={benefits.title}
+                description={benefits.description}
               />
             ))}
-          </RightColumn>
-        </TwoColumnContent>
-        <Content>
-          <StandaloneQuizWidget quizKey="what-is-ether" />
+          </CardContainer>
+          <InfoBanner emoji=":wave:" shouldCenter>
+            <b>{t("page-eth-buy-some")}</b>{" "}
+            <Translation id="page-eth:page-eth-buy-some-desc" />{" "}
+            <InlineLink href="/what-is-ethereum/">
+              {t("page-eth-more-on-ethereum-link")}
+            </InlineLink>
+            {t("page-eth-period")}
+          </InfoBanner>
         </Content>
-        <Content>
-          <FileContributors
-            className="my-10 border-t"
-            contributors={contributors}
-            lastEditLocaleTimestamp={lastEditLocaleTimestamp}
+      </GrayContainer>
+      <Content>
+        <CentralColumn>
+          <H2>{t("page-eth-whats-unique")}</H2>
+          <Text>{t("page-eth-whats-unique-desc")}</Text>
+          <EthVideo />
+          <div>
+            <H4>{t("page-eth-fuels")}</H4>
+            <Text>{t("page-eth-fuels-desc")}</Text>
+            <Text>{t("page-eth-fuels-desc-2")}</Text>
+            <Text>
+              <Translation id="page-eth:page-eth-fuels-desc-3" />{" "}
+              <b>{t("page-eth-powers-ethereum")}</b>
+              {t("page-eth-period")}
+            </Text>
+            <Text>
+              {t("page-eth-fuels-staking")}{" "}
+              <InlineLink href="/staking/">
+                {t("page-eth-fuels-more-staking")}
+              </InlineLink>
+            </Text>
+          </div>
+          <CentralActionCard
+            href="/what-is-ethereum/"
+            title={t("page-eth-whats-ethereum")}
+            description={t("page-eth-whats-ethereum-desc")}
+            image={ethereum}
           />
-          <FeedbackCard />
-        </Content>
-      </Page>
-    </>
+          <TextDivider />
+          <div>
+            <H4>{t("page-eth-underpins")}</H4>
+            <Text>
+              <Translation id="page-eth:page-eth-underpins-desc" />
+            </Text>
+            <Text>{t("page-eth-underpins-desc-2")}</Text>
+            <CentralActionCard
+              href="/defi/"
+              title={t("page-eth-whats-defi")}
+              description={t("page-eth-whats-defi-description")}
+              image={defi}
+            />
+            <InfoBanner isWarning>
+              <Translation id="page-eth:page-eth-weth" />
+            </InfoBanner>
+          </div>
+          <TextDivider />
+          <div>
+            <H4>{t("page-eth-uses")}</H4>
+            <Text>{t("page-eth-uses-desc")}</Text>
+            <Text>{t("page-eth-uses-desc-2")} </Text>
+            <UnorderedList>
+              <ListItem>
+                <InlineLink href="https://sablier.com">
+                  {t("page-eth-stream-link")}
+                </InlineLink>{" "}
+                – {t("page-eth-uses-desc-3")}
+              </ListItem>
+              <ListItem>
+                <InlineLink href="/get-eth/#dex">
+                  {t("page-eth-trade-link-2")}
+                </InlineLink>{" "}
+                – {t("page-eth-uses-desc-4")}
+              </ListItem>
+              <ListItem>
+                <InlineLink href="https://app.compound.finance/">
+                  {t("page-eth-earn-interest-link")}
+                </InlineLink>{" "}
+                – {t("page-eth-uses-desc-5")}
+              </ListItem>
+              <ListItem>
+                <InlineLink href="/stablecoins/">
+                  {t("page-eth-stablecoins-link")}
+                </InlineLink>{" "}
+                – {t("page-eth-uses-desc-6")}
+              </ListItem>
+            </UnorderedList>
+          </div>
+          <Divider />
+        </CentralColumn>
+        <CalloutBanner
+          className="mx-0 my-20"
+          titleKey={"page-eth:page-eth-where-to-buy"}
+          descriptionKey={"page-eth:page-eth-where-to-buy-desc"}
+          image={ethCat}
+          alt={t("page-eth-cat-img-alt")}
+          imageWidth={300}
+        >
+          <div>
+            <ButtonLink href="/get-eth/">
+              {t("page-eth-get-eth-btn")}
+            </ButtonLink>
+          </div>
+        </CalloutBanner>
+      </Content>
+
+      <TwoColumnContent>
+        <LeftColumn>
+          <H3>{t("page-eth-has-value")}</H3>
+          <Text>{t("page-eth-has-value-desc")}</Text>
+          <Text>{t("page-eth-has-value-desc-2")}</Text>
+          <Text>{t("page-eth-has-value-desc-3")}</Text>
+          <Text>{t("page-eth-has-value-desc-4")}</Text>
+          <Text>{t("page-eth-has-value-desc-5")}</Text>
+        </LeftColumn>
+        <RightColumn>
+          <CardList items={cardListContent} />
+        </RightColumn>
+      </TwoColumnContent>
+      <TwoColumnContent className="items-start" id="tokens">
+        <LeftColumn>
+          <H3>{t("page-eth-not-only-crypto")}</H3>
+          <Text>{t("page-eth-not-only-crypto-desc")} </Text>
+          <Text>{t("page-eth-not-only-crypto-desc-2")}</Text>
+          <H4>{t("page-eth-more-on-tokens")}</H4>
+          <CardList items={tokenLinks} />
+        </LeftColumn>
+        <RightColumn>
+          <H3>{t("page-eth-popular-tokens")}</H3>
+          {tokens.map((token, idx) => (
+            <TokenCard
+              key={idx}
+              emoji={token.emoji}
+              title={token.title}
+              description={token.description}
+            />
+          ))}
+        </RightColumn>
+      </TwoColumnContent>
+      <Content>
+        <StandaloneQuizWidget quizKey="what-is-ether" />
+      </Content>
+      <Content>
+        <FileContributors
+          className="my-10 border-t"
+          contributors={contributors}
+          lastEditLocaleTimestamp={lastEditLocaleTimestamp}
+        />
+        <FeedbackCard />
+      </Content>
+    </Page>
   )
 }
 
diff --git a/app/[locale]/eth/_components/page-jsonld.tsx b/app/[locale]/eth/page-jsonld.tsx
similarity index 100%
rename from app/[locale]/eth/_components/page-jsonld.tsx
rename to app/[locale]/eth/page-jsonld.tsx
diff --git a/app/[locale]/eth/page.tsx b/app/[locale]/eth/page.tsx
index 0a23941ae01..b0fcc04d1d5 100644
--- a/app/[locale]/eth/page.tsx
+++ b/app/[locale]/eth/page.tsx
@@ -14,6 +14,7 @@ import { getMetadata } from "@/lib/utils/metadata"
 import { getRequiredNamespacesForPage } from "@/lib/utils/translations"
 
 import EthPage from "./_components/eth"
+import EthPageJsonLD from "./page-jsonld"
 
 export default async function Page({
   params,
@@ -34,13 +35,20 @@ export default async function Page({
     await getAppPageContributorInfo("eth", locale as Lang, commitHistoryCache)
 
   return (
-    <I18nProvider locale={locale} messages={pickedMessages}>
-      <EthPage
-        contributors={contributors}
-        lastEditLocaleTimestamp={lastEditLocaleTimestamp}
+    <>
+      <EthPageJsonLD
         locale={locale}
+        lastEditLocaleTimestamp={lastEditLocaleTimestamp}
       />
-    </I18nProvider>
+
+      <I18nProvider locale={locale} messages={pickedMessages}>
+        <EthPage
+          contributors={contributors}
+          lastEditLocaleTimestamp={lastEditLocaleTimestamp}
+          locale={locale}
+        />
+      </I18nProvider>
+    </>
   )
 }
 
diff --git a/app/[locale]/page-jsonld.tsx b/app/[locale]/page-jsonld.tsx
index fa879231c9b..dcf8f96d25b 100644
--- a/app/[locale]/page-jsonld.tsx
+++ b/app/[locale]/page-jsonld.tsx
@@ -56,7 +56,7 @@ export default async function IndexPageJsonLD({
     "@id": "https://ethereum.org",
     name: "ethereum.org",
     url: "https://ethereum.org",
-    logo: "https://ethereum.org/images/ethereum-logo.png",
+    logo: "https://ethereum.org/images/eth-org-logo.png",
     description: t("page-index-meta-description"),
     sameAs: [
       "https://github.com/ethereum/ethereum-org-website",

From f98eb86f86230e89e03e83f112c9bceefe1d9e81 Mon Sep 17 00:00:00 2001
From: Corwin Smith <cssmittys@gmail.com>
Date: Tue, 16 Sep 2025 13:17:35 -0600
Subject: [PATCH 38/41] Add initial author and reviewedBy attributes for
 JSON-LD

---
 app/[locale]/10years/page-jsonld.tsx          | 25 +++++++++++++
 app/[locale]/[...slug]/page-jsonld.tsx        | 31 +++++++++++++++-
 .../apps/[application]/page-jsonld.tsx        | 26 +++++++++++--
 .../[catetgoryName]/page-jsonld.tsx           | 16 ++++++++
 app/[locale]/apps/page-jsonld.tsx             | 16 ++++++++
 app/[locale]/assets/page-jsonld.tsx           | 25 +++++++++++++
 app/[locale]/bug-bounty/page-jsonld.tsx       | 16 ++++++++
 app/[locale]/collectibles/page-jsonld.tsx     | 25 +++++++++++++
 app/[locale]/community/page-jsonld.tsx        | 25 +++++++++++++
 .../acknowledgements/page-jsonld.tsx          | 16 ++++++++
 .../contributors/page-jsonld.tsx              | 16 ++++++++
 .../translatathon/leaderboard/page-jsonld.tsx | 16 ++++++++
 .../developers/learning-tools/page-jsonld.tsx | 16 ++++++++
 .../local-environment/page-jsonld.tsx         | 35 ++++++++++++++++--
 app/[locale]/developers/page-jsonld.tsx       | 25 +++++++++++++
 .../developers/tutorials/page-jsonld.tsx      | 34 +++++++++++++++++
 app/[locale]/enterprise/page-jsonld.tsx       | 16 ++++++++
 app/[locale]/eth/page-jsonld.tsx              | 37 ++++++++++++++++---
 app/[locale]/founders/page-jsonld.tsx         | 16 ++++++++
 app/[locale]/gas/_components/page-jsonld.tsx  | 31 +++++++++++++++-
 app/[locale]/get-eth/page-jsonld.tsx          | 31 +++++++++++++++-
 .../layer-2/learn/_components/page-jsonld.tsx | 31 +++++++++++++++-
 app/[locale]/layer-2/networks/page-jsonld.tsx | 16 ++++++++
 app/[locale]/layer-2/page-jsonld.tsx          | 31 +++++++++++++++-
 app/[locale]/learn/page-jsonld.tsx            | 16 ++++++++
 app/[locale]/page-jsonld.tsx                  | 16 ++++++++
 app/[locale]/quizzes/page-jsonld.tsx          | 16 ++++++++
 app/[locale]/resources/page-jsonld.tsx        | 16 ++++++++
 app/[locale]/roadmap/page-jsonld.tsx          | 31 +++++++++++++++-
 app/[locale]/roadmap/vision/page-jsonld.tsx   | 31 +++++++++++++++-
 app/[locale]/run-a-node/page-jsonld.tsx       | 31 +++++++++++++++-
 app/[locale]/stablecoins/page-jsonld.tsx      | 31 +++++++++++++++-
 app/[locale]/staking/page-jsonld.tsx          | 31 +++++++++++++++-
 app/[locale]/start/page-jsonld.tsx            | 31 +++++++++++++++-
 .../trillion-dollar-security/page-jsonld.tsx  | 31 +++++++++++++++-
 .../wallets/find-wallet/page-jsonld.tsx       | 31 +++++++++++++++-
 app/[locale]/wallets/page-jsonld.tsx          | 31 +++++++++++++++-
 app/[locale]/what-is-ethereum/page-jsonld.tsx | 31 +++++++++++++++-
 38 files changed, 903 insertions(+), 43 deletions(-)

diff --git a/app/[locale]/10years/page-jsonld.tsx b/app/[locale]/10years/page-jsonld.tsx
index 62e80f9b4ac..74b46ec82c6 100644
--- a/app/[locale]/10years/page-jsonld.tsx
+++ b/app/[locale]/10years/page-jsonld.tsx
@@ -19,6 +19,13 @@ export default async function TenYearJsonLD({ locale }: { locale: string }) {
     description: t("page-10-year-anniversary-meta-description"),
     url: url,
     inLanguage: locale,
+    author: [
+      {
+        "@type": "Organization",
+        name: "ethereum.org",
+        url: "https://ethereum.org",
+      },
+    ],
     breadcrumb: {
       "@type": "BreadcrumbList",
       itemListElement: [
@@ -47,6 +54,15 @@ export default async function TenYearJsonLD({ locale }: { locale: string }) {
         height: "417",
       },
     },
+    reviewedBy: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
     mainEntity: {
       "@type": "Event",
       "@id": `${url}#ethereum-10-year-anniversary`,
@@ -95,6 +111,15 @@ export default async function TenYearJsonLD({ locale }: { locale: string }) {
       name: "Ethereum Foundation",
       url: "https://ethereum.org",
     },
+    reviewedBy: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
   }
 
   return (
diff --git a/app/[locale]/[...slug]/page-jsonld.tsx b/app/[locale]/[...slug]/page-jsonld.tsx
index 8e1bb943e89..a8bd2698a4f 100644
--- a/app/[locale]/[...slug]/page-jsonld.tsx
+++ b/app/[locale]/[...slug]/page-jsonld.tsx
@@ -48,6 +48,13 @@ export default async function SlugJsonLD({
     description: frontmatter.description,
     url: url,
     inLanguage: locale,
+    author: [
+      {
+        "@type": "Organization",
+        name: "ethereum.org",
+        url: "https://ethereum.org",
+      },
+    ],
     isPartOf: {
       "@type": "WebSite",
       name: "ethereum.org",
@@ -62,6 +69,15 @@ export default async function SlugJsonLD({
       name: "ethereum.org",
       url: "https://ethereum.org",
     },
+    reviewedBy: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
   }
 
   // JSON-LD for the article content
@@ -73,15 +89,26 @@ export default async function SlugJsonLD({
     image: frontmatter.image
       ? `https://ethereum.org${frontmatter.image}`
       : undefined,
-    author: {
+    author: [
+      {
+        "@type": "Organization",
+        name: "ethereum.org",
+        url: "https://ethereum.org",
+      },
+    ],
+    publisher: {
       "@type": "Organization",
       name: "ethereum.org",
       url: "https://ethereum.org",
     },
-    publisher: {
+    reviewedBy: {
       "@type": "Organization",
       name: "ethereum.org",
       url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
     },
     dateModified: frontmatter.published,
     mainEntityOfPage: url,
diff --git a/app/[locale]/apps/[application]/page-jsonld.tsx b/app/[locale]/apps/[application]/page-jsonld.tsx
index 0a777190168..79d7db8a3da 100644
--- a/app/[locale]/apps/[application]/page-jsonld.tsx
+++ b/app/[locale]/apps/[application]/page-jsonld.tsx
@@ -22,6 +22,13 @@ export default async function AppsAppJsonLD({
     description: app.description,
     url: url,
     inLanguage: locale,
+    author: [
+      {
+        "@type": "Organization",
+        name: "ethereum.org",
+        url: "https://ethereum.org",
+      },
+    ],
     breadcrumb: {
       "@type": "BreadcrumbList",
       itemListElement: [
@@ -54,6 +61,15 @@ export default async function AppsAppJsonLD({
         url: "https://ethereum.org/favicon-32x32.png",
       },
     },
+    reviewedBy: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
   }
 
   const softwareApplicationJsonLd = {
@@ -66,10 +82,12 @@ export default async function AppsAppJsonLD({
     applicationCategory: app.category,
     applicationSubCategory: app.subCategory.join(", "),
     operatingSystem: "Web Browser",
-    author: {
-      "@type": "Organization",
-      name: app.parentCompany,
-    },
+    author: [
+      {
+        "@type": "Organization",
+        name: app.parentCompany,
+      },
+    ],
     datePublished: app.dateOfLaunch,
     dateModified: app.lastUpdated,
     inLanguage: app.languages,
diff --git a/app/[locale]/apps/categories/[catetgoryName]/page-jsonld.tsx b/app/[locale]/apps/categories/[catetgoryName]/page-jsonld.tsx
index 8c4b05b0374..475178ad733 100644
--- a/app/[locale]/apps/categories/[catetgoryName]/page-jsonld.tsx
+++ b/app/[locale]/apps/categories/[catetgoryName]/page-jsonld.tsx
@@ -32,6 +32,13 @@ export default async function AppsCategoryJsonLD({
     description: t(category.metaDescription),
     url: url,
     inLanguage: locale,
+    author: [
+      {
+        "@type": "Organization",
+        name: "ethereum.org",
+        url: "https://ethereum.org",
+      },
+    ],
     breadcrumb: {
       "@type": "BreadcrumbList",
       itemListElement: [
@@ -64,6 +71,15 @@ export default async function AppsCategoryJsonLD({
         url: "https://ethereum.org/favicon-32x32.png",
       },
     },
+    reviewedBy: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
   }
 
   const categoryAppsJsonLd = {
diff --git a/app/[locale]/apps/page-jsonld.tsx b/app/[locale]/apps/page-jsonld.tsx
index 9c2a28edb76..358827ca733 100644
--- a/app/[locale]/apps/page-jsonld.tsx
+++ b/app/[locale]/apps/page-jsonld.tsx
@@ -20,6 +20,13 @@ export default async function AppsJsonLD({ locale }: { locale: string }) {
     description: t("page-apps-meta-description"),
     url: url,
     inLanguage: locale,
+    author: [
+      {
+        "@type": "Organization",
+        name: "ethereum.org",
+        url: "https://ethereum.org",
+      },
+    ],
     breadcrumb: {
       "@type": "BreadcrumbList",
       itemListElement: [
@@ -46,6 +53,15 @@ export default async function AppsJsonLD({ locale }: { locale: string }) {
         url: "https://ethereum.org/favicon-32x32.png",
       },
     },
+    reviewedBy: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
   }
 
   const appCategoriesJsonLd = {
diff --git a/app/[locale]/assets/page-jsonld.tsx b/app/[locale]/assets/page-jsonld.tsx
index 54c7665afbf..c9a66fc538f 100644
--- a/app/[locale]/assets/page-jsonld.tsx
+++ b/app/[locale]/assets/page-jsonld.tsx
@@ -18,6 +18,13 @@ export default async function AssetsJsonLD({ locale }: { locale: string }) {
     description: t("page-assets-meta-desc"),
     url: url,
     inLanguage: locale,
+    author: [
+      {
+        "@type": "Organization",
+        name: "ethereum.org",
+        url: "https://ethereum.org",
+      },
+    ],
     breadcrumb: {
       "@type": "BreadcrumbList",
       itemListElement: [
@@ -44,6 +51,15 @@ export default async function AssetsJsonLD({ locale }: { locale: string }) {
         url: "https://ethereum.org/favicon-32x32.png",
       },
     },
+    reviewedBy: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
   }
 
   const creativeWorkJsonLd = {
@@ -82,6 +98,15 @@ export default async function AssetsJsonLD({ locale }: { locale: string }) {
       name: "ethereum.org",
       url: "https://ethereum.org",
     },
+    reviewedBy: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
   }
 
   return <PageJsonLD structuredData={[webPageJsonLd, creativeWorkJsonLd]} />
diff --git a/app/[locale]/bug-bounty/page-jsonld.tsx b/app/[locale]/bug-bounty/page-jsonld.tsx
index 41e5f9dcb82..2241ee1a6e8 100644
--- a/app/[locale]/bug-bounty/page-jsonld.tsx
+++ b/app/[locale]/bug-bounty/page-jsonld.tsx
@@ -18,6 +18,13 @@ export default async function BugBountyJsonLD({ locale }: { locale: string }) {
     description: t("page-upgrades-bug-bounty-meta-description"),
     url: url,
     inLanguage: locale,
+    author: [
+      {
+        "@type": "Organization",
+        name: "ethereum.org",
+        url: "https://ethereum.org",
+      },
+    ],
     breadcrumb: {
       "@type": "BreadcrumbList",
       itemListElement: [
@@ -44,6 +51,15 @@ export default async function BugBountyJsonLD({ locale }: { locale: string }) {
         url: "https://ethereum.org/favicon-32x32.png",
       },
     },
+    reviewedBy: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
   }
 
   return <PageJsonLD structuredData={[webPageJsonLd]} />
diff --git a/app/[locale]/collectibles/page-jsonld.tsx b/app/[locale]/collectibles/page-jsonld.tsx
index 1074d788fec..f855ffacd2c 100644
--- a/app/[locale]/collectibles/page-jsonld.tsx
+++ b/app/[locale]/collectibles/page-jsonld.tsx
@@ -29,6 +29,13 @@ export default async function CollectiblesJsonLD({
     description: t("page-collectibles-hero-description"),
     url: url,
     inLanguage: locale,
+    author: [
+      {
+        "@type": "Organization",
+        name: "ethereum.org",
+        url: "https://ethereum.org",
+      },
+    ],
     breadcrumb: {
       "@type": "BreadcrumbList",
       itemListElement: [
@@ -55,6 +62,15 @@ export default async function CollectiblesJsonLD({
         url: "https://ethereum.org/favicon-32x32.png",
       },
     },
+    reviewedBy: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
   }
 
   const collectiblesCollectionJsonLd = {
@@ -77,6 +93,15 @@ export default async function CollectiblesJsonLD({
       name: "ethereum.org",
       url: "https://ethereum.org",
     },
+    reviewedBy: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
     additionalProperty: [
       {
         "@type": "PropertyValue",
diff --git a/app/[locale]/community/page-jsonld.tsx b/app/[locale]/community/page-jsonld.tsx
index d91e17c3fd9..b902a62c1d9 100644
--- a/app/[locale]/community/page-jsonld.tsx
+++ b/app/[locale]/community/page-jsonld.tsx
@@ -18,6 +18,13 @@ export default async function CommunityJsonLD({ locale }: { locale: string }) {
     description: t("page-community-meta-description"),
     url: url,
     inLanguage: locale,
+    author: [
+      {
+        "@type": "Organization",
+        name: "ethereum.org",
+        url: "https://ethereum.org",
+      },
+    ],
     breadcrumb: {
       "@type": "BreadcrumbList",
       itemListElement: [
@@ -44,6 +51,15 @@ export default async function CommunityJsonLD({ locale }: { locale: string }) {
         url: "https://ethereum.org/favicon-32x32.png",
       },
     },
+    reviewedBy: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
   }
 
   const communityResourcesJsonLd = {
@@ -88,6 +104,15 @@ export default async function CommunityJsonLD({ locale }: { locale: string }) {
       name: "ethereum.org",
       url: "https://ethereum.org",
     },
+    reviewedBy: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
   }
 
   return (
diff --git a/app/[locale]/contributing/translation-program/acknowledgements/page-jsonld.tsx b/app/[locale]/contributing/translation-program/acknowledgements/page-jsonld.tsx
index eb2c27597dc..c50e0221f6b 100644
--- a/app/[locale]/contributing/translation-program/acknowledgements/page-jsonld.tsx
+++ b/app/[locale]/contributing/translation-program/acknowledgements/page-jsonld.tsx
@@ -31,6 +31,13 @@ export default async function AcknowledgementsJsonLD({
     ),
     url: url,
     inLanguage: locale,
+    author: [
+      {
+        "@type": "Organization",
+        name: "ethereum.org",
+        url: "https://ethereum.org",
+      },
+    ],
     breadcrumb: {
       "@type": "BreadcrumbList",
       itemListElement: [
@@ -74,6 +81,15 @@ export default async function AcknowledgementsJsonLD({
         url: "https://ethereum.org/favicon-32x32.png",
       },
     },
+    reviewedBy: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
   }
 
   return <PageJsonLD structuredData={[webPageJsonLd]} />
diff --git a/app/[locale]/contributing/translation-program/contributors/page-jsonld.tsx b/app/[locale]/contributing/translation-program/contributors/page-jsonld.tsx
index a331c5b9657..152e1409ed8 100644
--- a/app/[locale]/contributing/translation-program/contributors/page-jsonld.tsx
+++ b/app/[locale]/contributing/translation-program/contributors/page-jsonld.tsx
@@ -29,6 +29,13 @@ export default async function ContributorsJsonLD({
     ),
     url: url,
     inLanguage: locale,
+    author: [
+      {
+        "@type": "Organization",
+        name: "ethereum.org",
+        url: "https://ethereum.org",
+      },
+    ],
     breadcrumb: {
       "@type": "BreadcrumbList",
       itemListElement: [
@@ -72,6 +79,15 @@ export default async function ContributorsJsonLD({
         url: "https://ethereum.org/favicon-32x32.png",
       },
     },
+    reviewedBy: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
   }
 
   return <PageJsonLD structuredData={[webPageJsonLd]} />
diff --git a/app/[locale]/contributing/translation-program/translatathon/leaderboard/page-jsonld.tsx b/app/[locale]/contributing/translation-program/translatathon/leaderboard/page-jsonld.tsx
index 72f0f6b1972..fe3eaf3d845 100644
--- a/app/[locale]/contributing/translation-program/translatathon/leaderboard/page-jsonld.tsx
+++ b/app/[locale]/contributing/translation-program/translatathon/leaderboard/page-jsonld.tsx
@@ -22,6 +22,13 @@ export default async function TranslatathonLeaderboardJsonLD({
       "Leaderboard for the 2025 Ethereum.org Translatathon showing translation progress and participant rankings",
     url: url,
     inLanguage: locale,
+    author: [
+      {
+        "@type": "Organization",
+        name: "ethereum.org",
+        url: "https://ethereum.org",
+      },
+    ],
     breadcrumb: {
       "@type": "BreadcrumbList",
       itemListElement: [
@@ -72,6 +79,15 @@ export default async function TranslatathonLeaderboardJsonLD({
         url: "https://ethereum.org/favicon-32x32.png",
       },
     },
+    reviewedBy: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
   }
 
   const competitionJsonLd = {
diff --git a/app/[locale]/developers/learning-tools/page-jsonld.tsx b/app/[locale]/developers/learning-tools/page-jsonld.tsx
index 18406061826..323012ca729 100644
--- a/app/[locale]/developers/learning-tools/page-jsonld.tsx
+++ b/app/[locale]/developers/learning-tools/page-jsonld.tsx
@@ -24,6 +24,13 @@ export default async function LearningToolsJsonLD({
     description: t("page-learning-tools-meta-desc"),
     url: url,
     inLanguage: locale,
+    author: [
+      {
+        "@type": "Organization",
+        name: "ethereum.org",
+        url: "https://ethereum.org",
+      },
+    ],
     breadcrumb: {
       "@type": "BreadcrumbList",
       itemListElement: [
@@ -56,6 +63,15 @@ export default async function LearningToolsJsonLD({
         url: "https://ethereum.org/favicon-32x32.png",
       },
     },
+    reviewedBy: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
   }
 
   return <PageJsonLD structuredData={[webPageJsonLd]} />
diff --git a/app/[locale]/developers/local-environment/page-jsonld.tsx b/app/[locale]/developers/local-environment/page-jsonld.tsx
index 577fae812b8..4708c835bf4 100644
--- a/app/[locale]/developers/local-environment/page-jsonld.tsx
+++ b/app/[locale]/developers/local-environment/page-jsonld.tsx
@@ -28,6 +28,13 @@ export default async function LocalEnvironmentJsonLD({
     description: t("page-local-environment-setup-meta-desc"),
     url: url,
     inLanguage: locale,
+    author: [
+      {
+        "@type": "Organization",
+        name: "ethereum.org",
+        url: "https://ethereum.org",
+      },
+    ],
     breadcrumb: {
       "@type": "BreadcrumbList",
       itemListElement: [
@@ -60,6 +67,15 @@ export default async function LocalEnvironmentJsonLD({
         url: "https://ethereum.org/favicon-32x32.png",
       },
     },
+    reviewedBy: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
   }
 
   const developmentFrameworksJsonLd = {
@@ -78,10 +94,12 @@ export default async function LocalEnvironmentJsonLD({
       url: framework.url,
       applicationCategory: "DeveloperApplication",
       operatingSystem: ["Windows", "macOS", "Linux"],
-      author: {
-        "@type": "Organization",
-        name: framework.githubUrl || "Community",
-      },
+      author: [
+        {
+          "@type": "Organization",
+          name: framework.githubUrl || "Community",
+        },
+      ],
       downloadUrl: framework.url,
       sameAs: framework.githubUrl,
     })),
@@ -90,6 +108,15 @@ export default async function LocalEnvironmentJsonLD({
       name: "ethereum.org",
       url: "https://ethereum.org",
     },
+    reviewedBy: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
   }
 
   return (
diff --git a/app/[locale]/developers/page-jsonld.tsx b/app/[locale]/developers/page-jsonld.tsx
index a8654e0fe35..290ca4bbdc5 100644
--- a/app/[locale]/developers/page-jsonld.tsx
+++ b/app/[locale]/developers/page-jsonld.tsx
@@ -32,6 +32,13 @@ export default async function DevelopersPageJsonLD({
     description: t("page-developers-meta-desc"),
     url: url,
     inLanguage: locale,
+    author: [
+      {
+        "@type": "Organization",
+        name: "ethereum.org",
+        url: "https://ethereum.org",
+      },
+    ],
     breadcrumb: {
       "@type": "BreadcrumbList",
       itemListElement: [
@@ -58,6 +65,15 @@ export default async function DevelopersPageJsonLD({
         url: "https://ethereum.org/favicon-32x32.png",
       },
     },
+    reviewedBy: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
   }
 
   const learningResourcesJsonLd = {
@@ -96,6 +112,15 @@ export default async function DevelopersPageJsonLD({
       name: "ethereum.org",
       url: "https://ethereum.org",
     },
+    reviewedBy: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
   }
 
   return (
diff --git a/app/[locale]/developers/tutorials/page-jsonld.tsx b/app/[locale]/developers/tutorials/page-jsonld.tsx
index 830174d8384..b60334a71fb 100644
--- a/app/[locale]/developers/tutorials/page-jsonld.tsx
+++ b/app/[locale]/developers/tutorials/page-jsonld.tsx
@@ -26,6 +26,13 @@ export default async function TutorialsPageJsonLD({
     description: t("page-tutorials-meta-description"),
     url: url,
     inLanguage: locale,
+    author: [
+      {
+        "@type": "Organization",
+        name: "ethereum.org",
+        url: "https://ethereum.org",
+      },
+    ],
     breadcrumb: {
       "@type": "BreadcrumbList",
       itemListElement: [
@@ -58,6 +65,15 @@ export default async function TutorialsPageJsonLD({
         url: "https://ethereum.org/favicon-32x32.png",
       },
     },
+    reviewedBy: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
   }
 
   const tutorialCollectionJsonLd = {
@@ -79,6 +95,15 @@ export default async function TutorialsPageJsonLD({
       name: "ethereum.org",
       url: "https://ethereum.org",
     },
+    reviewedBy: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
   }
 
   const courseListJsonLd = {
@@ -115,6 +140,15 @@ export default async function TutorialsPageJsonLD({
       name: "ethereum.org",
       url: "https://ethereum.org",
     },
+    reviewedBy: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
   }
 
   return (
diff --git a/app/[locale]/enterprise/page-jsonld.tsx b/app/[locale]/enterprise/page-jsonld.tsx
index 448f40a1f62..3a189c271db 100644
--- a/app/[locale]/enterprise/page-jsonld.tsx
+++ b/app/[locale]/enterprise/page-jsonld.tsx
@@ -24,6 +24,13 @@ export default async function EnterprisePageJsonLD({
     description: t("page-enterprise-metadata-description"),
     url: url,
     inLanguage: locale,
+    author: [
+      {
+        "@type": "Organization",
+        name: "ethereum.org",
+        url: "https://ethereum.org",
+      },
+    ],
     breadcrumb: {
       "@type": "BreadcrumbList",
       itemListElement: [
@@ -50,6 +57,15 @@ export default async function EnterprisePageJsonLD({
         url: "https://ethereum.org/favicon-32x32.png",
       },
     },
+    reviewedBy: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
   }
   return <PageJsonLD structuredData={[webPageJsonLd]} />
 }
diff --git a/app/[locale]/eth/page-jsonld.tsx b/app/[locale]/eth/page-jsonld.tsx
index d5f0cdca502..c5883391d8e 100644
--- a/app/[locale]/eth/page-jsonld.tsx
+++ b/app/[locale]/eth/page-jsonld.tsx
@@ -28,6 +28,13 @@ export default async function EthPageJsonLD({
     description: t("page-eth-is-money"),
     url: url,
     inLanguage: locale,
+    author: [
+      {
+        "@type": "Organization",
+        name: "ethereum.org",
+        url: "https://ethereum.org",
+      },
+    ],
     breadcrumb: {
       "@type": "BreadcrumbList",
       itemListElement: [
@@ -54,6 +61,15 @@ export default async function EthPageJsonLD({
         url: "https://ethereum.org/favicon-32x32.png",
       },
     },
+    reviewedBy: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
   }
 
   // JSON-LD for the article content about Ether
@@ -63,11 +79,13 @@ export default async function EthPageJsonLD({
     headline: t("page-eth-whats-eth"),
     description: t("page-eth-is-money"),
     image: "https://ethereum.org/images/eth.png",
-    author: {
-      "@type": "Organization",
-      name: "ethereum.org",
-      url: "https://ethereum.org",
-    },
+    author: [
+      {
+        "@type": "Organization",
+        name: "ethereum.org",
+        url: "https://ethereum.org",
+      },
+    ],
     publisher: {
       "@type": "Organization",
       name: "ethereum.org",
@@ -82,6 +100,15 @@ export default async function EthPageJsonLD({
       "@type": "WebPage",
       "@id": url,
     },
+    reviewedBy: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
     about: {
       "@type": "DigitalCurrency",
       name: "Ether",
diff --git a/app/[locale]/founders/page-jsonld.tsx b/app/[locale]/founders/page-jsonld.tsx
index bdf66322e49..d6949c9eac6 100644
--- a/app/[locale]/founders/page-jsonld.tsx
+++ b/app/[locale]/founders/page-jsonld.tsx
@@ -24,6 +24,13 @@ export default async function FoundersPageJsonLD({
     description: t("page-founders-metadata-description"),
     url: url,
     inLanguage: locale,
+    author: [
+      {
+        "@type": "Organization",
+        name: "ethereum.org",
+        url: "https://ethereum.org",
+      },
+    ],
     breadcrumb: {
       "@type": "BreadcrumbList",
       itemListElement: [
@@ -50,6 +57,15 @@ export default async function FoundersPageJsonLD({
         url: "https://ethereum.org/favicon-32x32.png",
       },
     },
+    reviewedBy: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
   }
 
   return <PageJsonLD structuredData={[webPageJsonLd]} />
diff --git a/app/[locale]/gas/_components/page-jsonld.tsx b/app/[locale]/gas/_components/page-jsonld.tsx
index 0bf5a780f7e..05eada57e6f 100644
--- a/app/[locale]/gas/_components/page-jsonld.tsx
+++ b/app/[locale]/gas/_components/page-jsonld.tsx
@@ -28,6 +28,13 @@ export default async function GasPageJsonLD({
     description: t("page-gas-meta-description"),
     url: url,
     inLanguage: locale,
+    author: [
+      {
+        "@type": "Organization",
+        name: "ethereum.org",
+        url: "https://ethereum.org",
+      },
+    ],
     breadcrumb: {
       "@type": "BreadcrumbList",
       itemListElement: [
@@ -50,6 +57,15 @@ export default async function GasPageJsonLD({
       name: "ethereum.org",
       url: "https://ethereum.org",
     },
+    reviewedBy: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
   }
 
   // JSON-LD for the article content about gas
@@ -58,15 +74,26 @@ export default async function GasPageJsonLD({
     "@type": "Article",
     headline: t("page-gas-hero-title"),
     description: t("page-gas-meta-description"),
-    author: {
+    author: [
+      {
+        "@type": "Organization",
+        name: "ethereum.org",
+        url: "https://ethereum.org",
+      },
+    ],
+    publisher: {
       "@type": "Organization",
       name: "ethereum.org",
       url: "https://ethereum.org",
     },
-    publisher: {
+    reviewedBy: {
       "@type": "Organization",
       name: "ethereum.org",
       url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
     },
     dateModified: lastEditLocaleTimestamp,
     mainEntityOfPage: {
diff --git a/app/[locale]/get-eth/page-jsonld.tsx b/app/[locale]/get-eth/page-jsonld.tsx
index 37b13fc5d83..37942c5879c 100644
--- a/app/[locale]/get-eth/page-jsonld.tsx
+++ b/app/[locale]/get-eth/page-jsonld.tsx
@@ -28,6 +28,13 @@ export default async function GetEthPageJsonLD({
     description: t("page-get-eth-meta-desc"),
     url: url,
     inLanguage: locale,
+    author: [
+      {
+        "@type": "Organization",
+        name: "ethereum.org",
+        url: "https://ethereum.org",
+      },
+    ],
     breadcrumb: {
       "@type": "BreadcrumbList",
       itemListElement: [
@@ -50,6 +57,15 @@ export default async function GetEthPageJsonLD({
       name: "ethereum.org",
       url: "https://ethereum.org",
     },
+    reviewedBy: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
   }
 
   // JSON-LD for the article content about getting ETH
@@ -59,15 +75,26 @@ export default async function GetEthPageJsonLD({
     headline: t("page-get-eth-where-to-buy-title"),
     description: t("page-get-eth-meta-desc"),
     image: "https://ethereum.org/images/get-eth.png", // TODO: adjust value when the old theme breakpoints are removed (src/theme.ts)
-    author: {
+    author: [
+      {
+        "@type": "Organization",
+        name: "ethereum.org",
+        url: "https://ethereum.org",
+      },
+    ],
+    publisher: {
       "@type": "Organization",
       name: "ethereum.org",
       url: "https://ethereum.org",
     },
-    publisher: {
+    reviewedBy: {
       "@type": "Organization",
       name: "ethereum.org",
       url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
     },
     dateModified: lastEditLocaleTimestamp,
   }
diff --git a/app/[locale]/layer-2/learn/_components/page-jsonld.tsx b/app/[locale]/layer-2/learn/_components/page-jsonld.tsx
index 6a78738eb72..86fe11258a9 100644
--- a/app/[locale]/layer-2/learn/_components/page-jsonld.tsx
+++ b/app/[locale]/layer-2/learn/_components/page-jsonld.tsx
@@ -28,6 +28,13 @@ export default async function Layer2LearnPageJsonLD({
     description: t("page-layer-2-learn-description"),
     url: url,
     inLanguage: locale,
+    author: [
+      {
+        "@type": "Organization",
+        name: "ethereum.org",
+        url: "https://ethereum.org",
+      },
+    ],
     breadcrumb: {
       "@type": "BreadcrumbList",
       itemListElement: [
@@ -56,6 +63,15 @@ export default async function Layer2LearnPageJsonLD({
       name: "ethereum.org",
       url: "https://ethereum.org",
     },
+    reviewedBy: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
   }
 
   // JSON-LD for the article content about learning Layer 2
@@ -65,15 +81,26 @@ export default async function Layer2LearnPageJsonLD({
     headline: t("page-layer-2-learn-title"),
     description: t("page-layer-2-learn-description"),
     image: "https://ethereum.org/images/layer-2/learn-hero.png", // TODO: adjust value when the old theme breakpoints are removed (src/theme.ts)
-    author: {
+    author: [
+      {
+        "@type": "Organization",
+        name: "ethereum.org",
+        url: "https://ethereum.org",
+      },
+    ],
+    publisher: {
       "@type": "Organization",
       name: "ethereum.org",
       url: "https://ethereum.org",
     },
-    publisher: {
+    reviewedBy: {
       "@type": "Organization",
       name: "ethereum.org",
       url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
     },
     dateModified: lastEditLocaleTimestamp,
   }
diff --git a/app/[locale]/layer-2/networks/page-jsonld.tsx b/app/[locale]/layer-2/networks/page-jsonld.tsx
index a304e270c99..9859111bedd 100644
--- a/app/[locale]/layer-2/networks/page-jsonld.tsx
+++ b/app/[locale]/layer-2/networks/page-jsonld.tsx
@@ -20,6 +20,13 @@ export default async function Layer2NetworksPageJsonLD({ locale, layer2Data }) {
     description: t("page-layer-2-networks-hero-description"),
     url: url,
     inLanguage: locale,
+    author: [
+      {
+        "@type": "Organization",
+        name: "ethereum.org",
+        url: "https://ethereum.org",
+      },
+    ],
     breadcrumb: {
       "@type": "BreadcrumbList",
       itemListElement: [
@@ -52,6 +59,15 @@ export default async function Layer2NetworksPageJsonLD({ locale, layer2Data }) {
         url: "https://ethereum.org/favicon-32x32.png",
       },
     },
+    reviewedBy: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
   }
 
   // JSON-LD for Layer 2 Networks listing
diff --git a/app/[locale]/layer-2/page-jsonld.tsx b/app/[locale]/layer-2/page-jsonld.tsx
index eb0cb8b2ac5..ea0956e361b 100644
--- a/app/[locale]/layer-2/page-jsonld.tsx
+++ b/app/[locale]/layer-2/page-jsonld.tsx
@@ -26,6 +26,13 @@ export default async function Layer2PageJsonLD({
     description: t("page-layer-2-meta-description"),
     url: url,
     inLanguage: locale,
+    author: [
+      {
+        "@type": "Organization",
+        name: "ethereum.org",
+        url: "https://ethereum.org",
+      },
+    ],
     breadcrumb: {
       "@type": "BreadcrumbList",
       itemListElement: [
@@ -48,6 +55,15 @@ export default async function Layer2PageJsonLD({
       name: "ethereum.org",
       url: "https://ethereum.org",
     },
+    reviewedBy: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
   }
 
   // JSON-LD for the article content about Layer 2
@@ -57,15 +73,26 @@ export default async function Layer2PageJsonLD({
     headline: t("page-layer-2-hero-title"),
     description: t("page-layer-2-meta-description"),
     image: "https://ethereum.org/images/layer-2/learn-hero.png", // TODO: adjust value when the old theme breakpoints are removed (src/theme.ts)
-    author: {
+    author: [
+      {
+        "@type": "Organization",
+        name: "ethereum.org",
+        url: "https://ethereum.org",
+      },
+    ],
+    publisher: {
       "@type": "Organization",
       name: "ethereum.org",
       url: "https://ethereum.org",
     },
-    publisher: {
+    reviewedBy: {
       "@type": "Organization",
       name: "ethereum.org",
       url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
     },
   }
 
diff --git a/app/[locale]/learn/page-jsonld.tsx b/app/[locale]/learn/page-jsonld.tsx
index aeae3b7cb6c..ebcc453b729 100644
--- a/app/[locale]/learn/page-jsonld.tsx
+++ b/app/[locale]/learn/page-jsonld.tsx
@@ -20,6 +20,13 @@ export default async function LearnPageJsonLD({ locale }) {
     description: t("hero-subtitle"),
     url: url,
     inLanguage: locale,
+    author: [
+      {
+        "@type": "Organization",
+        name: "ethereum.org",
+        url: "https://ethereum.org",
+      },
+    ],
     breadcrumb: {
       "@type": "BreadcrumbList",
       itemListElement: [
@@ -46,6 +53,15 @@ export default async function LearnPageJsonLD({ locale }) {
         url: "https://ethereum.org/favicon-32x32.png",
       },
     },
+    reviewedBy: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
   }
 
   return <PageJsonLD structuredData={[webPageJsonLd]} />
diff --git a/app/[locale]/page-jsonld.tsx b/app/[locale]/page-jsonld.tsx
index dcf8f96d25b..05da3b4704e 100644
--- a/app/[locale]/page-jsonld.tsx
+++ b/app/[locale]/page-jsonld.tsx
@@ -26,6 +26,13 @@ export default async function IndexPageJsonLD({
     description: t("page-index-meta-description"),
     url: url,
     inLanguage: locale,
+    author: [
+      {
+        "@type": "Organization",
+        name: "ethereum.org",
+        url: "https://ethereum.org",
+      },
+    ],
     isPartOf: {
       "@type": "WebSite",
       name: "ethereum.org",
@@ -47,6 +54,15 @@ export default async function IndexPageJsonLD({
       name: "ethereum.org",
       url: "https://ethereum.org",
     },
+    reviewedBy: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
   }
 
   // JSON-LD for ethereum.org as an organization
diff --git a/app/[locale]/quizzes/page-jsonld.tsx b/app/[locale]/quizzes/page-jsonld.tsx
index c8b9f514120..2143858ae57 100644
--- a/app/[locale]/quizzes/page-jsonld.tsx
+++ b/app/[locale]/quizzes/page-jsonld.tsx
@@ -26,6 +26,13 @@ export default async function QuizzesPageJsonLD({
     description: t("quizzes-subtitle"),
     url: url,
     inLanguage: locale,
+    author: [
+      {
+        "@type": "Organization",
+        name: "ethereum.org",
+        url: "https://ethereum.org",
+      },
+    ],
     breadcrumb: {
       "@type": "BreadcrumbList",
       itemListElement: [
@@ -48,6 +55,15 @@ export default async function QuizzesPageJsonLD({
       name: "ethereum.org",
       url: "https://ethereum.org",
     },
+    reviewedBy: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
   }
 
   return <PageJsonLD structuredData={[webPageJsonLd]} />
diff --git a/app/[locale]/resources/page-jsonld.tsx b/app/[locale]/resources/page-jsonld.tsx
index 4bf52e139e5..5ace6693ff1 100644
--- a/app/[locale]/resources/page-jsonld.tsx
+++ b/app/[locale]/resources/page-jsonld.tsx
@@ -26,6 +26,13 @@ export default async function ResourcesPageJsonLD({
     description: t("page-resources-meta-description"),
     url: url,
     inLanguage: locale,
+    author: [
+      {
+        "@type": "Organization",
+        name: "ethereum.org",
+        url: "https://ethereum.org",
+      },
+    ],
     breadcrumb: {
       "@type": "BreadcrumbList",
       itemListElement: [
@@ -48,6 +55,15 @@ export default async function ResourcesPageJsonLD({
       name: "ethereum.org",
       url: "https://ethereum.org",
     },
+    reviewedBy: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
   }
 
   return <PageJsonLD structuredData={[webPageJsonLd]} />
diff --git a/app/[locale]/roadmap/page-jsonld.tsx b/app/[locale]/roadmap/page-jsonld.tsx
index aeb852f0c55..ec42f8d8534 100644
--- a/app/[locale]/roadmap/page-jsonld.tsx
+++ b/app/[locale]/roadmap/page-jsonld.tsx
@@ -26,6 +26,13 @@ export default async function RoadmapPageJsonLD({
     description: t("page-roadmap-meta-description"),
     url: url,
     inLanguage: locale,
+    author: [
+      {
+        "@type": "Organization",
+        name: "ethereum.org",
+        url: "https://ethereum.org",
+      },
+    ],
     breadcrumb: {
       "@type": "BreadcrumbList",
       itemListElement: [
@@ -48,6 +55,15 @@ export default async function RoadmapPageJsonLD({
       name: "ethereum.org",
       url: "https://ethereum.org",
     },
+    reviewedBy: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
   }
 
   // JSON-LD for the roadmap article content
@@ -57,15 +73,26 @@ export default async function RoadmapPageJsonLD({
     headline: t("page-roadmap-title"),
     description: t("page-roadmap-meta-description"),
     image: "https://ethereum.org/images/heroes/roadmap-hub-hero.jpg",
-    author: {
+    author: [
+      {
+        "@type": "Organization",
+        name: "ethereum.org",
+        url: "https://ethereum.org",
+      },
+    ],
+    publisher: {
       "@type": "Organization",
       name: "ethereum.org",
       url: "https://ethereum.org",
     },
-    publisher: {
+    reviewedBy: {
       "@type": "Organization",
       name: "ethereum.org",
       url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
     },
     about: {
       "@type": "Thing",
diff --git a/app/[locale]/roadmap/vision/page-jsonld.tsx b/app/[locale]/roadmap/vision/page-jsonld.tsx
index e21a37f874c..19ef6b8395f 100644
--- a/app/[locale]/roadmap/vision/page-jsonld.tsx
+++ b/app/[locale]/roadmap/vision/page-jsonld.tsx
@@ -28,6 +28,13 @@ export default async function RoadmapVisionPageJsonLD({
     description: t("page-roadmap-vision-subtitle"),
     url: url,
     inLanguage: locale,
+    author: [
+      {
+        "@type": "Organization",
+        name: "ethereum.org",
+        url: "https://ethereum.org",
+      },
+    ],
     breadcrumb: {
       "@type": "BreadcrumbList",
       itemListElement: [
@@ -56,6 +63,15 @@ export default async function RoadmapVisionPageJsonLD({
       name: "ethereum.org",
       url: "https://ethereum.org",
     },
+    reviewedBy: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
   }
 
   // JSON-LD for the vision article content
@@ -65,15 +81,26 @@ export default async function RoadmapVisionPageJsonLD({
     headline: t("page-roadmap-vision-title"),
     description: t("page-roadmap-vision-subtitle"),
     image: "https://ethereum.org/images/upgrades/oldship.png",
-    author: {
+    author: [
+      {
+        "@type": "Organization",
+        name: "ethereum.org",
+        url: "https://ethereum.org",
+      },
+    ],
+    publisher: {
       "@type": "Organization",
       name: "ethereum.org",
       url: "https://ethereum.org",
     },
-    publisher: {
+    reviewedBy: {
       "@type": "Organization",
       name: "ethereum.org",
       url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
     },
     about: {
       "@type": "Thing",
diff --git a/app/[locale]/run-a-node/page-jsonld.tsx b/app/[locale]/run-a-node/page-jsonld.tsx
index 1c17e2fb31a..14546446089 100644
--- a/app/[locale]/run-a-node/page-jsonld.tsx
+++ b/app/[locale]/run-a-node/page-jsonld.tsx
@@ -28,6 +28,13 @@ export default async function RunANodePageJsonLD({
     description: t("page-run-a-node-hero-subtitle"),
     url: url,
     inLanguage: locale,
+    author: [
+      {
+        "@type": "Organization",
+        name: "ethereum.org",
+        url: "https://ethereum.org",
+      },
+    ],
     breadcrumb: {
       "@type": "BreadcrumbList",
       itemListElement: [
@@ -50,6 +57,15 @@ export default async function RunANodePageJsonLD({
       name: "ethereum.org",
       url: "https://ethereum.org",
     },
+    reviewedBy: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
   }
 
   // JSON-LD for the run a node article content
@@ -59,15 +75,26 @@ export default async function RunANodePageJsonLD({
     headline: t("page-run-a-node-title"),
     description: t("page-run-a-node-hero-subtitle"),
     image: "https://ethereum.org/images/run-a-node/ethereum-inside.png",
-    author: {
+    author: [
+      {
+        "@type": "Organization",
+        name: "ethereum.org",
+        url: "https://ethereum.org",
+      },
+    ],
+    publisher: {
       "@type": "Organization",
       name: "ethereum.org",
       url: "https://ethereum.org",
     },
-    publisher: {
+    reviewedBy: {
       "@type": "Organization",
       name: "ethereum.org",
       url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
     },
     about: {
       "@type": "Thing",
diff --git a/app/[locale]/stablecoins/page-jsonld.tsx b/app/[locale]/stablecoins/page-jsonld.tsx
index ca0489a85d7..329a8e65ff6 100644
--- a/app/[locale]/stablecoins/page-jsonld.tsx
+++ b/app/[locale]/stablecoins/page-jsonld.tsx
@@ -20,6 +20,13 @@ export default async function StablecoinsPageJsonLD({ locale, features }) {
     description: t("page-stablecoins-meta-description"),
     url: url,
     inLanguage: locale,
+    author: [
+      {
+        "@type": "Organization",
+        name: "ethereum.org",
+        url: "https://ethereum.org",
+      },
+    ],
     breadcrumb: {
       "@type": "BreadcrumbList",
       itemListElement: [
@@ -42,6 +49,15 @@ export default async function StablecoinsPageJsonLD({ locale, features }) {
       name: "ethereum.org",
       url: "https://ethereum.org",
     },
+    reviewedBy: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
   }
 
   // JSON-LD for the stablecoins article content
@@ -51,15 +67,26 @@ export default async function StablecoinsPageJsonLD({ locale, features }) {
     headline: t("page-stablecoins-title"),
     description: t("page-stablecoins-meta-description"),
     image: "https://ethereum.org/images/stablecoins/hero.png",
-    author: {
+    author: [
+      {
+        "@type": "Organization",
+        name: "ethereum.org",
+        url: "https://ethereum.org",
+      },
+    ],
+    publisher: {
       "@type": "Organization",
       name: "ethereum.org",
       url: "https://ethereum.org",
     },
-    publisher: {
+    reviewedBy: {
       "@type": "Organization",
       name: "ethereum.org",
       url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
     },
     about: {
       "@type": "Thing",
diff --git a/app/[locale]/staking/page-jsonld.tsx b/app/[locale]/staking/page-jsonld.tsx
index 7c5fd422b43..f21f5a74821 100644
--- a/app/[locale]/staking/page-jsonld.tsx
+++ b/app/[locale]/staking/page-jsonld.tsx
@@ -28,6 +28,13 @@ export default async function StakingPageJsonLD({
     description: t("page-staking-meta-description"),
     url: url,
     inLanguage: locale,
+    author: [
+      {
+        "@type": "Organization",
+        name: "ethereum.org",
+        url: "https://ethereum.org",
+      },
+    ],
     breadcrumb: {
       "@type": "BreadcrumbList",
       itemListElement: [
@@ -50,6 +57,15 @@ export default async function StakingPageJsonLD({
       name: "ethereum.org",
       url: "https://ethereum.org",
     },
+    reviewedBy: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
   }
 
   // JSON-LD for the staking article content
@@ -59,15 +75,26 @@ export default async function StakingPageJsonLD({
     headline: t("page-staking-hero-title"),
     description: t("page-staking-meta-description"),
     image: "https://ethereum.org/images/upgrades/upgrade_rhino.png",
-    author: {
+    author: [
+      {
+        "@type": "Organization",
+        name: "ethereum.org",
+        url: "https://ethereum.org",
+      },
+    ],
+    publisher: {
       "@type": "Organization",
       name: "ethereum.org",
       url: "https://ethereum.org",
     },
-    publisher: {
+    reviewedBy: {
       "@type": "Organization",
       name: "ethereum.org",
       url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
     },
     about: {
       "@type": "Thing",
diff --git a/app/[locale]/start/page-jsonld.tsx b/app/[locale]/start/page-jsonld.tsx
index 9a18a2f23e8..eca0a9ca357 100644
--- a/app/[locale]/start/page-jsonld.tsx
+++ b/app/[locale]/start/page-jsonld.tsx
@@ -26,6 +26,13 @@ export default async function StartPageJsonLD({
     description: t("page-start-meta-description"),
     url: url,
     inLanguage: locale,
+    author: [
+      {
+        "@type": "Organization",
+        name: "ethereum.org",
+        url: "https://ethereum.org",
+      },
+    ],
     breadcrumb: {
       "@type": "BreadcrumbList",
       itemListElement: [
@@ -48,6 +55,15 @@ export default async function StartPageJsonLD({
       name: "ethereum.org",
       url: "https://ethereum.org",
     },
+    reviewedBy: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
   }
 
   // JSON-LD for the start guide article content
@@ -57,15 +73,26 @@ export default async function StartPageJsonLD({
     headline: t("page-start-title"),
     description: t("page-start-meta-description"),
     image: "https://ethereum.org/images/heroes/developers-hub-hero.jpg",
-    author: {
+    author: [
+      {
+        "@type": "Organization",
+        name: "ethereum.org",
+        url: "https://ethereum.org",
+      },
+    ],
+    publisher: {
       "@type": "Organization",
       name: "ethereum.org",
       url: "https://ethereum.org",
     },
-    publisher: {
+    reviewedBy: {
       "@type": "Organization",
       name: "ethereum.org",
       url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
     },
     about: {
       "@type": "Thing",
diff --git a/app/[locale]/trillion-dollar-security/page-jsonld.tsx b/app/[locale]/trillion-dollar-security/page-jsonld.tsx
index ed8768f5b2a..9a9510313be 100644
--- a/app/[locale]/trillion-dollar-security/page-jsonld.tsx
+++ b/app/[locale]/trillion-dollar-security/page-jsonld.tsx
@@ -26,6 +26,13 @@ export default async function TrillionDollarSecurityPageJsonLD({
     description: t("page-trillion-dollar-security-meta-description"),
     url: url,
     inLanguage: locale,
+    author: [
+      {
+        "@type": "Organization",
+        name: "ethereum.org",
+        url: "https://ethereum.org",
+      },
+    ],
     breadcrumb: {
       "@type": "BreadcrumbList",
       itemListElement: [
@@ -48,6 +55,15 @@ export default async function TrillionDollarSecurityPageJsonLD({
       name: "ethereum.org",
       url: "https://ethereum.org",
     },
+    reviewedBy: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
   }
 
   // JSON-LD for the security report article content
@@ -57,15 +73,26 @@ export default async function TrillionDollarSecurityPageJsonLD({
     headline: t("page-trillion-dollar-security-title"),
     description: t("page-trillion-dollar-security-meta-description"),
     image: "https://ethereum.org/images/trillion-dollar-security/hero.png",
-    author: {
+    author: [
+      {
+        "@type": "Organization",
+        name: "ethereum.org",
+        url: "https://ethereum.org",
+      },
+    ],
+    publisher: {
       "@type": "Organization",
       name: "ethereum.org",
       url: "https://ethereum.org",
     },
-    publisher: {
+    reviewedBy: {
       "@type": "Organization",
       name: "ethereum.org",
       url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
     },
     about: {
       "@type": "Thing",
diff --git a/app/[locale]/wallets/find-wallet/page-jsonld.tsx b/app/[locale]/wallets/find-wallet/page-jsonld.tsx
index 1327cca458a..44e91367e86 100644
--- a/app/[locale]/wallets/find-wallet/page-jsonld.tsx
+++ b/app/[locale]/wallets/find-wallet/page-jsonld.tsx
@@ -28,6 +28,13 @@ export default async function FindWalletPageJsonLD({
     description: t("page-find-wallet-meta-description"),
     url: url,
     inLanguage: locale,
+    author: [
+      {
+        "@type": "Organization",
+        name: "ethereum.org",
+        url: "https://ethereum.org",
+      },
+    ],
     breadcrumb: {
       "@type": "BreadcrumbList",
       itemListElement: [
@@ -56,6 +63,15 @@ export default async function FindWalletPageJsonLD({
       name: "ethereum.org",
       url: "https://ethereum.org",
     },
+    reviewedBy: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
   }
 
   // JSON-LD for the wallet finder article content
@@ -65,15 +81,26 @@ export default async function FindWalletPageJsonLD({
     headline: t("page-find-wallet-title"),
     description: t("page-find-wallet-meta-description"),
     image: "https://ethereum.org/images/wallets/wallet-hero.png",
-    author: {
+    author: [
+      {
+        "@type": "Organization",
+        name: "ethereum.org",
+        url: "https://ethereum.org",
+      },
+    ],
+    publisher: {
       "@type": "Organization",
       name: "ethereum.org",
       url: "https://ethereum.org",
     },
-    publisher: {
+    reviewedBy: {
       "@type": "Organization",
       name: "ethereum.org",
       url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
     },
     about: {
       "@type": "Thing",
diff --git a/app/[locale]/wallets/page-jsonld.tsx b/app/[locale]/wallets/page-jsonld.tsx
index 51f90a18ec2..68b65ac38e1 100644
--- a/app/[locale]/wallets/page-jsonld.tsx
+++ b/app/[locale]/wallets/page-jsonld.tsx
@@ -24,6 +24,13 @@ export default async function WalletsPageJsonLD({
     description: t("page-wallets-meta-description"),
     url: url,
     inLanguage: locale,
+    author: [
+      {
+        "@type": "Organization",
+        name: "ethereum.org",
+        url: "https://ethereum.org",
+      },
+    ],
     breadcrumb: {
       "@type": "BreadcrumbList",
       itemListElement: [
@@ -46,6 +53,15 @@ export default async function WalletsPageJsonLD({
       name: "ethereum.org",
       url: "https://ethereum.org",
     },
+    reviewedBy: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
   }
 
   // JSON-LD for the wallets guide article content
@@ -55,15 +71,26 @@ export default async function WalletsPageJsonLD({
     headline: t("page-wallets-title"),
     description: t("page-wallets-meta-description"),
     image: "https://ethereum.org/images/wallets/wallet-hero.png",
-    author: {
+    author: [
+      {
+        "@type": "Organization",
+        name: "ethereum.org",
+        url: "https://ethereum.org",
+      },
+    ],
+    publisher: {
       "@type": "Organization",
       name: "ethereum.org",
       url: "https://ethereum.org",
     },
-    publisher: {
+    reviewedBy: {
       "@type": "Organization",
       name: "ethereum.org",
       url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
     },
     about: {
       "@type": "Thing",
diff --git a/app/[locale]/what-is-ethereum/page-jsonld.tsx b/app/[locale]/what-is-ethereum/page-jsonld.tsx
index a9ae746daa6..ac4acfd27bc 100644
--- a/app/[locale]/what-is-ethereum/page-jsonld.tsx
+++ b/app/[locale]/what-is-ethereum/page-jsonld.tsx
@@ -28,6 +28,13 @@ export default async function WhatIsEthereumPageJsonLD({
     description: t("page-what-is-ethereum-meta-description"),
     url: url,
     inLanguage: locale,
+    author: [
+      {
+        "@type": "Organization",
+        name: "ethereum.org",
+        url: "https://ethereum.org",
+      },
+    ],
     breadcrumb: {
       "@type": "BreadcrumbList",
       itemListElement: [
@@ -56,6 +63,15 @@ export default async function WhatIsEthereumPageJsonLD({
       name: "ethereum.org",
       url: "https://ethereum.org",
     },
+    reviewedBy: {
+      "@type": "Organization",
+      name: "ethereum.org",
+      url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
+    },
   }
 
   // JSON-LD for the what is ethereum article content
@@ -65,15 +81,26 @@ export default async function WhatIsEthereumPageJsonLD({
     headline: t("page-what-is-ethereum-title"),
     description: t("page-what-is-ethereum-meta-description"),
     image: "https://ethereum.org/images/what-is-ethereum.png",
-    author: {
+    author: [
+      {
+        "@type": "Organization",
+        name: "ethereum.org",
+        url: "https://ethereum.org",
+      },
+    ],
+    publisher: {
       "@type": "Organization",
       name: "ethereum.org",
       url: "https://ethereum.org",
     },
-    publisher: {
+    reviewedBy: {
       "@type": "Organization",
       name: "ethereum.org",
       url: "https://ethereum.org",
+      logo: {
+        "@type": "ImageObject",
+        url: "https://ethereum.org/favicon-32x32.png",
+      },
     },
     about: {
       "@type": "Thing",

From 603abf5bf6eb829b54718b3a1b60825efd12a08b Mon Sep 17 00:00:00 2001
From: Corwin Smith <cssmittys@gmail.com>
Date: Tue, 16 Sep 2025 14:22:13 -0600
Subject: [PATCH 39/41] feat: add contributor information to JSON-LD across
 multiple pages

---
 app/[locale]/10years/page-jsonld.tsx          |  17 +-
 app/[locale]/10years/page.tsx                 |  12 +-
 app/[locale]/[...slug]/page-jsonld.tsx        |  13 +-
 app/[locale]/[...slug]/page.tsx               |   7 +-
 .../apps/[application]/page-jsonld.tsx        |  11 +-
 app/[locale]/apps/[application]/page.tsx      |  12 +-
 .../[catetgoryName]/page-jsonld.tsx           |  11 +-
 .../apps/categories/[catetgoryName]/page.tsx  |  16 +-
 app/[locale]/apps/page-jsonld.tsx             |  17 +-
 app/[locale]/apps/page.tsx                    |  12 +-
 app/[locale]/assets/page-jsonld.tsx           |  17 +-
 app/[locale]/assets/page.tsx                  |  12 +-
 app/[locale]/bug-bounty/page-jsonld.tsx       |  17 +-
 app/[locale]/bug-bounty/page.tsx              |   2 +-
 app/[locale]/collectibles/page-jsonld.tsx     |  11 +
 app/[locale]/collectibles/page.tsx            |  17 +-
 app/[locale]/community/page-jsonld.tsx        |  17 +-
 app/[locale]/community/page.tsx               |  12 +-
 .../acknowledgements/page-jsonld.tsx          |  11 +
 .../acknowledgements/page.tsx                 |  12 +-
 .../contributors/page-jsonld.tsx              |  11 +
 .../translation-program/contributors/page.tsx |  12 +-
 .../translatathon/leaderboard/page-jsonld.tsx |  11 +
 .../translatathon/leaderboard/page.tsx        |  15 +-
 .../developers/learning-tools/page-jsonld.tsx |  11 +
 .../developers/learning-tools/page.tsx        |  12 +-
 .../local-environment/page-jsonld.tsx         |  10 +
 .../developers/local-environment/page.tsx     |  11 +-
 app/[locale]/developers/page-jsonld.tsx       |  11 +-
 app/[locale]/developers/page.tsx              |  11 +-
 .../developers/tutorials/page-jsonld.tsx      |  11 +-
 app/[locale]/developers/tutorials/page.tsx    |  11 +-
 app/[locale]/enterprise/page-jsonld.tsx       |  11 +
 app/[locale]/enterprise/page.tsx              |  12 +-
 app/[locale]/eth/page-jsonld.tsx              |  12 +-
 app/[locale]/eth/page.tsx                     |   1 +
 app/[locale]/founders/page-jsonld.tsx         |  11 +
 app/[locale]/founders/page.tsx                |  12 +-
 app/[locale]/gas/_components/gas.tsx          | 561 +++++++++---------
 .../gas/{_components => }/page-jsonld.tsx     |  12 +-
 app/[locale]/gas/page.tsx                     |   6 +
 app/[locale]/get-eth/page-jsonld.tsx          |  12 +-
 app/[locale]/get-eth/page.tsx                 |   1 +
 .../layer-2/learn/_components/learn.tsx       | 416 +++++++------
 .../learn/{_components => }/page-jsonld.tsx   |  12 +-
 app/[locale]/layer-2/learn/page.tsx           |   6 +
 app/[locale]/layer-2/networks/page-jsonld.tsx |  13 +-
 app/[locale]/layer-2/networks/page.tsx        |  11 +-
 app/[locale]/layer-2/page-jsonld.tsx          |  12 +-
 app/[locale]/layer-2/page.tsx                 |  12 +-
 app/[locale]/learn/page-jsonld.tsx            |   9 +-
 app/[locale]/learn/page.tsx                   |   2 +-
 app/[locale]/quizzes/page-jsonld.tsx          |  11 +-
 app/[locale]/quizzes/page.tsx                 |  12 +-
 app/[locale]/resources/page-jsonld.tsx        |  11 +-
 app/[locale]/resources/page.tsx               |  12 +-
 app/[locale]/roadmap/page-jsonld.tsx          |  12 +-
 app/[locale]/roadmap/page.tsx                 |  12 +-
 app/[locale]/roadmap/vision/page-jsonld.tsx   |  12 +-
 app/[locale]/roadmap/vision/page.tsx          |   1 +
 app/[locale]/run-a-node/page-jsonld.tsx       |  12 +-
 app/[locale]/run-a-node/page.tsx              |   1 +
 app/[locale]/stablecoins/page-jsonld.tsx      |  14 +-
 app/[locale]/stablecoins/page.tsx             |  16 +-
 app/[locale]/staking/page-jsonld.tsx          |  12 +-
 app/[locale]/staking/page.tsx                 |   1 +
 app/[locale]/start/page-jsonld.tsx            |  12 +-
 app/[locale]/start/page.tsx                   |  12 +-
 .../trillion-dollar-security/page-jsonld.tsx  |  12 +-
 .../trillion-dollar-security/page.tsx         |  15 +-
 .../wallets/find-wallet/page-jsonld.tsx       |  12 +-
 app/[locale]/wallets/find-wallet/page.tsx     |  16 +-
 app/[locale]/wallets/page-jsonld.tsx          |   9 +
 app/[locale]/wallets/page.tsx                 |   1 +
 app/[locale]/what-is-ethereum/page-jsonld.tsx |  12 +-
 app/[locale]/what-is-ethereum/page.tsx        |   1 +
 76 files changed, 1199 insertions(+), 579 deletions(-)
 rename app/[locale]/gas/{_components => }/page-jsonld.tsx (88%)
 rename app/[locale]/layer-2/learn/{_components => }/page-jsonld.tsx (89%)

diff --git a/app/[locale]/10years/page-jsonld.tsx b/app/[locale]/10years/page-jsonld.tsx
index 74b46ec82c6..ad8a5ff5884 100644
--- a/app/[locale]/10years/page-jsonld.tsx
+++ b/app/[locale]/10years/page-jsonld.tsx
@@ -1,16 +1,30 @@
 import { getTranslations } from "next-intl/server"
 
+import { FileContributor } from "@/lib/types"
+
 import PageJsonLD from "@/components/PageJsonLD"
 
 import { normalizeUrlForJsonLd } from "@/lib/utils/url"
 
-export default async function TenYearJsonLD({ locale }: { locale: string }) {
+export default async function TenYearJsonLD({
+  locale,
+  contributors,
+}: {
+  locale: string
+  contributors: FileContributor[]
+}) {
   const t = await getTranslations({
     namespace: "page-10-year-anniversary",
   })
 
   const url = normalizeUrlForJsonLd(locale, "/10years/")
 
+  const contributorList = contributors.map((contributor) => ({
+    "@type": "Person",
+    name: contributor.login,
+    url: contributor.html_url,
+  }))
+
   const webPageJsonLd = {
     "@context": "https://schema.org",
     "@type": "WebPage",
@@ -26,6 +40,7 @@ export default async function TenYearJsonLD({ locale }: { locale: string }) {
         url: "https://ethereum.org",
       },
     ],
+    contributor: contributorList,
     breadcrumb: {
       "@type": "BreadcrumbList",
       itemListElement: [
diff --git a/app/[locale]/10years/page.tsx b/app/[locale]/10years/page.tsx
index 86b131489c7..c151534fee7 100644
--- a/app/[locale]/10years/page.tsx
+++ b/app/[locale]/10years/page.tsx
@@ -5,7 +5,7 @@ import {
   setRequestLocale,
 } from "next-intl/server"
 
-import type { Lang } from "@/lib/types"
+import type { CommitHistory, Lang } from "@/lib/types"
 
 import Emoji from "@/components/Emoji"
 import I18nProvider from "@/components/I18nProvider"
@@ -18,6 +18,7 @@ import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
 import YouTube from "@/components/YouTube"
 
 import { cn } from "@/lib/utils/cn"
+import { getAppPageContributorInfo } from "@/lib/utils/contributors"
 import { dataLoader } from "@/lib/utils/data/dataLoader"
 import { getMetadata } from "@/lib/utils/metadata"
 import { getRequiredNamespacesForPage } from "@/lib/utils/translations"
@@ -111,9 +112,16 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
     (holder) => !isAddressFiltered(holder.address)
   )
 
+  const commitHistoryCache: CommitHistory = {}
+  const { contributors } = await getAppPageContributorInfo(
+    "10years",
+    locale as Lang,
+    commitHistoryCache
+  )
+
   return (
     <>
-      <TenYearJsonLD locale={locale} />
+      <TenYearJsonLD locale={locale} contributors={contributors} />
       <MainArticle className="mx-auto flex w-full flex-col items-center">
         <TenYearHero locale={locale} />
 
diff --git a/app/[locale]/[...slug]/page-jsonld.tsx b/app/[locale]/[...slug]/page-jsonld.tsx
index a8bd2698a4f..34a91dae7d8 100644
--- a/app/[locale]/[...slug]/page-jsonld.tsx
+++ b/app/[locale]/[...slug]/page-jsonld.tsx
@@ -1,4 +1,4 @@
-import { Frontmatter } from "@/lib/types"
+import { FileContributor, Frontmatter } from "@/lib/types"
 
 import PageJsonLD from "@/components/PageJsonLD"
 
@@ -8,10 +8,12 @@ export default async function SlugJsonLD({
   locale,
   slug,
   frontmatter,
+  contributors,
 }: {
   locale: string
   slug: string
   frontmatter: Frontmatter
+  contributors: FileContributor[]
 }) {
   const url = normalizeUrlForJsonLd(locale, `/${slug}`)
 
@@ -39,6 +41,13 @@ export default async function SlugJsonLD({
     })
   })
 
+  // Map contributors to schema.org format
+  const contributorList = contributors.map((contributor) => ({
+    "@type": "Person",
+    name: contributor.login,
+    url: contributor.html_url,
+  }))
+
   // JSON-LD structured data for the slug page
   const webPageJsonLd = {
     "@context": "https://schema.org",
@@ -55,6 +64,7 @@ export default async function SlugJsonLD({
         url: "https://ethereum.org",
       },
     ],
+    contributor: contributorList,
     isPartOf: {
       "@type": "WebSite",
       name: "ethereum.org",
@@ -96,6 +106,7 @@ export default async function SlugJsonLD({
         url: "https://ethereum.org",
       },
     ],
+    contributor: contributorList,
     publisher: {
       "@type": "Organization",
       name: "ethereum.org",
diff --git a/app/[locale]/[...slug]/page.tsx b/app/[locale]/[...slug]/page.tsx
index 2367510b7fa..2a3d343540d 100644
--- a/app/[locale]/[...slug]/page.tsx
+++ b/app/[locale]/[...slug]/page.tsx
@@ -84,7 +84,12 @@ export default async function Page({
 
   return (
     <>
-      <SlugJsonLD locale={locale} slug={slug} frontmatter={frontmatter} />
+      <SlugJsonLD
+        locale={locale}
+        slug={slug}
+        frontmatter={frontmatter}
+        contributors={contributors}
+      />
       <I18nProvider locale={locale} messages={messages}>
         <Layout
           slug={slug}
diff --git a/app/[locale]/apps/[application]/page-jsonld.tsx b/app/[locale]/apps/[application]/page-jsonld.tsx
index 79d7db8a3da..b281cf67079 100644
--- a/app/[locale]/apps/[application]/page-jsonld.tsx
+++ b/app/[locale]/apps/[application]/page-jsonld.tsx
@@ -1,4 +1,4 @@
-import { AppData } from "@/lib/types"
+import { AppData, FileContributor } from "@/lib/types"
 
 import PageJsonLD from "@/components/PageJsonLD"
 
@@ -7,12 +7,20 @@ import { normalizeUrlForJsonLd } from "@/lib/utils/url"
 export default async function AppsAppJsonLD({
   locale,
   app,
+  contributors,
 }: {
   locale: string
   app: AppData
+  contributors: FileContributor[]
 }) {
   const url = normalizeUrlForJsonLd(locale, `/apps/${app.name}`)
 
+  const contributorList = contributors.map((contributor) => ({
+    "@type": "Person",
+    name: contributor.login,
+    url: contributor.html_url,
+  }))
+
   // JSON-LD structured data for the individual app page
   const webPageJsonLd = {
     "@context": "https://schema.org",
@@ -22,6 +30,7 @@ export default async function AppsAppJsonLD({
     description: app.description,
     url: url,
     inLanguage: locale,
+    contributor: contributorList,
     author: [
       {
         "@type": "Organization",
diff --git a/app/[locale]/apps/[application]/page.tsx b/app/[locale]/apps/[application]/page.tsx
index 4309ce86793..365f519ef24 100644
--- a/app/[locale]/apps/[application]/page.tsx
+++ b/app/[locale]/apps/[application]/page.tsx
@@ -6,7 +6,7 @@ import {
   setRequestLocale,
 } from "next-intl/server"
 
-import { ChainName } from "@/lib/types"
+import { ChainName, CommitHistory, Lang } from "@/lib/types"
 
 import ChainImages from "@/components/ChainImages"
 import { ChevronNext } from "@/components/Chevron"
@@ -31,6 +31,7 @@ import { LinkBox, LinkOverlay } from "@/components/ui/link-box"
 import { Tag } from "@/components/ui/tag"
 
 import { APP_TAG_VARIANTS } from "@/lib/utils/apps"
+import { getAppPageContributorInfo } from "@/lib/utils/contributors"
 import { dataLoader } from "@/lib/utils/data/dataLoader"
 import { isValidDate } from "@/lib/utils/date"
 import { getMetadata } from "@/lib/utils/metadata"
@@ -128,9 +129,16 @@ const Page = async ({
     return t("page-apps-days-ago", { days: diffInDays })
   }
 
+  const commitHistoryCache: CommitHistory = {}
+  const { contributors } = await getAppPageContributorInfo(
+    "apps/[application]",
+    locale as Lang,
+    commitHistoryCache
+  )
+
   return (
     <>
-      <AppsAppJsonLD locale={locale} app={app} />
+      <AppsAppJsonLD locale={locale} app={app} contributors={contributors} />
       <I18nProvider locale={locale} messages={messages}>
         <MainArticle className="flex flex-col gap-10 py-10">
           <div className="flex flex-col gap-10 px-4 md:px-10">
diff --git a/app/[locale]/apps/categories/[catetgoryName]/page-jsonld.tsx b/app/[locale]/apps/categories/[catetgoryName]/page-jsonld.tsx
index 475178ad733..08c628e4060 100644
--- a/app/[locale]/apps/categories/[catetgoryName]/page-jsonld.tsx
+++ b/app/[locale]/apps/categories/[catetgoryName]/page-jsonld.tsx
@@ -1,6 +1,6 @@
 import { getTranslations } from "next-intl/server"
 
-import { AppCategoryData, AppData } from "@/lib/types"
+import { AppCategoryData, AppData, FileContributor } from "@/lib/types"
 
 import PageJsonLD from "@/components/PageJsonLD"
 
@@ -11,11 +11,13 @@ export default async function AppsCategoryJsonLD({
   categoryName,
   category,
   appsData,
+  contributors,
 }: {
   locale: string
   categoryName: string
   category: AppCategoryData
   appsData: Record<string, AppData[]>
+  contributors: FileContributor[]
 }) {
   const t = await getTranslations({ namespace: "page-apps" })
 
@@ -23,6 +25,12 @@ export default async function AppsCategoryJsonLD({
   // Get apps for this category
   const categoryApps = appsData[categoryName] || []
 
+  const contributorList = contributors.map((contributor) => ({
+    "@type": "Person",
+    name: contributor.login,
+    url: contributor.html_url,
+  }))
+
   // JSON-LD structured data for the apps category page
   const webPageJsonLd = {
     "@context": "https://schema.org",
@@ -32,6 +40,7 @@ export default async function AppsCategoryJsonLD({
     description: t(category.metaDescription),
     url: url,
     inLanguage: locale,
+    contributor: contributorList,
     author: [
       {
         "@type": "Organization",
diff --git a/app/[locale]/apps/categories/[catetgoryName]/page.tsx b/app/[locale]/apps/categories/[catetgoryName]/page.tsx
index e344b1e156d..f0fa8c7c5e0 100644
--- a/app/[locale]/apps/categories/[catetgoryName]/page.tsx
+++ b/app/[locale]/apps/categories/[catetgoryName]/page.tsx
@@ -6,7 +6,12 @@ import {
   setRequestLocale,
 } from "next-intl/server"
 
-import { AppCategoryEnum, type SectionNavDetails } from "@/lib/types"
+import {
+  AppCategoryEnum,
+  CommitHistory,
+  Lang,
+  type SectionNavDetails,
+} from "@/lib/types"
 
 import { SimpleHero } from "@/components/Hero"
 import I18nProvider from "@/components/I18nProvider"
@@ -22,6 +27,7 @@ import {
 import TabNav from "@/components/ui/TabNav"
 
 import { getHighlightedApps } from "@/lib/utils/apps"
+import { getAppPageContributorInfo } from "@/lib/utils/contributors"
 import { dataLoader } from "@/lib/utils/data/dataLoader"
 import { getMetadata } from "@/lib/utils/metadata"
 import { getRequiredNamespacesForPage } from "@/lib/utils/translations"
@@ -99,6 +105,13 @@ const Page = async ({
     })
   )
 
+  const commitHistoryCache: CommitHistory = {}
+  const { contributors } = await getAppPageContributorInfo(
+    "apps/categories/[catetgoryName]",
+    locale as Lang,
+    commitHistoryCache
+  )
+
   return (
     <>
       <AppsCategoryJsonLD
@@ -106,6 +119,7 @@ const Page = async ({
         categoryName={categoryEnum}
         category={category}
         appsData={appsData}
+        contributors={contributors}
       />
       <I18nProvider locale={locale} messages={messages}>
         <div className="flex flex-col gap-12">
diff --git a/app/[locale]/apps/page-jsonld.tsx b/app/[locale]/apps/page-jsonld.tsx
index 358827ca733..a44e58a6877 100644
--- a/app/[locale]/apps/page-jsonld.tsx
+++ b/app/[locale]/apps/page-jsonld.tsx
@@ -1,16 +1,30 @@
 import { getTranslations } from "next-intl/server"
 
+import { FileContributor } from "@/lib/types"
+
 import PageJsonLD from "@/components/PageJsonLD"
 
 import { normalizeUrlForJsonLd } from "@/lib/utils/url"
 
 import { appsCategories } from "@/data/apps/categories"
 
-export default async function AppsJsonLD({ locale }: { locale: string }) {
+export default async function AppsJsonLD({
+  locale,
+  contributors,
+}: {
+  locale: string
+  contributors: FileContributor[]
+}) {
   const t = await getTranslations({ namespace: "page-apps" })
 
   const url = normalizeUrlForJsonLd(locale, "/apps/")
 
+  const contributorList = contributors.map((contributor) => ({
+    "@type": "Person",
+    name: contributor.login,
+    url: contributor.html_url,
+  }))
+
   // JSON-LD structured data for the apps page
   const webPageJsonLd = {
     "@context": "https://schema.org",
@@ -20,6 +34,7 @@ export default async function AppsJsonLD({ locale }: { locale: string }) {
     description: t("page-apps-meta-description"),
     url: url,
     inLanguage: locale,
+    contributor: contributorList,
     author: [
       {
         "@type": "Organization",
diff --git a/app/[locale]/apps/page.tsx b/app/[locale]/apps/page.tsx
index 5c516d3bf27..489effbba18 100644
--- a/app/[locale]/apps/page.tsx
+++ b/app/[locale]/apps/page.tsx
@@ -5,6 +5,8 @@ import {
   setRequestLocale,
 } from "next-intl/server"
 
+import type { CommitHistory, Lang } from "@/lib/types"
+
 import Breadcrumbs from "@/components/Breadcrumbs"
 import { SimpleHero } from "@/components/Hero"
 import I18nProvider from "@/components/I18nProvider"
@@ -12,6 +14,7 @@ import MainArticle from "@/components/MainArticle"
 import SubpageCard from "@/components/SubpageCard"
 
 import { getDiscoverApps, getHighlightedApps } from "@/lib/utils/apps"
+import { getAppPageContributorInfo } from "@/lib/utils/contributors"
 import { dataLoader } from "@/lib/utils/data/dataLoader"
 import { getMetadata } from "@/lib/utils/metadata"
 import { getRequiredNamespacesForPage } from "@/lib/utils/translations"
@@ -62,9 +65,16 @@ const Page = async ({ params }: { params: { locale: string } }) => {
   const requiredNamespaces = getRequiredNamespacesForPage("/apps")
   const messages = pick(allMessages, requiredNamespaces)
 
+  const commitHistoryCache: CommitHistory = {}
+  const { contributors } = await getAppPageContributorInfo(
+    "apps",
+    locale as Lang,
+    commitHistoryCache
+  )
+
   return (
     <>
-      <AppsJsonLD locale={locale} />
+      <AppsJsonLD locale={locale} contributors={contributors} />
       <I18nProvider locale={locale} messages={messages}>
         <SimpleHero
           breadcrumbs={<Breadcrumbs slug={"/apps"} />}
diff --git a/app/[locale]/assets/page-jsonld.tsx b/app/[locale]/assets/page-jsonld.tsx
index c9a66fc538f..a4aed4b91c4 100644
--- a/app/[locale]/assets/page-jsonld.tsx
+++ b/app/[locale]/assets/page-jsonld.tsx
@@ -1,14 +1,28 @@
 import { getTranslations } from "next-intl/server"
 
+import { FileContributor } from "@/lib/types"
+
 import PageJsonLD from "@/components/PageJsonLD"
 
 import { normalizeUrlForJsonLd } from "@/lib/utils/url"
 
-export default async function AssetsJsonLD({ locale }: { locale: string }) {
+export default async function AssetsJsonLD({
+  locale,
+  contributors,
+}: {
+  locale: string
+  contributors: FileContributor[]
+}) {
   const t = await getTranslations({ namespace: "page-assets" })
 
   const url = normalizeUrlForJsonLd(locale, `/assets/`)
 
+  const contributorList = contributors.map((contributor) => ({
+    "@type": "Person",
+    name: contributor.login,
+    url: contributor.html_url,
+  }))
+
   // JSON-LD structured data for the assets page
   const webPageJsonLd = {
     "@context": "https://schema.org",
@@ -18,6 +32,7 @@ export default async function AssetsJsonLD({ locale }: { locale: string }) {
     description: t("page-assets-meta-desc"),
     url: url,
     inLanguage: locale,
+    contributor: contributorList,
     author: [
       {
         "@type": "Organization",
diff --git a/app/[locale]/assets/page.tsx b/app/[locale]/assets/page.tsx
index bf6c9f2f370..b3ae8895930 100644
--- a/app/[locale]/assets/page.tsx
+++ b/app/[locale]/assets/page.tsx
@@ -5,10 +5,11 @@ import {
   setRequestLocale,
 } from "next-intl/server"
 
-import { Lang } from "@/lib/types"
+import { CommitHistory, Lang } from "@/lib/types"
 
 import I18nProvider from "@/components/I18nProvider"
 
+import { getAppPageContributorInfo } from "@/lib/utils/contributors"
 import { getMetadata } from "@/lib/utils/metadata"
 import { getRequiredNamespacesForPage } from "@/lib/utils/translations"
 
@@ -29,9 +30,16 @@ export default async function Page({
   const requiredNamespaces = getRequiredNamespacesForPage("/assets")
   const messages = pick(allMessages, requiredNamespaces)
 
+  const commitHistoryCache: CommitHistory = {}
+  const { contributors } = await getAppPageContributorInfo(
+    "assets",
+    locale as Lang,
+    commitHistoryCache
+  )
+
   return (
     <>
-      <AssetsJsonLD locale={locale} />
+      <AssetsJsonLD locale={locale} contributors={contributors} />
       <I18nProvider locale={locale} messages={messages}>
         <AssetsPage />
       </I18nProvider>
diff --git a/app/[locale]/bug-bounty/page-jsonld.tsx b/app/[locale]/bug-bounty/page-jsonld.tsx
index 2241ee1a6e8..5ec7bcfbe8a 100644
--- a/app/[locale]/bug-bounty/page-jsonld.tsx
+++ b/app/[locale]/bug-bounty/page-jsonld.tsx
@@ -1,14 +1,28 @@
 import { getTranslations } from "next-intl/server"
 
+import { FileContributor } from "@/lib/types"
+
 import PageJsonLD from "@/components/PageJsonLD"
 
 import { normalizeUrlForJsonLd } from "@/lib/utils/url"
 
-export default async function BugBountyJsonLD({ locale }: { locale: string }) {
+export default async function BugBountyJsonLD({
+  locale,
+  contributors,
+}: {
+  locale: string
+  contributors: FileContributor[]
+}) {
   const t = await getTranslations({ namespace: "page-bug-bounty" })
 
   const url = normalizeUrlForJsonLd(locale, `/bug-bounty/`)
 
+  const contributorList = contributors.map((contributor) => ({
+    "@type": "Person",
+    name: contributor.login,
+    url: contributor.html_url,
+  }))
+
   // JSON-LD structured data for the bug bounty page
   const webPageJsonLd = {
     "@context": "https://schema.org",
@@ -18,6 +32,7 @@ export default async function BugBountyJsonLD({ locale }: { locale: string }) {
     description: t("page-upgrades-bug-bounty-meta-description"),
     url: url,
     inLanguage: locale,
+    contributor: contributorList,
     author: [
       {
         "@type": "Organization",
diff --git a/app/[locale]/bug-bounty/page.tsx b/app/[locale]/bug-bounty/page.tsx
index 2263db5e71a..18ad244c64d 100644
--- a/app/[locale]/bug-bounty/page.tsx
+++ b/app/[locale]/bug-bounty/page.tsx
@@ -36,7 +36,7 @@ export default async function Page({ params }: { params: Promise<Params> }) {
 
   return (
     <>
-      <BugBountyJsonLD locale={locale} />
+      <BugBountyJsonLD locale={locale} contributors={contributors} />
       <I18nProvider locale={locale} messages={messages}>
         <BugBountiesPage
           contributors={contributors}
diff --git a/app/[locale]/collectibles/page-jsonld.tsx b/app/[locale]/collectibles/page-jsonld.tsx
index f855ffacd2c..1460450657e 100644
--- a/app/[locale]/collectibles/page-jsonld.tsx
+++ b/app/[locale]/collectibles/page-jsonld.tsx
@@ -1,5 +1,7 @@
 import { getTranslations } from "next-intl/server"
 
+import { FileContributor } from "@/lib/types"
+
 import PageJsonLD from "@/components/PageJsonLD"
 
 import { normalizeUrlForJsonLd } from "@/lib/utils/url"
@@ -11,15 +13,23 @@ export default async function CollectiblesJsonLD({
   locale,
   badges,
   stats,
+  contributors,
 }: {
   locale: string
   badges: Badge[]
   stats: Stats
+  contributors: FileContributor[]
 }) {
   const t = await getTranslations({ namespace: "page-collectibles" })
 
   const url = normalizeUrlForJsonLd(locale, `/collectibles/`)
 
+  const contributorList = contributors.map((contributor) => ({
+    "@type": "Person",
+    name: contributor.login,
+    url: contributor.html_url,
+  }))
+
   // JSON-LD structured data for the collectibles page
   const webPageJsonLd = {
     "@context": "https://schema.org",
@@ -29,6 +39,7 @@ export default async function CollectiblesJsonLD({
     description: t("page-collectibles-hero-description"),
     url: url,
     inLanguage: locale,
+    contributor: contributorList,
     author: [
       {
         "@type": "Organization",
diff --git a/app/[locale]/collectibles/page.tsx b/app/[locale]/collectibles/page.tsx
index 6bc1be0d668..d898bd7b87b 100644
--- a/app/[locale]/collectibles/page.tsx
+++ b/app/[locale]/collectibles/page.tsx
@@ -5,7 +5,7 @@ import {
   setRequestLocale,
 } from "next-intl/server"
 
-import { Lang } from "@/lib/types"
+import { CommitHistory, Lang } from "@/lib/types"
 
 import { HubHero } from "@/components/Hero"
 import I18nProvider from "@/components/I18nProvider"
@@ -13,6 +13,7 @@ import MainArticle from "@/components/MainArticle"
 import Link from "@/components/ui/Link"
 import { Section } from "@/components/ui/section"
 
+import { getAppPageContributorInfo } from "@/lib/utils/contributors"
 import { getMetadata } from "@/lib/utils/metadata"
 import { getRequiredNamespacesForPage } from "@/lib/utils/translations"
 
@@ -59,9 +60,21 @@ export default async function Page({
   const requiredNamespaces = getRequiredNamespacesForPage("/collectibles/")
   const pickedMessages = pick(allMessages, requiredNamespaces)
 
+  const commitHistoryCache: CommitHistory = {}
+  const { contributors } = await getAppPageContributorInfo(
+    "collectibles",
+    locale as Lang,
+    commitHistoryCache
+  )
+
   return (
     <>
-      <CollectiblesJsonLD locale={locale} badges={badges} stats={stats} />
+      <CollectiblesJsonLD
+        locale={locale}
+        badges={badges}
+        stats={stats}
+        contributors={contributors}
+      />
       <I18nProvider locale={locale} messages={pickedMessages}>
         <MainArticle className="space-y-12 pb-24 md:space-y-20">
           <HubHero
diff --git a/app/[locale]/community/page-jsonld.tsx b/app/[locale]/community/page-jsonld.tsx
index b902a62c1d9..de22e550d68 100644
--- a/app/[locale]/community/page-jsonld.tsx
+++ b/app/[locale]/community/page-jsonld.tsx
@@ -1,14 +1,28 @@
 import { getTranslations } from "next-intl/server"
 
+import { FileContributor } from "@/lib/types"
+
 import PageJsonLD from "@/components/PageJsonLD"
 
 import { normalizeUrlForJsonLd } from "@/lib/utils/url"
 
-export default async function CommunityJsonLD({ locale }: { locale: string }) {
+export default async function CommunityJsonLD({
+  locale,
+  contributors,
+}: {
+  locale: string
+  contributors: FileContributor[]
+}) {
   const t = await getTranslations({ namespace: "page-community" })
 
   const url = normalizeUrlForJsonLd(locale, `/community/`)
 
+  const contributorList = contributors.map((contributor) => ({
+    "@type": "Person",
+    name: contributor.login,
+    url: contributor.html_url,
+  }))
+
   // JSON-LD structured data for the community page
   const webPageJsonLd = {
     "@context": "https://schema.org",
@@ -18,6 +32,7 @@ export default async function CommunityJsonLD({ locale }: { locale: string }) {
     description: t("page-community-meta-description"),
     url: url,
     inLanguage: locale,
+    contributor: contributorList,
     author: [
       {
         "@type": "Organization",
diff --git a/app/[locale]/community/page.tsx b/app/[locale]/community/page.tsx
index 7f94700f8ef..ec140104039 100644
--- a/app/[locale]/community/page.tsx
+++ b/app/[locale]/community/page.tsx
@@ -5,10 +5,11 @@ import {
   setRequestLocale,
 } from "next-intl/server"
 
-import { Lang } from "@/lib/types"
+import { CommitHistory, Lang } from "@/lib/types"
 
 import I18nProvider from "@/components/I18nProvider"
 
+import { getAppPageContributorInfo } from "@/lib/utils/contributors"
 import { getMetadata } from "@/lib/utils/metadata"
 import { getRequiredNamespacesForPage } from "@/lib/utils/translations"
 
@@ -29,9 +30,16 @@ export default async function Page({
   const requiredNamespaces = getRequiredNamespacesForPage("/community")
   const pickedMessages = pick(allMessages, requiredNamespaces)
 
+  const commitHistoryCache: CommitHistory = {}
+  const { contributors } = await getAppPageContributorInfo(
+    "community",
+    locale as Lang,
+    commitHistoryCache
+  )
+
   return (
     <>
-      <CommunityJsonLD locale={locale} />
+      <CommunityJsonLD locale={locale} contributors={contributors} />
       <I18nProvider locale={locale} messages={pickedMessages}>
         <CommunityPage />
       </I18nProvider>
diff --git a/app/[locale]/contributing/translation-program/acknowledgements/page-jsonld.tsx b/app/[locale]/contributing/translation-program/acknowledgements/page-jsonld.tsx
index c50e0221f6b..20252e31780 100644
--- a/app/[locale]/contributing/translation-program/acknowledgements/page-jsonld.tsx
+++ b/app/[locale]/contributing/translation-program/acknowledgements/page-jsonld.tsx
@@ -1,13 +1,17 @@
 import { getTranslations } from "next-intl/server"
 
+import { FileContributor } from "@/lib/types"
+
 import PageJsonLD from "@/components/PageJsonLD"
 
 import { normalizeUrlForJsonLd } from "@/lib/utils/url"
 
 export default async function AcknowledgementsJsonLD({
   locale,
+  contributors,
 }: {
   locale: string
+  contributors: FileContributor[]
 }) {
   const t = await getTranslations({
     namespace: "page-contributing-translation-program-acknowledgements",
@@ -18,6 +22,12 @@ export default async function AcknowledgementsJsonLD({
     `/contributing/translation-program/acknowledgements/`
   )
 
+  const contributorList = contributors.map((contributor) => ({
+    "@type": "Person",
+    name: contributor.login,
+    url: contributor.html_url,
+  }))
+
   // JSON-LD structured data for the translation acknowledgements page
   const webPageJsonLd = {
     "@context": "https://schema.org",
@@ -31,6 +41,7 @@ export default async function AcknowledgementsJsonLD({
     ),
     url: url,
     inLanguage: locale,
+    contributor: contributorList,
     author: [
       {
         "@type": "Organization",
diff --git a/app/[locale]/contributing/translation-program/acknowledgements/page.tsx b/app/[locale]/contributing/translation-program/acknowledgements/page.tsx
index 7490b407ce8..b174b61c43c 100644
--- a/app/[locale]/contributing/translation-program/acknowledgements/page.tsx
+++ b/app/[locale]/contributing/translation-program/acknowledgements/page.tsx
@@ -5,10 +5,11 @@ import {
   setRequestLocale,
 } from "next-intl/server"
 
-import { Lang } from "@/lib/types"
+import { CommitHistory, Lang } from "@/lib/types"
 
 import I18nProvider from "@/components/I18nProvider"
 
+import { getAppPageContributorInfo } from "@/lib/utils/contributors"
 import { getMetadata } from "@/lib/utils/metadata"
 import { getRequiredNamespacesForPage } from "@/lib/utils/translations"
 
@@ -27,9 +28,16 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
   )
   const messages = pick(allMessages, requiredNamespaces)
 
+  const commitHistoryCache: CommitHistory = {}
+  const { contributors } = await getAppPageContributorInfo(
+    "contributing/translation-program/acknowledgements",
+    locale as Lang,
+    commitHistoryCache
+  )
+
   return (
     <>
-      <AcknowledgementsJsonLD locale={locale} />
+      <AcknowledgementsJsonLD locale={locale} contributors={contributors} />
       <I18nProvider locale={locale} messages={messages}>
         <Acknowledgements />
       </I18nProvider>
diff --git a/app/[locale]/contributing/translation-program/contributors/page-jsonld.tsx b/app/[locale]/contributing/translation-program/contributors/page-jsonld.tsx
index 152e1409ed8..efedc205907 100644
--- a/app/[locale]/contributing/translation-program/contributors/page-jsonld.tsx
+++ b/app/[locale]/contributing/translation-program/contributors/page-jsonld.tsx
@@ -1,18 +1,28 @@
 import { getTranslations } from "next-intl/server"
 
+import { FileContributor } from "@/lib/types"
+
 import PageJsonLD from "@/components/PageJsonLD"
 
 import { normalizeUrlForJsonLd } from "@/lib/utils/url"
 
 export default async function ContributorsJsonLD({
   locale,
+  contributors,
 }: {
+  contributors: FileContributor[]
   locale: string
 }) {
   const t = await getTranslations({
     namespace: "page-contributing-translation-program-contributors",
   })
 
+  const contributorList = contributors.map((contributor) => ({
+    "@type": "Person",
+    name: contributor.login,
+    url: contributor.html_url,
+  }))
+
   const url = normalizeUrlForJsonLd(
     locale,
     `/contributing/translation-program/contributors/`
@@ -29,6 +39,7 @@ export default async function ContributorsJsonLD({
     ),
     url: url,
     inLanguage: locale,
+    contributor: contributorList,
     author: [
       {
         "@type": "Organization",
diff --git a/app/[locale]/contributing/translation-program/contributors/page.tsx b/app/[locale]/contributing/translation-program/contributors/page.tsx
index 3ecf2e12f52..30e5fd90dbd 100644
--- a/app/[locale]/contributing/translation-program/contributors/page.tsx
+++ b/app/[locale]/contributing/translation-program/contributors/page.tsx
@@ -5,10 +5,11 @@ import {
   setRequestLocale,
 } from "next-intl/server"
 
-import { Lang } from "@/lib/types"
+import { CommitHistory, Lang } from "@/lib/types"
 
 import I18nProvider from "@/components/I18nProvider"
 
+import { getAppPageContributorInfo } from "@/lib/utils/contributors"
 import { getMetadata } from "@/lib/utils/metadata"
 import { getRequiredNamespacesForPage } from "@/lib/utils/translations"
 
@@ -20,6 +21,13 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
 
   setRequestLocale(locale)
 
+  const commitHistoryCache: CommitHistory = {}
+  const { contributors } = await getAppPageContributorInfo(
+    "contributing/translation-program/contributors",
+    locale as Lang,
+    commitHistoryCache
+  )
+
   // Get i18n messages
   const allMessages = await getMessages({ locale })
   const requiredNamespaces = getRequiredNamespacesForPage(
@@ -29,7 +37,7 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
 
   return (
     <>
-      <ContributorsJsonLD locale={locale} />
+      <ContributorsJsonLD locale={locale} contributors={contributors} />
       <I18nProvider locale={locale} messages={messages}>
         <Contributors />
       </I18nProvider>
diff --git a/app/[locale]/contributing/translation-program/translatathon/leaderboard/page-jsonld.tsx b/app/[locale]/contributing/translation-program/translatathon/leaderboard/page-jsonld.tsx
index fe3eaf3d845..9870b43a0ca 100644
--- a/app/[locale]/contributing/translation-program/translatathon/leaderboard/page-jsonld.tsx
+++ b/app/[locale]/contributing/translation-program/translatathon/leaderboard/page-jsonld.tsx
@@ -1,10 +1,14 @@
+import { FileContributor } from "@/lib/types"
+
 import PageJsonLD from "@/components/PageJsonLD"
 
 import { normalizeUrlForJsonLd } from "@/lib/utils/url"
 
 export default async function TranslatathonLeaderboardJsonLD({
   locale,
+  contributors,
 }: {
+  contributors: FileContributor[]
   locale: string
 }) {
   const url = normalizeUrlForJsonLd(
@@ -12,6 +16,12 @@ export default async function TranslatathonLeaderboardJsonLD({
     `/contributing/translation-program/translatathon/leaderboard/`
   )
 
+  const contributorList = contributors.map((contributor) => ({
+    "@type": "Person",
+    name: contributor.login,
+    url: contributor.html_url,
+  }))
+
   // JSON-LD structured data for the translatathon leaderboard page
   const webPageJsonLd = {
     "@context": "https://schema.org",
@@ -22,6 +32,7 @@ export default async function TranslatathonLeaderboardJsonLD({
       "Leaderboard for the 2025 Ethereum.org Translatathon showing translation progress and participant rankings",
     url: url,
     inLanguage: locale,
+    contributor: contributorList,
     author: [
       {
         "@type": "Organization",
diff --git a/app/[locale]/contributing/translation-program/translatathon/leaderboard/page.tsx b/app/[locale]/contributing/translation-program/translatathon/leaderboard/page.tsx
index 089b3aa16d3..9087c2d1c7f 100644
--- a/app/[locale]/contributing/translation-program/translatathon/leaderboard/page.tsx
+++ b/app/[locale]/contributing/translation-program/translatathon/leaderboard/page.tsx
@@ -1,5 +1,7 @@
 import { setRequestLocale } from "next-intl/server"
 
+import { CommitHistory, Lang } from "@/lib/types"
+
 import { List as ButtonDropdownList } from "@/components/ButtonDropdown"
 import ContentHero, { ContentHeroProps } from "@/components/Hero/ContentHero"
 import MainArticle from "@/components/MainArticle"
@@ -8,6 +10,7 @@ import { ApplyNow } from "@/components/Translatathon/ApplyNow"
 import { APPLICATION_END_DATE } from "@/components/Translatathon/constants"
 import PaperformCallToAction from "@/components/Translatathon/PaperformCallToAction"
 
+import { getAppPageContributorInfo } from "@/lib/utils/contributors"
 import { dataLoader } from "@/lib/utils/data/dataLoader"
 import { isDateReached } from "@/lib/utils/date"
 import { getMetadata } from "@/lib/utils/metadata"
@@ -113,9 +116,19 @@ const Page = async ({ params }: { params: Promise<{ locale: string }> }) => {
     })
   }
 
+  const commitHistoryCache: CommitHistory = {}
+  const { contributors } = await getAppPageContributorInfo(
+    "contributing/translation-program/translatathon/leaderboard",
+    locale as Lang,
+    commitHistoryCache
+  )
+
   return (
     <>
-      <TranslatathonLeaderboardJsonLD locale={locale} />
+      <TranslatathonLeaderboardJsonLD
+        locale={locale}
+        contributors={contributors}
+      />
       <div className="relative mt-4">
         <ContentHero {...heroProps} />
       </div>
diff --git a/app/[locale]/developers/learning-tools/page-jsonld.tsx b/app/[locale]/developers/learning-tools/page-jsonld.tsx
index 323012ca729..5afff6ca9cf 100644
--- a/app/[locale]/developers/learning-tools/page-jsonld.tsx
+++ b/app/[locale]/developers/learning-tools/page-jsonld.tsx
@@ -1,13 +1,17 @@
 import { getTranslations } from "next-intl/server"
 
+import { FileContributor } from "@/lib/types"
+
 import PageJsonLD from "@/components/PageJsonLD"
 
 import { normalizeUrlForJsonLd } from "@/lib/utils/url"
 
 export default async function LearningToolsJsonLD({
   locale,
+  contributors,
 }: {
   locale: string
+  contributors: FileContributor[]
 }) {
   const t = await getTranslations({
     namespace: "page-developers-learning-tools",
@@ -15,6 +19,12 @@ export default async function LearningToolsJsonLD({
 
   const url = normalizeUrlForJsonLd(locale, `/developers/learning-tools/`)
 
+  const contributorList = contributors.map((contributor) => ({
+    "@type": "Person",
+    name: contributor.login,
+    url: contributor.html_url,
+  }))
+
   // JSON-LD structured data for the developers learning tools page
   const webPageJsonLd = {
     "@context": "https://schema.org",
@@ -24,6 +34,7 @@ export default async function LearningToolsJsonLD({
     description: t("page-learning-tools-meta-desc"),
     url: url,
     inLanguage: locale,
+    contributor: contributorList,
     author: [
       {
         "@type": "Organization",
diff --git a/app/[locale]/developers/learning-tools/page.tsx b/app/[locale]/developers/learning-tools/page.tsx
index 5799e5e9b35..13bfaf0ee03 100644
--- a/app/[locale]/developers/learning-tools/page.tsx
+++ b/app/[locale]/developers/learning-tools/page.tsx
@@ -5,10 +5,11 @@ import {
   setRequestLocale,
 } from "next-intl/server"
 
-import { Lang } from "@/lib/types"
+import { CommitHistory, Lang } from "@/lib/types"
 
 import I18nProvider from "@/components/I18nProvider"
 
+import { getAppPageContributorInfo } from "@/lib/utils/contributors"
 import { getMetadata } from "@/lib/utils/metadata"
 import { getRequiredNamespacesForPage } from "@/lib/utils/translations"
 
@@ -27,9 +28,16 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
   )
   const messages = pick(allMessages, requiredNamespaces)
 
+  const commitHistoryCache: CommitHistory = {}
+  const { contributors } = await getAppPageContributorInfo(
+    "developers/learning-tools",
+    locale as Lang,
+    commitHistoryCache
+  )
+
   return (
     <>
-      <LearningToolsJsonLD locale={locale} />
+      <LearningToolsJsonLD locale={locale} contributors={contributors} />
 
       <I18nProvider locale={locale} messages={messages}>
         <LearningTools />
diff --git a/app/[locale]/developers/local-environment/page-jsonld.tsx b/app/[locale]/developers/local-environment/page-jsonld.tsx
index 4708c835bf4..ef98a6ddd37 100644
--- a/app/[locale]/developers/local-environment/page-jsonld.tsx
+++ b/app/[locale]/developers/local-environment/page-jsonld.tsx
@@ -1,5 +1,6 @@
 import { getTranslations } from "next-intl/server"
 
+import { FileContributor } from "@/lib/types"
 import { Framework } from "@/lib/interfaces"
 
 import PageJsonLD from "@/components/PageJsonLD"
@@ -9,9 +10,11 @@ import { normalizeUrlForJsonLd } from "@/lib/utils/url"
 export default async function LocalEnvironmentJsonLD({
   locale,
   frameworksListData,
+  contributors,
 }: {
   locale: string
   frameworksListData: Framework[]
+  contributors: FileContributor[]
 }) {
   const t = await getTranslations({
     namespace: "page-developers-local-environment",
@@ -19,6 +22,12 @@ export default async function LocalEnvironmentJsonLD({
 
   const url = normalizeUrlForJsonLd(locale, `/developers/local-environment/`)
 
+  const contributorList = contributors.map((contributor) => ({
+    "@type": "Person",
+    name: contributor.login,
+    url: contributor.html_url,
+  }))
+
   // JSON-LD structured data for the developers local environment page
   const webPageJsonLd = {
     "@context": "https://schema.org",
@@ -28,6 +37,7 @@ export default async function LocalEnvironmentJsonLD({
     description: t("page-local-environment-setup-meta-desc"),
     url: url,
     inLanguage: locale,
+    contributor: contributorList,
     author: [
       {
         "@type": "Organization",
diff --git a/app/[locale]/developers/local-environment/page.tsx b/app/[locale]/developers/local-environment/page.tsx
index 6cad5dbd7cb..46e129f0ccd 100644
--- a/app/[locale]/developers/local-environment/page.tsx
+++ b/app/[locale]/developers/local-environment/page.tsx
@@ -5,10 +5,11 @@ import {
   setRequestLocale,
 } from "next-intl/server"
 
-import { Lang } from "@/lib/types"
+import { CommitHistory, Lang } from "@/lib/types"
 
 import I18nProvider from "@/components/I18nProvider"
 
+import { getAppPageContributorInfo } from "@/lib/utils/contributors"
 import { dataLoader } from "@/lib/utils/data/dataLoader"
 import { getMetadata } from "@/lib/utils/metadata"
 import { getRequiredNamespacesForPage } from "@/lib/utils/translations"
@@ -36,11 +37,19 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
   )
   const messages = pick(allMessages, requiredNamespaces)
 
+  const commitHistoryCache: CommitHistory = {}
+  const { contributors } = await getAppPageContributorInfo(
+    "developers/local-environment",
+    locale as Lang,
+    commitHistoryCache
+  )
+
   return (
     <>
       <LocalEnvironmentJsonLD
         locale={locale}
         frameworksListData={frameworksListData}
+        contributors={contributors}
       />
 
       <I18nProvider locale={locale} messages={messages}>
diff --git a/app/[locale]/developers/page-jsonld.tsx b/app/[locale]/developers/page-jsonld.tsx
index 290ca4bbdc5..eb5830966b0 100644
--- a/app/[locale]/developers/page-jsonld.tsx
+++ b/app/[locale]/developers/page-jsonld.tsx
@@ -1,6 +1,6 @@
 import { getTranslations } from "next-intl/server"
 
-import { CommunityConference } from "@/lib/types"
+import { CommunityConference, FileContributor } from "@/lib/types"
 
 import PageJsonLD from "@/components/PageJsonLD"
 
@@ -13,16 +13,24 @@ export default async function DevelopersPageJsonLD({
   paths,
   courses,
   hackathons,
+  contributors,
 }: {
   locale: string
   paths: DevelopersPath[]
   courses: VideoCourse[]
   hackathons: CommunityConference[]
+  contributors: FileContributor[]
 }) {
   const t = await getTranslations({ namespace: "page-developers-index" })
 
   const url = normalizeUrlForJsonLd(locale, `/developers/`)
 
+  const contributorList = contributors.map((contributor) => ({
+    "@type": "Person",
+    name: contributor.login,
+    url: contributor.html_url,
+  }))
+
   // JSON-LD structured data for the developers page
   const webPageJsonLd = {
     "@context": "https://schema.org",
@@ -32,6 +40,7 @@ export default async function DevelopersPageJsonLD({
     description: t("page-developers-meta-desc"),
     url: url,
     inLanguage: locale,
+    contributor: contributorList,
     author: [
       {
         "@type": "Organization",
diff --git a/app/[locale]/developers/page.tsx b/app/[locale]/developers/page.tsx
index 46e1cf55606..4a57aa2ad5d 100644
--- a/app/[locale]/developers/page.tsx
+++ b/app/[locale]/developers/page.tsx
@@ -1,6 +1,6 @@
 import { getTranslations } from "next-intl/server"
 
-import type { Lang } from "@/lib/types"
+import type { CommitHistory, Lang } from "@/lib/types"
 import { ChildOnlyProp } from "@/lib/types"
 
 import BigNumber from "@/components/BigNumber"
@@ -18,6 +18,7 @@ import InlineLink from "@/components/ui/Link"
 import { Section } from "@/components/ui/section"
 
 import { cn } from "@/lib/utils/cn"
+import { getAppPageContributorInfo } from "@/lib/utils/contributors"
 import { getMetadata } from "@/lib/utils/metadata"
 import { screens } from "@/lib/utils/screen"
 
@@ -134,6 +135,13 @@ const DevelopersPage = async ({
 
   const hackathons = (await getHackathons()).slice(0, 5)
 
+  const commitHistoryCache: CommitHistory = {}
+  const { contributors } = await getAppPageContributorInfo(
+    "developers",
+    locale as Lang,
+    commitHistoryCache
+  )
+
   return (
     <>
       <DevelopersPageJsonLD
@@ -141,6 +149,7 @@ const DevelopersPage = async ({
         paths={paths}
         courses={courses}
         hackathons={hackathons}
+        contributors={contributors}
       />
       <VStack className="mx-auto my-0 w-full">
         <HubHero
diff --git a/app/[locale]/developers/tutorials/page-jsonld.tsx b/app/[locale]/developers/tutorials/page-jsonld.tsx
index b60334a71fb..82adbb6d75a 100644
--- a/app/[locale]/developers/tutorials/page-jsonld.tsx
+++ b/app/[locale]/developers/tutorials/page-jsonld.tsx
@@ -1,6 +1,6 @@
 import { getTranslations } from "next-intl/server"
 
-import { ITutorial } from "@/lib/types"
+import { FileContributor, ITutorial } from "@/lib/types"
 
 import PageJsonLD from "@/components/PageJsonLD"
 
@@ -9,14 +9,22 @@ import { normalizeUrlForJsonLd } from "@/lib/utils/url"
 export default async function TutorialsPageJsonLD({
   locale,
   internalTutorials,
+  contributors,
 }: {
   locale: string
   internalTutorials: ITutorial[]
+  contributors: FileContributor[]
 }) {
   const t = await getTranslations({ namespace: "page-developers-tutorials" })
 
   const url = normalizeUrlForJsonLd(locale, `/developers/tutorials/`)
 
+  const contributorList = contributors.map((contributor) => ({
+    "@type": "Person",
+    name: contributor.login,
+    url: contributor.html_url,
+  }))
+
   // JSON-LD structured data for the developers tutorials page
   const webPageJsonLd = {
     "@context": "https://schema.org",
@@ -26,6 +34,7 @@ export default async function TutorialsPageJsonLD({
     description: t("page-tutorials-meta-description"),
     url: url,
     inLanguage: locale,
+    contributor: contributorList,
     author: [
       {
         "@type": "Organization",
diff --git a/app/[locale]/developers/tutorials/page.tsx b/app/[locale]/developers/tutorials/page.tsx
index 541b6acbc67..5d4a047a39a 100644
--- a/app/[locale]/developers/tutorials/page.tsx
+++ b/app/[locale]/developers/tutorials/page.tsx
@@ -6,13 +6,14 @@ import {
   setRequestLocale,
 } from "next-intl/server"
 
-import { Lang } from "@/lib/types"
+import { CommitHistory, Lang } from "@/lib/types"
 
 import FeedbackCard from "@/components/FeedbackCard"
 import I18nProvider from "@/components/I18nProvider"
 import MainArticle from "@/components/MainArticle"
 import { Skeleton, SkeletonCardContent } from "@/components/ui/skeleton"
 
+import { getAppPageContributorInfo } from "@/lib/utils/contributors"
 import { existsNamespace } from "@/lib/utils/existsNamespace"
 import { getTutorialsData } from "@/lib/utils/md"
 import { getMetadata } from "@/lib/utils/metadata"
@@ -67,11 +68,19 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
 
   const internalTutorials = await getTutorialsData(locale)
 
+  const commitHistoryCache: CommitHistory = {}
+  const { contributors } = await getAppPageContributorInfo(
+    "developers/tutorials",
+    locale as Lang,
+    commitHistoryCache
+  )
+
   return (
     <>
       <TutorialsPageJsonLD
         locale={locale}
         internalTutorials={internalTutorials}
+        contributors={contributors}
       />
       <I18nProvider locale={locale} messages={messages}>
         <MainArticle
diff --git a/app/[locale]/enterprise/page-jsonld.tsx b/app/[locale]/enterprise/page-jsonld.tsx
index 3a189c271db..91d69410a0d 100644
--- a/app/[locale]/enterprise/page-jsonld.tsx
+++ b/app/[locale]/enterprise/page-jsonld.tsx
@@ -1,13 +1,17 @@
 import { getTranslations } from "next-intl/server"
 
+import { FileContributor } from "@/lib/types"
+
 import PageJsonLD from "@/components/PageJsonLD"
 
 import { normalizeUrlForJsonLd } from "@/lib/utils/url"
 
 export default async function EnterprisePageJsonLD({
   locale,
+  contributors,
 }: {
   locale: string
+  contributors: FileContributor[]
 }) {
   const t = await getTranslations({
     namespace: "page-enterprise",
@@ -15,6 +19,12 @@ export default async function EnterprisePageJsonLD({
 
   const url = normalizeUrlForJsonLd(locale, `/enterprise/`)
 
+  const contributorList = contributors.map((contributor) => ({
+    "@type": "Person",
+    name: contributor.login,
+    url: contributor.html_url,
+  }))
+
   // JSON-LD structured data for the enterprise page
   const webPageJsonLd = {
     "@context": "https://schema.org",
@@ -24,6 +34,7 @@ export default async function EnterprisePageJsonLD({
     description: t("page-enterprise-metadata-description"),
     url: url,
     inLanguage: locale,
+    contributor: contributorList,
     author: [
       {
         "@type": "Organization",
diff --git a/app/[locale]/enterprise/page.tsx b/app/[locale]/enterprise/page.tsx
index f95dea342ac..fb02dac1a25 100644
--- a/app/[locale]/enterprise/page.tsx
+++ b/app/[locale]/enterprise/page.tsx
@@ -2,7 +2,7 @@ import { Check } from "lucide-react"
 import dynamic from "next/dynamic"
 import { getTranslations } from "next-intl/server"
 
-import type { Lang, StatsBoxMetric } from "@/lib/types"
+import type { CommitHistory, Lang, StatsBoxMetric } from "@/lib/types"
 
 import ActivityStats from "@/components/ActivityStats"
 import { HubHero } from "@/components/Hero"
@@ -43,6 +43,7 @@ import Link from "@/components/ui/Link"
 import { Skeleton, SkeletonLines } from "@/components/ui/skeleton"
 
 import { cn } from "@/lib/utils/cn"
+import { getAppPageContributorInfo } from "@/lib/utils/contributors"
 import { dataLoader } from "@/lib/utils/data/dataLoader"
 import { getMetadata } from "@/lib/utils/metadata"
 
@@ -291,9 +292,16 @@ const Page = async ({ params }: { params: { locale: Lang } }) => {
     { name: "World Food Programme", Logo: WFP },
   ]
 
+  const commitHistoryCache: CommitHistory = {}
+  const { contributors } = await getAppPageContributorInfo(
+    "enterprise",
+    locale as Lang,
+    commitHistoryCache
+  )
+
   return (
     <>
-      <EnterprisePageJsonLD locale={locale} />
+      <EnterprisePageJsonLD locale={locale} contributors={contributors} />
       <div className="mb-12 space-y-12 md:mb-20 md:space-y-20">
         <HubHero
           header={t("page-enterprise-hero-title")}
diff --git a/app/[locale]/eth/page-jsonld.tsx b/app/[locale]/eth/page-jsonld.tsx
index c5883391d8e..97874d24bb3 100644
--- a/app/[locale]/eth/page-jsonld.tsx
+++ b/app/[locale]/eth/page-jsonld.tsx
@@ -1,6 +1,6 @@
 import { getTranslations } from "next-intl/server"
 
-import { Lang } from "@/lib/types"
+import { FileContributor, Lang } from "@/lib/types"
 
 import PageJsonLD from "@/components/PageJsonLD"
 
@@ -9,9 +9,11 @@ import { normalizeUrlForJsonLd } from "@/lib/utils/url"
 export default async function EthPageJsonLD({
   locale,
   lastEditLocaleTimestamp,
+  contributors,
 }: {
   locale: Lang | undefined
   lastEditLocaleTimestamp: string
+  contributors: FileContributor[]
 }) {
   const t = await getTranslations({
     namespace: "page-eth",
@@ -19,6 +21,12 @@ export default async function EthPageJsonLD({
 
   const url = normalizeUrlForJsonLd(locale, `/eth/`)
 
+  const contributorList = contributors.map((contributor) => ({
+    "@type": "Person",
+    name: contributor.login,
+    url: contributor.html_url,
+  }))
+
   // JSON-LD structured data for the Ether/ETH page
   const webPageJsonLd = {
     "@context": "https://schema.org",
@@ -28,6 +36,7 @@ export default async function EthPageJsonLD({
     description: t("page-eth-is-money"),
     url: url,
     inLanguage: locale,
+    contributor: contributorList,
     author: [
       {
         "@type": "Organization",
@@ -79,6 +88,7 @@ export default async function EthPageJsonLD({
     headline: t("page-eth-whats-eth"),
     description: t("page-eth-is-money"),
     image: "https://ethereum.org/images/eth.png",
+    contributor: contributorList,
     author: [
       {
         "@type": "Organization",
diff --git a/app/[locale]/eth/page.tsx b/app/[locale]/eth/page.tsx
index b0fcc04d1d5..13aba01b9aa 100644
--- a/app/[locale]/eth/page.tsx
+++ b/app/[locale]/eth/page.tsx
@@ -39,6 +39,7 @@ export default async function Page({
       <EthPageJsonLD
         locale={locale}
         lastEditLocaleTimestamp={lastEditLocaleTimestamp}
+        contributors={contributors}
       />
 
       <I18nProvider locale={locale} messages={pickedMessages}>
diff --git a/app/[locale]/founders/page-jsonld.tsx b/app/[locale]/founders/page-jsonld.tsx
index d6949c9eac6..7d9f436b491 100644
--- a/app/[locale]/founders/page-jsonld.tsx
+++ b/app/[locale]/founders/page-jsonld.tsx
@@ -1,13 +1,17 @@
 import { getTranslations } from "next-intl/server"
 
+import { FileContributor } from "@/lib/types"
+
 import PageJsonLD from "@/components/PageJsonLD"
 
 import { normalizeUrlForJsonLd } from "@/lib/utils/url"
 
 export default async function FoundersPageJsonLD({
   locale,
+  contributors,
 }: {
   locale: string
+  contributors: FileContributor[]
 }) {
   const t = await getTranslations({
     namespace: "page-founders",
@@ -15,6 +19,12 @@ export default async function FoundersPageJsonLD({
 
   const url = normalizeUrlForJsonLd(locale, `/founders/`)
 
+  const contributorList = contributors.map((contributor) => ({
+    "@type": "Person",
+    name: contributor.login,
+    url: contributor.html_url,
+  }))
+
   // JSON-LD structured data for the founders page
   const webPageJsonLd = {
     "@context": "https://schema.org",
@@ -24,6 +34,7 @@ export default async function FoundersPageJsonLD({
     description: t("page-founders-metadata-description"),
     url: url,
     inLanguage: locale,
+    contributor: contributorList,
     author: [
       {
         "@type": "Organization",
diff --git a/app/[locale]/founders/page.tsx b/app/[locale]/founders/page.tsx
index 6a04770f11f..a14f6c26418 100644
--- a/app/[locale]/founders/page.tsx
+++ b/app/[locale]/founders/page.tsx
@@ -2,7 +2,7 @@ import React from "react"
 import { Banknote, ChartNoAxesCombined, Handshake } from "lucide-react"
 import { getTranslations } from "next-intl/server"
 
-import type { Lang, SectionNavDetails } from "@/lib/types"
+import type { CommitHistory, Lang, SectionNavDetails } from "@/lib/types"
 
 import ContentHero from "@/components/Hero/ContentHero"
 import { CheckCircle } from "@/components/icons/CheckCircle"
@@ -14,6 +14,7 @@ import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
 import { Tag } from "@/components/ui/tag"
 
 import { cn } from "@/lib/utils/cn"
+import { getAppPageContributorInfo } from "@/lib/utils/contributors"
 import { getMetadata } from "@/lib/utils/metadata"
 
 import Alliance from "./logos/alliance.svg"
@@ -376,9 +377,16 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
     },
   ]
 
+  const commitHistoryCache: CommitHistory = {}
+  const { contributors } = await getAppPageContributorInfo(
+    "founders",
+    locale as Lang,
+    commitHistoryCache
+  )
+
   return (
     <>
-      <FoundersPageJsonLD locale={locale} />
+      <FoundersPageJsonLD locale={locale} contributors={contributors} />
 
       <div>
         <ContentHero
diff --git a/app/[locale]/gas/_components/gas.tsx b/app/[locale]/gas/_components/gas.tsx
index 5d1541ccd7d..361bae0b15c 100644
--- a/app/[locale]/gas/_components/gas.tsx
+++ b/app/[locale]/gas/_components/gas.tsx
@@ -36,8 +36,6 @@ import { Tag } from "@/components/ui/tag"
 
 import { cn } from "@/lib/utils/cn"
 
-import GasPageJsonLD from "./page-jsonld"
-
 import { useTranslation } from "@/hooks/useTranslation"
 // Static assets
 import dogeComputerImg from "@/public/images/doge-computer.png"
@@ -86,7 +84,6 @@ const H3 = ({
 const GasPage = ({
   contributors,
   lastEditLocaleTimestamp,
-  locale,
 }: PageWithContributorsProps) => {
   const { t } = useTranslation("page-gas")
 
@@ -126,300 +123,286 @@ const GasPage = ({
   }
 
   return (
-    <>
-      <GasPageJsonLD
-        locale={locale}
-        lastEditLocaleTimestamp={lastEditLocaleTimestamp}
-      />
-
-      <Page>
-        <div className="w-full bg-gradient-to-r from-accent-a/10 to-accent-c/10 dark:from-accent-a/20 dark:to-accent-c-hover/20">
-          <div className="pb-8">
-            <PageHero
-              content={{
-                subtitle: (
-                  <>
-                    {t("page-gas-hero-subtitle-1")}
-                    <br />
-                    {t("page-gas-hero-subtitle-2")}
-                  </>
-                ),
-                ...heroContent,
-              }}
-            />
-          </div>
+    <Page>
+      <div className="w-full bg-gradient-to-r from-accent-a/10 to-accent-c/10 dark:from-accent-a/20 dark:to-accent-c-hover/20">
+        <div className="pb-8">
+          <PageHero
+            content={{
+              subtitle: (
+                <>
+                  {t("page-gas-hero-subtitle-1")}
+                  <br />
+                  {t("page-gas-hero-subtitle-2")}
+                </>
+              ),
+              ...heroContent,
+            }}
+          />
         </div>
-        <Content className="mb-16 mt-16 lg:mb-32">
-          <Flex className="w-full flex-col items-center lg:flex-row lg:items-start">
-            <div className="me-auto w-full flex-[60%] lg:me-2">
-              <InfoBanner className="mb-8" title={t("page-gas-summary-title")}>
-                <UnorderedList>
-                  <ListItem>{t("page-gas-summary-item-1")}</ListItem>
-                  <ListItem>{t("page-gas-summary-item-2")}</ListItem>
-                  <ListItem>{t("page-gas-summary-item-3")}</ListItem>
-                </UnorderedList>
-              </InfoBanner>
-              <H2 className="mt-0" id="what-is-gas">
-                {t("page-gas-what-are-gas-fees-header")}
-              </H2>
-              <p className="mb-6">{t("page-gas-what-are-gas-fees-text-1")}</p>
-              <p className="mb-6">
-                <Translation id="page-gas:page-gas-what-are-gas-fees-text-2" />
-              </p>
-            </div>
+      </div>
+      <Content className="mb-16 mt-16 lg:mb-32">
+        <Flex className="w-full flex-col items-center lg:flex-row lg:items-start">
+          <div className="me-auto w-full flex-[60%] lg:me-2">
+            <InfoBanner className="mb-8" title={t("page-gas-summary-title")}>
+              <UnorderedList>
+                <ListItem>{t("page-gas-summary-item-1")}</ListItem>
+                <ListItem>{t("page-gas-summary-item-2")}</ListItem>
+                <ListItem>{t("page-gas-summary-item-3")}</ListItem>
+              </UnorderedList>
+            </InfoBanner>
+            <H2 className="mt-0" id="what-is-gas">
+              {t("page-gas-what-are-gas-fees-header")}
+            </H2>
+            <p className="mb-6">{t("page-gas-what-are-gas-fees-text-1")}</p>
+            <p className="mb-6">
+              <Translation id="page-gas:page-gas-what-are-gas-fees-text-2" />
+            </p>
+          </div>
 
-            <div className="hidden max-h-[450px] flex-[50%] justify-center lg:flex">
-              <Image src={walletImg} alt="A robot" className="object-contain" />
-            </div>
-          </Flex>
-        </Content>
-        <Content className="mb-16 lg:mb-32">
-          <Flex className="w-full flex-col items-center justify-center lg:flex-row">
-            <div className="w-full">
+          <div className="hidden max-h-[450px] flex-[50%] justify-center lg:flex">
+            <Image src={walletImg} alt="A robot" className="object-contain" />
+          </div>
+        </Flex>
+      </Content>
+      <Content className="mb-16 lg:mb-32">
+        <Flex className="w-full flex-col items-center justify-center lg:flex-row">
+          <div className="w-full">
+            <H2 className="mt-0">
+              {t("page-gas-how-do-i-pay-less-gas-header")}
+            </H2>
+            <p className="mb-6">{t("page-gas-how-do-i-pay-less-gas-text")}</p>
+            <Flex className="my-4 flex-wrap gap-8 lg:my-0">
+              <StyledCard
+                emoji=":alarm_clock:"
+                title={t("page-gas-how-do-i-pay-less-gas-card-1-title")}
+                description={t(
+                  "page-gas-how-do-i-pay-less-gas-card-1-description"
+                )}
+              ></StyledCard>
+              <StyledCard
+                emoji=":robot:"
+                title={t("page-gas-how-do-i-pay-less-gas-card-2-title")}
+                description={t(
+                  "page-gas-how-do-i-pay-less-gas-card-2-description"
+                )}
+              ></StyledCard>
+              <StyledCard
+                emoji=":rocket:"
+                title={t("page-gas-how-do-i-pay-less-gas-card-3-title")}
+                description={t(
+                  "page-gas-how-do-i-pay-less-gas-card-3-description"
+                )}
+              >
+                <ButtonLink className="w-fit" href="/layer-2/">
+                  {t("page-gas-try-layer-2")}
+                </ButtonLink>
+              </StyledCard>
+            </Flex>
+          </div>
+        </Flex>
+      </Content>
+      <Content className="mb-16 lg:mb-32">
+        <Flex className="w-full flex-col items-start lg:flex-row">
+          <div className="me-auto ms-auto w-full flex-[60%] lg:me-16 lg:ms-0">
+            <H3 className="mt-0">
+              {t("page-gas-what-causes-high-gas-fees-header")}
+            </H3>
+            <p className="mb-6">
+              {t("page-gas-what-causes-high-gas-fees-text-1")}
+            </p>
+            <p className="mb-6">
+              <Translation id="page-gas:page-gas-what-causes-high-gas-fees-text-2" />
+            </p>
+            <p className="mb-6">
+              {t("page-gas-what-causes-high-gas-fees-text-3")}
+            </p>
+            <p className="mb-6">
+              {t("page-gas-want-to-dive-deeper")}{" "}
+              <InlineLink href="/developers/docs/gas/">
+                {t("page-gas-check-out-the-developer-docs")}
+              </InlineLink>
+            </p>
+          </div>
+          <GhostCard className="mt-16 max-w-[640px] self-center md:w-2/5 lg:mt-2">
+            <Emoji text=":cat:" className="text-5xl" />
+            <H3>{t("page-gas-attack-of-the-cryptokitties-header")}</H3>
+            <p className="mb-6">
+              {t("page-gas-attack-of-the-cryptokitties-text")}
+            </p>
+          </GhostCard>
+        </Flex>
+      </Content>
+      <Content className="mb-16 lg:mb-32">
+        <Flex className="me-0 w-full flex-col items-start lg:me-8 lg:flex-row">
+          <div className="me-auto w-full lg:me-8">
+            <div>
               <H2 className="mt-0">
-                {t("page-gas-how-do-i-pay-less-gas-header")}
+                {t("page-gas-why-do-we-need-gas-header")}
               </H2>
-              <p className="mb-6">{t("page-gas-how-do-i-pay-less-gas-text")}</p>
-              <Flex className="my-4 flex-wrap gap-8 lg:my-0">
-                <StyledCard
-                  emoji=":alarm_clock:"
-                  title={t("page-gas-how-do-i-pay-less-gas-card-1-title")}
-                  description={t(
-                    "page-gas-how-do-i-pay-less-gas-card-1-description"
-                  )}
-                ></StyledCard>
-                <StyledCard
-                  emoji=":robot:"
-                  title={t("page-gas-how-do-i-pay-less-gas-card-2-title")}
-                  description={t(
-                    "page-gas-how-do-i-pay-less-gas-card-2-description"
-                  )}
-                ></StyledCard>
-                <StyledCard
-                  emoji=":rocket:"
-                  title={t("page-gas-how-do-i-pay-less-gas-card-3-title")}
-                  description={t(
-                    "page-gas-how-do-i-pay-less-gas-card-3-description"
-                  )}
-                >
-                  <ButtonLink className="w-fit" href="/layer-2/">
-                    {t("page-gas-try-layer-2")}
-                  </ButtonLink>
-                </StyledCard>
-              </Flex>
+              <p className="mb-6">{t("page-gas-why-do-we-need-gas-text")}</p>
             </div>
-          </Flex>
-        </Content>
-        <Content className="mb-16 lg:mb-32">
-          <Flex className="w-full flex-col items-start lg:flex-row">
-            <div className="me-auto ms-auto w-full flex-[60%] lg:me-16 lg:ms-0">
-              <H3 className="mt-0">
-                {t("page-gas-what-causes-high-gas-fees-header")}
-              </H3>
-              <p className="mb-6">
-                {t("page-gas-what-causes-high-gas-fees-text-1")}
-              </p>
-              <p className="mb-6">
-                <Translation id="page-gas:page-gas-what-causes-high-gas-fees-text-2" />
-              </p>
-              <p className="mb-6">
-                {t("page-gas-what-causes-high-gas-fees-text-3")}
-              </p>
-              <p className="mb-6">
-                {t("page-gas-want-to-dive-deeper")}{" "}
-                <InlineLink href="/developers/docs/gas/">
-                  {t("page-gas-check-out-the-developer-docs")}
-                </InlineLink>
-              </p>
-            </div>
-            <GhostCard className="mt-16 max-w-[640px] self-center md:w-2/5 lg:mt-2">
-              <Emoji text=":cat:" className="text-5xl" />
-              <H3>{t("page-gas-attack-of-the-cryptokitties-header")}</H3>
-              <p className="mb-6">
-                {t("page-gas-attack-of-the-cryptokitties-text")}
-              </p>
-            </GhostCard>
-          </Flex>
-        </Content>
-        <Content className="mb-16 lg:mb-32">
-          <Flex className="me-0 w-full flex-col items-start lg:me-8 lg:flex-row">
-            <div className="me-auto w-full lg:me-8">
-              <div>
-                <H2 className="mt-0">
-                  {t("page-gas-why-do-we-need-gas-header")}
-                </H2>
-                <p className="mb-6">{t("page-gas-why-do-we-need-gas-text")}</p>
+            {benefits.map((benefit, index) => (
+              <div key={index} className="my-2 min-w-full">
+                <HorizontalCard
+                  key={benefit.emoji}
+                  emoji={benefit.emoji}
+                  description={benefit.description}
+                />
               </div>
-              {benefits.map((benefit, index) => (
-                <div key={index} className="my-2 min-w-full">
-                  <HorizontalCard
-                    key={benefit.emoji}
-                    emoji={benefit.emoji}
-                    description={benefit.description}
-                  />
-                </div>
-              ))}
-            </div>
-            <div className="w-full">
-              <Image
-                className="object-contain"
-                src={ethImg}
-                alt=""
-                width={600}
-              />
-            </div>
-          </Flex>
-        </Content>
-        <Content className="mb-16 lg:mb-32">
-          <Flex className="flex-col items-start lg:flex-row">
-            <div className="me-auto w-full lg:me-8">
-              <Flex className="items-start">
-                <H2 className="mt-0">
-                  {t("page-gas-how-is-gas-calculated-header")}
-                </H2>
+            ))}
+          </div>
+          <div className="w-full">
+            <Image className="object-contain" src={ethImg} alt="" width={600} />
+          </div>
+        </Flex>
+      </Content>
+      <Content className="mb-16 lg:mb-32">
+        <Flex className="flex-col items-start lg:flex-row">
+          <div className="me-auto w-full lg:me-8">
+            <Flex className="items-start">
+              <H2 className="mt-0">
+                {t("page-gas-how-is-gas-calculated-header")}
+              </H2>
 
-                <Tag className="ms-4 mt-0.5" status="warning">
-                  {t("page-gas-advanced")}
-                </Tag>
-              </Flex>
-              <p className="mb-6">
-                {t("page-gas-how-is-gas-calculated-text-1")}
-              </p>
-              <UnorderedList className="ms-6 gap-3">
-                <ListItem>
-                  <Translation id="page-gas:page-gas-how-is-gas-calculated-item-1" />
-                </ListItem>
-                <ListItem>
-                  <Translation id="page-gas:page-gas-how-is-gas-calculated-item-2" />
-                </ListItem>
-                <ListItem>
-                  <Translation id="page-gas:page-gas-how-is-gas-calculated-item-3" />
-                  <UnorderedList className="ms-6 list-none gap-3">
-                    <ListItem className="text-sm text-body-medium">
-                      <Translation id="page-gas:page-gas-how-is-gas-calculated-list-item-1" />
-                    </ListItem>
-                  </UnorderedList>
-                </ListItem>
-              </UnorderedList>
-              <p className="mb-6">
-                <Translation id="page-gas:page-gas-how-is-gas-calculated-text-2" />
-              </p>
-            </div>
-            <Table className="min-w-[auto] max-w-full">
-              <TableCaption className="caption-bottom">
-                <Translation id="page-gas:page-gas-table-figure" />
-              </TableCaption>
-              <TableHeader>
-                <TableRow>
-                  <TableHead>{t("page-gas-table-header-1")}</TableHead>
-                  <TableHead>{t("page-gas-table-header-2")}</TableHead>
-                </TableRow>
-              </TableHeader>
-              <TableBody>
-                <TableRow>
-                  <TableCell>
-                    {t("page-gas-table-item-1-transaction-type")}
-                  </TableCell>
-                  <TableCell>21,000</TableCell>
-                </TableRow>
-                <TableRow>
-                  <TableCell>
-                    {t("page-gas-table-item-2-transaction-type")}
-                  </TableCell>
-                  <TableCell>65,000</TableCell>
-                </TableRow>
-                <TableRow>
-                  <TableCell>
-                    {t("page-gas-table-item-3-transaction-type")}
-                  </TableCell>
-                  <TableCell>84,904</TableCell>
-                </TableRow>
-                <TableRow>
-                  <TableCell>
-                    {t("page-gas-table-item-4-transaction-type")}
-                  </TableCell>
-                  <TableCell>184,523</TableCell>
-                </TableRow>
-              </TableBody>
-            </Table>
-          </Flex>
-        </Content>
-        <Content>
-          <H2 className="mt-0">{t("page-gas-faq-header")}</H2>
-          {/* MaxWidth will be enforced by FAQ component once implemented */}
-          <div className="max-w-[832px]">
-            <ExpandableCard title={t("page-gas-faq-question-1-q")}>
-              <p className="mb-6">
-                <Translation id="page-gas:page-gas-faq-question-1-a-1" />
-              </p>
-              <p className="mb-6">
-                <Translation id="page-gas:page-gas-faq-question-1-a-2" />
-              </p>
-            </ExpandableCard>
-            <ExpandableCard title={t("page-gas-faq-question-2-q")}>
-              <p className="mb-6">
-                <Translation id="page-gas:page-gas-faq-question-2-a-1" />
-              </p>
-              <BaseLink href="/eth/">
-                <Translation id="page-gas:page-gas-faq-question-2-a-2" />
-              </BaseLink>
-            </ExpandableCard>
-            <ExpandableCard title={t("page-gas-faq-question-3-q")}>
-              <p className="mb-6">
-                <Translation id="page-gas:page-gas-faq-question-3-a-1" />
-              </p>
-              <p className="mb-6">{t("page-gas-faq-question-3-a-2")}</p>
-            </ExpandableCard>
+              <Tag className="ms-4 mt-0.5" status="warning">
+                {t("page-gas-advanced")}
+              </Tag>
+            </Flex>
+            <p className="mb-6">{t("page-gas-how-is-gas-calculated-text-1")}</p>
+            <UnorderedList className="ms-6 gap-3">
+              <ListItem>
+                <Translation id="page-gas:page-gas-how-is-gas-calculated-item-1" />
+              </ListItem>
+              <ListItem>
+                <Translation id="page-gas:page-gas-how-is-gas-calculated-item-2" />
+              </ListItem>
+              <ListItem>
+                <Translation id="page-gas:page-gas-how-is-gas-calculated-item-3" />
+                <UnorderedList className="ms-6 list-none gap-3">
+                  <ListItem className="text-sm text-body-medium">
+                    <Translation id="page-gas:page-gas-how-is-gas-calculated-list-item-1" />
+                  </ListItem>
+                </UnorderedList>
+              </ListItem>
+            </UnorderedList>
+            <p className="mb-6">
+              <Translation id="page-gas:page-gas-how-is-gas-calculated-text-2" />
+            </p>
           </div>
-        </Content>
-        <Divider />
-        <Content>
-          <Flex className="-mx-4 flex-wrap">
-            <Callout
-              className="min-h-full flex-[1_1_416px]"
-              image={whatIsEthereumImg}
-              titleKey={"page-gas:page-gas-how-do-i-pay-less-gas-card-3-title"}
-              alt=""
-              descriptionKey={
-                "page-gas:page-gas-how-do-i-pay-less-gas-card-3-description"
-              }
-            >
-              <div>
-                <ButtonLink href="/layer-2/">
-                  {t("page-gas-use-layer-2")}
-                </ButtonLink>
-              </div>
-            </Callout>
-            <Callout
-              className="min-h-full flex-[1_1_416px]"
-              image={dogeComputerImg}
-              titleKey={"page-community:page-community-explore-dapps-title"}
-              alt={t("page-community:page-community-explore-dapps-alt")}
-              descriptionKey={
-                "page-community:page-community-explore-dapps-description"
-              }
-            >
-              <div>
-                <ButtonLink href="/apps/">
-                  {t("page-community:page-community-explore-dapps")}
-                </ButtonLink>
-              </div>
-            </Callout>
-          </Flex>
-        </Content>
-        <Content>
-          <StandaloneQuizWidget quizKey="gas" />
-        </Content>
-        <Content>
-          <FileContributors
-            className="my-10 border-t"
-            contributors={contributors}
-            lastEditLocaleTimestamp={lastEditLocaleTimestamp}
-          />
-          <FeedbackCard />
-        </Content>
-      </Page>
-    </>
+          <Table className="min-w-[auto] max-w-full">
+            <TableCaption className="caption-bottom">
+              <Translation id="page-gas:page-gas-table-figure" />
+            </TableCaption>
+            <TableHeader>
+              <TableRow>
+                <TableHead>{t("page-gas-table-header-1")}</TableHead>
+                <TableHead>{t("page-gas-table-header-2")}</TableHead>
+              </TableRow>
+            </TableHeader>
+            <TableBody>
+              <TableRow>
+                <TableCell>
+                  {t("page-gas-table-item-1-transaction-type")}
+                </TableCell>
+                <TableCell>21,000</TableCell>
+              </TableRow>
+              <TableRow>
+                <TableCell>
+                  {t("page-gas-table-item-2-transaction-type")}
+                </TableCell>
+                <TableCell>65,000</TableCell>
+              </TableRow>
+              <TableRow>
+                <TableCell>
+                  {t("page-gas-table-item-3-transaction-type")}
+                </TableCell>
+                <TableCell>84,904</TableCell>
+              </TableRow>
+              <TableRow>
+                <TableCell>
+                  {t("page-gas-table-item-4-transaction-type")}
+                </TableCell>
+                <TableCell>184,523</TableCell>
+              </TableRow>
+            </TableBody>
+          </Table>
+        </Flex>
+      </Content>
+      <Content>
+        <H2 className="mt-0">{t("page-gas-faq-header")}</H2>
+        {/* MaxWidth will be enforced by FAQ component once implemented */}
+        <div className="max-w-[832px]">
+          <ExpandableCard title={t("page-gas-faq-question-1-q")}>
+            <p className="mb-6">
+              <Translation id="page-gas:page-gas-faq-question-1-a-1" />
+            </p>
+            <p className="mb-6">
+              <Translation id="page-gas:page-gas-faq-question-1-a-2" />
+            </p>
+          </ExpandableCard>
+          <ExpandableCard title={t("page-gas-faq-question-2-q")}>
+            <p className="mb-6">
+              <Translation id="page-gas:page-gas-faq-question-2-a-1" />
+            </p>
+            <BaseLink href="/eth/">
+              <Translation id="page-gas:page-gas-faq-question-2-a-2" />
+            </BaseLink>
+          </ExpandableCard>
+          <ExpandableCard title={t("page-gas-faq-question-3-q")}>
+            <p className="mb-6">
+              <Translation id="page-gas:page-gas-faq-question-3-a-1" />
+            </p>
+            <p className="mb-6">{t("page-gas-faq-question-3-a-2")}</p>
+          </ExpandableCard>
+        </div>
+      </Content>
+      <Divider />
+      <Content>
+        <Flex className="-mx-4 flex-wrap">
+          <Callout
+            className="min-h-full flex-[1_1_416px]"
+            image={whatIsEthereumImg}
+            titleKey={"page-gas:page-gas-how-do-i-pay-less-gas-card-3-title"}
+            alt=""
+            descriptionKey={
+              "page-gas:page-gas-how-do-i-pay-less-gas-card-3-description"
+            }
+          >
+            <div>
+              <ButtonLink href="/layer-2/">
+                {t("page-gas-use-layer-2")}
+              </ButtonLink>
+            </div>
+          </Callout>
+          <Callout
+            className="min-h-full flex-[1_1_416px]"
+            image={dogeComputerImg}
+            titleKey={"page-community:page-community-explore-dapps-title"}
+            alt={t("page-community:page-community-explore-dapps-alt")}
+            descriptionKey={
+              "page-community:page-community-explore-dapps-description"
+            }
+          >
+            <div>
+              <ButtonLink href="/apps/">
+                {t("page-community:page-community-explore-dapps")}
+              </ButtonLink>
+            </div>
+          </Callout>
+        </Flex>
+      </Content>
+      <Content>
+        <StandaloneQuizWidget quizKey="gas" />
+      </Content>
+      <Content>
+        <FileContributors
+          className="my-10 border-t"
+          contributors={contributors}
+          lastEditLocaleTimestamp={lastEditLocaleTimestamp}
+        />
+        <FeedbackCard />
+      </Content>
+    </Page>
   )
 }
 
diff --git a/app/[locale]/gas/_components/page-jsonld.tsx b/app/[locale]/gas/page-jsonld.tsx
similarity index 88%
rename from app/[locale]/gas/_components/page-jsonld.tsx
rename to app/[locale]/gas/page-jsonld.tsx
index 05eada57e6f..4c120ff13bb 100644
--- a/app/[locale]/gas/_components/page-jsonld.tsx
+++ b/app/[locale]/gas/page-jsonld.tsx
@@ -1,6 +1,6 @@
 import { getTranslations } from "next-intl/server"
 
-import { Lang } from "@/lib/types"
+import { FileContributor, Lang } from "@/lib/types"
 
 import PageJsonLD from "@/components/PageJsonLD"
 
@@ -9,9 +9,11 @@ import { normalizeUrlForJsonLd } from "@/lib/utils/url"
 export default async function GasPageJsonLD({
   locale,
   lastEditLocaleTimestamp,
+  contributors,
 }: {
   locale: Lang | undefined
   lastEditLocaleTimestamp: string
+  contributors: FileContributor[]
 }) {
   const t = await getTranslations({
     namespace: "page-gas",
@@ -19,6 +21,12 @@ export default async function GasPageJsonLD({
 
   const url = normalizeUrlForJsonLd(locale, `/gas/`)
 
+  const contributorList = contributors.map((contributor) => ({
+    "@type": "Person",
+    name: contributor.login,
+    url: contributor.html_url,
+  }))
+
   // JSON-LD structured data for the gas page
   const webPageJsonLd = {
     "@context": "https://schema.org",
@@ -28,6 +36,7 @@ export default async function GasPageJsonLD({
     description: t("page-gas-meta-description"),
     url: url,
     inLanguage: locale,
+    contributor: contributorList,
     author: [
       {
         "@type": "Organization",
@@ -74,6 +83,7 @@ export default async function GasPageJsonLD({
     "@type": "Article",
     headline: t("page-gas-hero-title"),
     description: t("page-gas-meta-description"),
+    contributor: contributorList,
     author: [
       {
         "@type": "Organization",
diff --git a/app/[locale]/gas/page.tsx b/app/[locale]/gas/page.tsx
index 07b2f831875..94580de99de 100644
--- a/app/[locale]/gas/page.tsx
+++ b/app/[locale]/gas/page.tsx
@@ -14,6 +14,7 @@ import { getMetadata } from "@/lib/utils/metadata"
 import { getRequiredNamespacesForPage } from "@/lib/utils/translations"
 
 import GasPage from "./_components/gas"
+import GasPageJsonLD from "./page-jsonld"
 
 const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
   const { locale } = await params
@@ -31,6 +32,11 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
 
   return (
     <I18nProvider locale={locale} messages={messages}>
+      <GasPageJsonLD
+        locale={locale}
+        lastEditLocaleTimestamp={lastEditLocaleTimestamp}
+        contributors={contributors}
+      />
       <GasPage
         contributors={contributors}
         lastEditLocaleTimestamp={lastEditLocaleTimestamp}
diff --git a/app/[locale]/get-eth/page-jsonld.tsx b/app/[locale]/get-eth/page-jsonld.tsx
index 37942c5879c..e5807893fe8 100644
--- a/app/[locale]/get-eth/page-jsonld.tsx
+++ b/app/[locale]/get-eth/page-jsonld.tsx
@@ -1,6 +1,6 @@
 import { getTranslations } from "next-intl/server"
 
-import { Lang } from "@/lib/types"
+import { FileContributor, Lang } from "@/lib/types"
 
 import PageJsonLD from "@/components/PageJsonLD"
 
@@ -9,9 +9,11 @@ import { normalizeUrlForJsonLd } from "@/lib/utils/url"
 export default async function GetEthPageJsonLD({
   locale,
   lastEditLocaleTimestamp,
+  contributors,
 }: {
   locale: Lang | undefined
   lastEditLocaleTimestamp: string
+  contributors: FileContributor[]
 }) {
   const t = await getTranslations({
     namespace: "page-get-eth",
@@ -19,6 +21,12 @@ export default async function GetEthPageJsonLD({
 
   const url = normalizeUrlForJsonLd(locale, `/get-eth/`)
 
+  const contributorList = contributors.map((contributor) => ({
+    "@type": "Person",
+    name: contributor.login,
+    url: contributor.html_url,
+  }))
+
   // JSON-LD structured data for the get-eth page
   const webPageJsonLd = {
     "@context": "https://schema.org",
@@ -28,6 +36,7 @@ export default async function GetEthPageJsonLD({
     description: t("page-get-eth-meta-desc"),
     url: url,
     inLanguage: locale,
+    contributor: contributorList,
     author: [
       {
         "@type": "Organization",
@@ -75,6 +84,7 @@ export default async function GetEthPageJsonLD({
     headline: t("page-get-eth-where-to-buy-title"),
     description: t("page-get-eth-meta-desc"),
     image: "https://ethereum.org/images/get-eth.png", // TODO: adjust value when the old theme breakpoints are removed (src/theme.ts)
+    contributor: contributorList,
     author: [
       {
         "@type": "Organization",
diff --git a/app/[locale]/get-eth/page.tsx b/app/[locale]/get-eth/page.tsx
index 3d73516e577..07dcd28b91d 100644
--- a/app/[locale]/get-eth/page.tsx
+++ b/app/[locale]/get-eth/page.tsx
@@ -156,6 +156,7 @@ export default async function Page({
       <GetEthPageJsonLD
         locale={locale}
         lastEditLocaleTimestamp={lastEditLocaleTimestamp}
+        contributors={contributors}
       />
 
       <MainArticle>
diff --git a/app/[locale]/layer-2/learn/_components/learn.tsx b/app/[locale]/layer-2/learn/_components/learn.tsx
index ef20923022d..2751930fb07 100644
--- a/app/[locale]/layer-2/learn/_components/learn.tsx
+++ b/app/[locale]/layer-2/learn/_components/learn.tsx
@@ -12,8 +12,6 @@ import { StandaloneQuizWidget } from "@/components/Quiz/QuizWidget"
 import Translation from "@/components/Translation"
 import { ButtonLink } from "@/components/ui/buttons/Button"
 
-import Layer2LearnPageJsonLD from "./page-jsonld"
-
 import useTranslation from "@/hooks/useTranslation"
 import { usePathname } from "@/i18n/routing"
 import Callout2Image from "@/public/images/layer-2/learn-hero.png"
@@ -28,7 +26,6 @@ import WhatIsEthereumImage from "@/public/images/what-is-ethereum.png"
 const Layer2Learn = ({
   contributors,
   lastEditLocaleTimestamp,
-  locale,
 }: PageWithContributorsProps) => {
   const { t } = useTranslation("page-layer-2-learn")
   const pathname = usePathname()
@@ -98,256 +95,243 @@ const Layer2Learn = ({
   ]
 
   return (
-    <>
-      <Layer2LearnPageJsonLD
-        locale={locale}
-        lastEditLocaleTimestamp={lastEditLocaleTimestamp}
-      />
+    <MainArticle className="relative flex flex-col">
+      <ContentHero {...heroProps} />
 
-      <MainArticle className="relative flex flex-col">
-        <ContentHero {...heroProps} />
+      <div
+        id="what-is-layer-2"
+        className="flex w-full flex-col items-center gap-4 px-8 py-9 md:flex-row"
+      >
+        <div className="flex w-full flex-col gap-4 md:w-[70%]">
+          <h2>{t("page-layer-2-learn-what-is-layer-2-title")}</h2>
+          <p>
+            <Translation id="page-layer-2-learn:page-layer-2-learn-what-is-layer-2-1" />
+          </p>
+          <p>
+            <Translation id="page-layer-2-learn:page-layer-2-learn-what-is-layer-2-2" />
+          </p>
+        </div>
+        <div className="w-full md:w-[30%]">
+          <Image
+            src={WhatIsEthereumImage}
+            alt="What is Ethereum"
+            className="h-full w-full object-cover"
+          />
+        </div>
+      </div>
 
-        <div
-          id="what-is-layer-2"
-          className="flex w-full flex-col items-center gap-4 px-8 py-9 md:flex-row"
-        >
-          <div className="flex w-full flex-col gap-4 md:w-[70%]">
-            <h2>{t("page-layer-2-learn-what-is-layer-2-title")}</h2>
+      <div
+        id="what-is-layer-1"
+        className="flex w-full flex-col gap-4 bg-body-light px-8 py-9"
+      >
+        <h2>{t("page-layer-2-learn-what-is-layer-1-title")}</h2>
+        <div className="flex flex-col justify-between gap-16 md:flex-row">
+          <div className="flex w-full flex-col justify-between gap-4 md:w-[50%]">
             <p>
-              <Translation id="page-layer-2-learn:page-layer-2-learn-what-is-layer-2-1" />
+              <Translation id="page-layer-2-learn:page-layer-2-learn-what-is-layer-1-1" />
             </p>
             <p>
-              <Translation id="page-layer-2-learn:page-layer-2-learn-what-is-layer-2-2" />
+              <Translation id="page-layer-2-learn:page-layer-2-learn-what-is-layer-1-2" />
             </p>
           </div>
-          <div className="w-full md:w-[30%]">
-            <Image
-              src={WhatIsEthereumImage}
-              alt="What is Ethereum"
-              className="h-full w-full object-cover"
-            />
-          </div>
-        </div>
-
-        <div
-          id="what-is-layer-1"
-          className="flex w-full flex-col gap-4 bg-body-light px-8 py-9"
-        >
-          <h2>{t("page-layer-2-learn-what-is-layer-1-title")}</h2>
-          <div className="flex flex-col justify-between gap-16 md:flex-row">
-            <div className="flex w-full flex-col justify-between gap-4 md:w-[50%]">
-              <p>
-                <Translation id="page-layer-2-learn:page-layer-2-learn-what-is-layer-1-1" />
-              </p>
-              <p>
-                <Translation id="page-layer-2-learn:page-layer-2-learn-what-is-layer-1-2" />
-              </p>
-            </div>
-            <div className="flex w-full flex-col gap-4 md:w-[50%]">
-              <p>
-                <strong>{t("page-layer-2-learn-layer-1-list-title")}</strong>
-              </p>
-              <ol className="list-none space-y-2 pl-0 [counter-reset:item]">
-                <li className="flex items-center space-x-3">
-                  <span className="flex h-8 w-8 flex-none items-center justify-center rounded-full bg-body-inverse text-sm font-medium [counter-increment:item] before:content-[counter(item)]"></span>
-                  <span>
-                    <Translation id="page-layer-2-learn:page-layer-2-learn-layer-1-list-1" />
-                  </span>
-                </li>
-                <li className="flex items-center space-x-3">
-                  <span className="flex h-8 w-8 flex-none items-center justify-center rounded-full bg-body-inverse text-sm font-medium [counter-increment:item] before:content-[counter(item)]"></span>
-                  <span>
-                    <Translation id="page-layer-2-learn:page-layer-2-learn-layer-1-list-2" />
-                  </span>
-                </li>
-                <li className="flex items-center space-x-3">
-                  <span className="flex h-8 w-8 flex-none items-center justify-center rounded-full bg-body-inverse text-sm font-medium [counter-increment:item] before:content-[counter(item)]"></span>
-                  <span>
-                    <Translation id="page-layer-2-learn:page-layer-2-learn-layer-1-list-3" />
-                  </span>
-                </li>
-                <li className="flex items-center space-x-3">
-                  <span className="flex h-8 w-8 flex-none items-center justify-center rounded-full bg-body-inverse text-sm font-medium [counter-increment:item] before:content-[counter(item)]"></span>
-                  <span>
-                    <Translation id="page-layer-2-learn:page-layer-2-learn-layer-1-list-4" />
-                  </span>
-                </li>
-              </ol>
-            </div>
-          </div>
-        </div>
-
-        <div
-          id="why-do-we-need-layer-2"
-          className="flex w-full flex-col gap-16 px-8 py-9 md:flex-row"
-        >
-          <div className="w-full items-center justify-center md:w-[50%]">
-            <Image src={DAOImage} alt="" />
-          </div>
-
           <div className="flex w-full flex-col gap-4 md:w-[50%]">
-            <h2>{t("page-layer-2-learn-why-do-we-need-layer-2-title")}</h2>
-            <p>{t("page-layer-2-learn-why-do-we-need-layer-2-1")}</p>
-            <p>{t("page-layer-2-learn-why-do-we-need-layer-2-2")}</p>
-            <h3>
-              {t("page-layer-2-learn-why-do-we-need-layer-2-scalability")}
-            </h3>
-            <p>
-              <Translation id="page-layer-2-learn:page-layer-2-learn-why-do-we-need-layer-2-scalability-1" />
-            </p>
             <p>
-              {t("page-layer-2-learn-why-do-we-need-layer-2-scalability-2")}
+              <strong>{t("page-layer-2-learn-layer-1-list-title")}</strong>
             </p>
+            <ol className="list-none space-y-2 pl-0 [counter-reset:item]">
+              <li className="flex items-center space-x-3">
+                <span className="flex h-8 w-8 flex-none items-center justify-center rounded-full bg-body-inverse text-sm font-medium [counter-increment:item] before:content-[counter(item)]"></span>
+                <span>
+                  <Translation id="page-layer-2-learn:page-layer-2-learn-layer-1-list-1" />
+                </span>
+              </li>
+              <li className="flex items-center space-x-3">
+                <span className="flex h-8 w-8 flex-none items-center justify-center rounded-full bg-body-inverse text-sm font-medium [counter-increment:item] before:content-[counter(item)]"></span>
+                <span>
+                  <Translation id="page-layer-2-learn:page-layer-2-learn-layer-1-list-2" />
+                </span>
+              </li>
+              <li className="flex items-center space-x-3">
+                <span className="flex h-8 w-8 flex-none items-center justify-center rounded-full bg-body-inverse text-sm font-medium [counter-increment:item] before:content-[counter(item)]"></span>
+                <span>
+                  <Translation id="page-layer-2-learn:page-layer-2-learn-layer-1-list-3" />
+                </span>
+              </li>
+              <li className="flex items-center space-x-3">
+                <span className="flex h-8 w-8 flex-none items-center justify-center rounded-full bg-body-inverse text-sm font-medium [counter-increment:item] before:content-[counter(item)]"></span>
+                <span>
+                  <Translation id="page-layer-2-learn:page-layer-2-learn-layer-1-list-4" />
+                </span>
+              </li>
+            </ol>
           </div>
         </div>
+      </div>
 
-        <div id="layer-2-cards" className="w-full px-8 py-9">
-          <div className="flex flex-col gap-9 md:flex-row">
-            {layer2Cards.map((card, idx) => {
-              return (
-                <div key={idx} className="flex flex-1">
-                  <Card
-                    description={card.description}
-                    title={card.title}
-                    emoji={card.emoji}
-                    className="flex flex-1 flex-col"
-                  />
-                </div>
-              )
-            })}
-          </div>
+      <div
+        id="why-do-we-need-layer-2"
+        className="flex w-full flex-col gap-16 px-8 py-9 md:flex-row"
+      >
+        <div className="w-full items-center justify-center md:w-[50%]">
+          <Image src={DAOImage} alt="" />
         </div>
 
-        <div
-          id="how-does-layer-2-work"
-          className="flex w-full flex-col gap-16 px-8 py-9 md:flex-row"
-        >
-          <div className="flex w-full flex-col gap-4 md:w-[50%]">
-            <h2>{t("page-layer-2-learn-how-does-layer-2-work-title")}</h2>
-            <p>{t("page-layer-2-learn-how-does-layer-2-work-1")}</p>
-            <p>{t("page-layer-2-learn-how-does-layer-2-work-2")}</p>
-            <h3>
-              {t("page-layer-2-learn-how-does-layer-2-work-rollups-title")}
-            </h3>
-            <p>{t("page-layer-2-learn-how-does-layer-2-work-rollups-1")}</p>
-            <p>{t("page-layer-2-learn-how-does-layer-2-work-rollups-2")}</p>
-          </div>
-          <div className="flex w-full md:w-[50%]">
-            <Image src={RollupImage} alt={""} className="object-contain" />
-          </div>
+        <div className="flex w-full flex-col gap-4 md:w-[50%]">
+          <h2>{t("page-layer-2-learn-why-do-we-need-layer-2-title")}</h2>
+          <p>{t("page-layer-2-learn-why-do-we-need-layer-2-1")}</p>
+          <p>{t("page-layer-2-learn-why-do-we-need-layer-2-2")}</p>
+          <h3>{t("page-layer-2-learn-why-do-we-need-layer-2-scalability")}</h3>
+          <p>
+            <Translation id="page-layer-2-learn:page-layer-2-learn-why-do-we-need-layer-2-scalability-1" />
+          </p>
+          <p>{t("page-layer-2-learn-why-do-we-need-layer-2-scalability-2")}</p>
         </div>
+      </div>
 
-        <div
-          id="rollup-cards"
-          className="flex w-full flex-col gap-8 px-8 py-9 md:flex-row"
-        >
-          {rollupCards.map((card, idx) => {
+      <div id="layer-2-cards" className="w-full px-8 py-9">
+        <div className="flex flex-col gap-9 md:flex-row">
+          {layer2Cards.map((card, idx) => {
             return (
-              <div
-                key={idx}
-                className="flex w-full flex-col gap-4 rounded-sm border border-solid border-body-light bg-background-highlight p-6 md:w-[50%]"
-              >
-                <Image src={card.image} alt={""} />
-                <h3>{card.title}</h3>
-                <p>{card.description}</p>
-                <a href={card.childLink}>{card.childSentence}</a>
+              <div key={idx} className="flex flex-1">
+                <Card
+                  description={card.description}
+                  title={card.title}
+                  emoji={card.emoji}
+                  className="flex flex-1 flex-col"
+                />
               </div>
             )
           })}
         </div>
+      </div>
+
+      <div
+        id="how-does-layer-2-work"
+        className="flex w-full flex-col gap-16 px-8 py-9 md:flex-row"
+      >
+        <div className="flex w-full flex-col gap-4 md:w-[50%]">
+          <h2>{t("page-layer-2-learn-how-does-layer-2-work-title")}</h2>
+          <p>{t("page-layer-2-learn-how-does-layer-2-work-1")}</p>
+          <p>{t("page-layer-2-learn-how-does-layer-2-work-2")}</p>
+          <h3>{t("page-layer-2-learn-how-does-layer-2-work-rollups-title")}</h3>
+          <p>{t("page-layer-2-learn-how-does-layer-2-work-rollups-1")}</p>
+          <p>{t("page-layer-2-learn-how-does-layer-2-work-rollups-2")}</p>
+        </div>
+        <div className="flex w-full md:w-[50%]">
+          <Image src={RollupImage} alt={""} className="object-contain" />
+        </div>
+      </div>
 
-        <div id="dyor-risks" className="w-full px-8 py-9">
-          <div className="flex flex-col gap-8 bg-orange-100 px-12 py-12 text-gray-900">
-            <h2>{t("page-layer-2-learn-dyor-title")}</h2>
-            <div className="flex flex-col gap-4">
-              <p>
-                <Translation id="page-layer-2-learn:page-layer-2-learn-dyor-1" />
-              </p>
-              <p>{t("page-layer-2-learn-dyor-2")}</p>
+      <div
+        id="rollup-cards"
+        className="flex w-full flex-col gap-8 px-8 py-9 md:flex-row"
+      >
+        {rollupCards.map((card, idx) => {
+          return (
+            <div
+              key={idx}
+              className="flex w-full flex-col gap-4 rounded-sm border border-solid border-body-light bg-background-highlight p-6 md:w-[50%]"
+            >
+              <Image src={card.image} alt={""} />
+              <h3>{card.title}</h3>
+              <p>{card.description}</p>
+              <a href={card.childLink}>{card.childSentence}</a>
             </div>
+          )
+        })}
+      </div>
+
+      <div id="dyor-risks" className="w-full px-8 py-9">
+        <div className="flex flex-col gap-8 bg-orange-100 px-12 py-12 text-gray-900">
+          <h2>{t("page-layer-2-learn-dyor-title")}</h2>
+          <div className="flex flex-col gap-4">
+            <p>
+              <Translation id="page-layer-2-learn:page-layer-2-learn-dyor-1" />
+            </p>
+            <p>{t("page-layer-2-learn-dyor-2")}</p>
+          </div>
+          <div>
+            <ButtonLink
+              href="https://l2beat.com"
+              customEventOptions={{
+                eventCategory: "l2_learn",
+                eventAction: "button_click",
+                eventName: "l2beat_link",
+              }}
+            >
+              {t("page-layer-2-learn-dyor-link")}
+            </ButtonLink>
+          </div>
+        </div>
+      </div>
+
+      <div
+        id="a-not-on-alt-l1s"
+        className="flex w-full flex-col gap-8 px-8 py-9"
+      >
+        <h2>{t("page-layer-2-learn-note-on-alt-l1-title")}</h2>
+        <div className="flex flex-col gap-8 md:flex-row">
+          <div>
+            <p>{t("page-layer-2-learn-note-on-alt-l1-1")}</p>
+          </div>
+          <div>
+            <p>
+              <Translation id="page-layer-2-learn:page-layer-2-learn-note-on-alt-l1-2" />
+            </p>
+          </div>
+        </div>
+        <FileContributors
+          className="my-10 border-t"
+          contributors={contributors}
+          lastEditLocaleTimestamp={lastEditLocaleTimestamp}
+        />
+      </div>
+
+      <div id="callout-cards" className="px-8 py-9">
+        <div className="flex w-full flex-col lg:flex-row">
+          <CalloutSSR
+            image={Callout1Image}
+            title={t("page-layer-2-learn-callout-1-title")}
+            description={t("page-layer-2-learn-callout-1-description")}
+          >
             <div>
               <ButtonLink
-                href="https://l2beat.com"
+                href="/layer-2"
                 customEventOptions={{
                   eventCategory: "l2_learn",
                   eventAction: "button_click",
-                  eventName: "l2beat_link",
+                  eventName: "learn_more",
                 }}
               >
-                {t("page-layer-2-learn-dyor-link")}
+                {t("page-layer-2-learn-learn-more")}
               </ButtonLink>
             </div>
-          </div>
-        </div>
-
-        <div
-          id="a-not-on-alt-l1s"
-          className="flex w-full flex-col gap-8 px-8 py-9"
-        >
-          <h2>{t("page-layer-2-learn-note-on-alt-l1-title")}</h2>
-          <div className="flex flex-col gap-8 md:flex-row">
+          </CalloutSSR>
+          <CalloutSSR
+            image={Callout2Image}
+            title={t("page-layer-2-learn-callout-2-title")}
+            description={t("page-layer-2-learn-callout-2-description")}
+          >
             <div>
-              <p>{t("page-layer-2-learn-note-on-alt-l1-1")}</p>
-            </div>
-            <div>
-              <p>
-                <Translation id="page-layer-2-learn:page-layer-2-learn-note-on-alt-l1-2" />
-              </p>
+              <ButtonLink
+                href="/layer-2/networks"
+                customEventOptions={{
+                  eventCategory: "l2_learn",
+                  eventAction: "button_click",
+                  eventName: "explore_networks",
+                }}
+              >
+                {t("page-layer-2-learn-explore-networks")}
+              </ButtonLink>
             </div>
-          </div>
-          <FileContributors
-            className="my-10 border-t"
-            contributors={contributors}
-            lastEditLocaleTimestamp={lastEditLocaleTimestamp}
-          />
+          </CalloutSSR>
         </div>
+      </div>
 
-        <div id="callout-cards" className="px-8 py-9">
-          <div className="flex w-full flex-col lg:flex-row">
-            <CalloutSSR
-              image={Callout1Image}
-              title={t("page-layer-2-learn-callout-1-title")}
-              description={t("page-layer-2-learn-callout-1-description")}
-            >
-              <div>
-                <ButtonLink
-                  href="/layer-2"
-                  customEventOptions={{
-                    eventCategory: "l2_learn",
-                    eventAction: "button_click",
-                    eventName: "learn_more",
-                  }}
-                >
-                  {t("page-layer-2-learn-learn-more")}
-                </ButtonLink>
-              </div>
-            </CalloutSSR>
-            <CalloutSSR
-              image={Callout2Image}
-              title={t("page-layer-2-learn-callout-2-title")}
-              description={t("page-layer-2-learn-callout-2-description")}
-            >
-              <div>
-                <ButtonLink
-                  href="/layer-2/networks"
-                  customEventOptions={{
-                    eventCategory: "l2_learn",
-                    eventAction: "button_click",
-                    eventName: "explore_networks",
-                  }}
-                >
-                  {t("page-layer-2-learn-explore-networks")}
-                </ButtonLink>
-              </div>
-            </CalloutSSR>
-          </div>
-        </div>
-
-        <div id="quiz" className="px-8 py-9">
-          <StandaloneQuizWidget quizKey="layer-2" />
-        </div>
-      </MainArticle>
-    </>
+      <div id="quiz" className="px-8 py-9">
+        <StandaloneQuizWidget quizKey="layer-2" />
+      </div>
+    </MainArticle>
   )
 }
 
diff --git a/app/[locale]/layer-2/learn/_components/page-jsonld.tsx b/app/[locale]/layer-2/learn/page-jsonld.tsx
similarity index 89%
rename from app/[locale]/layer-2/learn/_components/page-jsonld.tsx
rename to app/[locale]/layer-2/learn/page-jsonld.tsx
index 86fe11258a9..27f7ba6c77f 100644
--- a/app/[locale]/layer-2/learn/_components/page-jsonld.tsx
+++ b/app/[locale]/layer-2/learn/page-jsonld.tsx
@@ -1,6 +1,6 @@
 import { getTranslations } from "next-intl/server"
 
-import { Lang } from "@/lib/types"
+import { FileContributor, Lang } from "@/lib/types"
 
 import PageJsonLD from "@/components/PageJsonLD"
 
@@ -9,9 +9,11 @@ import { normalizeUrlForJsonLd } from "@/lib/utils/url"
 export default async function Layer2LearnPageJsonLD({
   locale,
   lastEditLocaleTimestamp,
+  contributors,
 }: {
   locale: Lang | undefined
   lastEditLocaleTimestamp: string
+  contributors: FileContributor[]
 }) {
   const t = await getTranslations({
     namespace: "page-layer-2-learn",
@@ -19,6 +21,12 @@ export default async function Layer2LearnPageJsonLD({
 
   const url = normalizeUrlForJsonLd(locale, `/layer-2/learn/`)
 
+  const contributorList = contributors.map((contributor) => ({
+    "@type": "Person",
+    name: contributor.login,
+    url: contributor.html_url,
+  }))
+
   // JSON-LD structured data for the Layer 2 Learn page
   const webPageJsonLd = {
     "@context": "https://schema.org",
@@ -28,6 +36,7 @@ export default async function Layer2LearnPageJsonLD({
     description: t("page-layer-2-learn-description"),
     url: url,
     inLanguage: locale,
+    contributor: contributorList,
     author: [
       {
         "@type": "Organization",
@@ -93,6 +102,7 @@ export default async function Layer2LearnPageJsonLD({
       name: "ethereum.org",
       url: "https://ethereum.org",
     },
+    contributor: contributorList,
     reviewedBy: {
       "@type": "Organization",
       name: "ethereum.org",
diff --git a/app/[locale]/layer-2/learn/page.tsx b/app/[locale]/layer-2/learn/page.tsx
index ea92143e095..111969bd053 100644
--- a/app/[locale]/layer-2/learn/page.tsx
+++ b/app/[locale]/layer-2/learn/page.tsx
@@ -14,6 +14,7 @@ import { getMetadata } from "@/lib/utils/metadata"
 import { getRequiredNamespacesForPage } from "@/lib/utils/translations"
 
 import LearnPage from "./_components/learn"
+import Layer2LearnPageJsonLD from "./page-jsonld"
 
 const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
   const { locale } = await params
@@ -35,6 +36,11 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
 
   return (
     <I18nProvider locale={locale} messages={messages}>
+      <Layer2LearnPageJsonLD
+        locale={locale}
+        lastEditLocaleTimestamp={lastEditLocaleTimestamp}
+        contributors={contributors}
+      />
       <LearnPage
         contributors={contributors}
         lastEditLocaleTimestamp={lastEditLocaleTimestamp}
diff --git a/app/[locale]/layer-2/networks/page-jsonld.tsx b/app/[locale]/layer-2/networks/page-jsonld.tsx
index 9859111bedd..202c988b9bd 100644
--- a/app/[locale]/layer-2/networks/page-jsonld.tsx
+++ b/app/[locale]/layer-2/networks/page-jsonld.tsx
@@ -4,13 +4,23 @@ import PageJsonLD from "@/components/PageJsonLD"
 
 import { normalizeUrlForJsonLd } from "@/lib/utils/url"
 
-export default async function Layer2NetworksPageJsonLD({ locale, layer2Data }) {
+export default async function Layer2NetworksPageJsonLD({
+  locale,
+  layer2Data,
+  contributors,
+}) {
   const t = await getTranslations({
     namespace: "page-layer-2-networks",
   })
 
   const url = normalizeUrlForJsonLd(locale, `/layer-2/networks/`)
 
+  const contributorList = contributors.map((contributor) => ({
+    "@type": "Person",
+    name: contributor.login,
+    url: contributor.html_url,
+  }))
+
   // JSON-LD structured data for the Layer 2 Networks page
   const webPageJsonLd = {
     "@context": "https://schema.org",
@@ -20,6 +30,7 @@ export default async function Layer2NetworksPageJsonLD({ locale, layer2Data }) {
     description: t("page-layer-2-networks-hero-description"),
     url: url,
     inLanguage: locale,
+    contributor: contributorList,
     author: [
       {
         "@type": "Organization",
diff --git a/app/[locale]/layer-2/networks/page.tsx b/app/[locale]/layer-2/networks/page.tsx
index 748effe2559..b8a08d4b99c 100644
--- a/app/[locale]/layer-2/networks/page.tsx
+++ b/app/[locale]/layer-2/networks/page.tsx
@@ -5,10 +5,11 @@ import {
   setRequestLocale,
 } from "next-intl/server"
 
-import { Lang } from "@/lib/types"
+import { CommitHistory, Lang } from "@/lib/types"
 
 import I18nProvider from "@/components/I18nProvider"
 
+import { getAppPageContributorInfo } from "@/lib/utils/contributors"
 import { dataLoader } from "@/lib/utils/data/dataLoader"
 import { getMetadata } from "@/lib/utils/metadata"
 import { networkMaturity } from "@/lib/utils/networkMaturity"
@@ -119,11 +120,19 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
     },
   }
 
+  const commitHistoryCache: CommitHistory = {}
+  const { contributors } = await getAppPageContributorInfo(
+    "layer-2/networks",
+    locale as Lang,
+    commitHistoryCache
+  )
+
   return (
     <I18nProvider locale={locale} messages={messages}>
       <Layer2NetworksPageJsonLD
         locale={locale}
         layer2Data={layer2DataCompiled}
+        contributors={contributors}
       />
       <Layer2Networks {...props} />
     </I18nProvider>
diff --git a/app/[locale]/layer-2/page-jsonld.tsx b/app/[locale]/layer-2/page-jsonld.tsx
index ea0956e361b..5abece3d9a6 100644
--- a/app/[locale]/layer-2/page-jsonld.tsx
+++ b/app/[locale]/layer-2/page-jsonld.tsx
@@ -1,6 +1,6 @@
 import { getTranslations } from "next-intl/server"
 
-import { Lang } from "@/lib/types"
+import { FileContributor, Lang } from "@/lib/types"
 
 import PageJsonLD from "@/components/PageJsonLD"
 
@@ -8,8 +8,10 @@ import { normalizeUrlForJsonLd } from "@/lib/utils/url"
 
 export default async function Layer2PageJsonLD({
   locale,
+  contributors,
 }: {
   locale: Lang | undefined
+  contributors: FileContributor[]
 }) {
   const t = await getTranslations({
     namespace: "page-layer-2",
@@ -17,6 +19,12 @@ export default async function Layer2PageJsonLD({
 
   const url = normalizeUrlForJsonLd(locale, `/layer-2/`)
 
+  const contributorList = contributors.map((contributor) => ({
+    "@type": "Person",
+    name: contributor.login,
+    url: contributor.html_url,
+  }))
+
   // JSON-LD structured data for the Layer 2 page
   const webPageJsonLd = {
     "@context": "https://schema.org",
@@ -26,6 +34,7 @@ export default async function Layer2PageJsonLD({
     description: t("page-layer-2-meta-description"),
     url: url,
     inLanguage: locale,
+    contributor: contributorList,
     author: [
       {
         "@type": "Organization",
@@ -80,6 +89,7 @@ export default async function Layer2PageJsonLD({
         url: "https://ethereum.org",
       },
     ],
+    contributor: contributorList,
     publisher: {
       "@type": "Organization",
       name: "ethereum.org",
diff --git a/app/[locale]/layer-2/page.tsx b/app/[locale]/layer-2/page.tsx
index 8372d50f9a7..5cf28d5d552 100644
--- a/app/[locale]/layer-2/page.tsx
+++ b/app/[locale]/layer-2/page.tsx
@@ -5,10 +5,11 @@ import {
   setRequestLocale,
 } from "next-intl/server"
 
-import { Lang } from "@/lib/types"
+import { CommitHistory, Lang } from "@/lib/types"
 
 import I18nProvider from "@/components/I18nProvider"
 
+import { getAppPageContributorInfo } from "@/lib/utils/contributors"
 import { dataLoader } from "@/lib/utils/data/dataLoader"
 import { getMetadata } from "@/lib/utils/metadata"
 import { networkMaturity } from "@/lib/utils/networkMaturity"
@@ -68,9 +69,16 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
   const requiredNamespaces = getRequiredNamespacesForPage("/layer-2")
   const messages = pick(allMessages, requiredNamespaces)
 
+  const commitHistoryCache: CommitHistory = {}
+  const { contributors } = await getAppPageContributorInfo(
+    "layer-2",
+    locale as Lang,
+    commitHistoryCache
+  )
+
   return (
     <I18nProvider locale={locale} messages={messages}>
-      <Layer2PageJsonLD locale={locale} />
+      <Layer2PageJsonLD locale={locale} contributors={contributors} />
       <Layer2Page
         randomL2s={randomL2s}
         userRandomL2s={userRandomL2s}
diff --git a/app/[locale]/learn/page-jsonld.tsx b/app/[locale]/learn/page-jsonld.tsx
index ebcc453b729..c8529382417 100644
--- a/app/[locale]/learn/page-jsonld.tsx
+++ b/app/[locale]/learn/page-jsonld.tsx
@@ -4,13 +4,19 @@ import PageJsonLD from "@/components/PageJsonLD"
 
 import { normalizeUrlForJsonLd } from "@/lib/utils/url"
 
-export default async function LearnPageJsonLD({ locale }) {
+export default async function LearnPageJsonLD({ locale, contributors }) {
   const t = await getTranslations({
     namespace: "page-learn",
   })
 
   const url = normalizeUrlForJsonLd(locale, `/learn/`)
 
+  const contributorList = contributors.map((contributor) => ({
+    "@type": "Person",
+    name: contributor.login,
+    url: contributor.html_url,
+  }))
+
   // JSON-LD structured data for the Learn page
   const webPageJsonLd = {
     "@context": "https://schema.org",
@@ -20,6 +26,7 @@ export default async function LearnPageJsonLD({ locale }) {
     description: t("hero-subtitle"),
     url: url,
     inLanguage: locale,
+    contributor: contributorList,
     author: [
       {
         "@type": "Organization",
diff --git a/app/[locale]/learn/page.tsx b/app/[locale]/learn/page.tsx
index 25b90ac21b7..702b0b7e24b 100644
--- a/app/[locale]/learn/page.tsx
+++ b/app/[locale]/learn/page.tsx
@@ -180,7 +180,7 @@ export default async function Page({ params }: { params: Promise<Params> }) {
 
   return (
     <>
-      <LearnPageJsonLD locale={locale} />
+      <LearnPageJsonLD locale={locale} contributors={contributors} />
 
       <div className="relative w-full">
         <HubHero {...heroContent} />
diff --git a/app/[locale]/quizzes/page-jsonld.tsx b/app/[locale]/quizzes/page-jsonld.tsx
index 2143858ae57..5e4d64bc60f 100644
--- a/app/[locale]/quizzes/page-jsonld.tsx
+++ b/app/[locale]/quizzes/page-jsonld.tsx
@@ -1,6 +1,6 @@
 import { getTranslations } from "next-intl/server"
 
-import { Lang } from "@/lib/types"
+import { FileContributor, Lang } from "@/lib/types"
 
 import PageJsonLD from "@/components/PageJsonLD"
 
@@ -8,8 +8,10 @@ import { normalizeUrlForJsonLd } from "@/lib/utils/url"
 
 export default async function QuizzesPageJsonLD({
   locale,
+  contributors,
 }: {
   locale: Lang | undefined
+  contributors: FileContributor[]
 }) {
   const t = await getTranslations({
     namespace: "page-quizzes",
@@ -17,6 +19,12 @@ export default async function QuizzesPageJsonLD({
 
   const url = normalizeUrlForJsonLd(locale, `/quizzes/`)
 
+  const contributorList = contributors.map((contributor) => ({
+    "@type": "Person",
+    name: contributor.login,
+    url: contributor.html_url,
+  }))
+
   // JSON-LD structured data for the Quizzes page
   const webPageJsonLd = {
     "@context": "https://schema.org",
@@ -26,6 +34,7 @@ export default async function QuizzesPageJsonLD({
     description: t("quizzes-subtitle"),
     url: url,
     inLanguage: locale,
+    contributor: contributorList,
     author: [
       {
         "@type": "Organization",
diff --git a/app/[locale]/quizzes/page.tsx b/app/[locale]/quizzes/page.tsx
index 575a69dd304..cee67c69a28 100644
--- a/app/[locale]/quizzes/page.tsx
+++ b/app/[locale]/quizzes/page.tsx
@@ -5,10 +5,11 @@ import {
   setRequestLocale,
 } from "next-intl/server"
 
-import { Lang } from "@/lib/types"
+import { CommitHistory, Lang } from "@/lib/types"
 
 import I18nProvider from "@/components/I18nProvider"
 
+import { getAppPageContributorInfo } from "@/lib/utils/contributors"
 import { getMetadata } from "@/lib/utils/metadata"
 import { getRequiredNamespacesForPage } from "@/lib/utils/translations"
 
@@ -25,9 +26,16 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
   const requiredNamespaces = getRequiredNamespacesForPage("/quizzes")
   const messages = pick(allMessages, requiredNamespaces)
 
+  const commitHistoryCache: CommitHistory = {}
+  const { contributors } = await getAppPageContributorInfo(
+    "quizzes",
+    locale as Lang,
+    commitHistoryCache
+  )
+
   return (
     <I18nProvider locale={locale} messages={messages}>
-      <QuizzesPageJsonLD locale={locale} />
+      <QuizzesPageJsonLD locale={locale} contributors={contributors} />
       <QuizzesPage />
     </I18nProvider>
   )
diff --git a/app/[locale]/resources/page-jsonld.tsx b/app/[locale]/resources/page-jsonld.tsx
index 5ace6693ff1..f2324393da5 100644
--- a/app/[locale]/resources/page-jsonld.tsx
+++ b/app/[locale]/resources/page-jsonld.tsx
@@ -1,6 +1,6 @@
 import { getTranslations } from "next-intl/server"
 
-import { Lang } from "@/lib/types"
+import { FileContributor, Lang } from "@/lib/types"
 
 import PageJsonLD from "@/components/PageJsonLD"
 
@@ -8,8 +8,10 @@ import { normalizeUrlForJsonLd } from "@/lib/utils/url"
 
 export default async function ResourcesPageJsonLD({
   locale,
+  contributors,
 }: {
   locale: Lang | undefined
+  contributors: FileContributor[]
 }) {
   const t = await getTranslations({
     namespace: "page-resources",
@@ -17,6 +19,12 @@ export default async function ResourcesPageJsonLD({
 
   const url = normalizeUrlForJsonLd(locale, `/resources/`)
 
+  const contributorList = contributors.map((contributor) => ({
+    "@type": "Person",
+    name: contributor.login,
+    url: contributor.html_url,
+  }))
+
   // JSON-LD structured data for the Resources page
   const webPageJsonLd = {
     "@context": "https://schema.org",
@@ -26,6 +34,7 @@ export default async function ResourcesPageJsonLD({
     description: t("page-resources-meta-description"),
     url: url,
     inLanguage: locale,
+    contributor: contributorList,
     author: [
       {
         "@type": "Organization",
diff --git a/app/[locale]/resources/page.tsx b/app/[locale]/resources/page.tsx
index dfe0b72b209..de7f85facd3 100644
--- a/app/[locale]/resources/page.tsx
+++ b/app/[locale]/resources/page.tsx
@@ -1,6 +1,6 @@
 import { getTranslations } from "next-intl/server"
 
-import type { Lang } from "@/lib/types"
+import type { CommitHistory, Lang } from "@/lib/types"
 
 import BannerNotification from "@/components/Banners/BannerNotification"
 import { HubHero } from "@/components/Hero"
@@ -15,6 +15,7 @@ import { Section } from "@/components/ui/section"
 import TabNav, { StickyContainer } from "@/components/ui/TabNav"
 
 import { cn } from "@/lib/utils/cn"
+import { getAppPageContributorInfo } from "@/lib/utils/contributors"
 import { dataLoader } from "@/lib/utils/data/dataLoader"
 import { getMetadata } from "@/lib/utils/metadata"
 
@@ -48,9 +49,16 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
 
   const resourceSections = await getResources({ txCostsMedianUsd })
 
+  const commitHistoryCache: CommitHistory = {}
+  const { contributors } = await getAppPageContributorInfo(
+    "resources",
+    locale as Lang,
+    commitHistoryCache
+  )
+
   return (
     <>
-      <ResourcesPageJsonLD locale={locale} />
+      <ResourcesPageJsonLD locale={locale} contributors={contributors} />
 
       <MainArticle className="relative flex flex-col">
         <BannerNotification shouldShow className="text-center max-md:flex-col">
diff --git a/app/[locale]/roadmap/page-jsonld.tsx b/app/[locale]/roadmap/page-jsonld.tsx
index ec42f8d8534..516595650cf 100644
--- a/app/[locale]/roadmap/page-jsonld.tsx
+++ b/app/[locale]/roadmap/page-jsonld.tsx
@@ -1,6 +1,6 @@
 import { getTranslations } from "next-intl/server"
 
-import { Lang } from "@/lib/types"
+import { FileContributor, Lang } from "@/lib/types"
 
 import PageJsonLD from "@/components/PageJsonLD"
 
@@ -8,8 +8,10 @@ import { normalizeUrlForJsonLd } from "@/lib/utils/url"
 
 export default async function RoadmapPageJsonLD({
   locale,
+  contributors,
 }: {
   locale: Lang | undefined
+  contributors: FileContributor[]
 }) {
   const t = await getTranslations({
     namespace: "page-roadmap",
@@ -17,6 +19,12 @@ export default async function RoadmapPageJsonLD({
 
   const url = normalizeUrlForJsonLd(locale, `/roadmap/`)
 
+  const contributorList = contributors.map((contributor) => ({
+    "@type": "Person",
+    name: contributor.login,
+    url: contributor.html_url,
+  }))
+
   // JSON-LD structured data for the Roadmap page
   const webPageJsonLd = {
     "@context": "https://schema.org",
@@ -26,6 +34,7 @@ export default async function RoadmapPageJsonLD({
     description: t("page-roadmap-meta-description"),
     url: url,
     inLanguage: locale,
+    contributor: contributorList,
     author: [
       {
         "@type": "Organization",
@@ -85,6 +94,7 @@ export default async function RoadmapPageJsonLD({
       name: "ethereum.org",
       url: "https://ethereum.org",
     },
+    contributor: contributorList,
     reviewedBy: {
       "@type": "Organization",
       name: "ethereum.org",
diff --git a/app/[locale]/roadmap/page.tsx b/app/[locale]/roadmap/page.tsx
index 9219ce146e3..dfa58557424 100644
--- a/app/[locale]/roadmap/page.tsx
+++ b/app/[locale]/roadmap/page.tsx
@@ -1,10 +1,11 @@
 import { pick } from "lodash"
 import { getTranslations } from "next-intl/server"
 
-import { Lang } from "@/lib/types"
+import { CommitHistory, Lang } from "@/lib/types"
 
 import I18nProvider from "@/components/I18nProvider"
 
+import { getAppPageContributorInfo } from "@/lib/utils/contributors"
 import { getMetadata } from "@/lib/utils/metadata"
 import { getRequiredNamespacesForPage } from "@/lib/utils/translations"
 
@@ -21,9 +22,16 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
   const requiredNamespaces = getRequiredNamespacesForPage("/roadmap")
   const messages = pick(allMessages, requiredNamespaces)
 
+  const commitHistoryCache: CommitHistory = {}
+  const { contributors } = await getAppPageContributorInfo(
+    "roadmap",
+    locale as Lang,
+    commitHistoryCache
+  )
+
   return (
     <I18nProvider locale={locale} messages={messages}>
-      <RoadmapPageJsonLD locale={locale} />
+      <RoadmapPageJsonLD locale={locale} contributors={contributors} />
       <RoadmapPage />
     </I18nProvider>
   )
diff --git a/app/[locale]/roadmap/vision/page-jsonld.tsx b/app/[locale]/roadmap/vision/page-jsonld.tsx
index 19ef6b8395f..3941443e0e0 100644
--- a/app/[locale]/roadmap/vision/page-jsonld.tsx
+++ b/app/[locale]/roadmap/vision/page-jsonld.tsx
@@ -1,6 +1,6 @@
 import { getTranslations } from "next-intl/server"
 
-import { Lang } from "@/lib/types"
+import { FileContributor, Lang } from "@/lib/types"
 
 import PageJsonLD from "@/components/PageJsonLD"
 
@@ -9,9 +9,11 @@ import { normalizeUrlForJsonLd } from "@/lib/utils/url"
 export default async function RoadmapVisionPageJsonLD({
   locale,
   lastEditLocaleTimestamp,
+  contributors,
 }: {
   locale: Lang | undefined
   lastEditLocaleTimestamp: string
+  contributors: FileContributor[]
 }) {
   const t = await getTranslations({
     namespace: "page-roadmap-vision",
@@ -19,6 +21,12 @@ export default async function RoadmapVisionPageJsonLD({
 
   const url = normalizeUrlForJsonLd(locale, `/roadmap/vision/`)
 
+  const contributorList = contributors.map((contributor) => ({
+    "@type": "Person",
+    name: contributor.login,
+    url: contributor.html_url,
+  }))
+
   // JSON-LD structured data for the Vision page
   const webPageJsonLd = {
     "@context": "https://schema.org",
@@ -28,6 +36,7 @@ export default async function RoadmapVisionPageJsonLD({
     description: t("page-roadmap-vision-subtitle"),
     url: url,
     inLanguage: locale,
+    contributor: contributorList,
     author: [
       {
         "@type": "Organization",
@@ -93,6 +102,7 @@ export default async function RoadmapVisionPageJsonLD({
       name: "ethereum.org",
       url: "https://ethereum.org",
     },
+    contributor: contributorList,
     reviewedBy: {
       "@type": "Organization",
       name: "ethereum.org",
diff --git a/app/[locale]/roadmap/vision/page.tsx b/app/[locale]/roadmap/vision/page.tsx
index d219a7f499b..dfce76879f7 100644
--- a/app/[locale]/roadmap/vision/page.tsx
+++ b/app/[locale]/roadmap/vision/page.tsx
@@ -39,6 +39,7 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
       <RoadmapVisionPageJsonLD
         locale={locale}
         lastEditLocaleTimestamp={lastEditLocaleTimestamp}
+        contributors={contributors}
       />
       <VisionPage
         contributors={contributors}
diff --git a/app/[locale]/run-a-node/page-jsonld.tsx b/app/[locale]/run-a-node/page-jsonld.tsx
index 14546446089..97b262a0600 100644
--- a/app/[locale]/run-a-node/page-jsonld.tsx
+++ b/app/[locale]/run-a-node/page-jsonld.tsx
@@ -1,6 +1,6 @@
 import { getTranslations } from "next-intl/server"
 
-import { Lang } from "@/lib/types"
+import { FileContributor, Lang } from "@/lib/types"
 
 import PageJsonLD from "@/components/PageJsonLD"
 
@@ -9,9 +9,11 @@ import { normalizeUrlForJsonLd } from "@/lib/utils/url"
 export default async function RunANodePageJsonLD({
   locale,
   lastEditLocaleTimestamp,
+  contributors,
 }: {
   locale: Lang | undefined
   lastEditLocaleTimestamp: string
+  contributors: FileContributor[]
 }) {
   const t = await getTranslations({
     namespace: "page-run-a-node",
@@ -19,6 +21,12 @@ export default async function RunANodePageJsonLD({
 
   const url = normalizeUrlForJsonLd(locale, `/run-a-node/`)
 
+  const contributorList = contributors.map((contributor) => ({
+    "@type": "Person",
+    name: contributor.login,
+    url: contributor.html_url,
+  }))
+
   // JSON-LD structured data for the Run a Node page
   const webPageJsonLd = {
     "@context": "https://schema.org",
@@ -28,6 +36,7 @@ export default async function RunANodePageJsonLD({
     description: t("page-run-a-node-hero-subtitle"),
     url: url,
     inLanguage: locale,
+    contributor: contributorList,
     author: [
       {
         "@type": "Organization",
@@ -82,6 +91,7 @@ export default async function RunANodePageJsonLD({
         url: "https://ethereum.org",
       },
     ],
+    contributor: contributorList,
     publisher: {
       "@type": "Organization",
       name: "ethereum.org",
diff --git a/app/[locale]/run-a-node/page.tsx b/app/[locale]/run-a-node/page.tsx
index afd7c08f007..a94b497e2a8 100644
--- a/app/[locale]/run-a-node/page.tsx
+++ b/app/[locale]/run-a-node/page.tsx
@@ -39,6 +39,7 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
       <RunANodePageJsonLD
         locale={locale}
         lastEditLocaleTimestamp={lastEditLocaleTimestamp}
+        contributors={contributors}
       />
       <RunANodePage
         contributors={contributors}
diff --git a/app/[locale]/stablecoins/page-jsonld.tsx b/app/[locale]/stablecoins/page-jsonld.tsx
index 329a8e65ff6..c91ac8b7236 100644
--- a/app/[locale]/stablecoins/page-jsonld.tsx
+++ b/app/[locale]/stablecoins/page-jsonld.tsx
@@ -4,13 +4,23 @@ import PageJsonLD from "@/components/PageJsonLD"
 
 import { normalizeUrlForJsonLd } from "@/lib/utils/url"
 
-export default async function StablecoinsPageJsonLD({ locale, features }) {
+export default async function StablecoinsPageJsonLD({
+  locale,
+  features,
+  contributors,
+}) {
   const t = await getTranslations({
     namespace: "page-stablecoins",
   })
 
   const url = normalizeUrlForJsonLd(locale, `/stablecoins/`)
 
+  const contributorList = contributors.map((contributor) => ({
+    "@type": "Person",
+    name: contributor.login,
+    url: contributor.html_url,
+  }))
+
   // JSON-LD structured data for the Stablecoins page
   const webPageJsonLd = {
     "@context": "https://schema.org",
@@ -20,6 +30,7 @@ export default async function StablecoinsPageJsonLD({ locale, features }) {
     description: t("page-stablecoins-meta-description"),
     url: url,
     inLanguage: locale,
+    contributor: contributorList,
     author: [
       {
         "@type": "Organization",
@@ -74,6 +85,7 @@ export default async function StablecoinsPageJsonLD({ locale, features }) {
         url: "https://ethereum.org",
       },
     ],
+    contributor: contributorList,
     publisher: {
       "@type": "Organization",
       name: "ethereum.org",
diff --git a/app/[locale]/stablecoins/page.tsx b/app/[locale]/stablecoins/page.tsx
index 6685d56534a..c847d878461 100644
--- a/app/[locale]/stablecoins/page.tsx
+++ b/app/[locale]/stablecoins/page.tsx
@@ -6,7 +6,7 @@ import {
   setRequestLocale,
 } from "next-intl/server"
 
-import { Lang } from "@/lib/types"
+import { CommitHistory, Lang } from "@/lib/types"
 
 import CalloutBannerSSR from "@/components/CalloutBannerSSR"
 import DataProductCard from "@/components/DataProductCard"
@@ -31,6 +31,7 @@ import InlineLink from "@/components/ui/Link"
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
 
 import { cn } from "@/lib/utils/cn"
+import { getAppPageContributorInfo } from "@/lib/utils/contributors"
 import { dataLoader } from "@/lib/utils/data/dataLoader"
 import { getMetadata } from "@/lib/utils/metadata"
 import { getRequiredNamespacesForPage } from "@/lib/utils/translations"
@@ -421,10 +422,21 @@ async function Page({ params }: { params: Promise<{ locale: Lang }> }) {
     },
   ]
 
+  const commitHistoryCache: CommitHistory = {}
+  const { contributors } = await getAppPageContributorInfo(
+    "stablecoins",
+    locale as Lang,
+    commitHistoryCache
+  )
+
   return (
     <>
       <I18nProvider locale={locale} messages={messages}>
-        <StablecoinsPageJsonLD locale={locale} features={features} />
+        <StablecoinsPageJsonLD
+          locale={locale}
+          features={features}
+          contributors={contributors}
+        />
         <MainArticle className="mx-auto my-0 w-full flex-col items-center">
           <PageHero isReverse content={heroContent} />
           <Divider />
diff --git a/app/[locale]/staking/page-jsonld.tsx b/app/[locale]/staking/page-jsonld.tsx
index f21f5a74821..77ba3be1200 100644
--- a/app/[locale]/staking/page-jsonld.tsx
+++ b/app/[locale]/staking/page-jsonld.tsx
@@ -1,6 +1,6 @@
 import { getTranslations } from "next-intl/server"
 
-import { Lang } from "@/lib/types"
+import { FileContributor, Lang } from "@/lib/types"
 
 import PageJsonLD from "@/components/PageJsonLD"
 
@@ -9,9 +9,11 @@ import { normalizeUrlForJsonLd } from "@/lib/utils/url"
 export default async function StakingPageJsonLD({
   locale,
   lastEditLocaleTimestamp,
+  contributors,
 }: {
   locale: Lang | undefined
   lastEditLocaleTimestamp: string
+  contributors: FileContributor[]
 }) {
   const t = await getTranslations({
     namespace: "page-staking",
@@ -19,6 +21,12 @@ export default async function StakingPageJsonLD({
 
   const url = normalizeUrlForJsonLd(locale, `/staking/`)
 
+  const contributorList = contributors.map((contributor) => ({
+    "@type": "Person",
+    name: contributor.login,
+    url: contributor.html_url,
+  }))
+
   // JSON-LD structured data for the Staking page
   const webPageJsonLd = {
     "@context": "https://schema.org",
@@ -28,6 +36,7 @@ export default async function StakingPageJsonLD({
     description: t("page-staking-meta-description"),
     url: url,
     inLanguage: locale,
+    contributor: contributorList,
     author: [
       {
         "@type": "Organization",
@@ -82,6 +91,7 @@ export default async function StakingPageJsonLD({
         url: "https://ethereum.org",
       },
     ],
+    contributor: contributorList,
     publisher: {
       "@type": "Organization",
       name: "ethereum.org",
diff --git a/app/[locale]/staking/page.tsx b/app/[locale]/staking/page.tsx
index 61e8bb1bd23..602411ae4c2 100644
--- a/app/[locale]/staking/page.tsx
+++ b/app/[locale]/staking/page.tsx
@@ -87,6 +87,7 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
       <StakingPageJsonLD
         locale={locale}
         lastEditLocaleTimestamp={lastEditLocaleTimestamp}
+        contributors={contributors}
       />
       <StakingPage
         data={data}
diff --git a/app/[locale]/start/page-jsonld.tsx b/app/[locale]/start/page-jsonld.tsx
index eca0a9ca357..474e0f8df6b 100644
--- a/app/[locale]/start/page-jsonld.tsx
+++ b/app/[locale]/start/page-jsonld.tsx
@@ -1,6 +1,6 @@
 import { getTranslations } from "next-intl/server"
 
-import { Lang } from "@/lib/types"
+import { FileContributor, Lang } from "@/lib/types"
 
 import PageJsonLD from "@/components/PageJsonLD"
 
@@ -8,8 +8,10 @@ import { normalizeUrlForJsonLd } from "@/lib/utils/url"
 
 export default async function StartPageJsonLD({
   locale,
+  contributors,
 }: {
   locale: Lang | undefined
+  contributors: FileContributor[]
 }) {
   const t = await getTranslations({
     namespace: "page-start",
@@ -17,6 +19,12 @@ export default async function StartPageJsonLD({
 
   const url = normalizeUrlForJsonLd(locale, `/start/`)
 
+  const contributorList = contributors.map((contributor) => ({
+    "@type": "Person",
+    name: contributor.login,
+    url: contributor.html_url,
+  }))
+
   // JSON-LD structured data for the Start page
   const webPageJsonLd = {
     "@context": "https://schema.org",
@@ -26,6 +34,7 @@ export default async function StartPageJsonLD({
     description: t("page-start-meta-description"),
     url: url,
     inLanguage: locale,
+    contributor: contributorList,
     author: [
       {
         "@type": "Organization",
@@ -85,6 +94,7 @@ export default async function StartPageJsonLD({
       name: "ethereum.org",
       url: "https://ethereum.org",
     },
+    contributor: contributorList,
     reviewedBy: {
       "@type": "Organization",
       name: "ethereum.org",
diff --git a/app/[locale]/start/page.tsx b/app/[locale]/start/page.tsx
index 9a9a5826e9c..70d9da71b1b 100644
--- a/app/[locale]/start/page.tsx
+++ b/app/[locale]/start/page.tsx
@@ -5,7 +5,7 @@ import {
   setRequestLocale,
 } from "next-intl/server"
 
-import { Lang } from "@/lib/types"
+import { CommitHistory, Lang } from "@/lib/types"
 
 import I18nProvider from "@/components/I18nProvider"
 import { Image } from "@/components/Image"
@@ -13,6 +13,7 @@ import MainArticle from "@/components/MainArticle"
 import StartWithEthereumFlow from "@/components/StartWithEthereumFlow"
 import ShareModal from "@/components/StartWithEthereumFlow/ShareModal"
 
+import { getAppPageContributorInfo } from "@/lib/utils/contributors"
 import { getMetadata } from "@/lib/utils/metadata"
 import { getRequiredNamespacesForPage } from "@/lib/utils/translations"
 import { getNewToCryptoWallets } from "@/lib/utils/wallets"
@@ -39,9 +40,16 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
     supportedLanguages: [],
   }))
 
+  const commitHistoryCache: CommitHistory = {}
+  const { contributors } = await getAppPageContributorInfo(
+    "start",
+    locale as Lang,
+    commitHistoryCache
+  )
+
   return (
     <>
-      <StartPageJsonLD locale={locale} />
+      <StartPageJsonLD locale={locale} contributors={contributors} />
       <MainArticle className="flex w-full flex-col items-center overflow-x-hidden">
         <div className="mb-16 h-[240px] w-full md:h-[380px] lg:h-[398px]">
           <Image
diff --git a/app/[locale]/trillion-dollar-security/page-jsonld.tsx b/app/[locale]/trillion-dollar-security/page-jsonld.tsx
index 9a9510313be..43226e944f9 100644
--- a/app/[locale]/trillion-dollar-security/page-jsonld.tsx
+++ b/app/[locale]/trillion-dollar-security/page-jsonld.tsx
@@ -1,6 +1,6 @@
 import { getTranslations } from "next-intl/server"
 
-import { Lang } from "@/lib/types"
+import { FileContributor, Lang } from "@/lib/types"
 
 import PageJsonLD from "@/components/PageJsonLD"
 
@@ -8,8 +8,10 @@ import { normalizeUrlForJsonLd } from "@/lib/utils/url"
 
 export default async function TrillionDollarSecurityPageJsonLD({
   locale,
+  contributors,
 }: {
   locale: Lang | undefined
+  contributors: FileContributor[]
 }) {
   const t = await getTranslations({
     namespace: "page-trillion-dollar-security",
@@ -17,6 +19,12 @@ export default async function TrillionDollarSecurityPageJsonLD({
 
   const url = normalizeUrlForJsonLd(locale, `/trillion-dollar-security/`)
 
+  const contributorList = contributors.map((contributor) => ({
+    "@type": "Person",
+    name: contributor.login,
+    url: contributor.html_url,
+  }))
+
   // JSON-LD structured data for the Trillion-Dollar Security page
   const webPageJsonLd = {
     "@context": "https://schema.org",
@@ -26,6 +34,7 @@ export default async function TrillionDollarSecurityPageJsonLD({
     description: t("page-trillion-dollar-security-meta-description"),
     url: url,
     inLanguage: locale,
+    contributor: contributorList,
     author: [
       {
         "@type": "Organization",
@@ -80,6 +89,7 @@ export default async function TrillionDollarSecurityPageJsonLD({
         url: "https://ethereum.org",
       },
     ],
+    contributor: contributorList,
     publisher: {
       "@type": "Organization",
       name: "ethereum.org",
diff --git a/app/[locale]/trillion-dollar-security/page.tsx b/app/[locale]/trillion-dollar-security/page.tsx
index bcf3b5ea782..8cf7a977156 100644
--- a/app/[locale]/trillion-dollar-security/page.tsx
+++ b/app/[locale]/trillion-dollar-security/page.tsx
@@ -2,7 +2,7 @@ import React from "react"
 import Image from "next/image"
 import { getTranslations, setRequestLocale } from "next-intl/server"
 
-import { Lang } from "@/lib/types"
+import { CommitHistory, Lang } from "@/lib/types"
 
 import MainArticle from "@/components/MainArticle"
 import { ButtonLink } from "@/components/ui/buttons/Button"
@@ -14,6 +14,7 @@ import {
 } from "@/components/ui/card"
 import InlineLink, { BaseLink as Link } from "@/components/ui/Link"
 
+import { getAppPageContributorInfo } from "@/lib/utils/contributors"
 import { getMetadata } from "@/lib/utils/metadata"
 
 import TrillionDollarSecurityPageJsonLD from "./page-jsonld"
@@ -52,9 +53,19 @@ const TdsPage = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
     namespace: "page-trillion-dollar-security",
   })
 
+  const commitHistoryCache: CommitHistory = {}
+  const { contributors } = await getAppPageContributorInfo(
+    "trillion-dollar-security",
+    locale as Lang,
+    commitHistoryCache
+  )
+
   return (
     <>
-      <TrillionDollarSecurityPageJsonLD locale={locale} />
+      <TrillionDollarSecurityPageJsonLD
+        locale={locale}
+        contributors={contributors}
+      />
       <MainArticle>
         {/* Hero Section */}
         <section className="mb-32 w-full">
diff --git a/app/[locale]/wallets/find-wallet/page-jsonld.tsx b/app/[locale]/wallets/find-wallet/page-jsonld.tsx
index 44e91367e86..b374386f711 100644
--- a/app/[locale]/wallets/find-wallet/page-jsonld.tsx
+++ b/app/[locale]/wallets/find-wallet/page-jsonld.tsx
@@ -1,6 +1,6 @@
 import { getTranslations } from "next-intl/server"
 
-import { Lang, WalletData } from "@/lib/types"
+import { FileContributor, Lang, WalletData } from "@/lib/types"
 
 import PageJsonLD from "@/components/PageJsonLD"
 
@@ -9,9 +9,11 @@ import { normalizeUrlForJsonLd } from "@/lib/utils/url"
 export default async function FindWalletPageJsonLD({
   locale,
   wallets,
+  contributors,
 }: {
   locale: Lang | undefined
   wallets: WalletData[]
+  contributors: FileContributor[]
 }) {
   const t = await getTranslations({
     namespace: "page-find-wallet",
@@ -19,6 +21,12 @@ export default async function FindWalletPageJsonLD({
 
   const url = normalizeUrlForJsonLd(locale, `/wallets/find-wallet/`)
 
+  const contributorList = contributors.map((contributor) => ({
+    "@type": "Person",
+    name: contributor.login,
+    url: contributor.html_url,
+  }))
+
   // JSON-LD structured data for the Find Wallet page
   const webPageJsonLd = {
     "@context": "https://schema.org",
@@ -28,6 +36,7 @@ export default async function FindWalletPageJsonLD({
     description: t("page-find-wallet-meta-description"),
     url: url,
     inLanguage: locale,
+    contributor: contributorList,
     author: [
       {
         "@type": "Organization",
@@ -93,6 +102,7 @@ export default async function FindWalletPageJsonLD({
       name: "ethereum.org",
       url: "https://ethereum.org",
     },
+    contributor: contributorList,
     reviewedBy: {
       "@type": "Organization",
       name: "ethereum.org",
diff --git a/app/[locale]/wallets/find-wallet/page.tsx b/app/[locale]/wallets/find-wallet/page.tsx
index e2759050b3f..a11dd7ec8be 100644
--- a/app/[locale]/wallets/find-wallet/page.tsx
+++ b/app/[locale]/wallets/find-wallet/page.tsx
@@ -5,13 +5,14 @@ import {
   setRequestLocale,
 } from "next-intl/server"
 
-import { Lang } from "@/lib/types"
+import { CommitHistory, Lang } from "@/lib/types"
 
 import Breadcrumbs from "@/components/Breadcrumbs"
 import FindWalletProductTable from "@/components/FindWalletProductTable/lazy"
 import I18nProvider from "@/components/I18nProvider"
 import MainArticle from "@/components/MainArticle"
 
+import { getAppPageContributorInfo } from "@/lib/utils/contributors"
 import { getMetadata } from "@/lib/utils/metadata"
 import { getRequiredNamespacesForPage } from "@/lib/utils/translations"
 import {
@@ -51,9 +52,20 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
   )
   const messages = pick(allMessages, requiredNamespaces)
 
+  const commitHistoryCache: CommitHistory = {}
+  const { contributors } = await getAppPageContributorInfo(
+    "wallets/find-wallet",
+    locale as Lang,
+    commitHistoryCache
+  )
+
   return (
     <>
-      <FindWalletPageJsonLD locale={locale} wallets={wallets} />
+      <FindWalletPageJsonLD
+        locale={locale}
+        wallets={wallets}
+        contributors={contributors}
+      />
 
       <I18nProvider locale={locale} messages={messages}>
         <MainArticle className="relative flex flex-col">
diff --git a/app/[locale]/wallets/page-jsonld.tsx b/app/[locale]/wallets/page-jsonld.tsx
index 68b65ac38e1..8e952f290d5 100644
--- a/app/[locale]/wallets/page-jsonld.tsx
+++ b/app/[locale]/wallets/page-jsonld.tsx
@@ -8,6 +8,7 @@ export default async function WalletsPageJsonLD({
   locale,
   types,
   lastEditLocaleTimestamp,
+  contributors,
 }) {
   const t = await getTranslations({
     namespace: "page-find-wallet",
@@ -15,6 +16,12 @@ export default async function WalletsPageJsonLD({
 
   const url = normalizeUrlForJsonLd(locale, `/wallets/`)
 
+  const contributorList = contributors.map((contributor) => ({
+    "@type": "Person",
+    name: contributor.login,
+    url: contributor.html_url,
+  }))
+
   // JSON-LD structured data for the Wallets page
   const webPageJsonLd = {
     "@context": "https://schema.org",
@@ -24,6 +31,7 @@ export default async function WalletsPageJsonLD({
     description: t("page-wallets-meta-description"),
     url: url,
     inLanguage: locale,
+    contributor: contributorList,
     author: [
       {
         "@type": "Organization",
@@ -78,6 +86,7 @@ export default async function WalletsPageJsonLD({
         url: "https://ethereum.org",
       },
     ],
+    contributor: contributorList,
     publisher: {
       "@type": "Organization",
       name: "ethereum.org",
diff --git a/app/[locale]/wallets/page.tsx b/app/[locale]/wallets/page.tsx
index 558ba303f1b..bf5ff76fe70 100644
--- a/app/[locale]/wallets/page.tsx
+++ b/app/[locale]/wallets/page.tsx
@@ -207,6 +207,7 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
         locale={locale}
         types={types}
         lastEditLocaleTimestamp={lastEditLocaleTimestamp}
+        contributors={contributors}
       />
       <MainArticle className="mx-auto flex w-full flex-col items-center">
         <PageHero content={heroContent} isReverse />
diff --git a/app/[locale]/what-is-ethereum/page-jsonld.tsx b/app/[locale]/what-is-ethereum/page-jsonld.tsx
index ac4acfd27bc..4c53f67f9df 100644
--- a/app/[locale]/what-is-ethereum/page-jsonld.tsx
+++ b/app/[locale]/what-is-ethereum/page-jsonld.tsx
@@ -1,6 +1,6 @@
 import { getTranslations } from "next-intl/server"
 
-import { Lang } from "@/lib/types"
+import { FileContributor, Lang } from "@/lib/types"
 
 import PageJsonLD from "@/components/PageJsonLD"
 
@@ -9,9 +9,11 @@ import { normalizeUrlForJsonLd } from "@/lib/utils/url"
 export default async function WhatIsEthereumPageJsonLD({
   locale,
   lastEditLocaleTimestamp,
+  contributors,
 }: {
   locale: Lang | undefined
   lastEditLocaleTimestamp: string
+  contributors: FileContributor[]
 }) {
   const t = await getTranslations({
     namespace: "page-what-is-ethereum",
@@ -19,6 +21,12 @@ export default async function WhatIsEthereumPageJsonLD({
 
   const url = normalizeUrlForJsonLd(locale, `/what-is-ethereum/`)
 
+  const contributorList = contributors.map((contributor) => ({
+    "@type": "Person",
+    name: contributor.login,
+    url: contributor.html_url,
+  }))
+
   // JSON-LD structured data for the What is Ethereum page
   const webPageJsonLd = {
     "@context": "https://schema.org",
@@ -28,6 +36,7 @@ export default async function WhatIsEthereumPageJsonLD({
     description: t("page-what-is-ethereum-meta-description"),
     url: url,
     inLanguage: locale,
+    contributor: contributorList,
     author: [
       {
         "@type": "Organization",
@@ -93,6 +102,7 @@ export default async function WhatIsEthereumPageJsonLD({
       name: "ethereum.org",
       url: "https://ethereum.org",
     },
+    contributor: contributorList,
     reviewedBy: {
       "@type": "Organization",
       name: "ethereum.org",
diff --git a/app/[locale]/what-is-ethereum/page.tsx b/app/[locale]/what-is-ethereum/page.tsx
index 8b7cb9d2b97..dadf2c1b9a0 100644
--- a/app/[locale]/what-is-ethereum/page.tsx
+++ b/app/[locale]/what-is-ethereum/page.tsx
@@ -155,6 +155,7 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
       <WhatIsEthereumPageJsonLD
         locale={locale}
         lastEditLocaleTimestamp={lastEditLocaleTimestamp}
+        contributors={contributors}
       />
 
       <div>

From b67013eab412bfc88142c0051b5a27fa12b3e6a2 Mon Sep 17 00:00:00 2001
From: Pablo Pettinari <pettinarip@gmail.com>
Date: Wed, 17 Sep 2025 13:10:41 +0200
Subject: [PATCH 40/41] replace favicon image with eth logo png image

---
 app/[locale]/10years/page-jsonld.tsx                      | 4 ++--
 app/[locale]/[...slug]/page-jsonld.tsx                    | 4 ++--
 app/[locale]/apps/[application]/page-jsonld.tsx           | 4 ++--
 .../apps/categories/[catetgoryName]/page-jsonld.tsx       | 4 ++--
 app/[locale]/apps/page-jsonld.tsx                         | 4 ++--
 app/[locale]/assets/page-jsonld.tsx                       | 6 +++---
 app/[locale]/bug-bounty/page-jsonld.tsx                   | 4 ++--
 app/[locale]/collectibles/page-jsonld.tsx                 | 6 +++---
 app/[locale]/community/page-jsonld.tsx                    | 6 +++---
 .../translation-program/acknowledgements/page-jsonld.tsx  | 4 ++--
 .../translation-program/contributors/page-jsonld.tsx      | 4 ++--
 .../translatathon/leaderboard/page-jsonld.tsx             | 4 ++--
 app/[locale]/developers/learning-tools/page-jsonld.tsx    | 4 ++--
 app/[locale]/developers/local-environment/page-jsonld.tsx | 6 +++---
 app/[locale]/developers/page-jsonld.tsx                   | 6 +++---
 app/[locale]/developers/tutorials/page-jsonld.tsx         | 8 ++++----
 app/[locale]/enterprise/page-jsonld.tsx                   | 4 ++--
 app/[locale]/eth/page-jsonld.tsx                          | 8 ++++----
 app/[locale]/founders/page-jsonld.tsx                     | 4 ++--
 app/[locale]/gas/page-jsonld.tsx                          | 4 ++--
 app/[locale]/get-eth/page-jsonld.tsx                      | 4 ++--
 app/[locale]/layer-2/learn/page-jsonld.tsx                | 4 ++--
 app/[locale]/layer-2/networks/page-jsonld.tsx             | 4 ++--
 app/[locale]/layer-2/page-jsonld.tsx                      | 4 ++--
 app/[locale]/learn/page-jsonld.tsx                        | 4 ++--
 app/[locale]/page-jsonld.tsx                              | 2 +-
 app/[locale]/quizzes/page-jsonld.tsx                      | 2 +-
 app/[locale]/resources/page-jsonld.tsx                    | 2 +-
 app/[locale]/roadmap/page-jsonld.tsx                      | 4 ++--
 app/[locale]/roadmap/vision/page-jsonld.tsx               | 4 ++--
 app/[locale]/run-a-node/page-jsonld.tsx                   | 4 ++--
 app/[locale]/stablecoins/page-jsonld.tsx                  | 4 ++--
 app/[locale]/staking/page-jsonld.tsx                      | 4 ++--
 app/[locale]/start/page-jsonld.tsx                        | 4 ++--
 app/[locale]/trillion-dollar-security/page-jsonld.tsx     | 4 ++--
 app/[locale]/wallets/find-wallet/page-jsonld.tsx          | 4 ++--
 app/[locale]/wallets/page-jsonld.tsx                      | 4 ++--
 app/[locale]/what-is-ethereum/page-jsonld.tsx             | 4 ++--
 38 files changed, 82 insertions(+), 82 deletions(-)

diff --git a/app/[locale]/10years/page-jsonld.tsx b/app/[locale]/10years/page-jsonld.tsx
index ad8a5ff5884..1ec697cab94 100644
--- a/app/[locale]/10years/page-jsonld.tsx
+++ b/app/[locale]/10years/page-jsonld.tsx
@@ -75,7 +75,7 @@ export default async function TenYearJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
     mainEntity: {
@@ -132,7 +132,7 @@ export default async function TenYearJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
   }
diff --git a/app/[locale]/[...slug]/page-jsonld.tsx b/app/[locale]/[...slug]/page-jsonld.tsx
index 34a91dae7d8..64ca2bd856a 100644
--- a/app/[locale]/[...slug]/page-jsonld.tsx
+++ b/app/[locale]/[...slug]/page-jsonld.tsx
@@ -85,7 +85,7 @@ export default async function SlugJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
   }
@@ -118,7 +118,7 @@ export default async function SlugJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
     dateModified: frontmatter.published,
diff --git a/app/[locale]/apps/[application]/page-jsonld.tsx b/app/[locale]/apps/[application]/page-jsonld.tsx
index b281cf67079..25fe17c15b2 100644
--- a/app/[locale]/apps/[application]/page-jsonld.tsx
+++ b/app/[locale]/apps/[application]/page-jsonld.tsx
@@ -67,7 +67,7 @@ export default async function AppsAppJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
     reviewedBy: {
@@ -76,7 +76,7 @@ export default async function AppsAppJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
   }
diff --git a/app/[locale]/apps/categories/[catetgoryName]/page-jsonld.tsx b/app/[locale]/apps/categories/[catetgoryName]/page-jsonld.tsx
index 08c628e4060..9164f052b1d 100644
--- a/app/[locale]/apps/categories/[catetgoryName]/page-jsonld.tsx
+++ b/app/[locale]/apps/categories/[catetgoryName]/page-jsonld.tsx
@@ -77,7 +77,7 @@ export default async function AppsCategoryJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
     reviewedBy: {
@@ -86,7 +86,7 @@ export default async function AppsCategoryJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
   }
diff --git a/app/[locale]/apps/page-jsonld.tsx b/app/[locale]/apps/page-jsonld.tsx
index a44e58a6877..ad7ab9d949e 100644
--- a/app/[locale]/apps/page-jsonld.tsx
+++ b/app/[locale]/apps/page-jsonld.tsx
@@ -65,7 +65,7 @@ export default async function AppsJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
     reviewedBy: {
@@ -74,7 +74,7 @@ export default async function AppsJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
   }
diff --git a/app/[locale]/assets/page-jsonld.tsx b/app/[locale]/assets/page-jsonld.tsx
index a4aed4b91c4..ef376770bb3 100644
--- a/app/[locale]/assets/page-jsonld.tsx
+++ b/app/[locale]/assets/page-jsonld.tsx
@@ -63,7 +63,7 @@ export default async function AssetsJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
     reviewedBy: {
@@ -72,7 +72,7 @@ export default async function AssetsJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
   }
@@ -119,7 +119,7 @@ export default async function AssetsJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
   }
diff --git a/app/[locale]/bug-bounty/page-jsonld.tsx b/app/[locale]/bug-bounty/page-jsonld.tsx
index 5ec7bcfbe8a..74c597e4b77 100644
--- a/app/[locale]/bug-bounty/page-jsonld.tsx
+++ b/app/[locale]/bug-bounty/page-jsonld.tsx
@@ -63,7 +63,7 @@ export default async function BugBountyJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
     reviewedBy: {
@@ -72,7 +72,7 @@ export default async function BugBountyJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
   }
diff --git a/app/[locale]/collectibles/page-jsonld.tsx b/app/[locale]/collectibles/page-jsonld.tsx
index 1460450657e..30231bb5b09 100644
--- a/app/[locale]/collectibles/page-jsonld.tsx
+++ b/app/[locale]/collectibles/page-jsonld.tsx
@@ -70,7 +70,7 @@ export default async function CollectiblesJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
     reviewedBy: {
@@ -79,7 +79,7 @@ export default async function CollectiblesJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
   }
@@ -110,7 +110,7 @@ export default async function CollectiblesJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
     additionalProperty: [
diff --git a/app/[locale]/community/page-jsonld.tsx b/app/[locale]/community/page-jsonld.tsx
index de22e550d68..ce14986275f 100644
--- a/app/[locale]/community/page-jsonld.tsx
+++ b/app/[locale]/community/page-jsonld.tsx
@@ -63,7 +63,7 @@ export default async function CommunityJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
     reviewedBy: {
@@ -72,7 +72,7 @@ export default async function CommunityJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
   }
@@ -125,7 +125,7 @@ export default async function CommunityJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
   }
diff --git a/app/[locale]/contributing/translation-program/acknowledgements/page-jsonld.tsx b/app/[locale]/contributing/translation-program/acknowledgements/page-jsonld.tsx
index 20252e31780..55b9cb048b4 100644
--- a/app/[locale]/contributing/translation-program/acknowledgements/page-jsonld.tsx
+++ b/app/[locale]/contributing/translation-program/acknowledgements/page-jsonld.tsx
@@ -89,7 +89,7 @@ export default async function AcknowledgementsJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
     reviewedBy: {
@@ -98,7 +98,7 @@ export default async function AcknowledgementsJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
   }
diff --git a/app/[locale]/contributing/translation-program/contributors/page-jsonld.tsx b/app/[locale]/contributing/translation-program/contributors/page-jsonld.tsx
index efedc205907..f6567850a42 100644
--- a/app/[locale]/contributing/translation-program/contributors/page-jsonld.tsx
+++ b/app/[locale]/contributing/translation-program/contributors/page-jsonld.tsx
@@ -87,7 +87,7 @@ export default async function ContributorsJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
     reviewedBy: {
@@ -96,7 +96,7 @@ export default async function ContributorsJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
   }
diff --git a/app/[locale]/contributing/translation-program/translatathon/leaderboard/page-jsonld.tsx b/app/[locale]/contributing/translation-program/translatathon/leaderboard/page-jsonld.tsx
index 9870b43a0ca..6330ce2a6ee 100644
--- a/app/[locale]/contributing/translation-program/translatathon/leaderboard/page-jsonld.tsx
+++ b/app/[locale]/contributing/translation-program/translatathon/leaderboard/page-jsonld.tsx
@@ -87,7 +87,7 @@ export default async function TranslatathonLeaderboardJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
     reviewedBy: {
@@ -96,7 +96,7 @@ export default async function TranslatathonLeaderboardJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
   }
diff --git a/app/[locale]/developers/learning-tools/page-jsonld.tsx b/app/[locale]/developers/learning-tools/page-jsonld.tsx
index 5afff6ca9cf..41a72fa6e1c 100644
--- a/app/[locale]/developers/learning-tools/page-jsonld.tsx
+++ b/app/[locale]/developers/learning-tools/page-jsonld.tsx
@@ -71,7 +71,7 @@ export default async function LearningToolsJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
     reviewedBy: {
@@ -80,7 +80,7 @@ export default async function LearningToolsJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
   }
diff --git a/app/[locale]/developers/local-environment/page-jsonld.tsx b/app/[locale]/developers/local-environment/page-jsonld.tsx
index ef98a6ddd37..b540579a324 100644
--- a/app/[locale]/developers/local-environment/page-jsonld.tsx
+++ b/app/[locale]/developers/local-environment/page-jsonld.tsx
@@ -74,7 +74,7 @@ export default async function LocalEnvironmentJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
     reviewedBy: {
@@ -83,7 +83,7 @@ export default async function LocalEnvironmentJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
   }
@@ -124,7 +124,7 @@ export default async function LocalEnvironmentJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
   }
diff --git a/app/[locale]/developers/page-jsonld.tsx b/app/[locale]/developers/page-jsonld.tsx
index eb5830966b0..ae9d15b45cc 100644
--- a/app/[locale]/developers/page-jsonld.tsx
+++ b/app/[locale]/developers/page-jsonld.tsx
@@ -71,7 +71,7 @@ export default async function DevelopersPageJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
     reviewedBy: {
@@ -80,7 +80,7 @@ export default async function DevelopersPageJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
   }
@@ -127,7 +127,7 @@ export default async function DevelopersPageJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
   }
diff --git a/app/[locale]/developers/tutorials/page-jsonld.tsx b/app/[locale]/developers/tutorials/page-jsonld.tsx
index 82adbb6d75a..29a842dddc7 100644
--- a/app/[locale]/developers/tutorials/page-jsonld.tsx
+++ b/app/[locale]/developers/tutorials/page-jsonld.tsx
@@ -71,7 +71,7 @@ export default async function TutorialsPageJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
     reviewedBy: {
@@ -80,7 +80,7 @@ export default async function TutorialsPageJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
   }
@@ -110,7 +110,7 @@ export default async function TutorialsPageJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
   }
@@ -155,7 +155,7 @@ export default async function TutorialsPageJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
   }
diff --git a/app/[locale]/enterprise/page-jsonld.tsx b/app/[locale]/enterprise/page-jsonld.tsx
index 91d69410a0d..15c2fee4bc7 100644
--- a/app/[locale]/enterprise/page-jsonld.tsx
+++ b/app/[locale]/enterprise/page-jsonld.tsx
@@ -65,7 +65,7 @@ export default async function EnterprisePageJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
     reviewedBy: {
@@ -74,7 +74,7 @@ export default async function EnterprisePageJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
   }
diff --git a/app/[locale]/eth/page-jsonld.tsx b/app/[locale]/eth/page-jsonld.tsx
index 97874d24bb3..211080f22d1 100644
--- a/app/[locale]/eth/page-jsonld.tsx
+++ b/app/[locale]/eth/page-jsonld.tsx
@@ -67,7 +67,7 @@ export default async function EthPageJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
     reviewedBy: {
@@ -76,7 +76,7 @@ export default async function EthPageJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
   }
@@ -102,7 +102,7 @@ export default async function EthPageJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
     dateModified: lastEditLocaleTimestamp,
@@ -116,7 +116,7 @@ export default async function EthPageJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
     about: {
diff --git a/app/[locale]/founders/page-jsonld.tsx b/app/[locale]/founders/page-jsonld.tsx
index 7d9f436b491..e47b6880f20 100644
--- a/app/[locale]/founders/page-jsonld.tsx
+++ b/app/[locale]/founders/page-jsonld.tsx
@@ -65,7 +65,7 @@ export default async function FoundersPageJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
     reviewedBy: {
@@ -74,7 +74,7 @@ export default async function FoundersPageJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
   }
diff --git a/app/[locale]/gas/page-jsonld.tsx b/app/[locale]/gas/page-jsonld.tsx
index 4c120ff13bb..a7972dc3bb3 100644
--- a/app/[locale]/gas/page-jsonld.tsx
+++ b/app/[locale]/gas/page-jsonld.tsx
@@ -72,7 +72,7 @@ export default async function GasPageJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
   }
@@ -102,7 +102,7 @@ export default async function GasPageJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
     dateModified: lastEditLocaleTimestamp,
diff --git a/app/[locale]/get-eth/page-jsonld.tsx b/app/[locale]/get-eth/page-jsonld.tsx
index e5807893fe8..b096c5cea00 100644
--- a/app/[locale]/get-eth/page-jsonld.tsx
+++ b/app/[locale]/get-eth/page-jsonld.tsx
@@ -72,7 +72,7 @@ export default async function GetEthPageJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
   }
@@ -103,7 +103,7 @@ export default async function GetEthPageJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
     dateModified: lastEditLocaleTimestamp,
diff --git a/app/[locale]/layer-2/learn/page-jsonld.tsx b/app/[locale]/layer-2/learn/page-jsonld.tsx
index 27f7ba6c77f..ca37ab0cfd9 100644
--- a/app/[locale]/layer-2/learn/page-jsonld.tsx
+++ b/app/[locale]/layer-2/learn/page-jsonld.tsx
@@ -78,7 +78,7 @@ export default async function Layer2LearnPageJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
   }
@@ -109,7 +109,7 @@ export default async function Layer2LearnPageJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
     dateModified: lastEditLocaleTimestamp,
diff --git a/app/[locale]/layer-2/networks/page-jsonld.tsx b/app/[locale]/layer-2/networks/page-jsonld.tsx
index 202c988b9bd..f246208efb7 100644
--- a/app/[locale]/layer-2/networks/page-jsonld.tsx
+++ b/app/[locale]/layer-2/networks/page-jsonld.tsx
@@ -67,7 +67,7 @@ export default async function Layer2NetworksPageJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
     reviewedBy: {
@@ -76,7 +76,7 @@ export default async function Layer2NetworksPageJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
   }
diff --git a/app/[locale]/layer-2/page-jsonld.tsx b/app/[locale]/layer-2/page-jsonld.tsx
index 5abece3d9a6..0a081f83cc9 100644
--- a/app/[locale]/layer-2/page-jsonld.tsx
+++ b/app/[locale]/layer-2/page-jsonld.tsx
@@ -70,7 +70,7 @@ export default async function Layer2PageJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
   }
@@ -101,7 +101,7 @@ export default async function Layer2PageJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
   }
diff --git a/app/[locale]/learn/page-jsonld.tsx b/app/[locale]/learn/page-jsonld.tsx
index c8529382417..d5ea98aa5e6 100644
--- a/app/[locale]/learn/page-jsonld.tsx
+++ b/app/[locale]/learn/page-jsonld.tsx
@@ -57,7 +57,7 @@ export default async function LearnPageJsonLD({ locale, contributors }) {
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
     reviewedBy: {
@@ -66,7 +66,7 @@ export default async function LearnPageJsonLD({ locale, contributors }) {
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
   }
diff --git a/app/[locale]/page-jsonld.tsx b/app/[locale]/page-jsonld.tsx
index 05da3b4704e..bbc94dd42af 100644
--- a/app/[locale]/page-jsonld.tsx
+++ b/app/[locale]/page-jsonld.tsx
@@ -60,7 +60,7 @@ export default async function IndexPageJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
   }
diff --git a/app/[locale]/quizzes/page-jsonld.tsx b/app/[locale]/quizzes/page-jsonld.tsx
index 5e4d64bc60f..308f644ed14 100644
--- a/app/[locale]/quizzes/page-jsonld.tsx
+++ b/app/[locale]/quizzes/page-jsonld.tsx
@@ -70,7 +70,7 @@ export default async function QuizzesPageJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
   }
diff --git a/app/[locale]/resources/page-jsonld.tsx b/app/[locale]/resources/page-jsonld.tsx
index f2324393da5..35794ae91e0 100644
--- a/app/[locale]/resources/page-jsonld.tsx
+++ b/app/[locale]/resources/page-jsonld.tsx
@@ -70,7 +70,7 @@ export default async function ResourcesPageJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
   }
diff --git a/app/[locale]/roadmap/page-jsonld.tsx b/app/[locale]/roadmap/page-jsonld.tsx
index 516595650cf..9546d4712a5 100644
--- a/app/[locale]/roadmap/page-jsonld.tsx
+++ b/app/[locale]/roadmap/page-jsonld.tsx
@@ -70,7 +70,7 @@ export default async function RoadmapPageJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
   }
@@ -101,7 +101,7 @@ export default async function RoadmapPageJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
     about: {
diff --git a/app/[locale]/roadmap/vision/page-jsonld.tsx b/app/[locale]/roadmap/vision/page-jsonld.tsx
index 3941443e0e0..9a1e8284776 100644
--- a/app/[locale]/roadmap/vision/page-jsonld.tsx
+++ b/app/[locale]/roadmap/vision/page-jsonld.tsx
@@ -78,7 +78,7 @@ export default async function RoadmapVisionPageJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
   }
@@ -109,7 +109,7 @@ export default async function RoadmapVisionPageJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
     about: {
diff --git a/app/[locale]/run-a-node/page-jsonld.tsx b/app/[locale]/run-a-node/page-jsonld.tsx
index 97b262a0600..2385e13360c 100644
--- a/app/[locale]/run-a-node/page-jsonld.tsx
+++ b/app/[locale]/run-a-node/page-jsonld.tsx
@@ -72,7 +72,7 @@ export default async function RunANodePageJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
   }
@@ -103,7 +103,7 @@ export default async function RunANodePageJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
     about: {
diff --git a/app/[locale]/stablecoins/page-jsonld.tsx b/app/[locale]/stablecoins/page-jsonld.tsx
index c91ac8b7236..0fd62fe08f6 100644
--- a/app/[locale]/stablecoins/page-jsonld.tsx
+++ b/app/[locale]/stablecoins/page-jsonld.tsx
@@ -66,7 +66,7 @@ export default async function StablecoinsPageJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
   }
@@ -97,7 +97,7 @@ export default async function StablecoinsPageJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
     about: {
diff --git a/app/[locale]/staking/page-jsonld.tsx b/app/[locale]/staking/page-jsonld.tsx
index 77ba3be1200..37bb723e903 100644
--- a/app/[locale]/staking/page-jsonld.tsx
+++ b/app/[locale]/staking/page-jsonld.tsx
@@ -72,7 +72,7 @@ export default async function StakingPageJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
   }
@@ -103,7 +103,7 @@ export default async function StakingPageJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
     about: {
diff --git a/app/[locale]/start/page-jsonld.tsx b/app/[locale]/start/page-jsonld.tsx
index 474e0f8df6b..5a86a796cc6 100644
--- a/app/[locale]/start/page-jsonld.tsx
+++ b/app/[locale]/start/page-jsonld.tsx
@@ -70,7 +70,7 @@ export default async function StartPageJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
   }
@@ -101,7 +101,7 @@ export default async function StartPageJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
     about: {
diff --git a/app/[locale]/trillion-dollar-security/page-jsonld.tsx b/app/[locale]/trillion-dollar-security/page-jsonld.tsx
index 43226e944f9..2dafb0560ed 100644
--- a/app/[locale]/trillion-dollar-security/page-jsonld.tsx
+++ b/app/[locale]/trillion-dollar-security/page-jsonld.tsx
@@ -70,7 +70,7 @@ export default async function TrillionDollarSecurityPageJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
   }
@@ -101,7 +101,7 @@ export default async function TrillionDollarSecurityPageJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
     about: {
diff --git a/app/[locale]/wallets/find-wallet/page-jsonld.tsx b/app/[locale]/wallets/find-wallet/page-jsonld.tsx
index b374386f711..5661ee7c4ee 100644
--- a/app/[locale]/wallets/find-wallet/page-jsonld.tsx
+++ b/app/[locale]/wallets/find-wallet/page-jsonld.tsx
@@ -78,7 +78,7 @@ export default async function FindWalletPageJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
   }
@@ -109,7 +109,7 @@ export default async function FindWalletPageJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
     about: {
diff --git a/app/[locale]/wallets/page-jsonld.tsx b/app/[locale]/wallets/page-jsonld.tsx
index 8e952f290d5..787b025bc1c 100644
--- a/app/[locale]/wallets/page-jsonld.tsx
+++ b/app/[locale]/wallets/page-jsonld.tsx
@@ -67,7 +67,7 @@ export default async function WalletsPageJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
   }
@@ -98,7 +98,7 @@ export default async function WalletsPageJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
     about: {
diff --git a/app/[locale]/what-is-ethereum/page-jsonld.tsx b/app/[locale]/what-is-ethereum/page-jsonld.tsx
index 4c53f67f9df..6bc74e97e6e 100644
--- a/app/[locale]/what-is-ethereum/page-jsonld.tsx
+++ b/app/[locale]/what-is-ethereum/page-jsonld.tsx
@@ -78,7 +78,7 @@ export default async function WhatIsEthereumPageJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
   }
@@ -109,7 +109,7 @@ export default async function WhatIsEthereumPageJsonLD({
       url: "https://ethereum.org",
       logo: {
         "@type": "ImageObject",
-        url: "https://ethereum.org/favicon-32x32.png",
+        url: "https://ethereum.org/images/eth-home-icon.png",
       },
     },
     about: {

From 070c35dcb4a989d5d39f85a3f3f62ee5ec5f1eb7 Mon Sep 17 00:00:00 2001
From: Pablo Pettinari <pettinarip@gmail.com>
Date: Wed, 17 Sep 2025 13:12:26 +0200
Subject: [PATCH 41/41] fix wrong translation key

---
 app/[locale]/get-eth/page-jsonld.tsx | 4 ++--
 app/[locale]/get-eth/page.tsx        | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/[locale]/get-eth/page-jsonld.tsx b/app/[locale]/get-eth/page-jsonld.tsx
index b096c5cea00..4ed5c49f0fb 100644
--- a/app/[locale]/get-eth/page-jsonld.tsx
+++ b/app/[locale]/get-eth/page-jsonld.tsx
@@ -33,7 +33,7 @@ export default async function GetEthPageJsonLD({
     "@type": "WebPage",
     "@id": url,
     name: t("page-get-eth-meta-title"),
-    description: t("page-get-eth-meta-desc"),
+    description: t("page-get-eth-meta-description"),
     url: url,
     inLanguage: locale,
     contributor: contributorList,
@@ -82,7 +82,7 @@ export default async function GetEthPageJsonLD({
     "@context": "https://schema.org",
     "@type": "Article",
     headline: t("page-get-eth-where-to-buy-title"),
-    description: t("page-get-eth-meta-desc"),
+    description: t("page-get-eth-meta-description"),
     image: "https://ethereum.org/images/get-eth.png", // TODO: adjust value when the old theme breakpoints are removed (src/theme.ts)
     contributor: contributorList,
     author: [
diff --git a/app/[locale]/get-eth/page.tsx b/app/[locale]/get-eth/page.tsx
index 07dcd28b91d..54cff19bc1e 100644
--- a/app/[locale]/get-eth/page.tsx
+++ b/app/[locale]/get-eth/page.tsx
@@ -443,6 +443,6 @@ export async function generateMetadata({
     locale,
     slug: ["get-eth"],
     title: t("page-get-eth-meta-title"),
-    description: t("page-get-eth-meta-desc"),
+    description: t("page-get-eth-meta-description"),
   })
 }