Add icons:

.github/workflows/test.yml

@@ -0,0 +1,25 @@
+# name: CI/CD for React Unit Tests with Cypress
+
+# on:
+#   push:
+#     branches:
+#       - main
+
+# jobs:
+#   build:
+#     runs-on: ubuntu-latest
+
+#     steps:
+#       - name: Checkout code
+#         uses: actions/checkout@v2
+
+#       - name: Setup Node.js
+#         uses: actions/setup-node@v2
+#         with:
+#           node-version: 16
+
+#       - name: Install dependencies
+#         run: npm install
+
+#       - name: Run unit tests with Cypress
+#         run: npm test

src/layouts/common/mobile-section/MobileLayoutSection.tsx

@@ -1,5 +1,8 @@
 import { Button } from "@/core/components";
-import React from "react";
+import GooglePlayIMG from "@assets/images/google-play-badge.png"
+import AppleStoreIMG from "@assets/svg/apple-store.svg"
+import { Link } from "react-router-dom";
+
 
 export default function MobileLayoutSection() {
   return (
@@ -22,10 +25,15 @@ export default function MobileLayoutSection() {
           </p>
           <p>Download the App on Google Play or the App Store.</p>
 
-          <div className="flex gap-4 my-4">
-            <Button>GET IT ON Google Play</Button>
-            <Button>Download on the AppStore</Button>
-          </div>
+<div className="w-5/12 flex justify-center items-center">
+  <Link to={"/"}>
+    <img src={GooglePlayIMG} alt="Google Play Store Download" className="w-[200px] h-[52px]" />
+  </Link>
+  <Link to={"/"}>
+    <img src={AppleStoreIMG} alt="Apple App Store Download" className="w-[200px] h-[52px]" />
+  </Link>
+</div>
+
         </div>
 
         {/*  */}