1

src/components/Hero.astro

@@ -11,6 +11,7 @@ const heroBg = "/assets/hero-bg.png";
 const phoneMockup = "/assets/hero-phone.png";
 const androidIcon = "/assets/cta-android-icon.svg";
 const appleIcon = "/assets/cta-apple-icon.svg";
+const defaultApkHref = "https://talkspro.xyz/download";
 ---
 
 <section id="hero" class="hero">
@@ -39,7 +40,12 @@ const appleIcon = "/assets/cta-apple-icon.svg";
           {t.description}
         </p>
         <div class="hero__actions">
-          <a href="#download" class="store-badge store-badge--android hero__store-badge">
+          <a
+            href={defaultApkHref}
+            class="store-badge store-badge--android store-badge--browser hero__store-badge"
+            rel="noopener noreferrer"
+            target="_blank"
+          >
             <div class="store-badge__icon-frame">
               <img alt={download.androidAlt} class="store-badge__android-icon" src={androidIcon} />
             </div>
@@ -48,7 +54,11 @@ const appleIcon = "/assets/cta-apple-icon.svg";
               <p class="store-badge__label">{download.androidCta}</p>
             </div>
           </a>
-          <a href="#download" class="store-badge store-badge--ios hero__store-badge">
+          <a
+            href="#"
+            class="store-badge store-badge--ios store-badge--apple hero__store-badge"
+            data-app-soon="1"
+          >
             <div class="store-badge__icon-frame">
               <img alt={download.appleAlt} class="store-badge__apple-icon" src={appleIcon} />
             </div>