This commit is contained in:
Ebube
2023-08-29 11:20:07 +01:00
parent f7ac23748d
commit 0c4be2733f
5 changed files with 282 additions and 258 deletions
+33 -11
View File
@@ -1,6 +1,6 @@
import React from 'react';
import thumb from '../../assets/images/PerformingTaskNew.png';
import getConfig from './../../Config/config'
import React from "react";
import thumb from "../../assets/images/PerformingTaskNew.png";
import getConfig from "./../../Config/config";
function TrafficHomeOne() {
var site = getConfig()[0];
@@ -16,7 +16,12 @@ function TrafficHomeOne() {
<div className="row">
{featuresContent.list?.map(({ icon, header, paragraph }, idx) => (
<div className="col-lg-6 col-md-6" key={idx}>
<div className={`appie-traffic-service features item-${idx + 1} mb-30`} style={{ paddingRight: "45px" }}>
<div
className={`appie-traffic-service features item-${
idx + 1
} mb-30`}
style={{ paddingRight: "45px" }}
>
<div className="icon">
<i className={icon} />
</div>
@@ -53,11 +58,28 @@ export default TrafficHomeOne;
const featuresContent = {
title: "on WrenchBoard.",
detail: "Performing task on WrenchBoard is easy. All you need is a free account.",
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." },
]
}
{
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.",
},
],
};