From dcc46f0d142bda89358dc28c19bb477c2dd4b9f3 Mon Sep 17 00:00:00 2001
From: AnupamKumar-1 <anupam9594.kumar@gmail.com>
Date: Tue, 26 May 2026 17:23:40 +0530
Subject: [PATCH] fix: link project cards on homepage to their project pages

---
 src/app/page.jsx                   | 1 +
 src/components/home/CardEffect.jsx | 3 ++-
 2 files changed, 3 insertions(+), 1 deletion(-)

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 }}