Merge branch 'master' of https://gitlab.chiefsoft.net/FloatSystems/float-www into Add-links-to-App-Download

.env

@@ -3,4 +3,7 @@ REACT_APP_EMAIL='support@float.sg'
 REACT_APP_WWW='http://float-www.dev.chiefsoft.net'
 REACT_APP_FLEET='http://float-flt.dev.chiefsoft.net'
 REACT_APP_USERS='http://float-usr.dev.chiefsoft.net'
-REACT_APP_APIGATE='http://float-gat.dev.chiefsoft.net'
+REACT_APP_APIGATE='http://float-gat.dev.chiefsoft.net'
+
+REACT_APP_APPLE_LINK='https://apps.apple.com/us/app/float-mobility/id1465369130'
+REACT_APP_GOOGLE_PLAY_LINK='https://apps.apple.com/us/app/float-mobility/id1465369130'

public/assets/js/custom.js

@@ -58,7 +58,7 @@
 				$target = jQuery(target);
 
 			$('html, body').stop().animate({
-				'scrollTop': $target.offset().top - 60 // - 200px (nav-height)
+				'scrollTop': $target.offset()?.top - 60 // - 200px (nav-height)
 			}, 'slow', 'easeInSine', function () {
 				window.location.hash = '1' + target;
 			});

src/index.css

