From 1aa3c796663d6dbc026826d6889c223b23c49c24 Mon Sep 17 00:00:00 2001
From: victorAnumudu <anumuduchukwuebuka@gmail.com>
Date: Fri, 2 Feb 2024 09:42:51 +0100
Subject: [PATCH] added download app links to signup page

---
 src/components/AuthPages/AuthLayout2.jsx   |  2 +-
 src/components/AuthPages/SignUp/index2.jsx | 27 +++++++++++++++++++++-
 2 files changed, 27 insertions(+), 2 deletions(-)

diff --git a/src/components/AuthPages/AuthLayout2.jsx b/src/components/AuthPages/AuthLayout2.jsx
index 1e7fcb7..778e1ac 100644
--- a/src/components/AuthPages/AuthLayout2.jsx
+++ b/src/components/AuthPages/AuthLayout2.jsx
@@ -22,7 +22,7 @@ export default function LoginLayout({ slogan, children }) {
         >
         </div> */}
         <div className="p-5 sm:p-7 flex place-content-center lg:col-start-2">
-          <div className="py-10 w-full sm:w-11/12 max-w-2xl shadow-md bg-slate-50 dark:bg-dark-white rounded-[0.475rem]">
+          <div className="py-5 w-full sm:w-11/12 max-w-2xl shadow-md bg-slate-50 dark:bg-dark-white rounded-[0.475rem]">
             <div className="w-full flex justify-center items-center">
               {children && children}
             </div>
diff --git a/src/components/AuthPages/SignUp/index2.jsx b/src/components/AuthPages/SignUp/index2.jsx
index e0f57f1..810d083 100644
--- a/src/components/AuthPages/SignUp/index2.jsx
+++ b/src/components/AuthPages/SignUp/index2.jsx
@@ -325,7 +325,7 @@ export default function SignUp() {
                       disabled={countries.loading}
                       type="button"
                       onClick={handleSignUp}
-                      className={`rounded-full mb-6 text-white flex justify-center bg-[#4687ba] hover:bg-[#009ef7] transition-all duration-300 items-center h-[42px] py-[0.8875rem] px-[1.81rem] text-[14.95px] btn-login`}
+                      className={`rounded-full text-white flex justify-center bg-[#4687ba] hover:bg-[#009ef7] transition-all duration-300 items-center h-[42px] py-[0.8875rem] px-[1.81rem] text-[14.95px] btn-login`}
                     >
                       {signUpLoading ? (
                         <div className="signup btn-loader"></div>
@@ -335,6 +335,31 @@ export default function SignUp() {
                     </button>
                   </div>
                 </div>
+
+                {/* APP DOWNLOAD STORE */}
+                <div className="w-full mt-4">
+                  <div className="w-full flex justify-center items-center gap-4">
+                      <div className='w-28 lg:w-32'>
+                          <a className="px-1 py-1 lg:py-2 flex justify-center items-center gap-1 w-full rounded-md bg-black text-white hover:text-slate-500 hover:shadow-lg transition-all duration-300" target='_blank'  href={process.env.REACT_APP_APPLE_APP}>
+                              <i className="fa-brands fa-apple text-3xl"></i>
+                              <div className="flex flex-col">
+                                  <span className="text-[11px]">Available on the</span> 
+                                  <span className="text-[12px] lg:text-base">App Store</span>
+                              </div>
+                          </a>
+                      </div>
+                      <div className='w-28 lg:w-32'>
+                          <a className="px-1 py-1 lg:py-2 flex justify-center items-center gap-1 w-full rounded-md bg-black text-white hover:text-slate-500 hover:shadow-lg transition-all duration-300" target='_blank' href={process.env.REACT_APP_ANDROID_APP}>
+                              <i className="fa-brands fa-google-play text-2xl"></i>
+                              <div className="flex flex-col">
+                                  <span className="text-[11px]">Available on the</span>
+                                  <span className="text-[12px] lg:text-base">Google Play</span>
+                              </div>
+                          </a>
+                      </div>
+                    </div>
+                </div>
+
               </div>
             </div>
           </div>