more sections added

app/components/HomeOne.js

@@ -8,8 +8,8 @@ import FooterHomeOne from './FooterHomeOne';
 import HeroHomeOne from './HeroHomeOne';
 // import HomeOneHeader from './HomeOneHeader';
 import ServicesHomeOne from './ServicesHomeOne';
-// import TrafficHomeOne from './TrafficHomeOne';
-// import TrafficHomeTwo from './TrafficHomeTwo';
+import TrafficHomeOne from './TrafficHomeOne';
+import TrafficHomeTwo from './TrafficHomeTwo';
 //import FeaturedScreen from './FeaturedScreen'; 
 import AfterHero from './AfterHero';
 import NextAfterHero from './NextAfterHero';
@@ -29,8 +29,9 @@ function HomeOne() {
            <AfterHero />
            <NextAfterHero />
            <ServicesHomeOne />
+           <TrafficHomeOne />
+           <TrafficHomeTwo />
            <FooterHomeOne />
-
         </>
     );
 }

app/components/NextAfterHero.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import serviceThumb from '../assets/images/service-thumb-1.png';
+import Image from 'next/image';
 
 function NextAfterHero() {
     return (
@@ -111,7 +112,7 @@ function NextAfterHero() {
                         </div>
                         <div className="col-lg-5">
                             <div className="service-thumb">
-                                <img src={serviceThumb} alt="" />
+                                <Image src={serviceThumb} alt="" />
                             </div>
                         </div>
                     </div>

app/components/TrafficHomeOne.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import thumb from '../../assets/images/home-app-page.png';
+import Image from 'next/image';
+import thumb from '../assets/images/home-app-page.png';
 
 function TrafficHomeTwo() {
     return (
@@ -63,13 +64,22 @@ function TrafficHomeTwo() {
                 </div>
             </div>
             <div className="traffic-thumb ">
-                <img
+                {/* <img
                     className="wow animated fadeInRight"
                     data-wow-duration="2000ms"
                     data-wow-delay="200ms"
                     src={thumb}
                     alt=""
-                />
+                /> */}
+                <Image
+                    src={thumb}
+                    width={'100%'}
+                    height={'100%'}
+                    alt="Image"
+                    className="wow animated fadeInRight"
+                    data-wow-duration="2000ms"
+                    data-wow-delay="200ms"
+                  />
             </div>
         </section>
     );

app/components/TrafficHomeTwo.js

@@ -1,6 +1,7 @@
 import React from "react";
-import thumb from "../../assets/images/PerformingTask2.jpg";
+import thumb from "../assets/images/PerformingTask2.jpg";
 import getConfig from "./../../Config/config";
+import Image from "next/image";
 
 function TrafficHomeOne() {
   return (
@@ -37,8 +38,10 @@ function TrafficHomeOne() {
                 className="withFadeEdge position-absolute bg-transparent w-100 h-100"
                 style={{ zIndex: "1" }}
               ></div>
-              <img
+              <Image
                 className="position-relative wow animated fadeInRight p-1"
+                width={'100%'}
+                height={'100%'}
                 data-wow-duration="2000ms"
                 data-wow-delay="200ms"
                 src={thumb}