changed text to variables in userspage

Merge branch 'user-feed' of FloatSystems/float-www into master
heading positioning fix
2023-04-03 09:58:54 +01:00 · 2023-04-03 07:56:50 +00:00 · 2023-04-01 10:46:10 +01:00 · 2023-03-31 23:59:04 +00:00 · 2023-03-31 13:40:18 +01:00 · 2023-03-30 19:40:59 -04:00
3 changed files with 212 additions and 132 deletions
@@ -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 {
@@ -1240,7 +1240,7 @@ export default FloatHome

 //HERO SECTION
  let heroSection = {
-      header: `ravel Smarter. Save Money.`,
+      header: `Travel Smarter. Save Money.`,
      description: `Travel smarter and safer, with Float's rideshare comparison, ride hailing and budgeting app. Available on IOS and Android.`,
      heroLink: 'Watch the Overview',
      button: `Intelligent Mobility Choices!`,
@@ -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 */}
@@ -234,18 +197,13 @@ class Users extends React.Component {
                  <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">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 +215,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 +246,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 +263,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 +285,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 +307,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 +329,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 +356,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 +404,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 +433,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 +591,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 +606,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 +630,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 +819,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 +830,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 +850,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	376e84ce32	changed text to variables in userspage	2023-04-03 09:58:54 +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