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] 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">