feat: example tools

src/components/Navbar/index.tsx

@@ -4,14 +4,16 @@ import Toolbar from '@mui/material/Toolbar';
 import Typography from '@mui/material/Typography';
 import Button from '@mui/material/Button';
 import IconButton from '@mui/material/IconButton';
-import {Link} from 'react-router-dom';
+import {Link, useNavigate} from 'react-router-dom';
 import githubIcon from '../../assets/github-mark.png'; // Adjust the path to your GitHub icon
 
 const Navbar: React.FC = () => {
+  const navigate = useNavigate();
   return (
     <AppBar position="static" style={{backgroundColor: 'white', color: 'black'}}>
       <Toolbar>
-        <Typography fontSize={20} sx={{flexGrow: 1}}>OmniTools</Typography>
+        <Typography onClick={() => navigate('/')} fontSize={20}
+                    sx={{flexGrow: 1, cursor: 'pointer'}} color={'primary'}>OmniTools</Typography>
 
         <Button color="inherit">
           <Link to="/features" style={{textDecoration: 'none', color: 'inherit'}}>Features</Link>
@@ -21,7 +23,7 @@ const Navbar: React.FC = () => {
         </Button>
 
         <IconButton
-          color="inherit"
+          color="primary"
           href="https://github.com/iib0011/omni-tools"
           target="_blank"
           rel="noopener noreferrer"