router working with navigation and links

src/nav/Nav.tsx

@@ -7,13 +7,14 @@ import "./nav.scss";
 import {motion} from "framer-motion";
 import {Link} from "../router/Link";
 
-export function Nav() {
+export default function Nav() {
     const [active, setActive] = useState(false);
 
     return <>
         <nav className="header">
-            <MenuButton active={active} setActive={setActive}/>
-            <Title/>
+          <MenuButton active={active} setActive={setActive}/>
+          <Title/>
+          <Link href="/about" className="nav-item">About</Link>
         </nav>
         <Menu active={active}/>
         <img className="wave" alt="wave" src={wave}/>
@@ -24,11 +25,11 @@ function MenuButton(props : { active: boolean, setActive: (_:boolean) => void })
     const {active, setActive} = props;
 
     return (
-      <div className="menu-btn click">
+      <div className="menu-btn">
           <button>
               <FontAwesomeIcon icon={faBars} onClick={function() {
                   setActive(!active);
-              }} />
+              }}/>
           </button>
       </div>
     );
@@ -36,7 +37,7 @@ function MenuButton(props : { active: boolean, setActive: (_:boolean) => void })
 
 function Title() {
    return (
-     <Link href="/" className="name click">
+     <Link href="/" className="name">
        <motion.h1>Tymur Arsentiev</motion.h1>
      </Link>
    );