diff --git a/src/components/Layout.js b/src/components/Layout.js
index ecfa82c..d748d2a 100644
--- a/src/components/Layout.js
+++ b/src/components/Layout.js
@@ -1,3 +1,10 @@
+import NavBar from "./NavBar";
+
 export default function Layout({ children }) {
-	return <div className="h-screen bg-[#080808] text-white">{children}</div>;
+	return (
+		<div className="bg-[#080808] text-white">
+			<NavBar></NavBar>
+			<div className="h-screen">{children}</div>
+		</div>
+	);
 }
diff --git a/src/components/NavBar.js b/src/components/NavBar.js
new file mode 100644
index 0000000..5a81b3c
--- /dev/null
+++ b/src/components/NavBar.js
@@ -0,0 +1,25 @@
+import { Navbar, Text } from "@nextui-org/react";
+import { useSession } from "next-auth/react";
+
+export default function NavBar() {
+	const { data: session, status } = useSession();
+
+	return (
+		<Navbar isBordered variant={"static"}>
+			<Navbar.Brand>
+				<Text b color="inherit">
+					Imageify
+				</Text>
+			</Navbar.Brand>
+			<Navbar.Content>
+				{status === "authenticated" ? (
+					<p>signed in</p>
+				) : (
+					<Navbar.Link color="inherit" href="#">
+						Login
+					</Navbar.Link>
+				)}
+			</Navbar.Content>
+		</Navbar>
+	);
+}