From 5b887c2baa89e7d714f786d39e08656f504a7b51 Mon Sep 17 00:00:00 2001
From: geisterfurz007 <geisterfurz007@users.noreply.github.com>
Date: Fri, 23 Feb 2024 19:51:33 +0100
Subject: [PATCH] fix: also link image to feature (#288)

---
 .../src/ui/home/feature-card/feature-card.tsx  | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/packages/web/src/ui/home/feature-card/feature-card.tsx b/packages/web/src/ui/home/feature-card/feature-card.tsx
index a01adda3..e37fbbe9 100644
--- a/packages/web/src/ui/home/feature-card/feature-card.tsx
+++ b/packages/web/src/ui/home/feature-card/feature-card.tsx
@@ -25,14 +25,16 @@ export const FeatureCard: FC<FeatureCardProps> = ({feature, inverted}) => {
       )}
     >
       <div className='relative flex flex-1 items-center justify-center'>
-        <Image
-          src={feature.teaserImage.url!}
-          height={feature.teaserImage.height!}
-          width={feature.teaserImage.width!}
-          shadow={inverted ? 'left' : 'right'}
-          alt=''
-          className='object-contain'
-        />
+        <Link href={feature.navPath!} hideUnderline>
+          <Image
+            src={feature.teaserImage.url!}
+            height={feature.teaserImage.height!}
+            width={feature.teaserImage.width!}
+            shadow={inverted ? 'left' : 'right'}
+            alt=''
+            className='object-contain'
+          />
+        </Link>
       </div>
       <div className='flex flex-1 flex-col justify-center gap-3'>
         <Heading size='h3' frontText={feature.name} />