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

36
app/health/rare-disorders/components/WESInfo.jsx
View File

@ -1,22 +1,28 @@
export default function WESInfo() {
const points = [
"Whole Exome Sequencing (WES) is recommended for individuals with unexplained genetic disorders, complex or atypical clinical presentations, or when prior genetic tests have been inconclusive.",
"It is especially valuable in diagnosing rare inherited diseases, uncovering the cause of developmental delays, intellectual disabilities, or early-onset neurological conditions, and providing insights for personalized treatment planning.",
"WES can help identify genetic causes in a wide range of rare disorders."
];
return (
<section className="mx-auto px-10 pt-12">
<h2 className="text-2xl font-semibold text-gray-700 text-left pb-2 mb-4">
<section className="mx-auto px-8 pt-4">
<h2 className="text-3xl font-bold text-teal-700 pb-2 mb-4">
Who Should Consider Whole Exome Sequencing (WES)?
</h2>
<p className="text-gray-600 leading-relaxed text-base mb-4 text-justify">
Whole Exome Sequencing (WES) is recommended for individuals with unexplained genetic
disorders, complex or atypical clinical presentations, or when prior genetic tests
have been inconclusive.
</p>
<p className="text-gray-600 leading-relaxed text-base mb-4 text-justify">
It is especially valuable in diagnosing rare inherited diseases, uncovering the cause
of developmental delays, intellectual disabilities, or early-onset neurological
conditions, and providing insights for personalized treatment planning.
</p>
<p className="text-gray-600 leading-relaxed text-base text-justify">
WES can help identify genetic causes in a wide range of rare disorders.
</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>
</section>
);
}