import Image from 'next/image';

export default function MicrobialResearch() {
  return (
    <div id="microbial-research" className="bg-white p-6 rounded-lg shadow-md">
      {/* Heading (Above Image and Text) */}
      <h2 className="text-3xl font-bold text-gray-800 mb-4">Microbial Research</h2>
      {/* Flex container for image and text (description paragraphs) */}
      <div className="flex flex-col md:flex-row gap-6 mb-6">
        {/* Image Section (Left) */}
        <div className="flex-shrink-0 md:w-1/3">
          <Image
            src="/images/blog/microbial_fn.jpg"
            alt="Microbial Research"
            width={300}
            height={200}
            className="object-cover rounded-lg w-full h-48 md:h-full"
          />
        </div>
        {/* Text Section (Right) */}
        <div className="flex-1">
          <p className="text-gray-600 mb-4">
            Microorganisms are present in almost all environments and play critical roles in industrial fermentation, medical health, and bioengineering. Genomic sequencing provides powerful insights into the genetic makeup of the microbial world, enabling researchers to understand how microbes impact humans and the environment.
          </p>
          <p className="text-gray-600 mb-4">
            We offer a broad array of microbial genomics solutions that help you study bacteria, viruses, fungi, and parasites with high-resolution, culture-independent methods. Whether you're conducting metagenomics studies or tracking disease outbreaks, our next-generation sequencing (NGS) technologies—such as Illumina and PacBio—provide comprehensive insights into microbial communities.
          </p>
        </div>
      </div>
      {/* Services Table (Row-wise) */}
      <h3 className="text-lg font-semibold text-gray-800 mt-4 mb-2">Our sequencing services for Microbial Research includes:</h3>
      <table className="w-full border-collapse border border-gray-300">
        <tbody>
          <tr className="bg-gray-100">
            <td className="border border-gray-300 px-3 py-2 text-left font-semibold text-teal-700 w-1/4">DNA Sequencing</td>
            <td className="border border-gray-300 px-3 py-2 align-top p-2" style={{ color: '#555555' }}>Whole Genome, ddRAD, Enrichment, SNP, Single Cell DNA, Microsatellites, Genome Mapping, Metagenomic Shotgun Sequencing, 16s/18s/ITS Amplicon Sequencing, Viral Metagenomic Sequencing</td>
          </tr>
          <tr>
            <td className="border border-gray-300 px-3 py-2 text-left font-semibold text-teal-700 w-1/4">RNA Sequencing</td>
            <td className="border border-gray-300 px-3 py-2 align-top p-2" style={{ color: '#555555' }}>Total RNA, mRNA, Small RNA, Long Non-Coding, IncRNA, Metatranscriptomics, Iso Sequencing</td>
          </tr>
        </tbody>
      </table>
    </div>
  );
}