diff --git a/public/assets/images/route1.png b/public/assets/images/route1.png new file mode 100644 index 0000000..aeb43e2 Binary files /dev/null and b/public/assets/images/route1.png differ diff --git a/src/pages/Users.js b/src/pages/Users.js index 708a0b5..0c22fec 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 */}
{/* AppStore */} @@ -55,18 +55,18 @@ class Users extends React.Component { {/* Rating */}
- All Versions Rating + {heroSection.rating} -

Based on 7.296 user reviews

+

{heroSection.review}

{/* USER PORTAL */}
- This leads to users PORTAL + {heroSection.mainSiteLink}
{/* END HERO TEXT */} @@ -94,11 +94,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}

@@ -110,11 +108,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}

@@ -126,11 +122,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}

@@ -142,11 +136,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}

@@ -158,11 +150,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}

@@ -174,11 +164,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}

@@ -196,15 +184,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 */} @@ -227,25 +211,20 @@ class Users extends React.Component { {/* IMAGE BLOCK */}
- content-image + content-image
{/* TEXT BLOCK */}
{/* 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 */} @@ -257,14 +236,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 */} @@ -291,11 +267,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}

@@ -310,11 +284,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 */} @@ -334,11 +306,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 */} @@ -358,11 +328,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 */} @@ -382,11 +350,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 */} @@ -411,13 +377,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 */} @@ -461,22 +425,20 @@ 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}

@@ -494,23 +456,19 @@ 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 */} @@ -656,7 +614,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 */} @@ -671,14 +629,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 */} @@ -698,7 +653,7 @@ class Users extends React.Component {
-

You might know us from:

+

{partners.title}

@@ -887,9 +842,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 */} @@ -898,7 +853,7 @@ class Users extends React.Component {
- +
{/* Newsletter Form Notification */} @@ -918,4 +873,146 @@ 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`, + rating: `All Versions Rating`, + review: `Based on 7.296 user reviews`, + 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: `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: `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 +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' +} +