rankrunners-dev/next-cochise
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: image homepage

Browse Source
This commit is contained in:
Val 2025-03-14 19:02:36 +07:00
parent 84bf5495cd
commit 76ed5e31fb
1 changed files with 38 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
src/components/Homepage.tsx
View File

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