chore: show easier download choices based on OS

dathere · Jul 16, 2024 · d1f797d · d1f797d
1 parent 12c2829
commit d1f797d
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 31 deletions.
diff --git a/src/components/FAQ.jsx b/src/components/FAQ.jsx
@@ -29,12 +29,8 @@ const FAQData = [
     },
     {
         question: "How do I get qsv pro?",
-        answer: "You may download the latest version of qsv pro with a 7-day free trial (no payment method required). During or after the trial, you may purchase a license to continue using qsv pro. You may choose between any of the installers for Windows (.msi, -setup.exe), macOS (.app, .dmg), and Linux (.AppImage, .deb).",
+        answer: "You may download the latest version of qsv pro with a 7-day free trial (no payment method required) from the top of this page. During or after the trial, you may purchase a license to continue using qsv pro. You may choose between any of the installers for Windows (.msi), macOS (.app.tar.gz), and Linux (.AppImage).",
         links: [
-            {
-                label: "Download qsv pro",
-                url: "https://github.com/dathere/qsv-pro/releases/latest",
-            },
             {
                 label: "Purchase a license",
                 url: "https://store.dathere.com/checkout/buy/41f919fd-2b68-40ea-a5ed-0f531b2efba5",

diff --git a/src/components/Hero.jsx b/src/components/Hero.jsx
@@ -33,18 +33,21 @@ export const Hero = () => {
                 const version = name.slice(1);
                 const downloadData = {
                     windows: [
-                        `qsv.pro_${version}_x64_en-US.msi`,
-                        `qsv.pro_${version}_x64-setup.exe`,
+                        ["Windows", `qsv.pro_${version}_x64_en-US.msi`],
+                        // `qsv.pro_${version}_x64-setup.exe`,
                     ],
                     macos: [
-                        `qsv.pro_x64.app.tar.gz`,
-                        `qsv.pro_aarch64.app.tar.gz`,
-                        `qsv.pro_${version}_x64.dmg`,
-                        `qsv.pro_${version}_aarch64.dmg`,
+                        ["macOS (Apple Silicon)", `qsv.pro_aarch64.app.tar.gz`],
+                        ["macOS (Intel)", `qsv.pro_x64.app.tar.gz`],
+                        // `qsv.pro_${version}_x64.dmg`,
+                        // `qsv.pro_${version}_aarch64.dmg`,
                     ],
                     linux: [
-                        `qsv-pro_${version}_amd64.AppImage`,
-                        `qsv-pro_${version}_amd64.deb`,
+                        [
+                            "Linux (AppImage)",
+                            `qsv-pro_${version}_amd64.AppImage`,
+                        ],
+                        // `qsv-pro_${version}_amd64.deb`,
                     ],
                 };
                 setDownloadData(downloadData);
@@ -147,34 +150,34 @@ export const Hero = () => {
                                                         : "text-white"
                                                 }`}
                                             >
-                                                <p>
-                                                    {platform === "macos"
-                                                        ? "macOS"
-                                                        : platform[0].toUpperCase() +
-                                                          platform.slice(1)}
-                                                </p>
-                                                {downloadData &&
-                                                    platform === "windows" && (
-                                                        <small className="text-xs text-zinc-300 mt-4">
-                                                            You may get an
-                                                            antivirus
-                                                            notification that
-                                                            you have to skip.
-                                                        </small>
-                                                    )}
                                                 {downloadData[platform].map(
                                                     (download, index) => (
                                                         <a
                                                             key={index}
-                                                            href={`https://github.com/dathere/qsv-pro-releases/releases/download/${name}/${download}`} // Replace with actual download path
-                                                            className={`block text-white font-bold py-2 px-4 rounded mt-4 ${
+                                                            href={`https://github.com/dathere/qsv-pro-releases/releases/download/${name}/${download[1]}`} // Replace with actual download path
+                                                            className={`block lg:min-w-96 text-white font-bold py-2 px-4 rounded mt-4 ${
                                                                 platform === OS
                                                                     ? " bg-teal-500 hover:bg-teal-700"
                                                                     : " bg-blue-500 hover:bg-blue-700"
                                                             }`}
                                                             download
                                                         >
-                                                            {download}
+                                                            {download[0]}
+                                                            {platform ===
+                                                                "windows" && (
+                                                                <>
+                                                                    <br />
+                                                                    <small className="text-xs text-zinc-300 mt-4">
+                                                                        You may
+                                                                        get an
+                                                                        antivirus
+                                                                        notification
+                                                                        that you
+                                                                        have to
+                                                                        skip.
+                                                                    </small>
+                                                                </>
+                                                            )}
                                                         </a>
                                                     )
                                                 )}