diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 4bd7427..b2089be 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -30,7 +30,7 @@ const NavBar = () => {
             <li className="mx-auto max-w-5xl flex flex-row sm:justify-between px-4">
                 <ul id="left-nav-links" className="flex flex-row space-x-10">
                     <NavBarLink href='/' label='Home'/>
-                    <NavBarLink dropdown href='/' label='Resources'/>
+                    <NavBarLink dropdown href='/resources' label='Resources'/>
                     <NavBarLink href='/' label='About'/>
                 </ul>
 
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 2d1e798..4f17496 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -1,12 +1,8 @@
 import { type NextPage } from "next";
 import Head from "next/head";
-import ResourceTable from "~/components/ResourceTable";
-import { api } from "~/utils/api";
 
 const Home: NextPage = () => {
   
-  const query = api.auditoryResource.getAll.useQuery();
-
   return (
     <>
       <Head>
@@ -16,7 +12,7 @@ const Home: NextPage = () => {
       </Head>
       <main>
         <div className="my-6">
-          <ResourceTable resources={query.data} />
+          <p>Nothing yet</p>
         </div>
       </main>
     </>
diff --git a/src/pages/resources/index.tsx b/src/pages/resources/index.tsx
new file mode 100644
index 0000000..b295cec
--- /dev/null
+++ b/src/pages/resources/index.tsx
@@ -0,0 +1,24 @@
+import Head from "next/head";
+import ResourceTable from "~/components/ResourceTable";
+import { api } from "~/utils/api";
+
+const Resources = () => {
+  const query = api.auditoryResource.getAll.useQuery();
+
+  return (
+    <>
+      <Head>
+        <title>ATR</title>
+        <meta name="description" content="University of Iowa Center for Auditory Training Resources" />
+        <link rel="icon" href="/favicon.ico" />
+      </Head>
+      <main>
+        <div className="my-6">
+          <ResourceTable resources={query.data} />
+        </div>
+      </main>
+    </>
+  );
+}
+
+export default Resources;
\ No newline at end of file
