reduced image size

Merge branch 'master' of https://gitlab.chiefsoft.net/FloatSystems/float-www
Merge branch 'user-feed' of FloatSystems/float-www into master
2023-04-04 23:58:44 +01:00 · 2023-04-04 13:07:53 -04:00 · 2023-04-04 17:06:48 +00:00 · 2023-04-04 13:05:42 -04:00 · 2023-04-04 14:29:53 +01:00 · 2023-04-03 21:06:02 -04:00
8 changed files with 243 additions and 153 deletions
@@ -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; }
@@ -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,15 @@ h5.sm-title {
  padding-right: 25px;
 }

+.hero-8-txt > div {
+  margin-top: 5rem;
+}
+
+.hero-8-txt.fadeInRight{
+  display: flex;
+  flex-direction: column;
+}
+
 /*------------------------------------------*/
 /*  HERO APP LOGO
 /*------------------------------------------*/
@@ -2649,16 +2662,16 @@ h5.sm-title {
 }

 .hero-8-txt h2 {
+  margin-top: 3rem;
  margin-bottom: 5px;
 }

 .hero-8-txt h4 {
-  margin-bottom: 18px;
+  margin-bottom: 80px;
 }

 .hero-8-txt h5 {
  font-weight: 300;
-  margin-bottom: 50px;
 }

 .hero-9-txt h4 {
@@ -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			
 								}
 							}
 						}		  		  
@@ -1250,13 +1250,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: `Quick Access`, 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: `Smart Notifications`, 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: `Spam Protection`, description: `With Connectivity, both fleet managers and drivers will experience increased efficiencies.
    ociis ligula blandit`
    }
  };
@@ -1292,14 +1292,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 +1310,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: `Float Messaging and Calls`, 
            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`
          }
  }

@@ -1346,7 +1346,7 @@ export default FloatHome
    },

    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`
    }