@@ -1,3 +1,6 @@
+html{
+  scroll-behavior: smooth;
+}
 body {
   margin: 0;
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',

src/pages/About.js

@@ -3,62 +3,6 @@ import { Testimonial } from './assests/data/about';
 
 class About extends React.Component {
     render() {
-      let heroInfo = {
-        title: {
-          normal: 'No, we are ', //leave a space after writing for proper indentation
-          bold: 'not just another travel app.'
-        }, 
-        desc: "Float is a global Start Up working on improving everyone’s city life."
-      }
-      let aboutDesc = {
-        upperSection: {
-          title: "With AI and other unique technology we want to help and encourage people to improve their travel behavior for the better. Whether you want to save time, save money, reduce your carbon footprint, look for great deals or just explore your hood - we’ve got you covered.",
-          vision: {
-            title: 'OUR VISION',
-            text: "Improve quality of life for the world's population by building the future global transportation platform. Increasing accessibility and personal choices, while reducing travel time, traffic congestion, pollution, and loss to local GDP."
-          },
-          mission: {
-            title: "OUR MISSION",
-            text: "We empower travelers to move easier and faster by analyzing their past trips, with traffic and external factors - allowing them to customize travel and receive rewards for sharing their data for the greater good."
-          }
-        },
-        lowerSection: {
-          caption: {
-            first: "MADE FOR YOU",
-            second: "Created for urbanists"
-          },
-          left: {
-            first: "A classic day in your urban life:",
-            second: "You drive to work, drive to the store, maybe drive your kids to school, drive back home, meet some friends if there is little time left. Distances are so vast, it takes forever to get anywhere and there’s little chance for spontaneity and diversity in daily routines - Vibrating urban Citylife is just passing you by."
-          },
-          right: "You are interested in public infrastructure and promote eco-friendly alternatives - however keeping track of what is the fastest, cheapest and greenest way to get somewhere isn’t easily done while being in a rush. We feel you - we are here to support you with by finding a better way to go."
-        },
-        cta: "Read the Reviews"
-      }
-      let testimonials = {
-        tag: 'MADE FOR US',
-        title:'Created from urbanists'
-      }
-      let valueInfo = {
-        id: 'Values',
-        title1: 'Put the User first',
-        text1: 'We are fully independent. We will only show you recommendations, tips, and deals customized for you.',
-        title2: 'Together is Better',
-        text2: 'AI and personal behavior are better together. Together we can make better decisions.',
-        title3: 'There is no planet B',
-        text3: 'There are more and more green alternatives especially in transportation we want to encourage everyone to use these.'
-      }
-      let brands = 'You might know Float from:'
-      let team = {
-        tag: 'One Team Many Talents',
-        title: 'Our Team is as vibrating and diversified as your urban life.',
-      }
-      let newsletter = {
-        tag: 'Subscribe to Our Newsletter',
-        title: 'Stay up to date with our news, ideas and updates',
-        cta: 'Subscribe Now'
-      }
-
         return(
             <div>
 
@@ -267,87 +211,6 @@ class About extends React.Component {
               </div>	   {/* End row */}
             </div>	   {/* End container */}
           </section>	{/* END CONTENT-2 */}
-          {/* BRANDS-2
-			============================================= */}
-          <section id="brands-2" className="pb-60 brands-section division">
-            <div className="container">	
-              {/* BRANDS TITLE */}
-              <div className="row">
-                <div className="col-lg-8 offset-lg-2">
-                  <div className="brands-title text-center">
-                    <h4 className="h4-md">{brands}</h4>
-                  </div>
-                </div>
-              </div>
-              {/* BRANDS-2 WRAPPER */}
-              <div className="brands-2-wrapper">
-                <div className="row">
-                  <div className="col-md-12">
-                    {/* BRAND LOGO IMAGE */}
-                    <div className="brand-logo">
-                      <a href="#">
-                        <img className="img-fluid" src="assets/images/brand-1.png" alt="brand-logo" />
-                      </a>
-                    </div>
-                    {/* BRAND LOGO IMAGE */}
-                    <div className="brand-logo">
-                      <a href="#">
-                        <img className="img-fluid" src="assets/images/brand-2.png" alt="brand-logo" />
-                      </a>
-                    </div>
-                    {/* BRAND LOGO IMAGE */}
-                    <div className="brand-logo">
-                      <a href="#">
-                        <img className="img-fluid" src="assets/images/brand-3.png" alt="brand-logo" />
-                      </a>
-                    </div>
-                    {/* BRAND LOGO IMAGE */}
-                    <div className="brand-logo">
-                      <a href="#">
-                        <img className="img-fluid" src="assets/images/brand-4.png" alt="brand-logo" />
-                      </a>
-                    </div>
-                    {/* BRAND LOGO IMAGE */}
-                    <div className="brand-logo">
-                      <a href="#">
-                        <img className="img-fluid" src="assets/images/brand-5.png" alt="brand-logo" />
-                      </a>
-                    </div>
-                    {/* BRAND LOGO IMAGE */}
-                    <div className="brand-logo">
-                      <a href="#">
-                        <img className="img-fluid" src="assets/images/brand-6.png" alt="brand-logo" />
-                      </a>
-                    </div>
-                    {/* BRAND LOGO IMAGE */}
-                    <div className="brand-logo">
-                      <a href="#">
-                        <img className="img-fluid" src="assets/images/brand-7.png" alt="brand-logo" />
-                      </a>
-                    </div>
-                    {/* BRAND LOGO IMAGE */}
-                    <div className="brand-logo">
-                      <a href="#">
-                        <img className="img-fluid" src="assets/images/brand-8.png" alt="brand-logo" />
-                      </a>
-                    </div>
-                    {/* BRAND LOGO IMAGE */}
-                    <div className="brand-logo">
-                      <a href="#">
-                        <img className="img-fluid" src="assets/images/brand-9.png" alt="brand-logo" />
-                      </a>
-                    </div>
-                    {/* BRAND LOGO IMAGE */}
-                    <div className="brand-logo">
-                      <a href="#">
-                        <img className="img-fluid" src="assets/images/brand-10.png" alt="brand-logo" />
-                      </a>
-                    </div>
-                  </div>
-                </div>
-              </div>  {/* END BRANDS-2 WRAPPER */}
-            </div>     {/* End container */}
-          </section>	{/* END BRANDS-2 */}
           {/* SECTION DIVIDER
 			============================================= */}
           <div className="divider-wrapper text-center"><div className="section-divider" /></div>
@@ -360,9 +223,9 @@ class About extends React.Component {
                 <div className="col-lg-10 offset-lg-1">
                   <div className="section-title text-center mb-70">		
                     {/* Title */}	
-                    <h2 className="h2-md">{team.title.h2}</h2>	
+                    <h2 className="h2-md">{team.tag}</h2>	
                     {/* Text */}	
-                    <p className="p-xl">{team.title.p}</p>
+                    <p className="p-xl">{team.title}</p>
                   </div>	
                 </div>
               </div>

src/pages/Features.js

@@ -396,11 +396,11 @@ class Features extends React.Component {
                     {/* STORE BADGES */}												
                     <div className="stores-badge">
                       {/* AppStore */}
-                      <a href="#" className="store">
+                      <a href={process.env.REACT_APP_APPLE_LINK} className="store">
                         <img className="appstore" src="assets/images/appstore.png" alt="appstore-badge" />
                       </a>
                       {/* Google Play */}
-                      <a href="#" className="store">
+                      <a href={process.env.REACT_APP_GOOGLE_PLAY_LINK} className="store">
                         <img className="googleplay" src="assets/images/googleplay.png" alt="googleplay-badge" />
                       </a> 
                       {/* Aamazon Market 

src/pages/FindEv.js

@@ -2,6 +2,12 @@ import React, {Component} from 'react';
 
 class FindEv extends React.Component {
     render() {
+        let subheadSection = {
+            leadTitle: `Subscribe to Our Newsletter`,
+            title: `Stay up to date with our news, ideas and updates`,
+            btn: 'Filter'
+        }
+
         return(
             <div>
 
@@ -18,6 +24,14 @@ class FindEv extends React.Component {
                 <div id="page" className="page">
 
 
+                    <section id="newsletter-1" className="pb-20 newsletter-section division">
+                        <div className="container">
+
+
+
+                        </div>	   {/* End container */}
+                    </section>	{/* END NEWSLETTER-1 */}
+
 
                     <section id="content-11" className="pb-100 content-section division">
                         <div className="container">
@@ -26,34 +40,55 @@ class FindEv extends React.Component {
                                 <div className="col-lg-10 offset-lg-1">
                                     <div className="section-title text-center mb-60">
                                         {/* Title */}
-                                        <h2 className="h2-md">Chat with Your Friends Easily</h2>
+                                        <h2 className="h2-md">Find EV Charging Spot</h2>
                                         {/* Text */}
                                         <p className="p-xl">Aliquam a augue suscipit, luctus neque purus ipsum neque at dolor primis libero
                                             tempus, blandit and cursus varius magna tempus a dolor
                                         </p>
+
+                                        <div className="newsletter-wrapper bg_white">
+                                            <div className="row d-flex align-items-center">
+                                                {/* SECTION TITLE */}
+                                                <div className="col-lg-10">
+                                                    <div className="newsletter-txt">
+                                                        {/* Section ID */}
+                                                        {/*<span className="section-id">{subheadSection.leadTitle}</span>*/}
+                                                        {/* Title */}
+                                                        <h4 className="h4-xl">{subheadSection.title}</h4>
+                                                    </div>
+                                                </div>
+                                                {/* NEWSLETTER FORM */}
+                                                <div className="col-lg-2">
+                                                    <form className="newsletter-form">
+                                                        <div className="input-group">
+
+                                                            <span className="input-group-btn">
+                          <button type="submit" className="btn btn-md btn-rose tra-rose-hover">{subheadSection.btn}</button>
+                        </span>
+                                                        </div>
+                                                        {/* Newsletter Form Notification */}
+                                                        <label htmlFor="s-email" className="form-notification" />
+                                                    </form>
+                                                </div>	  {/* END NEWSLETTER FORM */}
+                                            </div>	  {/* End row */}
+                                        </div>    {/* End newsletter-holder */}
                                     </div>
                                 </div>
                             </div>
+
                             {/* IMAGE BLOCK */}
                             <div className="row">
                                 <div className="col-md-12">
                                     <div className="img-block text-center wow fadeInUp" data-wow-delay="0.6s">
-                                        <img className="img-fluid" src="assets/images/socials.png" alt="content-image" />
+                                        <iframe width="100%" height="710" style={{border:"0"}} loading="lazy" src="https://maps.google.com/maps?width=100%25&amp;height=600&amp;hl=en&amp;q=1070%20Cresta%20Way%20Unit%202,%20San%20Rafael%20CA%2094903+(FloatEV)&amp;t=&amp;z=14&amp;ie=UTF8&amp;iwloc=B&amp;output=embed">
+                                            <a href="https://www.maps.ie/distance-area-calculator.html">measure area map</a>
+                                        </iframe>
                                     </div>
                                 </div>
                             </div>
                             {/* DOWNLOAD BUTTON */}
-                            <div className="row">
-                                <div className="col-md-12">
-                                    <div className="content-11-btn ico-20 ico-right mt-60 wow fadeInUp" data-wow-delay="0.6s">
-                                        {/* Button */}
-                                        <a href="#" className="btn btn-md btn-skyblue tra-grey-hover">
-                                            Refresh
-                                        </a>
-                                        {/* OS Prerequisite */}
-                                    </div>
-                                </div>
-                            </div>	{/* END DOWNLOAD BUTTON */}
+                  
+
                         </div>	   {/* End container */}
                     </section>	{/* END CONTENT-11 */}
 

src/pages/FindMobility.js

@@ -38,7 +38,9 @@ class FindMobility extends React.Component {
                             <div className="row">
                                 <div className="col-md-12">
                                     <div className="img-block text-center wow fadeInUp" data-wow-delay="0.6s">
-                                        <img className="img-fluid" src="assets/images/socials.png" alt="content-image" />
+                                        <iframe width="100%" height="710" style={{border:"0"}} loading="lazy" src="https://maps.google.com/maps?width=100%25&amp;height=600&amp;hl=en&amp;q=1070%20Cresta%20Way%20Unit%202,%20San%20Rafael%20CA%2094903+(FloatEV)&amp;t=&amp;z=14&amp;ie=UTF8&amp;iwloc=B&amp;output=embed">
+                                            <a href="https://www.maps.ie/distance-area-calculator.html">measure area map</a>
+                                        </iframe>
                                     </div>
                                 </div>
                             </div>

src/pages/Fleet.js

@@ -199,74 +199,7 @@ class Fleet extends React.Component {
               </div>	{/* END CONTENT BOX-2 */}
             </div>     {/* End container */}
           </section>	{/* END CONTENT-3 */}	
-          {/* BRANDS-1 */}
-          <div id="brands-1" className="bg_whitesmoke brands-section division">
-            <div className="container">					
-              <div className="row">
-                <div className="col text-center pc-25">	
-                  {/* Text */}
-                  <p className="p-xl">{brandSectionTitle}</p>
-                  {/* Brands Carousel */}
-                  <div className="owl-carousel brands-carousel">
-                    {/* BRAND LOGO IMAGE */}
-                    <div className="brand-logo">
-                      <a href="#">
-                        <img className="img-fluid" src="assets/images/brand-1.png" alt="brand-logo" />
-                      </a>
-                    </div>
-                    {/* BRAND LOGO IMAGE */}
-                    <div className="brand-logo">
-                      <a href="#">
-                        <img className="img-fluid" src="assets/images/brand-2.png" alt="brand-logo" />
-                      </a>
-                    </div>
-                    {/* BRAND LOGO IMAGE */}
-                    <div className="brand-logo">
-                      <a href="#">
-                        <img className="img-fluid" src="assets/images/brand-3.png" alt="brand-logo" />
-                      </a>
-                    </div>
-                    {/* BRAND LOGO IMAGE */}
-                    <div className="brand-logo">
-                      <a href="#">
-                        <img className="img-fluid" src="assets/images/brand-4.png" alt="brand-logo" />
-                      </a>
-                    </div>
-                    {/* BRAND LOGO IMAGE */}
-                    <div className="brand-logo">
-                      <a href="#">
-                        <img className="img-fluid" src="assets/images/brand-5.png" alt="brand-logo" />
-                      </a>
-                    </div>
-                    {/* BRAND LOGO IMAGE */}
-                    <div className="brand-logo">
-                      <a href="#">
-                        <img className="img-fluid" src="assets/images/brand-6.png" alt="brand-logo" />
-                      </a>
-                    </div>
-                    {/* BRAND LOGO IMAGE */}
-                    <div className="brand-logo">
-                      <a href="#">
-                        <img className="img-fluid" src="assets/images/brand-7.png" alt="brand-logo" />
-                      </a>
-                    </div>
-                    {/* BRAND LOGO IMAGE */}
-                    <div className="brand-logo">
-                      <a href="#">
-                        <img className="img-fluid" src="assets/images/brand-8.png" alt="brand-logo" />
-                      </a>
-                    </div>
-                    {/* BRAND LOGO IMAGE */}
-                    <div className="brand-logo">
-                      <a href="#">
-                        <img className="img-fluid" src="assets/images/brand-9.png" alt="brand-logo" />
-                      </a>
-                    </div>
-                  </div>	{/* End Brands Carousel */}
-                </div>
-              </div>      {/* End row */}
-            </div>	    {/* End container */}
-          </div>	{/* END BRANDS-1 */}
+
           {/* FEATURES-5 */}
           <section id="features-5" className="wide-50 features-section division">
             <div className="container">
@@ -885,7 +818,7 @@ class Fleet extends React.Component {
                 <div className="col-md-12">	
                   <div className="more-questions text-center mt-40">
                     <h5 className="h5-sm"><span className="flaticon-check" /> 
-                      {faqSection.question} <a href="mailto:yourdomain@mail.com" className="skyblue-color">{faqSection.link}</a>
+                      {faqSection.question} <a href="/contacts" className="skyblue-color">{faqSection.link}</a>
                     </h5>
                   </div>
                 </div>
@@ -1056,9 +989,9 @@ export default Fleet
 
 //Hero Section
 let heroSection = {
-  tag: 'HTML',
-  header: 'Float Business Fleet Management Systems',
-  desc: 'We are your A.I. enables assistance to manage your fleet and advancement to new platforms with insights on current performance and operational projections.'
+  tag: '',
+  header: 'Float Business & Fleet Management Systems',
+  desc: 'We are your A.I.-enabled platform to manage your fleet, performance monitoring, optimization, and assist in upgrades to new technologies.'
 }
 
 // About Section

src/pages/FloatHome.js

@@ -1,28 +1,22 @@
 import React, {Component} from 'react';
 import SaveMoney from '../pages/assests/images/save-money.png' 
 import GetReward from '../pages/assests/images/get-rewarded.png' 
+import Access from '../pages/assests/images/navigation.png' 
 
 
 class FloatHome extends React.Component {
     render() {
         return(
             <div>
-
-
-        {/* PRELOADER SPINNER
-		============================================= */}	
+        {/* PRELOADER SPINNER	============================================= */}	
         <div id="loader-wrapper">
           <div id="loading">
             <span className="cssload-loader"><span className="cssload-loader-inner" /></span>
           </div>
         </div>
-        {/* PAGE CONTENT
-		============================================= */}	
-        <div id="page" className="page">
-         
-         
-          {/* HERO-5
-			============================================= */}	
+        {/* PAGE CONTENT============================================= */}	
+        <div id="page" className="page">         
+          {/* HERO-5	============================================= */}	
           <div id="hero-5" className="rel hero-section division">
             <div className="container">	
               <div className="row d-flex align-items-center">
@@ -55,11 +49,11 @@ class FloatHome extends React.Component {
                     {/* STORE BADGES */}												
                     <div className="stores-badge">
                       {/* AppStore */}
-                      <a href="#" className="store">
+                      <a href={process.env.REACT_APP_APPLE_LINK} className="store">
                         <img className="appstore" src="assets/images/appstore.png" alt="appstore-badge" />
                       </a>
                       {/* Google Play */}
-                      <a href="#" className="store">
+                      <a href={process.env.REACT_APP_GOOGLE_PLAY_LINK} className="store">
                         <img className="googleplay" src="assets/images/googleplay.png" alt="googleplay-badge" />
                       </a> 
                       {/* Aamazon Market 
@@ -91,7 +85,7 @@ class FloatHome extends React.Component {
                   <div id="fb-1-1" className="col-md-4">
                     <div className="fbox-1 mb-40 wow fadeInUp" data-wow-delay="0.4s">
                       {/* Icon */}
-                      <div className="fbox-1-ico ico-80 stateblue-color"><img src={SaveMoney} /></div>
+                      <div className="fbox-1-ico ico-80 stateblue-color"><img src={Access} /></div>
                       {/* Title */}
                       <h5 className="h5-sm">{message.access.heading}</h5>
                       {/* Text */}
@@ -663,10 +657,10 @@ class FloatHome extends React.Component {
                     <p className="p-xl">{floatForSpeed.desc}
                     </p>                    												
                     <div className="stores-badge">                      
-                      <a href="#" className="store">
+                      <a href={process.env.REACT_APP_APPLE_LINK} className="store">
                         <img className="appstore" src="assets/images/appstore.png" alt="appstore-badge" />
                       </a>                      
-                      <a href="#" className="store">
+                      <a href={process.env.REACT_APP_GOOGLE_PLAY_LINK} className="store">
                         <img className="googleplay" src="assets/images/googleplay.png" alt="googleplay-badge" />
                       </a> 
                     </div>	
@@ -869,11 +863,11 @@ class FloatHome extends React.Component {
                     {/* STORE BADGES */}												
                     <div className="stores-badge mb-10">
                       {/* AppStore */}
-                      <a href="#" className="store">
+                      <a href={process.env.REACT_APP_APPLE_LINK} className="store">
                         <img className="appstore" src="assets/images/appstore.png" alt="appstore-badge" />
                       </a>
                       {/* Google Play */}
-                      <a href="#" className="store">
+                      <a href={process.env.REACT_APP_GOOGLE_PLAY_LINK} className="store">
                         <img className="googleplay" src="assets/images/googleplay.png" alt="googleplay-badge" />
                       </a> 
                       {/* Aamazon Market 
@@ -1187,11 +1181,11 @@ class FloatHome extends React.Component {
                     {/* STORE BADGES */}												
                     <div className="stores-badge mb-50">
                       {/* AppStore */}
-                      <a href="#" className="store">
+                      <a href={process.env.REACT_APP_APPLE_LINK} className="store">
                         <img className="appstore" src="assets/images/appstore.png" alt="appstore-badge" />
                       </a>
                       {/* Google Play */}
-                      <a href="#" className="store">
+                      <a href={process.env.REACT_APP_GOOGLE_PLAY_LINK} className="store">
                         <img className="googleplay" src="assets/images/googleplay.png" alt="googleplay-badge" />
                       </a> 
                       {/* Aamazon Market 

src/pages/Home.js

@@ -953,12 +953,12 @@ class Home extends React.Component {
 								<div className="stores-badge">
 
 									
-									<a href="#" className="store">
+									<a href={process.env.REACT_APP_APPLE_LINK} className="store">
 										<img className="appstore" src="assets/images/appstore-white.png" alt="appstore-badge" />
 									</a>
 													
 									
-									<a href="#" className="store">
+									<a href={process.env.REACT_APP_APPLE_LINK} className="store">
 										<img className="googleplay" src="assets/images/googleplay-white.png" alt="googleplay-badge" />
 									</a> 
 												

src/pages/Home_11.js

@@ -766,11 +766,11 @@ class Home_11 extends React.Component {
                     {/* STORE BADGES */}												
                     <div className="stores-badge">
                       {/* AppStore */}
-                      <a href="#" className="store">
+                      <a href={process.env.REACT_APP_APPLE_LINK} className="store">
                         <img className="appstore" src="assets/images/appstore.png" alt="appstore-badge" />
                       </a>
                       {/* Google Play */}
-                      <a href="#" className="store">
+                      <a href={process.env.REACT_APP_GOOGLE_PLAY_LINK} className="store">
                         <img className="googleplay" src="assets/images/googleplay.png" alt="googleplay-badge" />
                       </a> 
                       {/* Aamazon Market 

src/pages/Home_12.js

@@ -34,11 +34,11 @@ class Home_12 extends React.Component {
                     {/* STORE BADGES */}												
                     <div className="stores-badge mb-10">
                       {/* AppStore */}
-                      <a href="#" className="store">
+                      <a href={process.env.REACT_APP_APPLE_LINK} className="store">
                         <img className="appstore" src="assets/images/appstore.png" alt="appstore-badge" />
                       </a>
                       {/* Google Play */}
-                      <a href="#" className="store">
+                      <a href={process.env.REACT_APP_GOOGLE_PLAY_LINK} className="store">
                         <img className="googleplay" src="assets/images/googleplay.png" alt="googleplay-badge" />
                       </a> 
                       {/* Aamazon Market 
@@ -557,11 +557,11 @@ class Home_12 extends React.Component {
                     {/* STORE BADGES */}												
                     <div className="stores-badge">
                       {/* AppStore */}
-                      <a href="#" className="store">
+                      <a href={process.env.REACT_APP_APPLE_LINK} className="store">
                         <img className="appstore" src="assets/images/appstore.png" alt="appstore-badge" />
                       </a>
                       {/* Google Play */}
-                      <a href="#" className="store">
+                      <a href={process.env.REACT_APP_GOOGLE_PLAY_LINK} className="store">
                         <img className="googleplay" src="assets/images/googleplay.png" alt="googleplay-badge" />
                       </a> 
                       {/* Aamazon Market 

src/pages/Home_2.js

@@ -714,11 +714,11 @@ class Home_2 extends React.Component {
                     {/* STORE BADGES */}												
                     <div className="stores-badge mb-10">
                       {/* AppStore */}
-                      <a href="#" className="store">
+                      <a href={process.env.REACT_APP_APPLE_LINK} className="store">
                         <img className="appstore" src="assets/images/appstore.png" alt="appstore-badge" />
                       </a>
                       {/* Google Play */}
-                      <a href="#" className="store">
+                      <a href={process.env.REACT_APP_GOOGLE_PLAY_LINK} className="store">
                         <img className="googleplay" src="assets/images/googleplay.png" alt="googleplay-badge" />
                       </a> 
                       {/* Aamazon Market 
@@ -844,11 +844,11 @@ class Home_2 extends React.Component {
                     {/* STORE BADGES */}												
                     <div className="stores-badge">
                       {/* AppStore */}
-                      <a href="#" className="store">
+                      <a href={process.env.REACT_APP_APPLE_LINK} className="store">
                         <img className="appstore" src="assets/images/appstore.png" alt="appstore-badge" />
                       </a>
                       {/* Google Play */}
-                      <a href="#" className="store">
+                      <a href={process.env.REACT_APP_GOOGLE_PLAY_LINK} className="store">
                         <img className="googleplay" src="assets/images/googleplay.png" alt="googleplay-badge" />
                       </a> 
                       {/* Aamazon Market 

src/pages/Home_3.js

@@ -477,11 +477,11 @@ class Home_3 extends React.Component {
                     {/* STORE BADGES */}												
                     <div className="stores-badge">
                       {/* AppStore */}
-                      <a href="#" className="store">
+                      <a href={process.env.REACT_APP_APPLE_LINK} className="store">
                         <img className="appstore" src="assets/images/appstore-white.png" alt="appstore-badge" />
                       </a>
                       {/* Google Play */}
-                      <a href="#" className="store">
+                      <a href={process.env.REACT_APP_GOOGLE_PLAY_LINK} className="store">
                         <img className="googleplay" src="assets/images/googleplay-white.png" alt="googleplay-badge" />
                       </a> 
                       {/* Aamazon Market 

src/pages/Home_4.js

@@ -33,11 +33,11 @@ class Home_4 extends React.Component {
                     {/* STORE BADGES */}												
                     <div className="stores-badge mb-10">
                       {/* AppStore */}
-                      <a href="#" className="store">
+                      <a href={process.env.REACT_APP_APPLE_LINK} className="store">
                         <img className="appstore" src="assets/images/appstore.png" alt="appstore-badge" />
                       </a>
                       {/* Google Play */}
-                      <a href="#" className="store">
+                      <a href={process.env.REACT_APP_GOOGLE_PLAY_LINK} className="store">
                         <img className="googleplay" src="assets/images/googleplay.png" alt="googleplay-badge" />
                       </a> 
                       {/* Aamazon Market 

src/pages/Home_5.js

@@ -52,11 +52,11 @@ class Home_5 extends React.Component {
                     {/* STORE BADGES */}												
                     <div className="stores-badge">
                       {/* AppStore */}
-                      <a href="#" className="store">
+                      <a href={process.env.REACT_APP_APPLE_LINK} className="store">
                         <img className="appstore" src="assets/images/appstore.png" alt="appstore-badge" />
                       </a>
                       {/* Google Play */}
-                      <a href="#" className="store">
+                      <a href={process.env.REACT_APP_GOOGLE_PLAY_LINK} className="store">
                         <img className="googleplay" src="assets/images/googleplay.png" alt="googleplay-badge" />
                       </a> 
                       {/* Aamazon Market 
@@ -708,11 +708,11 @@ class Home_5 extends React.Component {
                     {/* STORE BADGES */}												
                     <div className="stores-badge">
                       {/* AppStore */}
-                      <a href="#" className="store">
+                      <a href={process.env.REACT_APP_APPLE_LINK} className="store">
                         <img className="appstore" src="assets/images/appstore.png" alt="appstore-badge" />
                       </a>
                       {/* Google Play */}
-                      <a href="#" className="store">
+                      <a href={process.env.REACT_APP_GOOGLE_PLAY_LINK} className="store">
                         <img className="googleplay" src="assets/images/googleplay.png" alt="googleplay-badge" />
                       </a> 
                       {/* Aamazon Market 
@@ -926,11 +926,11 @@ class Home_5 extends React.Component {
                     {/* STORE BADGES */}												
                     <div className="stores-badge mb-10">
                       {/* AppStore */}
-                      <a href="#" className="store">
+                      <a href={process.env.REACT_APP_APPLE_LINK} className="store">
                         <img className="appstore" src="assets/images/appstore.png" alt="appstore-badge" />
                       </a>
                       {/* Google Play */}
-                      <a href="#" className="store">
+                      <a href={process.env.REACT_APP_GOOGLE_PLAY_LINK} className="store">
                         <img className="googleplay" src="assets/images/googleplay.png" alt="googleplay-badge" />
                       </a> 
                       {/* Aamazon Market 
@@ -1245,11 +1245,11 @@ class Home_5 extends React.Component {
                     {/* STORE BADGES */}												
                     <div className="stores-badge mb-50">
                       {/* AppStore */}
-                      <a href="#" className="store">
+                      <a href={process.env.REACT_APP_APPLE_LINK} className="store">
                         <img className="appstore" src="assets/images/appstore.png" alt="appstore-badge" />
                       </a>
                       {/* Google Play */}
-                      <a href="#" className="store">
+                      <a href={process.env.REACT_APP_GOOGLE_PLAY_LINK} className="store">
                         <img className="googleplay" src="assets/images/googleplay.png" alt="googleplay-badge" />
                       </a> 
                       {/* Aamazon Market 

src/pages/Home_6.js

@@ -493,11 +493,11 @@ class Home_6 extends React.Component {
                     {/* STORE BADGES */}												
                     <div className="stores-badge mb-10">
                       {/* AppStore */}
-                      <a href="#" className="store">
+                      <a href={process.env.REACT_APP_APPLE_LINK} className="store">
                         <img className="appstore" src="assets/images/appstore.png" alt="appstore-badge" />
                       </a>
                       {/* Google Play */}
-                      <a href="#" className="store">
+                      <a href={process.env.REACT_APP_GOOGLE_PLAY_LINK} className="store">
                         <img className="googleplay" src="assets/images/googleplay.png" alt="googleplay-badge" />
                       </a> 
                       {/* Aamazon Market 
@@ -727,11 +727,11 @@ class Home_6 extends React.Component {
                     {/* STORE BADGES */}												
                     <div className="stores-badge">
                       {/* AppStore */}
-                      <a href="#" className="store">
+                      <a href={process.env.REACT_APP_APPLE_LINK} className="store">
                         <img className="appstore" src="assets/images/appstore-white.png" alt="appstore-badge" />
                       </a>
                       {/* Google Play */}
-                      <a href="#" className="store">
+                      <a href={process.env.REACT_APP_GOOGLE_PLAY_LINK} className="store">
                         <img className="googleplay" src="assets/images/googleplay-white.png" alt="googleplay-badge" />
                       </a> 
                       {/* Aamazon Market 

src/pages/Home_7.js

@@ -37,11 +37,11 @@ class Home_7 extends React.Component {
                     {/* STORE BADGES */}												
                     <div className="stores-badge mb-20">
                       {/* AppStore */}
-                      <a href="#" className="store">
+                      <a href={process.env.REACT_APP_APPLE_LINK} className="store">
                         <img className="appstore" src="assets/images/appstore.png" alt="appstore-badge" />
                       </a>
                       {/* Google Play */}
-                      <a href="#" className="store">
+                      <a href={process.env.REACT_APP_GOOGLE_PLAY_LINK} className="store">
                         <img className="googleplay" src="assets/images/googleplay.png" alt="googleplay-badge" />
                       </a> 
                       {/* Aamazon Market 
@@ -972,11 +972,11 @@ class Home_7 extends React.Component {
                     {/* STORE BADGES */}												
                     <div className="stores-badge">
                       {/* AppStore */}
-                      <a href="#" className="store">
+                      <a href={process.env.REACT_APP_APPLE_LINK} className="store">
                         <img className="appstore" src="assets/images/appstore.png" alt="appstore-badge" />
                       </a>
                       {/* Google Play */}
-                      <a href="#" className="store">
+                      <a href={process.env.REACT_APP_GOOGLE_PLAY_LINK} className="store">
                         <img className="googleplay" src="assets/images/googleplay.png" alt="googleplay-badge" />
                       </a> 
                       {/* Aamazon Market 

src/pages/Home_8.js

@@ -32,11 +32,11 @@ class Home_8 extends React.Component {
                     {/* STORE BADGES */}											
                     <div className="stores-badge">
                       {/* AppStore */}
-                      <a href="#" className="store">
+                      <a href={process.env.REACT_APP_APPLE_LINK} className="store">
                         <img className="appstore" src="assets/images/appstore.png" alt="appstore-badge" />
                       </a>
                       {/* Google Play */}
-                      <a href="#" className="store">
+                      <a href={process.env.REACT_APP_GOOGLE_PLAY_LINK} className="store">
                         <img className="googleplay" src="assets/images/googleplay.png" alt="googleplay-badge" />
                       </a> 
                       {/* Aamazon Market 
@@ -494,11 +494,11 @@ class Home_8 extends React.Component {
                     {/* STORE BADGES */}												
                     <div className="stores-badge">
                       {/* AppStore */}
-                      <a href="#" className="store">
+                      <a href={process.env.REACT_APP_APPLE_LINK} className="store">
                         <img className="appstore" src="assets/images/appstore.png" alt="appstore-badge" />
                       </a>
                       {/* Google Play */}
-                      <a href="#" className="store">
+                      <a href={process.env.REACT_APP_GOOGLE_PLAY_LINK} className="store">
                         <img className="googleplay" src="assets/images/googleplay.png" alt="googleplay-badge" />
                       </a> 
                       {/* Aamazon Market 
@@ -708,11 +708,11 @@ class Home_8 extends React.Component {
                     {/* STORE BADGES */}												
                     <div className="stores-badge mb-5">
                       {/* AppStore */}
-                      <a href="#" className="store">
+                      <a href={process.env.REACT_APP_APPLE_LINK} className="store">
                         <img className="appstore" src="assets/images/appstore.png" alt="appstore-badge" />
                       </a>
                       {/* Google Play */}
-                      <a href="#" className="store">
+                      <a href={process.env.REACT_APP_GOOGLE_PLAY_LINK} className="store">
                         <img className="googleplay" src="assets/images/googleplay.png" alt="googleplay-badge" />
                       </a> 
                       {/* Aamazon Market 

src/pages/Home_9.js

@@ -448,11 +448,11 @@ class Home_9 extends React.Component {
                     {/* STORE BADGES */}												
                     <div className="stores-badge mb-10">
                       {/* AppStore */}
-                      <a href="#" className="store">
+                      <a href={process.env.REACT_APP_APPLE_LINK} className="store">
                         <img className="appstore" src="assets/images/appstore.png" alt="appstore-badge" />
                       </a>
                       {/* Google Play */}
-                      <a href="#" className="store">
+                      <a href={process.env.REACT_APP_GOOGLE_PLAY_LINK} className="store">
                         <img className="googleplay" src="assets/images/googleplay.png" alt="googleplay-badge" />
                       </a> 
                       {/* Aamazon Market 
@@ -621,11 +621,11 @@ class Home_9 extends React.Component {
                     {/* STORE BADGES */}												
                     <div className="stores-badge">
                       {/* AppStore */}
-                      <a href="#" className="store">
+                      <a href={process.env.REACT_APP_APPLE_LINK} className="store">
                         <img className="appstore" src="assets/images/appstore.png" alt="appstore-badge" />
                       </a>
                       {/* Google Play */}
-                      <a href="#" className="store">
+                      <a href={process.env.REACT_APP_GOOGLE_PLAY_LINK} className="store">
                         <img className="googleplay" src="assets/images/googleplay.png" alt="googleplay-badge" />
                       </a> 
                       {/* Aamazon Market 

src/pages/More_apps.js

@@ -223,11 +223,11 @@ class More_apps extends React.Component {
                     {/* STORE BADGES */}                        
                     <div className="stores-badge">
                       {/* AppStore */}
-                      <a href="#" className="store">
+                      <a href={process.env.REACT_APP_APPLE_LINK} className="store">
                         <img className="appstore" src="assets/images/appstore.png" alt="appstore-badge" />
                       </a>
                       {/* Google Play */}
-                      <a href="#" className="store">
+                      <a href={process.env.REACT_APP_GOOGLE_PLAY_LINK} className="store">
                         <img className="googleplay" src="assets/images/googleplay.png" alt="googleplay-badge" />
                       </a> 
                       {/* Aamazon Market 

src/pages/Pricing.js

@@ -387,11 +387,11 @@ class Pricing extends React.Component {
                     {/* STORE BADGES */}                        
                     <div className="stores-badge">
                       {/* AppStore */}
-                      <a href="#" className="store">
+                      <a href={process.env.REACT_APP_APPLE_LINK} className="store">
                         <img className="appstore" src="assets/images/appstore.png" alt="appstore-badge" />
                       </a>
                       {/* Google Play */}
-                      <a href="#" className="store">
+                      <a href={process.env.REACT_APP_GOOGLE_PLAY_LINK} className="store">
                         <img className="googleplay" src="assets/images/googleplay.png" alt="googleplay-badge" />
                       </a> 
                       {/* Aamazon Market 

src/pages/Users.js

@@ -33,11 +33,11 @@ class Users extends React.Component {
                     {/* STORE BADGES */}											
                     <div className="stores-badge">
                       {/* AppStore */}
-                      <a href="#" className="store">
+                      <a href={process.env.REACT_APP_APPLE_LINK} className="store">
                         <img className="appstore" src="assets/images/appstore.png" alt="appstore-badge" />
                       </a>
                       {/* Google Play */}
-                      <a href="#" className="store">
+                      <a href={process.env.REACT_APP_GOOGLE_PLAY_LINK} className="store">
                         <img className="googleplay" src="assets/images/googleplay.png" alt="googleplay-badge" />
                       </a> 
                     </div>	{/* END STORE BADGES */}	
@@ -369,11 +369,11 @@ class Users extends React.Component {
                     {/* STORE BADGES */}												
                     <div className="stores-badge">
                       {/* AppStore */}
-                      <a href="#" className="store">
+                      <a href={process.env.REACT_APP_APPLE_LINK} className="store">
                         <img className="appstore" src="assets/images/appstore.png" alt="appstore-badge" />
                       </a>
                       {/* Google Play */}
-                      <a href="#" className="store">
+                      <a href={process.env.REACT_APP_GOOGLE_PLAY_LINK} className="store">
                         <img className="googleplay" src="assets/images/googleplay.png" alt="googleplay-badge" />
                       </a> 
                       {/* Aamazon Market 
@@ -575,11 +575,11 @@ class Users extends React.Component {
                     {/* STORE BADGES */}												
                     <div className="stores-badge mb-5">
                       {/* AppStore */}
-                      <a href="#" className="store">
+                      <a href={process.env.REACT_APP_APPLE_LINK} className="store">
                         <img className="appstore" src="assets/images/appstore.png" alt="appstore-badge" />
                       </a>
                       {/* Google Play */}
-                      <a href="#" className="store">
+                      <a href={process.env.REACT_APP_GOOGLE_PLAY_LINK} className="store">
                         <img className="googleplay" src="assets/images/googleplay.png" alt="googleplay-badge" />
                       </a> 
                       {/* Aamazon Market