From f3eb3858e104d09c05815e7c1e2799e64e10ad89 Mon Sep 17 00:00:00 2001 From: Ebube Date: Mon, 28 Aug 2023 18:15:13 +0100 Subject: [PATCH 1/5] fixed text alignment and clean up --- src/components/HomeOne/TrafficHomeTwo.js | 60 +++++++++--------------- 1 file changed, 22 insertions(+), 38 deletions(-) diff --git a/src/components/HomeOne/TrafficHomeTwo.js b/src/components/HomeOne/TrafficHomeTwo.js index a465ec8..73945fc 100644 --- a/src/components/HomeOne/TrafficHomeTwo.js +++ b/src/components/HomeOne/TrafficHomeTwo.js @@ -10,48 +10,21 @@ function TrafficHomeOne() {
-

on WrenchBoard.

-

- Performing task on WrenchBoard is easy. All you need is a free account. -

+

{featuresContent.title}

+

{featuresContent.detail}

-
-
-
- + {featuresContent.list?.map(({ icon, header, paragraph }, idx) => ( +
+
+
+ +
+
{header}
+

{paragraph}

-
Free account
-

Get family access from parents, or create your free account.

-
-
-
-
- -
-
Suggest or Find Task
-

Suggest tasks to parents or pick from the market.

-
-
-
-
-
- -
-
Complete Task
-

Complete the task as specified.

-
-
-
-
-
- -
-
Reward
-

Get your reward as specified.

-
-
+ ))} {/*
@@ -77,3 +50,14 @@ function TrafficHomeOne() { } export default TrafficHomeOne; + +const featuresContent = { + title: "on WrenchBoard.", + detail: "Performing task on WrenchBoard is easy. All you need is a free account.", + list: [ + { icon: "fal fa-check", header: "Free account", paragraph: "Get family access from parents, or create your free account." }, + { icon: "fal fa-check", header: "Suggest or Find Task", paragraph: "Suggest tasks to parents or pick from the market." }, + { icon: "fal fa-check", header: "Complete Task", paragraph: "Complete the task as specified." }, + { icon: "fal fa-check", header: "Reward", paragraph: "Get your reward as specified." }, + ] +} From 8927614cd60c4c370a1d4f81c9d9d3c1ae33435e Mon Sep 17 00:00:00 2001 From: Ebube Date: Mon, 28 Aug 2023 18:34:17 +0100 Subject: [PATCH 2/5] more clean up for that section --- src/components/HomeOne/ServicesHomeOne.js | 139 ++++++++++------------ src/components/HomeOne/TrafficHomeTwo.js | 90 +++++++------- 2 files changed, 109 insertions(+), 120 deletions(-) diff --git a/src/components/HomeOne/ServicesHomeOne.js b/src/components/HomeOne/ServicesHomeOne.js index 79b2509..93d229e 100644 --- a/src/components/HomeOne/ServicesHomeOne.js +++ b/src/components/HomeOne/ServicesHomeOne.js @@ -4,80 +4,69 @@ import IconTwo from '../../assets/images/icon/Findtaskicon.png'; import IconThree from '../../assets/images/icon/taskicon.png'; import IconFour from '../../assets/images/icon/walleticon.png'; -// import FirstSlide from '../../assets/images/icon/Untitledxyz.png'; - - -function ServicesHomeOne({ className }) { - return ( -
-
-
-
-
-

- Start getting paid in easy steps. -

- -
-
-
-
-
-
-
- -
-

Free Account

-

Join WrenchBoard.Create an account for Income.

-
-
-
-
-
- -
-

Find Task

-

Build a Self-Portfolio with sole purpose to Cash-Out.

-
-
-
-
-
- -
-

Complete

-

Organize and Manage your teams efficiently. Manage your workgroup.

-
-
-
-
-
- -
-

Get Paid

-

Start Boosting your Income By earning Cash for your Time and Skills.

-
-
-
-
-
- ); +function ServiceItem({ icon, title, description, index }) { + return ( +
+
+ {title} +
+

{title}

+

{description}

+
+ ); } -export default ServicesHomeOne; +function ServicesHomeOne({ className }) { + const serviceItems = [ + { + icon: IconOne, + title: 'Free Account', + description: 'Join WrenchBoard. Create an account for Income.', + }, + { + icon: IconTwo, + title: 'Find Task', + description: 'Build a Self-Portfolio with sole purpose to Cash-Out.', + }, + { + icon: IconThree, + title: 'Complete', + description: 'Organize and Manage your teams efficiently. Manage your workgroup.', + }, + { + icon: IconFour, + title: 'Get Paid', + description: 'Start Boosting your Income by earning Cash for your Time and Skills.', + }, + ]; + + return ( +
+
+
+
+
+

+ Start getting paid in easy steps. +

+
+
+
+
+ {serviceItems.map(({ icon, title, description }, index) => ( +
+ +
+ ))} +
+
+
+ ); +} + +export default ServicesHomeOne; \ No newline at end of file diff --git a/src/components/HomeOne/TrafficHomeTwo.js b/src/components/HomeOne/TrafficHomeTwo.js index 73945fc..eab58e1 100644 --- a/src/components/HomeOne/TrafficHomeTwo.js +++ b/src/components/HomeOne/TrafficHomeTwo.js @@ -3,61 +3,61 @@ import thumb from '../../assets/images/PerformingTaskNew.png'; import getConfig from './../../Config/config' function TrafficHomeOne() { - var site = getConfig()[0]; - return ( -
-
+ ); } export default TrafficHomeOne; const featuresContent = { - title: "on WrenchBoard.", - detail: "Performing task on WrenchBoard is easy. All you need is a free account.", - list: [ - { icon: "fal fa-check", header: "Free account", paragraph: "Get family access from parents, or create your free account." }, - { icon: "fal fa-check", header: "Suggest or Find Task", paragraph: "Suggest tasks to parents or pick from the market." }, - { icon: "fal fa-check", header: "Complete Task", paragraph: "Complete the task as specified." }, - { icon: "fal fa-check", header: "Reward", paragraph: "Get your reward as specified." }, - ] + title: "on WrenchBoard.", + detail: "Performing task on WrenchBoard is easy. All you need is a free account.", + list: [ + { icon: "fal fa-check", header: "Free account", paragraph: "Get family access from parents, or create your free account." }, + { icon: "fal fa-check", header: "Suggest or Find Task", paragraph: "Suggest tasks to parents or pick from the market." }, + { icon: "fal fa-check", header: "Complete Task", paragraph: "Complete the task as specified." }, + { icon: "fal fa-check", header: "Reward", paragraph: "Get your reward as specified." }, + ] } From 71b30b8987a988135058f88f9875210e6da404db Mon Sep 17 00:00:00 2001 From: Ebube Date: Mon, 28 Aug 2023 18:42:12 +0100 Subject: [PATCH 3/5] . --- src/components/HomeOne/ServicesHomeOne.js | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/src/components/HomeOne/ServicesHomeOne.js b/src/components/HomeOne/ServicesHomeOne.js index 93d229e..44d7fcd 100644 --- a/src/components/HomeOne/ServicesHomeOne.js +++ b/src/components/HomeOne/ServicesHomeOne.js @@ -6,7 +6,7 @@ import IconFour from '../../assets/images/icon/walleticon.png'; function ServiceItem({ icon, title, description, index }) { return ( -
+
{title}
@@ -17,6 +17,7 @@ function ServiceItem({ icon, title, description, index }) { } function ServicesHomeOne({ className }) { + const serviceTitle = "Start getting paid in easy steps." const serviceItems = [ { icon: IconOne, @@ -47,7 +48,7 @@ function ServicesHomeOne({ className }) {

- Start getting paid in easy steps. + {serviceTitle}

From bbc2bd29fa1d29783ee62a268b7400341cefac69 Mon Sep 17 00:00:00 2001 From: Ebube Date: Mon, 28 Aug 2023 18:44:04 +0100 Subject: [PATCH 4/5] added unit --- src/components/HomeOne/ServicesHomeOne.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/components/HomeOne/ServicesHomeOne.js b/src/components/HomeOne/ServicesHomeOne.js index 44d7fcd..8d1e1dc 100644 --- a/src/components/HomeOne/ServicesHomeOne.js +++ b/src/components/HomeOne/ServicesHomeOne.js @@ -6,7 +6,7 @@ import IconFour from '../../assets/images/icon/walleticon.png'; function ServiceItem({ icon, title, description, index }) { return ( -
+
{title}
@@ -17,7 +17,7 @@ function ServiceItem({ icon, title, description, index }) { } function ServicesHomeOne({ className }) { - const serviceTitle = "Start getting paid in easy steps." + const serviceTitle = "" const serviceItems = [ { icon: IconOne, From f7ac23748d802ad73f672a933fc7807b76873ad0 Mon Sep 17 00:00:00 2001 From: Ebube Date: Mon, 28 Aug 2023 18:48:19 +0100 Subject: [PATCH 5/5] proper indentation --- src/components/HomeOne/TrafficHomeTwo.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/HomeOne/TrafficHomeTwo.js b/src/components/HomeOne/TrafficHomeTwo.js index eab58e1..86d4b8a 100644 --- a/src/components/HomeOne/TrafficHomeTwo.js +++ b/src/components/HomeOne/TrafficHomeTwo.js @@ -16,7 +16,7 @@ function TrafficHomeOne() {
{featuresContent.list?.map(({ icon, header, paragraph }, idx) => (
-
+