From 78c4bc12284c31432919a5a870f7028daf04a404 Mon Sep 17 00:00:00 2001
From: Mohit5Upadhyay <129863157+Mohit5Upadhyay@users.noreply.github.com>
Date: Fri, 26 Sep 2025 22:03:19 +0530
Subject: [PATCH] feat: add End-of-life (EOL) link under About menu (#8156)

* feat: add End-of-life (EOL) link under About menu

* fix(eol): change layout from article to about to restore sidebar for End-Of-Life page

* refactor(eol): update all internal links to /about/eol for consistency
---
 apps/site/components/EOL/EOLAlert.tsx        | 2 +-
 apps/site/components/withReleaseAlertBox.tsx | 2 +-
 apps/site/navigation.json                    | 4 ++++
 apps/site/pages/en/{ => about}/eol.mdx       | 2 +-
 apps/site/pages/en/index.mdx                 | 2 +-
 apps/site/pages/fr/index.mdx                 | 2 +-
 apps/site/pages/ja/index.mdx                 | 5 +++--
 apps/site/pages/ro/index.mdx                 | 2 +-
 apps/site/pages/uk/index.mdx                 | 2 +-
 apps/site/redirects.json                     | 4 ++++
 packages/i18n/src/locales/en.json            | 3 ++-
 11 files changed, 20 insertions(+), 10 deletions(-)
 rename apps/site/pages/en/{ => about}/eol.mdx (99%)

diff --git a/apps/site/components/EOL/EOLAlert.tsx b/apps/site/components/EOL/EOLAlert.tsx
index 446949b5c3c6a..f6718e3884bf4 100644
--- a/apps/site/components/EOL/EOLAlert.tsx
+++ b/apps/site/components/EOL/EOLAlert.tsx
@@ -8,7 +8,7 @@ const EOLAlert = () => {
   return (
     <AlertBox level="warning">
       {t.rich('components.eolAlert.message', {
-        link: text => <Link href="/eol">{text}</Link>,
+        link: text => <Link href="/about/eol">{text}</Link>,
       })}
     </AlertBox>
   );
diff --git a/apps/site/components/withReleaseAlertBox.tsx b/apps/site/components/withReleaseAlertBox.tsx
index ccab6943e76dd..840f8bb3dd5d4 100644
--- a/apps/site/components/withReleaseAlertBox.tsx
+++ b/apps/site/components/withReleaseAlertBox.tsx
@@ -21,7 +21,7 @@ const WithReleaseAlertBox: FC<WithReleaseAlertBoxProps> = ({ status }) => {
           size="small"
         >
           {t.rich('layouts.download.codeBox.unsupportedVersionWarning', {
-            link: text => <Link href="/eol">{text}</Link>,
+            link: text => <Link href="/about/eol">{text}</Link>,
           })}
         </AlertBox>
       );
diff --git a/apps/site/navigation.json b/apps/site/navigation.json
index 025763c89aa89..3b2ae36115e2a 100644
--- a/apps/site/navigation.json
+++ b/apps/site/navigation.json
@@ -113,6 +113,10 @@
         "branding": {
           "link": "/about/branding",
           "label": "components.navigation.about.links.branding"
+        },
+        "eol": {
+          "link": "/about/eol",
+          "label": "components.navigation.about.links.eol"
         }
       }
     },
diff --git a/apps/site/pages/en/eol.mdx b/apps/site/pages/en/about/eol.mdx
similarity index 99%
rename from apps/site/pages/en/eol.mdx
rename to apps/site/pages/en/about/eol.mdx
index 7d45b0eecd42f..1df997c3c72e8 100644
--- a/apps/site/pages/en/eol.mdx
+++ b/apps/site/pages/en/about/eol.mdx
@@ -1,6 +1,6 @@
 ---
 title: End-Of-Life
-layout: article
+layout: about
 description: Understand Node.js End-of-Life, what it means for security, tooling, and compliance, plus EOL version details and commercial support options.
 ---
 
diff --git a/apps/site/pages/en/index.mdx b/apps/site/pages/en/index.mdx
index 0721fafa8b692..6d8aa5ca2efb4 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">Get Node.js®</Button>
 
