diff --git a/frontend/app/components/Navbar.jsx b/frontend/app/components/Navbar.jsx
new file mode 100644
index 0000000..42fa68b
--- /dev/null
+++ b/frontend/app/components/Navbar.jsx
@@ -0,0 +1,126 @@
+import React, { useState } from 'react';
+
+const Navbar = () => {
+ const [activeTooltip, setActiveTooltip] = useState(null);
+
+ const handleTooltip = (tooltipId) => {
+ setActiveTooltip(activeTooltip === tooltipId ? null : tooltipId);
+ };
+
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+};
+
+export default Navbar;
diff --git a/frontend/app/layout.jsx b/frontend/app/layout.jsx
index 5134ec8..962b7a0 100644
--- a/frontend/app/layout.jsx
+++ b/frontend/app/layout.jsx
@@ -4,6 +4,7 @@ import { WalletEntryPosition } from "@particle-network/auth";
import { Ethereum, EthereumGoerli } from "@particle-network/chains";
import { evmWallets } from "@particle-network/connect";
import "./globals.css";
+import Navbar from "./components/Navbar";
export default function RootLayout({ children }) {
return (
@@ -45,7 +46,9 @@ export default function RootLayout({ children }) {
"facebook",
]}
>
- {children}
+ {children}
+
+