diff --git a/src/component/Footer/Main.js b/src/component/Footer/Main.js
index 42efe1c..94d75b0 100644
--- a/src/component/Footer/Main.js
+++ b/src/component/Footer/Main.js
@@ -58,8 +58,8 @@ const Main = ({footer}) => {
                                 <ul>
                                 <li><Link to="/faq">FAQs</Link></li>
                                 <li><Link to="/#how_it_work">How it works</Link></li>
-                                <li><Link to="#">Terms & conditions</Link></li>
-                                <li><Link to="#">Privacy policy</Link></li>
+                                <li><Link to="/terms">Terms & conditions</Link></li>
+                                <li><Link to="/privacy">Privacy policy</Link></li>
                                 </ul>
                             </div>
                         </div>
@@ -142,8 +142,8 @@ const Main = ({footer}) => {
                                 <li><Link to="/faq">FAQs</Link></li>
                                 <li><Link to="#">Support</Link></li>
                                 <li><Link to="/#how_it_work">How it works</Link></li>
-                                <li><Link to="#">Terms & conditions</Link></li>
-                                <li><Link to="#">Privacy policy</Link></li>
+                                <li><Link to="/terms">Terms & conditions</Link></li>
+                                <li><Link to="/privacy">Privacy policy</Link></li>
                                 </ul>
                             </div>
                         </div>
@@ -226,8 +226,8 @@ const Main = ({footer}) => {
                             <li><Link to="/faq">FAQs</Link></li>
                             <li><Link to="#">Support</Link></li>
                             <li><Link to="/work">How it works</Link></li>
-                            <li><Link to="#">Terms & conditions</Link></li>
-                            <li><Link to="#">Privacy policy</Link></li>
+                            <li><Link to="/terms">Terms & conditions</Link></li>
+                            <li><Link to="/privacy">Privacy policy</Link></li>
                             </ul>
                         </div>
                     </div>
@@ -310,8 +310,8 @@ const Main = ({footer}) => {
                             <li><Link to="/faq">FAQs</Link></li>
                             <li><Link to="#">Support</Link></li>
                             <li><Link to="/work">How it works</Link></li>
-                            <li><Link to="#">Terms & conditions</Link></li>
-                            <li><Link to="#">Privacy policy</Link></li>
+                            <li><Link to="/terms">Terms & conditions</Link></li>
+                            <li><Link to="/privacy">Privacy policy</Link></li>
                             </ul>
                         </div>
                     </div>
@@ -395,8 +395,8 @@ const Main = ({footer}) => {
                                 <li><Link to="/faq">FAQs</Link></li>
                                 <li><Link to="#">Support</Link></li>
                                 <li><Link to="/work">How it works</Link></li>
-                                <li><Link to="#">Terms & conditions</Link></li>
-                                <li><Link to="#">Privacy policy</Link></li>
+                                <li><Link to="/terms">Terms & conditions</Link></li>
+                                <li><Link to="/privacy">Privacy policy</Link></li>
                                 </ul>
                             </div>
                         </div>
diff --git a/src/component/HomeMain/Work/Main.js b/src/component/HomeMain/Work/Main.js
index f1f97f3..14051b9 100644
--- a/src/component/HomeMain/Work/Main.js
+++ b/src/component/HomeMain/Work/Main.js
@@ -29,11 +29,10 @@ const Main = ({dark}) => {
                                 <div className="step_text" data-aos="fade-right" data-aos-duration="1500">
                                 <h4>Download app</h4>
                                 <div className="app_icon">
-                                    <Link to="#"><i className="icofont-brand-android-robot"></i></Link>
-                                    <Link to="#"><i className="icofont-brand-apple"></i></Link>
-                                    <Link to="#"><i className="icofont-brand-windows"></i></Link>
+                                    <Link to={process.env.REACT_APP_ANDROID_URL}><i className="icofont-brand-android-robot"></i></Link>
+                                    <Link to={process.env.REACT_APP_IOS_URL}><i className="icofont-brand-apple"></i></Link>
                                 </div>
-                                <p>Download App either for Windows, Mac or Android</p>
+                                <p>Download App either for Mac or Android</p>
                                 </div>
                                 <div className="step_number">
                                 <h3>01</h3>
@@ -102,63 +101,16 @@ const Main = ({dark}) => {
                             </div>
                         </span>
                         Let’s see virtually how it works
-                        <span>Watch video</span>
+                        <span>Watch video 1</span>
                         </Link>
                     </div>
                 </div> :
-                <div className="yt_video" data-aos="fade-in" data-aos-duration="1500">
-                    <div className="anim_line dark_bg">
-                    <span><img src={line} alt="anim_line" /></span>
-                        <span><img src={line} alt="anim_line" /></span>
-                        <span><img src={line} alt="anim_line" /></span>
-                        <span><img src={line} alt="anim_line" /></span>
-                        <span><img src={line} alt="anim_line" /></span>
-                        <span><img src={line} alt="anim_line" /></span>
-                        <span><img src={line} alt="anim_line" /></span>
-                        <span><img src={line} alt="anim_line" /></span>
-                        <span><img src={line} alt="anim_line" /></span>
-                        
-                    </div>
-                    <div className="thumbnil">
-                        <span className="banner_shape1"> <img src={banner} alt="image"/> </span>
-                        <span className="banner_shape2"> <img src={banner1} alt="image"/> </span>
-                        <span className="banner_shape3"> <img src={banner2} alt="image"/> </span>
-                        <img src={ytvideo} alt="image" />
-                        <Link to="#" className="popup-youtube play-button" data-url="#" onClick={() => setytShow(true)} data-toggle="modal" data-target="#myModal" title="XJj2PbenIsU">
-                        <span className="play_btn">
-                            <img src={video} alt="image" />
-                            <div className="waves-block">
-                            <div className="waves wave-1"></div>
-                            <div className="waves wave-2"></div>
-                            <div className="waves wave-3"></div>
-                            </div>
-                        </span>
-                        Let’s see virtually how it works
-                        <span>Watch video</span>
-                        </Link>
-                    </div>
-                </div>}
+            null}
             </div>
         </section>
         {ytShow &&
         <>
-        <div className="modal fade youtube-video show" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-modal="true" style={{paddingRight: "17px", display: "block"}}>
-            <div className="modal-dialog" role="document">
-                <div className="modal-content">
-                <button id="close-video" type="button" className="button btn btn-default text-right" data-dismiss="modal">
-                    <i className="icofont-close-line-circled" onClick={() => setytShow(false)}></i>
-                </button>
-                    <div className="modal-body">
-                        <div id="video-container" className="video-container">
-                            <iframe id="youtubevideo" src="https://www.youtube.com/embed/tgbNymZ7vqY?autoplay=1&amp;mute=1" width="640" height="360" frameborder="0" allowfullscreen=""></iframe>
-                        </div>        
-                    </div>
-                    <div className="modal-footer">
-                    </div>
-                </div> 
-            </div>
-        </div>
-        <div className="purple_backdrop"></div>
+  
         </>}
     </>
   )
diff --git a/src/component/Privacy/Main.js b/src/component/Privacy/Main.js
new file mode 100644
index 0000000..9b0c3ad
--- /dev/null
+++ b/src/component/Privacy/Main.js
@@ -0,0 +1,91 @@
+import React from 'react'
+import { Link } from 'react-router-dom'
+import Bredcrumb from '../Bredcrumb/Main'
+import BGImg from "../../assets/images/bread_crumb_bg.png"
+//import bb from '../../'
+import BGImg1 from "../../assets/images/bread_crumb_bg_one.png"
+import BGImg2 from "../../assets/images/bread_crumb_bg_two.png"
+
+const Main = ({brdcum}) => {
+    
+  return (
+    <>
+        
+     
+        <Bredcrumb 
+        no={1}
+        title="Privacy" 
+        tag="Privacy" 
+        bgimg={BGImg}/>
+
+
+        <section className="blog_detail_section">
+            <div className="container">
+                <div className="blog_inner_pannel">
+                 
+                    <div className="info">
+                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting in dustry lorem Ipsum has been the industrys standard dummy text ev er since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic Lorem Ipsum is simply dummy text of the printing and typesettingindustry lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived.</p>
+                        <p>Printing and typesetting in dustry lorem Ipsum has been the industrys standard dummy text ev er since the 1500s, when an unnown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic Lorem Ipsum is simply dummy text of the printing and typesettingindustry lorem Ipsum has been the industrys centuries, but also the leap into electronic.</p>
+                        <h3>Why we are best</h3>
+                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting in dustry lorem Ipsum has been the industrys standard dummy text ev er since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic.</p>
+                        <ul>
+                            <li><p> <span className="icon"><i className="icofont-check-circled"></i></span> Lorem Ipsum is simply dummy text of the printing and typesetting in </p></li>
+                            <li><p> <span className="icon"><i className="icofont-check-circled"></i></span> Dustry lorem Ipsum has been the industrys standard dummy text ev er since the when</p></li>
+                            <li><p> <span className="icon"><i className="icofont-check-circled"></i></span> Unknown printer took a galley of type and scrambled it to make.</p></li>
+                            <li><p> <span className="icon"><i className="icofont-check-circled"></i></span> Type specimen book. It has survived not only five centuries, but also the leap into electronic.</p></li>
+                            <li><p> <span className="icon"><i className="icofont-check-circled"></i></span> Lorem Ipsum is simply dummy text of the printing.</p></li>
+                            <li><p> <span className="icon"><i className="icofont-check-circled"></i></span> Dustry lorem Ipsum has been the industrys standard dummy text ev er since.</p></li>
+                            <li><p> <span className="icon"><i className="icofont-check-circled"></i></span> Unknown printer took a galley of type and scrambled it to make.</p></li>
+                            <li><p> <span className="icon"><i className="icofont-check-circled"></i></span> Type specimen book. It has survived not only.</p></li>
+                        </ul>
+                    </div>
+                    <div className="two_img">
+                        <div className="row">
+                            <div className="col-md-6">
+                            <img src="assets/images/blog_sub_01.png" alt="image" />
+                            </div>
+                            <div className="col-md-6">
+                            <img src="assets/images/blog_sub_02.png" alt="image" />
+                            </div>
+                        </div>
+                    </div>
+                    <div className="info">
+                        <h3>Why we are best</h3>
+                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting in dustry lorem Ipsum has been the industrys standard dummy text ev er since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic Lorem Ipsum is simply dummy text of the printing and typesettingindustry lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived.</p>
+                        </div>
+                        <div className="quote_block">
+                        <span className="q_icon"><img src="assets/images/quote_icon.png" alt="image" /></span>
+                        <h2>Lorem Ipsum is simply dummy text of the printing and typesetting in dustry lorem Ipsum has been the industrys standard dummy.</h2>
+                        <p><span className="name">Mr. John Doe,</span> Apper Inc</p>
+                        </div>
+                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting in dustry lorem Ipsum has been the industrys standard dummy text ev er since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic industry.</p>
+                    <div className="blog_authore">
+                        <div className="authore_info">
+                            <div className="avtar">
+                                <img src="assets/images/blog_d02.png" alt="image" />
+                            </div>
+                            <div className="text">
+                                <h3>Name of App</h3>
+                            </div>
+                        </div>
+                        <div className="social_media">
+                            <ul>
+                                <li><Link to="#"><i className="icofont-facebook"></i></Link></li>
+                                <li><Link to="#"><i className="icofont-twitter"></i></Link></li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div className="blog_tags">
+                        <ul>
+                        <li className="tags"><p>Updated:</p></li>
+                        <li><span>01-01-2023</span></li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+        </section>
+    </>
+  )
+}
+
+export default Main
\ No newline at end of file
diff --git a/src/component/Terms/Main.js b/src/component/Terms/Main.js
new file mode 100644
index 0000000..10a5c56
--- /dev/null
+++ b/src/component/Terms/Main.js
@@ -0,0 +1,91 @@
+import React from 'react'
+import { Link } from 'react-router-dom'
+import Bredcrumb from '../Bredcrumb/Main'
+import BGImg from "../../assets/images/bread_crumb_bg.png"
+//import bb from '../../'
+import BGImg1 from "../../assets/images/bread_crumb_bg_one.png"
+import BGImg2 from "../../assets/images/bread_crumb_bg_two.png"
+
+const Main = ({brdcum}) => {
+    
+  return (
+    <>
+        
+     
+        <Bredcrumb 
+        no={1}
+        title="Terms & Conditions" 
+        tag="Terms and conditions of use" 
+        bgimg={BGImg}/>
+
+
+        <section className="blog_detail_section">
+            <div className="container">
+                <div className="blog_inner_pannel">
+                 
+                    <div className="info">
+                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting in dustry lorem Ipsum has been the industrys standard dummy text ev er since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic Lorem Ipsum is simply dummy text of the printing and typesettingindustry lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived.</p>
+                        <p>Printing and typesetting in dustry lorem Ipsum has been the industrys standard dummy text ev er since the 1500s, when an unnown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic Lorem Ipsum is simply dummy text of the printing and typesettingindustry lorem Ipsum has been the industrys centuries, but also the leap into electronic.</p>
+                        <h3>Why we are best</h3>
+                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting in dustry lorem Ipsum has been the industrys standard dummy text ev er since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic.</p>
+                        <ul>
+                            <li><p> <span className="icon"><i className="icofont-check-circled"></i></span> Lorem Ipsum is simply dummy text of the printing and typesetting in </p></li>
+                            <li><p> <span className="icon"><i className="icofont-check-circled"></i></span> Dustry lorem Ipsum has been the industrys standard dummy text ev er since the when</p></li>
+                            <li><p> <span className="icon"><i className="icofont-check-circled"></i></span> Unknown printer took a galley of type and scrambled it to make.</p></li>
+                            <li><p> <span className="icon"><i className="icofont-check-circled"></i></span> Type specimen book. It has survived not only five centuries, but also the leap into electronic.</p></li>
+                            <li><p> <span className="icon"><i className="icofont-check-circled"></i></span> Lorem Ipsum is simply dummy text of the printing.</p></li>
+                            <li><p> <span className="icon"><i className="icofont-check-circled"></i></span> Dustry lorem Ipsum has been the industrys standard dummy text ev er since.</p></li>
+                            <li><p> <span className="icon"><i className="icofont-check-circled"></i></span> Unknown printer took a galley of type and scrambled it to make.</p></li>
+                            <li><p> <span className="icon"><i className="icofont-check-circled"></i></span> Type specimen book. It has survived not only.</p></li>
+                        </ul>
+                    </div>
+                    <div className="two_img">
+                        <div className="row">
+                            <div className="col-md-6">
+                            <img src="assets/images/blog_sub_01.png" alt="image" />
+                            </div>
+                            <div className="col-md-6">
+                            <img src="assets/images/blog_sub_02.png" alt="image" />
+                            </div>
+                        </div>
+                    </div>
+                    <div className="info">
+                        <h3>Why we are best</h3>
+                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting in dustry lorem Ipsum has been the industrys standard dummy text ev er since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic Lorem Ipsum is simply dummy text of the printing and typesettingindustry lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived.</p>
+                        </div>
+                        <div className="quote_block">
+                        <span className="q_icon"><img src="assets/images/quote_icon.png" alt="image" /></span>
+                        <h2>Lorem Ipsum is simply dummy text of the printing and typesetting in dustry lorem Ipsum has been the industrys standard dummy.</h2>
+                        <p><span className="name">Mr. John Doe,</span> Apper Inc</p>
+                        </div>
+                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting in dustry lorem Ipsum has been the industrys standard dummy text ev er since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic industry.</p>
+                    <div className="blog_authore">
+                        <div className="authore_info">
+                            <div className="avtar">
+                                <img src="assets/images/blog_d02.png" alt="image" />
+                            </div>
+                            <div className="text">
+                                <h3>Name of App</h3>
+                            </div>
+                        </div>
+                        <div className="social_media">
+                            <ul>
+                                <li><Link to="#"><i className="icofont-facebook"></i></Link></li>
+                                <li><Link to="#"><i className="icofont-twitter"></i></Link></li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div className="blog_tags">
+                        <ul>
+                        <li className="tags"><p>Updated:</p></li>
+                        <li><span>01-01-2023</span></li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+        </section>
+    </>
+  )
+}
+
+export default Main
\ No newline at end of file
diff --git a/src/routes/index.js b/src/routes/index.js
index 6ec25b6..862c9c5 100644
--- a/src/routes/index.js
+++ b/src/routes/index.js
@@ -19,6 +19,10 @@ import HomeVideo from '../component/HomeVideo/Main'
 import HomeVideoTwo from '../component/HomeVideoTwo/Main'
 
 
+import Terms from '../component/Terms/Main'
+import Privacy from '../component/Privacy/Main'
+
+
 const Routing = () => {
 
     const [homepage, sethomepage] = useState(false)
@@ -92,12 +96,16 @@ const Routing = () => {
                 <Route path="/pricing" element={< Pricing brdcum = {brdcum}/>} />
                 <Route path="/blog" element={< Blog brdcum = {brdcum}/>} />
                 <Route path="/blog-single" element={< BlogSingle brdcum = {brdcum}/>} />
+               
                 <Route path="/home-dark" element={< HomeDark setfooter = {setfooter} setnavbar = {setnavbar} setbrdcum = {setbrdcum}/>} />
                 <Route path="/home-wave" element={< HomeWave setfooter = {setfooter} setnavbar = {setnavbar} setbrdcum = {setbrdcum}/>} />
                 <Route path="/home-gredient" element={< HomeGredient setfooter = {setfooter} setnavbar = {setnavbar} setbrdcum = {setbrdcum}/>} />
                 <Route path="/home-video" element={< HomeVideo setfooter = {setfooter} setnavbar = {setnavbar} setbrdcum = {setbrdcum}/>} />
                 <Route path="/home-video2" element={< HomeVideoTwo setfooter = {setfooter} setnavbar = {setnavbar} setbrdcum = {setbrdcum}/>} />
 
+                <Route path="/terms" element={< Terms brdcum = {brdcum} />} />
+                <Route path="/privacy" element={< Privacy brdcum = {brdcum} />} />
+
             </Routes>
             {footerpage && <Footer footer = {footer}/>}
         </>