diff --git a/src/app/page.jsx b/src/app/page.jsx
index 39b204c2..6a06dc7b 100644
--- a/src/app/page.jsx
+++ b/src/app/page.jsx
@@ -216,6 +216,7 @@ export default function Home() {
                       heading={project.name}
                       logo={project.logo}
                       content={project.description}
+                      href={project.link.href}
                     />
                   </div>
                 ))}
diff --git a/src/components/home/CardEffect.jsx b/src/components/home/CardEffect.jsx
index 6eabbe57..2f3f892e 100644
--- a/src/components/home/CardEffect.jsx
+++ b/src/components/home/CardEffect.jsx
@@ -3,7 +3,7 @@
 import Image from 'next/image'
 import { motion } from 'framer-motion'
 
-export function CardEffect({ heading, content, logo }) {
+export function CardEffect({ heading, content, logo, href }) {
 
     const wrappedHeading = (heading ?? '')
         .replace(/([a-z])([A-Z])/g, '$1\u200B$2')
@@ -11,6 +11,7 @@ export function CardEffect({ heading, content, logo }) {
 
     return (
         <motion.a
+            href={href}
             initial={{ opacity: 0, rotateY: -90 }}
             whileInView={{ opacity: 1, rotateY: 0 }}
             viewport={{ once: true }}