From d4ec23a8c0d5da49db6f1fe5342e21326eb8e14e Mon Sep 17 00:00:00 2001
From: Claudio Wunder <cwunder@gnome.org>
Date: Wed, 18 Jun 2025 01:21:43 +0200
Subject: [PATCH 01/11] feat: redesigned home page with esp and updated
 downloads page

---
 .../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                  |  42 +++---
 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, 83 insertions(+), 1509 deletions(-)
 delete mode 100644 apps/site/pages/es/index.mdx
 delete mode 100644 apps/site/pages/fa/index.mdx
 delete mode 100644 apps/site/pages/fr/index.mdx
 delete mode 100644 apps/site/pages/id/index.mdx
 delete mode 100644 apps/site/pages/ja/index.mdx
 delete mode 100644 apps/site/pages/ko/index.mdx
 delete mode 100644 apps/site/pages/pt/index.mdx
 delete mode 100644 apps/site/pages/tr/index.mdx
 delete mode 100644 apps/site/pages/uk/index.mdx
 delete mode 100644 apps/site/pages/zh-cn/index.mdx
 delete 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 7e18a7bea4b9b..2aa77839acb44 100644
--- a/apps/site/components/Downloads/Release/ReleaseCodeBox.tsx
+++ b/apps/site/components/Downloads/Release/ReleaseCodeBox.tsx
@@ -38,6 +38,7 @@ const parseSnippet = (s: string, releaseContext: ReleaseContextType) => {
 
 const ReleaseCodeBox: FC = () => {
   const { snippets } = useContext(ReleasesContext);
+
   const { installMethod, os, packageManager, release } =
     useContext(ReleaseContext);
 
@@ -126,6 +127,18 @@ 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 c2e1663f09a19..9d962913f6648 100644
--- a/apps/site/components/Downloads/Release/VersionDropdown.tsx
+++ b/apps/site/components/Downloads/Release/VersionDropdown.tsx
@@ -1,10 +1,11 @@
 'use client';
 
 import Select from '@node-core/ui-components/Common/Select';
-import { useTranslations } from 'next-intl';
+import { useLocale, useTranslations } from 'next-intl';
 import type { FC } from 'react';
 import { useContext } from 'react';
 
+import { redirect, usePathname } from '#site/navigation';
 import {
   ReleaseContext,
   ReleasesContext,
@@ -26,6 +27,28 @@ 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
@@ -35,7 +58,7 @@ const VersionDropdown: FC = () => {
         label: getDropDownStatus(versionWithPrefix, status),
       }))}
       defaultValue={release.versionWithPrefix}
-      onChange={setVersion}
+      onChange={setVersionOrNavigate}
       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 83a272a7214a0..aee2631482d13 100644
--- a/apps/site/components/Downloads/ReleaseModal/index.tsx
+++ b/apps/site/components/Downloads/ReleaseModal/index.tsx
@@ -5,6 +5,7 @@ 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,6 +40,22 @@ const ReleaseModal: FC<ReleaseModalProps> = ({
           size="small"
         >
           {t('components.releaseModal.unsupportedVersionWarning')}
+
+          {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>,
+          })}
         </AlertBox>
       )}
 
diff --git a/apps/site/layouts/GlowingBackdrop.tsx b/apps/site/layouts/GlowingBackdrop.tsx
index 30487e8fd001a..fa1a8130ad780 100644
--- a/apps/site/layouts/GlowingBackdrop.tsx
+++ b/apps/site/layouts/GlowingBackdrop.tsx
@@ -16,6 +16,7 @@ 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 09cff10300de0..5ea44d167e9fa 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-[500px]
+        max-w-[400px]
         flex-[1_0]
         flex-col
         gap-8;
@@ -56,7 +56,7 @@
           @apply max-xs:text-xs
             text-center
             text-sm
