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

42
app/health/rare-disorders/components/OperifyExome.jsx
View File

@ -9,30 +9,34 @@ export default function OperifyExome() {
{ title: "Dynamic Reanalysis", desc: "Reanalysis as scientific knowledge evolves." }
];
const points = [
"Whole Exome Sequencing (WES) targets the protein-coding regions of the genome, where most disease-causing mutations are found.",
"With over 7,000 rare diseases identified—80% of which have a genetic basis—WES offers a powerful approach to uncover their causes.",
"Traditional diagnostic methods can be slow, costly, and inconclusive; WES streamlines the process by delivering broad genetic insights in a single test.",
"Operify Exome enhances WES by combining comprehensive coverage with advanced interpretation, improving diagnostic yield and patient outcomes."
];
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 Exome</h2>
<section className="mx-auto px-8 pt-8">
<h2 className="text-3xl font-bold text-teal-700 pb-2 mb-4">Operify Exome</h2>
<div className="mb-8">
<p className="text-gray-600 leading-relaxed text-base mb-4 text-justify">
Whole Exome Sequencing (WES) targets the protein-coding regions of the genome, where most
disease-causing mutations are found.
</p>
<p className="text-gray-600 leading-relaxed text-base mb-4 text-justify">
With over 7,000 rare diseases identified—80% of which have a genetic basis—WES offers a
powerful approach to uncover their causes.
</p>
<p className="text-gray-600 leading-relaxed text-base mb-4 text-justify">
Traditional diagnostic methods can be slow, costly, and inconclusive; WES streamlines the
process by delivering broad genetic insights in a single test.
</p>
<p className="text-gray-600 leading-relaxed text-base text-justify">
Operify Exome enhances WES by combining comprehensive coverage with advanced interpretation,
improving diagnostic yield and patient outcomes.
</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">
{point}
</p>
</li>
))}
</ul>
</div>
<h3 className="text-2xl font-semibold text-gray-700 mb-4">Key Features</h3>
<h3 className="text-2xl font-semibold text-teal-700 mb-4">Key Features</h3>
<div className="overflow-x-auto">
<table className="w-full border-collapse border border-gray-300 rounded-lg">
<thead>