navbar ui improved

src/App.jsx

@@ -4,8 +4,6 @@ import Error from "./components/Error/Error";
 import SearchInput from "./components/Search/SearchInput";
 import Layout from "./components/Layout/Layout";
 import BGShape from "./components/BGShape";
-// import { Route, Routes } from "react-router-dom";
-// import NotFound from "./pages/404";
 
 
 function App() {
@@ -14,9 +12,6 @@ function App() {
   return (
 
     <>
-    {/* <Routes>
-    <Route errorElement={<NotFound></NotFound>} path='*'/>
-    </Routes> */}
       <Layout>
         <SearchInput
           search={search}

src/components/Header/Header.jsx

@@ -27,13 +27,13 @@ function Header({ notice }) {
   ]
 
   return (
-    <header className="p-4 bg-dark-secondary sticky top-0 z-50">
+    <header className="p-4 shadow-lg backdrop-blur-sm sticky top-0 z-50">
       <div className="w-full md:w-5/6 mx-auto flex flex-col md:flex-row justify-between items-center">
         {/* <h1 className="text-xl font-bold">
           GITHUB <span className="text-primary line-through">ERROR</span> SOLVE
         </h1> */}
         <Link to={'/'}>
-          <img src="/assets/logo.png" className="w-36" alt="GES" />
+          <img src="/assets/logo.png" className="w-36 bg-transparent" alt="GES" />
         </Link>
         <div className="flex mt-2 md:mt-0 items-center gap-7 text-sm">
 

src/data/Contributors.json

@@ -1,12 +1,12 @@
-
 [
-
-  { 
-    "twitter": ""
+  {
+    "name": "DevvSakib",
+    "github_username": "devvsakib",
+    "twitter_username": "devvsakib"
   },
-  { 
-    "twitter": ""
+  {
+    "name": "",
+    "github_username": "",
+    "twitter_username": ""
   }
-
-]  
-
+]

src/main.jsx

@@ -24,8 +24,9 @@ const router = createBrowserRouter(
       path: '/Contributors',
       element: <Contributors />
     },
-    {path: '*',
-    element: <NotFound />
+    {
+      path: '*',
+      element: <NotFound />
     }
 
   ]

src/pages/Contributors.jsx

@@ -1,9 +1,8 @@
 import React from 'react'
 import Contributors from '../components/Contributors/contributors.jsx'
 function Contribute() {
-  return (
-    <Contributors />  
-    )
+  return <Contributors />
+
 }
 
 export default Contribute