diff --git a/apps/site/components/Common/NodejsLogo/index.tsx b/apps/site/components/Common/NodejsLogo/index.tsx
index 7ca383e10c505..b6b43f48d505a 100644
--- a/apps/site/components/Common/NodejsLogo/index.tsx
+++ b/apps/site/components/Common/NodejsLogo/index.tsx
@@ -1,16 +1,16 @@
-import type { FC } from 'react';
+import type { ComponentProps, FC } from 'react';
 
 import Nodejs from '@/components/Icons/Logos/Nodejs';
 import type { LogoVariant } from '@/types';
 
 import style from './index.module.css';
 
-type NodejsLogoProps = {
+type NodejsLogoProps = ComponentProps<typeof Nodejs> & {
   variant?: LogoVariant;
 };
 
-const NodejsLogo: FC<NodejsLogoProps> = ({ variant = 'default' }) => (
-  <Nodejs variant={variant} className={style.nodejsLogo} />
+const NodejsLogo: FC<NodejsLogoProps> = ({ variant = 'default', ...props }) => (
+  <Nodejs variant={variant} className={style.nodejsLogo} {...props} />
 );
 
 export default NodejsLogo;
diff --git a/apps/site/components/Common/Supporters/SupporterIcon/index.module.css b/apps/site/components/Common/Supporters/SupporterIcon/index.module.css
new file mode 100644
index 0000000000000..679e960e0ef38
--- /dev/null
+++ b/apps/site/components/Common/Supporters/SupporterIcon/index.module.css
@@ -0,0 +1,7 @@
+.supporterIcon {
+  @apply h-12
+    w-12
+    rounded-lg
+    bg-neutral-100
+    p-1;
+}
diff --git a/apps/site/components/Common/Supporters/SupporterIcon/index.tsx b/apps/site/components/Common/Supporters/SupporterIcon/index.tsx
new file mode 100644
index 0000000000000..b27246bb2e792
--- /dev/null
+++ b/apps/site/components/Common/Supporters/SupporterIcon/index.tsx
@@ -0,0 +1,24 @@
+import Link from 'next/link';
+import { cloneElement, type ComponentProps, type FC } from 'react';
+
+import Skeleton from '@/components/Common/Skeleton';
+import type { Supporter } from '@/types';
+
+import style from './index.module.css';
+
+type SupporterIconProps = Supporter & ComponentProps<typeof Skeleton>;
+
+const SupporterIcon: FC<SupporterIconProps> = ({
+  name,
+  href,
+  icon,
+  loading = false,
+}) => (
+  <Skeleton loading={loading}>
+    <Link href={href} aria-label={name}>
+      {cloneElement(icon, { className: style.supporterIcon })}
+    </Link>
+  </Skeleton>
+);
+
+export default SupporterIcon;
diff --git a/apps/site/components/Common/Supporters/SupporterIconList/index.module.css b/apps/site/components/Common/Supporters/SupporterIconList/index.module.css
new file mode 100644
index 0000000000000..a281d91ac9363
--- /dev/null
+++ b/apps/site/components/Common/Supporters/SupporterIconList/index.module.css
@@ -0,0 +1,8 @@
+.supporterIconList {
+  @apply flex
+    flex-row
+    flex-wrap
+    items-center
+    justify-center
+    gap-4;
+}
diff --git a/apps/site/components/Common/Supporters/SupporterIconList/index.tsx b/apps/site/components/Common/Supporters/SupporterIconList/index.tsx
new file mode 100644
index 0000000000000..9451707df2b97
--- /dev/null
+++ b/apps/site/components/Common/Supporters/SupporterIconList/index.tsx
@@ -0,0 +1,67 @@
+'use client';
+
+import { useEffect, useRef, useState, type FC } from 'react';
+
+import SupporterIcon from '@/components/Common/Supporters/SupporterIcon';
+import { randomSupporterList } from '@/components/Common/Supporters/utils';
+import { DEFAULT_SUPPORTERS_LIST } from '@/next.supporters.constants';
+import type { Supporter } from '@/types';
+
+import style from './index.module.css';
+
+type SupporterIconListProps = {
+  supporters: Array<Supporter>;
+  maxLength?: number;
+};
+
+const SupporterIconList: FC<SupporterIconListProps> = ({
+  supporters,
+  maxLength = 4,
+}) => {
+  const initialRenderer = useRef(true);
+
+  const [seedList, setSeedList] = useState<Array<Supporter>>(
+    DEFAULT_SUPPORTERS_LIST
+  );
+
+  useEffect(() => {
+    // We intentionally render the initial default "mock" list of sponsors
+    // to have the Skeletons loading, and then we render the actual list
+    // after an enough amount of time has passed to give a proper sense of Animation
+    // We do this client-side effect, to ensure that a random-amount of sponsors is renderered
+    // on every page load. Since our page is natively static, we need to ensure that
+    // on the client-side we have a random amount of sponsors rendered.
+    // Although whilst we are deployed on Vercel or other environment that supports ISR
+    // (Incremental Static Generation) whose would invalidate the cache every 5 minutes
+    // We want to ensure that this feature is compatible on a full-static environment
+    const renderSponsorsAnimation = setTimeout(() => {
+      initialRenderer.current = false;
+
+      setSeedList(
+        randomSupporterList(
+          supporters,
+          Math.max(supporters.length, maxLength * 2)
+        )
+      );
+    }, 1000);
+
+    return () => clearTimeout(renderSponsorsAnimation);
+    // We only want this to run once on initial render
+    // We don't really care if the props change as realistically they shouldn't ever
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  return (
+    <div className={style.supporterIconList}>
+      {seedList.slice(0, maxLength).map((supporter, index) => (
+        <SupporterIcon
+          {...supporter}
+          loading={initialRenderer.current}
+          key={index}
+        />
+      ))}
+    </div>
+  );
+};
+
+export default SupporterIconList;
diff --git a/apps/site/components/Common/Supporters/SupporterLogo/index.tsx b/apps/site/components/Common/Supporters/SupporterLogo/index.tsx
new file mode 100644
index 0000000000000..04ea0013b8216
--- /dev/null
+++ b/apps/site/components/Common/Supporters/SupporterLogo/index.tsx
@@ -0,0 +1,28 @@
+import classNames from 'classnames';
+import { cloneElement, type FC } from 'react';
+
+import Link from '@/components/Link';
+import type { Supporter } from '@/types';
+
+const SupporterLogoSizeByThreshold: Record<Supporter['threshold'], string> = {
+  0.1: 'h-8 w-8',
+  0.2: 'h-10 w-10',
+  0.3: 'h-12 w-12',
+  0.4: 'h-14 w-14',
+  0.5: 'h-16 w-16',
+  0.6: 'h-18 w-18',
+  0.7: 'h-20 w-20',
+  0.8: 'h-22 w-22',
+  0.9: 'h-24 w-24',
+  1: 'h-24 w-24',
+};
+
+const SupporterLogo: FC<Supporter> = ({ href, logo, name, threshold }) => (
+  <Link href={href} aria-label={name}>
+    {cloneElement(logo, {
+      className: classNames('p-1', SupporterLogoSizeByThreshold[threshold]),
+    })}
+  </Link>
+);
+
+export default SupporterLogo;
diff --git a/apps/site/components/Common/Supporters/SupporterLogoList/index.module.css b/apps/site/components/Common/Supporters/SupporterLogoList/index.module.css
new file mode 100644
index 0000000000000..edc44ad26c355
--- /dev/null
+++ b/apps/site/components/Common/Supporters/SupporterLogoList/index.module.css
@@ -0,0 +1,22 @@
+.supporterLogoList {
+  @apply flex
+    flex-col
+    gap-2;
+}
+
+.supporterTier {
+  @apply flex
+    flex-wrap
+    items-center
+    justify-center
+    gap-4
+    last-of-type:mb-0
+    md:gap-6;
+}
+
+.supporterLogo {
+  @apply flex
+    items-center
+    justify-center
+    p-2;
+}
diff --git a/apps/site/components/Common/Supporters/SupporterLogoList/index.tsx b/apps/site/components/Common/Supporters/SupporterLogoList/index.tsx
new file mode 100644
index 0000000000000..2795b7bc531bc
--- /dev/null
+++ b/apps/site/components/Common/Supporters/SupporterLogoList/index.tsx
@@ -0,0 +1,51 @@
+'use client';
+
+import type { FC } from 'react';
+import { useMemo } from 'react';
+
+import SupporterLogo from '@/components/Common/Supporters/SupporterLogo';
+import type { Supporter } from '@/types';
+
+import styles from './index.module.css';
+
+type SupporterLogoListProps = {
+  supporters: Array<Supporter>;
+};
+
+const SupporterLogoList: FC<SupporterLogoListProps> = ({ supporters }) => {
+  const tiers = useMemo(() => {
+    const sortedSupporters = [...supporters].sort(
+      (a, b) => b.threshold - a.threshold
+    );
+
+    return sortedSupporters.reduce<Record<string, Array<Supporter>>>(
+      (acc, supporter) => ({
+        ...acc,
+        [supporter.threshold]: [...(acc[supporter.threshold] ?? []), supporter],
+      }),
+      {}
+    );
+  }, [supporters]);
+
+  return (
+    <div className={styles.supporterLogoList}>
+      {Object.keys(tiers).map((threshold, index) => (
+        <div className={styles.supporterTier} key={index}>
+          {tiers[threshold].map((supporter, idx) => (
+            <div key={idx} className={styles.supporterLogo}>
+              <SupporterLogo
+                name={supporter.name}
+                logo={supporter.logo}
+                icon={supporter.icon}
+                href={supporter.href}
+                threshold={supporter.threshold}
+              />
+            </div>
+          ))}
+        </div>
+      ))}
+    </div>
+  );
+};
+
+export default SupporterLogoList;
diff --git a/apps/site/components/Common/Supporters/utils.ts b/apps/site/components/Common/Supporters/utils.ts
new file mode 100644
index 0000000000000..0e0fee9c89340
--- /dev/null
+++ b/apps/site/components/Common/Supporters/utils.ts
@@ -0,0 +1,10 @@
+import type { Supporter } from '@/types';
+
+export const randomSupporterList = (
+  supporters: Array<Supporter>,
+  pick: number
+) =>
+  supporters
+    .sort(() => 0.5 - Math.random())
+    .slice(0, pick)
+    .sort((a, b) => b.threshold - a.threshold);
diff --git a/apps/site/components/Containers/Footer/index.tsx b/apps/site/components/Containers/Footer/index.tsx
index e2d2411db1098..f0ec9c5eba6c6 100644
--- a/apps/site/components/Containers/Footer/index.tsx
+++ b/apps/site/components/Containers/Footer/index.tsx
@@ -8,7 +8,7 @@ import LinkedIn from '@/components/Icons/Social/LinkedIn';
 import Mastodon from '@/components/Icons/Social/Mastodon';
 import Slack from '@/components/Icons/Social/Slack';
 import Twitter from '@/components/Icons/Social/Twitter';
-import { siteNavigation } from '@/next.json.mjs';
+import type { FooterConfig, SocialConfig } from '@/types';
 
 import styles from './index.module.css';
 
@@ -21,15 +21,20 @@ const footerSocialIcons: Record<string, React.FC<SVGProps<SVGSVGElement>>> = {
   bluesky: Bluesky,
 };
 
-const Footer: FC = () => {
+type FooterProps = {
+  socialLinks: Array<SocialConfig>;
+  footerLinks: Array<FooterConfig>;
+};
+
+const Footer: FC<FooterProps> = ({ socialLinks, footerLinks }) => {
   const t = useTranslations();
 
-  const openJSlink = siteNavigation.footerLinks.at(-1)!;
+  const openJSlink = footerLinks.at(-1)!;
 
   return (
     <footer className={styles.footer}>
       <div className={styles.sectionPrimary}>
-        {siteNavigation.footerLinks.slice(0, -1).map(item => (
+        {footerLinks.slice(0, -1).map(item => (
           <NavItem type="footer" href={item.link} key={item.link}>
             {t(item.text)}
           </NavItem>
@@ -42,7 +47,7 @@ const Footer: FC = () => {
         </NavItem>
 
         <div className={styles.social}>
-          {siteNavigation.socialLinks.map(link => {
+          {socialLinks.map(link => {
             const SocialIcon = footerSocialIcons[link.icon];
 
             return (
diff --git a/apps/site/components/Downloads/DownloadButton/index.module.css b/apps/site/components/Downloads/DownloadButton/index.module.css
deleted file mode 100644
index 8cb70e57be6c6..0000000000000
--- a/apps/site/components/Downloads/DownloadButton/index.module.css
+++ /dev/null
@@ -1,17 +0,0 @@
-.downloadButton {
-  @apply justify-center;
-
-  &.primary {
-    @apply inline-flex
-      dark:hidden;
-  }
-
-  &.special {
-    @apply hidden
-      dark:inline-flex;
-  }
-
-  svg {
-    @apply dark:opacity-50;
-  }
-}
diff --git a/apps/site/components/Downloads/DownloadButton/index.stories.tsx b/apps/site/components/Downloads/DownloadButton/index.stories.tsx
deleted file mode 100644
index 84c68376a49a9..0000000000000
--- a/apps/site/components/Downloads/DownloadButton/index.stories.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import type { Meta as MetaObj, StoryObj } from '@storybook/react';
-
-import DownloadButton from '@/components/Downloads/DownloadButton';
-
-type Story = StoryObj<typeof DownloadButton>;
-type Meta = MetaObj<typeof DownloadButton>;
-
-export const Default: Story = {
-  args: {
-    release: {
-      currentStart: '2023-04-18',
-      ltsStart: '2023-10-24',
-      maintenanceStart: '2024-10-22',
-      endOfLife: '2026-04-30',
-      status: 'LTS',
-      major: 20,
-      version: '20.11.0',
-      versionWithPrefix: 'v20.11.0',
-      codename: 'Iron',
-      isLts: true,
-      npm: '10.2.4',
-      v8: '11.3.244.8',
-      releaseDate: '2024-01-09',
-      modules: '115',
-    },
-    children: 'Download Node.js',
-  },
-};
-
-export default { component: DownloadButton } as Meta;
diff --git a/apps/site/components/Downloads/DownloadButton/index.tsx b/apps/site/components/Downloads/DownloadButton/index.tsx
deleted file mode 100644
index 622e655acaf02..0000000000000
--- a/apps/site/components/Downloads/DownloadButton/index.tsx
+++ /dev/null
@@ -1,51 +0,0 @@
-'use client';
-
-import { CloudArrowDownIcon } from '@heroicons/react/24/outline';
-import classNames from 'classnames';
-import type { FC, PropsWithChildren } from 'react';
-
-import Button from '@/components/Common/Button';
-import { useClientContext } from '@/hooks';
-import type { NodeRelease } from '@/types';
-import { getNodeDownloadUrl } from '@/util/getNodeDownloadUrl';
-import { getUserPlatform } from '@/util/getUserPlatform';
-
-import styles from './index.module.css';
-
-type DownloadButtonProps = { release: NodeRelease };
-
-const DownloadButton: FC<PropsWithChildren<DownloadButtonProps>> = ({
-  release: { versionWithPrefix },
-  children,
-}) => {
-  const { os, bitness, architecture } = useClientContext();
-
-  const platform = getUserPlatform(architecture, bitness);
-  const downloadLink = getNodeDownloadUrl(versionWithPrefix, os, platform);
-
-  return (
-    <>
-      <Button
-        kind="special"
-        href={downloadLink}
-        className={classNames(styles.downloadButton, styles.special)}
-      >
-        {children}
-
-        <CloudArrowDownIcon />
-      </Button>
-
-      <Button
-        kind="primary"
-        href={downloadLink}
-        className={classNames(styles.downloadButton, styles.primary)}
-      >
-        {children}
-
-        <CloudArrowDownIcon />
-      </Button>
-    </>
-  );
-};
-
-export default DownloadButton;
diff --git a/apps/site/components/withFooter.tsx b/apps/site/components/withFooter.tsx
index abdc64b295f53..8b609da41da1b 100644
--- a/apps/site/components/withFooter.tsx
+++ b/apps/site/components/withFooter.tsx
@@ -1,7 +1,13 @@
 import type { FC } from 'react';
 
 import Footer from '@/components/Containers/Footer';
+import { siteNavigation } from '@/next.json.mjs';
 
-const WithFooter: FC = () => <Footer />;
+const WithFooter: FC = () => (
+  <Footer
+    socialLinks={siteNavigation.socialLinks}
+    footerLinks={siteNavigation.footerLinks}
+  />
+);
 
 export default WithFooter;
diff --git a/apps/site/components/withSupporterIconList.tsx b/apps/site/components/withSupporterIconList.tsx
new file mode 100644
index 0000000000000..7125e95fe1fe7
--- /dev/null
+++ b/apps/site/components/withSupporterIconList.tsx
@@ -0,0 +1,10 @@
+import type { FC } from 'react';
+
+import SupporterIconList from '@/components/Common/Supporters/SupporterIconList';
+import supporters from '@/next.supporters.constants';
+
+const WithSupporterIconList: FC = () => (
+  <SupporterIconList supporters={supporters} />
+);
+
+export default WithSupporterIconList;
diff --git a/apps/site/components/withSupporterLogoList.tsx b/apps/site/components/withSupporterLogoList.tsx
new file mode 100644
index 0000000000000..8fbaf255bf2e4
--- /dev/null
+++ b/apps/site/components/withSupporterLogoList.tsx
@@ -0,0 +1,22 @@
+'use client';
+
+import type { FC } from 'react';
+
+import SupporterLogoList from '@/components/Common/Supporters/SupporterLogoList';
+import supporters from '@/next.supporters.constants';
+
+type WithSupporterLogoListProps = {
+  supporterNames: Array<string>;
+};
+
+const WithSupporterLogoList: FC<WithSupporterLogoListProps> = ({
+  supporterNames,
+}) => (
+  <SupporterLogoList
+    supporters={supporters
+      .filter(({ name }) => supporterNames.includes(name))
+      .slice(0, 3)}
+  />
+);
+
+export default WithSupporterLogoList;
diff --git a/apps/site/navigation.json b/apps/site/navigation.json
index 6198d48562930..19f5d722776ab 100644
--- a/apps/site/navigation.json
+++ b/apps/site/navigation.json
@@ -112,6 +112,10 @@
         "securityReporting": {
           "link": "/about/security-reporting",
           "label": "components.navigation.about.links.security"
+        },
+        "nodeSupporters": {
+          "link": "/about/supporters",
+          "label": "components.navigation.about.links.supporters"
         }
       }
     },
diff --git a/apps/site/next.mdx.use.client.mjs b/apps/site/next.mdx.use.client.mjs
index 64584887b2a7a..45f6d2f5956b8 100644
--- a/apps/site/next.mdx.use.client.mjs
+++ b/apps/site/next.mdx.use.client.mjs
@@ -2,8 +2,6 @@
 
 import Blockquote from './components/Common/Blockquote';
 import Button from './components/Common/Button';
-import DownloadButton from './components/Downloads/DownloadButton';
-import DownloadLink from './components/Downloads/DownloadLink';
 import BlogPostLink from './components/Downloads/Release/BlogPostLink';
 import ChangelogLink from './components/Downloads/Release/ChangelogLink';
 import ReleaseDownloadLink from './components/Downloads/Release/DownloadLink';
@@ -19,6 +17,8 @@ import LinkWithArrow from './components/LinkWithArrow';
 import MDXCodeBox from './components/MDX/CodeBox';
 import MDXCodeTabs from './components/MDX/CodeTabs';
 import MDXImage from './components/MDX/Image';
+import WithSupporterIconList from './components/withSupporterIconList';
+import WithSupporterLogoList from './components/withSupporterLogoList';
 import { ReleaseProvider } from './providers/releaseProvider';
 
 /**
@@ -27,18 +27,18 @@ import { ReleaseProvider } from './providers/releaseProvider';
  * @satisfies {import('mdx/types').MDXComponents}
  */
 export const clientMdxComponents = {
-  // Renders MDX CodeTabs
-  CodeTabs: MDXCodeTabs,
   // Renders a Button Component for `button` tags
   Button: Button,
-  // Links with External Arrow
-  LinkWithArrow: LinkWithArrow,
+  // Renders MDX CodeTabs
+  CodeTabs: MDXCodeTabs,
   // Regular links (without arrow)
   Link: Link,
-  // Renders a Download Button
-  DownloadButton: DownloadButton,
-  // Renders a Download Link
-  DownloadLink: DownloadLink,
+  // Links with External Arrow
+  LinkWithArrow: LinkWithArrow,
+  // A List of supporter Icons
+  SupporterIconList: WithSupporterIconList,
+  // A List of supporter Logos
+  SupporterLogoList: WithSupporterLogoList,
   // Group of components that enable you to select versions for Node.js
   // releases and download selected versions. Uses `releaseProvider` as a provider
   Release: {
diff --git a/apps/site/next.supporters.constants.tsx b/apps/site/next.supporters.constants.tsx
new file mode 100644
index 0000000000000..ec3d7327e0b8e
--- /dev/null
+++ b/apps/site/next.supporters.constants.tsx
@@ -0,0 +1,19 @@
+import JsIconGreen from '@/components/Icons/Logos/JsIconGreen';
+import Nodejs from '@/components/Icons/Logos/Nodejs';
+import type { Supporter } from '@/types';
+
+export const DEFAULT_SUPPORTER: Supporter = {
+  name: 'Supporter',
+  logo: <Nodejs />,
+  icon: <JsIconGreen />,
+  href: 'https://example.com',
+  threshold: 1,
+};
+
+export const DEFAULT_SUPPORTERS_LIST = Array.from(
+  { length: 10 },
+  () => DEFAULT_SUPPORTER
+);
+
+// @TODO: Set actual Supporters here
+export default [...DEFAULT_SUPPORTERS_LIST] as Array<Supporter>;
diff --git a/apps/site/pages/en/about/supporters.mdx b/apps/site/pages/en/about/supporters.mdx
new file mode 100644
index 0000000000000..acedade30afd0
--- /dev/null
+++ b/apps/site/pages/en/about/supporters.mdx
@@ -0,0 +1,80 @@
+---
+title: Node.js Supporters
+layout: about
+---
+
+# Supporters
+
+The work of the Node.js project is driven forward by volunteers. Our preferred form of support
+from an organization is sending your people to contribute on a regular and consistent manner.
+
+However, there is some supporting work within the project that is not the best fit for volunteers.
+For example, when vulnerabilities come with a disclosure deadline there is no guarrantee that
+a volunteers will have time to get the vulnerabilty fixed and out in a security release out in time.
+
+In addition, the project needs non-people resources to continue operating. For example machines for
+the CI infrastructure. While the OpenJS Foundation covers some resources which are needed by the
+project it cannot cover all of them.
+
+For cases were volunteers are not a great fit and for non-people resources we are grateful to the
+sponsors listed on their page for their support.
+
+## Releasers
+
+Regular and timely releases are a key goal for the projectsc. Organizations
+and individuals that support the project by committing to do at least 4
+releases per year include:
+
+<SupporterLogoList supporterNames={['Supporter']} />
+
+## CI stability lead
+
+The project has been having ongoing issues with flaky tests and this has been a major pain point.
+The project, therefore, has a goal to hire a short term ci stability lead who can improve
+ci stability and implement tooling and processes that will provide longer term benefits. The following
+sponsors have made this possible:
+
+<SupporterLogoList supporterNames={['Supporter']} />
+
+## Security
+
+Maintaining a good security posture and addressing vulnerabilities in a timely manner is a key goal
+for the project. We thank the following sponsors for their support in helping to do that.
+
+### Security Lead
+
+Organizations and individuals that support the project by funding our security lead for a mininmum of
+10000 US per year include:
+
+<SupporterLogoList supporterNames={['Supporter']} />
+
+### Security Triage
+
+Organizations and individuals who support the project by commiting at least one person to take a regular slot in our
+security triage rotation include:
+
+<SupporterLogoList supporterNames={['Supporter']} />
+
+### Security Steward
+
+Organizations and individuals that support the project by committing at least one person to
+take a regular slot in our security steward rotation include:
+
+<SupporterLogoList supporterNames={['Supporter']} />
+
+## Infrastructure
+
+Organizations and individuals that support the project by contributing at least $5000 of resources
+to the project per year include:
+
+<SupporterLogoList supporterNames={['Supporter']} />
+
+## General supporters
+
+Organizations and individuals who have contributed at least $500 per year to the project. A
+full list of supporters is available on our GitHub sponsors and Open Collective pages:
+
+- https://github.com/sponsors/nodejs
+- https://opencollective.com/nodejs
+
+<SupporterLogoList supporterNames={['Supporter']} />
diff --git a/apps/site/pages/en/index.mdx b/apps/site/pages/en/index.mdx
index 1558dac0319aa..1a81533e1ae02 100644
--- a/apps/site/pages/en/index.mdx
+++ b/apps/site/pages/en/index.mdx
@@ -14,29 +14,23 @@ layout: home
 
   </div>
 
-  <div>
-    <WithNodeRelease status={['LTS']}>
-      {({ release }) => (
-        <>
-          <DownloadButton release={release}>Download Node.js (LTS)</DownloadButton>
-          <small>
-            Downloads Node.js <b>{release.versionWithPrefix}</b>
-            <sup title="Downloads a Node.js installer for your current platform">1</sup> with long-term support.
-            Node.js can also be installed via <Link href="/download">version managers</Link>.
-          </small>
-        </>
-      )}
-    </WithNodeRelease>
-
-    <WithNodeRelease status={['Current']}>
-      {({ release }) => (
-        <small>
-          Want new features sooner?
-          Get <b>Node.js <DownloadLink release={release}>{release.versionWithPrefix}</DownloadLink></b>
-          <sup title="Downloads a Node.js installer for your current platform">1</sup> instead.
-        </small>
-      )}
-    </WithNodeRelease>
+  <div className="flex gap-4">
+
+    <div className="flex flex-row gap-2">
+      <Button kind="special" className="!hidden dark:!block" href="/download">Download Node.js (LTS)</Button>
+
+      <Button kind="primary" className="!block dark:!hidden" href="/download">Download Node.js (LTS)</Button>
+
+      <Button kind="secondary" href="https://opencollective.com">Support Node.js</Button>
+
+    </div>
+
+    <div className="flex flex-row items-center gap-4">
+      <SupporterIconList />
+
+      <Link href="/about/supporters">and more...</Link>
+
+    </div>
 
   </div>
 </section>
diff --git a/apps/site/pages/es/index.mdx b/apps/site/pages/es/index.mdx
deleted file mode 100644
index 5ef18bf2575ed..0000000000000
--- a/apps/site/pages/es/index.mdx
+++ /dev/null
@@ -1,139 +0,0 @@
----
-title: Ejecuta JavaScript en cualquier parte
-layout: home
----
-
-<section>
-<WithBadge section="index" />
-
-<div>
-  <h1 className="special">Ejecuta JavaScript en cualquier parte</h1>
-
-Node.js® es un entorno de ejecución de JavaScript multiplataforma,
-de código abierto y gratuito que permite a los desarrolladores crear servidores,
-aplicaciones web, herramientas de línea de comando y scripts.
-
-</div>
-
-<div>
-  <WithNodeRelease status={['LTS']}>
-    {({ release }) => (
-      <>
-        <DownloadButton release={release}>Descargar Node.js (LTS)</DownloadButton>
-        <small>
-          Descarga Node.js <b>{release.versionWithPrefix}</b>
-          <sup title="Downloads a Node.js installer for your current platform">1</sup> con soporte a largo plazo.
-          Node.js también puede ser instalado a través de <Link href="/download/package-manager">gestores de paquetes</Link>.
-        </small>
-      </>
-    )}
-  </WithNodeRelease>
-
-  <WithNodeRelease status={['Current']}>
-    {({ release }) => (
-      <small>
-        ¿Quieres nuevas funciones más pronto?
-        Consigue<b>Node.js <DownloadLink release={release}>{release.versionWithPrefix}</DownloadLink></b>
-        <sup title="Downloads a Node.js installer for your current platform">1</sup> en vez.
-      </small>
-    )}
-  </WithNodeRelease>
-</div>
-</section>
-
-<section>
-<div>
-  ```js displayName="Create an HTTP Server"
-  // server.mjs
-  import { createServer } from 'node:http';
-
-const server = createServer((req, res) => {
-res.writeHead(200, { 'Content-Type': 'text/plain' });
-res.end('Hello World!\n');
-});
-
-// starts a simple http server locally on port 3000
-server.listen(3000, '127.0.0.1', () => {
-console.log('Listening on 127.0.0.1:3000');
-});
-
-// run with `node server.mjs`
-
-````
-
-```js displayName="Write Tests"
-// tests.mjs
-import assert from 'node:assert';
-import test from 'node:test';
-
-test('that 1 is equal 1', () => {
-  assert.strictEqual(1, 1);
-});
-
-test('that throws as 1 is not equal 2', () => {
-  // throws an exception because 1 != 2
-  assert.strictEqual(1, 2);
-});
-
-// run with `node tests.mjs`
-````
-
-```js displayName="Read and Hash a File"
-// crypto.mjs
-import { createHash } from 'node:crypto';
-import { readFile } from 'node:fs/promises';
-
-const hasher = createHash('sha1');
-
-hasher.setEncoding('hex');
-// ensure you have a `package.json` file for this test!
-hasher.write(await readFile('package.json'));
-hasher.end();
-
-const fileHash = hasher.read();
-
-// run with `node crypto.mjs`
-```
-
-```js displayName="Streams Pipeline"
-// streams.mjs
-import { pipeline } from 'node:stream/promises';
-import { createReadStream, createWriteStream } from 'node:fs';
-import { createGzip } from 'node:zlib';
-
-// ensure you have a `package.json` file for this test!
-await pipeline(
-  createReadStream('package.json'),
-  createGzip(),
-  createWriteStream('package.json.gz')
-);
-
-// run with `node streams.mjs`
-```
-
-```js displayName="Work with Threads"
-// threads.mjs
-import {
-  Worker,
-  isMainThread,
-  workerData,
-  parentPort,
-} from 'node:worker_threads';
-
-if (isMainThread) {
-  const data = 'some data';
-  const worker = new Worker(import.meta.filename, { workerData: data });
-  worker.on('message', msg => console.log('Reply from Thread:', msg));
-} else {
-  const source = workerData;
-  parentPort.postMessage(btoa(source.toUpperCase()));
-}
-
-// run with `node threads.mjs`
-```
-
-</div>
-
-Aprenda más sobre lo que Node.js puede ofrecer con nuestros [Materiales de aprendizaje](/learn).
-
-</section>
diff --git a/apps/site/pages/fa/index.mdx b/apps/site/pages/fa/index.mdx
deleted file mode 100644
index 10b0356201947..0000000000000
--- a/apps/site/pages/fa/index.mdx
+++ /dev/null
@@ -1,134 +0,0 @@
----
-title: اجرا جاوااسکریپت در همه جا
-layout: home
----
-
-<section>
-  <WithBadge section="index" />
-
-  <div>
-    <h1 className="special">اجرا جاوااسکریپت در همه جا</h1>
-
-    Node.js یک محیط اجرای جاوااسکریپت متن‌باز، رایگان و چندسکویی است
-    که به توسعه دهندگان اجازه می‌دهد تا سرورها، وب اپلیکیشن‌ها
-    ابزارهای خط فرمان و اسکریپت‌ها را ایجاد کنند.
-
-  </div>
-
-  <div>
-    <WithNodeRelease status={['LTS']}>
-      {({ release }) => (
-        <>
-          <DownloadButton release={release}>دانلود Node.js (نسخه پایدار)</DownloadButton>
-          <small>
-            دانلود Node.js <b>{release.versionWithPrefix}</b>
-            <sup title="دانلود نصب‌کننده Node.js برای پلتفرم فعلی شما">1</sup> با پشتیبانی بلندمدت.
-            Node.js همچنین از طریق <Link href="/download/package-manager">package managers</Link> نیز قابل نصب است.
-          </small>
-        </>
-      )}
-    </WithNodeRelease>
-
-    <WithNodeRelease status={['Current']}>
-      {({ release }) => (
-        <small>
-          می‌خواهید زودتر از ویژگی‌های جدید برخوردار شوید؟
-          به‌جای آن <b>Node.js <DownloadLink release={release}>{release.versionWithPrefix}</DownloadLink></b>
-          <sup title="دانلود نصب‌کننده Node.js برای پلتفرم فعلی شما">1</sup> را دریافت کنید.
-        </small>
-      )}
-    </WithNodeRelease>
-
-  </div>
-</section>
-
-<section>
-  <div>
-    ```js displayName="Create an HTTP Server"
-    // server.mjs
-    import { createServer } from 'node:http';
-
-    const server = createServer((req, res) => {
-      res.writeHead(200, { 'Content-Type': 'text/plain' });
-      res.end('Hello World!\n');
-    });
-
-    // starts a simple http server locally on port 3000
-    server.listen(3000, '127.0.0.1', () => {
-      console.log('Listening on 127.0.0.1:3000');
-    });
-
-    // run with `node server.mjs`
-    ```
-
-    ```js displayName="Write Tests"
-    // tests.mjs
-    import assert from 'node:assert';
-    import test from 'node:test';
-
-    test('that 1 is equal 1', () => {
-      assert.strictEqual(1, 1);
-    });
-
-    test('that throws as 1 is not equal 2', () => {
-      // throws an exception because 1 != 2
-      assert.strictEqual(1, 2);
-    });
-
-    // run with `node tests.mjs`
-    ```
-
-    ```js displayName="Read and Hash a File"
-    // crypto.mjs
-    import { createHash } from 'node:crypto';
-    import { readFile } from 'node:fs/promises';
-
-    const hasher = createHash('sha1');
-
-    hasher.setEncoding('hex');
-    // ensure you have a `package.json` file for this test!
-    hasher.write(await readFile('package.json'));
-    hasher.end();
-
-    const fileHash = hasher.read();
-
-    // run with `node crypto.mjs`
-    ```
-
-    ```js displayName="Streams Pipeline"
-    // streams.mjs
-    import { pipeline } from 'node:stream/promises';
-    import { createReadStream, createWriteStream } from 'node:fs';
-    import { createGzip } from 'node:zlib';
-
-    // ensure you have a `package.json` file for this test!
-    await pipeline
-    (
-      createReadStream('package.json'),
-      createGzip(),
-      createWriteStream('package.json.gz')
-    );
-
-    // run with `node streams.mjs`
-    ```
-
-    ```js displayName="Work with Threads"
-    // threads.mjs
-    import { Worker, isMainThread,
-      workerData, parentPort } from 'node:worker_threads';
-
-    if (isMainThread) {
-      const data = 'some data';
-      const worker = new Worker(import.meta.filename, { workerData: data });
-      worker.on('message', msg => console.log('Reply from Thread:', msg));
-    } else {
-      const source = workerData;
-      parentPort.postMessage(btoa(source.toUpperCase()));
-    }
-
-    // run with `node threads.mjs`
-    ```
-
-  </div>
-  با [مطالب آموزشی](/learn) ما، بیشتر در مورد اینکه Node.js چه امکاناتی را ارائه می دهد بیاموزید.
-  </section>
diff --git a/apps/site/pages/fr/index.mdx b/apps/site/pages/fr/index.mdx
deleted file mode 100644
index 4d23f884a27be..0000000000000
--- a/apps/site/pages/fr/index.mdx
+++ /dev/null
@@ -1,137 +0,0 @@
----
-title: Exécuter du JavaScript partout
-layout: home
----
-
-<section>
-<WithBadge section="index" />
-
-<div>
-  <h1 className="special">Exécuter du JavaScript partout</h1>
-
-Node.js® est un environnement d'exécution JavaScript gratuit, open-source et multiplateforme qui permet aux développeurs de créer des serveurs, des applications web, des outils en ligne de commande et des scripts.
-
-</div>
-
-<div>
-  <WithNodeRelease status={['LTS']}>
-    {({ release }) => (
-      <>
-        <DownloadButton release={release}>Télécharger Node.js (LTS)</DownloadButton>
-        <small>
-          Téléchargements Node.js <b>{release.versionWithPrefix}</b>
-          <sup title="Downloads a Node.js installer for your current platform">1</sup> avec un support à long terme.
-          Node.js peut également être installé via <Link href="/download">le gestionnaire de versions</Link>.
-        </small>
-      </>
-    )}
-  </WithNodeRelease>
-
-  <WithNodeRelease status={['Current']}>
-    {({ release }) => (
-      <small>
-        Vous voulez de nouvelles fonctionnalités plus tôt ?
-        Obtenez <b>Node.js <DownloadLink release={release}>{release.versionWithPrefix}</DownloadLink></b>
-        <sup title="Downloads a Node.js installer for your current platform">1</sup> à la place.
-      </small>
-    )}
-  </WithNodeRelease>
-</div>
-</section>
-
-<section>
-<div>
-  ```js displayName="Create an HTTP Server"
-  // server.mjs
-  import { createServer } from 'node:http';
-
-const server = createServer((req, res) => {
-res.writeHead(200, { 'Content-Type': 'text/plain' });
-res.end('Hello World!\n');
-});
-
-// starts a simple http server locally on port 3000
-server.listen(3000, '127.0.0.1', () => {
-console.log('Listening on 127.0.0.1:3000');
-});
-
-// run with `node server.mjs`
-
-````
-
-```js displayName="Write Tests"
-// tests.mjs
-import assert from 'node:assert';
-import test from 'node:test';
-
-test('that 1 is equal 1', () => {
-  assert.strictEqual(1, 1);
-});
-
-test('that throws as 1 is not equal 2', () => {
-  // throws an exception because 1 != 2
-  assert.strictEqual(1, 2);
-});
-
-// run with `node tests.mjs`
-````
-
-```js displayName="Read and Hash a File"
-// crypto.mjs
-import { createHash } from 'node:crypto';
-import { readFile } from 'node:fs/promises';
-
-const hasher = createHash('sha1');
-
-hasher.setEncoding('hex');
-// ensure you have a `package.json` file for this test!
-hasher.write(await readFile('package.json'));
-hasher.end();
-
-const fileHash = hasher.read();
-
-// run with `node crypto.mjs`
-```
-
-```js displayName="Streams Pipeline"
-// streams.mjs
-import { pipeline } from 'node:stream/promises';
-import { createReadStream, createWriteStream } from 'node:fs';
-import { createGzip } from 'node:zlib';
-
-// ensure you have a `package.json` file for this test!
-await pipeline(
-  createReadStream('package.json'),
-  createGzip(),
-  createWriteStream('package.json.gz')
-);
-
-// run with `node streams.mjs`
-```
-
-```js displayName="Work with Threads"
-// threads.mjs
-import {
-  Worker,
-  isMainThread,
-  workerData,
-  parentPort,
-} from 'node:worker_threads';
-
-if (isMainThread) {
-  const data = 'some data';
-  const worker = new Worker(import.meta.filename, { workerData: data });
-  worker.on('message', msg => console.log('Reply from Thread:', msg));
-} else {
-  const source = workerData;
-  parentPort.postMessage(btoa(source.toUpperCase()));
-}
-
-// run with `node threads.mjs`
-```
-
-</div>
-
-Apprenez-en plus sur ce que Node.js est capable d'offrir avec notre [Matériel d'apprentissage](/learn).
-
-</section>
diff --git a/apps/site/pages/id/index.mdx b/apps/site/pages/id/index.mdx
deleted file mode 100644
index a446694c9353d..0000000000000
--- a/apps/site/pages/id/index.mdx
+++ /dev/null
@@ -1,139 +0,0 @@
----
-title: Jalankan JavaScript Di Mana Saja
-layout: home
----
-
-<section>
-<WithBadge section="index" />
-
-<div>
-  <h1 className="special">Jalankan JavaScript Di Mana Saja</h1>
-
-Node.js® adalah lingkungan runtime JavaScript gratis dan sumber terbuka yang
-lintas platform, yang memungkinkan pengembang membuat server, aplikasi web,
-alat baris perintah, dan skrip.
-
-</div>
-
-<div>
-  <WithNodeRelease status={['LTS']}>
-    {({ release }) => (
-      <>
-        <DownloadButton release={release}>Unduh Node.js (LTS)</DownloadButton>
-        <small>
-          Unduhan Node.js <b>{release.versionWithPrefix}</b>
-          <sup title="Mengunduh penginstal Node.js untuk platform Anda saat ini">1</sup> dengan dukungan jangka panjang (LTS).
-          Node.js juga dapat diinstal melalui <Link href="/download">manajer paket</Link>.
-        </small>
-      </>
-    )}
-  </WithNodeRelease>
-
-  <WithNodeRelease status={['Current']}>
-    {({ release }) => (
-      <small>
-        Ingin fitur baru lebih cepat?
-        Dapatkan <b>Node.js <DownloadLink release={release}>{release.versionWithPrefix}</DownloadLink></b>
-        <sup title="Downloads a Node.js installer for your current platform">1</sup> sebagai gantinya.
-      </small>
-    )}
-  </WithNodeRelease>
-</div>
-</section>
-
-<section>
-<div>
-  ```js displayName="Create an HTTP Server"
-  // server.mjs
-  import { createServer } from 'node:http';
-
-const server = createServer((req, res) => {
-res.writeHead(200, { 'Content-Type': 'text/plain' });
-res.end('Hello World!\n');
-});
-
-// starts a simple http server locally on port 3000
-server.listen(3000, '127.0.0.1', () => {
-console.log('Listening on 127.0.0.1:3000');
-});
-
-// run with `node server.mjs`
-
-````
-
-```js displayName="Write Tests"
-// tests.mjs
-import assert from 'node:assert';
-import test from 'node:test';
-
-test('that 1 is equal 1', () => {
-  assert.strictEqual(1, 1);
-});
-
-test('that throws as 1 is not equal 2', () => {
-  // throws an exception because 1 != 2
-  assert.strictEqual(1, 2);
-});
-
-// run with `node tests.mjs`
-````
-
-```js displayName="Read and Hash a File"
-// crypto.mjs
-import { createHash } from 'node:crypto';
-import { readFile } from 'node:fs/promises';
-
-const hasher = createHash('sha1');
-
-hasher.setEncoding('hex');
-// ensure you have a `package.json` file for this test!
-hasher.write(await readFile('package.json'));
-hasher.end();
-
-const fileHash = hasher.read();
-
-// run with `node crypto.mjs`
-```
-
-```js displayName="Streams Pipeline"
-// streams.mjs
-import { pipeline } from 'node:stream/promises';
-import { createReadStream, createWriteStream } from 'node:fs';
-import { createGzip } from 'node:zlib';
-
-// ensure you have a `package.json` file for this test!
-await pipeline(
-  createReadStream('package.json'),
-  createGzip(),
-  createWriteStream('package.json.gz')
-);
-
-// run with `node streams.mjs`
-```
-
-```js displayName="Work with Threads"
-// threads.mjs
-import {
-  Worker,
-  isMainThread,
-  workerData,
-  parentPort,
-} from 'node:worker_threads';
-
-if (isMainThread) {
-  const data = 'some data';
-  const worker = new Worker(import.meta.filename, { workerData: data });
-  worker.on('message', msg => console.log('Reply from Thread:', msg));
-} else {
-  const source = workerData;
-  parentPort.postMessage(btoa(source.toUpperCase()));
-}
-
-// run with `node threads.mjs`
-```
-
-</div>
-
-Pelajari lebih lanjut tentang apa yang bisa ditawarkan Node.js melalui [Bahan Pembelajaran](/learn) kami.
-
-</section>
diff --git a/apps/site/pages/ja/index.mdx b/apps/site/pages/ja/index.mdx
deleted file mode 100644
index 935fef71d8b3d..0000000000000
--- a/apps/site/pages/ja/index.mdx
+++ /dev/null
@@ -1,137 +0,0 @@
----
-title: どこでもJavaScriptを使おう
-layout: home
----
-
-<section>
-<WithBadge section="index" />
-
-<div>
-  <h1 className="special">どこでもJavaScriptを使おう</h1>
-
-Node.js®はクロスプラットフォームに対応したフリーでオープンソースのJavaScript実行環境です。開発者にサーバー、ウェブアプリ、コマンドラインツール、スクリプトなどを開発する環境を提供します。
-
-</div>
-
-<div>
-  <WithNodeRelease status={['LTS']}>
-    {({ release }) => (
-      <>
-        <DownloadButton release={release}>Node.js (LTS)をダウンロードする</DownloadButton>
-        <small>
-          長期サポート版Node.js <b>{release.versionWithPrefix}</b>
-          <sup title="Downloads a Node.js installer for your current platform">1</sup>をダウンロードする。
-          <Link href="/download/package-manager">パッケージマネージャー</Link>を利用したインストール方法もあります。
-        </small>
-      </>
-    )}
-  </WithNodeRelease>
-
-  <WithNodeRelease status={['Current']}>
-    {({ release }) => (
-      <small>
-        最新の機能をすぐに試したい場合は
-        <b>Node.js <DownloadLink release={release}>{release.versionWithPrefix}</DownloadLink></b>
-        <sup title="Downloads a Node.js installer for your current platform">1</sup>をインストールできます。
-      </small>
-    )}
-  </WithNodeRelease>
-</div>
-</section>
-
-<section>
-<div>
-  ```js displayName="Create an HTTP Server"
-  // server.mjs
-  import { createServer } from 'node:http';
-
-const server = createServer((req, res) => {
-res.writeHead(200, { 'Content-Type': 'text/plain' });
-res.end('Hello World!\n');
-});
-
-// starts a simple http server locally on port 3000
-server.listen(3000, '127.0.0.1', () => {
-console.log('Listening on 127.0.0.1:3000');
-});
-
-// run with `node server.mjs`
-
-````
-
-```js displayName="Write Tests"
-// tests.mjs
-import assert from 'node:assert';
-import test from 'node:test';
-
-test('that 1 is equal 1', () => {
-  assert.strictEqual(1, 1);
-});
-
-test('that throws as 1 is not equal 2', () => {
-  // throws an exception because 1 != 2
-  assert.strictEqual(1, 2);
-});
-
-// run with `node tests.mjs`
-````
-
-```js displayName="Read and Hash a File"
-// crypto.mjs
-import { createHash } from 'node:crypto';
-import { readFile } from 'node:fs/promises';
-
-const hasher = createHash('sha1');
-
-hasher.setEncoding('hex');
-// ensure you have a `package.json` file for this test!
-hasher.write(await readFile('package.json'));
-hasher.end();
-
-const fileHash = hasher.read();
-
-// run with `node crypto.mjs`
-```
-
-```js displayName="Streams Pipeline"
-// streams.mjs
-import { pipeline } from 'node:stream/promises';
-import { createReadStream, createWriteStream } from 'node:fs';
-import { createGzip } from 'node:zlib';
-
-// ensure you have a `package.json` file for this test!
-await pipeline(
-  createReadStream('package.json'),
-  createGzip(),
-  createWriteStream('package.json.gz')
-);
-
-// run with `node streams.mjs`
-```
-
-```js displayName="Work with Threads"
-// threads.mjs
-import {
-  Worker,
-  isMainThread,
-  workerData,
-  parentPort,
-} from 'node:worker_threads';
-
-if (isMainThread) {
-  const data = 'some data';
-  const worker = new Worker(import.meta.filename, { workerData: data });
-  worker.on('message', msg => console.log('Reply from Thread:', msg));
-} else {
-  const source = workerData;
-  parentPort.postMessage(btoa(source.toUpperCase()));
-}
-
-// run with `node threads.mjs`
-```
-
-</div>
-
-私たちの[学習教材](/learn)でNode.jsでできることをさらに学んでみましょう。
-
-</section>
diff --git a/apps/site/pages/ko/index.mdx b/apps/site/pages/ko/index.mdx
deleted file mode 100644
index 25f31ed624ab0..0000000000000
--- a/apps/site/pages/ko/index.mdx
+++ /dev/null
@@ -1,137 +0,0 @@
----
-title: 어디서든 JavaScript를 실행하세요
-layout: home
----
-
-<section>
-<WithBadge section="index" />
-
-<div>
-  <h1 className="special">어디서든 JavaScript를 실행하세요</h1>
-
-Node.js®는 무료, 오픈소스, 다중 플랫폼 JavaScript 런타임 환경으로 개발자 여러분이 서버, 웹 애플리케이션, 명령어 작성 도구와 스크립트를 만들도록 해줍니다.
-
-</div>
-
-<div>
-  <WithNodeRelease status={['LTS']}>
-    {({ release }) => (
-      <>
-        <DownloadButton release={release}>Node.js 다운로드 (LTS)</DownloadButton>
-        <small>
-          Node.js 다운로드  <b>{release.versionWithPrefix}</b>
-          <sup title="Downloads a Node.js installer for your current platform">1</sup> LTS.
-          Node.js는 <Link href="/download/package-manager">패키지 관리자</Link>를 통해서도 다운로드 할 수 있습니다.
-        </small>
-      </>
-    )}
-  </WithNodeRelease>
-
-  <WithNodeRelease status={['Current']}>
-    {({ release }) => (
-      <small>
-        새로운 기능을 먼저 경험하고 싶다면
-         <b>Node.js <DownloadLink release={release}>{release.versionWithPrefix}</DownloadLink></b>
-        <sup title="Downloads a Node.js installer for your current platform">1</sup> 를 다운 받으세요.
-      </small>
-    )}
-  </WithNodeRelease>
-</div>
-</section>
-
-<section>
-<div>
-  ```js displayName="Create an HTTP Server"
-  // server.mjs
-  import { createServer } from 'node:http';
-
-const server = createServer((req, res) => {
-res.writeHead(200, { 'Content-Type': 'text/plain' });
-res.end('Hello World!\n');
-});
-
-// starts a simple http server locally on port 3000
-server.listen(3000, '127.0.0.1', () => {
-console.log('Listening on 127.0.0.1:3000');
-});
-
-// run with `node server.mjs`
-
-````
-
-```js displayName="Write Tests"
-// tests.mjs
-import assert from 'node:assert';
-import test from 'node:test';
-
-test('that 1 is equal 1', () => {
-  assert.strictEqual(1, 1);
-});
-
-test('that throws as 1 is not equal 2', () => {
-  // throws an exception because 1 != 2
-  assert.strictEqual(1, 2);
-});
-
-// run with `node tests.mjs`
-````
-
-```js displayName="Read and Hash a File"
-// crypto.mjs
-import { createHash } from 'node:crypto';
-import { readFile } from 'node:fs/promises';
-
-const hasher = createHash('sha1');
-
-hasher.setEncoding('hex');
-// ensure you have a `package.json` file for this test!
-hasher.write(await readFile('package.json'));
-hasher.end();
-
-const fileHash = hasher.read();
-
-// run with `node crypto.mjs`
-```
-
-```js displayName="Streams Pipeline"
-// streams.mjs
-import { pipeline } from 'node:stream/promises';
-import { createReadStream, createWriteStream } from 'node:fs';
-import { createGzip } from 'node:zlib';
-
-// ensure you have a `package.json` file for this test!
-await pipeline(
-  createReadStream('package.json'),
-  createGzip(),
-  createWriteStream('package.json.gz')
-);
-
-// run with `node streams.mjs`
-```
-
-```js displayName="Work with Threads"
-// threads.mjs
-import {
-  Worker,
-  isMainThread,
-  workerData,
-  parentPort,
-} from 'node:worker_threads';
-
-if (isMainThread) {
-  const data = 'some data';
-  const worker = new Worker(import.meta.filename, { workerData: data });
-  worker.on('message', msg => console.log('Reply from Thread:', msg));
-} else {
-  const source = workerData;
-  parentPort.postMessage(btoa(source.toUpperCase()));
-}
-
-// run with `node threads.mjs`
-```
-
-</div>
-
-Node.js가 제공하는 [학습 자료](/learn)를 통해 더 많은 정보를 알아보세요.
-
-</section>
diff --git a/apps/site/pages/pt/index.mdx b/apps/site/pages/pt/index.mdx
deleted file mode 100644
index 21f1e16961367..0000000000000
--- a/apps/site/pages/pt/index.mdx
+++ /dev/null
@@ -1,134 +0,0 @@
----
-title: Executar a JavaScript em Toda Parte
-layout: home
----
-
-<section>
-  <WithBadge section="index" />
-
-  <div>
-    <h1 className="special">Executar a JavaScript em Toda Parte</h1>
-
-    Node.js® é uma ambiente de execução de JavaScript disponível para várias plataformas,
-    de código aberto e gratuita, que permite os programadores criar servidores, aplicações
-    da Web, ferramentas de linha de comando e programas de automação de tarefas.
-
-  </div>
-
-  <div>
-    <WithNodeRelease status={['LTS']}>
-      {({ release }) => (
-        <>
-          <DownloadButton release={release}>Descarregar a Node.js (LTS)</DownloadButton>
-          <small>
-            Descarregar a Node.js <b>{release.versionWithPrefix}</b>
-            <sup title="Descarregar um instalador da Node.js para a nossa plataforma atual">1</sup> com o suporte de longo prazo.
-            A Node.js também pode ser instalada através dos <Link href="/download/package-manager">gestores de pacotes</Link>.
-          </small>
-        </>
-      )}
-    </WithNodeRelease>
-
-    <WithNodeRelease status={['Current']}>
-      {({ release }) => (
-        <small>
-          Se estivermos ansiosos quanto as novas funcionalidades,
-          podemos obter a <b>Node.js <DownloadLink release={release}>{release.versionWithPrefix}</DownloadLink></b>
-          <sup title="Descarregar um instalador da Node.js para a nossa plataforma atual">1</sup>.
-        </small>
-      )}
-    </WithNodeRelease>
-
-  </div>
-</section>
-
-<section>
-  <div>
-    ```js displayName="Create an HTTP Server"
-    // server.mjs
-    import { createServer } from 'node:http';
-
-    const server = createServer((req, res) => {
-      res.writeHead(200, { 'Content-Type': 'text/plain' });
-      res.end('Hello World!\n');
-    });
-
-    // starts a simple http server locally on port 3000
-    server.listen(3000, '127.0.0.1', () => {
-      console.log('Listening on 127.0.0.1:3000');
-    });
-
-    // run with `node server.mjs`
-    ```
-
-    ```js displayName="Write Tests"
-    // tests.mjs
-    import assert from 'node:assert';
-    import test from 'node:test';
-
-    test('that 1 is equal 1', () => {
-      assert.strictEqual(1, 1);
-    });
-
-    test('that throws as 1 is not equal 2', () => {
-      // throws an exception because 1 != 2
-      assert.strictEqual(1, 2);
-    });
-
-    // run with `node tests.mjs`
-    ```
-
-    ```js displayName="Read and Hash a File"
-    // crypto.mjs
-    import { createHash } from 'node:crypto';
-    import { readFile } from 'node:fs/promises';
-
-    const hasher = createHash('sha1');
-
-    hasher.setEncoding('hex');
-    // ensure you have a `package.json` file for this test!
-    hasher.write(await readFile('package.json'));
-    hasher.end();
-
-    const fileHash = hasher.read();
-
-    // run with `node crypto.mjs`
-    ```
-
-    ```js displayName="Streams Pipeline"
-    // streams.mjs
-    import { pipeline } from 'node:stream/promises';
-    import { createReadStream, createWriteStream } from 'node:fs';
-    import { createGzip } from 'node:zlib';
-
-    // ensure you have a `package.json` file for this test!
-    await pipeline
-    (
-      createReadStream('package.json'),
-      createGzip(),
-      createWriteStream('package.json.gz')
-    );
-
-    // run with `node streams.mjs`
-    ```
-
-    ```js displayName="Work with Threads"
-    // threads.mjs
-    import { Worker, isMainThread,
-      workerData, parentPort } from 'node:worker_threads';
-
-    if (isMainThread) {
-      const data = 'some data';
-      const worker = new Worker(import.meta.filename, { workerData: data });
-      worker.on('message', msg => console.log('Reply from Thread:', msg));
-    } else {
-      const source = workerData;
-      parentPort.postMessage(btoa(source.toUpperCase()));
-    }
-
-    // run with `node threads.mjs`
-    ```
-
-  </div>
-  Podemos saber mais do que a Node.js é capaz de oferecer com os nossos [materiais de aprendizado](/learn).
-</section>
diff --git a/apps/site/pages/tr/index.mdx b/apps/site/pages/tr/index.mdx
deleted file mode 100644
index 742f803ab7bbc..0000000000000
--- a/apps/site/pages/tr/index.mdx
+++ /dev/null
@@ -1,140 +0,0 @@
----
-title: JavaScript'i Her Yerde Çalıştırın
-layout: home
----
-
-<section>
-  <WithBadge section="index" />
-
-  <div>
-    <h1 className="special">Her Yerde JavaScript Çalıştırın</h1>
-
-    Node.js®, ücretsiz, açık kaynaklı, çapraz platform JavaScript çalıştırma ortamıdır.
-    Geliştiricilere sunucular, web uygulamaları, komut satırı araçları ve betikler oluşturma
-    imkanı sağlar.
-
-  </div>
-
-  <div>
-    <WithNodeRelease status={['LTS']}>
-      {({ release }) => (
-        <>
-          <DownloadButton release={release}>Node.js'i İndir (LTS)</DownloadButton>
-          <small>
-            Node.js'i indir <b>{release.versionWithPrefix}</b>
-            <sup title="Mevcut platformunuz için bir Node.js yükleyicisi indirir">1</sup> uzun vadeli destek ile indirin.
-            Node.js ayrıca <Link href="/download/package-manager">paket yöneticileri</Link> aracılığıyla da kurulabilir.
-          </small>
-        </>
-      )}
-    </WithNodeRelease>
-
-    <WithNodeRelease status={['Current']}>
-      {({ release }) => (
-        <small>
-          Yeni özellikleri daha erken mi istiyorsunuz?{" "}
-          <b>
-            Node.js{" "}
-            <DownloadLink release={release}>
-              {release.versionWithPrefix}
-            </DownloadLink>
-          </b>{" "}
-          <sup title="Geçerli platformunuz için bir Node.js yükleyicisi indirir">1</sup>{" "}
-          alabilirsiniz.
-        </small>
-      )}
-    </WithNodeRelease>
-
-  </div>
-</section>
-
-<section>
-  <div>
-    ```js displayName="Create an HTTP Server"
-    // server.mjs
-    import { createServer } from 'node:http';
-
-    const server = createServer((req, res) => {
-      res.writeHead(200, { 'Content-Type': 'text/plain' });
-      res.end('Hello World!\n');
-    });
-
-    // starts a simple http server locally on port 3000
-    server.listen(3000, '127.0.0.1', () => {
-      console.log('Listening on 127.0.0.1:3000');
-    });
-
-    // run with `node server.mjs`
-    ```
-
-    ```js displayName="Write Tests"
-    // tests.mjs
-    import assert from 'node:assert';
-    import test from 'node:test';
-
-    test('that 1 is equal 1', () => {
-      assert.strictEqual(1, 1);
-    });
-
-    test('that throws as 1 is not equal 2', () => {
-      // throws an exception because 1 != 2
-      assert.strictEqual(1, 2);
-    });
-
-    // run with `node tests.mjs`
-    ```
-
-    ```js displayName="Read and Hash a File"
-    // crypto.mjs
-    import { createHash } from 'node:crypto';
-    import { readFile } from 'node:fs/promises';
-
-    const hasher = createHash('sha1');
-
-    hasher.setEncoding('hex');
-    // ensure you have a `package.json` file for this test!
-    hasher.write(await readFile('package.json'));
-    hasher.end();
-
-    const fileHash = hasher.read();
-
-    // run with `node crypto.mjs`
-    ```
-
-    ```js displayName="Streams Pipeline"
-    // streams.mjs
-    import { pipeline } from 'node:stream/promises';
-    import { createReadStream, createWriteStream } from 'node:fs';
-    import { createGzip } from 'node:zlib';
-
-    // ensure you have a `package.json` file for this test!
-    await pipeline
-    (
-      createReadStream('package.json'),
-      createGzip(),
-      createWriteStream('package.json.gz')
-    );
-
-    // run with `node streams.mjs`
-    ```
-
-    ```js displayName="Work with Threads"
-    // threads.mjs
-    import { Worker, isMainThread,
-      workerData, parentPort } from 'node:worker_threads';
-
-    if (isMainThread) {
-      const data = 'some data';
-      const worker = new Worker(import.meta.filename, { workerData: data });
-      worker.on('message', msg => console.log('Reply from Thread:', msg));
-    } else {
-      const source = workerData;
-      parentPort.postMessage(btoa(source.toUpperCase()));
-    }
-
-    // run with `node threads.mjs`
-    ```
-
-  </div>
-  Node.js'in sunabileceklerini daha yakından keşfetmek için [Öğrenme materyallerimize](/learn) göz atın.
-</section>
diff --git a/apps/site/pages/uk/index.mdx b/apps/site/pages/uk/index.mdx
deleted file mode 100644
index a1ea7751f6f0d..0000000000000
--- a/apps/site/pages/uk/index.mdx
+++ /dev/null
@@ -1,138 +0,0 @@
----
-title: Запускайте JavaScript будь-де
-layout: home
----
-
-<section>
-<WithBadge section="index" />
-
-<div>
-  <h1 className="special">Запускайте JavaScript будь-де</h1>
-
-Node.js® — це безплатне, кросплатформне середовище виконання JavaScript із відкритим кодом,
-яке дозволяє розробникам створювати сервери, вебзастосунки, інструменти командного рядка та скрипти.
-
-</div>
-
-<div>
-  <WithNodeRelease status={['LTS']}>
-    {({ release }) => (
-      <>
-        <DownloadButton release={release}>Завантажити Node.js (LTS)</DownloadButton>
-        <small>
-          Завантажує Node.js <b>{release.versionWithPrefix}</b>
-          <sup title="Downloads a Node.js installer for your current platform">1</sup> із довгостроковою підтримкою.
-          Node.js також можна встановити через <Link href="/download">менеджери версій</Link>.
-        </small>
-      </>
-    )}
-  </WithNodeRelease>
-
-  <WithNodeRelease status={['Current']}>
-    {({ release }) => (
-      <small>
-        Хочете отримати нові функції швидше?
-        Завантажте <b>Node.js <DownloadLink release={release}>{release.versionWithPrefix}</DownloadLink></b>
-        <sup title="Downloads a Node.js installer for your current platform">1</sup>.
-      </small>
-    )}
-  </WithNodeRelease>
-</div>
-</section>
-
-<section>
-<div>
-  ```js displayName="Create an HTTP Server"
-  // server.mjs
-  import { createServer } from 'node:http';
-
-const server = createServer((req, res) => {
-res.writeHead(200, { 'Content-Type': 'text/plain' });
-res.end('Hello World!\n');
-});
-
-// starts a simple http server locally on port 3000
-server.listen(3000, '127.0.0.1', () => {
-console.log('Listening on 127.0.0.1:3000');
-});
-
-// run with `node server.mjs`
-
-````
-
-```js displayName="Write Tests"
-// tests.mjs
-import assert from 'node:assert';
-import test from 'node:test';
-
-test('that 1 is equal 1', () => {
-  assert.strictEqual(1, 1);
-});
-
-test('that throws as 1 is not equal 2', () => {
-  // throws an exception because 1 != 2
-  assert.strictEqual(1, 2);
-});
-
-// run with `node tests.mjs`
-````
-
-```js displayName="Read and Hash a File"
-// crypto.mjs
-import { createHash } from 'node:crypto';
-import { readFile } from 'node:fs/promises';
-
-const hasher = createHash('sha1');
-
-hasher.setEncoding('hex');
-// ensure you have a `package.json` file for this test!
-hasher.write(await readFile('package.json'));
-hasher.end();
-
-const fileHash = hasher.read();
-
-// run with `node crypto.mjs`
-```
-
-```js displayName="Streams Pipeline"
-// streams.mjs
-import { pipeline } from 'node:stream/promises';
-import { createReadStream, createWriteStream } from 'node:fs';
-import { createGzip } from 'node:zlib';
-
-// ensure you have a `package.json` file for this test!
-await pipeline(
-  createReadStream('package.json'),
-  createGzip(),
-  createWriteStream('package.json.gz')
-);
-
-// run with `node streams.mjs`
-```
-
-```js displayName="Work with Threads"
-// threads.mjs
-import {
-  Worker,
-  isMainThread,
-  workerData,
-  parentPort,
-} from 'node:worker_threads';
-
-if (isMainThread) {
-  const data = 'some data';
-  const worker = new Worker(import.meta.filename, { workerData: data });
-  worker.on('message', msg => console.log('Reply from Thread:', msg));
-} else {
-  const source = workerData;
-  parentPort.postMessage(btoa(source.toUpperCase()));
-}
-
-// run with `node threads.mjs`
-```
-
-</div>
-
-Дізнайтеся більше про можливості Node.js із [нашими навчальними матеріалами](/learn).
-
-</section>
diff --git a/apps/site/pages/zh-cn/index.mdx b/apps/site/pages/zh-cn/index.mdx
deleted file mode 100644
index 9809abe73cdb7..0000000000000
--- a/apps/site/pages/zh-cn/index.mdx
+++ /dev/null
@@ -1,133 +0,0 @@
----
-title: 在任何地方运行 JavaScript
-layout: home
----
-
-<section>
-  <WithBadge section="index" />
-
-  <div>
-    <h1 className="special">在任何地方运行 JavaScript</h1>
-
-    Node.js® 是一个免费、开源、跨平台的 JavaScript 运行时环境, 它让开发人员能够创建服务器
-    Web 应用、命令行工具和脚本。
-
-  </div>
-
-  <div>
-    <WithNodeRelease status={['LTS']}>
-      {({ release }) => (
-        <>
-          <DownloadButton release={release}>下载 Node.js (LTS)</DownloadButton>
-          <small>
-            下载 Node.js <b>{release.versionWithPrefix}</b>
-            <sup title="Downloads a Node.js installer for your current platform">1</sup> 长期支持版本。
-            Node.js 也可以通过 <Link href="/download/package-manager">软件包管理器</Link> 进行安装。
-          </small>
-        </>
-      )}
-    </WithNodeRelease>
-
-    <WithNodeRelease status={['Current']}>
-      {({ release }) => (
-      <small>
-      想要更快获得新功能吗？
-      获取 <b>Node.js <DownloadLink release={release}>{release.versionWithPrefix}</DownloadLink></b>
-      <sup title="Downloads a Node.js installer for your current platform">1</sup> 版本吧。
-      </small>
-      )}
-    </WithNodeRelease>
-
-  </div>
-</section>
-
-<section>
-  <div>
-    ```js displayName="Create an HTTP Server"
-    // server.mjs
-    import { createServer } from 'node:http';
-
-    const server = createServer((req, res) => {
-      res.writeHead(200, { 'Content-Type': 'text/plain' });
-      res.end('Hello World!\n');
-    });
-
-    // starts a simple http server locally on port 3000
-    server.listen(3000, '127.0.0.1', () => {
-      console.log('Listening on 127.0.0.1:3000');
-    });
-
-    // run with `node server.mjs`
-    ```
-
-    ```js displayName="Write Tests"
-    // tests.mjs
-    import assert from 'node:assert';
-    import test from 'node:test';
-
-    test('that 1 is equal 1', () => {
-      assert.strictEqual(1, 1);
-    });
-
-    test('that throws as 1 is not equal 2', () => {
-      // throws an exception because 1 != 2
-      assert.strictEqual(1, 2);
-    });
-
-    // run with `node tests.mjs`
-    ```
-
-    ```js displayName="Read and Hash a File"
-    // crypto.mjs
-    import { createHash } from 'node:crypto';
-    import { readFile } from 'node:fs/promises';
-
-    const hasher = createHash('sha1');
-
-    hasher.setEncoding('hex');
-    // ensure you have a `package.json` file for this test!
-    hasher.write(await readFile('package.json'));
-    hasher.end();
-
-    const fileHash = hasher.read();
-
-    // run with `node crypto.mjs`
-    ```
-
-    ```js displayName="Streams Pipeline"
-    // streams.mjs
-    import { pipeline } from 'node:stream/promises';
-    import { createReadStream, createWriteStream } from 'node:fs';
-    import { createGzip } from 'node:zlib';
-
-    // ensure you have a `package.json` file for this test!
-    await pipeline
-    (
-      createReadStream('package.json'),
-      createGzip(),
-      createWriteStream('package.json.gz')
-    );
-
-    // run with `node streams.mjs`
-    ```
-
-    ```js displayName="Work with Threads"
-    // threads.mjs
-    import { Worker, isMainThread,
-      workerData, parentPort } from 'node:worker_threads';
-
-    if (isMainThread) {
-      const data = 'some data';
-      const worker = new Worker(import.meta.filename, { workerData: data });
-      worker.on('message', msg => console.log('Reply from Thread:', msg));
-    } else {
-      const source = workerData;
-      parentPort.postMessage(btoa(source.toUpperCase()));
-    }
-
-    // run with `node threads.mjs`
-    ```
-
-  </div>
-  通过我们的[学习资料](/learn)了解 Node.js 。
-</section>
diff --git a/apps/site/pages/zh-tw/index.mdx b/apps/site/pages/zh-tw/index.mdx
deleted file mode 100644
index 31c0945a4c935..0000000000000
--- a/apps/site/pages/zh-tw/index.mdx
+++ /dev/null
@@ -1,137 +0,0 @@
----
-title: 隨時隨地執行 JavaScript
-layout: home
----
-
-<section>
-<WithBadge section="index" />
-
-<div>
-  <h1 className="special">隨時隨地執行 JavaScript</h1>
-
-Node.js® 是一款免費的跨平台開源 JavaScript 執行環境，供開發者建立伺服器、網頁應用程式、命令列工具與指令稿。
-
-</div>
-
-<div>
-  <WithNodeRelease status={['LTS']}>
-    {({ release }) => (
-      <>
-        <DownloadButton release={release}>下載 Node.js (LTS)</DownloadButton>
-        <small>
-          下載享有長期支援的 Node.js <b>{release.versionWithPrefix}</b>
-          <sup title="下載適用於您目前平台的 Node.js 安裝程式">1</sup>。
-          您也可以透過<Link href="/download/package-manager">套件管理程式</Link>來安裝 Node.js。
-        </small>
-      </>
-    )}
-  </WithNodeRelease>
-
-  <WithNodeRelease status={['Current']}>
-    {({ release }) => (
-      <small>
-        想要更快體驗新功能嗎？
-        那就下載 <b>Node.js <DownloadLink release={release}>{release.versionWithPrefix}</DownloadLink></b>
-        <sup title="Downloads a Node.js installer for your current platform">1</sup> 吧。
-      </small>
-    )}
-  </WithNodeRelease>
-</div>
-</section>
-
-<section>
-<div>
-  ```js displayName="Create an HTTP Server"
-  // server.mjs
-  import { createServer } from 'node:http';
-
-const server = createServer((req, res) => {
-res.writeHead(200, { 'Content-Type': 'text/plain' });
-res.end('Hello World!\n');
-});
-
-// starts a simple http server locally on port 3000
-server.listen(3000, '127.0.0.1', () => {
-console.log('Listening on 127.0.0.1:3000');
-});
-
-// run with `node server.mjs`
-
-````
-
-```js displayName="Write Tests"
-// tests.mjs
-import assert from 'node:assert';
-import test from 'node:test';
-
-test('that 1 is equal 1', () => {
-  assert.strictEqual(1, 1);
-});
-
-test('that throws as 1 is not equal 2', () => {
-  // throws an exception because 1 != 2
-  assert.strictEqual(1, 2);
-});
-
-// run with `node tests.mjs`
-````
-
-```js displayName="Read and Hash a File"
-// crypto.mjs
-import { createHash } from 'node:crypto';
-import { readFile } from 'node:fs/promises';
-
-const hasher = createHash('sha1');
-
-hasher.setEncoding('hex');
-// ensure you have a `package.json` file for this test!
-hasher.write(await readFile('package.json'));
-hasher.end();
-
-const fileHash = hasher.read();
-
-// run with `node crypto.mjs`
-```
-
-```js displayName="Streams Pipeline"
-// streams.mjs
-import { pipeline } from 'node:stream/promises';
-import { createReadStream, createWriteStream } from 'node:fs';
-import { createGzip } from 'node:zlib';
-
-// ensure you have a `package.json` file for this test!
-await pipeline(
-  createReadStream('package.json'),
-  createGzip(),
-  createWriteStream('package.json.gz')
-);
-
-// run with `node streams.mjs`
-```
-
-```js displayName="Work with Threads"
-// threads.mjs
-import {
-  Worker,
-  isMainThread,
-  workerData,
-  parentPort,
-} from 'node:worker_threads';
-
-if (isMainThread) {
-  const data = 'some data';
-  const worker = new Worker(import.meta.filename, { workerData: data });
-  worker.on('message', msg => console.log('Reply from Thread:', msg));
-} else {
-  const source = workerData;
-  parentPort.postMessage(btoa(source.toUpperCase()));
-}
-
-// run with `node threads.mjs`
-```
-
-</div>
-
-我們提供大量[學習資源](/learn)，探索 Node.js 的無限潛能。
-
-</section>
diff --git a/apps/site/types/index.ts b/apps/site/types/index.ts
index 53eb2fe7fc6fa..be5fdec24e015 100644
--- a/apps/site/types/index.ts
+++ b/apps/site/types/index.ts
@@ -1,14 +1,15 @@
+export * from './author';
 export * from './blog';
+export * from './calendar';
 export * from './config';
+export * from './downloads';
 export * from './features';
 export * from './frontmatter';
+export * from './github';
 export * from './i18n';
 export * from './layouts';
 export * from './navigation';
-export * from './releases';
 export * from './redirects';
+export * from './releases';
 export * from './server';
-export * from './github';
-export * from './calendar';
-export * from './author';
-export * from './downloads';
+export * from './supporters';
diff --git a/apps/site/types/supporters.ts b/apps/site/types/supporters.ts
new file mode 100644
index 0000000000000..fc2f2118d6d14
--- /dev/null
+++ b/apps/site/types/supporters.ts
@@ -0,0 +1,14 @@
+import type { ReactElement, SVGProps } from 'react';
+
+export interface Supporter {
+  // The name of the sponsor
+  name: string;
+  // A full blown logo to render on the supporters page
+  logo: ReactElement<SVGProps<SVGSVGElement>>;
+  // A logomark that represents the supporter / icon-sized as it will be 48x48 px
+  icon: ReactElement<SVGProps<SVGSVGElement>>;
+  // The promoted link to their website or social media
+  href: string;
+  // The threshold of how often a Supporter should be choosen to render within the Home Page
+  threshold: 0.1 | 0.2 | 0.3 | 0.4 | 0.5 | 0.6 | 0.7 | 0.8 | 0.9 | 1;
+}
diff --git a/packages/i18n/locales/en.json b/packages/i18n/locales/en.json
index 8f48727af4695..c12aacb2011f6 100644
--- a/packages/i18n/locales/en.json
+++ b/packages/i18n/locales/en.json
@@ -130,7 +130,8 @@
           "branding": "Branding of Node.js",
           "governance": "Project Governance",
           "releases": "Node.js Releases",
-          "security": "Security Reporting"
+          "security": "Security Reporting",
+          "supporters": "Node.js Supporters"
         }
       },
       "getInvolved": {