From 73e81927d331f06a35b0e0a8143c4e329173f87b Mon Sep 17 00:00:00 2001
From: RizqiSyahrendra <rizqialaudinsyahrendra@gmail.com>
Date: Mon, 3 Mar 2025 20:06:12 +0700
Subject: [PATCH] fix: homepage circle cta hover

---
 src/components/Homepage.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Homepage.tsx b/src/components/Homepage.tsx
index 6786bb5..88ccaf8 100644
--- a/src/components/Homepage.tsx
+++ b/src/components/Homepage.tsx
@@ -40,7 +40,7 @@ export default function homepage({ dark = false }) {
         </div>
         <div className="w-full flex flex-wrap justify-center space-x-5 space-y-4 mt-[550px] md:mt-[24vh] lg:mt-[62vh] wow fadeInUp">
           <Link href="/radiation-oncology">
-            <div className="w-[320px] h-[320px] bg-[url('/assets/images/cochise-radiation-oncology-768x512.webp')] bg-cover rounded-full flex items-center justify-center overflow-auto relative">
+            <div className="w-[320px] h-[320px] hover:scale-105 transition-transform duration-500 bg-[url('/assets/images/cochise-radiation-oncology-768x512.webp')] bg-cover rounded-full flex items-center justify-center overflow-auto relative">
               <div className="h-full w-full rounded-full bg-gradient-to-b from-[#E3B19B82] to-[#798D90] text-center align-middle flex items-center justify-center"></div>
               <p className="text-[36px] text-center px-4 m-0 absolute text-white font-medium tracking-tight leading-10">
                 Radiation Oncology
@@ -48,7 +48,7 @@ export default function homepage({ dark = false }) {
             </div>
           </Link>
           <Link href="/medical-oncology">
-            <div className="w-[320px] h-[320px] bg-[url('/assets/images/cochise-medical-oncology-768x512.webp')] bg-cover rounded-full flex items-center justify-center overflow-auto relative">
+            <div className="w-[320px] h-[320px] hover:scale-105 transition-transform duration-500 bg-[url('/assets/images/cochise-medical-oncology-768x512.webp')] bg-cover rounded-full flex items-center justify-center overflow-auto relative">
               <div className="h-full w-full bg-gradient-to-b from-[#E3B19B82] to-[#798D90] text-center align-middle flex items-center justify-center"></div>
               <p className="text-[36px] text-center px-4 m-0 absolute text-white font-medium tracking-tight leading-10">
                 Medical Oncology
@@ -56,7 +56,7 @@ export default function homepage({ dark = false }) {
             </div>
           </Link>
           <Link href="/skin-cancer">
-            <div className="w-[320px] h-[320px] bg-[url('/assets/images/cochise-skin-cancer-768x512.webp')] bg-cover rounded-full flex items-center justify-center overflow-auto relative">
+            <div className="w-[320px] h-[320px] hover:scale-105 transition-transform duration-500 bg-[url('/assets/images/cochise-skin-cancer-768x512.webp')] bg-cover rounded-full flex items-center justify-center overflow-auto relative">
               <div className="h-full w-full rounded-full bg-gradient-to-b from-[#E3B19B82] to-[#798D90] text-center align-middle flex items-center justify-center"></div>
               <p className="text-[36px] text-center px-4 m-0 absolute text-white font-medium tracking-tight leading-10">
                 Skin Cancer