diff --git a/src/app/landing/page.tsx b/src/app/landing/page.tsx
index 49c9cd8..604a8de 100644
--- a/src/app/landing/page.tsx
+++ b/src/app/landing/page.tsx
@@ -1,11 +1,7 @@
 "use client";
+
 import React from "react";
-import { UnsignedNav } from "@/components/navigationBar/unSigned";
 
 export default function Page() {
-  return (
-    <div>
-      <UnsignedNav />
-    </div>
-  );
+  return <div>hello</div>;
 }
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index d77651a..9bb501e 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -3,6 +3,8 @@ import { Montserrat } from "next/font/google";
 import { ThemeProvider } from "@/components/theme-provider";
 import "@/app/globals.css";
 
+import { UnsignedNav } from "@/components/navigationBar/unSigned";
+
 const montserrat = Montserrat({
   subsets: ["latin"],
   display: "swap",
@@ -23,10 +25,12 @@ interface RootLayoutProps {
 export default function RootLayout({ children }: RootLayoutProps) {
   return (
     <html lang="en">
+      <head />
       <body className={`${montserrat.className}`}>
         <ThemeProvider attribute="class" defaultTheme="system" enableSystem>
           <div className="relative flex min-h-screen flex-col">
-            <div className="flex-1">{children}</div>
+            <UnsignedNav />
+            <div className="flex-1 bg-background">{children}</div>
           </div>
         </ThemeProvider>
       </body>
