From a10a98a3933735b5593a46d245a02ef25a322d95 Mon Sep 17 00:00:00 2001 From: "CHIEFSOFT\\ameye" Date: Thu, 29 Jun 2023 22:18:43 -0400 Subject: [PATCH] mission statement parts --- src/components/Service/MissionStatement.js | 132 +++++++++------------ src/components/Service/ServiceTopart.js | 50 ++++++++ src/components/Service/index.js | 7 +- 3 files changed, 108 insertions(+), 81 deletions(-) create mode 100644 src/components/Service/ServiceTopart.js diff --git a/src/components/Service/MissionStatement.js b/src/components/Service/MissionStatement.js index 272d3a1..ba1230e 100644 --- a/src/components/Service/MissionStatement.js +++ b/src/components/Service/MissionStatement.js @@ -4,12 +4,36 @@ import CounterUpCom from '../../lib/CounterUpCom'; import PopupVideo from '../PopupVideo'; function MissionStatement() { - const [showQuestion, setQuestion] = useState(0); + const [showQuestion, setQuestion] = useState(1); const [showVideo, setVideoValue] = useState(false); const openQuestion = (e, value) => { e.preventDefault(); setQuestion(value); }; + + const ourMissions = [ + { + id: 1, + title: "Rewards Family and Personal Goals", + content: "unleash their creativity, complete their projects, and make a positive impact on their surroundings. At Wrenchboard.com", + }, + { + id: 2, + title: "Expand Earning Opportunities", + content: "unleash their creativity, complete their projects, and make a positive impact on their surroundings. At Wrenchboard.com", + }, + { + id: 3, + title: "Exhibit your Capabilities ", + content: "unleash their creativity, complete their projects, and make a positive impact on their surroundings. At Wrenchboard.com", + }, + { + id: 4, + title: "Get you work done", + content: "unleash their creativity, complete their projects, and make a positive impact on their surroundings. At Wrenchboard.com", + } + ]; + const handleShowVideo = (e) => { e.preventDefault(); setVideoValue(!showVideo); @@ -41,84 +65,36 @@ function MissionStatement() { data-wow-duration="1500ms" data-grp-name="faq-accrodion" > -
openQuestion(e, 0)} - > -
-
-

Does Appie have dynamic content?

-
-
-
-

- Naff Oxford vagabond in my flat chinwag - blatant grub tomfoolery that I bits and bobs - up the cras boot. -

+ { + ourMissions.map((item) => ( +
openQuestion(e, item.id)} + > +
+
+

{item.title}

+
+
+
+

+ {item.content} +

+
+
+
-
-
-
-
openQuestion(e, 1)} - > -
-
-

Where do I usually find FAQs in a page?

-
-
-
-

- Naff Oxford vagabond in my flat chinwag - blatant grub tomfoolery that I bits and bobs - up the cras boot. -

-
-
-
-
-
openQuestion(e, 2)} - > -
-
-

Website & Mobile App Design

-
-
-
-

- Naff Oxford vagabond in my flat chinwag - blatant grub tomfoolery that I bits and bobs - up the cras boot. -

-
-
-
-
+ + )) + } +
diff --git a/src/components/Service/ServiceTopart.js b/src/components/Service/ServiceTopart.js new file mode 100644 index 0000000..5940a16 --- /dev/null +++ b/src/components/Service/ServiceTopart.js @@ -0,0 +1,50 @@ +import React from 'react'; +import thumb from '../../assets/images/service-page.jpg'; +import ServiceSideMenu from './ServiceSideMenu'; +import getConfig from './../../Config/config' + +function ServiceTopart() { + var site = getConfig()[0]; + + return ( + <> +
+
+
+
+ +
+
+
+
+

What we do.

+

+ An open-platform for you to build your self - image, skills set, branded personality, + carve a network and ofcourse an income flow with ease and satisfaction of self - actualization and accomplishments. +

+

+ A major task done by skilled professional with personal touch and completed within the twinkling of an eye in specified time-frame. +

+

+ WrenchBoard is the marketplace that connects independent talent + with businesses that requires your skill set and get paid. + We serve everyone from one - person startups to a powerful, + trust - driven platform that facilitates businesses and freelancers + to work concurrently in unique patterns that unlocks their potential. + Our platform provides a range of skills in categories including consulting, + finance & accounting, website & app development, creative & design, + customer support and operations. +

+ Learn more at < a href ={process.env.REACT_APP_DASH_URL_LOGIN} >WrenchBoard +

+
+
+
+
+
+
+ + ); +} + +export default ServiceTopart; diff --git a/src/components/Service/index.js b/src/components/Service/index.js index a97b30b..9705664 100644 --- a/src/components/Service/index.js +++ b/src/components/Service/index.js @@ -10,6 +10,7 @@ import HeaderService from './HeaderService'; import HeroService from './HeroService'; import HeroNews from '../News/HeroNews'; import MissionStatement from "./MissionStatement"; +import ServiceTopart from "./ServiceTopart"; function Service() { useEffect(() => { @@ -28,9 +29,9 @@ function Service() { { link: '/service', title: 'Service' }, ]} /> - {/**/} - - {/**/} + + + {/**/}