optimization

src/components/HomeOne/ServicesHomeOne.js

@@ -1,8 +1,8 @@
-import React from 'react';
-import IconOne from '../../assets/images/icon/account_login.png';
-import IconTwo from '../../assets/images/icon/task.png';
-import IconThree from '../../assets/images/icon/target.png';
-import IconFour from '../../assets/images/icon/reward.png';
+import React from "react";
+import IconOne from "../../assets/images/icon/account_login.png";
+import IconTwo from "../../assets/images/icon/task.png";
+import IconThree from "../../assets/images/icon/target.png";
+import IconFour from "../../assets/images/icon/reward.png";
 
 function ServiceItem({ icon, title, description, index }) {
   return (
@@ -13,7 +13,7 @@ function ServiceItem({ icon, title, description, index }) {
       style={{ cursor: "default" }}
     >
       <div className="icon">
-        <img src={icon} alt={title} />
+        <img src={icon} alt={title} width={70} height={70} loading="lazy" />
       </div>
       <h4 className="appie-title">{title}</h4>
       <p>{description}</p>
@@ -26,28 +26,31 @@ function ServicesHomeOne({ className }) {
   const serviceItems = [
     {
       icon: IconOne,
-      title: 'Free Account',
-      description: 'Join WrenchBoard. Get your free account.',
+      title: "Free Account",
+      description: "Join WrenchBoard. Get your free account.",
     },
     {
       icon: IconTwo,
-      title: 'Set Goals',
-      description: 'Suggest or find what you want to get rewarded for.',
+      title: "Set Goals",
+      description: "Suggest or find what you want to get rewarded for.",
     },
     {
       icon: IconThree,
-      title: 'Complete',
-      description: 'Complete task, and notify assigner with ease.',
+      title: "Complete",
+      description: "Complete task, and notify assigner with ease.",
     },
     {
       icon: IconFour,
-      title: 'Reward',
-      description: 'Task completed. Find your reward.',
+      title: "Reward",
+      description: "Task completed. Find your reward.",
     },
   ];
 
   return (
-    <section className={`appie-service-area pt-10 pb-50 ${className}`} id="service">
+    <section
+      className={`appie-service-area pt-10 pb-50 ${className}`}
+      id="service"
+    >
       <div className="container">
         <div className="row justify-content-center">
           <div className="col-lg-8">