@@ -26,9 +26,10 @@ class Users extends React.Component {
                <div className="col-lg-6 col-xl-6 m-bottom">
                  <div className="hero-8-txt pc-25 wow fadeInRight" data-wow-delay="0.6s">
                    {/* Text */}
-                    <h4 className="h4-sm">Float®</h4>
-                    <h2 className="h2-sm">Your Activity Feed</h2>
-                    <h5 className="h5-xl">Stay Connected with Your Friends</h5>
+                    <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,34 +40,12 @@ 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">
-                        All Versions 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">Based on 7.296 user reviews</p>
-                      </div>			
-                    </div>
+                   
                    {/* USER PORTAL */}
                    <div>
-                      <a className='btn btn-rose tra-grey-hover' href={`${process.env.REACT_APP_USERS}/`} target='_blank' >This leads to users PORTAL</a>
+                      <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 */}	
@@ -94,11 +73,9 @@ class Users extends React.Component {
                      {/* Text */}
                      <div className="fbox-txt">
                        {/* Title */}
-                        <h5 className="h5-sm">Multiple Accounts</h5>
+                        <h5 className="h5-sm">{features.accounts.title}</h5>
                        {/* Text */}
-                        <p className="p-lg">Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat 
-                          at impedit felis undo auctor augue mauris
-                        </p>
+                        <p className="p-lg">{features.accounts.desc}</p>
                      </div>
                    </div>
                  </div>	
@@ -110,11 +87,9 @@ class Users extends React.Component {
                      {/* Text */}
                      <div className="fbox-txt">
                        {/* Title */}
-                        <h5 className="h5-sm">Text, Voice &amp; Video Calls</h5>
+                        <h5 className="h5-sm">{features.float.title}</h5>
                        {/* Text */}
-                        <p className="p-lg">Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat 
-                          at impedit felis undo auctor augue mauris
-                        </p>
+                        <p className="p-lg">{features.float.desc}</p>
                      </div>
                    </div>
                  </div>
@@ -126,11 +101,9 @@ class Users extends React.Component {
                      {/* Text */}
                      <div className="fbox-txt">
                        {/* Title */}
-                        <h5 className="h5-sm">Share Files &amp; Media</h5>
+                        <h5 className="h5-sm">{features.files.title}</h5>
                        {/* Text */}
-                        <p className="p-lg">Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat 
-                          at impedit felis undo auctor augue mauris
-                        </p>
+                        <p className="p-lg">{features.files.desc}</p>
                      </div>
                    </div>
                  </div>
@@ -142,11 +115,9 @@ class Users extends React.Component {
                      {/* Text */}
                      <div className="fbox-txt">
                        {/* Title */}
-                        <h5 className="h5-sm">Alerts &amp; Notifications</h5>
+                        <h5 className="h5-sm">{features.notification.title}</h5>
                        {/* Text */}
-                        <p className="p-lg">Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat 
-                          at impedit felis undo auctor augue mauris
-                        </p>
+                        <p className="p-lg">{features.notification.desc}</p>
                      </div>
                    </div>
                  </div>
@@ -158,11 +129,9 @@ class Users extends React.Component {
                      {/* Text */}
                      <div className="fbox-txt">
                        {/* Title */}
-                        <h5 className="h5-sm">Online Verification</h5>
+                        <h5 className="h5-sm">{features.verification.title}</h5>
                        {/* Text */}
-                        <p className="p-lg">Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat 
-                          at impedit felis undo auctor augue mauris
-                        </p>
+                        <p className="p-lg">{features.verification.desc}</p>
                      </div>
                    </div>
                  </div>
@@ -174,11 +143,9 @@ class Users extends React.Component {
                      {/* Text */}
                      <div className="fbox-txt">
                        {/* Title */}
-                        <h5 className="h5-sm">Spam Protection</h5>
+                        <h5 className="h5-sm">{features.spam.title}</h5>
                        {/* Text */}
-                        <p className="p-lg">Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat 
-                          at impedit felis undo auctor augue mauris
-                        </p>
+                        <p className="p-lg">{features.spam.desc}</p>
                      </div>
                    </div>
                  </div>
@@ -196,15 +163,11 @@ class Users extends React.Component {
                  <div className="col-lg-5">
                    <div className="txt-block left-column mb-40 wow fadeInRight" data-wow-delay="0.6s">
                      {/* Title */}	
-                      <h2 className="h2-xs">Work smarter with powerful automation</h2>
+                      <h2 className="h2-xs">{automate.title}</h2>
                      {/* Text */}	
-                      <p className="p-lg">Quaerat sodales sapien euismod purus at blandit and purus ipsum primis and cubilia laoreet 
-                        augue a luctus magna dolor luctus mauris pretium a sapien egestas luctus
-                      </p>
+                      <p className="p-lg">{automate.desc}</p>
                      {/* Text */}	
-                      <p className="p-lg">Fringilla risus, luctus mauris auctor a purus euismod orci pretium purus pretium undo ligula 
-                        rutrum tempor magna dolor 
-                      </p>
+                      <p className="p-lg">{automate.descTwo}</p>
                    </div>
                  </div>	{/* END TEXT BLOCK */}	
                  {/* IMAGE BLOCK */}
@@ -223,29 +186,29 @@ 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">Unlimited Access</span>
+                      <span className="section-id grey-color">{accessUnlimited.leadTitle}</span>
                      {/* Title */}	
-                      <h2 className="h2-md">Spend your time with loved ones</h2>
+                      <h2 className="h2-md">{accessUnlimited.title}</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>
+                      <p className="p-lg">{accessUnlimited.desc}</p>
                      {/* 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>
+                      <p className="p-lg">{accessUnlimited.descTwo}</p>
                    </div>
                  </div>	{/* END TEXT BLOCK */}	
                </div>	  {/* End row */}	
@@ -257,14 +220,11 @@ class Users extends React.Component {
                  <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">Fastest Messaging</span>
+                      <span className="section-id">{fastMes.leadTitle}</span>
                      {/* Title */}	
-                      <h2 className="h2-md">Unlimited calling, texting and picture messaging</h2>
+                      <h2 className="h2-md">{fastMes.title}</h2>
                      {/* Text */}
-                      <p className="p-lg">Aliqum mullam blandit and tempor sapien donec ipsum gravida porta. Velna vitae auctor 
-                        congue magna impedit ligula risus. Mauris donec ligula and magnis undo sapien sagittis sapien pretium 
-                        enim gravida purus ligula
-                      </p>
+                      <p className="p-lg">{fastMes.desc}</p>
                    </div>
                  </div>	{/* END TEXT BLOCK */}	
                  {/* IMAGE BLOCK */}
@@ -291,11 +251,9 @@ class Users extends React.Component {
                <div className="col-lg-10 offset-lg-1">
                  <div className="section-title text-center mb-70">		
                    {/* Title */}	
-                    <h2 className="h2-md">Get Ready to Be Surprised</h2>	
+                    <h2 className="h2-md">{moreFeatures.title}</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>
+                    <p className="p-xl">{moreFeatures.desc}</p>
                  </div>	
                </div>
              </div>
@@ -310,11 +268,9 @@ class Users extends React.Component {
                        <div className="col-lg-8 m-bottom">
                          <div className="fbox-4-txt">
                            {/* Title */}
-                            <h5 className="h5-sm">Dark &amp; Light Modes</h5>
+                            <h5 className="h5-sm">{moreFeatures.mode.title}</h5>
                            {/* Text */}
-                            <p className="p-md grey-color">Porta semper lacus cursus risus and feugiat primis undo sodales a 
-                              sapien magna at vitae congue tempus
-                            </p>
+                            <p className="p-md grey-color">{moreFeatures.mode.desc}</p>
                          </div>
                        </div>
                        {/* ICON */}
@@ -334,11 +290,9 @@ class Users extends React.Component {
                        <div className="col-lg-8 m-bottom">
                          <div className="fbox-4-txt">
                            {/* Title */}
-                            <h5 className="h5-sm">Auto-Link Opening</h5>
+                            <h5 className="h5-sm">{moreFeatures.autoLink.title}</h5>
                            {/* Text */}
-                            <p className="p-md grey-color">Porta semper lacus cursus risus and feugiat primis undo sodales a 
-                              sapien magna at vitae congue gravida
-                            </p>
+                            <p className="p-md grey-color">{moreFeatures.autoLink.desc}</p>
                          </div>
                        </div>
                        {/* ICON */}
@@ -358,11 +312,9 @@ class Users extends React.Component {
                        <div className="col-lg-8 m-bottom">
                          <div className="fbox-4-txt">
                            {/* Title */}
-                            <h5 className="h5-sm">Voice Assistant</h5>
+                            <h5 className="h5-sm">{moreFeatures.float.title}</h5>
                            {/* Text */}
-                            <p className="p-md grey-color">Porta semper lacus cursus risus and feugiat primis undo sodales a 
-                              sapien magna at vitae congue gravida
-                            </p>
+                            <p className="p-md grey-color">{moreFeatures.float.desc}</p>
                          </div>
                        </div>
                        {/* ICON */}
@@ -382,11 +334,9 @@ class Users extends React.Component {
                        <div className="col-lg-8 m-bottom">
                          <div className="fbox-4-txt">
                            {/* Title */}
-                            <h5 className="h5-sm">Task Scheduling</h5>
+                            <h5 className="h5-sm">{moreFeatures.schedule.title}</h5>
                            {/* Text */}
-                            <p className="p-md grey-color">Porta semper lacus cursus risus and feugiat primis undo sodales a 
-                              sapien magna at vitae congue gravida
-                            </p>
+                            <p className="p-md grey-color">{moreFeatures.schedule.desc}</p>
                          </div>
                        </div>
                        {/* ICON */}
@@ -411,13 +361,11 @@ class Users extends React.Component {
                <div className="col-lg-6">	
                  <div className="download-6-txt pl-20 wow fadeInUp" data-wow-delay="0.6s">
                    {/* Section ID */}	
-                    <span className="section-id">Built For Speed</span>
+                    <span className="section-id">{floatForSpeed.leadTitle}</span>
                    {/* Title 	*/}	
-                    <h2 className="h2-md">Keep Your Favorite People Close to You</h2>	
+                    <h2 className="h2-md">{floatForSpeed.title}</h2>	
                    {/* Text */}	
-                    <p className="p-xl">Aliquam a augue suscipit, luctus neque at purus ipsum neque dolor primis libero tempus, blandit 
-                      posuere orci auctor purus euismod an aliquam quaerat purus
-                    </p>
+                    <p className="p-xl">{floatForSpeed.desc}</p>
                    {/* STORE BADGES */}												
                    <div className="stores-badge">
                      {/* AppStore */}
@@ -461,23 +409,19 @@ class Users extends React.Component {
                <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">Beauty of Simplicity</span>
+                    <span className="section-id grey-color">{floatMap.leadTitle}</span>
                    {/* Title */}	
-                    <h2 className="h2-md">Beautiful, award-winning design</h2>
+                    <h2 className="h2-md">{floatMap.title}</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>
+                        <p className="p-lg">{floatMap.desc}</p>
                      </li>
                      <li className="list-item">
-                        <p className="p-lg">Quaerat sodales sapien euismod purus blandit</p>
+                        <p className="p-lg">{floatMap.descTwo}</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>
+                        <p className="p-lg">{floatMap.descThree}</p>
                      </li>
                    </ul>
                  </div>
@@ -494,27 +438,23 @@ class Users extends React.Component {
                <div className="col-md-6 col-xl-6">
                  <div className="txt-block left-column mb-40 wow fadeInLeft" data-wow-delay="0.6s">
                    {/* Section ID */}	
-                    <span className="section-id">Totally Optimized</span>
+                    <span className="section-id">{optimization.leadTitle}</span>
                    {/* Title */}	
-                    <h2 className="h2-md">Intuitive features, powerful results</h2>
+                    <h2 className="h2-md">{optimization.title}</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>
+                        <p className="p-lg">{optimization.desc}</p>
                      </li>
                      <li className="list-item">
-                        <p className="p-lg">Quaerat sodales sapien euismod purus blandit</p>
+                        <p className="p-lg">{optimization.descTwo}</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>
+                        <p className="p-lg">{optimization.descThree}</p>
                      </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 */}	
@@ -656,7 +596,7 @@ class Users extends React.Component {
 									</a> */} 
                    </div>	{/* END STORE BADGES */}
                    {/* OS Prerequisite */}
-                    <span className="os-version">Available for iOS 8 and Android Devices From 5.5</span>
+                    <span className="os-version">{downloadPlatform.leadTitle}</span>
                  </div>
                </div>
              </div>	{/* END DOWNLOAD BUTTON */}	
@@ -671,14 +611,11 @@ class Users extends React.Component {
                <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">Register in 30 Seconds</span>
+                    <span className="section-id grey-color">{floatMight.leadTitle}</span>
                    {/* Title */}	
-                    <h2 className="h2-md">Lightning fast and super powerful</h2>
+                    <h2 className="h2-md">{floatMight.title}</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>
+                    <p className="p-lg">{floatMight.desc}</p>
                  </div>
                </div>	{/* END TEXT BLOCK */}	
                {/* IMAGE BLOCK */}
@@ -698,7 +635,7 @@ class Users extends React.Component {
              <div className="row">
                <div className="col-lg-8 offset-lg-2">
                  <div className="brands-title text-center">
-                    <h4 className="h4-sm">You might know us from:</h4>
+                    <h4 className="h4-sm">{partners.title}</h4>
                  </div>
                </div>
              </div>
@@ -887,9 +824,9 @@ class Users extends React.Component {
                  <div className="col-lg-6">
                    <div className="newsletter-txt">	
                      {/* Section ID */}	
-                      <span className="section-id">Subscribe to Our Newsletter</span>
+                      <span className="section-id">{subscribeSec.leadTitle}</span>
                      {/* Title */}	
-                      <h4 className="h4-xl">Stay up to date with our news, ideas and updates</h4>	
+                      <h4 className="h4-xl">{subscribeSec.title}</h4>	
                    </div>								
                  </div>
                  {/* NEWSLETTER FORM */}
@@ -898,7 +835,7 @@ class Users extends React.Component {
                      <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-rose tra-rose-hover">Subscribe Now</button>
+                          <button type="submit" className="btn btn-md btn-rose tra-rose-hover">{subscribeSec.btn}</button>
                        </span>										
                      </div>
                      {/* Newsletter Form Notification */}	
@@ -918,4 +855,144 @@ class Users extends React.Component {
        )
    }
 }
-export default Users 
+export default Users
+
+
+// PAGE TEXT/CONTENT VARIABLES
+
+//HERO SECTION
+let heroSection = {
+  leadTitle: `Float`,
+  title: `Your Activity Feed`,
+  desc: `Stay Connected with Your Friends`,
+  mainSiteLink: 'This leads to users PORTAL',
+};
+
+ //SECTION TWO
+ let features = {
+  accounts: {
+    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 
+    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 
+    at impedit felis undo auctor augue mauris`
+  },
+  notification: {title: `Alerts & Notifications`, 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 
+    at impedit felis undo auctor augue mauris`
+  }
+};
+
+// FLOAT AUTOMATION SECTION
+let automate = {
+  title: `Work smarter with powerful automation`,
+  desc: `Quaerat sodales sapien euismod purus at blandit and purus ipsum primis and cubilia laoreet 
+  augue a luctus magna dolor luctus mauris pretium a sapien egestas luctus`,
+  descTwo: `Fringilla risus, luctus mauris auctor a purus euismod orci pretium purus pretium undo ligula 
+  rutrum tempor magna dolor`
+}
+
+// UNLIMITED ACCESS SECTION
+let accessUnlimited = {
+  leadTitle: `Unlimited Access`,
+  title: `Spend your time with loved ones`,
+  desc: `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`,
+  descTwo: `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`
+}
+
+// FAST MESSAGING SECTION
+let fastMes = {
+  leadTitle: `Fastest Messaging`,
+  title: `Unlimited calling, texting and picture messaging`,
+  desc: `Aliqum mullam blandit and tempor sapien donec ipsum gravida porta. Velna vitae auctor 
+  congue magna impedit ligula risus. Mauris donec ligula and magnis undo sapien sagittis sapien pretium 
+  enim gravida purus ligula`,
+}
+
+ // GET READY TO BE SURPRISED SECTION
+ let moreFeatures = {
+  title: `Get Ready to Be Surprised`,
+  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 
+    sapien magna at vitae congue tempus`
+  },
+  autoLink: {title: `Auto-Link Opening`, desc: `Porta semper lacus cursus risus and feugiat primis undo sodales a 
+  sapien magna at vitae congue gravida`
+  },
+  float: {title: `Float Assistant`, desc: `Porta semper lacus cursus risus and feugiat primis undo sodales a 
+  sapien magna at vitae congue gravida`
+  },
+  schedule: {title: `Task Scheduling`, desc: `Porta semper lacus cursus risus and feugiat primis undo sodales a 
+  sapien magna at vitae congue gravida`
+  }
+};
+
+//BULIT FOR SPEED SECTION
+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`,
+}
+
+// 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`,
+}
+
+//  OPTIMIZATION SECTION
+let optimization = {
+  leadTitle: `Totally Optimized`,
+  title: `Intuitive features, powerful results`,
+  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`,
+  btn: `Find Out More`
+}
+
+   //DOWNLOAD SECTION TWO
+   let downloadPlatform = {
+    leadTitle: `Available for iOS 8 and Android Devices From 5.5`
+  }
+
+// LIGHT & POWERFUL
+let floatMight = {
+  leadTitle: `Register in 30 Seconds`,
+  title: `Lightning Fast. Super Powerful`,
+  desc: `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`,
+}
+
+// PARTNERS SECTION
+let partners = {
+  title: `You might know us from:`
+}
+
+//SUBSCRIBE SECTION
+let subscribeSec = {
+  leadTitle: `Subscribe to Our Newsletter`,
+  title: `Stay up to date with our news, ideas and updates`,
+  btn: 'Subscribe Now'
+}
Author	SHA1	Message	Date
victorAnumudu	6ff8f81fb8	reduced image size	2023-04-04 23:58:44 +01:00
jenkins	d3500e1640	Merge branch 'master' of https://gitlab.chiefsoft.net/FloatSystems/float-www	2023-04-04 13:07:53 -04:00
tokslaw	451190b705	Merge branch 'user-feed' of FloatSystems/float-www into master	2023-04-04 17:06:48 +00:00
jenkins	ee1bd901b1	custom deals text added	2023-04-04 13:05:42 -04:00
Chukwumdiebube	bb7e745491	fixed spacing	2023-04-04 14:29:53 +01:00
$DESKTOP-GBA0BK8\Admin$ DESKTOP-GBA0BK8\Admin	9c6f84d3b8	Edit Images	2023-04-03 21:06:02 -04:00
tokslaw	3604da9092	Merge branch 'added-video-link-at-home-page' of FloatSystems/float-www into master	2023-04-03 09:12:28 +00:00
Chukwumdiebube	5699af8492	video popup working	2023-04-03 10:06:33 +01:00
tokslaw	6a35044ee9	Merge branch 'text_to_variable_userpage' of FloatSystems/float-www into master	2023-04-03 09:04:49 +00:00
victorAnumudu	376e84ce32	changed text to variables in userspage	2023-04-03 09:58:54 +01:00
Chukwumdiebube	41440b1c66	added video link at home page	2023-04-03 09:43:44 +01:00
tokslaw	51b080c2b0	Merge branch 'user-feed' of FloatSystems/float-www into master	2023-04-03 07:56:50 +00:00
Chukwumdiebube	a881c75895	heading positioning fix	2023-04-01 10:46:10 +01:00
tokslaw	731c5041ac	Merge branch 'user-feed' of FloatSystems/float-www into master	2023-03-31 23:59:04 +00:00
Chukwumdiebube	9e49493551	removed text from hero section in user feed	2023-03-31 13:40:18 +01:00
jenkins	0cf92f3529	text variable modified	2023-03-30 19:40:59 -04:00
tokslaw	f4fd8c5249	Merge branch 'business-text-variables' of FloatSystems/float-www into master	2023-03-30 23:02:53 +00:00