diff --git a/src/pages/ideas/index.jsx b/src/pages/ideas/index.jsx
index 328f058..47906dc 100644
--- a/src/pages/ideas/index.jsx
+++ b/src/pages/ideas/index.jsx
@@ -13,7 +13,9 @@ function Article({ article }) {
           {article.title}
         </Card.Title>
         <Card.Description>{article.description}</Card.Description>
-        <Card.Cta>Know More</Card.Cta>
+        <Link href={`/ideas/2024/${article.slug}`}>
+          <Card.Cta>Know More</Card.Cta>
+        </Link>
       </Card>
     </article>
   )
diff --git a/src/pages/projects.jsx b/src/pages/projects.jsx
index 7156fbc..a40d91d 100644
--- a/src/pages/projects.jsx
+++ b/src/pages/projects.jsx
@@ -1,5 +1,6 @@
 import Image from 'next/image'
 import Head from 'next/head'
+import Link from 'next/link'
 
 import { Container } from '@/components/Container'
 import { SectionHeading } from '@/components/SectionHeading'
@@ -54,10 +55,12 @@ export default function Projects() {
                   <Card.Link href={project.link.href}>{project.name}</Card.Link>
                 </h2>
                 <Card.Description>{project.description}</Card.Description>
-                <p className="relative z-10 mt-6 flex text-md font-semibold font-mono text-zinc-600 transition group-hover:text-[#00843D] dark:group-hover:text-yellow-400 dark:text-zinc-200">
-                  <LinkIcon className="h-6 w-6 flex-none scale-110" />
-                  <span className="ml-2">{project.link.label}</span>
-                </p>
+                <Link href={project.link.href}>
+                  <p className="text-md relative z-10 mt-6 flex font-mono font-semibold text-zinc-600 transition group-hover:text-[#00843D] dark:text-zinc-200 dark:group-hover:text-yellow-400">
+                    <LinkIcon className="flex-none w-6 h-6 scale-110" />
+                    <span className="ml-2">{project.link.label}</span>
+                  </p>
+                </Link>
               </Card>
             ))}
           </ul>