Health page creation

app/health/oncology/components/CancerKeyFeatures.jsx

@@ -0,0 +1,25 @@
+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>
+  );
+}