From 713a2aaa60240f024c378e8476352f3c9398a9ad Mon Sep 17 00:00:00 2001
From: romiz5269 <mojtaba5269@gmail.com>
Date: Sat, 22 Nov 2025 18:40:50 +0330
Subject: [PATCH] change staff cards effect

---
 src/app/[lang]/contact-us/page.tsx | 20 +-------------------
 src/app/[lang]/doctors/page.tsx    |  2 +-
 src/app/[lang]/page.tsx            | 14 ++++++++------
 3 files changed, 10 insertions(+), 26 deletions(-)

diff --git a/src/app/[lang]/contact-us/page.tsx b/src/app/[lang]/contact-us/page.tsx
index f93ef61..012fe39 100644
--- a/src/app/[lang]/contact-us/page.tsx
+++ b/src/app/[lang]/contact-us/page.tsx
@@ -196,25 +196,7 @@ export default async function ContactUs({
                       </svg>
                     </span>
                   </a>
-                  <a
-                    href="https://linkedin.com/shomalhospital"
-                    className="w-[70px] h-[70px] flex items-center justify-center rounded-2xl bg-secondary"
-                  >
-                    <span className="text-white">
-                      <svg
-                        width="40"
-                        height="40"
-                        viewBox="0 0 25 25"
-                        fill="none"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M7.88333 5.09347C7.88308 5.61528 7.68707 6.11561 7.33843 6.4844C6.98978 6.85319 6.51705 7.06023 6.02423 7.05997C5.53141 7.05971 5.05888 6.85217 4.71058 6.48301C4.36228 6.11385 4.16675 5.61331 4.16699 5.0915C4.16724 4.56969 4.36325 4.06936 4.71189 3.70057C5.06054 3.33178 5.53327 3.12474 6.02609 3.125C6.51891 3.12526 6.99144 3.3328 7.33974 3.70196C7.68804 4.07112 7.88357 4.57166 7.88333 5.09347ZM7.93907 8.51689H4.22274V20.8333H7.93907V8.51689ZM13.8109 8.51689H10.1131V20.8333H13.7737V14.3702C13.7737 10.7697 18.2054 10.4352 18.2054 14.3702V20.8333H21.8753V13.0323C21.8753 6.96258 15.316 7.18884 13.7737 10.1696L13.8109 8.51689Z"
-                          fill="white"
-                        />
-                      </svg>
-                    </span>
-                  </a>
+                  
                 </div>
               </div>
               <div className="md:col-span-6 col-span-12 md:mt-0 mt-8">
diff --git a/src/app/[lang]/doctors/page.tsx b/src/app/[lang]/doctors/page.tsx
index 3683592..fd1a64b 100644
--- a/src/app/[lang]/doctors/page.tsx
+++ b/src/app/[lang]/doctors/page.tsx
@@ -68,7 +68,7 @@ export default async function DoctorsPage({
                 key={doctor.id}
                 className="lg:col-span-1 col-span-4 rounded-2xl border-[1px] border-neutral-200 overflow-hidden relative"
               >
-                <div className="lg:h-[250px] h-[250px] relative before:absolute before:bottom-0 before:bg-gradient-to-t before:from-white before:to-transparent before:z-10 before:w-full before:h-full before:top-0 before:right-0">
+                <div className="lg:h-[250px] h-[250px] relative before:absolute before:bottom-0 before:bg-gradient-to-t before:from-white before:to-transparent before:z-10 before:w-full before:h-[70%] before:right-0 ">
                   <Image
                     src={doctor.image !=="#" ? `/${doctor.image}` : "/doctor.jpg"}
                     fill
diff --git a/src/app/[lang]/page.tsx b/src/app/[lang]/page.tsx
index 79cfea7..ba6206d 100644
--- a/src/app/[lang]/page.tsx
+++ b/src/app/[lang]/page.tsx
@@ -115,8 +115,10 @@ export default async function Page({
           </div>
           <div className="grid grid-cols-3 gap-x-10 lg:gap-y-0 gap-y-4 mt-10 lg:h-[600px]">
             <div className="lg:col-span-1 col-span-3 rounded-2xl border-[1px] border-neutral-200 overflow-hidden relative">
-              <div className="lg:h-[410px] h-[300px] relative before:absolute before:bottom-0 before:bg-gradient-to-t before:from-white before:to-transparent before:z-10 before:w-full before:h-full before:top-0 before:right-0">
-                <Image src="/jafarian.jpg" fill alt="" className="object-fill" />
+              <div className="lg:h-[430px] h-[300px] relative before:absolute before:bg-gradient-to-t  before:from-white before:to-transparent before:z-10 before:w-full before:h-[70%] before:bottom-0 before:right-0 overflow-hidden">
+                <Image src="/jafarian.jpg" fill alt="" 
+                className="object-fill hover:scale-110 transition-all duration-300" 
+                />
               </div>
               <div className=" h-full px-6 py-10 space-y-2 ">
                 <h3 className="lg:text-2xl text-lg font-black text-black">
@@ -135,12 +137,12 @@ export default async function Page({
               </div>
             </div>
             <div className="lg:col-span-1 col-span-3 rounded-2xl border-[1px] border-neutral-200 overflow-hidden relative">
-              <div className="lg:h-[410px] h-[300px] relative before:absolute before:bottom-0 before:bg-gradient-to-t before:from-white before:to-transparent before:z-10 before:w-full before:h-full before:top-0 before:right-0">
+              <div className="lg:h-[430px] h-[300px] relative before:absolute before:bg-gradient-to-t  before:from-white before:to-transparent before:z-10 before:w-full before:h-[70%] before:bottom-0 before:right-0 overflow-hidden">
                 <Image
                   src="/motamedi.jpg"
                   fill
                   alt=""
-                  className="object-fill "
+                className="object-fill hover:scale-110 transition-all duration-300" 
                 />
               </div>
               <div className=" h-full px-6 py-10 space-y-2 ">
@@ -161,12 +163,12 @@ export default async function Page({
             </div>
 
             <div className="lg:col-span-1 col-span-3 rounded-2xl border-[1px] border-neutral-200 overflow-hidden relative">
-              <div className="lg:h-[410px] h-[300px] relative before:absolute before:bottom-0 before:bg-gradient-to-t before:from-white before:to-transparent before:z-10 before:w-full before:h-full before:top-0 before:right-0">
+              <div className="lg:h-[430px] h-[300px] relative before:absolute before:bg-gradient-to-t  before:from-white before:to-transparent before:z-10 before:w-full before:h-[70%] before:bottom-0 before:right-0 overflow-hidden">
                 <Image
                   src="/heidarnejad.jpg"
                   fill
                   alt=""
-                  className="object-cover "
+                className="object-fill hover:scale-110 transition-all duration-300" 
                 />
               </div>
               <div className=" h-full px-6 py-10 space-y-2 ">