changed text to variables in userspage

public/assets/css/style.css

@@ -1331,6 +1331,10 @@ ol.digit-list p {
   display: inline-block;
 }
 
+.stores-badge + div{
+  margin-top: 1rem;
+}
+
 .store {
   display: inline-block;
   text-align: center;
@@ -2580,6 +2584,10 @@ h5.sm-title {
   padding-right: 25px;
 }
 
+.hero-8-txt > div {
+  margin-top: 5rem;
+}
+
 /*------------------------------------------*/
 /*  HERO APP LOGO
 /*------------------------------------------*/
@@ -2653,7 +2661,7 @@ h5.sm-title {
 }
 
 .hero-8-txt h4 {
-  margin-bottom: 18px;
+  margin-bottom: 80px;
 }
 
 .hero-8-txt h5 {

src/pages/Users.js

@@ -29,6 +29,7 @@ class Users extends React.Component {
                     <h4 className="h4-sm">{heroSection.leadTitle}®</h4>
                     <h2 className="h2-sm">{heroSection.title}</h2>
                     <h5 className="h5-xl">{heroSection.desc}</h5>
+                    <div>
                     {/* STORE BADGES */}											
                     <div className="stores-badge">
                       {/* AppStore */}
@@ -39,35 +40,13 @@ class Users extends React.Component {
                       <a href="#" className="store">
                         <img className="googleplay" src="assets/images/googleplay.png" alt="googleplay-badge" />
                       </a> 
-                      {/* Aamazon Market 
-									<a href="#" class="store">
-										<img class="amazon" src="assets/images/amazon.png" alt="amazon-badge" />
-									</a>  */}
-                      {/* Mac AppStore 
-									<a href="#" class="store">
-										<img class="mac-appstore" src="assets/images/macstore.png" alt="macstore-badge" />
-									</a> */} 
-                      {/* Microsoft Store  
-									<a href="#" class="store">
-										<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 dark-color">
-                      {heroSection.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.review}</p>
-                      </div>			
-                    </div>
+                   
                     {/* USER PORTAL */}
                     <div>
                       <a className='btn btn-rose tra-grey-hover' href={`${process.env.REACT_APP_USERS}/`} target='_blank' >{heroSection.mainSiteLink}</a>
                     </div>
+                    </div>
                   </div>
                 </div>	{/* END HERO TEXT */}	
                 {/* HERO IMAGE */}
@@ -211,7 +190,7 @@ class Users extends React.Component {
                   {/* 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/route1.png" alt="content-image" />
+                      <img className="img-fluid" src="assets/images/route-mockup.jpeg" alt="content-image" />
                     </div>
                   </div>
                   {/* TEXT BLOCK */}	
@@ -431,15 +410,13 @@ class Users extends React.Component {
                     {/* List */}	
                     <ul className="simple-list">
                       <li className="list-item">
-                        <p className="p-lg">{floatMap.desc}
-                        </p>
+                        <p className="p-lg">{floatMap.desc}</p>
                       </li>
                       <li className="list-item">
                         <p className="p-lg">{floatMap.descTwo}</p>
                       </li>
                       <li className="list-item">
-                        <p className="p-lg">{floatMap.descThree}
-                        </p>
+                        <p className="p-lg">{floatMap.descThree}</p>
                       </li>
                     </ul>
                   </div>
@@ -472,7 +449,7 @@ class Users extends React.Component {
                       </li>
                     </ul>
                     {/* Button */}	
-                    <a href="#content-1" className="btn btn-tra-grey rose-hover">Find Out More</a>
+                    <a href="#content-1" className="btn btn-tra-grey rose-hover">{optimization.btn}</a>
                   </div>	
                 </div>	{/* END TEXT BLOCK */}		
                 {/* IMAGE BLOCK */}	
@@ -873,7 +850,8 @@ class Users extends React.Component {
         )
     }
 }
-export default Users 
+export default Users
+
 
 // PAGE TEXT/CONTENT VARIABLES
 
@@ -882,8 +860,6 @@ let heroSection = {
   leadTitle: `Float`,
   title: `Your Activity Feed`,
   desc: `Stay Connected with Your Friends`,
-  rating: `All Versions Rating`,
-  review: `Based on 7.296 user reviews`,
   mainSiteLink: 'This leads to users PORTAL',
 };
 
@@ -963,19 +939,19 @@ let fastMes = {
 let floatForSpeed = {
   leadTitle: `Built For Speed`,
   title: `Keep Your Favorite People Close to You`,
-  desc: `Fringilla risus, luctus mauris orci auctor purus euismod pretium purus pretium 
-  ligula rutrum tempor sapien`,
-  descTwo: `Quaerat sodales sapien euismod purus blandit`,
-  descThree: `Nemo ipsam egestas volute turpis dolores ut aliquam quaerat sodales sapien undo 
-  pretium a purus mauris`
+  desc: `Aliquam a augue suscipit, luctus neque at purus ipsum neque dolor primis libero tempus, blandit 
+  posuere orci auctor purus euismod an aliquam quaerat purus`,
 }
 
 // DESIGN SECTION
 let floatMap = {
   leadTitle: `Beauty of Simplicity`,
   title: `Beautiful, award-winning design`,
-  desc: `Aliquam a augue suscipit, luctus neque at purus ipsum neque dolor primis libero tempus, blandit 
-  posuere orci auctor purus euismod an aliquam quaerat purus`
+  desc: `Fringilla risus, luctus mauris orci auctor purus euismod pretium purus pretium 
+  ligula rutrum tempor sapien`,
+  descTwo: `Quaerat sodales sapien euismod purus blandit`,
+  descThree: `Nemo ipsam egestas volute turpis dolores ut aliquam quaerat sodales sapien undo 
+  pretium a purus mauris`,
 }
 
 //  OPTIMIZATION SECTION
@@ -1014,5 +990,4 @@ let subscribeSec = {
   leadTitle: `Subscribe to Our Newsletter`,
   title: `Stay up to date with our news, ideas and updates`,
   btn: 'Subscribe Now'
-}
-
+}