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"
                                 >
-                                    <div
-                                        className={`accrodion ${
-                                            showQuestion === 0 ? 'active' : ''
-                                        }`}
-                                        onClick={(e) => openQuestion(e, 0)}
-                                    >
-                                        <div className="accrodion-inner">
-                                            <div className="accrodion-title">
-                                                <h4>Does Appie have dynamic content?</h4>
-                                            </div>
-                                            <div
-                                                className="accrodion-content"
-                                                style={{
-                                                    display: showQuestion === 0 ? 'block' : 'none',
-                                                }}
-                                            >
-                                                <div className="inner">
-                                                    <p>
-                                                        Naff Oxford vagabond in my flat chinwag
-                                                        blatant grub tomfoolery that I bits and bobs
-                                                        up the cras boot.
-                                                    </p>
+                                    {
+                                         ourMissions.map((item) => (
+                                                <div
+                                                    className={`accrodion ${
+                                                        showQuestion === item.id ? 'active' : ''
+                                                    }`}
+                                                    onClick={(e) => openQuestion(e, item.id)}
+                                                >
+                                                    <div className="accrodion-inner">
+                                                        <div className="accrodion-title">
+                                                            <h4>{item.title}</h4>
+                                                        </div>
+                                                        <div
+                                                            className="accrodion-content"
+                                                            style={{
+                                                                display: showQuestion === item.id ? 'block' : 'none',
+                                                            }}
+                                                        >
+                                                            <div className="inner">
+                                                                <p>
+                                                                    {item.content}
+                                                                </p>
+                                                            </div>
+                                                        </div>
+                                                    </div>
                                                 </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div
-                                        className={`accrodion ${
-                                            showQuestion === 1 ? 'active' : ''
-                                        }`}
-                                        onClick={(e) => openQuestion(e, 1)}
-                                    >
-                                        <div className="accrodion-inner">
-                                            <div className="accrodion-title">
-                                                <h4>Where do I usually find FAQs in a page?</h4>
-                                            </div>
-                                            <div
-                                                className="accrodion-content"
-                                                style={{
-                                                    display: showQuestion === 1 ? 'block' : 'none',
-                                                }}
-                                            >
-                                                <div className="inner">
-                                                    <p>
-                                                        Naff Oxford vagabond in my flat chinwag
-                                                        blatant grub tomfoolery that I bits and bobs
-                                                        up the cras boot.
-                                                    </p>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div
-                                        className={`accrodion ${
-                                            showQuestion === 2 ? 'active' : ''
-                                        }`}
-                                        onClick={(e) => openQuestion(e, 2)}
-                                    >
-                                        <div className="accrodion-inner">
-                                            <div className="accrodion-title">
-                                                <h4>Website & Mobile App Design</h4>
-                                            </div>
-                                            <div
-                                                className="accrodion-content"
-                                                style={{
-                                                    display: showQuestion === 2 ? 'block' : 'none',
-                                                }}
-                                            >
-                                                <div className="inner">
-                                                    <p>
-                                                        Naff Oxford vagabond in my flat chinwag
-                                                        blatant grub tomfoolery that I bits and bobs
-                                                        up the cras boot.
-                                                    </p>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
+
+                                            ))
+                                    }
+
                                 </div>
                             </div>
                         </div>
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 (
+        <>
+            <section className="appie-service-details-area pt-100 pb-100">
+                <div className="container">
+                    <div className="row">
+                        <div className="col-lg-4">
+                            <ServiceSideMenu />
+                        </div>
+                        <div className="col-lg-8">
+                            <div className="service-details-content">
+                                <div className="content">
+                                    <h3 className="title">What we do.</h3>
+                                    <p>
+                                        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.
+                                    </p>
+                                    <p>
+                                        A major task done by skilled professional with personal touch and completed within the twinkling of an eye in specified time-frame.
+                                    </p>
+                                    <p>
+                                        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.
+                                        <hr />
+                                        Learn more at < a href ={process.env.REACT_APP_DASH_URL_LOGIN} >WrenchBoard</a>
+                                    </p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </section>
+        </>
+    );
+}
+
+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' },
                 ]}
             />
-            {/*<MissionStatement />*/}
-            <DetailsService />
-            {/*<ProjectHomeOne />*/}
+            <ServiceTopart />
+            <MissionStatement />
+            {/*<DetailsService />*/}
             <FooterHomeOne />
             <BackToTop />
         </>