use side-by-side download buttons

Author: LWinterberg

src/components/button/DownloadButton.jsx

@@ -30,10 +30,15 @@ function DownloadButton() {
     return (
       <a
         onClick={() => handleButtonClick(href)}
-        className="text-white font-semibold hover:underline"
+        className="text-white font-semibold hover:underline border-white border-2 py-3 px-4 rounded-md"
         href={href}
       >
-        Download without Muse Hub
+        <div className="flex items-center gap-4">
+        <span className="icon icon-import"></span>
+        <p className="text-white">
+        <span>Download Audacity {audacityReleases.version}</span><br />
+        <span className="font-light">Installs with no extras</span></p>
+        </div>
       </a>
     );
   }

src/components/button/DownloadMuseHubButton.jsx

@@ -43,14 +43,14 @@ function DownloadMuseHubButton() {
     return (
       <a
         onClick={() => handleButtonClick(href)}
-        className="flex py-3 px-4 gap-3 rounded-md justify-center bg-yellow-300 hover:bg-yellow-400 active:bg-yellow-500 w-fit"
+        className="flex py-3 px-4 gap-3 rounded-md items-center bg-yellow-300 hover:bg-yellow-400 active:bg-yellow-500 w-fit"
         href={href}
       >
         <span className="icon icon-import"></span>
         <p>
         <span className="font-semibold">
-          Download Audacity {audacityReleases.version}</span><br/>
-        {false && <span className="font-light text-s">via MuseHub</span>}
+          Audacity + free effects & samples</span><br/>
+         <span className="font-light text-s">via MuseHub Installer</span>
         </p>
       </a>
     );

src/components/homepage/HeroBanner.astro

@@ -11,7 +11,7 @@ import DownloadMuseHubButton from "../button/DownloadMuseHubButton";
     <div
       class="mx-auto"
     >
-      <h1 class="leading-tight m-2 text-white text-balance">
+      <h1 class="leading-tight m-2 text-white text-balance text-center p-8">
         Audacity is the world's most popular audio editing and recording app
       </h1>