-            text-neutral-800
+            text-neutral-600
             dark:text-neutral-400;
 
           sup {
diff --git a/apps/site/pages/en/index.mdx b/apps/site/pages/en/index.mdx
index 95de44c70f2a1..ef51f55cd9d87 100644
--- a/apps/site/pages/en/index.mdx
+++ b/apps/site/pages/en/index.mdx
@@ -14,29 +14,25 @@ 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-col gap-2">
+      <Button kind="special" className="!hidden dark:!block w-100" href="/download">Install Node.js</Button>
+
+      <Button kind="primary" className="!block dark:!hidden w-100" href="/download">Install Node.js</Button>
+
+      <Button kind="secondary" className="!hidden dark:!block w-100" href="https://www.herodevs.com/support/node-nes">
+        <span>Get security support</span>
+        <br />
+        <small>for Node.js 18 and below</small>
+      </Button>
+
+      <Button kind="neutral" className="!block dark:!hidden w-100" href="https://www.herodevs.com/support/node-nes">
+        <span>Get security support</span>
+        <br />
+        <small>for Node.js 18 and below</small>
+      </Button>
+    </div>
 
   </div>
 </section>
diff --git a/apps/site/pages/es/index.mdx b/apps/site/pages/es/index.mdx
deleted file mode 100644
index 2d590f93c6251..0000000000000
--- a/apps/site/pages/es/index.mdx
+++ /dev/null
@@ -1,135 +0,0 @@
----
-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
deleted file mode 100644
index d1fcd30f94bea..0000000000000
--- a/apps/site/pages/fa/index.mdx
+++ /dev/null
@@ -1,133 +0,0 @@
----
-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
deleted file mode 100644
index 2b72207fc2c0f..0000000000000
--- a/apps/site/pages/fr/index.mdx
+++ /dev/null
@@ -1,133 +0,0 @@
----
-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
deleted file mode 100644
index 504b17b19c1a7..0000000000000
--- a/apps/site/pages/id/index.mdx
+++ /dev/null
@@ -1,135 +0,0 @@
----
-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
deleted file mode 100644
index ad52b8da6fe26..0000000000000
--- a/apps/site/pages/ja/index.mdx
+++ /dev/null
@@ -1,133 +0,0 @@
----
-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
deleted file mode 100644
index a4119867639ba..0000000000000
--- a/apps/site/pages/ko/index.mdx
+++ /dev/null
@@ -1,137 +0,0 @@
----
-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
deleted file mode 100644
index aafd3aa3adbcf..0000000000000
--- a/apps/site/pages/pt/index.mdx
+++ /dev/null
@@ -1,135 +0,0 @@
----
-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
deleted file mode 100644
index 7d4f9f71acba1..0000000000000
--- a/apps/site/pages/tr/index.mdx
+++ /dev/null
@@ -1,139 +0,0 @@
----
-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
deleted file mode 100644
index 3dc5d595ee0c7..0000000000000
--- a/apps/site/pages/uk/index.mdx
+++ /dev/null
@@ -1,134 +0,0 @@
----
-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
deleted file mode 100644
index 1a8db0b4cefa7..0000000000000
--- a/apps/site/pages/zh-cn/index.mdx
+++ /dev/null
@@ -1,132 +0,0 @@
----
-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
deleted file mode 100644
index ab67d2e2d9670..0000000000000
--- a/apps/site/pages/zh-tw/index.mdx
+++ /dev/null
@@ -1,133 +0,0 @@
----
-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 446608b40ef35..2bb22216b4e77 100644
--- a/packages/i18n/locales/en.json
+++ b/packages/i18n/locales/en.json
@@ -168,7 +168,8 @@
       "overview": "Overview",
       "minorVersions": "Minor versions",
       "releaseAnnouncement": "Release Announcement",
-      "unsupportedVersionWarning": "This version is out of maintenance. Please use a currently supported version."
+      "unsupportedVersionWarning": "This version is out of maintenance. Please use a currently supported version. <link>Understand EOL support.</link>",
+      "ltsVersionFeaturesNotice": "Want new features sooner? Get <link>Latest Node.js</link> instead and try the latest improvements on Node!"
     },
     "minorReleasesTable": {
       "version": "Version",
@@ -319,6 +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 <link>Latest Node.js</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 d68c893c182c1..4ace433dda40c 100644
--- a/packages/ui-components/Common/BaseButton/index.module.css
+++ b/packages/ui-components/Common/BaseButton/index.module.css
@@ -73,13 +73,14 @@
 
   &.secondary {
     @apply rounded-lg
+      bg-neutral-900
       text-neutral-800
       dark:text-neutral-200;
 
     &:hover:not([aria-disabled='true']) {
-      @apply bg-neutral-100
+      @apply bg-neutral-200
         text-neutral-800
-        dark:bg-neutral-900
+        dark:bg-neutral-800
         dark:text-neutral-200;
     }
 

From b75b0e51540ee6e2b21baa4846e1cf44b2eca46d Mon Sep 17 00:00:00 2001
From: Claudio Wunder <cwunder@gnome.org>
Date: Wed, 18 Jun 2025 01:33:39 +0200
Subject: [PATCH 02/11] chore: code review from copilot

---
 apps/site/components/Downloads/ReleaseModal/index.tsx | 2 --
 1 file changed, 2 deletions(-)

diff --git a/apps/site/components/Downloads/ReleaseModal/index.tsx b/apps/site/components/Downloads/ReleaseModal/index.tsx
index aee2631482d13..a8887a5397116 100644
--- a/apps/site/components/Downloads/ReleaseModal/index.tsx
+++ b/apps/site/components/Downloads/ReleaseModal/index.tsx
@@ -39,8 +39,6 @@ const ReleaseModal: FC<ReleaseModalProps> = ({
           level="warning"
           size="small"
         >
-          {t('components.releaseModal.unsupportedVersionWarning')}
-
           {t.rich('components.releaseModal.unsupportedVersionWarning', {
             link: text => <Link href="/about/previous-releases/">{text}</Link>,
           })}

From bf4adf91ba20b145cd8f9f1ae9e464fd5f0bbf53 Mon Sep 17 00:00:00 2001
From: Claudio Wunder <cwunder@gnome.org>
Date: Wed, 18 Jun 2025 01:39:15 +0200
Subject: [PATCH 03/11] chore: design review

---
 packages/ui-components/Common/BaseButton/index.module.css | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/ui-components/Common/BaseButton/index.module.css b/packages/ui-components/Common/BaseButton/index.module.css
index 4ace433dda40c..e6122e9f28a55 100644
--- a/packages/ui-components/Common/BaseButton/index.module.css
+++ b/packages/ui-components/Common/BaseButton/index.module.css
@@ -73,8 +73,9 @@
 
   &.secondary {
     @apply rounded-lg
-      bg-neutral-900
       text-neutral-800
+      dark:border
+      dark:border-neutral-900
       dark:text-neutral-200;
 
     &:hover:not([aria-disabled='true']) {

From 3a145f9cb63089da5df3084cd17763360bb122cc Mon Sep 17 00:00:00 2001
From: Claudio Wunder <cwunder@gnome.org>
Date: Wed, 18 Jun 2025 01:42:34 +0200
Subject: [PATCH 04/11] chore: font-size review

---
 apps/site/pages/en/index.mdx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/site/pages/en/index.mdx b/apps/site/pages/en/index.mdx
index ef51f55cd9d87..bb55ac17e8074 100644
--- a/apps/site/pages/en/index.mdx
+++ b/apps/site/pages/en/index.mdx
@@ -24,13 +24,13 @@ layout: home
       <Button kind="secondary" className="!hidden dark:!block w-100" href="https://www.herodevs.com/support/node-nes">
         <span>Get security support</span>
         <br />
-        <small>for Node.js 18 and below</small>
+        <small className="text-xs!">for Node.js 18 and below</small>
       </Button>
 
       <Button kind="neutral" className="!block dark:!hidden w-100" href="https://www.herodevs.com/support/node-nes">
         <span>Get security support</span>
         <br />
-        <small>for Node.js 18 and below</small>
+        <small className="text-xs!">for Node.js 18 and below</small>
       </Button>
     </div>
 

From a5351ed58d28752d35102b663a4c70d4f293b67a Mon Sep 17 00:00:00 2001
From: Claudio Wunder <cwunder@gnome.org>
Date: Wed, 18 Jun 2025 11:10:16 +0200
Subject: [PATCH 05/11] chore: fix css

---
 apps/site/pages/en/index.mdx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/apps/site/pages/en/index.mdx b/apps/site/pages/en/index.mdx
index bb55ac17e8074..6558f6fa212be 100644
--- a/apps/site/pages/en/index.mdx
+++ b/apps/site/pages/en/index.mdx
@@ -17,20 +17,20 @@ layout: home
   <div className="flex gap-4">
 
     <div className="flex flex-col gap-2">
-      <Button kind="special" className="!hidden dark:!block w-100" href="/download">Install Node.js</Button>
+      <Button kind="special" className="!hidden dark:!block" href="/download">Install Node.js</Button>
 
-      <Button kind="primary" className="!block dark:!hidden w-100" href="/download">Install Node.js</Button>
+      <Button kind="primary" className="!block dark:!hidden" href="/download">Install Node.js</Button>
 
-      <Button kind="secondary" className="!hidden dark:!block w-100" href="https://www.herodevs.com/support/node-nes">
+      <Button kind="secondary" className="!hidden dark:!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>
+        <small className="text-xs">for Node.js 18 and below</small>
       </Button>
 
-      <Button kind="neutral" className="!block dark:!hidden w-100" href="https://www.herodevs.com/support/node-nes">
+      <Button kind="neutral" className="!block dark:!hidden" 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>
+        <small className="text-xs">for Node.js 18 and below</small>
       </Button>
     </div>
 

From f48153dec035ba776ccc85aa31a813b9f9bcf8b4 Mon Sep 17 00:00:00 2001
From: Claudio Wunder <cwunder@gnome.org>
Date: Wed, 18 Jun 2025 23:50:22 +0200
Subject: [PATCH 06/11] chore: important prefix

---
 apps/site/pages/en/index.mdx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/site/pages/en/index.mdx b/apps/site/pages/en/index.mdx
index 6558f6fa212be..4cad1500f0c68 100644
--- a/apps/site/pages/en/index.mdx
+++ b/apps/site/pages/en/index.mdx
@@ -24,13 +24,13 @@ layout: home
       <Button kind="secondary" className="!hidden dark:!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>
+        <small className="!text-xs">for Node.js 18 and below</small>
       </Button>
 
       <Button kind="neutral" className="!block dark:!hidden" 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>
+        <small className="!text-xs">for Node.js 18 and below</small>
       </Button>
     </div>
 

From a78d5e71b2389323c3a5a934d79212047b381f57 Mon Sep 17 00:00:00 2001
From: Claudio Wunder <cwunder@gnome.org>
Date: Wed, 18 Jun 2025 23:58:01 +0200
Subject: [PATCH 07/11] chore: adjust buttons

---
 apps/site/pages/en/index.mdx                              | 2 +-
 packages/ui-components/Common/BaseButton/index.module.css | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/apps/site/pages/en/index.mdx b/apps/site/pages/en/index.mdx
index 4cad1500f0c68..2b3ecef0a15f2 100644
--- a/apps/site/pages/en/index.mdx
+++ b/apps/site/pages/en/index.mdx
@@ -27,7 +27,7 @@ layout: home
         <small className="!text-xs">for Node.js 18 and below</small>
       </Button>
 
-      <Button kind="neutral" className="!block dark:!hidden" href="https://www.herodevs.com/support/node-nes">
+      <Button kind="secondary" className="!block dark:!hidden" 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/ui-components/Common/BaseButton/index.module.css b/packages/ui-components/Common/BaseButton/index.module.css
index e6122e9f28a55..fda005bcf9daa 100644
--- a/packages/ui-components/Common/BaseButton/index.module.css
+++ b/packages/ui-components/Common/BaseButton/index.module.css
@@ -73,15 +73,16 @@
 
   &.secondary {
     @apply rounded-lg
+      border
+      border-neutral-200
       text-neutral-800
-      dark:border
       dark:border-neutral-900
       dark:text-neutral-200;
 
     &:hover:not([aria-disabled='true']) {
       @apply bg-neutral-200
         text-neutral-800
-        dark:bg-neutral-800
+        dark:bg-neutral-900
         dark:text-neutral-200;
     }
 

From 4bdbbe6457a8ea9aab8fcb045ffaa65a014533e2 Mon Sep 17 00:00:00 2001
From: Claudio Wunder <cwunder@gnome.org>
Date: Thu, 19 Jun 2025 01:32:26 +0200
Subject: [PATCH 08/11] chore: applied code review

---
 apps/site/pages/en/index.mdx  | 6 ------
 packages/i18n/locales/en.json | 4 ++--
 2 files changed, 2 insertions(+), 8 deletions(-)

diff --git a/apps/site/pages/en/index.mdx b/apps/site/pages/en/index.mdx
index 2b3ecef0a15f2..5ce2f61237732 100644
--- a/apps/site/pages/en/index.mdx
+++ b/apps/site/pages/en/index.mdx
@@ -26,12 +26,6 @@ layout: home
         <br />
         <small className="!text-xs">for Node.js 18 and below</small>
       </Button>
-
-      <Button kind="secondary" className="!block dark:!hidden" 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>
diff --git a/packages/i18n/locales/en.json b/packages/i18n/locales/en.json
index 2bb22216b4e77..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 <link>Latest Node.js</link> instead and try the latest improvements on Node!"
+      "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 <link>Latest Node.js</link> instead and try the latest improvements on Node!",
+        "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 bf6ce4191fdae99597ecd651fb51b2e7936f3c1f Mon Sep 17 00:00:00 2001
From: Claudio Wunder <cwunder@gnome.org>
Date: Thu, 19 Jun 2025 01:39:03 +0200
Subject: [PATCH 09/11] fix: button on all variants

---
 apps/site/pages/en/index.mdx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/site/pages/en/index.mdx b/apps/site/pages/en/index.mdx
index 5ce2f61237732..1eeff8883076e 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="!hidden dark:!block" href="https://www.herodevs.com/support/node-nes">
+      <Button kind="secondary" 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>

From 75d2873515f1dbc45136bf418b1ce7b488a59d11 Mon Sep 17 00:00:00 2001
From: Claudio Wunder <cwunder@gnome.org>
Date: Thu, 19 Jun 2025 02:02:10 +0200
Subject: [PATCH 10/11] fix: display block

---
 apps/site/pages/en/index.mdx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/site/pages/en/index.mdx b/apps/site/pages/en/index.mdx
index 1eeff8883076e..f8428aef750a5 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" href="https://www.herodevs.com/support/node-nes">
+      <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>

From 9698046f12e5205e1b2d8c29028e085c561ba2e6 Mon Sep 17 00:00:00 2001
From: Claudio Wunder <cwunder@gnome.org>
Date: Thu, 19 Jun 2025 02:02:44 +0200
Subject: [PATCH 11/11] fix: forgot !

---
 apps/site/pages/en/index.mdx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/site/pages/en/index.mdx b/apps/site/pages/en/index.mdx
index f8428aef750a5..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">
+      <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>