Add use web app link

Author: roshni73

public/locales/cs/get-involved.json

@@ -7,7 +7,8 @@
   "contribute-now-description": "MapSwipe nabízí mnoho způsobů, jak se zapojit a přispět k naší komunitě. Nejjednodušší je stáhnout si aplikaci a začít se podílet jako jednotlivec.",
   "download-on-playstore": "Stažení z obchodu Play",
   "download-on-apple-store": "Stažení z obchodu Apple Store",
-  "download-apk-label": "Nebo si stáhněte APK",
+  "use-web-app-label": "",
+  "download-apk-label": "stáhněte APK",
   "individual-heading": "Jednotlivci",
   "individual-heading-image": "logo Jednotlivci",
   "possess-language-skills": "Hovoříte plynně jinými jazyky?",

public/locales/de/get-involved.json

@@ -7,7 +7,8 @@
   "contribute-now-description": "MapSwipe bietet viele Möglichkeiten sich zu  engagieren und einen Beitrag zu leisten. Der einfachste Weg ist es die APP herunterzuladen und um als Einzelperson etwas zu bewirken.",
   "download-on-playstore": "Aus dem Play Store herunterladen",
   "download-on-apple-store": "Aus dem Apple Store herunterladen",
-  "download-apk-label": "Oder als APK herunterladen",
+  "use-web-app-label": "",
+  "download-apk-label": "APK herunterladen",
   "individual-heading": "Einzelperson",
   "individual-heading-image": "Individual-logo",
   "possess-language-skills": "Beherrschst du andere Sprachen fließend?",

public/locales/en/get-involved.json

@@ -7,7 +7,8 @@
   "contribute-now-description": "MapSwipe offers many ways to engage and contribute to our community. Download the app or go to Mapswipe for Web and start to make an impact as an individual.",
   "download-on-playstore": "Download-from-play store",
   "download-on-apple-store": "Download from apple store",
-  "download-apk-label": "Or download an APK",
+  "use-web-app-label": "Use Web App",
+  "download-apk-label": "Download an APK",
   "individual-heading": "Individuals",
   "individual-heading-image": "Individual-logo",
   "possess-language-skills": "Are you fluent in other languages?",

public/locales/hu/get-involved.json

@@ -7,7 +7,8 @@
   "contribute-now-description": "A MapSwipe-pal számos módon bekapcsolódhat és hozzájárulhat közösségünkhöz. A legegyszerűbb, ha letölti az alkalmazást, és önállóan tesz lépéseket.",
   "download-on-playstore": "Letöltés a Play áruházból",
   "download-on-apple-store": "Letöltés az Apple Store-ból",
-  "download-apk-label": "Vagy letölt egy APK-t.",
+  "use-web-app-label": "",
+  "download-apk-label": "Letölt egy APK-t.",
   "individual-heading": "Egyénileg",
   "individual-heading-image": "Egyéni logó",
   "possess-language-skills": "Jól beszél idegen nyelveken?",

public/locales/ne/get-involved.json

@@ -7,7 +7,8 @@
   "contribute-now-description": "MapSwipeले हाम्रो समुदायमा संलग्न हुने र योगदान दिने धेरै तरिकाहरू प्रदान गर्दछ। सबैभन्दा सजिलो तरिका भनेको एप डाउनलोड गर्ने र व्यक्तिगत रूपमा प्रभाव पार्न सुरु गर्ने हो। ",
   "download-on-playstore": "Download from play store",
   "download-on-apple-store": "Download from apple store",
-  "download-apk-label": "वा APK डाउनलोड गर्नुहोस्",
+  "use-web-app-label": "",
+  "download-apk-label": "APK डाउनलोड गर्नुहोस्",
   "individual-heading": "व्यक्तिहरू",
   "individual-heading-image": "Individual logo",
   "possess-language-skills": "के तपाइँ अन्य भाषाहरूमा धाराप्रवाह हुनुहुन्छ?",

public/locales/pt/get-involved.json

@@ -7,7 +7,8 @@
   "contribute-now-description": "O MapSwipe oferece muitas formas de participar e contribuir para a nossa comunidade. A forma mais fácil é descarregar a aplicação e começar a ter impacto enquanto indivíduo.",
   "download-on-playstore": "Descarregar da Play Store",
   "download-on-apple-store": "Descarregar a partir da Apple Store",
-  "download-apk-label": "Ou descarregar um APK",
+  "use-web-app-label": "",
+  "download-apk-label": "Descarregar um APK",
   "individual-heading": "Pessoas singulares",
   "individual-heading-image": "Logótipo pessoas singulares",
   "possess-language-skills": "É fluente noutras línguas?",

src/pages/[locale]/get-involved/index.tsx

@@ -75,13 +75,23 @@ function GetInvolved(props: Props) {
                         />
                     </Link>
                 </div>
-                <Link
-                    className={styles.downloadLink}
-                    href="https://github.com/mapswipe/mapswipe/releases/latest/download/app-production-release.apk"
-                    target="_blank"
-                >
-                    {t('download-apk-label')}
-                </Link>
+                <div className={styles.linkContainer}>
+                    <Link
+                        className={styles.downloadLink}
+                        href="https://web.mapswipe.org/"
+                        target="_blank"
+                    >
+                        {t('use-web-app-label')}
+                    </Link>
+                    |
+                    <Link
+                        className={styles.downloadLink}
+                        href="https://github.com/mapswipe/mapswipe/releases/latest/download/app-production-release.apk"
+                        target="_blank"
+                    >
+                        {t('download-apk-label')}
+                    </Link>
+                </div>
             </Section>
             <Section
                 sectionId="individual"

src/pages/[locale]/get-involved/styles.module.css

@@ -83,6 +83,11 @@
                     }
                 }
             }
+            .linkContainer{
+                display: flex;
+                justify-content: center;
+                gap: var(--spacing-medium);
+            }
 
             .downloadLink {
                 color: var(--color-link);