added dev link for wrench agent site

.env

@@ -17,3 +17,6 @@ REACT_APP_SUPPORT_PHONE='404 855-7966'
 REACT_APP_SUPPORT_PHONE_NG='(+420) 336 476 328'
 REACT_APP_SUPPORT_US_ADDRESS='Cumberland Pkwy, Atlanta GA 30339'
 REACT_APP_SUPPORT_NG_ADDRESS='Saka Tinubu Street, Victoria Island Lagos, Nigeria'
+
+#AGENT LINK
+REACT_APP_AGENT_LINK='https://dev-agents.wrenchboard.com'

.env.development

@@ -16,4 +16,7 @@ REACT_APP_SUPPORT_EMAIL='support@wrenchboard.com'
 REACT_APP_SUPPORT_PHONE='404 855-7966'
 REACT_APP_SUPPORT_PHONE_NG='(+420) 336 476 328'
 REACT_APP_SUPPORT_US_ADDRESS='Cumberland Pkwy, Atlanta GA 30339'
-REACT_APP_SUPPORT_NG_ADDRESS='Saka Tinubu Street, Victoria Island Lagos, Nigeria'
+REACT_APP_SUPPORT_NG_ADDRESS='Saka Tinubu Street, Victoria Island Lagos, Nigeria'
+
+#AGENT LINK
+REACT_APP_AGENT_LINK='https://dev-agents.wrenchboard.com'

.env.production

@@ -16,4 +16,7 @@ REACT_APP_SUPPORT_EMAIL='support@wrenchboard.com'
 REACT_APP_SUPPORT_PHONE='404 855-7966'
 REACT_APP_SUPPORT_PHONE_NG='(+420) 336 476 328'
 REACT_APP_SUPPORT_US_ADDRESS='Cumberland Pkwy, Atlanta GA 30339'
-REACT_APP_SUPPORT_NG_ADDRESS='Saka Tinubu Street, Victoria Island Lagos, Nigeria'
+REACT_APP_SUPPORT_NG_ADDRESS='Saka Tinubu Street, Victoria Island Lagos, Nigeria'
+
+#AGENT LINK
+REACT_APP_AGENT_LINK='https://agents.wrenchboard.com'

src/assets/css/main.css

@@ -8612,7 +8612,7 @@ LND PAGE STYLE STARTS HERE
 /* 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;
@@ -8622,6 +8622,6 @@ LND PAGE STYLE STARTS HERE
 
 .interface_section .owl-item.center .screen_frame_img img {
   transform: scale(1);
-  /* border: 3px solid #000; */
+  border: 3px solid #000;
   padding: 5px;
 }

src/components/HomeOne/FeaturedScreen.js

@@ -40,57 +40,37 @@ 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/new/slider-round-dash2-min.png')} alt="image" />
-                                {/* <LazyImage src={localImgLoad('images/slider/new/slider-round-dash2-min.png')} alt='slider-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/new/slider-round-dash-min.png')} alt="image" />
-                                {/* <LazyImage src={localImgLoad('images/slider/new/slider-round-dash-min.png')} alt='slider-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/new/slider-round-famcc-min.png')} alt="image" />
-                                {/* <LazyImage src={localImgLoad('images/slider/new/slider-round-famcc-min.png')} alt='slider-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/new/slider-round-famprofile-min.png')} alt="image" />
-                                {/* <LazyImage src={localImgLoad('images/slider/new/slider-round-famprofile-min.png')} alt='slider-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/new/slider-round-login-min.png')} alt="image" />
-                                {/* <LazyImage src={localImgLoad('images/slider/new/slider-round-login-min.png')} alt='slider-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_6.png')} alt="image" />
-                                <img src={localImgLoad('images/slider/new/slider-round-notification-min.png')} alt="image" />
-                                {/* <LazyImage src={localImgLoad('images/slider/new/slider-round-notification-min.png')} alt='slider-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/new/slider-round-s1-min.png')} alt="image" />
-                                {/* <LazyImage src={localImgLoad('images/slider/new/slider-round-s1-min.png')} alt='slider-image' /> */}
-                            </div>
-                        </div>
-                        <div className="item">
-                            <div className="screen_frame_img">
-                                <img src={localImgLoad('images/slider/new/slider-round-dash3_new-min.png')} alt="image" />
-                                {/* <LazyImage src={localImgLoad('images/slider/new/slider-round-dash3_new-min.png')} alt='slider-image' /> */}
                             </div>
                         </div>
                     </OwlCarousel>

src/components/HomeOne/FooterHomeOne.js

@@ -55,6 +55,9 @@ function FooterHomeOne({ className }) {
                                     <li>
                                         <a href="/use-cases">Use Cases</a>
                                     </li>
+                                    <li>
+                                        <a target='_blank' href={process.env.REACT_APP_AGENT_LINK}>Agent</a>
+                                    </li>
                                     <li>
                                         <Link to="/blog">Blog</Link>
                                     </li>