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/css/responsive.css

@@ -738,8 +738,8 @@
 
   #content-14.aliceblue-shape, #content-14.whitesmoke-shape { padding-top: 80px; }
 
-  .content-section .img-block.left-column, .content-5-img { position: relative; left: -60%; }
-  .content-section .img-block img, .content-5-img img, .content-6-img img { display: inline-block; max-width: none; width: 160%; }
+  /* .content-section .img-block.left-column, .content-5-img { position: relative; left: -60%; } */
+  /* .content-section .img-block img, .content-5-img img, .content-6-img img { display: inline-block; max-width: none; width: 160%; } */
   .content-12-img { margin-right: 0; margin-bottom: -40px; }
 
   .cbox-txt { padding-left: 20px; }

public/assets/css/style.css

@@ -2588,6 +2588,11 @@ h5.sm-title {
   margin-top: 5rem;
 }
 
+.hero-8-txt.fadeInRight{
+  display: flex;
+  flex-direction: column;
+}
+
 /*------------------------------------------*/
 /*  HERO APP LOGO
 /*------------------------------------------*/
@@ -2640,7 +2645,7 @@ h5.sm-title {
 }
 
 .hero-5-btns h3 {
-  margin-bottom: 30px;
+  margin-bottom: 6rem;
 }
 
 .hero-6-txt h2 {
@@ -2657,6 +2662,7 @@ h5.sm-title {
 }
 
 .hero-8-txt h2 {
+  margin-top: 3rem;
   margin-bottom: 5px;
 }
 
@@ -2666,7 +2672,6 @@ h5.sm-title {
 
 .hero-8-txt h5 {
   font-weight: 300;
-  margin-bottom: 50px;
 }
 
 .hero-9-txt h4 {

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;
 			});
@@ -170,7 +170,7 @@
 					patterns: {
 						youtube: {			   
 							index: 'youtube.com',
-							src: 'https://www.youtube.com/embed/7e90gBu4pas'				
+							src: 'https://www.youtube.com/embed/Jn22jdQ4KdQ'	// added the id of the video			
 								}
 							}
 						}		  		  

src/App.js

@@ -16,6 +16,9 @@ import FloatHome from './pages/FloatHome';
 import Users from './pages/Users';
 import Fleet from './pages/Fleet';
 import Privacy from './pages/Privacy';
+import GetStarted from './pages/GetStarted';
+import FindEv from "./pages/FindEv";
+import FindMobility from "./pages/FindMobility";
 
 
 
@@ -50,9 +53,13 @@ function App() {
 			<Route path="/users" element={<Users/>} />
 			<Route path="/business" element={<Fleet/>} />
 			<Route path="/privacy" element={<Privacy/>} />
+			<Route path="/getstarted" element={<GetStarted />} />
+			<Route path="/findev" element={<FindEv />} />
+			<Route path="/findmobility" element={<FindMobility />} />
 		</Routes>
 	  <Footer/>
     </div>
+
   );
 }
 

src/components/Footer.js

