From 5a246eb1b249b73ad89c6bc803062b4c7f07ff1e Mon Sep 17 00:00:00 2001
From: TheMaddax <chris@sigd.net>
Date: Fri, 29 Nov 2024 23:51:45 -0600
Subject: [PATCH] - Add react module - Add border for service cards

---
 package.json                   | 3 ++-
 src/components/ServiceCard.tsx | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index e8d3855..e414f02 100644
--- a/package.json
+++ b/package.json
@@ -14,7 +14,8 @@
     "lucide-react": "^0.462.0",
     "next": "15.0.3",
     "react": "19.0.0-rc-66855b96-20241106",
-    "react-dom": "19.0.0-rc-66855b96-20241106"
+    "react-dom": "19.0.0-rc-66855b96-20241106",
+    "react-icons": "^5.0.1"
   },
   "devDependencies": {
     "@types/next": "^8.0.7",
diff --git a/src/components/ServiceCard.tsx b/src/components/ServiceCard.tsx
index 57f14ed..f4b90db 100644
--- a/src/components/ServiceCard.tsx
+++ b/src/components/ServiceCard.tsx
@@ -11,7 +11,7 @@ export default function ServiceCard(service: ServiceInfo) {
     <>
       <div 
         onClick={() => setIsOpen(true)}
-        className="bg-white rounded-lg shadow-lg p-6 hover:shadow-xl transition-shadow cursor-pointer border border-blue-100"
+        className="bg-white rounded-lg shadow-lg p-6 hover:shadow-xl transition-all duration-200 cursor-pointer border-4 border-blue-100 hover:border-blue-900"
       >
         <div className="flex items-center justify-center mb-4">
           {service.icon}