From b1d3b3dae65688de02df0a1e65c6edd5dd4e7e9b Mon Sep 17 00:00:00 2001
From: w3bdesign <45217974+w3bdesign@users.noreply.github.com>
Date: Tue, 17 Dec 2024 01:58:57 +0100
Subject: [PATCH 1/2] =?UTF-8?q?=F0=9F=92=84=20ui:=20add=20hover=20effect?=
 =?UTF-8?q?=20to=20project=20card=20images?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Enhance user interaction by adding a subtle hover animation and glow effect
to project card images, improving visual feedback and engagement.
---
 src/components/Prosjekter/ProsjektCard.component.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/Prosjekter/ProsjektCard.component.tsx b/src/components/Prosjekter/ProsjektCard.component.tsx
index c65c0311..2341f931 100644
--- a/src/components/Prosjekter/ProsjektCard.component.tsx
+++ b/src/components/Prosjekter/ProsjektCard.component.tsx
@@ -39,6 +39,7 @@ const ProsjektCard: React.FC<Project> = ({
           <div className="w-full h-full p-5 md:pb-[20px] relative overflow-hidden flex justify-center md:h-[340px]">
             {projectimage && (
               <Image
+                className="transition-all duration-300 ease-in-out hover:-translate-y-1 hover:shadow-[0_0_15px_rgba(80,255,80,0.2)]"
                 width="600"
                 height="340"
                 quality={100}

From 952beffd922fa494572feed2d8b3fa8f0b70ef1a Mon Sep 17 00:00:00 2001
From: w3bdesign <45217974+w3bdesign@users.noreply.github.com>
Date: Tue, 17 Dec 2024 02:04:04 +0100
Subject: [PATCH 2/2] =?UTF-8?q?=F0=9F=92=84=20ui:=20enhance=20hover=20effe?=
 =?UTF-8?q?ct=20shadow=20on=20project=20cards?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Adjust project card hover shadow effect to be more pronounced and vibrant,
improving visual feedback and user interaction with a stronger green glow
---
 src/components/Prosjekter/ProsjektCard.component.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Prosjekter/ProsjektCard.component.tsx b/src/components/Prosjekter/ProsjektCard.component.tsx
index 2341f931..7ec6726c 100644
--- a/src/components/Prosjekter/ProsjektCard.component.tsx
+++ b/src/components/Prosjekter/ProsjektCard.component.tsx
@@ -39,7 +39,7 @@ const ProsjektCard: React.FC<Project> = ({
           <div className="w-full h-full p-5 md:pb-[20px] relative overflow-hidden flex justify-center md:h-[340px]">
             {projectimage && (
               <Image
-                className="transition-all duration-300 ease-in-out hover:-translate-y-1 hover:shadow-[0_0_15px_rgba(80,255,80,0.2)]"
+                className="transition-all duration-300 ease-in-out hover:-translate-y-1 hover:shadow-[0_2px_20px_rgba(60,255,60,0.35)]"
                 width="600"
                 height="340"
                 quality={100}