diff --git a/src/app/components/ResearchProjects.tsx b/src/app/components/ResearchProjects.tsx
index 3b35333..a44d691 100644
--- a/src/app/components/ResearchProjects.tsx
+++ b/src/app/components/ResearchProjects.tsx
@@ -1,5 +1,13 @@
 "use client";
 import React from 'react'
+import { useRouter } from 'next/navigation';
+
+function openPage(project: string){
+    const router = useRouter();
+    if(typeof window !== "undefined"){
+        router.push("/project")
+    }
+}
 
 function Capsule(text) {
     return (