diff --git a/src/assets/css/main.css b/src/assets/css/main.css
index a0c32d1..09906f4 100755
--- a/src/assets/css/main.css
+++ b/src/assets/css/main.css
@@ -8381,7 +8381,7 @@ blockquote cite {
 /* interface images */
 .interface_section .owl-item .screen_frame_img img {
   transform: scale(.9);
-  border: 2px solid #000;
+  /* border: 2px solid #000; */
   border-radius: 20px;
   transition: 1s all;
   margin: 0 auto;
@@ -8391,6 +8391,6 @@ blockquote cite {
 
 .interface_section .owl-item.center .screen_frame_img img {
   transform: scale(1);
-  border: 3px solid #000;
-  padding: 5px;
+  /* border: 3px solid #000;
+  padding: 5px; */
 }
\ No newline at end of file
diff --git a/src/assets/images/slider/app_sliders/screen_1.png b/src/assets/images/slider/app_sliders/screen_1.png
new file mode 100644
index 0000000..e10fb13
Binary files /dev/null and b/src/assets/images/slider/app_sliders/screen_1.png differ
diff --git a/src/assets/images/slider/app_sliders/screen_2.png b/src/assets/images/slider/app_sliders/screen_2.png
new file mode 100644
index 0000000..e47e1ad
Binary files /dev/null and b/src/assets/images/slider/app_sliders/screen_2.png differ
diff --git a/src/assets/images/slider/app_sliders/screen_3.png b/src/assets/images/slider/app_sliders/screen_3.png
new file mode 100644
index 0000000..68fe75d
Binary files /dev/null and b/src/assets/images/slider/app_sliders/screen_3.png differ
diff --git a/src/assets/images/slider/app_sliders/screen_4.png b/src/assets/images/slider/app_sliders/screen_4.png
new file mode 100644
index 0000000..d80349f
Binary files /dev/null and b/src/assets/images/slider/app_sliders/screen_4.png differ
diff --git a/src/assets/images/slider/app_sliders/screen_5.png b/src/assets/images/slider/app_sliders/screen_5.png
new file mode 100644
index 0000000..95ec99e
Binary files /dev/null and b/src/assets/images/slider/app_sliders/screen_5.png differ
diff --git a/src/assets/images/slider/app_sliders/screen_6.png b/src/assets/images/slider/app_sliders/screen_6.png
new file mode 100644
index 0000000..e51aa87
Binary files /dev/null and b/src/assets/images/slider/app_sliders/screen_6.png differ
diff --git a/src/assets/images/slider/app_sliders/screen_7.png b/src/assets/images/slider/app_sliders/screen_7.png
new file mode 100644
index 0000000..90fd51d
Binary files /dev/null and b/src/assets/images/slider/app_sliders/screen_7.png differ
diff --git a/src/components/HomeOne/CurrentJobsHero.js b/src/components/HomeOne/CurrentJobsHero.js
index 51aaf0d..4555737 100644
--- a/src/components/HomeOne/CurrentJobsHero.js
+++ b/src/components/HomeOne/CurrentJobsHero.js
@@ -84,7 +84,7 @@ let CurrentJobsHero = () => {
                                             {/*</div>*/}
                                             <div className='lmoreTxt d-flex justify-content-between align-items-center'>
                                                 <p className='text-danger' style={{fontSize: '12px'}}>{hourRemaining > 24 ? `available in the next ${hourRemaining%24} ${hourRemaining%24 > 1 ? 'days':'day'}` : `available in the next 12hrs 30mins`}</p>
-                                                <a href={dashUrl} className=''>
+                                                <a href={process.env.REACT_APP_DASH_URL_LOGIN} className=''>
                                                     Learn More <i className="fal fa-arrow-right" />
                                                 </a>
                                             </div>
@@ -114,7 +114,7 @@ let CurrentJobsHero = () => {
                                         Find more opportunities at our marketplace.
                                     </a>
                                 </h3>
-                                <a className='align-self-end' href="https://users.wrenchboard.com/login">
+                                <a className='align-self-end' href="https://dashboard.wrenchboard.com/login">
                                     Login now <i className="fal fa-arrow-right" />
                                 </a>
                             </div>
diff --git a/src/components/HomeOne/FeaturedScreen.js b/src/components/HomeOne/FeaturedScreen.js
index ba182d8..df1b556 100644
--- a/src/components/HomeOne/FeaturedScreen.js
+++ b/src/components/HomeOne/FeaturedScreen.js
@@ -39,37 +39,44 @@ export default function FeaturedScreen() {
                     <OwlCarousel id="screen_slider" {...screen_slider} className="owl-carousel owl-theme owl-loaded owl-drag">
                         <div className="item">
                             <div className="screen_frame_img">
-                                <img src={localImgLoad('images/slider/slider_1.png')} alt="image" />
+                                {/* <img src={localImgLoad('images/slider/slider_1.png')} alt="image" /> */}
+                                <img src={localImgLoad('images/slider/app_sliders/screen_1.png')} alt="image" />
                             </div>
                         </div>
                         <div className="item">
                             <div className="screen_frame_img">
-                                <img src={localImgLoad('images/slider/slider_2.png')} alt="image" />
+                                {/* <img src={localImgLoad('images/slider/slider_2.png')} alt="image" /> */}
+                                <img src={localImgLoad('images/slider/app_sliders/screen_2.png')} alt="image" />
                             </div>
                         </div>
                         <div className="item">
                             <div className="screen_frame_img">
-                                <img src={localImgLoad('images/slider/slider_3.png')} alt="image" />
+                                {/* <img src={localImgLoad('images/slider/slider_3.png')} alt="image" /> */}
+                                <img src={localImgLoad('images/slider/app_sliders/screen_3.png')} alt="image" />
                             </div>
                         </div>
                         <div className="item">
                             <div className="screen_frame_img">
-                                <img src={localImgLoad('images/slider/slider_4.png')} alt="image" />
+                                {/* <img src={localImgLoad('images/slider/slider_4.png')} 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/slider_5.png')} 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_6.png')} alt="image" />
+                                {/* <img src={localImgLoad('images/slider/slider_7.png')} 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/slider_7.png')} alt="image" /> */}
+                                <img src={localImgLoad('images/slider/app_sliders/screen_5.png')} alt="image" />
                             </div>
                         </div>
                     </OwlCarousel>
diff --git a/src/components/HomeOne/RecentJobsOne.js b/src/components/HomeOne/RecentJobsOne.js
index 77c0c63..c128816 100644
--- a/src/components/HomeOne/RecentJobsOne.js
+++ b/src/components/HomeOne/RecentJobsOne.js
@@ -60,49 +60,50 @@ titleLen(title){
                         <div className="row">
 
                             {
-                                this.state.jobsDataResults.map(i => {
+                                this.state.jobsDataResults.map((i, index) => {
                                     var options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };
                                     var postDt  = new Date(i.expire).toLocaleDateString("en-US", options); 
-
-                                    return (<div className="col-md-6 col-xl-3">
-                                        <div
-                                            className="appie-single-service container-fluid mt-30 wow animated fadeInUp boxBorder d-flex align-items-center"
-                                            data-wow-duration="3000ms"
-                                            data-wow-delay="200ms"
-                                        >
-                                            <div className="content d-flex flex-column justify-content-between" style={{height: '200px', width: '100%'}}>
-                                                <div className="titleBox">
-                                                    <h3 className="title">
-                                                        <a href={dashUrl}>
-                                                        <span className='font_black'>{this.titleLen(i.title)} </span>   
-                                                        </a>
-                                                    </h3>
-                                                </div>
-                                                <div className='p-0 container-fluid'>
-                                                    <div><hr /></div>
-                                                    <div className="blog-meta">
-                                                        <ul>
-                                                            <li className="expire">
-                                                                <a href={dashUrl} className='d-block'>
-                                                                    <div className='font_red d-flex align-items-start'> 
-                                                                        <div className='pr-2'>Expires :</div>
-                                                                        <CountDownTimer targetDate={postDt}/>
-                                                                    </div>
-                                                                </a>
-                                                            </li>
-                                                        </ul>
+                                    if(index < 24){
+                                        return (
+                                        <div className="col-md-6 col-xl-3">
+                                            <div
+                                                className="appie-single-service container-fluid mt-30 wow animated fadeInUp boxBorder d-flex align-items-center"
+                                                data-wow-duration="3000ms"
+                                                data-wow-delay="200ms"
+                                            >
+                                                <div className="content d-flex flex-column justify-content-between" style={{height: '200px', width: '100%'}}>
+                                                    <div className="titleBox">
+                                                        <h3 className="title">
+                                                            <a href={dashUrl}>
+                                                            <span className='font_black'>{this.titleLen(i.title)} </span>   
+                                                            </a>
+                                                        </h3>
                                                     </div>
-                                                    <div className='lmoreTxt d-flex justify-content-end align-items-center'>
-                                                        <a href={dashUrl}>
-                                                        Learn More <i className="fal fa-arrow-right" />
-                                                    </a>                                                
+                                                    <div className='p-0 container-fluid'>
+                                                        <div><hr /></div>
+                                                        <div className="blog-meta">
+                                                            <ul>
+                                                                <li className="expire">
+                                                                    <a href={dashUrl} className='d-block'>
+                                                                        <div className='font_red d-flex align-items-start'> 
+                                                                            <div className='pr-2'>Expires :</div>
+                                                                            <CountDownTimer targetDate={postDt}/>
+                                                                        </div>
+                                                                    </a>
+                                                                </li>
+                                                            </ul>
+                                                        </div>
+                                                        <div className='lmoreTxt d-flex justify-content-end align-items-center'>
+                                                            <a href={process.env.REACT_APP_DASH_URL_LOGIN}>
+                                                            Learn More <i className="fal fa-arrow-right" />
+                                                        </a>                                                
+                                                        </div>
                                                     </div>
                                                 </div>
                                             </div>
                                         </div>
-
-                                    </div>)
-
+                                        )
+                                    }
 
                                 })
                             }