update: add download buttons of play store and app store; remove driv…

…e link of apk
NetSepio · Jan 9, 2025 · 07a1190 · 07a1190
1 parent 74015d0
commit 07a1190
Showing 1 changed file with 41 additions and 9 deletions.
diff --git a/src/app/mobile/page.jsx b/src/app/mobile/page.jsx
@@ -1,6 +1,5 @@
 import Image from "next/image";
 import React from "react";
-import CustomBtn from "@/components/CustomBtn";
 
 const Mobile = () => {
   return (
@@ -19,25 +18,58 @@ const Mobile = () => {
       </div>
       <div className="w-full lg:w-1/2 flex justify-center items-center">
         <div className="max-w-md lg:max-w-xl md:mx-10">
-        <h2 className="hidden lg:block text-3xl lg:text-5xl xl:text-6xl font-light mb-6 lg:mb-10">
+          <h2 className="hidden lg:block text-3xl lg:text-5xl xl:text-6xl font-light mb-6 lg:mb-10">
             Blockchain VPN app for your privacy and online security
           </h2>
           <p className="text-lg lg:text-xl mb-6 lg:mb-10 font-light">
             Empower your online activity with our Erebrus mobile app for secure,
             private and accessible network. We utilize NFTs for robust privacy
             and decentralization.
           </p>
-          <div className="flex justify-center lg:justify-start">
-            <CustomBtn
-              width="w-2/5 sm:w-auto bg-[#11D9C5] px-6 py-2 lg:px-8 lg:py-3"
-              title="Download Now"
-              link="https://drive.google.com/file/d/1jdkqwIXY825iG3shRRoFyg5SMGy6LN8J/view?usp=drive_link"
-            />
+          <div className="flex flex-row justify-between gap-4 mb-4">
+            {/* Android Button */}
+            <a
+              href="https://play.google.com/store/apps/details?id=com.erebrus.app"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="flex items-center justify-center bg-black hover:opacity-90 text-white px-4 py-3 rounded-lg shadow-md transition-all duration-300 w-1/2"
+            >
+              <Image
+                src="https://cdn-icons-png.flaticon.com/512/3128/3128279.png"
+                alt="Google Play"
+                width={24}
+                height={24}
+                className="mr-2"
+              />
+              <div className="text-left">
+                <p className="text-xs font-light">GET IT ON</p>
+                <p className="text-sm font-semibold">Google Play</p>
+              </div>
+            </a>
+            {/* iOS Button */}
+            <a
+              href="https://testflight.apple.com/join/BvdARC75"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="flex items-center justify-center bg-black hover:opacity-90 text-white px-4 py-3 rounded-lg shadow-md transition-all duration-300 w-1/2"
+            >
+              <Image
+                src="https://cdn-icons-png.flaticon.com/512/5969/5969046.png"
+                alt="App Store"
+                width={28}
+                height={28}
+                className="mr-2"
+              />
+              <div className="text-left">
+                <p className="text-xs font-light">Available on the</p>
+                <p className="text-sm font-semibold">App Store</p>
+              </div>
+            </a>
           </div>
         </div>
       </div>
     </div>
   );
 };
 
-export default Mobile;
+export default Mobile;