From bf04e5a15bdbb82fb80bfdb214a692696bbc2303 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Tue, 30 Sep 2025 19:45:56 +0300
Subject: [PATCH] feat(website): different download behaviour for Linux

---
 .../website/src/components/DownloadButton.tsx | 46 ++++++++++++++-----
 apps/website/src/pages/Home/index.tsx         |  1 -
 2 files changed, 34 insertions(+), 13 deletions(-)

diff --git a/apps/website/src/components/DownloadButton.tsx b/apps/website/src/components/DownloadButton.tsx
index 8ed8cf18a..8b1c1a36b 100644
--- a/apps/website/src/components/DownloadButton.tsx
+++ b/apps/website/src/components/DownloadButton.tsx
@@ -14,17 +14,39 @@ export default function DownloadButton({ big }: DownloadButtonProps) {
     useEffect(() => setRecommendedDownload(getRecommendedDownload()), []);
 
     return (recommendedDownload &&
-        <Button
-           className={`download-button desktop-only ${big ? "big" : ""}`}
-           href={recommendedDownload.url}
-           iconSvg={downloadIcon}
-           text={<>
-                Download now{" "}
-                {big
-                ? <span class="platform">v{packageJson.version} for {recommendedDownload.name}</span>
-                : <span class="platform">for {recommendedDownload.name}</span>
-                }
-           </>}
-        />
+        <>
+            {recommendedDownload.platform !== "linux"
+            ? (
+                <Button
+                    className={`download-button desktop-only ${big ? "big" : ""}`}
+                    href={recommendedDownload.url}
+                    iconSvg={downloadIcon}
+                    text={<>
+                            Download now{" "}
+                            {big
+                            ? <span class="platform">v{packageJson.version} for {recommendedDownload.name}</span>
+                            : <span class="platform">for {recommendedDownload.name}</span>
+                            }
+                    </>}
+                />
+            ) : (
+                <Button
+                    className={`download-button desktop-only ${big ? "big" : ""}`}
+                    href="/get-started/"
+                    iconSvg={downloadIcon}
+                    text={<>
+                            Download now{" "}
+                            {big
+                            ? <span class="platform">v{packageJson.version} for Linux</span>
+                            : <span class="platform">for Linux</span>
+                            }
+                    </>}
+                />
+            )}
+
+            {big && (
+                <a class="more-download-options desktop-only" href="./get-started/">More platforms & server setup</a>
+            )}
+        </>
     )
 }
diff --git a/apps/website/src/pages/Home/index.tsx b/apps/website/src/pages/Home/index.tsx
index 3ffda2a30..92a6b6a3d 100644
--- a/apps/website/src/pages/Home/index.tsx
+++ b/apps/website/src/pages/Home/index.tsx
@@ -77,7 +77,6 @@ function HeroSection() {
 
                 <div className="download-wrapper">
                     <DownloadButton big />
-                    <a class="more-download-options desktop-only" href="./get-started/">More platforms & server setup</a>
                     <Button href="./get-started/" className="mobile-only" text="Get started" />
                     <div className="additional-options">
                         <Button iconSvg={gitHubIcon} outline text="GitHub" href="https://github.com/TriliumNext/Trilium/" openExternally />