@@ -13,11 +13,11 @@ class Footer extends React.Component {
 								<div className="col-sm-6 col-md-4 col-lg-3">
 									<div className="footer-links mb-40">
 										<ul className="foo-links clearfix">									
-											<li><p className="p-md"><Link to="/#">App Features</Link></p></li>													
-											<li><p className="p-md"><Link to="/#">Integrations</Link></p></li>
-											<li><p className="p-md"><Link to="/#">App Updates</Link></p></li>
-											<li><p className="p-md"><Link to="/#">Help & Support</Link></p></li>
-											<li><p className="p-md"><Link to="/#">Customer Stories</Link></p></li>						
+
+											<li><p className="p-md"><Link to="/#">Users</Link></p></li>
+											<li><p className="p-md"><Link to="/#">Fleet Mangers</Link></p></li>
+											<li><p className="p-md"><Link to="/findev">Find Ev Charge</Link></p></li>
+											<li><p className="p-md"><Link to="/findmobility">Find Options</Link></p></li>
 										</ul>
 									</div>
 								</div>
@@ -25,10 +25,9 @@ class Footer extends React.Component {
 									<div className="footer-links mb-40">
 										<ul className="foo-links clearfix">													
 											<li><p className="p-md"><Link to="/blogs">Our Blog</Link></p></li>	
-											<li><p className="p-md"><Link to="/#">Customer Stories</Link></p></li>
+											<li><p className="p-md"><Link to="/contacts">Customer Stories</Link></p></li>
 											<li><p className="p-md"><Link to="/#">Help & Support</Link></p></li>	
-											<li><p className="p-md"><Link to="/#">Life Chatting</Link></p></li>
-											<li><p className="p-md"><Link to="/#">Resources</Link></p></li>	
+											<li><p className="p-md"><Link to="/#">Resources</Link></p></li>
 										</ul>
 									</div>
 								</div>
@@ -37,8 +36,7 @@ class Footer extends React.Component {
 										<ul className="foo-links clearfix">
 											<li><p className="p-md"><Link to="/about">About Us</Link></p></li>
 											<li><p className="p-md"><Link to="/#">Press & Media</Link></p></li>	
-											<li><p className="p-md"><Link to="/#">Advertising</Link></p></li>
-											<li><p className="p-md"><Link to="/privacy">Privacy Policy</Link></p></li>		
+											<li><p className="p-md"><Link to="/privacy">Privacy Policy</Link></p></li>
 											<li><p className="p-md"><Link to="/terms">Terms & Privacy</Link></p></li>					
 										</ul>
 									</div>

src/components/Header.js

@@ -88,7 +88,7 @@ class Header extends React.Component {
 							    	{/* <li className="nl-simple" aria-haspopup="true"><Link to="/more_apps">More Apps</Link></li>
 							    	<li className="nl-simple" aria-haspopup="true"><Link to="/blog_listing">Blog</Link></li> */}
 								    <li className="nl-simple" aria-haspopup="true">
-								    	<Link to="/contacts" className="btn btn-rose tra-grey-hover last-link">Let's Started</Link>
+								    	<Link to="/getstarted" className="btn btn-rose tra-grey-hover last-link">Let's Start</Link>
 								    </li> 
 
 

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

@@ -0,0 +1,104 @@
+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>
+
+
+                {/* 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">
+
+
+                    <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">
+                            {/* SECTION TITLE */}
+                            <div className="row">
+                                <div className="col-lg-10 offset-lg-1">
+                                    <div className="section-title text-center mb-60">
+                                        {/* Title */}
+                                        <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">
+                                        <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>	   {/* End container */}
+                    </section>	{/* END CONTENT-11 */}
+
+
+
+                </div>	{/* END PAGE CONTENT */}
+
+
+            </div>
+        )
+    }
+}
+export default FindEv

src/pages/FindMobility.js

@@ -0,0 +1,71 @@
+import React, {Component} from 'react';
+
+class FindMobility extends React.Component {
+    render() {
+        return(
+            <div>
+
+
+                {/* 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">
+
+
+
+                    <section id="content-11" className="pb-100 content-section division">
+                        <div className="container">
+                            {/* SECTION TITLE */}
+                            <div className="row">
+                                <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>
+                                        {/* 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>
+                                </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">
+                                        <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 */}
+
+
+
+                </div>	{/* END PAGE CONTENT */}
+
+
+            </div>
+        )
+    }
+}
+export default FindMobility

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>
@@ -1039,30 +972,7 @@ class Fleet extends React.Component {
                     {/* Title */}
                     <h2 className="h2-md">{downloadSection.header}</h2>
                     {/* Text */}
-                    <p className="p-xl">{downloadSection.text}</p>
-                    {/* STORE BADGES */}
-                    <div className="stores-badge">
-                      {/* AppStore */}
-                      <a href="#" className="store">
-                        <img className="appstore" src="assets/images/appstore-white.png" alt="appstore-logo" />
-                      </a>
-                      {/* Google Play */}
-                      <a href="#" className="store">
-                        <img className="googleplay" src="assets/images/googleplay-white.png" alt="googleplay-logo" />
-                      </a>
-                    </div>	
-                    {/* Rating */}
-                    <div className="txt-block-rating">
-                      <div className="stars-rating">
-                        {downloadSection.ratingText}
-                        <span className="flaticon-star ml-5" />
-                        <span className="flaticon-star" />
-                        <span className="flaticon-star" />
-                        <span className="flaticon-star" />
-                        <span className="flaticon-star-half-empty" />	
-                        <p className="txt-rating">{downloadSection.reviewText}</p>
-                      </div>			
-                    </div>
+                    <p className="p-xl">{downloadSection.text}</p>     
                   </div>
                 </div>	{/* END TEXT BLOCK */}	
               </div>    {/* End row */}
@@ -1079,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
@@ -1245,7 +1155,5 @@ let subscribeSection = {
 // Download Section
 let downloadSection = {
   header: 'Take your fleet to the next level',
-  text: 'Augue egestas volutpat egestas augue purus cubilia laoreet and magna suscipit luctus dolor tempus',
-  ratingText: 'All Versions Rating',
-  reviewText: 'Based on 7.296 user reviews (App Store & Google Play)'
+  text: 'Augue egestas volutpat egestas augue purus cubilia laoreet and magna suscipit luctus dolor tempus'
 }

src/pages/FloatHome.js

@@ -1,25 +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">
@@ -52,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 
@@ -72,18 +69,6 @@ class FloatHome extends React.Component {
 										<img class="microsoft" src="assets/images/microsoft.png" alt="microsoft-badge" />
 									</a> */} 
                     </div>	{/* END STORE BADGES */}
-                    {/* Rating */}
-                    <div className="txt-block-rating">
-                      <div className="stars-rating grey-color">
-                      {heroSection.badge.rating}
-                        <span className="flaticon-star ml-5" />
-                        <span className="flaticon-star" />
-                        <span className="flaticon-star" />
-                        <span className="flaticon-star" />
-                        <span className="flaticon-star-half-empty" />	
-                        <p className="txt-rating">{heroSection.badge.review}</p>
-                      </div>			
-                    </div>
                   </div>
                 </div>	{/* END HERO-5 BUTTONS */}
               </div>	  {/* End row */}
@@ -100,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"><span className="flaticon-mobile-phone" /></div>
+                      <div className="fbox-1-ico ico-80 stateblue-color"><img src={Access} /></div>
                       {/* Title */}
                       <h5 className="h5-sm">{message.access.heading}</h5>
                       {/* Text */}
@@ -111,7 +96,7 @@ class FloatHome extends React.Component {
                   <div id="fb-1-2" className="col-md-4">
                     <div className="fbox-1 mb-40 wow fadeInUp" data-wow-delay="0.6s">
                       {/* Icon */}
-                      <div className="fbox-1-ico ico-80 stateblue-color"><span className="flaticon-chat-4" /></div>
+                      <div className="fbox-1-ico ico-80 stateblue-color"><img src={SaveMoney} /></div>
                       {/* Title */}
                       <h5 className="h5-sm">{message.notification.heading}</h5>
                       {/* Text */}
@@ -122,7 +107,7 @@ class FloatHome extends React.Component {
                   <div id="fb-1-3" className="col-md-4">
                     <div className="fbox-1 mb-40 wow fadeInUp" data-wow-delay="0.8s">
                       {/* Icon */}
-                      <div className="fbox-1-ico ico-80 stateblue-color"><span className="flaticon-spam" /></div>
+                      <div className="fbox-1-ico ico-80 stateblue-color"><img src={GetReward} /></div>
                       {/* Title */}
                       <h5 className="h5-sm">{message.spam.heading}</h5>
                       {/* Text */}
@@ -672,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>	
@@ -878,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 
@@ -1196,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 
@@ -1227,9 +1212,7 @@ class FloatHome extends React.Component {
           </section>	{/* END  DOWNLOAD-5 */}
         
         </div>	{/* END PAGE CONTENT */}
-   
-        
-            </div>
+   </div>
         )
     }
 }
@@ -1250,13 +1233,13 @@ export default FloatHome
   //SECTION TWO
   let message = {
     access: {
-      heading: `Quick Access`, description: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and 
+      heading: `Smart Options`, description: `With Connectivity, both fleet managers and drivers will experience increased efficiencies.
     ociis ligula blandit`
     },
-    notification: {heading: `Smart Notifications`, description: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and 
+    notification: {heading: `Save Money`, description: `With Connectivity, both fleet managers and drivers will experience increased efficiencies.
     ociis ligula blandit`
     },
-    spam: {heading: `Spam Protection`, description: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and 
+    spam: {heading: `Get Rewarded`, description: `With Connectivity, both fleet managers and drivers will experience increased efficiencies.
     ociis ligula blandit`
     }
   };
@@ -1292,14 +1275,14 @@ export default FloatHome
     desc: `Aliquam a augue suscipit, luctus neque purus ipsum neque at dolor primis libero
     tempus, blandit and cursus varius magna tempus a dolor`,
     accounts: {
-      title: `Multiple Accounts`, desc: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and 
-      ociis ligula blandit`
+      title: `Multiple Accounts`, desc: `With Connectivity, both fleet managers and drivers will experience increased efficiencies.
+      Connectivity provides an array of features`
     },
-    emojis: {title: `Stickers & Emojis`, desc: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and 
-    ociis ligula blandit`
+    emojis: {title: `Service Options`, desc: `With Connectivity, both fleet managers and drivers will experience increased efficiencies.
+    Connectivity provides an array of features`
     },
-    files: {title: `Share Files & Media`, desc: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and 
-    ociis ligula blandit`
+    files: {title: `Connectivity`, desc: ` With Connectivity, both fleet managers and drivers will experience increased efficiencies.
+    Connectivity provides an array of features`
     }
   }
 
@@ -1310,14 +1293,14 @@ export default FloatHome
     title: `Get rewarded with Float points for traveling smarter.`,
     desc: `Gain access to exclusive deals on local transportation, neighborhood favorites, and international brands by staying on budget, avoiding peak commute times, or carpooling with friends to reduce your carbon emissions (and to stay safe!)`,
 
-    text: {title: `float Messaging and Calls`, 
+    text: {title: `Analytics`, 
             desc: `Ligula risus auctor tempus dolor feugiat undo lacinia purus lipsum primis potenti at suscipit quaerat ultrice tellus viverra`
           },
-    stickers: {title: `Stickers, Emojis, Themes`, 
+    stickers: {title: `Service Options`, 
             desc: `Ligula risus auctor tempus dolor feugiat undo lacinia purus lipsum primis potenti at suscipit quaerat ultrice tellus viverra`
           },
-    media: {title: `Share Files & Media`, 
-            desc: `Ligula risus auctor tempus dolor feugiat undo lacinia purus lipsum primis potenti at suscipit quaerat ultrice tellus viverra`
+    media: {title: `Connectivity`, 
+            desc: `With Connectivity, both fleet managers and drivers will experience increased efficiencies.Connectivity provides an array of features`
           }
   }
 
@@ -1328,25 +1311,25 @@ export default FloatHome
     tempus, blandit and cursus varius magna tempus a dolor`,
 
     mode: {
-      title: `Dark & Light Modes`,
+      title: `Monitoring`,
       desc: `Porta semper lacus cursus risus and feugiat primis undo sodales a sapien magna 
       at vitae congue tempus`
     },
 
     groupMes: {
-      title: `Group Messaging`,
+      title: `Analytics`,
       desc: `Porta semper lacus cursus risus and feugiat primis undo sodales a sapien magna 
       at vitae congue tempus`
     },
 
     strongEncry: {
-      title: `Strong Encryption`,
+      title: `Unlock Functionality`,
       desc: `Porta semper lacus cursus risus and feugiat primis undo sodales a sapien magna 
       at vitae congue tempus`
     },
 
     voiceAsst: {
-      title: `float Assistant`,
+      title: `Float Assistant`,
       desc: `Porta semper lacus cursus risus and feugiat primis undo sodales a sapien magna 
       at vitae congue tempus`
     }

src/pages/GetStarted.js

@@ -0,0 +1,482 @@
+import React, {Component} from 'react';
+
+class GetStarted extends React.Component {
+    render() {
+        return(
+            <div>
+
+                {/* 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">
+
+                    <section id="features-3" className="pt-100 features-section division">
+                        <div className="container">
+                            {/* SECTION TITLE */}
+                            <div className="row">
+                                <div className="col-lg-10 offset-lg-1">
+                                    <div className="section-title text-center mb-70">
+                                        {/* Title */}
+                                        <h2 className="h2-md">Ready to Try Float?</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>
+                                </div>
+                            </div>
+                            {/* FEATURES-3 WRAPPER */}
+                            <div className="fbox-3-wrapper">
+                                <div className="row">
+                                    {/* FEATURE BOX #1 */}
+                                    <div id="fb-3-1" className="col-md-6 col-lg-3">
+                                        <div className="fbox-3 bg_white wow fadeInUp" data-wow-delay="0.4s">
+                                            {/* Icon */}
+                                            <div className="fbox-3-ico grey-color ico-65"><span className="flaticon-streaming" /></div>
+                                            {/* Title */}
+                                            <h5 className="h5-sm">Users</h5>
+                                            {/* Text */}
+                                            <p className="p-md">Porta semper lacus and cursus risus undo feugiat at primis ultrice sodales tempus egestas sapien</p>
+                                        </div>
+                                    </div>
+                                    {/* FEATURE BOX #2 */}
+                                    <div id="fb-3-2" className="col-md-6 col-lg-3">
+                                        <div className="fbox-3 bg_white wow fadeInUp" data-wow-delay="0.6s">
+                                            {/* Icon */}
+                                            <div className="fbox-3-ico grey-color ico-65"><span className="flaticon-user-1" /></div>
+                                            {/* Title */}
+                                            <h5 className="h5-sm">Fleet Managers</h5>
+                                            {/* Text */}
+                                            <p className="p-md">Porta semper lacus and cursus risus undo feugiat at primis ultrice sodales tempus egestas sapien</p>
+                                        </div>
+                                    </div>
+                                    {/* FEATURE BOX #3 */}
+                                    <div id="fb-3-3" className="col-md-6 col-lg-3">
+                                        <div className="fbox-3 bg_white wow fadeInUp" data-wow-delay="0.8s">
+                                            {/* Icon */}
+                                            <div className="fbox-3-ico grey-color ico-65"><span className="flaticon-echo-dot" /></div>
+                                            {/* Title */}
+                                            <h5 className="h5-sm">Ev Charge Finder</h5>
+                                            {/* Text */}
+                                            <p className="p-md">Porta semper lacus and cursus risus undo feugiat at primis ultrice sodales tempus egestas sapien</p>
+                                        </div>
+                                    </div>
+                                    {/* FEATURE BOX #4 */}
+                                    <div id="fb-3-4" className="col-md-6 col-lg-3">
+                                        <div className="fbox-3 bg_white wow fadeInUp" data-wow-delay="1s">
+                                            {/* Icon */}
+                                            <div className="fbox-3-ico grey-color ico-65"><span className="flaticon-notes" /></div>
+                                            {/* Title */}
+                                            <h5 className="h5-sm">Find Options</h5>
+                                            {/* Text */}
+                                            <p className="p-md">Porta semper lacus and cursus risus undo feugiat at primis ultrice sodales tempus egestas sapien</p>
+                                        </div>
+                                    </div>
+                                </div>  {/* End row */}
+                            </div>	{/* END FEATURES-3 WRAPPER */}
+                        </div>	   {/* End container */}
+                    </section>	{/* END FEATURES-3 */}
+                    {/* CONTENT-2
+			============================================= */}
+                    <section id="content-2" className="wide-50 content-section division">
+                        <div className="container">
+                            <div className="row d-flex align-items-center">
+                                {/* IMAGE BLOCK */}
+                                <div className="col-md-5 col-lg-6">
+                                    <div className="img-block left-column pc-20 mb-40 wow fadeInRight" data-wow-delay="0.6s">
+                                        <img className="img-fluid" src="assets/images/home-custom-deals.png" alt="content-image" />
+                                    </div>
+                                </div>
+                                {/* TEXT BLOCK */}
+                                <div className="col-md-7 col-lg-6">
+                                    <div className="txt-block right-column mb-40 wow fadeInLeft" data-wow-delay="0.6s">
+                                        {/* Section ID */}
+                                        <span className="section-id grey-color">Perfect Integration</span>
+                                        {/* Title */}
+                                        <h2 className="h2-md">Makes your address book lite and user friendly</h2>
+                                        {/* Text */}
+                                        <p className="p-lg">Quaerat sodales sapien euismod purus blandit a purus ipsum primis in cubilia laoreet augue
+                                            luctus magna dolor luctus at egestas sapien vitae nemo egestas volute and turpis dolores aliquam quaerat
+                                            sodales a sapien
+                                        </p>
+                                    </div>
+                                </div>	{/* END TEXT BLOCK */}
+                            </div>	   {/* End row */}
+                        </div>	   {/* End container */}
+                    </section>	{/* END CONTENT-2 */}
+                    {/* CONTENT-3
+			============================================= */}
+                    <section id="content-3" className="pb-60 mt-inverse-40 content-section division">
+                        <div className="container">
+                            {/* CONTENT BOX-1 */}
+                            <div id="cb-1-1" className="cbox-1 pb-25">
+                                <div className="row d-flex align-items-center m-row">
+                                    {/* TEXT BLOCK */}
+                                    <div className="col-md-7 col-lg-6 m-bottom">
+                                        <div className="txt-block left-column mb-40 wow fadeInRight" data-wow-delay="0.6s">
+                                            {/* Section ID */}
+                                            <span className="section-id grey-color">Handling with Ease</span>
+                                            {/* Title */}
+                                            <h2 className="h2-md">Sync all contacts with social profiles</h2>
+                                            {/* Text */}
+                                            <p className="p-lg">Quaerat sodales sapien euismod purus blandit a purus ipsum primis in cubilia laoreet augue
+                                                luctus magna dolor luctus and egestas sapien egestas vitae nemo volute
+                                            </p>
+                                            {/* List */}
+                                            <ul className="simple-list">
+                                                <li className="list-item">
+                                                    <p className="p-lg">Fringilla risus, luctus mauris orci auctor purus euismod pretium purus pretium
+                                                        ligula rutrum tempor sapien
+                                                    </p>
+                                                </li>
+                                                <li className="list-item">
+                                                    <p className="p-lg">Nemo ipsam egestas volute turpis dolores ut aliquam quaerat sodales sapien undo
+                                                        pretium a purus mauris
+                                                    </p>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>	{/* END TEXT BLOCK */}
+                                    {/* IMAGE BLOCK */}
+                                    <div className="col-md-5 col-lg-6 m-top">
+                                        <div className="img-block right-column pc-15 mb-40 wow fadeInLeft" data-wow-delay="0.6s">
+                                            <img className="img-fluid" src="assets/images/img_05.png" alt="content-image" />
+                                        </div>
+                                    </div>
+                                </div>  {/* End row */}
+                            </div>	{/* END CONTENT BOX-1 */}
+                            {/* CONTENT BOX-2 */}
+                            <div id="cb-1-2" className="cbox-1">
+                                <div className="row d-flex align-items-center">
+                                    {/* IMAGE BLOCK */}
+                                    <div className="col-md-5 col-lg-6">
+                                        <div className="img-block left-column pc-25 mb-40 wow fadeInRight" data-wow-delay="0.6s">
+                                            <img className="img-fluid" src="assets/images/img-float.png" alt="content-image" />
+                                        </div>
+                                    </div>
+                                    {/* TEXT BLOCK */}
+                                    <div className="col-md-7 col-lg-6">
+                                        <div className="txt-block right-column pc-30 mb-40 wow fadeInLeft" data-wow-delay="0.6s">
+                                            {/* Section ID */}
+                                            <span className="section-id grey-color">Register in 30 Seconds</span>
+                                            {/* Title */}
+                                            <h2 className="h2-md">Lightning fast and super powerful</h2>
+                                            {/* Text */}
+                                            <p className="p-lg">Quaerat sodales sapien euismod purus blandit a purus ipsum primis in cubilia laoreet augue
+                                                luctus magna dolor luctus at egestas sapien vitae nemo egestas volute and turpis dolores aliquam quaerat
+                                                sodales a sapien
+                                            </p>
+                                        </div>
+                                    </div>	{/* END TEXT BLOCK */}
+                                </div>	  {/* End row */}
+                            </div>	{/* END CONTENT BOX-2 */}
+                        </div>     {/* End container */}
+                    </section>	{/* END CONTENT-3 */}
+
+
+                    <section id="content-1" className="wide-60 content-section division">
+                        <div className="container">
+                            <div className="row d-flex align-items-center m-row">
+                                {/* TEXT BLOCK */}
+                                <div className="col-md-7 col-lg-6 m-bottom">
+                                    <div className="txt-block left-column mb-40 wow fadeInRight" data-wow-delay="0.6s">
+                                        {/* Section ID */}
+                                        <span className="section-id grey-color">Beauty of Simplicity</span>
+                                        {/* Title */}
+                                        <h2 className="h2-md">Beautiful, award-winning design</h2>
+                                        {/* List */}
+                                        <ul className="simple-list">
+                                            <li className="list-item">
+                                                <p className="p-lg">Fringilla risus, luctus mauris orci auctor purus euismod pretium purus pretium
+                                                    ligula rutrum tempor sapien
+                                                </p>
+                                            </li>
+                                            <li className="list-item">
+                                                <p className="p-lg">Quaerat sodales sapien euismod purus blandit</p>
+                                            </li>
+                                            <li className="list-item">
+                                                <p className="p-lg">Nemo ipsam egestas volute turpis dolores ut aliquam quaerat sodales sapien undo
+                                                    pretium a purus mauris
+                                                </p>
+                                            </li>
+                                        </ul>
+                                    </div>
+                                </div>	{/* END TEXT BLOCK */}
+                                {/* IMAGE BLOCK */}
+                                <div className="col-md-5 col-lg-6 m-top">
+                                    <div className="img-block right-column pc-20 mb-40 wow fadeInLeft" data-wow-delay="0.6s">
+                                        <img className="img-fluid" src="assets/images/how-it-works-recomment-engine.png" alt="content-image" />
+                                    </div>
+                                </div>
+                            </div>	   {/* End row */}
+                        </div>	   {/* End container */}
+                    </section>	{/* END CONTENT-1 */}
+                    {/* FAQs-2
+			============================================= */}
+                    <section id="faqs-2" className="pb-100 faqs-section division">
+                        <div className="container">
+                            {/* SECTION TITLE */}
+                            <div className="row">
+                                <div className="col-lg-10 offset-lg-1">
+                                    <div className="section-title text-center mb-70">
+                                        {/* Title */}
+                                        <h2 className="h2-md">Got Questions? Look Here.</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>
+                                </div>
+                            </div>
+                            {/* FAQs-2 QUESTIONS */}
+                            <div className="faqs-2-questions pc-15">
+                                <div className="row">
+                                    {/* QUESTIONS HOLDER */}
+                                    <div className="col-lg-6">
+                                        <div className="questions-holder pc-10">
+                                            {/* QUESTION #1 */}
+                                            <div className="question wow fadeInUp" data-wow-delay="0.4s">
+                                                {/* Question */}
+                                                <h5 className="h5-sm">Can I see Float in action before purchasing it?</h5>
+                                                {/* Answer */}
+                                                <p className="p-lg">Etiam amet mauris suscipit in odio integer congue metus vitae arcu mollis blandit
+                                                    ultrice ligula egestas and magna suscipit lectus magna suscipit luctus blandit vitae
+                                                </p>
+                                            </div>
+                                            {/* QUESTION #2 */}
+                                            <div className="question wow fadeInUp" data-wow-delay="0.6s">
+                                                {/* Question */}
+                                                <h5 className="h5-sm">What are the requirements for using Float?</h5>
+                                                {/* Answer */}
+                                                <p className="p-lg">An enim nullam tempor sapien gravida donec ipsum enim an porta justo integer at velna
+                                                    vitae auctor integer congue undo magna at pretium purus pretium ligula
+                                                </p>
+                                            </div>
+                                            {/* QUESTION #3 */}
+                                            <div className="question wow fadeInUp" data-wow-delay="0.8s">
+                                                {/* Question */}
+                                                <h5 className="h5-sm">Can I use Float on different devices?</h5>
+                                                {/* Answer */}
+                                                <ul className="simple-list">
+                                                    <li className="list-item">
+                                                        <p className="p-lg">Fringilla risus, luctus mauris orci auctor purus ligula euismod pretium purus
+                                                            pretium rutrum tempor sapien
+                                                        </p>
+                                                    </li>
+                                                    <li className="list-item">
+                                                        <p className="p-lg">Nemo ipsam egestas volute turpis dolores ut aliquam quaerat sodales sapien undo
+                                                            pretium a purus
+                                                        </p>
+                                                    </li>
+                                                </ul>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END QUESTIONS HOLDER */}
+                                    {/* QUESTIONS HOLDER */}
+                                    <div className="col-lg-6">
+                                        <div className="questions-holder pc-10">
+                                            {/* QUESTION #4 */}
+                                            <div className="question wow fadeInUp" data-wow-delay="0.4s">
+                                                {/* Question */}
+                                                <h5 className="h5-sm">Do you have a free trial?</h5>
+                                                {/* Answer */}
+                                                <p className="p-lg">Cubilia laoreet augue egestas and luctus donec curabite diam vitae dapibus libero and
+                                                    quisque gravida donec neque. Blandit justo aliquam molestie nunc sapien justo
+                                                </p>
+                                            </div>
+                                            {/* QUESTION #5 */}
+                                            <div className="question wow fadeInUp" data-wow-delay="0.6s">
+                                                {/* Question */}
+                                                <h5 className="h5-sm">How does Float handle my privacy?</h5>
+                                                {/* Answer */}
+                                                <p className="p-lg">Etiam amet mauris suscipit sit amet in odio. Integer congue leo metus. Vitae arcu mollis
+                                                    blandit ultrice ligula
+                                                </p>
+                                                {/* Answer */}
+                                                <p className="p-lg">An enim nullam tempor sapien gravida donec congue leo metus. Vitae arcu mollis blandit
+                                                    integer at velna
+                                                </p>
+                                            </div>
+                                            {/* QUESTION #6 */}
+                                            <div className="question wow fadeInUp" data-wow-delay="0.6s">
+                                                {/* Question */}
+                                                <h5 className="h5-sm">I have an issue with my account</h5>
+                                                {/* Answer */}
+                                                <ul className="simple-list">
+                                                    <li className="list-item">
+                                                        <p className="p-lg">Fringilla risus, luctus mauris orci auctor purus</p>
+                                                    </li>
+                                                    <li className="list-item">
+                                                        <p className="p-lg">Quaerat sodales sapien euismod blandit purus and ipsum primis in cubilia laoreet
+                                                            augue luctus
+                                                        </p>
+                                                    </li>
+                                                </ul>
+                                            </div>
+                                        </div>
+                                    </div>	{/* END QUESTIONS HOLDER */}
+                                </div>	{/* End row */}
+                            </div>	{/* END FAQs-2 QUESTIONS */}
+                            {/* MORE QUESTIONS BUTTON */}
+                            <div className="row">
+                                <div className="col-md-12">
+                                    <div className="more-questions text-center mt-40">
+                                        <h5 className="h5-sm"><span className="flaticon-check" />
+                                            Have more questions? <a href="contacts.html" className="skyblue-color">Ask your question here</a>
+                                        </h5>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>	   {/* End container */}
+                    </section>	{/* END FAQs-2 */}
+                    {/* MORE APPS-1
+			============================================= */}
+
+                    <section id="blog-1" className="wide-60 blog-section division">
+                        <div className="container">
+                            {/* SECTION TITLE */}
+                            <div className="row">
+                                <div className="col-lg-10 offset-lg-1">
+                                    <div className="section-title text-center mb-70">
+                                        {/* Title */}
+                                        <h2 className="h2-md">Our Tips and Latest News</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>
+                                </div>
+                            </div>
+                            {/* BLOG POSTS */}
+                            <div className="row">
+                                {/* BLOG POST #1 */}
+                                <div id="b-post-1" className="col-md-6 col-lg-4">
+                                    <div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.4s">
+                                        {/* BLOG POST IMAGE */}
+                                        <div className="blog-post-img">
+                                            <img className="img-fluid" src="assets/images/blog/post-1-img.jpg" alt="blog-post-image" />
+                                        </div>
+                                        {/* BLOG POST TEXT */}
+                                        <div className="blog-post-txt">
+                                            {/* Post Tag */}
+                                            <p className="p-md post-tag">Float News</p>
+                                            {/* Post Link */}
+                                            <h5 className="h5-sm">
+                                                <a href="single-post.html">Tempor sapien donec gravida ipsum a porta justo vitae</a>
+                                            </h5>
+                                            {/* Text */}
+                                            <p className="p-md">Aliqum mullam blandit vitae tempor sapien a donec lipsum gravida porta velna dolor vitae auctor
+                                                congue
+                                            </p>
+                                            {/* Post Meta */}
+                                            <div className="post-meta">
+                                                <div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar" /></div>
+                                                <p>12 min read</p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>	{/* END  BLOG POST #1 */}
+                                {/* BLOG POST #2 */}
+                                <div id="b-post-2" className="col-md-6 col-lg-4">
+                                    <div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.6s">
+                                        {/* BLOG POST IMAGE */}
+                                        <div className="blog-post-img">
+                                            <img className="img-fluid" src="assets/images/blog/post-2-img.jpg" alt="blog-post-image" />
+                                        </div>
+                                        {/* BLOG POST TEXT */}
+                                        <div className="blog-post-txt">
+                                            {/* Post Tag */}
+                                            <p className="p-md post-tag">Inspiration</p>
+                                            {/* Post Link */}
+                                            <h5 className="h5-sm">
+                                                <a href="single-post.html">Aliquam augue impedit luctus neque purus an ipsum neque and dolor libero risus</a>
+                                            </h5>
+                                            {/* Text */}
+                                            <p className="p-md">Aliqum mullam blandit vitae tempor sapien a donec lipsum gravida porta velna dolor vitae auctor
+                                                congue
+                                            </p>
+                                            {/* Post Meta */}
+                                            <div className="post-meta">
+                                                <div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar" /></div>
+                                                <p>8 min read</p>
+                                            </div>
+                                        </div>	{/* END BLOG POST TEXT */}
+                                    </div>
+                                </div>	{/* END  BLOG POST #2 */}
+                                {/* BLOG POST #3 */}
+                                <div id="b-post-3" className="col-md-6 col-lg-4">
+                                    <div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.8s">
+                                        {/* BLOG POST IMAGE */}
+                                        <div className="blog-post-img">
+                                            <img className="img-fluid" src="assets/images/blog/post-3-img.jpg" alt="blog-post-image" />
+                                        </div>
+                                        {/* BLOG POST TEXT */}
+                                        <div className="blog-post-txt">
+                                            {/* Post Tag */}
+                                            <p className="p-md post-tag">Tutorials</p>
+                                            {/* Post Link */}
+                                            <h5 className="h5-sm">
+                                                <a href="single-post.html">Tempor sapien Float, donec gravida ipsum a porta justo</a>
+                                            </h5>
+                                            {/* Text */}
+                                            <p className="p-md">Aliqum mullam blandit vitae tempor sapien a donec lipsum gravida porta velna dolor vitae auctor
+                                                congue
+                                            </p>
+                                            {/* Post Meta */}
+                                            <div className="post-meta">
+                                                <div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar" /></div>
+                                                <p>22 min read</p>
+                                            </div>
+                                        </div>	{/* END BLOG POST TEXT */}
+                                    </div>
+                                </div>	{/* END  BLOG POST #3 */}
+                            </div>	{/* END BLOG POSTS */}
+                        </div>	   {/* End container */}
+                    </section>	{/* END BLOG-1 */}
+                    {/* NEWSLETTER-1
+			============================================= */}
+                    <section id="newsletter-1" className="pb-20 newsletter-section division">
+                        <div className="container">
+                            <div className="newsletter-wrapper bg_white">
+                                <div className="row d-flex align-items-center">
+                                    {/* SECTION TITLE */}
+                                    <div className="col-lg-6">
+                                        <div className="newsletter-txt">
+                                            {/* Section ID */}
+                                            <span className="section-id">Subscribe to Our Newsletter</span>
+                                            {/* Title */}
+                                            <h4 className="h4-xl">Stay up to date with our news, ideas and updates</h4>
+                                        </div>
+                                    </div>
+                                    {/* NEWSLETTER FORM */}
+                                    <div className="col-lg-6">
+                                        <form className="newsletter-form">
+                                            <div className="input-group">
+                                                <input type="email" autoComplete="off" className="form-control" placeholder="Your email address" required id="s-email" />
+                                                <span className="input-group-btn">
+                          <button type="submit" className="btn btn-md btn-skyblue tra-skyblue-hover">Subscribe Now</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>	   {/* End container */}
+                    </section>	{/* END NEWSLETTER-1 */}
+
+                </div>	{/* END PAGE CONTENT */}
+
+
+            </div>
+        )
+    }
+}
+export default GetStarted

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 */}	
@@ -186,15 +186,20 @@ class Users extends React.Component {
             <div className="container">
               {/* CONTENT BOX-1 */}
               <div id="cb-1-1" className="cbox-1 pb-25">
-                <div className="row d-flex align-items-center">
+                <div className="row align-items-center">
                   {/* IMAGE BLOCK */}
-                  <div className="col-md-5 col-lg-6">
+                  <div className="col-md-6 col-lg-6">
                     <div className="img-block left-column pc-25 mb-40 wow fadeInRight" data-wow-delay="0.6s">
-                      <img className="img-fluid" src="assets/images/route-mockup.jpeg" alt="content-image" />
+                      <img className="img-fluid" src="assets/images/route-mockup2.png" alt="content-image" />
                     </div>
                   </div>
+                  {/* <div className="col-lg-7">
+                    <div className="content-12-img right-column wow fadeInLeft" data-wow-delay="0.6s">
+                      <img className="img-fluid" src="assets/images/info-pair.png" alt="content-image" />
+                    </div>
+                  </div> */}
                   {/* TEXT BLOCK */}	
-                  <div className="col-md-7 col-lg-6">
+                  <div className="col-md-6 col-lg-6">
                     <div className="txt-block right-column pc-30 mb-40 wow fadeInLeft" data-wow-delay="0.6s">
                       {/* Section ID */}	
                       <span className="section-id grey-color">{accessUnlimited.leadTitle}</span>
@@ -364,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 
@@ -570,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 
@@ -869,19 +874,19 @@ let heroSection = {
     title: `Multiple Accounts`, desc: `Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat 
     at impedit felis undo auctor augue mauris`
   },
-  float: {title: `Float Messaging & Calls`, desc: `Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat 
+  float: {title: `Analytics`, desc: `Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat 
     at impedit felis undo auctor augue mauris`
   },
-  files: {title: `Share Files & Media`, desc: `Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat 
+  files: {title: `Connectivity`, desc: `Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat 
     at impedit felis undo auctor augue mauris`
   },
-  notification: {title: `Alerts & Notifications`, desc: `Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat 
+  notification: {title: `Monitoring`, desc: `Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat 
     at impedit felis undo auctor augue mauris`
   },
   verification: {title: `Online Verification`, desc: `Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat 
     at impedit felis undo auctor augue mauris`
   },
-  spam: {title: `Spam Protection`, desc: `Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat 
+  spam: {title: `Big Perks`, desc: `Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat 
     at impedit felis undo auctor augue mauris`
   }
 };
@@ -921,7 +926,7 @@ let fastMes = {
   desc: `Aliquam a augue suscipit, luctus neque purus ipsum neque at dolor primis libero
   tempus, blandit and cursus varius magna tempus a dolor`,
   mode: {
-    title: `Dark & Light Modes`, desc: `Porta semper lacus cursus risus and feugiat primis undo sodales a 
+    title: `Charging`, desc: `Porta semper lacus cursus risus and feugiat primis undo sodales a 
     sapien magna at vitae congue tempus`
   },
   autoLink: {title: `Auto-Link Opening`, desc: `Porta semper lacus cursus risus and feugiat primis undo sodales a