// app/dna-sequencing/genome-mapping/components/GenomeMappingIntroduction.jsx
import IntroductionLayout from '../../../components/shared/IntroductionLayout';

const GenomeMappingIntroduction = () => {
  const contentItems = [
    "Genome Mapping focuses on determining the structure and order of genes within a genome, providing comprehensive insights into genomic organization and structural variations.",
    "The workflow includes isolating DNA, fragmenting it, capturing the regions of interest followed by sequencing to produce millions of short reads.",
    "In the bioinformatics analysis, these reads are aligned to a known reference genome to detect genomic alterations and structural arrangements.",
    "It is a powerful tool for diverse genomic studies, capable of sequencing humans, livestock, plants, bacteria, and disease-related microbes."
  ];
  const advantageItems = [
    "Provides detailed structural variant detection and genomic rearrangements, offering comprehensive insights into complex genomic architecture.",
    "Enables high-resolution analysis of large eukaryotic genomes and their structural features, facilitating better understanding of genome organization.",
    "Offers comprehensive mapping capabilities that reveal the three-dimensional structure of chromosomes and identify regulatory interactions between distant genomic regions.",
    "Supports multiple research applications including cancer research, developmental biology, and evolutionary studies by providing detailed genomic structural information."
  ];

  const serviceTypes = [
    "HiC Mapping",
    "Optical Sequencing"
  ];

  return (
    <IntroductionLayout
      introTitle="Introduction and Workflow"
      advantageTitle="Advantage"
      introItems={contentItems}
      advantageItems={advantageItems}
      imageUrl="/images/genome-mapping-overview.png"
      imageAlt="Genome Mapping Overview"
      badgeText="GENOME MAPPING"
      serviceTypes={serviceTypes}
      backgroundColor="#f8f9fa"
      badgeColor="bg-teal-600"
      useParagraphs={true}
    />
  );
};

export default GenomeMappingIntroduction;