tab ui

app/page.tsx

@@ -1,3 +1,4 @@
+import Navbar from "@/components/navbar"
 import dynamic from "next/dynamic"
 import Image from "next/image"
 
@@ -8,7 +9,7 @@ const CodeEditor = dynamic(() => import("@/components/editor"), {
 export default function Home() {
   return (
     <div className="w-screen flex flex-col h-screen bg-background">
-      <div className="h-12 flex">NAVBAR</div>
+      <Navbar />
       <div className="w-screen flex grow">
         <CodeEditor />
       </div>