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

45
app/health/oncology/components/HereditaryCancerPanel.jsx
View File

@ -9,29 +9,32 @@ export default function HereditaryCancerPanel() {
{ title: "Genetic Counseling Support", desc: "Optional access to pre- and post-test counseling for patient education and informed decision-making." }
];
const points = [
"About 5-10% of all cancers are linked to inherited genetic mutations, often going undetected until late stages or after multiple family members are affected.",
"The Operify Hereditary Cancer Panel screens key high- and moderate-risk genes associated with hereditary cancer syndromes like HBOC, Lynch Syndrome (LS), Li Fraumeni Syndrome (LFS), Familial Adenomatous Polyposis (FAP), Cowden Syndrome (CS), Peutz-Jeghers Syndrome (PJS), Neurofibromatosis (NF) etc.",
"Early identification of germline mutations enables proactive clinical decisions, including risk-reducing strategies, targeted surveillance, and family cascade testing.",
"Studies show that genetic testing in hereditary cancer cases improves outcomes and informs care for both patients and at-risk relatives."
];
return (
<section className="mx-auto px-10 pt-12">
<h2 className="text-3xl font-bold text-gray-700 text-left pb-2 mb-4">Operify Hereditary Cancer Panel</h2>
<section className="mx-auto px-8 pt-8">
<h2 className="text-3xl font-bold text-teal-700 pb-2 mb-4">Operify Hereditary Cancer Panel</h2>
<div className="mb-8">
<p className="text-gray-600 leading-relaxed text-base mb-4 text-justify">
<strong>About 5-10% of all cancers are linked to inherited genetic mutations</strong>, often going
undetected until late stages or after multiple family members are affected.
</p>
<p className="text-gray-600 leading-relaxed text-base mb-4 text-justify">
The Operify Hereditary Cancer Panel screens key high- and moderate-risk genes associated
with hereditary cancer syndromes like HBOC, Lynch Syndrome (LS), Li Fraumeni Syndrome (LFS),
Familial Adenomatous Polyposis (FAP), Cowden Syndrome (CS), Peutz-Jeghers Syndrome (PJS),
Neurofibromatosis (NF) etc.
</p>
<p className="text-gray-600 leading-relaxed text-base mb-4 text-justify">
Early identification of germline mutations enables proactive clinical decisions, including
risk-reducing strategies, targeted surveillance, and family cascade testing.
</p>
<p className="text-gray-600 leading-relaxed text-base text-justify">
Studies show that genetic testing in hereditary cancer cases improves outcomes and informs
care for both patients and at-risk relatives.
</p>
<ul className="space-y-4">
{points.map((point, idx) => (
<li key={idx} className="flex items-start">
<span
className="w-2 h-2 rounded-full mt-2 mr-3 flex-shrink-0"
style={{backgroundColor: '#faae31'}}
></span>
<p className="text-gray-600 leading-relaxed text-base text-justify">
<strong>{idx === 0 ? "About 5-10% of all cancers are linked to inherited genetic mutations" : ""}</strong>
{idx === 0 ? ", often going undetected until late stages or after multiple family members are affected." : point}
</p>
</li>
))}
</ul>
</div>
<h3 className="text-2xl font-semibold text-gray-700 mb-4">Key Features</h3>
@ -45,7 +48,7 @@ export default function HereditaryCancerPanel() {
</thead>
<tbody>
{features.map((feature, idx) => (
<tr key={idx} className="hover:bg-gray-50">
<tr key={idx} className="hover:bg-teal-50">
<td className="border border-gray-300 px-6 py-3 text-gray-700 font-medium">{feature.title}</td>
<td className="border border-gray-300 px-6 py-3 text-gray-600">{feature.desc}</td>
</tr>

73
app/health/oncology/components/OncologyIntro.jsx
View File

@ -1,31 +1,52 @@
export default function OncologyIntro() {
return (
<section className="mx-auto px-10 pt-12">
<h1 className="text-4xl font-bold text-gray-700 text-left pb-2 mb-4">Oncology</h1>
<h2 className="text-2xl font-semibold text-gray-700 mb-4">Turning Complexity into Clarity</h2>
<p className="text-gray-600 leading-relaxed text-base mb-4 text-justify">
Cancer is not a single disease—it's a highly complex and dynamic group of disorders,
often driven by a multitude of genomic alterations. Despite advancements in treatment,
many patients still face uncertainty due to incomplete or delayed molecular diagnoses.
</p>
<p className="text-gray-600 leading-relaxed text-base mb-4 text-justify">
At Operify Health, we recognize that behind every tumor is a unique genetic story waiting
to be told. Our precision oncology solutions utilize high-throughput Next Generation
Sequencing (NGS) to analyze both somatic and germline mutations—providing clinicians
with actionable insights that inform targeted therapies, immunotherapy decisions, and
hereditary cancer risk assessments.
</p>
<p className="text-gray-600 leading-relaxed text-base mb-4 text-justify">
This genomic-driven approach is especially critical in advanced and treatment-resistant
cancers, where conventional methods often fall short. Studies have shown that integrating
broad-panel NGS into cancer care can impact clinical decision-making in up to 30% of cases,
leading to more personalized and effective treatment strategies.
</p>
<p className="text-gray-600 leading-relaxed text-base text-justify">
By combining cutting-edge sequencing, advanced bioinformatics, and curated clinical evidence,
Operify Health empowers oncologists to move from uncertainty to precision—ensuring every cancer
patient's care is as individualized as their diagnosis.
</p>
<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">
<h2 className="text-3xl font-bold text-white mb-6 leading-tight">
Turning Complexity into Clarity
</h2>
<ul className="space-y-4">
<li className="flex items-start gap-3">
<div className="w-2 h-2 rounded-full mt-2 flex-shrink-0" style={{backgroundColor: '#faae31'}}></div>
<span className="leading-relaxed text-justify">
Cancer is not a single disease—it's a highly complex and dynamic group of disorders,
often driven by a multitude of genomic alterations. Despite advancements in treatment,
many patients still face uncertainty due to incomplete or delayed molecular diagnoses.
</span>
</li>
<li className="flex items-start gap-3">
<div className="w-2 h-2 rounded-full mt-2 flex-shrink-0" style={{backgroundColor: '#faae31'}}></div>
<span className="leading-relaxed text-justify">
At Operify Health, we recognize that behind every tumor is a unique genetic story waiting
to be told. Our precision oncology solutions utilize high-throughput Next Generation
Sequencing (NGS) to analyze both somatic and germline mutations—providing clinicians
with actionable insights that inform targeted therapies, immunotherapy decisions, and
hereditary cancer risk assessments.
</span>
</li>
<li className="flex items-start gap-3">
<div className="w-2 h-2 rounded-full mt-2 flex-shrink-0" style={{backgroundColor: '#faae31'}}></div>
<span className="leading-relaxed text-justify">
This genomic-driven approach is especially critical in advanced and treatment-resistant
cancers, where conventional methods often fall short. Studies have shown that integrating
broad-panel NGS into cancer care can impact clinical decision-making in up to 30% of cases,
leading to more personalized and effective treatment strategies.
</span>
</li>
<li className="flex items-start gap-3">
<div className="w-2 h-2 rounded-full mt-2 flex-shrink-0" style={{backgroundColor: '#faae31'}}></div>
<span className="leading-relaxed text-justify">
By combining cutting-edge sequencing, advanced bioinformatics, and curated clinical evidence,
Operify Health empowers oncologists to move from uncertainty to precision—ensuring every cancer
patient's care is as individualized as their diagnosis.
</span>
</li>
</ul>
</div>
</div>
</div>
</section>
);
}