Minor UI changes

index.html

@@ -9,7 +9,7 @@
       href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Noto+Sans:ital,wght@0,300;0,400;0,500;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Nunito:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,500&family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Rubik:ital,wght@0,300;0,400;1,300;1,400&display=swap"
       rel="stylesheet"
     />
-
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="theme-color" content="#000" />
 

src/about.jsx

@@ -71,9 +71,9 @@ const About = () => {
               has decided to employ payment on delivery services. On Africartz, you can buy and sell beverages, cosmetics, phones and electronics, Furnitures, Sport and Fitness items, Cars, Stationeries, Household Equipments, etc.{" "}
             </motion.p>
           </div>
-          <div className="my-3">
+          {/* <div className="my-3">
             <ButtonComponent title="Learn More" />
-          </div>
+          </div> */}
         </section>
         <section>
           <motion.img

src/footer.jsx

@@ -20,9 +20,9 @@ const Footer = () => {
               Africartz is aspiring to emerge as the largest and most renowned
               online retailing platform for trade in Africa at large.
             </p>
-            <a href="https://play.google.com/store/apps/details?id=com.africartzstore.com">
+            {/* <a href="https://play.google.com/store/apps/details?id=com.africartzstore.com">
               <ButtonComponent title="Get Started" />
-            </a>
+            </a> */}
           </div>
           <nav className="flex flex-col">
             <ScrollIntoView className="py-3" selector="#home">
@@ -43,26 +43,36 @@ const Footer = () => {
           </nav>
           <hr />
           <nav className="flex flex-col">
-            <a className="py-3" href="#">
+            <a className="py-3" href="https://africartz-web.vercel.app/terms-and-conditions">
               Terms of Service
             </a>
-            <a className="py-3" href="#">
-              Privacy
+            <a className="py-3" href="mailto:africartzstore@gmail.com">
+              Support
             </a>
           </nav>
           <hr />
           <nav className="flex flex-col">
-            <a className="py-3" href="mailto:Admin@africartz.ng">
-              Admin@africartz.ng
+            <a className="py-3" href="mailto:africartzstore@gmail.com">
+              africartzstore@gmail.com
             </a>
-            <a className="py-3" href="#">
-              +234 111 222 333
+            <a className="py-3" href="tel:+2348139797330">
+              +234 813 979 7330
             </a>
           </nav>
           <nav className="flex py-3 self-start justify-between items-center">
-            <img className="mr-4" src={linkedin} alt="linkedin" />
+            <a className="mr-4 text-xl" href="https://www.instagram.com/africartz/" target="_blank" rel="noopener noreferrer">
+              <i className="fab fa-instagram"></i>
+            </a>
+            <a className="mr-4 text-xl" href="https://www.facebook.com/africartz" target="_blank" rel="noopener noreferrer">
+              <i className="fab fa-facebook"></i>
+            </a>
+            <a className="mr-4 text-xl" href="https://twitter.com/AfricartStore" target="_blank" rel="noopener noreferrer">
+              <i className="fab fa-twitter"></i>
+            </a>
+
+            {/* <img className="mr-4" src={linkedin} alt="linkedin" />
             <img className="mr-4" src={messenger} alt="messenger" />
-            <img className="mr-4" src={twitter} alt="twitter" />
+            <img className="mr-4" src={twitter} alt="twitter" /> */}
           </nav>
         </section>
         <section className="bg-darkest text-white p-5 text-center">

src/header.jsx

@@ -27,15 +27,15 @@ const Header = () => {
             </label>
           </ScrollIntoView>
         </div>
-        <a href="https://play.google.com/store/apps/details?id=com.africartzstore.com">
+        {/* <a href="https://play.google.com/store/apps/details?id=com.africartzstore.com">
           <ButtonComponent title="Get started" mode="light" />
-        </a>
+        </a> */}
       </header>
       <header className="md:hidden flex  items-center justify-between">
         <Logo />
-        <a href="https://play.google.com/store/apps/details?id=com.africartzstore.com">
+        {/* <a href="https://play.google.com/store/apps/details?id=com.africartzstore.com">
           <ButtonComponent title="Get started" mode="light" />
-        </a>
+        </a> */}
         <div className="top-1/2 fixed z-10 pr-5 bg-primary rounded-full p-2 -right-4">
           <GiCancel onClick={() => setOpen(!open)} color="white" />
         </div>

src/index.jsx

@@ -85,7 +85,7 @@ const Page = () => {
 </a>
               </div>
               <a
-                href="https://play.google.com/store/apps/details?id=com.africartzstore.com"
+                href="https://play.google.com/store/apps/details?id=com.africartzng.com"
                 className="flex md:w-40 w-32 cursor-pointer mr-5 items-center justify-around primary-gradient p-1 md:p-2"
               >
                 <IoLogoGooglePlaystore size={25} />
@@ -142,8 +142,8 @@ const Page = () => {
         >
           Our Top Partners
         </motion.h1>
-        <marquee>
-          <div className="flex flex-wrap items-center justify-between my-6">
+        {/* <marquee> */}
+          <div className="flex flex-wrap items-center justify-around my-6">
             <img
               className="md:w-24 rounded-full w-12"
               src={meyer}
@@ -153,13 +153,14 @@ const Page = () => {
               className="md:w-24 rounded-full w-12"
               src={rostrum}
               alt="rostrum"
+              style={{ width: '15rem' }}
             />
             <img
               className="md:w-24 rounded-full w-12"
               src={montecarlo}
               alt="montecarlo"
             />
-            <img
+            {/* <img
               className="md:w-24 rounded-full w-12"
               src={meyer}
               alt="meyer"
@@ -173,11 +174,11 @@ const Page = () => {
               className="md:w-24 rounded-full w-12"
               src={montecarlo}
               alt="montecarlo"
-            />
+            /> */}
             {/* <img className="md:w-auto w-12" src={brent} alt="brent" />
             <img className="md:w-auto w-12" src={ace} alt="ace" /> */}
           </div>
-        </marquee>
+        {/* </marquee> */}
       </section>
 
       <Services />
@@ -209,7 +210,12 @@ const Page = () => {
               <div>
                 {" "}
                 <p className="text-xs">Available Now</p>
-                <h2>App Store</h2>
+                <h2>
+                  {" "}
+                  <a href="https://apps.apple.com/ng/app/africartz/id6447208348">
+                    App Store
+                  </a>
+                </h2>
               </div>
             </div>
             <div className="flex w-40 cursor-pointer mr-5 items-center justify-around text-white bg-darkest p-2">
@@ -220,7 +226,7 @@ const Page = () => {
                 <p>Available Now</p>
                 <h2>
                   {" "}
-                  <a href="https://play.google.com/store/apps/details?id=com.africartzstore.com">
+                  <a href="https://play.google.com/store/apps/details?id=com.africartzng.com">
                     Play Store
                   </a>
                 </h2>