Merge branch 'master' into userspage_text_to_variables

public/assets/css/style.css

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

src/pages/Users.js

@@ -29,7 +29,6 @@ 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 */}
@@ -40,13 +39,35 @@ 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 */}
@@ -190,7 +211,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/route-mockup.jpeg" alt="content-image" />
+                      <img className="img-fluid" src="assets/images/route1.png" alt="content-image" />
                     </div>
                   </div>
                   {/* TEXT BLOCK */}	
@@ -410,13 +431,15 @@ 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>
@@ -449,7 +472,7 @@ class Users extends React.Component {
                       </li>
                     </ul>
                     {/* Button */}	
-                    <a href="#content-1" className="btn btn-tra-grey rose-hover">{optimization.btn}</a>
+                    <a href="#content-1" className="btn btn-tra-grey rose-hover">Find Out More</a>
                   </div>	
                 </div>	{/* END TEXT BLOCK */}		
                 {/* IMAGE BLOCK */}	
@@ -850,8 +873,7 @@ class Users extends React.Component {
         )
     }
 }
-export default Users
-
+export default Users 
 
 // PAGE TEXT/CONTENT VARIABLES
 
@@ -860,6 +882,8 @@ 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',
 };
 
@@ -939,19 +963,19 @@ let fastMes = {
 let floatForSpeed = {
   leadTitle: `Built For Speed`,
   title: `Keep Your Favorite People Close to You`,
-  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`
 }
 
 // DESIGN SECTION
 let floatMap = {
   leadTitle: `Beauty of Simplicity`,
   title: `Beautiful, award-winning design`,
-  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`
 }
 
 //  OPTIMIZATION SECTION
@@ -990,4 +1014,5 @@ let subscribeSec = {
   leadTitle: `Subscribe to Our Newsletter`,
   title: `Stay up to date with our news, ideas and updates`,
   btn: 'Subscribe Now'
-}
+}
+