broken navBar fixed

src/component/Footer/Main.js

@@ -100,7 +100,7 @@ const Main = ({ footer }) => {
                         <Link to="/faq">FAQs</Link>
                       </li>
                       <li>
-                        <Link to="/how_it_work">How it works</Link>
+                        <a href="#how_it_work">How it works</a>
                       </li>
                       <li>
                         <Link to="/terms">Terms & conditions</Link>
@@ -237,7 +237,7 @@ const Main = ({ footer }) => {
                         <Link to="/faq">FAQs</Link>
                       </li>
                       <li>
-                       <Link to="/how_it_work">How it works</Link>
+                         <a href="/how_it_work">How it works</a>
                       </li>
                       <li>
                         <Link to="/terms">Terms & conditions</Link>
@@ -367,7 +367,7 @@ const Main = ({ footer }) => {
                         <Link to="#">Support</Link>
                       </li>
                       <li>
-                        <Link to="/how_it_work">How it works</Link>
+                        <a href="/how_it_work">How it works</a>
                       </li>
                       <li>
                         <Link to="/terms">Terms & conditions</Link>
@@ -492,7 +492,7 @@ const Main = ({ footer }) => {
                         <Link to="#">Support</Link>
                       </li>
                       <li>
-                        <Link to="/how_it_work">How it works</Link>
+                        <a href="/how_it_work">How it works</a>
                       </li>
                       <li>
                         <Link to="/terms">Terms & conditions</Link>
@@ -624,7 +624,7 @@ const Main = ({ footer }) => {
                         <Link to="#">Support</Link>
                       </li>
                       <li>
-                        <Link to="/how_it_work">How it works</Link>
+                        <a href="/how_it_work">How it works</a>
                       </li>
                       <li>
                         <Link to="/terms">Terms & conditions</Link>

src/component/Home/Main.js

@@ -103,22 +103,6 @@ const Main = ({ setfooter, setnavbar, setbrdcum }) => {
                 </p>
               </div>
               <ul className="app_btn">
-                  <li>
-                      <a href={process.env.REACT_APP_ANDROID_URL}>
-                        <img src={blueapp} alt="image" />
-                        <img className="white_img" src={whiteapp} alt="image" />
-                      </a>
-                  </li>
-                  <li>
-                      <a href={process.env.REACT_APP_IOS_URL}>
-                        <img src={blue} alt="image" />
-                        <img className="white_img" src={white} alt="image" />
-                      </a>
-                  </li>
-              </ul>
-
-
-              {/* <ul className="app_btn">
                 <li>
                   <Link to="https://play.google.com/store/apps/details?id=com.mermsemr.myfit">
                     <img className="blue_img" src={blueapp} alt="image" />
@@ -131,9 +115,7 @@ const Main = ({ setfooter, setnavbar, setbrdcum }) => {
                     <img className="white_img" src={white} alt="image" />
                   </Link>
                 </li>
-              </ul> */}
-
-
+              </ul>
             </div>
             <div
               className="col-lg-6 col-md-12"

src/component/Navbar/Main.js

@@ -134,7 +134,7 @@ const Main = ({navbar}) => {
                                 <Link smooth to="/#features" className="nav-link">Features</Link>
                             </li>
                             <li className="nav-item">
-                                <Link smooth to="#how_it_work" className="nav-link">How it works</Link>
+                                <Link smooth to="/#how_it_work" className="nav-link">How it works</Link>
                             </li>
                             <li className="nav-item" >
                                 <Link to="/blog" className="nav-link">Blog</Link>

src/routes/index.js

@@ -3,7 +3,6 @@ import { Route, Routes, useLocation } from "react-router-dom";
 import Navbar from "../component/Navbar/Main";
 import Footer from "../component/Footer/Main";
 import Home from "../component/Home/Main";
-import Work from "../component/HomeMain/Work/Main"
 import AboutUs from "../component/AboutUs/Main";
 import Review from "../component/Pages/Review/Main";
 import Contact from "../component/Contact/Main";
@@ -89,7 +88,6 @@ const Routing = () => {
         <Route path="/blog-single/:id" element={<BlogSingle brdcum={brdcum} />} />
         <Route path="/terms" element={<Terms brdcum={brdcum} />} />
         <Route path="/privacy" element={<Privacy brdcum={brdcum} />} />
-        <Route path="/how_it_work" element={<Work brdcum={brdcum} />} />
 
       </Routes>
       {footerpage && <Footer footer={footer} />}