MOdified Nav.css and Map added

Author: DevPro13

public/index.html

@@ -16,6 +16,6 @@
     <div id="root">
       <!-- Hello World!!-->
     </div>
-    
+    <script type='text/javascript' id='mapmyvisitors' src='https://mapmyvisitors.com/map.js?cl=c8f064&w=800&t=tt&d=ZquOC4ZbDB5R5cx5IUEn6PlrBWbXw0BBUxV_j_7Fg5w&co=231a1a&cmo=8340c9&cmn=231b96&ct=f0ede6'></script>
   </body>
 </html>

src/App.jsx

@@ -5,7 +5,7 @@ import About from "./About";
 import Projects from "./Projects";
 // import Blogs from "./Blogs";
 import Publication from "./Publication";
-// import VisitorMap from "./VisitorMap";
+import VisitorMap from "./VisitorMap";
 import CustomCursor from "./CustomCursor";
 export default function App() {
   return (
@@ -16,8 +16,8 @@ export default function App() {
       <About />
       <Projects />
       <Publication />
-      {/* <Blogs />
-      <VisitorMap /> */}
+      {/* <Blogs />*/}
+      <VisitorMap />
       <Footer />
     </>
   );}

src/Nav.jsx

@@ -2,8 +2,8 @@ import { useState, useEffect } from 'react';
 import './Navigation.css';
 
 export default function Nav() {
-  const [menuOpen, setMenuOpen] = useState(false);
-  const [activeSection, setActiveSection] = useState('home');
+const [menuOpen, setMenuOpen] = useState(false);
+const [activeSection, setActiveSection] = useState('home');
 
   // Close menu on resize to desktop
   useEffect(() => {
@@ -80,7 +80,6 @@ export default function Nav() {
           </li>
         ))}
       </ul>
-
       {/* Hamburger button */}
       <button
         className={`hamburger ${menuOpen ? 'open' : ''}`}

src/Navigation.css

@@ -169,4 +169,4 @@
   .hamburger {
     display: flex;
   }
-}
+}