feat: redesigned home page with esp and updated downloads page

[ovflowd]

This PR updates the Home Page with redesigned/simplified CTAs and updated the Download Page (and Release Modal) with unified EOL and LTS CTAs.

Closes #7773 (comment)

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
nodejs-org	✅ Ready (Inspect)	Visit Preview	Jun 19, 2025 0:04am

[github-actions]

Note

Your Pull Request seems to be updating Translations of the Node.js Website.

Whilst we appreciate your intent; Any Translation update should be done through our Crowdin Project.
We recommend giving a read on our Translation Guidelines.

Thank you!

[github-actions]

Lighthouse Results

URL	Performance	Accessibility	Best Practices	SEO	Report
/en	🟢 100	🟢 100	🟢 100	🟢 91	🔗
/en/about	🟢 100	🟢 96	🟢 100	🟠 82	🔗
/en/about/previous-releases	🟢 98	🟢 96	🟢 100	🟠 83	🔗
/en/download	🟢 98	🟢 100	🟢 100	🟢 91	🔗
/en/blog	🟢 100	🟢 100	🟢 96	🟢 92	🔗

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 75.45%. Comparing base (f137f85) to head (9698046).
Report is 8 commits behind head on main.

✅ All tests successful. No failed tests found.

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #7875      +/-   ##
==========================================
- Coverage   75.46%   75.45%   -0.02%     
==========================================
  Files         101      101              
  Lines        8306     8306              
  Branches      218      218              
==========================================
- Hits         6268     6267       -1     
- Misses       2036     2037       +1     
  Partials        2        2              

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[MattIPv4]

You might want a leading-tight (I think that's the right Tailwind class) on the support button as a whole, otherwise the xs line is still using the regular line height? And I'm still not sure about small text being bold :P

Hover state for the support button in dark mode might need looking at now that it has the transparent bg?

[MattIPv4]

And then less of a design nit, but a general UX question, should this support button have an external link indicator? The links in the nav have it when they're external, so I could see it being a point of confusion that this then doesn't but is external? (It also doesn't open in a new tab like the nav external links)

[Copilot]

Pull Request Overview

This PR redesigns the home page and updates the download page (including the release modal) by simplifying CTAs and unifying messaging for EOL and LTS Node.js releases. Key changes include updates to UI component styles (e.g., BaseButton), modifications to localized error and alert messages, and adjustments in navigation logic for Node.js version selection.

Reviewed Changes

Copilot reviewed 19 out of 19 changed files in this pull request and generated no comments.

Show a summary per file

File	Description
packages/ui-components/Common/BaseButton/index.module.css	Updated styling for secondary buttons with added border properties and color adjustments.
packages/i18n/locales/en.json	Revised warning text and added a notice for LTS version features.
apps/site/pages/*/index.mdx (multiple locales)	Removed legacy home pages for various locales while updating the English version with a new button group.
apps/site/layouts/layouts.module.css	Adjusted max-width and text color styles to support the new design.
apps/site/layouts/GlowingBackdrop.tsx	Minor update: added a line break for clarity.
apps/site/components/Downloads/ReleaseModal/index.tsx	Converted plain translations to rich translations to embed links in alert messages.
apps/site/components/Downloads/Release/VersionDropdown.tsx	Updated version selection logic to redirect depending on the release status and route.
apps/site/components/Downloads/Release/ReleaseCodeBox.tsx	Added an extra LTS alert box with a rich translation for better user guidance.

Comments suppressed due to low confidence (1)

apps/site/components/Downloads/Release/VersionDropdown.tsx:38

• The variable 'release' declared here shadows the outer 'release' from context, which could lead to confusion. Consider renaming it to something like 'selectedRelease' to improve clarity.

    );

[avivkeller]

One comment, then LGTM

[MattIPv4]

👀 I am concerned that this was landed without UTMs on the links, which is what ensures that any traffic we send to the ESP is attributed back to Node.js/the foundation. Was this merge coordinated with the foundation as was noted in the issue?

[ovflowd]

👀 I am concerned that this was landed without UTMs on the links, which is what ensures that any traffic we send to the ESP is attributed back to Node.js/the foundation. Was this merge coordinated with the foundation as was noted in the issue?

Noted, I didn't recall it was mandatory the UTM links from our call, hence why I thought we could postpone it. Good to see a PR is raised already.

[mcollina]

The UTM code is mandatory.