feat: homepage

src/components/Navbar/index.tsx

@@ -1,4 +1,5 @@
 import { HamburgerMenuIcon, PersonIcon } from '@radix-ui/react-icons';
+import Link from 'next/link';
 import { theme } from '../../stitches.config';
 import { BlitzkriegWormWide } from '../BlitzkriegWormWide';
 import { Button } from './components/Button';
@@ -7,17 +8,21 @@ export default function Navbar() {
   return (
     <div
       style={{
+        width: '100%',
         display: 'flex',
         alignItems: 'center',
         justifyContent: 'space-between',
         color: theme.colors.textHighContrast,
         backgroundColor: theme.colors.appBackground2,
+        borderBottom: theme.borderStyles.nonInteractive,
       }}
     >
       <Button>
         <HamburgerMenuIcon />
       </Button>
-      <BlitzkriegWormWide />
+      <Link href="/" style={{ color: 'inherit' }}>
+        <BlitzkriegWormWide />
+      </Link>
       <Button>
         <PersonIcon />
       </Button>