diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 1e3cf8d..4de01ca 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -64,11 +64,11 @@ const NavBar = () => {
                 <ul id="left-nav-links" className="flex flex-row space-x-10">
                     <NavBarLink href='/' label='Home'/>
                     <NavBarLink dropdown={resourcesDropDown} href='/resources' label='Resources'/>
-                    <NavBarLink href='/' label='About'/>
+                    <NavBarLink href='/about' label='About'/>
                 </ul>
 
                 <ul id="right-nav-links" className="hidden sm:flex flex-row space-x-4">
-                    <NavBarLink href='/' label='Contact Us'/>
+                    <NavBarLink href='/contact' label='Contact Us'/>
                 </ul>
             </li>
         </nav>
diff --git a/src/pages/about.tsx b/src/pages/about.tsx
index e69de29..2e84f4b 100644
--- a/src/pages/about.tsx
+++ b/src/pages/about.tsx
@@ -0,0 +1,12 @@
+import { type NextPage } from "next/types";
+
+const About: NextPage = () => {
+  
+    return (
+        <div>
+
+        </div>
+    );
+};
+
+export default About
\ No newline at end of file
diff --git a/src/pages/contact.tsx b/src/pages/contact.tsx
index e69de29..aa5e159 100644
--- a/src/pages/contact.tsx
+++ b/src/pages/contact.tsx
@@ -0,0 +1,12 @@
+import { type NextPage } from "next/types";
+
+const Contact: NextPage = () => {
+  
+    return (
+        <div>
+
+        </div>
+    );
+};
+
+export default Contact
\ No newline at end of file