From ad3314dceb7b231443540b3902d42c546f4c6327 Mon Sep 17 00:00:00 2001 From: victorAnumudu Date: Tue, 28 Mar 2023 13:12:10 +0100 Subject: [PATCH 1/5] changed text to variables --- src/pages/FloatHome.js | 403 ++++++++++++++++++++++++++++------------- 1 file changed, 280 insertions(+), 123 deletions(-) diff --git a/src/pages/FloatHome.js b/src/pages/FloatHome.js index 579e5f5..72479e1 100644 --- a/src/pages/FloatHome.js +++ b/src/pages/FloatHome.js @@ -27,13 +27,13 @@ class FloatHome extends React.Component {
{/* Title */} -

Travel Smarter. Save Money.

+

{heroSection.header}

{/* Text */} -

Travel smarter and safer, with Float's rideshare comparison, ride hailing and budgeting app. Available on IOS and Android.

+

{heroSection.description}

{/* HERO LINKS */}
- Watch the Overview + {heroSection.heroLink}
@@ -48,7 +48,7 @@ class FloatHome extends React.Component {
{/* Title */} -

Intelligent Mobility Choices!

+

{heroSection.button}

{/* STORE BADGES */}
{/* AppStore */} @@ -75,13 +75,13 @@ class FloatHome extends React.Component { {/* Rating */}
- All Versions Rating + {heroSection.badge.rating} -

Based on 7.296 user reviews

+

{heroSection.badge.review}

@@ -102,11 +102,9 @@ class FloatHome extends React.Component { {/* Icon */}
{/* Title */} -
Quick Access
+
{sectionTwo.access.heading}
{/* Text */} -

Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and - ociis ligula blandit -

+

{sectionTwo.access.description}

{/* FEATURE BOX #2 */} @@ -115,11 +113,9 @@ class FloatHome extends React.Component { {/* Icon */}
{/* Title */} -
Smart Notifications
+
{sectionTwo.notification.heading}
{/* Text */} -

Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and - ociis ligula blandit -

+

{sectionTwo.notification.description}

{/* FEATURE BOX #3 */} @@ -128,15 +124,13 @@ class FloatHome extends React.Component { {/* Icon */}
{/* Title */} -
Spam Protection
+
{sectionTwo.protection.heading}
{/* Text */} -

Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and - ociis ligula blandit -

+

{sectionTwo.protection.description}

{/* End row */} - END FEATURES-1 WRAPPER + {/* END FEATURES-1 WRAPPER */} {/* End container */} {/* END FEATURES-1 */} {/* CONTENT-3 @@ -150,15 +144,13 @@ class FloatHome extends React.Component {
{/* Section ID */} - FROM A TO B + {travelGuide.box1.leadHeading} {/* Title */} -

Travel your way, with your local travel app.

+

{travelGuide.box1.heading}

{/* Text */} -

The struggle is real and you know it, there have never been more options to move from A to B. Take back control! -

+

{travelGuide.box1.description}

{/* Text */} -

Compare transport options and access ridesharing services directly in app, all whilst keeping track of your travel budget and traveling safely. -

+

{travelGuide.box1.descriptionParaTwo}

{/* END TEXT BLOCK */} {/* IMAGE BLOCK */} @@ -182,12 +174,11 @@ class FloatHome extends React.Component {
{/* Section ID */} - SMART VISUALS + {travelGuide.box2.leadHeading} {/* Title */} -

Your travel data at a glance.

+

{travelGuide.box2.heading}

{/* Text */} -

Keep track of the money, time and emissions you spend on your everyday travel. Float reviews your travel and analyzes your behavior to provide you with an easy overview. -

+

{travelGuide.box2.description}

{/* END TEXT BLOCK */} {/* End row */} @@ -204,15 +195,13 @@ class FloatHome extends React.Component {
{/* Section ID */} - SMART TIPS & ALERTS + {travelGuide.box3.leadHeading} {/* Title */} -

Explore your city smarter with Float.

+

{travelGuide.box3.heading}

{/* Text */} -

Stay on top of how you travel. Start saving money and time, reduce your emissions, all whilst making the safest choice when -

+

{travelGuide.box3.description}

{/* Text */} -

traveling around your city. Get smart tips and alerts customized to your travel behaviour. -

+

{travelGuide.box3.descriptionParaTwo}

{/* END TEXT BLOCK */} {/* IMAGE BLOCK */} @@ -234,11 +223,9 @@ class FloatHome extends React.Component {
{/* Title */} -

Ready to Try Float?

+

{tryFloatSec.title}

{/* Text */} -

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

+

{tryFloatSec.desc}

@@ -253,11 +240,9 @@ class FloatHome extends React.Component { {/* Icon */}
{/* Title */} -
Multiple Accounts
+
{tryFloatSec.box1.title}
{/* Text */} -

Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and - ociis ligula blandit -

+

{tryFloatSec.box1.desc}

{/* FEATURE BOX #2 */} @@ -266,11 +251,9 @@ class FloatHome extends React.Component { {/* Icon */}
{/* Title */} -
Stickers & Emojis
+
{tryFloatSec.box2.title}
{/* Text */} -

Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and - ociis ligula blandit -

+

{tryFloatSec.box2.desc}

{/* FEATURE BOX #3 */} @@ -279,11 +262,9 @@ class FloatHome extends React.Component { {/* Icon */}
{/* Title */} -
Share Files & Media
+
{tryFloatSec.box3.title}
{/* Text */} -

Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and - ociis ligula blandit -

+

{tryFloatSec.box3.desc}

{/* End row */} @@ -306,12 +287,11 @@ class FloatHome extends React.Component {
{/* Section ID */} - CUSTOM DEALS FOR YOU + {customDeals.leadTitle} {/* Title */} -

Get rewarded with Float points for traveling smarter.

+

{customDeals.title}

{/* Text */} -

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!) -

+

{customDeals.desc}

{/* END CONTENT TXT */} {/* End row */} @@ -332,10 +312,8 @@ class FloatHome extends React.Component {
{/* Text */}
-
Text, Voice & Video Calls
-

Ligula risus auctor tempus dolor feugiat undo lacinia purus lipsum primis potenti at - suscipit quaerat ultrice tellus viverra -

+
{customDeals.box1.title}
+

{customDeals.box1.desc}

{/* CONTENT BOX #2 */} @@ -344,10 +322,8 @@ class FloatHome extends React.Component {
{/* Text */}
-
Stickers, Emojis, Themes
-

Ligula risus auctor tempus dolor feugiat undo lacinia purus lipsum primis potenti at - suscipit quaerat ultrice tellus viverra -

+
{customDeals.box2.title}
+

{customDeals.box2.desc}

{/* CONTENT BOX #3 */} @@ -356,10 +332,8 @@ class FloatHome extends React.Component {
{/* Text */}
-
Share Files & Media
-

Ligula risus auctor tempus dolor feugiat undo lacinia purus lipsum primis potenti at - suscipit quaerat ultrice tellus viverra -

+
{customDeals.box3.title}
+

{customDeals.box3.desc}

@@ -387,11 +361,9 @@ class FloatHome extends React.Component {
{/* Title */} -

More Features to Expect

+

{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}

@@ -406,11 +378,9 @@ class FloatHome extends React.Component {
{/* Title */} -
Dark & Light Modes
+
{moreFeatures.box1.title}
{/* Text */} -

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

+

{moreFeatures.box1.desc}

{/* ICON */} @@ -430,11 +400,9 @@ class FloatHome extends React.Component {
{/* Title */} -
Group Messaging
+
{moreFeatures.box2.title}
{/* Text */} -

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

+

{moreFeatures.box2.desc}

{/* ICON */} @@ -454,11 +422,9 @@ class FloatHome extends React.Component {
{/* Title */} -
Strong Encryption
+
{moreFeatures.box3.title}
{/* Text */} -

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

+

{moreFeatures.box3.desc}

{/* ICON */} @@ -478,11 +444,9 @@ class FloatHome extends React.Component {
{/* Title */} -
Voice Assistant
+
{moreFeatures.box4.title}
{/* Text */} -

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

+

{moreFeatures.box4.desc}

{/* ICON */} @@ -509,36 +473,36 @@ class FloatHome extends React.Component {
{/* Digit */} -

28%

+

{stats.box1.count}%

{/* Text */} -
Faster Access
+
{stats.box1.title}
{/* STATISTIC BLOCK #2 */}
{/* Digit */} -

47%

+

{stats.box2.count}%

{/* Text */} -
App Productivity
+
{stats.box2.title}
{/* STATISTIC BLOCK #3 */}
{/* Digit */} -

54%

+

{stats.box3.count}%

{/* Text */} -
Secure Access
+
{stats.box3.title}
{/* STATISTIC BLOCK #4 */}
{/* Digit */} -

36%

+

{stats.box4.count}%

{/* Text */} -
Battery Saving
+
{stats.box4.title}
{/* End row */} @@ -560,10 +524,10 @@ class FloatHome extends React.Component {
{/* Section ID */} - RECOMMENDATION ENGINE + {artIntel.box1.leadTitle} {/* Title */} -

Float uses artificial intelligence (AI) to compare local transport options and prices for your journey.

-

Become a travel expert. Float aggregates transport options and gives you the control to select the safest, cheapest, quickest or greenest route to improve your daily commute.

+

{artIntel.box1.title}

+

{artIntel.box1.desc}

{/* END TEXT BLOCK */} {/* End row */} @@ -578,27 +542,25 @@ class FloatHome extends React.Component {
{/* Section ID */} - Totally Optimized + {artIntel.box2.leadTitle} {/* Title */} -

Intuitive features, powerful results

+

{artIntel.box2.title}

{/* List */}
  • -

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

    {artIntel.box2.desc}

  • -

    Quaerat sodales sapien euismod purus blandit

    +

    {artIntel.box2.desc2}

  • -

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

    {artIntel.box2.desc3}

{/* Button */} - Read The FAQs + {artIntel.box2.btn}
{/* END TEXT BLOCK */} {/* IMAGE BLOCK */} @@ -667,10 +629,9 @@ class FloatHome extends React.Component {
{/* Title */} -

Accessible for All Platforms

+

{accessibilitySec.title}

{/* Text */} -

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

A{accessibilitySec.desc}

@@ -689,10 +650,10 @@ class FloatHome extends React.Component {
{/* Button */} - See Float in Action + {downloadSec.link} {/* OS Prerequisite */} - Available on Android, iOS and macOS + {downloadSec.leadTitle}
{/* END DOWNLOAD BUTTON */} @@ -706,10 +667,9 @@ class FloatHome extends React.Component { {/* DOWNLOAD TXT */}
- Built For Speed -

Share text, voice, photos, videos, GIFs and files for free

-

Aliquam a augue suscipit, luctus neque at purus ipsum neque dolor primis libero tempus, blandit - posuere orci auctor purus euismod an aliquam quaerat purus + {downloadSec.leadTitle2} +

{downloadSec.title}

+

{downloadSec.desc}

@@ -939,7 +899,7 @@ class FloatHome extends React.Component { */}
{/* END STORE BADGES */} {/* OS Prerequisite */} - Available for iOS 8 and Android Devices From 5.5 + {downloadSecTwo.leadTitle}
{/* END DOWNLOAD BUTTON */} @@ -1095,9 +1055,9 @@ class FloatHome 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 */} @@ -1106,7 +1066,7 @@ class FloatHome extends React.Component {
- +
{/* Newsletter Form Notification */} @@ -1229,10 +1189,9 @@ class FloatHome extends React.Component {
{/* Title */} -

Lightning Fast. Super Powerful

+

{downloadSecThree.title}

{/* Text */} -

Aliquam a augue suscipit, luctus neque purus ipsum neque dolor primis libero tempus, blandit - posuere and ligula varius magna porta +

{downloadSecThree.desc}

{/* STORE BADGES */}
@@ -1274,4 +1233,202 @@ class FloatHome extends React.Component { ) } } -export default FloatHome \ No newline at end of file +export default FloatHome + + +// page text/content declaration + + +//HERO SECTION + let heroSection = { + header: `ravel 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!`, + badge: {rating: `All Versions Rating`, review: 'Based on 7.296 user reviews'} + }; + + //SECTION TWO + let sectionTwo = { + access: { + heading: `Quick Access`, description: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and + ociis ligula blandit` + }, + notification: {heading: `Smart Notifications`, description: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and + ociis ligula blandit` + }, + protection: {heading: `Spam Protection`, description: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and + ociis ligula blandit` + } + }; + + //SECTION THREE (TRAVEL GUIDE SECTION) + let travelGuide = { + box1: { + leadHeading: `FROM A TO B`, + heading: `Travel your way, with your local travel app.`, + description: `The struggle is real and you know it, there have never been more options to move from A to B. Take back control!`, + descriptionParaTwo: `Compare transport options and access ridesharing services directly in app, all whilst keeping track of your travel budget and traveling safely.` + }, + + box2:{ + leadHeading: `SMART VISUALS`, + heading: `Your travel data at a glance.`, + description: `The struggle is real and you know it, Keep track of the money, time and emissions you spend on your everyday travel. Float reviews your travel and analyzes your behavior to provide you with an easy overview. + there have never been more options to move from A to B. Take back control!` + }, + + box3:{ + leadHeading: `SMART TIPS & ALERTS`, + heading: `Explore your city smarter with Float.`, + description: `Stay on top of how you travel. Start saving money and time, reduce your emissions, all whilst making the safest choice when`, + descriptionParaTwo: `traveling around your city. Get smart tips and alerts customized to your travel behaviour.` + + } + } + + //SECTION FOUR (READY TO TRY FLOAT SECTION) + let tryFloatSec = { + title: `Ready to Try Float?`, + desc: `Aliquam a augue suscipit, luctus neque purus ipsum neque at dolor primis libero + tempus, blandit and cursus varius magna tempus a dolor`, + box1: { + title: `Multiple Accounts`, desc: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and + ociis ligula blandit` + }, + box2: {title: `Stickers & Emojis`, desc: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and + ociis ligula blandit` + }, + box3: {title: `Share Files & Media`, desc: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and + ociis ligula blandit` + } + } + + + //SECTION FIVE (CUSTOM DEALS FOR YOU SECTION) + let customDeals = { + leadTitle: `CUSTOM DEALS FOR YOU`, + 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!)`, + + box1: {title: `Text, Voice & Video Calls`, + desc: `Ligula risus auctor tempus dolor feugiat undo lacinia purus lipsum primis potenti at suscipit quaerat ultrice tellus viverra` + }, + box2: {title: `Stickers, Emojis, Themes`, + desc: `Ligula risus auctor tempus dolor feugiat undo lacinia purus lipsum primis potenti at suscipit quaerat ultrice tellus viverra` + }, + box3: {title: `Share Files & Media`, + desc: `Ligula risus auctor tempus dolor feugiat undo lacinia purus lipsum primis potenti at suscipit quaerat ultrice tellus viverra` + } + } + + //MORE FEATURES + let moreFeatures = { + title: `More Features to Expect`, + desc: `Aliquam a augue suscipit, luctus neque purus ipsum neque at dolor primis libero + tempus, blandit and cursus varius magna tempus a dolor`, + + box1: { + title: `Dark & Light Modes`, + desc: `Porta semper lacus cursus risus and feugiat primis undo sodales a sapien magna + at vitae congue tempus` + }, + + box2: { + title: `Group Messaging`, + desc: `Porta semper lacus cursus risus and feugiat primis undo sodales a sapien magna + at vitae congue tempus` + }, + + box3: { + title: `Strong Encryption`, + desc: `Porta semper lacus cursus risus and feugiat primis undo sodales a sapien magna + at vitae congue tempus` + }, + + box4: { + title: `Voice Assistant`, + desc: `Porta semper lacus cursus risus and feugiat primis undo sodales a sapien magna + at vitae congue tempus` + } + } + + + //STATISTICS + let stats = { + box1:{ + count: `28`, + title: `Faster Access` + }, + + box2:{ + count: `47`, + title: `App Productivity` + }, + + box3:{ + count: `54`, + title: `Secure Access` + }, + + box4:{ + count: `36`, + title: `Battery Saving` + }, + } + + //AI SECTION + let artIntel = { + box1: { + leadTitle: `RECOMMENDATION ENGINE`, + title: `Float uses artificial intelligence (AI) to compare local transport options and prices for your journey.`, + desc: `Become a travel expert. Float aggregates transport options and gives you the control to select the safest, cheapest, quickest or greenest route to improve your daily commute.` + }, + + box2: { + leadTitle: `Totally Optimized`, + title: `Intuitive features, powerful results`, + desc: `Fringilla risus, luctus mauris orci auctor purus euismod pretium purus pretium + ligula rutrum tempor sapien`, + desc2: `Quaerat sodales sapien euismod purus blandit`, + desc3: `Nemo ipsam egestas volute turpis dolores ut aliquam quaerat sodales sapien undo + pretium a purus mauris`, + btn: `Read The FAQs` + } + } + + //ACCESSIBILITY SECTION + let accessibilitySec = { + title: `Accessible for All Platforms`, + desc: `Aliquam a augue suscipit, luctus neque purus ipsum neque at dolor primis libero + tempus, blandit and cursus varius magna tempus a dolor` + } + + //DOWNLOAD SECTION + let downloadSec = { + link: `See Float in Action`, + leadTitle: `Available on Android, iOS and macOS`, + leadTitle2: `Built For Speed`, + title: `Share text, voice, photos, videos, GIFs and files for free`, + 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` + } + + //DOWNLOAD SECTION TWO + let downloadSecTwo = { + leadTitle: `Available for iOS 8 and Android Devices From 5.5` + } + + //SUBSCRIBE SECTION + let subscribeSec = { + leadTitle: `Subscribe to Our Newsletter`, + title: `Stay up to date with our news, ideas and updates`, + btn: 'Subscribe Now' + } + + //DOWNLOAD SECTION THREE + let downloadSecThree = { + title: `Lightning Fast. Super Powerful`, + desc: `Aliquam a augue suscipit, luctus neque purus ipsum neque dolor primis libero tempus, blandit + posuere and ligula varius magna porta`, + } \ No newline at end of file From a23d05ad82f44688c44e65b164f721d17e1eaf6d Mon Sep 17 00:00:00 2001 From: victorAnumudu Date: Tue, 28 Mar 2023 13:40:16 +0100 Subject: [PATCH 2/5] changed text to variables --- src/pages/FloatHome.js | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/src/pages/FloatHome.js b/src/pages/FloatHome.js index 72479e1..5df4d00 100644 --- a/src/pages/FloatHome.js +++ b/src/pages/FloatHome.js @@ -1236,8 +1236,7 @@ class FloatHome extends React.Component { export default FloatHome -// page text/content declaration - +// PAGE TEXT/CONTENT VARIABLES //HERO SECTION let heroSection = { From d4d4ac482fffa6dbd985f50eb51453774ab8631f Mon Sep 17 00:00:00 2001 From: victorAnumudu Date: Tue, 28 Mar 2023 13:42:53 +0100 Subject: [PATCH 3/5] changed text to variables --- src/pages/FloatHome.js | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/src/pages/FloatHome.js b/src/pages/FloatHome.js index 5df4d00..02ca2bc 100644 --- a/src/pages/FloatHome.js +++ b/src/pages/FloatHome.js @@ -1295,10 +1295,10 @@ export default FloatHome title: `Multiple Accounts`, desc: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and ociis ligula blandit` }, - box2: {title: `Stickers & Emojis`, desc: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and + box2: {title: `Stickers & Emojis`, desc: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and ociis ligula blandit` }, - box3: {title: `Share Files & Media`, desc: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and + box3: {title: `Share Files & Media`, desc: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and ociis ligula blandit` } } @@ -1310,13 +1310,13 @@ 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!)`, - box1: {title: `Text, Voice & Video Calls`, + box1: {title: `Text, Voice & Video Calls`, desc: `Ligula risus auctor tempus dolor feugiat undo lacinia purus lipsum primis potenti at suscipit quaerat ultrice tellus viverra` }, box2: {title: `Stickers, Emojis, Themes`, desc: `Ligula risus auctor tempus dolor feugiat undo lacinia purus lipsum primis potenti at suscipit quaerat ultrice tellus viverra` }, - box3: {title: `Share Files & Media`, + box3: {title: `Share Files & Media`, desc: `Ligula risus auctor tempus dolor feugiat undo lacinia purus lipsum primis potenti at suscipit quaerat ultrice tellus viverra` } } @@ -1328,7 +1328,7 @@ export default FloatHome tempus, blandit and cursus varius magna tempus a dolor`, box1: { - title: `Dark & Light Modes`, + title: `Dark & Light Modes`, desc: `Porta semper lacus cursus risus and feugiat primis undo sodales a sapien magna at vitae congue tempus` }, From 87e42238bee1942fd95f4e91c53e875537978322 Mon Sep 17 00:00:00 2001 From: victorAnumudu Date: Tue, 28 Mar 2023 13:46:12 +0100 Subject: [PATCH 4/5] renamed a variable name --- src/pages/FloatHome.js | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/src/pages/FloatHome.js b/src/pages/FloatHome.js index 02ca2bc..8245096 100644 --- a/src/pages/FloatHome.js +++ b/src/pages/FloatHome.js @@ -102,9 +102,9 @@ class FloatHome extends React.Component { {/* Icon */}
{/* Title */} -
{sectionTwo.access.heading}
+
{sectionTwo.box1.heading}
{/* Text */} -

{sectionTwo.access.description}

+

{sectionTwo.box1.description}

{/* FEATURE BOX #2 */} @@ -113,9 +113,9 @@ class FloatHome extends React.Component { {/* Icon */}
{/* Title */} -
{sectionTwo.notification.heading}
+
{sectionTwo.box2.heading}
{/* Text */} -

{sectionTwo.notification.description}

+

{sectionTwo.box2.description}

{/* FEATURE BOX #3 */} @@ -124,9 +124,9 @@ class FloatHome extends React.Component { {/* Icon */}
{/* Title */} -
{sectionTwo.protection.heading}
+
{sectionTwo.box3.heading}
{/* Text */} -

{sectionTwo.protection.description}

+

{sectionTwo.box3.description}

{/* End row */} @@ -1249,14 +1249,14 @@ export default FloatHome //SECTION TWO let sectionTwo = { - access: { + box1: { heading: `Quick Access`, description: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and ociis ligula blandit` }, - notification: {heading: `Smart Notifications`, description: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and + box2: {heading: `Smart Notifications`, description: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and ociis ligula blandit` }, - protection: {heading: `Spam Protection`, description: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and + box3: {heading: `Spam Protection`, description: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and ociis ligula blandit` } }; From d1be17ccfa2b3d9d7f1d6bb31015777bb0a1d02a Mon Sep 17 00:00:00 2001 From: victorAnumudu Date: Wed, 29 Mar 2023 15:56:17 +0100 Subject: [PATCH 5/5] changed some variable names in homepage --- src/pages/FloatHome.js | 214 ++++++++++++++++++++--------------------- 1 file changed, 107 insertions(+), 107 deletions(-) diff --git a/src/pages/FloatHome.js b/src/pages/FloatHome.js index 8245096..917f9b6 100644 --- a/src/pages/FloatHome.js +++ b/src/pages/FloatHome.js @@ -102,9 +102,9 @@ class FloatHome extends React.Component { {/* Icon */}
{/* Title */} -
{sectionTwo.box1.heading}
+
{message.access.heading}
{/* Text */} -

{sectionTwo.box1.description}

+

{message.access.description}

{/* FEATURE BOX #2 */} @@ -113,9 +113,9 @@ class FloatHome extends React.Component { {/* Icon */}
{/* Title */} -
{sectionTwo.box2.heading}
+
{message.notification.heading}
{/* Text */} -

{sectionTwo.box2.description}

+

{message.notification.description}

{/* FEATURE BOX #3 */} @@ -124,9 +124,9 @@ class FloatHome extends React.Component { {/* Icon */}
{/* Title */} -
{sectionTwo.box3.heading}
+
{message.spam.heading}
{/* Text */} -

{sectionTwo.box3.description}

+

{message.spam.description}

{/* End row */} @@ -144,13 +144,13 @@ class FloatHome extends React.Component {
{/* Section ID */} - {travelGuide.box1.leadHeading} + {travelGuide.location.leadTitle} {/* Title */} -

{travelGuide.box1.heading}

+

{travelGuide.location.title}

{/* Text */} -

{travelGuide.box1.description}

+

{travelGuide.location.desc}

{/* Text */} -

{travelGuide.box1.descriptionParaTwo}

+

{travelGuide.location.descTwo}

{/* END TEXT BLOCK */} {/* IMAGE BLOCK */} @@ -174,11 +174,11 @@ class FloatHome extends React.Component {
{/* Section ID */} - {travelGuide.box2.leadHeading} + {travelGuide.history.leadTitle} {/* Title */} -

{travelGuide.box2.heading}

+

{travelGuide.history.title}

{/* Text */} -

{travelGuide.box2.description}

+

{travelGuide.history.desc}

{/* END TEXT BLOCK */} {/* End row */} @@ -195,13 +195,13 @@ class FloatHome extends React.Component {
{/* Section ID */} - {travelGuide.box3.leadHeading} + {travelGuide.travelTips.leadTitle} {/* Title */} -

{travelGuide.box3.heading}

+

{travelGuide.travelTips.title}

{/* Text */} -

{travelGuide.box3.description}

+

{travelGuide.travelTips.desc}

{/* Text */} -

{travelGuide.box3.descriptionParaTwo}

+

{travelGuide.travelTips.descTwo}

{/* END TEXT BLOCK */} {/* IMAGE BLOCK */} @@ -240,9 +240,9 @@ class FloatHome extends React.Component { {/* Icon */}
{/* Title */} -
{tryFloatSec.box1.title}
+
{tryFloatSec.accounts.title}
{/* Text */} -

{tryFloatSec.box1.desc}

+

{tryFloatSec.accounts.desc}

{/* FEATURE BOX #2 */} @@ -251,9 +251,9 @@ class FloatHome extends React.Component { {/* Icon */}
{/* Title */} -
{tryFloatSec.box2.title}
+
{tryFloatSec.emojis.title}
{/* Text */} -

{tryFloatSec.box2.desc}

+

{tryFloatSec.emojis.desc}

{/* FEATURE BOX #3 */} @@ -262,9 +262,9 @@ class FloatHome extends React.Component { {/* Icon */}
{/* Title */} -
{tryFloatSec.box3.title}
+
{tryFloatSec.files.title}
{/* Text */} -

{tryFloatSec.box3.desc}

+

{tryFloatSec.files.desc}

{/* End row */} @@ -312,8 +312,8 @@ class FloatHome extends React.Component {
{/* Text */}
-
{customDeals.box1.title}
-

{customDeals.box1.desc}

+
{customDeals.text.title}
+

{customDeals.text.desc}

{/* CONTENT BOX #2 */} @@ -322,8 +322,8 @@ class FloatHome extends React.Component {
{/* Text */}
-
{customDeals.box2.title}
-

{customDeals.box2.desc}

+
{customDeals.stickers.title}
+

{customDeals.stickers.desc}

{/* CONTENT BOX #3 */} @@ -332,8 +332,8 @@ class FloatHome extends React.Component {
{/* Text */}
-
{customDeals.box3.title}
-

{customDeals.box3.desc}

+
{customDeals.media.title}
+

{customDeals.media.desc}

@@ -378,9 +378,9 @@ class FloatHome extends React.Component {
{/* Title */} -
{moreFeatures.box1.title}
+
{moreFeatures.mode.title}
{/* Text */} -

{moreFeatures.box1.desc}

+

{moreFeatures.mode.desc}

{/* ICON */} @@ -400,9 +400,9 @@ class FloatHome extends React.Component {
{/* Title */} -
{moreFeatures.box2.title}
+
{moreFeatures.groupMes.title}
{/* Text */} -

{moreFeatures.box2.desc}

+

{moreFeatures.groupMes.desc}

{/* ICON */} @@ -422,9 +422,9 @@ class FloatHome extends React.Component {
{/* Title */} -
{moreFeatures.box3.title}
+
{moreFeatures.strongEncry.title}
{/* Text */} -

{moreFeatures.box3.desc}

+

{moreFeatures.strongEncry.desc}

{/* ICON */} @@ -444,9 +444,9 @@ class FloatHome extends React.Component {
{/* Title */} -
{moreFeatures.box4.title}
+
{moreFeatures.voiceAsst.title}
{/* Text */} -

{moreFeatures.box4.desc}

+

{moreFeatures.voiceAsst.desc}

{/* ICON */} @@ -473,36 +473,36 @@ class FloatHome extends React.Component {
{/* Digit */} -

{stats.box1.count}%

+

{stats.fastAccess.count}%

{/* Text */} -
{stats.box1.title}
+
{stats.fastAccess.title}
{/* STATISTIC BLOCK #2 */}
{/* Digit */} -

{stats.box2.count}%

+

{stats.appPro.count}%

{/* Text */} -
{stats.box2.title}
+
{stats.appPro.title}
{/* STATISTIC BLOCK #3 */}
{/* Digit */} -

{stats.box3.count}%

+

{stats.secureAccess.count}%

{/* Text */} -
{stats.box3.title}
+
{stats.secureAccess.title}
{/* STATISTIC BLOCK #4 */}
{/* Digit */} -

{stats.box4.count}%

+

{stats.batSaving.count}%

{/* Text */} -
{stats.box4.title}
+
{stats.batSaving.title}
{/* End row */} @@ -524,10 +524,10 @@ class FloatHome extends React.Component {
{/* Section ID */} - {artIntel.box1.leadTitle} + {artIntel.artificialEngine.leadTitle} {/* Title */} -

{artIntel.box1.title}

-

{artIntel.box1.desc}

+

{artIntel.artificialEngine.title}

+

{artIntel.artificialEngine.desc}

{/* END TEXT BLOCK */} {/* End row */} @@ -542,25 +542,25 @@ class FloatHome extends React.Component {
{/* Section ID */} - {artIntel.box2.leadTitle} + {artIntel.optimization.leadTitle} {/* Title */} -

{artIntel.box2.title}

+

{artIntel.optimization.title}

{/* List */}
  • -

    {artIntel.box2.desc} +

    {artIntel.optimization.desc}

  • -

    {artIntel.box2.desc2}

    +

    {artIntel.optimization.desc2}

  • -

    {artIntel.box2.desc3} +

    {artIntel.optimization.desc3}

{/* Button */} - {artIntel.box2.btn} + {artIntel.optimization.btn}
{/* END TEXT BLOCK */} {/* IMAGE BLOCK */} @@ -650,10 +650,10 @@ class FloatHome extends React.Component {
{/* Button */} - {downloadSec.link} + {accessibilitySec.youtubeLink} {/* OS Prerequisite */} - {downloadSec.leadTitle} + {accessibilitySec.leadTitle}
{/* END DOWNLOAD BUTTON */} @@ -667,9 +667,9 @@ class FloatHome extends React.Component { {/* DOWNLOAD TXT */}
- {downloadSec.leadTitle2} -

{downloadSec.title}

-

{downloadSec.desc} + {floatForSpeed.leadTitle} +

{floatForSpeed.title}

+

{floatForSpeed.desc}

@@ -899,7 +899,7 @@ class FloatHome extends React.Component { */}
{/* END STORE BADGES */} {/* OS Prerequisite */} - {downloadSecTwo.leadTitle} + {downloadPlatform.leadTitle}
{/* END DOWNLOAD BUTTON */} @@ -1189,9 +1189,9 @@ class FloatHome extends React.Component {
{/* Title */} -

{downloadSecThree.title}

+

{floatMight.title}

{/* Text */} -

{downloadSecThree.desc} +

{floatMight.desc}

{/* STORE BADGES */}
@@ -1248,40 +1248,40 @@ export default FloatHome }; //SECTION TWO - let sectionTwo = { - box1: { + let message = { + access: { heading: `Quick Access`, description: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and ociis ligula blandit` }, - box2: {heading: `Smart Notifications`, description: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and + notification: {heading: `Smart Notifications`, description: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and ociis ligula blandit` }, - box3: {heading: `Spam Protection`, description: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and + spam: {heading: `Spam Protection`, description: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and ociis ligula blandit` } }; //SECTION THREE (TRAVEL GUIDE SECTION) let travelGuide = { - box1: { - leadHeading: `FROM A TO B`, - heading: `Travel your way, with your local travel app.`, - description: `The struggle is real and you know it, there have never been more options to move from A to B. Take back control!`, - descriptionParaTwo: `Compare transport options and access ridesharing services directly in app, all whilst keeping track of your travel budget and traveling safely.` + location: { + leadTitle: `FROM A TO B`, + title: `Travel your way, with your local travel app.`, + desc: `The struggle is real and you know it, there have never been more options to move from A to B. Take back control!`, + descTwo: `Compare transport options and access ridesharing services directly in app, all whilst keeping track of your travel budget and traveling safely.` }, - box2:{ - leadHeading: `SMART VISUALS`, - heading: `Your travel data at a glance.`, - description: `The struggle is real and you know it, Keep track of the money, time and emissions you spend on your everyday travel. Float reviews your travel and analyzes your behavior to provide you with an easy overview. + history:{ + leadTitle: `SMART VISUALS`, + title: `Your travel data at a glance.`, + desc: `The struggle is real and you know it, Keep track of the money, time and emissions you spend on your everyday travel. Float reviews your travel and analyzes your behavior to provide you with an easy overview. there have never been more options to move from A to B. Take back control!` }, - box3:{ - leadHeading: `SMART TIPS & ALERTS`, - heading: `Explore your city smarter with Float.`, - description: `Stay on top of how you travel. Start saving money and time, reduce your emissions, all whilst making the safest choice when`, - descriptionParaTwo: `traveling around your city. Get smart tips and alerts customized to your travel behaviour.` + travelTips:{ + leadTitle: `SMART TIPS & ALERTS`, + title: `Explore your city smarter with Float.`, + desc: `Stay on top of how you travel. Start saving money and time, reduce your emissions, all whilst making the safest choice when`, + descTwo: `traveling around your city. Get smart tips and alerts customized to your travel behaviour.` } } @@ -1291,14 +1291,14 @@ export default FloatHome title: `Ready to Try Float?`, desc: `Aliquam a augue suscipit, luctus neque purus ipsum neque at dolor primis libero tempus, blandit and cursus varius magna tempus a dolor`, - box1: { + accounts: { title: `Multiple Accounts`, desc: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and ociis ligula blandit` }, - box2: {title: `Stickers & Emojis`, desc: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and + emojis: {title: `Stickers & Emojis`, desc: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and ociis ligula blandit` }, - box3: {title: `Share Files & Media`, desc: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and + files: {title: `Share Files & Media`, desc: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and ociis ligula blandit` } } @@ -1310,13 +1310,13 @@ 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!)`, - box1: {title: `Text, Voice & Video 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` }, - box2: {title: `Stickers, Emojis, Themes`, + stickers: {title: `Stickers, Emojis, Themes`, desc: `Ligula risus auctor tempus dolor feugiat undo lacinia purus lipsum primis potenti at suscipit quaerat ultrice tellus viverra` }, - box3: {title: `Share Files & Media`, + media: {title: `Share Files & Media`, desc: `Ligula risus auctor tempus dolor feugiat undo lacinia purus lipsum primis potenti at suscipit quaerat ultrice tellus viverra` } } @@ -1327,26 +1327,26 @@ 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`, - box1: { + mode: { title: `Dark & Light Modes`, desc: `Porta semper lacus cursus risus and feugiat primis undo sodales a sapien magna at vitae congue tempus` }, - box2: { + groupMes: { title: `Group Messaging`, desc: `Porta semper lacus cursus risus and feugiat primis undo sodales a sapien magna at vitae congue tempus` }, - box3: { + strongEncry: { title: `Strong Encryption`, desc: `Porta semper lacus cursus risus and feugiat primis undo sodales a sapien magna at vitae congue tempus` }, - box4: { - title: `Voice Assistant`, + voiceAsst: { + title: `float Assistant`, desc: `Porta semper lacus cursus risus and feugiat primis undo sodales a sapien magna at vitae congue tempus` } @@ -1355,22 +1355,22 @@ export default FloatHome //STATISTICS let stats = { - box1:{ + fastAccess:{ count: `28`, title: `Faster Access` }, - box2:{ + appPro:{ count: `47`, title: `App Productivity` }, - box3:{ + secureAccess:{ count: `54`, title: `Secure Access` }, - box4:{ + batSaving:{ count: `36`, title: `Battery Saving` }, @@ -1378,13 +1378,13 @@ export default FloatHome //AI SECTION let artIntel = { - box1: { + artificialEngine: { leadTitle: `RECOMMENDATION ENGINE`, title: `Float uses artificial intelligence (AI) to compare local transport options and prices for your journey.`, desc: `Become a travel expert. Float aggregates transport options and gives you the control to select the safest, cheapest, quickest or greenest route to improve your daily commute.` }, - box2: { + optimization: { leadTitle: `Totally Optimized`, title: `Intuitive features, powerful results`, desc: `Fringilla risus, luctus mauris orci auctor purus euismod pretium purus pretium @@ -1400,21 +1400,21 @@ export default FloatHome let accessibilitySec = { title: `Accessible for All Platforms`, desc: `Aliquam a augue suscipit, luctus neque purus ipsum neque at dolor primis libero - tempus, blandit and cursus varius magna tempus a dolor` + tempus, blandit and cursus varius magna tempus a dolor`, + youtubeLink: `See Float in Action`, + leadTitle: `Available on Android, iOS and macOS`, } - //DOWNLOAD SECTION - let downloadSec = { - link: `See Float in Action`, - leadTitle: `Available on Android, iOS and macOS`, - leadTitle2: `Built For Speed`, - title: `Share text, voice, photos, videos, GIFs and files for free`, + //BULIT FOR SPEED + let floatForSpeed = { + leadTitle: `Built For Speed`, + title: `Easy Navigation`, 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` } //DOWNLOAD SECTION TWO - let downloadSecTwo = { + let downloadPlatform = { leadTitle: `Available for iOS 8 and Android Devices From 5.5` } @@ -1425,8 +1425,8 @@ export default FloatHome btn: 'Subscribe Now' } - //DOWNLOAD SECTION THREE - let downloadSecThree = { + // LIGHT & POWERFUL + let floatMight = { title: `Lightning Fast. Super Powerful`, desc: `Aliquam a augue suscipit, luctus neque purus ipsum neque dolor primis libero tempus, blandit posuere and ligula varius magna porta`,