added images into phone frame

src/components/HomeOne/FeaturedScreen.js

@@ -59,25 +59,25 @@ export default function FeaturedScreen() {
                         <div className="item">
                             <div className="screen_frame_img">
                                 {/* <img src={localImgLoad('images/slider/slider_4.png')} alt="image" /> */}
-                                <img src={localImgLoad('images/slider/app_sliders/screen_6.jpg')} alt="image" />
+                                <img src={localImgLoad('images/slider/app_sliders/screen_6.png')} alt="image" />
                             </div>
                         </div>
                         <div className="item">
                             <div className="screen_frame_img">
                                 {/* <img src={localImgLoad('images/slider/slider_5.png')} alt="image" /> */}
-                                <img src={localImgLoad('images/slider/app_sliders/screen_4.jpg')} alt="image" />
+                                <img src={localImgLoad('images/slider/app_sliders/screen_4.png')} alt="image" />
                             </div>
                         </div>
                         <div className="item">
                             <div className="screen_frame_img">
                                 {/* <img src={localImgLoad('images/slider/slider_7.png')} alt="image" /> */}
-                                <img src={localImgLoad('images/slider/app_sliders/screen_7.jpg')} alt="image" />
+                                <img src={localImgLoad('images/slider/app_sliders/screen_7.png')} alt="image" />
                             </div>
                         </div>
                         <div className="item">
                             <div className="screen_frame_img">
                                 {/* <img src={localImgLoad('images/slider/slider_7.png')} alt="image" /> */}
-                                <img src={localImgLoad('images/slider/app_sliders/screen_5.jpg')} alt="image" />
+                                <img src={localImgLoad('images/slider/app_sliders/screen_5.png')} alt="image" />
                             </div>
                         </div>
                     </OwlCarousel>

src/components/HomeOne/HeroHomeOne.js

@@ -13,9 +13,9 @@ import CustomSlider from '../customSlider/CustomSlider';
 // import SliderTwo from '../../assets/images/home/app-slide-home-1.png'
 // import SliderThree from '../../assets/images/home/app-slide-home-2.png'
 
-import SliderOne from '../../assets/images/home/top_sliders/QR_code_screen_v1.png'
+import SliderOne from '../../assets/images/home/top_sliders/slide_1.png'
-import SliderTwo from '../../assets/images/home/top_sliders/Welcome.png'
+import SliderTwo from '../../assets/images/home/top_sliders/slide_2.png'
-import SliderThree from '../../assets/images/home/top_sliders/earn_rewards.png'
+import SliderThree from '../../assets/images/home/top_sliders/slide_3.png'
 
 
 function HeroHomeOne() {