feat: home page button redirects

Author: canerakdas

apps/site/components/Downloads/DownloadButton/index.module.css

@@ -4,7 +4,6 @@ import Blockquote from '@node-core/ui-components/Common/Blockquote';
 import MDXCodeTabs from '@node-core/ui-components/MDX/CodeTabs';
 
 import Button from './components/Common/Button';
-import DownloadButton from './components/Downloads/DownloadButton';
 import DownloadLink from './components/Downloads/DownloadLink';
 import BlogPostLink from './components/Downloads/Release/BlogPostLink';
 import ChangelogLink from './components/Downloads/Release/ChangelogLink';
@@ -36,8 +35,6 @@ export const clientMdxComponents = {
   LinkWithArrow: LinkWithArrow,
   // Regular links (without arrow)
   Link: Link,
-  // Renders a Download Button
-  DownloadButton: DownloadButton,
   // Renders a Download Link
   DownloadLink: DownloadLink,
   // Group of components that enable you to select versions for Node.js

apps/site/components/Downloads/DownloadButton/index.tsx

@@ -14,19 +14,16 @@ 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>
+  <div className="flex gap-4">
+
+    <div className="flex flex-col md:flex-row gap-2">
+      <Button kind="special" className="!hidden dark:!block" href="/download">Download Node.js (LTS)</Button>
+
+      <Button kind="primary" className="!block dark:!hidden" href="/download">Download Node.js (LTS)</Button>
+
+      <Button kind="secondary" href="/about/get-involved">Getting Involved</Button>
+
+    </div>
 
     <WithNodeRelease status={['Current']}>
       {({ release }) => (