From 70cbf5f6622a278f51f63d4de76ce6db1444ab47 Mon Sep 17 00:00:00 2001
From: Yagiz Nizipli <yagiz@nizipli.com>
Date: Sun, 22 Jun 2025 18:44:34 -0400
Subject: [PATCH 1/2] Revert "fix(esp): add utm params, don't use prohibited
 strings (#7880)"

This reverts commit 2fc64727766de1927d0a3580b0566da38fa794b8.
---
 apps/site/pages/en/index.mdx  | 2 +-
 packages/i18n/locales/en.json | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/site/pages/en/index.mdx b/apps/site/pages/en/index.mdx
index 458f1a3e951d8..f7ca993f0ce3a 100644
--- a/apps/site/pages/en/index.mdx
+++ b/apps/site/pages/en/index.mdx
@@ -21,7 +21,7 @@ layout: home
 
       <Button kind="primary" className="!block dark:!hidden" href="/download">Install Node.js</Button>
 
-      <Button kind="secondary" className="!block" href="https://www.herodevs.com/support/node-nes?utm_source=NodeJS+&utm_medium=Link&utm_campaign=Homepage_button">
+      <Button kind="secondary" className="!block" href="https://www.herodevs.com/support/node-nes">
         <span>Get security support</span>
         <br />
         <small className="!text-xs">for Node.js 18 and below</small>
diff --git a/packages/i18n/locales/en.json b/packages/i18n/locales/en.json
index a1e9f6a3699d9..6afffadc8a004 100644
--- a/packages/i18n/locales/en.json
+++ b/packages/i18n/locales/en.json
@@ -169,7 +169,7 @@
       "minorVersions": "Minor versions",
       "releaseAnnouncement": "Release Announcement",
       "unsupportedVersionWarning": "This version is out of maintenance. Please use a currently supported version. <link>Understand EOL support.</link>",
-      "ltsVersionFeaturesNotice": "Want new features sooner? Get the <link>latest Node.js version</link> instead and try the latest improvements!"
+      "ltsVersionFeaturesNotice": "Want new features sooner? Get the <link>latest Node.js version</link> instead and try the latest improvements on Node!"
     },
     "minorReleasesTable": {
       "version": "Version",
@@ -320,7 +320,7 @@
       },
       "codeBox": {
         "unsupportedVersionWarning": "This version is out of maintenance. Please use a currently supported version. <link>Understand EOL support.</link>",
-        "ltsVersionFeaturesNotice": "Want new features sooner? Get the <link>latest Node.js version</link> instead and try the latest improvements!",
+        "ltsVersionFeaturesNotice": "Want new features sooner? Get the <link>latest Node.js version</link> instead and try the latest improvements on Node!",
         "communityPlatformInfo": "Installation methods that involve community software are supported by the teams maintaining that software.",
         "externalSupportInfo": "If you encounter any issues please visit <link>{platform}'s website</link>",
         "noScriptDetected": "This page requires JavaScript. You can download Node.js without JavaScript by visiting the <link>releases page</link> directly.",

From 0c3a3fc8a28ef5017de69e6b06e85abd133736d5 Mon Sep 17 00:00:00 2001
From: Yagiz Nizipli <yagiz@nizipli.com>
Date: Sun, 22 Jun 2025 18:44:43 -0400
Subject: [PATCH 2/2] Revert "feat: redesigned home page with esp and updated
 downloads page (#7875)"

This reverts commit 8d29e0f9ff8d419c6dc45db3f528b43086eea863.
---
 .../Downloads/Release/ReleaseCodeBox.tsx      |  13 --
 .../Downloads/Release/VersionDropdown.tsx     |  27 +---
 .../Downloads/ReleaseModal/index.tsx          |  17 +--
 apps/site/layouts/GlowingBackdrop.tsx         |   1 -
 apps/site/layouts/layouts.module.css          |   4 +-
 apps/site/pages/en/index.mdx                  |  36 +++--
 apps/site/pages/es/index.mdx                  | 135 +++++++++++++++++
 apps/site/pages/fa/index.mdx                  | 133 +++++++++++++++++
 apps/site/pages/fr/index.mdx                  | 133 +++++++++++++++++
 apps/site/pages/id/index.mdx                  | 135 +++++++++++++++++
 apps/site/pages/ja/index.mdx                  | 133 +++++++++++++++++
 apps/site/pages/ko/index.mdx                  | 137 +++++++++++++++++
 apps/site/pages/pt/index.mdx                  | 135 +++++++++++++++++
 apps/site/pages/tr/index.mdx                  | 139 ++++++++++++++++++
 apps/site/pages/uk/index.mdx                  | 134 +++++++++++++++++
 apps/site/pages/zh-cn/index.mdx               | 132 +++++++++++++++++
 apps/site/pages/zh-tw/index.mdx               | 133 +++++++++++++++++
 packages/i18n/locales/en.json                 |   4 +-
 .../Common/BaseButton/index.module.css        |   5 +-
 19 files changed, 1509 insertions(+), 77 deletions(-)
 create mode 100644 apps/site/pages/es/index.mdx
 create mode 100644 apps/site/pages/fa/index.mdx
 create mode 100644 apps/site/pages/fr/index.mdx
 create mode 100644 apps/site/pages/id/index.mdx
 create mode 100644 apps/site/pages/ja/index.mdx
 create mode 100644 apps/site/pages/ko/index.mdx
 create mode 100644 apps/site/pages/pt/index.mdx
 create mode 100644 apps/site/pages/tr/index.mdx
 create mode 100644 apps/site/pages/uk/index.mdx
 create mode 100644 apps/site/pages/zh-cn/index.mdx
 create mode 100644 apps/site/pages/zh-tw/index.mdx

diff --git a/apps/site/components/Downloads/Release/ReleaseCodeBox.tsx b/apps/site/components/Downloads/Release/ReleaseCodeBox.tsx
index 2aa77839acb44..7e18a7bea4b9b 100644
--- a/apps/site/components/Downloads/Release/ReleaseCodeBox.tsx
+++ b/apps/site/components/Downloads/Release/ReleaseCodeBox.tsx
@@ -38,7 +38,6 @@ const parseSnippet = (s: string, releaseContext: ReleaseContextType) => {
 
 const ReleaseCodeBox: FC = () => {
   const { snippets } = useContext(ReleasesContext);
-
   const { installMethod, os, packageManager, release } =
     useContext(ReleaseContext);
 
@@ -127,18 +126,6 @@ const ReleaseCodeBox: FC = () => {
         </AlertBox>
       )}
 
-      {release.status === 'LTS' && (
-        <AlertBox
-          title={t('components.common.alertBox.info')}
-          level="info"
-          size="small"
-        >
-          {t.rich('layouts.download.codeBox.ltsVersionFeaturesNotice', {
-            link: text => <Link href="/download/current">{text}</Link>,
-          })}
-        </AlertBox>
-      )}
-
       {!currentPlatform || currentPlatform.recommended || (
         <AlertBox
           title={t('components.common.alertBox.info')}
diff --git a/apps/site/components/Downloads/Release/VersionDropdown.tsx b/apps/site/components/Downloads/Release/VersionDropdown.tsx
index 9d962913f6648..c2e1663f09a19 100644
--- a/apps/site/components/Downloads/Release/VersionDropdown.tsx
+++ b/apps/site/components/Downloads/Release/VersionDropdown.tsx
@@ -1,11 +1,10 @@
 'use client';
 
 import Select from '@node-core/ui-components/Common/Select';
-import { useLocale, useTranslations } from 'next-intl';
+import { useTranslations } from 'next-intl';
 import type { FC } from 'react';
 import { useContext } from 'react';
 
-import { redirect, usePathname } from '#site/navigation';
 import {
   ReleaseContext,
   ReleasesContext,
@@ -27,28 +26,6 @@ const VersionDropdown: FC = () => {
   const { releases } = useContext(ReleasesContext);
   const { release, setVersion } = useContext(ReleaseContext);
   const t = useTranslations();
-  const locale = useLocale();
-  const pathname = usePathname();
-
-  // Allows us to keep the route semantically correct to what the user should expect
-  // from the /current and non /current routes.
-  const setVersionOrNavigate = (version: string) => {
-    const release = releases.find(
-      ({ versionWithPrefix }) => versionWithPrefix === version
-    );
-
-    if (release?.status === 'LTS' && pathname.includes('current')) {
-      redirect({ href: '/download', locale });
-      return;
-    }
-
-    if (release?.status === 'Current' && !pathname.includes('current')) {
-      redirect({ href: '/download/current', locale });
-      return;
-    }
-
-    setVersion(version);
-  };
 
   return (
     <Select
@@ -58,7 +35,7 @@ const VersionDropdown: FC = () => {
         label: getDropDownStatus(versionWithPrefix, status),
       }))}
       defaultValue={release.versionWithPrefix}
-      onChange={setVersionOrNavigate}
+      onChange={setVersion}
       className="min-w-36"
       inline={true}
     />
diff --git a/apps/site/components/Downloads/ReleaseModal/index.tsx b/apps/site/components/Downloads/ReleaseModal/index.tsx
index a8887a5397116..83a272a7214a0 100644
--- a/apps/site/components/Downloads/ReleaseModal/index.tsx
+++ b/apps/site/components/Downloads/ReleaseModal/index.tsx
@@ -5,7 +5,6 @@ import type { FC } from 'react';
 
 import { MinorReleasesTable } from '#site/components/Downloads/MinorReleasesTable';
 import { ReleaseOverview } from '#site/components/Downloads/ReleaseOverview';
-import Link from '#site/components/Link';
 import LinkWithArrow from '#site/components/LinkWithArrow';
 import type { NodeRelease } from '#site/types';
 
@@ -39,21 +38,7 @@ const ReleaseModal: FC<ReleaseModalProps> = ({
           level="warning"
           size="small"
         >
-          {t.rich('components.releaseModal.unsupportedVersionWarning', {
-            link: text => <Link href="/about/previous-releases/">{text}</Link>,
-          })}
-        </AlertBox>
-      )}
-
-      {release.status === 'LTS' && (
-        <AlertBox
-          title={t('components.common.alertBox.info')}
-          level="info"
-          size="small"
-        >
-          {t.rich('components.releaseModal.ltsVersionFeaturesNotice', {
-            link: text => <Link href="/download/current">{text}</Link>,
-          })}
+          {t('components.releaseModal.unsupportedVersionWarning')}
         </AlertBox>
       )}
 
diff --git a/apps/site/layouts/GlowingBackdrop.tsx b/apps/site/layouts/GlowingBackdrop.tsx
index fa1a8130ad780..30487e8fd001a 100644
--- a/apps/site/layouts/GlowingBackdrop.tsx
+++ b/apps/site/layouts/GlowingBackdrop.tsx
@@ -16,7 +16,6 @@ const GlowingBackdropLayout: FC<
 > = ({ kind = 'home', children }) => (
   <>
     <WithNavBar />
-
     <div className={styles.centeredLayout}>
       <GlowingBackdrop />
 
diff --git a/apps/site/layouts/layouts.module.css b/apps/site/layouts/layouts.module.css
index 5ea44d167e9fa..09cff10300de0 100644
--- a/apps/site/layouts/layouts.module.css
+++ b/apps/site/layouts/layouts.module.css
@@ -36,7 +36,7 @@
   section {
     &:nth-of-type(1) {
       @apply flex
-        max-w-[400px]
+        max-w-[500px]
         flex-[1_0]
         flex-col
         gap-8;
@@ -56,7 +56,7 @@
           @apply max-xs:text-xs
             text-center
             text-sm
-            text-neutral-600
+            text-neutral-800
             dark:text-neutral-400;
 
           sup {
diff --git a/apps/site/pages/en/index.mdx b/apps/site/pages/en/index.mdx
index f7ca993f0ce3a..95de44c70f2a1 100644
--- a/apps/site/pages/en/index.mdx
+++ b/apps/site/pages/en/index.mdx
@@ -14,19 +14,29 @@ layout: home
 
   </div>
 
-  <div className="flex gap-4">
-
-    <div className="flex flex-col gap-2">
-      <Button kind="special" className="!hidden dark:!block" href="/download">Install Node.js</Button>
-
-      <Button kind="primary" className="!block dark:!hidden" href="/download">Install Node.js</Button>
-
-      <Button kind="secondary" className="!block" href="https://www.herodevs.com/support/node-nes">
-        <span>Get security support</span>
-        <br />
-        <small className="!text-xs">for Node.js 18 and below</small>
-      </Button>
-    </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>
 </section>
diff --git a/apps/site/pages/es/index.mdx b/apps/site/pages/es/index.mdx
new file mode 100644
index 0000000000000..2d590f93c6251
--- /dev/null
+++ b/apps/site/pages/es/index.mdx
@@ -0,0 +1,135 @@
+---
+title: Ejecuta JavaScript en cualquier parte
+layout: home
+---
+
+<section>
+  <WithBadgeGroup 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="Descarga un instalador de Node.js para tu plataforma">1</sup> con soporte a largo plazo.
+            Node.js también puede ser instalado a través de <Link href="/download">gestores de versiones</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 { createReadStream, createWriteStream } from 'node:fs';
+    import { pipeline } from 'node:stream/promises';
+    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
new file mode 100644
index 0000000000000..d1fcd30f94bea
--- /dev/null
+++ b/apps/site/pages/fa/index.mdx
@@ -0,0 +1,133 @@
+---
+title: اجرا جاوااسکریپت در همه جا
+layout: home
+---
+
+<section>
+  <WithBadgeGroup 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 { createReadStream, createWriteStream } from 'node:fs';
+    import { pipeline } from 'node:stream/promises';
+    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
new file mode 100644
index 0000000000000..2b72207fc2c0f
--- /dev/null
+++ b/apps/site/pages/fr/index.mdx
@@ -0,0 +1,133 @@
+---
+title: Exécuter du JavaScript partout
+layout: home
+---
+
+<section>
+  <WithBadgeGroup 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 { createReadStream, createWriteStream } from 'node:fs';
+    import { pipeline } from 'node:stream/promises';
+    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
new file mode 100644
index 0000000000000..504b17b19c1a7
--- /dev/null
+++ b/apps/site/pages/id/index.mdx
@@ -0,0 +1,135 @@
+---
+title: Jalankan JavaScript Di Mana Saja
+layout: home
+---
+
+<section>
+  <WithBadgeGroup 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 { createReadStream, createWriteStream } from 'node:fs';
+    import { pipeline } from 'node:stream/promises';
+    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
new file mode 100644
index 0000000000000..ad52b8da6fe26
--- /dev/null
+++ b/apps/site/pages/ja/index.mdx
@@ -0,0 +1,133 @@
+---
+title: どこでもJavaScriptを使おう
+layout: home
+---
+
+<section>
+  <WithBadgeGroup 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">バージョンマネージャー</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 { createReadStream, createWriteStream } from 'node:fs';
+    import { pipeline } from 'node:stream/promises';
+    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
new file mode 100644
index 0000000000000..a4119867639ba
--- /dev/null
+++ b/apps/site/pages/ko/index.mdx
@@ -0,0 +1,137 @@
+---
+title: 어디서든 JavaScript를 실행하세요
+layout: home
+---
+
+<section>
+<WithBadgeGroup 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 { createReadStream, createWriteStream } from 'node:fs';
+import { pipeline } from 'node:stream/promises';
+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
new file mode 100644
index 0000000000000..aafd3aa3adbcf
--- /dev/null
+++ b/apps/site/pages/pt/index.mdx
@@ -0,0 +1,135 @@
+---
+title: Executar a JavaScript em Toda Parte
+layout: home
+---
+
+<section>
+  <WithBadgeGroup section="index" />
+
+  <div>
+    <h1 className="special">Executar a JavaScript em Toda Parte</h1>
+
+    Node.js® é um ambiente de execução de JavaScript multiplataforma,
+    de código-aberto e gratuita, que permite aos 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>
+            Descarrega a Node.js <b>{release.versionWithPrefix}</b>
+            <sup title="Downloads a Node.js installer for your current platform">1</sup> com suporte de longo prazo.
+            A Node.js também pode ser instalada por meio de <Link href="/download">gestores de versão</Link>.
+          </small>
+        </>
+      )}
+    </WithNodeRelease>
+
+    <WithNodeRelease status={['Current']}>
+      {({ release }) => (
+        <small>
+          Queremos novas funcionalidades mais cedo?
+          Podemos então obter a <b>Node.js <DownloadLink release={release}>{release.versionWithPrefix}</DownloadLink></b>
+          <sup title="Descarrega 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 { createReadStream, createWriteStream } from 'node:fs';
+    import { pipeline } from 'node:stream/promises';
+    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>
+
+É possível saber que mais a Node.js consegue oferecer com os nossos [materiais de estudo](/learn).
+
+</section>
diff --git a/apps/site/pages/tr/index.mdx b/apps/site/pages/tr/index.mdx
new file mode 100644
index 0000000000000..7d4f9f71acba1
--- /dev/null
+++ b/apps/site/pages/tr/index.mdx
@@ -0,0 +1,139 @@
+---
+title: JavaScript'i Her Yerde Çalıştırın
+layout: home
+---
+
+<section>
+  <WithBadgeGroup 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 { createReadStream, createWriteStream } from 'node:fs';
+    import { pipeline } from 'node:stream/promises';
+    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
new file mode 100644
index 0000000000000..3dc5d595ee0c7
--- /dev/null
+++ b/apps/site/pages/uk/index.mdx
@@ -0,0 +1,134 @@
+---
+title: Запускайте JavaScript будь‑де
+layout: home
+---
+
+<section>
+  <WithBadgeGroup 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 { createReadStream, createWriteStream } from 'node:fs';
+    import { pipeline } from 'node:stream/promises';
+    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
new file mode 100644
index 0000000000000..1a8db0b4cefa7
--- /dev/null
+++ b/apps/site/pages/zh-cn/index.mdx
@@ -0,0 +1,132 @@
+---
+title: 在任何地方运行 JavaScript
+layout: home
+---
+
+<section>
+  <WithBadgeGroup 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 { createReadStream, createWriteStream } from 'node:fs';
+    import { pipeline } from 'node:stream/promises';
+    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
new file mode 100644
index 0000000000000..ab67d2e2d9670
--- /dev/null
+++ b/apps/site/pages/zh-tw/index.mdx
@@ -0,0 +1,133 @@
+---
+title: 隨時隨地執行 JavaScript
+layout: home
+---
+
+<section>
+  <WithBadgeGroup 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">版本管理程式</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 { createReadStream, createWriteStream } from 'node:fs';
+    import { pipeline } from 'node:stream/promises';
+    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/packages/i18n/locales/en.json b/packages/i18n/locales/en.json
index 6afffadc8a004..446608b40ef35 100644
--- a/packages/i18n/locales/en.json
+++ b/packages/i18n/locales/en.json
@@ -168,8 +168,7 @@
       "overview": "Overview",
       "minorVersions": "Minor versions",
       "releaseAnnouncement": "Release Announcement",
-      "unsupportedVersionWarning": "This version is out of maintenance. Please use a currently supported version. <link>Understand EOL support.</link>",
-      "ltsVersionFeaturesNotice": "Want new features sooner? Get the <link>latest Node.js version</link> instead and try the latest improvements on Node!"
+      "unsupportedVersionWarning": "This version is out of maintenance. Please use a currently supported version."
     },
     "minorReleasesTable": {
       "version": "Version",
@@ -320,7 +319,6 @@
       },
       "codeBox": {
         "unsupportedVersionWarning": "This version is out of maintenance. Please use a currently supported version. <link>Understand EOL support.</link>",
-        "ltsVersionFeaturesNotice": "Want new features sooner? Get the <link>latest Node.js version</link> instead and try the latest improvements on Node!",
         "communityPlatformInfo": "Installation methods that involve community software are supported by the teams maintaining that software.",
         "externalSupportInfo": "If you encounter any issues please visit <link>{platform}'s website</link>",
         "noScriptDetected": "This page requires JavaScript. You can download Node.js without JavaScript by visiting the <link>releases page</link> directly.",
diff --git a/packages/ui-components/Common/BaseButton/index.module.css b/packages/ui-components/Common/BaseButton/index.module.css
index fda005bcf9daa..d68c893c182c1 100644
--- a/packages/ui-components/Common/BaseButton/index.module.css
+++ b/packages/ui-components/Common/BaseButton/index.module.css
@@ -73,14 +73,11 @@
 
   &.secondary {
     @apply rounded-lg
-      border
-      border-neutral-200
       text-neutral-800
-      dark:border-neutral-900
       dark:text-neutral-200;
 
     &:hover:not([aria-disabled='true']) {
-      @apply bg-neutral-200
+      @apply bg-neutral-100
         text-neutral-800
         dark:bg-neutral-900
         dark:text-neutral-200;