26 lines
1.6 KiB
JavaScript
26 lines
1.6 KiB
JavaScript
export default function CancerKeyFeatures() {
|
|
const features = [
|
|
{ title: "Comprehensive Gene Coverage", desc: "Includes high- and moderate-risk genes such as BRCA1, BRCA2, TP53, MLH1, MSH2, APC, and others." },
|
|
{ title: "Germline Variant Detection", desc: "Accurately detects SNVs, Indels, and selected CNVs in genes associated with inherited cancer risk." },
|
|
{ title: "Family-Centered Testing", desc: "Supports cascade testing for at-risk relatives, enabling early detection and prevention." },
|
|
{ title: "Clinical Actionability", desc: "Provides insights that guide surveillance, preventive measures, and personalized treatment planning." },
|
|
{ title: "High Sensitivity & Specificity", desc: "Uses ≥100X sequencing depth with ≥90% Q30 base quality for reliable variant calling." },
|
|
{ title: "Expert Interpretation & Reporting", desc: "Variants classified using ACMG guidelines, backed by curated literature and clinical databases." },
|
|
{ title: "Genetic Counseling Support", desc: "Optional access to pre- and post-test counseling for patient education and informed decision-making." }
|
|
];
|
|
|
|
return (
|
|
<section className="p-10">
|
|
<h3 className="text-lg font-semibold mb-4">Key Features</h3>
|
|
<div className="grid md:grid-cols-2 gap-4">
|
|
{features.map((f, idx) => (
|
|
<div key={idx} className="border p-4 rounded-lg hover:shadow-lg transition-shadow">
|
|
<h4 className="font-semibold">{f.title}</h4>
|
|
<p className="text-gray-600">{f.desc}</p>
|
|
</div>
|
|
))}
|
|
</div>
|
|
</section>
|
|
);
|
|
}
|