Update layout

.env

@@ -1,6 +1,6 @@
 REACT_APP_APPSITE='http://welcome.float.sg'
 REACT_APP_EMAIL='support@float.sg'
-REACT_APP_WWW='http://float-www.dev.chiefsoft.net'
+REACT_APP_WWW='https://float-www.dev.chiefsoft.net'
-REACT_APP_FLEET='http://float-flt.dev.chiefsoft.net'
+REACT_APP_FLEET='https://float-flt.dev.chiefsoft.net'
-REACT_APP_USERS='http://float-usr.dev.chiefsoft.net'
+REACT_APP_USERS='https://float-usr.dev.chiefsoft.net'
-REACT_APP_APIGATE='http://float-gat.dev.chiefsoft.net'
+REACT_APP_APIGATE='https://float-gat.dev.chiefsoft.net'

public/assets/js/custom.js

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

src/index.css

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

src/pages/FindEv.js

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

src/pages/FindMobility.js

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

src/pages/Fleet.js

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

src/pages/FloatHome.js

@@ -1,6 +1,7 @@
 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 {
@@ -91,7 +92,7 @@ class FloatHome extends React.Component {
                   <div id="fb-1-1" className="col-md-4">
                     <div className="fbox-1 mb-40 wow fadeInUp" data-wow-delay="0.4s">
                       {/* Icon */}
-                      <div className="fbox-1-ico ico-80 stateblue-color"><img src={SaveMoney} /></div>
+                      <div className="fbox-1-ico ico-80 stateblue-color"><img src={Access} /></div>
                       {/* Title */}
                       <h5 className="h5-sm">{message.access.heading}</h5>
                       {/* Text */}