49 lines
2.0 KiB
JavaScript
49 lines
2.0 KiB
JavaScript
// components/AboutHealth.js
|
|
'use client'
|
|
import Image from "next/image";
|
|
|
|
export default function AboutHealth() {
|
|
return (
|
|
<section className="bg-teal-700">
|
|
<div className="flex min-h-[350px]">
|
|
{/* Left Side - Image */}
|
|
<div className="hidden lg:block w-3/4 relative">
|
|
<div className="absolute inset-0">
|
|
<Image
|
|
src="/images/health/health.png"
|
|
alt="Healthcare professional working in modern laboratory"
|
|
fill
|
|
className="object-cover grayscale-[20%]"
|
|
priority
|
|
/>
|
|
<div className="absolute inset-0 bg-slate-900/10"></div>
|
|
</div>
|
|
|
|
{/* Subtle border */}
|
|
<div className="absolute right-0 top-0 w-px h-full bg-teal-600"></div>
|
|
</div>
|
|
|
|
{/* Right Side - Content */}
|
|
<div className="w-full lg:w-3/4">
|
|
<div className="h-full flex flex-col justify-center px-4 lg:px-8 py-4">
|
|
{/* Brand/Title */}
|
|
<div className="mb-4">
|
|
<h2 className="text-3xl font-bold text-white mb-4">
|
|
<span>Operify</span>
|
|
<span className="ml-2">Health</span>
|
|
</h2>
|
|
<div className="w-10 h-0.5" style={{backgroundColor: '#faae31'}}></div>
|
|
</div>
|
|
|
|
{/* Content */}
|
|
<div className="mb-4 max-w-3xl">
|
|
<div className="text-gray-200 leading-relaxed text-base text-justify font-light">
|
|
At Operify Health, we believe every patient deserves answers that are not only accurate — but actionable. By harnessing the power of Next Generation Sequencing (NGS), we transform patient samples into rich genomic insights that enable clinicians and oncologists to make informed, personalized decisions. From rare genetic disorders to complex oncological cases, our solutions help uncover what traditional diagnostics often miss.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
);
|
|
} |