import Image from 'next/image';

export default function PlantResearch() {
  return (
    <div id="plant-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">Plant 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/plant_fni.jpg"
            alt="Plant 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">
            Plants are the foundation of life on Earth, and understanding their genetic makeup is key to improving crop production, disease resistance, and sustainability. Genomic sequencing enables researchers to identify the genes responsible for important traits such as yield, stress tolerance, and disease resistance. Our next-generation sequencing (NGS) solutions provide the tools necessary to generate accurate reference genomes, study genetic variations, and accelerate the discovery of traits that can help address global agricultural challenges.
          </p>
          <p className="text-gray-600 mb-4">
            Whether you're working on crop improvement or exploring the genetic basis of plant resilience, our comprehensive NGS methods provide you with fast, reliable insights into plant genomes. We offer a range of services including whole-genome sequencing, exome sequencing, and targeted sequencing for gene discovery and trait analysis. With our plant genomics solutions, you can improve breeding programs and develop more resilient, high-yielding crops for the future.
          </p>
        </div>
      </div>
      {/* Services Table (Row-wise) */}
      <h3 className="text-lg font-semibold text-gray-800 mt-4 mb-2">Our sequencing services for Plant 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 (Short Read, Long Read, Hybrid), Enrichment (Whole Exome, Amplicon and Targeted), Single Cell DNA, Genome Mapping, Genotyping (Based on SNP, ddRAD, Microsatellites)</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, Iso Sequencing</td>
          </tr>
        </tbody>
      </table>
    </div>
  );
}