diff --git a/src/components/Navbar/index.tsx b/src/components/Navbar/index.tsx
index eafee4a4b..442d2ef79 100644
--- a/src/components/Navbar/index.tsx
+++ b/src/components/Navbar/index.tsx
@@ -3,8 +3,15 @@ import {
HamburgerMenuIcon,
MagnifyingGlassIcon,
} from '@radix-ui/react-icons';
-import { Flex, IconButton, Popover } from '@radix-ui/themes';
+import {
+ Flex,
+ Heading,
+ IconButton,
+ Link as LinkRadix,
+ Popover,
+} from '@radix-ui/themes';
import Link from 'next/link';
+import { TOOLS } from '../../constants/tools';
import { useFullScreen } from '../../hooks/useFullScreen';
import { useWideFormat } from '../../hooks/useWideFormat';
import { BlitzkriegWormWide } from '../../icons/BlitzkriegWormWide';
@@ -77,7 +84,36 @@ export default function Navbar() {
-
+
+
+ Tools
+
+
+ {TOOLS.map((tool, index) => {
+ if (tool.href || tool.disabled) return null;
+
+ return (
+ event.preventDefault()}
+ >
+
+ {tool.title}
+
+
+ );
+ })}
+
+
+