app store and google

src/components/Footer/index.jsx

@@ -5,7 +5,7 @@ import apk from "../../assets/apk.png";
 
 import FooterBar from "./FooterMobile";
 import { useTranslation } from "react-i18next";
-import { Link } from "react-router-dom";
+import { Link, redirect } from "react-router-dom";
 import { LogoWithText } from "../Icons";
 import { useNavigate } from "react-router-dom";
 const Footer = () => {
@@ -79,16 +79,20 @@ const Footer = () => {
               <h3>{t("footer.mobile_applications")}</h3>
               <div className={styles.appLinks}>
                 <div style={{ display: "flex", gap: "10px" }}>
-                  <img
-                    src={playstore}
-                    alt="Google Play"
-                    className={styles.appLogo}
-                  />
-                  <img
-                    src={appstore}
-                    alt="App Store"
-                    className={styles.appLogo}
-                  />
+                  <a href="https://play.google.com/store/apps/details?id=tm.webulgam.mm_marketplace" target="_blank">
+                    <img
+                      src={playstore}
+                      alt="Google Play"
+                      className={styles.appLogo}
+                    />
+                  </a>
+                  <a href="https://apps.apple.com/tm/app/mm-marketplace/id6749544732" target="_blank">
+                    <img
+                      src={appstore}
+                      alt="App Store"
+                      className={styles.appLogo}
+                    />
+                  </a>
                 </div>
                 <img src={apk} alt="Download APK" className={styles.appLogo} />
               </div>