.

src/components/HomeOne/ServicesHomeOne.js

@@ -1,12 +1,17 @@
-import React from 'react';
-import IconOne from '../../assets/images/icon/usericon.png';
-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 React from "react";
+import IconOne from "../../assets/images/icon/usericon.png";
+import IconTwo from "../../assets/images/icon/Findtaskicon.png";
+import IconThree from "../../assets/images/icon/taskicon.png";
+import IconFour from "../../assets/images/icon/walleticon.png";
 
 function ServiceItem({ icon, title, description, index }) {
   return (
-    <div className="appie-single-service text-center mt-30 wow animated fadeInUp" data-wow-duration="2000ms" data-wow-delay={`${200 * (index + 1)}ms`} style={{ cursor: "default" }}>
+    <div
+      className="appie-single-service text-center mt-30 wow animated fadeInUp"
+      data-wow-duration="2000ms"
+      data-wow-delay={`${200 * (index + 1)}ms`}
+      style={{ cursor: "default" }}
+    >
       <div className="icon">
         <img src={icon} alt={title} />
       </div>
@@ -17,39 +22,42 @@ function ServiceItem({ icon, title, description, index }) {
 }
 
 function ServicesHomeOne({ className }) {
-  const serviceTitle = ""
+  const serviceTitle = "";
   const serviceItems = [
     {
       icon: IconOne,
-      title: 'Free Account',
-      description: 'Join WrenchBoard. Create an account for Income.',
+      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.',
+      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.',
+      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.',
+      title: "Get Paid",
+      description:
+        "Start Boosting your Income by earning Cash for your Time and Skills.",
     },
   ];
 
   return (
-    <section className={`appie-service-area pt-90 pb-50 ${className}`} id="service">
+    <section
+      className={`appie-service-area pt-90 pb-50 ${className}`}
+      id="service"
+    >
       <div className="container">
         <div className="row justify-content-center">
           <div className="col-lg-8">
             <div className="appie-section-title text-center">
-              <h3 className="appie-title">
-                {serviceTitle}
-              </h3>
+              <h3 className="appie-title">{serviceTitle}</h3>
             </div>
           </div>
         </div>
@@ -70,4 +78,4 @@ function ServicesHomeOne({ className }) {
   );
 }
 
-export default ServicesHomeOne;
+export default ServicesHomeOne;