mukeshs/operify
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI styling update

Browse Source
This commit is contained in:
mukesh13
2025-08-21 10:21:32 +05:30
parent 04a9f5689b
commit 92a935f753
36 changed files with 501 additions and 402 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/health/components/ClinicalAreas.jsx
View File

@ -6,12 +6,12 @@ export default function ClinicalAreas() {
return (
<div className="mx-auto px-10 py-4">
{/* Heading */}
<h2 className="text-4xl font-bold text-gray-700 text-left pb-2 mb-4">
<h2 className="text-3xl font-bold text-teal-700 mb-4">
Precise Solutions for Clinical Areas
</h2>
{/* Subtext */}
<p className="text-gray-600 leading-relaxed text-base mb-8 max-w-3xl text-justify">
<p className="text-gray-600 leading-relaxed text-base mb-4 text-justify">
Empowering you with precise, tailored approaches to diagnostics and care —
addressing the unique needs of each clinical area to improve patient outcomes.
</p>

72
app/health/components/HealthIntro.jsx
View File

@ -4,46 +4,40 @@ import Link from "next/link";
export default function AboutHealth() {
return (
<div className="mx-auto px-10 pt-12">
{/* Title */}
<h1 className="text-4xl font-bold text-gray-700 text-left pb-2 mb-4">About Health</h1>
{/* Intro Section */}
<div className="grid grid-cols-1 md:grid-cols-2 gap-8 items-center mb-12">
{/* Left Content */}
<div>
<p className="text-gray-600 leading-relaxed text-base mb-4 text-justify">
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.
</p>
<p className="text-gray-600 leading-relaxed text-base mb-4 text-justify">
Our strength lies in our multidisciplinary team of researchers, bioinformaticians,
and data scientists who use custom-built algorithms and cutting-edge analytics to
interpret genetic data with unmatched depth. Backed by curated scientific evidence
and real-world clinical findings, we deliver recommendations that are current,
relevant, and patient-focused.
</p>
<p className="text-gray-600 leading-relaxed text-base text-justify">
With every genome we decode, we move closer to truly personalized medicine —
bridging data and care, science and life.
</p>
</div>
{/* Right Image */}
<div className="flex justify-center">
<Image
src="images/health/dna-placeholder.jpg" // Replace with your actual image path in /public
alt="DNA Strand"
width={500}
height={500}
className="rounded-lg object-cover"
/>
<section className="py-0">
<div className="container-fluid">
<div className="bg-gradient-to-br from-teal-600 to-teal-700 text-white p-8 lg:p-8 flex items-center">
<div className="w-full">
<ul className="list-disc list-inside space-y-4 leading-relaxed pl-4">
<li className="text-justify" style={{color: '#faae31'}}>
<span style={{color: '#ffffff'}}>
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.
</span>
</li>
<li className="text-justify" style={{color: '#faae31'}}>
<span style={{color: '#ffffff'}}>
Our strength lies in our multidisciplinary team of researchers, bioinformaticians,
and data scientists who use custom-built algorithms and cutting-edge analytics to
interpret genetic data with unmatched depth. Backed by curated scientific evidence
and real-world clinical findings, we deliver recommendations that are current,
relevant, and patient-focused.
</span>
</li>
<li className="text-justify" style={{color: '#faae31'}}>
<span style={{color: '#ffffff'}}>
With every genome we decode, we move closer to truly personalized medicine —
bridging data and care, science and life.
</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
);
}

2
app/health/components/HealthTitle.jsx
View File

@ -3,7 +3,7 @@ import React from 'react';
const HealthTitle = () => {
return (
<section
className="relative bg-cover bg-center py-6 h-24"
className="relative bg-cover bg-center py-6 h-[7rem]"
style={{ backgroundImage: "url('/images/bredcrumb.jpg')" }}
>
{/* Breadcrumb */}