diff --git a/src/components/Contact/contact.tsx b/src/components/Contact/contact.tsx
new file mode 100644
index 0000000..655f19f
--- /dev/null
+++ b/src/components/Contact/contact.tsx
@@ -0,0 +1,9 @@
+const Contact = () => {
+    return ( 
+        <div>
+            <h1>contact</h1>
+        </div>
+     );
+}
+ 
+export default Contact;
\ No newline at end of file
diff --git a/src/components/Navbar/Navbar.tsx b/src/components/Navbar/Navbar.tsx
index 9a0eca3..f1ea9fb 100644
--- a/src/components/Navbar/Navbar.tsx
+++ b/src/components/Navbar/Navbar.tsx
@@ -66,7 +66,7 @@ const Navbar = () => {
                     </li></>
                   ) : (
                     <><li className='hover:text-white'><Link href='/project'>Add project</Link></li><li className='hover:text-white'><Link href='/'>View Projects</Link></li><li className='hover:text-white'>
-                      <Link href='/admin'>
+                      <Link href='/contact'>
                         Contact Admin
                       </Link>
                     </li></>
diff --git a/src/components/index.ts b/src/components/index.ts
index d2ae494..b8a2f05 100644
--- a/src/components/index.ts
+++ b/src/components/index.ts
@@ -4,3 +4,4 @@ export {default as Form} from './Form/Form'
 export {default as Loader} from './Loader/Loader'
 export {default as Card} from './Card/card'
 export {default as Layout} from './Layout'
+export {default as Contact} from './Contact/contact'
diff --git a/src/pages/contact.tsx b/src/pages/contact.tsx
new file mode 100644
index 0000000..d01e89a
--- /dev/null
+++ b/src/pages/contact.tsx
@@ -0,0 +1,11 @@
+import { Contact, Layout } from "@/components";
+
+const Contact_page = () => {
+    return ( 
+        <Layout>
+            <Contact />
+        </Layout>
+     );
+}
+ 
+export default Contact_page;
\ No newline at end of file