-      <Button kind="secondary" className="!block" href="/eol">
+      <Button kind="secondary" className="!block" href="/about/eol">
         <span>Get security support</span>
         <br />
         <small className="!text-xs">for EOL Node.js versions</small>
diff --git a/apps/site/pages/fr/index.mdx b/apps/site/pages/fr/index.mdx
index 8dd1ee1c5c000..406a2db73a356 100644
--- a/apps/site/pages/fr/index.mdx
+++ b/apps/site/pages/fr/index.mdx
@@ -19,7 +19,7 @@ layout: home
 
       <Button kind="primary" className="!block dark:!hidden" href="/download">Obtenir Node.js®</Button>
 
-      <Button kind="secondary" className="!block" href="/eol">
+      <Button kind="secondary" className="!block" href="/about/eol">
         <span>Obtenir une aide à la sécurité</span>
 
         <br />
diff --git a/apps/site/pages/ja/index.mdx b/apps/site/pages/ja/index.mdx
index 3c5c62e45fee4..d7337b63a7d1b 100644
--- a/apps/site/pages/ja/index.mdx
+++ b/apps/site/pages/ja/index.mdx
@@ -19,8 +19,9 @@ layout: home
 
       <Button kind="primary" className="!block dark:!hidden" href="/download">Node.js®を入手</Button>
 
-      <Button kind="secondary" className="!block" href="/eol">
-        <span>セキュリティーサポート</span>
+
+      <Button kind="secondary" className="!block" href="/about/eol">
+        <span>セキュリティサポート</span>
 
         <br />
 
diff --git a/apps/site/pages/ro/index.mdx b/apps/site/pages/ro/index.mdx
index 16d87d35f6bdb..71e8ac5eb1def 100644
--- a/apps/site/pages/ro/index.mdx
+++ b/apps/site/pages/ro/index.mdx
@@ -21,7 +21,7 @@ layout: home
 
       <Button kind="primary" className="!block dark:!hidden" href="/download">Obține Node.js®</Button>
 
-      <Button kind="secondary" className="!block" href="/eol">
+      <Button kind="secondary" className="!block" href="/about/eol">
         <span>Obține asistență de securitate</span>
 
         <br />
diff --git a/apps/site/pages/uk/index.mdx b/apps/site/pages/uk/index.mdx
index 65aeb7496de95..1e5c29cfe6a54 100644
--- a/apps/site/pages/uk/index.mdx
+++ b/apps/site/pages/uk/index.mdx
@@ -20,7 +20,7 @@ layout: home
 
       <Button kind="primary" className="!block dark:!hidden" href="/download">Отримати Node.js®</Button>
 
-      <Button kind="secondary" className="!block" href="/eol">
+      <Button kind="secondary" className="!block" href="/about/eol">
         <span>Отримати підтримку безпеки</span>
 
         <br />
diff --git a/apps/site/redirects.json b/apps/site/redirects.json
index 3698f577095fe..6c08380fa2e1c 100644
--- a/apps/site/redirects.json
+++ b/apps/site/redirects.json
@@ -288,6 +288,10 @@
       "source": "/:locale/about/releases",
       "destination": "/:locale/about/previous-releases"
     },
+    {
+      "source": "/:locale/eol",
+      "destination": "/:locale/about/eol"
+    },
     {
       "source": "/:locale/blog/weekly-updates/:path*",
       "destination": "/:locale/blog/weekly/:path*"
diff --git a/packages/i18n/src/locales/en.json b/packages/i18n/src/locales/en.json
index 18faf3a92c9af..367b7bce588c0 100644
--- a/packages/i18n/src/locales/en.json
+++ b/packages/i18n/src/locales/en.json
@@ -143,7 +143,8 @@
           "branding": "Branding of Node.js",
           "governance": "Project Governance",
           "releases": "Node.js Releases",
-          "security": "Security Reporting"
+          "security": "Security Reporting",
+          "eol": "End-of-Life (EOL)"
         }
       },
       "getInvolved": {