Add Divyaranjan Sahoo to Before I Die

CONTRIBUTORS.md

@@ -852,5 +852,17 @@
   </a>
 </td>
 <!-- End of column-3 -->
-  </tr>
+<!-- Start of column-4 -->
+<td align="center">
+  <a href="https://github.com/DivInstance">
+    <img
+      src="https://github.com/DivInstance.png"
+      width="100px"
+    />
+    <br />
+    <sub>Divyaranjan Sahoo</sub>
+  </a>
+</td>
+<!-- End of column-4 -->
+</tr>
 </table>

src/Components/Nav/Nav.jsx

@@ -2,17 +2,41 @@
 
 import styles from './Nav.module.css';
 import Button from '../Elements/Button/Button';
+import { Link, useLocation } from 'react-router-dom';
 
 const Nav = () => {
+  const location = useLocation();
+
+  const navItems = [
+    { path: '/', label: 'Home' },
+    { path: '/Contributors', label: 'Contributors' },
+    { path: '/contributors-map', label: 'Map' }
+  ];
 
   return (
     <nav className={`${styles.nav} flex align-items-center`}>
 
-      <img
-        src="./img/Logo.gif"
-        alt="Before I Die Logo"
-        className={styles.imgfluid}
-      />
+      <Link to="/" className={styles['logo-link']}>
+        <img
+          src="./img/Logo.gif"
+          alt="Before I Die Logo"
+          className={styles.imgfluid}
+        />
+      </Link>
+
+      <div className={`${styles['navbar-nav']} flex align-items-center`}>
+        {navItems.map((item) => (
+          <Link
+            key={item.path}
+            to={item.path}
+            className={`${styles['nav-item']} ${
+              location.pathname === item.path ? styles.active : ''
+            }`}
+          >
+            {item.label}
+          </Link>
+        ))}
+      </div>
 
       <div className={styles['navbar-buttons']}>
 
@@ -22,6 +46,7 @@ const Nav = () => {
             href="https://github.com/BeforeIDieCode/BeforeIDieAchievements"
             className={styles['github-link']}
             target="_blank"
+            rel="noopener noreferrer"
           >
 
             <img

src/Components/Nav/Nav.module.css

@@ -1,6 +1,7 @@
 .nav {
   padding: 40px 40px 0 40px;
   z-index: 2;
+  justify-content: space-between;
 }
 
 @media (max-width: 769px) {
@@ -41,6 +42,17 @@
 
 .nav-item {
   color: var(--dark-600);
+  text-decoration: none;
+  font-size: 1.1rem;
+  font-weight: 500;
+  padding: 8px 16px;
+  border-radius: 8px;
+  transition: all 0.3s ease;
+}
+
+.nav-item:hover {
+  color: var(--green-400);
+  background-color: rgba(0, 109, 255, 0.1);
 }
 
 .nav-item.active {
@@ -65,10 +77,13 @@
 }
 
 .navbar-buttons {
-  margin-left: auto;
   column-gap: 20px;
 }
 
+.logo-link {
+  text-decoration: none;
+}
+
 .navbar-responsive-menu {
   display: none !important;
 }

src/Jsons/Contributors.json

@@ -628,5 +628,14 @@
     "location": "Kaduna, Nigeria 🇳🇬",
     "GitHub": "https://github.com/Luwa-Tech",
     "text": "I want to contribute massively to my nation. For my friends, family, and future generations. I want to acheive my dreams."
+  },
+  {
+    "id": "Divyaranjan Sahoo",
+    "image": "img/bid_image/Divyaranjan.jpg",
+    "avatar": "img/avatar/Divyaranjan.jpg",
+    "name": "Divyaranjan Sahoo",
+    "location": "Odisha, India 🇮🇳",
+    "GitHub": "https://github.com/DivInstance",
+    "text": "I want to be an Ethical hacker before I die."
   }
 ]

src/pages/Contributors.jsx

@@ -2,10 +2,12 @@ import React from 'react';
 import contributors from '../Jsons/Contributors.json'; 
 import ContributorsGrid from '../Components/ContributorsGrid/ContributorsGrid';
 import Footer from '../Components/Footer/Footer';
+import Nav from '../Components/Nav/Nav';
 
 const Contributors = () => {
   return (
     <div>
+     <Nav />
      <ContributorsGrid contributors={contributors}/>
      <Footer/>
     </div>

src/pages/LocationContributorsMap.jsx

@@ -1,11 +1,12 @@
 import React from 'react';
 import MapContributors from '../Components/MapContributors/MapContributors';
 import Footer from '../Components/Footer/Footer';
-
+import Nav from '../Components/Nav/Nav';
 
 const LocationContributorsMap = () => {
   return (
     <div>
+     <Nav />
      <MapContributors/>
      <Footer/>
     </div>