small stuff

src/components/navbar.tsx

@@ -1,10 +1,15 @@
 import React from 'react'
+import {NavLink} from 'react-router-dom'
 import '../styles/navbar.css'
 
 export default function navbar() {
     return (
-        <div className="navbar">
-            <h1>My Portfolio</h1>
-        </div>
+        <nav className="navbar flex gap-4">
+            <NavLink to={"/"} className="navbar-left flex item-center gap-2">Home<Icon></Icon></NavLink>
+            <NavLink to={"/feed"} className="navbar-left">Feed</NavLink>
+            <NavLink to={"/record"} className="navbar-center">Record</NavLink>
+            <NavLink to={"/archive"} className="navbar-right">Find</NavLink>
+            <NavLink to={"/profile"} className="navbar-right">Profile</NavLink>
+        </nav>
     )
-}
+}