import React from 'react';

export default function OperifyExome() {

  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-8 py-8">
      <h2 className="text-3xl font-bold text-teal-700 pb-2 mb-4">Exome</h2>
      
      <div>
        <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>
    </section>
  );
}