app added

berzanorg · Oct 11, 2023 · 80dff2e · 80dff2e
1 parent 529e091
commit 80dff2e
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 0 deletions.
diff --git a/app/components/Navbar.tsx b/app/components/Navbar.tsx
@@ -0,0 +1,15 @@
+
+export const Navbar = () => {
+    return(
+        <header className="sticky top-0 h-16 bg-red-900 flex justify-between items-center px-4">
+
+            <p className="text-xl font-bold">
+                NFT Pawn Shop
+            </p>
+
+            <button className="bg-blue-500 rounded-full h-10 px-5">
+                CONNECT
+            </button>
+        </header>
+    )
+}
diff --git a/app/pages/_document.tsx b/app/pages/_document.tsx
@@ -1,3 +1,4 @@
+import { Navbar } from '@/components/Navbar'
 import { Html, Head, Main, NextScript } from 'next/document'
 
 export default function Document() {
@@ -7,6 +8,7 @@ export default function Document() {
         <link href="https://fonts.googleapis.com/css2?family=Onest:wght@400;500;600;700&display=swap" rel="stylesheet" />
       </Head>
       <body className="font-['Onest',sans-serif]">
+        <Navbar/>
         <Main />
         <NextScript />
       </body>