Fixed broken nav-Bar of missing header

src/component/Blog/Blog/Main.js

@@ -42,7 +42,6 @@ const Main = ({ brdcum, bgimg }) => {
       }
     }
   };
-  
 
   return (
     <>

src/component/Blog/BlogSingle/Main.js

@@ -16,7 +16,7 @@ const Main = ({ brdcum }) => {
   let api_call = new SiteService();
   useEffect(() => {
     getBlogData();
-  }, []);
+  }, [blogData]);
 
   const getBlogData = async () => {
     /* 
@@ -185,8 +185,7 @@ const Main = ({ brdcum }) => {
                       dangerouslySetInnerHTML={{
                         __html: item.post_content.substring(0, 100) + "  . . .",
                       }}></div>
-                    <a href={`/blogdetails/${item.id}`}>READ MORE</a>
-                    {/* <Link to={`/blogdetails/${item.id}`}>READ MORE</Link> */}
+                    <Link to={`/blogdetails/${item.id}`}>READ MORE</Link>
                   </div>
                 </div>
               </div>

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/HomeMain/Story/Main.js

@@ -1,64 +1,20 @@
-import React, { useEffect, useState } from "react";
-import { Link } from 'react-router-dom';
-// import story1 from '../../../assets/images/story01.png';
-// import story2 from '../../../assets/images/story02.png';
-// import story3 from '../../../assets/images/story03.png';
-import SiteService from "../../../vendors/service/siteService";
-
+import { Link } from 'react-router-dom'
+import React from 'react'
+import story1 from '../../../assets/images/story01.png'
+import story2 from '../../../assets/images/story02.png'
+import story3 from '../../../assets/images/story03.png'
 
 const Main = () => {
-    const [blogData, setBlogData] = useState([]);
-
-  let api = new SiteService();
-  useEffect(() => {
-    getBlogData();
-  }, []);
-
-  const getBlogData = async () => { 
-      try {
-        let res = await api.blogData();
-        setBlogData(res.data);
-       
-      } catch (error) {
-        console.log("Error from blog data ", error);
-      }    
-  };
-  
   return (
     <>
         <section className="row_am latest_story" id="blog">
             <div className="container">
                 <div className="section_title" data-aos="fade-in" data-aos-duration="1500" data-aos-delay="100">
                     <h2>Read latest <span>story</span></h2>
+                    <p>Lorem Ipsum is simply dummy text of the printing and typese tting <br/> indus orem Ipsum has beenthe standard dummy.</p>
                 </div>
                 <div className="row">
-                {blogData.slice(1, 4).map((item, index) => (
-              <div
-                className="col-md-4"
-                key={index}>
-                <div
-                  className="story_box"
-                  data-aos="fade-up"
-                  data-aos-duration="1500">
-                  <div className="story_img">
-                    <img
-                      src={item.meta_value}
-                      alt="image"
-                    />
-                    <span>{new Date(item.post_date).toDateString()}</span>
-                  </div>
-                  <div className="story_text">
-                    <h3>{item.post_title}</h3>
-                    <div
-                      dangerouslySetInnerHTML={{
-                        __html: item.post_content.substring(0, 100) + "  . . .",
-                      }}></div>
-                    <Link to={`/blogdetails/${item.id}`}>READ MORE</Link>
-                  </div>
-                </div>
-              </div>
-            ))}
-                    {/* <div className="col-md-4">
+                    <div className="col-md-4">
                         <div className="story_box" data-aos="fade-up" data-aos-duration="1500">
                             <div className="story_img">
                             <img src={story1} alt="image" />
@@ -97,7 +53,7 @@ const Main = () => {
                                 <Link to="/blog-single">READ MORE</Link>
                             </div>
                         </div>
-                    </div> */}
+                    </div>
                 </div>
             </div>
         </section> 

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="/blogdetails/: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} />}