From 7295516ccae7480713c187ffa259c1545f984944 Mon Sep 17 00:00:00 2001
From: victorAnumudu <anumuduchukwuebuka@gmail.com>
Date: Tue, 30 Jul 2024 09:32:29 +0100
Subject: [PATCH] more sections added

---
 app/components/HomeOne.js        |  7 ++++---
 app/components/TrafficHomeOne.js | 16 +++++++++++++---
 app/components/TrafficHomeTwo.js |  7 +++++--
 3 files changed, 22 insertions(+), 8 deletions(-)

diff --git a/app/components/HomeOne.js b/app/components/HomeOne.js
index cc4e34a..6b225a0 100644
--- a/app/components/HomeOne.js
+++ b/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 />
-
         </>
     );
 }
diff --git a/app/components/TrafficHomeOne.js b/app/components/TrafficHomeOne.js
index fd7a992..84a8aea 100644
--- a/app/components/TrafficHomeOne.js
+++ b/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>
     );
diff --git a/app/components/TrafficHomeTwo.js b/app/components/TrafficHomeTwo.js
index 5cea27d..2305359 100644
--- a/app/components/TrafficHomeTwo.js
+++ b/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}