From 376e84ce32d1fdca9027c699408b11e373ae7c4d Mon Sep 17 00:00:00 2001 From: victorAnumudu Date: Mon, 3 Apr 2023 09:58:54 +0100 Subject: [PATCH] changed text to variables in userspage --- src/pages/Users.js | 305 +++++++++++++++++++++++++++++---------------- 1 file changed, 199 insertions(+), 106 deletions(-) diff --git a/src/pages/Users.js b/src/pages/Users.js index 50d7029..ef6b44f 100644 --- a/src/pages/Users.js +++ b/src/pages/Users.js @@ -26,9 +26,9 @@ class Users extends React.Component {
{/* Text */} -

Float®

-

Your Activity Feed

-
Stay Connected with Your Friends
+

{heroSection.leadTitle}®

+

{heroSection.title}

+
{heroSection.desc}
{/* STORE BADGES */}
@@ -44,7 +44,7 @@ class Users extends React.Component { {/* USER PORTAL */}
@@ -73,11 +73,9 @@ class Users extends React.Component { {/* Text */}
{/* Title */} -
Multiple Accounts
+
{features.accounts.title}
{/* Text */} -

Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat - at impedit felis undo auctor augue mauris -

+

{features.accounts.desc}

@@ -89,11 +87,9 @@ class Users extends React.Component { {/* Text */}
{/* Title */} -
Text, Voice & Video Calls
+
{features.float.title}
{/* Text */} -

Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat - at impedit felis undo auctor augue mauris -

+

{features.float.desc}

@@ -105,11 +101,9 @@ class Users extends React.Component { {/* Text */}
{/* Title */} -
Share Files & Media
+
{features.files.title}
{/* Text */} -

Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat - at impedit felis undo auctor augue mauris -

+

{features.files.desc}

@@ -121,11 +115,9 @@ class Users extends React.Component { {/* Text */}
{/* Title */} -
Alerts & Notifications
+
{features.notification.title}
{/* Text */} -

Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat - at impedit felis undo auctor augue mauris -

+

{features.notification.desc}

@@ -137,11 +129,9 @@ class Users extends React.Component { {/* Text */}
{/* Title */} -
Online Verification
+
{features.verification.title}
{/* Text */} -

Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat - at impedit felis undo auctor augue mauris -

+

{features.verification.desc}

@@ -153,11 +143,9 @@ class Users extends React.Component { {/* Text */}
{/* Title */} -
Spam Protection
+
{features.spam.title}
{/* Text */} -

Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat - at impedit felis undo auctor augue mauris -

+

{features.spam.desc}

@@ -175,15 +163,11 @@ class Users extends React.Component {
{/* Title */} -

Work smarter with powerful automation

+

{automate.title}

{/* Text */} -

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 -

+

{automate.desc}

{/* Text */} -

Fringilla risus, luctus mauris auctor a purus euismod orci pretium purus pretium undo ligula - rutrum tempor magna dolor -

+

{automate.descTwo}

{/* END TEXT BLOCK */} {/* IMAGE BLOCK */} @@ -213,18 +197,13 @@ class Users extends React.Component {
{/* Section ID */} - Unlimited Access + {accessUnlimited.leadTitle} {/* Title */} -

Spend your time with loved ones

+

{accessUnlimited.title}

{/* Text */} -

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 -

+

{accessUnlimited.desc}

{/* Text */} -

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 -

+

{accessUnlimited.descTwo}

{/* END TEXT BLOCK */} {/* End row */} @@ -236,14 +215,11 @@ class Users extends React.Component {
{/* Section ID */} - Fastest Messaging + {fastMes.leadTitle} {/* Title */} -

Unlimited calling, texting and picture messaging

+

{fastMes.title}

{/* Text */} -

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 -

+

{fastMes.desc}

{/* END TEXT BLOCK */} {/* IMAGE BLOCK */} @@ -270,11 +246,9 @@ class Users extends React.Component {
{/* Title */} -

Get Ready to Be Surprised

+

{moreFeatures.title}

{/* Text */} -

Aliquam a augue suscipit, luctus neque purus ipsum neque at dolor primis libero - tempus, blandit and cursus varius magna tempus a dolor -

+

{moreFeatures.desc}

@@ -289,11 +263,9 @@ class Users extends React.Component {
{/* Title */} -
Dark & Light Modes
+
{moreFeatures.mode.title}
{/* Text */} -

Porta semper lacus cursus risus and feugiat primis undo sodales a - sapien magna at vitae congue tempus -

+

{moreFeatures.mode.desc}

{/* ICON */} @@ -313,11 +285,9 @@ class Users extends React.Component {
{/* Title */} -
Auto-Link Opening
+
{moreFeatures.autoLink.title}
{/* Text */} -

Porta semper lacus cursus risus and feugiat primis undo sodales a - sapien magna at vitae congue gravida -

+

{moreFeatures.autoLink.desc}

{/* ICON */} @@ -337,11 +307,9 @@ class Users extends React.Component {
{/* Title */} -
Voice Assistant
+
{moreFeatures.float.title}
{/* Text */} -

Porta semper lacus cursus risus and feugiat primis undo sodales a - sapien magna at vitae congue gravida -

+

{moreFeatures.float.desc}

{/* ICON */} @@ -361,11 +329,9 @@ class Users extends React.Component {
{/* Title */} -
Task Scheduling
+
{moreFeatures.schedule.title}
{/* Text */} -

Porta semper lacus cursus risus and feugiat primis undo sodales a - sapien magna at vitae congue gravida -

+

{moreFeatures.schedule.desc}

{/* ICON */} @@ -390,13 +356,11 @@ class Users extends React.Component {
{/* Section ID */} - Built For Speed + {floatForSpeed.leadTitle} {/* Title */} -

Keep Your Favorite People Close to You

+

{floatForSpeed.title}

{/* Text */} -

Aliquam a augue suscipit, luctus neque at purus ipsum neque dolor primis libero tempus, blandit - posuere orci auctor purus euismod an aliquam quaerat purus -

+

{floatForSpeed.desc}

{/* STORE BADGES */}
{/* AppStore */} @@ -440,23 +404,19 @@ class Users extends React.Component {
{/* Section ID */} - Beauty of Simplicity + {floatMap.leadTitle} {/* Title */} -

Beautiful, award-winning design

+

{floatMap.title}

{/* List */}
  • -

    Fringilla risus, luctus mauris orci auctor purus euismod pretium purus pretium - ligula rutrum tempor sapien -

    +

    {floatMap.desc}

  • -

    Quaerat sodales sapien euismod purus blandit

    +

    {floatMap.descTwo}

  • -

    Nemo ipsam egestas volute turpis dolores ut aliquam quaerat sodales sapien undo - pretium a purus mauris -

    +

    {floatMap.descThree}

@@ -473,27 +433,23 @@ class Users extends React.Component {
{/* Section ID */} - Totally Optimized + {optimization.leadTitle} {/* Title */} -

Intuitive features, powerful results

+

{optimization.title}

{/* List */}
  • -

    Fringilla risus, luctus mauris orci auctor purus euismod pretium purus pretium - ligula rutrum tempor sapien -

    +

    {optimization.desc}

  • -

    Quaerat sodales sapien euismod purus blandit

    +

    {optimization.descTwo}

  • -

    Nemo ipsam egestas volute turpis dolores ut aliquam quaerat sodales sapien undo - pretium a purus mauris -

    +

    {optimization.descThree}

{/* Button */} - Find Out More + {optimization.btn}
{/* END TEXT BLOCK */} {/* IMAGE BLOCK */} @@ -635,7 +591,7 @@ class Users extends React.Component { */}
{/* END STORE BADGES */} {/* OS Prerequisite */} - Available for iOS 8 and Android Devices From 5.5 + {downloadPlatform.leadTitle}
{/* END DOWNLOAD BUTTON */} @@ -650,14 +606,11 @@ class Users extends React.Component {
{/* Section ID */} - Register in 30 Seconds + {floatMight.leadTitle} {/* Title */} -

Lightning fast and super powerful

+

{floatMight.title}

{/* Text */} -

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 -

+

{floatMight.desc}

{/* END TEXT BLOCK */} {/* IMAGE BLOCK */} @@ -677,7 +630,7 @@ class Users extends React.Component {
-

You might know us from:

+

{partners.title}

@@ -866,9 +819,9 @@ class Users extends React.Component {
{/* Section ID */} - Subscribe to Our Newsletter + {subscribeSec.leadTitle} {/* Title */} -

Stay up to date with our news, ideas and updates

+

{subscribeSec.title}

{/* NEWSLETTER FORM */} @@ -877,7 +830,7 @@ class Users extends React.Component {
- +
{/* Newsletter Form Notification */} @@ -897,4 +850,144 @@ class Users extends React.Component { ) } } -export default Users \ No newline at end of file +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' +} \ No newline at end of file -- 2.34.1