src/components/HomeOne/HeroHomeOne.js

@@ -8,10 +8,18 @@ import shapeThree from '../../assets/images/shape/shape-3.png';
 import shapeFour from '../../assets/images/shape/shape-4.png';
 import getConfig from './../../Config/config'
 import CustomSlider from '../customSlider/CustomSlider';
+import SliderOne from '../../assets/images/home/app-slide-home-0.png'
+import SliderTwo from '../../assets/images/home/app-slide-home-1.png'
+import SliderThree from '../../assets/images/home/app-slide-home-2.png'
 
 
 function HeroHomeOne() {
   var site = getConfig()[0];
+
+  const sliders = [
+    SliderOne, SliderTwo, SliderThree
+  ]
+
   return (
     <>
       <section className="appie-hero-area">
@@ -54,7 +62,8 @@ function HeroHomeOne() {
                   {/* <img src={heroThumbOne} alt="WrenchBoard" /> */}
                   <div style={{ width: '350px', margin: 'auto' }}>
                     <CustomSlider
-                      images={[heroThumbOne, heroThumbOne1, heroThumbOne]}
+                      // images={[heroThumbOne, heroThumbOne1, heroThumbOne]}
+                      images={sliders}
                       speed='5'
                       indicatorColor='#333'
                     />