From 84bf5495cdd974d15d84f7bd54208d82077510c3 Mon Sep 17 00:00:00 2001
From: RizqiSyahrendra <rizqialaudinsyahrendra@gmail.com>
Date: Fri, 14 Mar 2025 17:34:03 +0700
Subject: [PATCH 1/2] fix: header mobile color

---
 public/assets/css/demo-slick/demo-slick.css | 3 ++-
 public/assets/css/style.css                 | 1 -
 src/components/Homepage.tsx                 | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/public/assets/css/demo-slick/demo-slick.css b/public/assets/css/demo-slick/demo-slick.css
index bfb0386..8450517 100644
--- a/public/assets/css/demo-slick/demo-slick.css
+++ b/public/assets/css/demo-slick/demo-slick.css
@@ -227,7 +227,8 @@
   background: rgba(55, 63, 78, 0.9927);
 }
 .theme-slick .mobile-on .desktop-nav ul {
-  background: rgba(30, 36, 50, 0.99);
+  background: linear-gradient(to right, var(--ext-color-primary-4), var(--ext-color-primary-8));
+  /* background: rgba(30, 36, 50, 0.99); */
 }
 
 .theme-slick .form label {
diff --git a/public/assets/css/style.css b/public/assets/css/style.css
index aff3e25..71a0111 100644
--- a/public/assets/css/style.css
+++ b/public/assets/css/style.css
@@ -4111,7 +4111,6 @@ a.logo:hover {
   text-align: left;
   border-left: none;
   border-right: none;
-  border-bottom: 1px solid rgba(255, 255, 255, 0.065);
   color: var(--color-gray-light-5);
   opacity: 1;
   cursor: pointer;
diff --git a/src/components/Homepage.tsx b/src/components/Homepage.tsx
index 7519501..7d1cb35 100644
--- a/src/components/Homepage.tsx
+++ b/src/components/Homepage.tsx
@@ -30,7 +30,7 @@ export default function homepage({ dark = false }) {
             </div>
           </div>
         </div>
-        <div className="w-full flex flex-wrap justify-center space-x-5 wow fadeInUp">
+        <div className="w-full flex flex-wrap justify-center space-x-5 space-y-2 wow fadeInUp">
           <Link href="/radiation-oncology">
             <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>

From 76ed5e31fb845bd2a94a6be87fe3ce16e291635c Mon Sep 17 00:00:00 2001
From: Val <44112412+LawfaL@users.noreply.github.com>
Date: Fri, 14 Mar 2025 19:02:36 +0700
Subject: [PATCH 2/2] fix: image homepage

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

diff --git a/src/components/Homepage.tsx b/src/components/Homepage.tsx
index 7d1cb35..f7b4ec4 100644
--- a/src/components/Homepage.tsx
+++ b/src/components/Homepage.tsx
@@ -145,6 +145,44 @@ export default function homepage({ dark = false }) {
         </div>
       </section>
 
+      <section className="mt-5">
+        <div className="w-full flex flex-wrap justify-center space-x-5 space-y-2 wow fadeInUp">
+          <div className="w-[320px] h-[320px] hover:scale-105 transition-transform duration-500 bg-[url('https://wordpress-iggc8kgws8ok88c0w0go8kss.rankrunners.co/wp-content/uploads/2024/07/cochise-oncology-sierra-vista-arizona-hope-768x749.jpg')] 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="absolute text-center px-4 m-0  text-white ">
+              <span className="text-[36px] font-medium">HOPE</span>
+              <br />
+              <span className="text-sm tracking-tighter">
+                Founded in 2006, COCHISE ONCOLOGY became a leader in cancer treatment. Hope lives here, guiding patients
+                through tough times.
+              </span>
+            </p>
+          </div>
+          <div className="w-[320px] h-[320px] hover:scale-105 transition-transform duration-500 bg-[url('https://wordpress-iggc8kgws8ok88c0w0go8kss.rankrunners.co/wp-content/uploads/2024/07/cochise-oncology-sierra-vista-strength-768x652.jpg')] 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="absolute text-center px-4 m-0  text-white ">
+              <span className="text-[36px] font-medium">STRENGTH</span>
+              <br />
+              <span className="text-sm tracking-tighter">
+                We’ve greatly impacted Southern Arizona. Our facility is recognized for innovative and high-tech
+                treatments.
+              </span>
+            </p>
+          </div>
+          <div className="w-[320px] h-[320px] hover:scale-105 transition-transform duration-500 bg-[url('https://wordpress-iggc8kgws8ok88c0w0go8kss.rankrunners.co/wp-content/uploads/2024/07/cochise-oncology-sierra-vista-courage-768x496.jpg')] 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="absolute text-center px-4 m-0  text-white ">
+              <span className="text-[36px] font-medium">COURAGE</span>
+              <br />
+              <span className="text-sm tracking-tighter">
+                Fighting cancer requires immense courage. We believe no one should face this alone, so we provide whole
+                patient care.
+              </span>
+            </p>
+          </div>
+        </div>
+      </section>
+
       <section className={`mt-16 scrollSpysection ${dark ? "bg-dark-1 light-content" : ""}`} id="about">
         <div className="container position-relative">
           <div className="row mb-60 mb-xs-30">