Docker config

app/dna-sequencing/genome-mapping/components/GenomeMappingAdvantages.jsx

@@ -0,0 +1,20 @@
+// app/dna-sequencing/genome-mapping/components/GenomeMappingAdvantages.jsx
+import AdvantagesLayout from '../../../components/shared/AdvantagesLayout';
+
+const GenomeMappingAdvantages = () => {
+  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."
+  ];
+
+  return (
+    <AdvantagesLayout
+      title="Advantages of Genome Mapping"
+      advantageItems={advantageItems}
+    />
+  );
+};
+
+export default GenomeMappingAdvantages;

app/dna-sequencing/genome-mapping/components/GenomeMappingIntroduction.jsx

@@ -0,0 +1,32 @@
+// 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 serviceTypes = [
+    "HiC Mapping",
+    "Optical Sequencing"
+  ];
+
+  return (
+    <IntroductionLayout
+      title="Introduction and Workflow"
+      contentItems={contentItems}
+      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;

app/dna-sequencing/genome-mapping/components/GenomeMappingSpecifications.jsx

@@ -0,0 +1,57 @@
+// app/dna-sequencing/genome-mapping/components/GenomeMappingSpecifications.jsx
+import Link from 'next/link';
+import SpecificationsLayout from '../../../components/shared/SpecificationsLayout';
+
+const GenomeMappingSpecifications = () => {
+  const specificationItems = [
+    {
+      icon: "/images/homepage-2/NGS-Icons-45.svg",
+      title: "Sample Requirement",
+      renderContent: () => (
+        <div>
+          <div className="mb-4">
+            <p className="text-gray-600">Genomic DNA, Cultivated cells, Blood, tissues, and other samples.</p>
+          </div>
+          <div className="mt-4 text-sm">
+            <strong>
+              Please refer to{' '}
+              <Link href="/sample-submission-guideline" className="text-teal-600 underline hover:text-teal-700">
+                sample submission guidelines
+              </Link>
+              {' '}or{' '}
+              <Link href="/contact-us" className="text-teal-600 underline hover:text-teal-700">
+                Contact Us!
+              </Link>
+            </strong>
+          </div>
+        </div>
+      )
+    },
+    {
+      icon: "/images/homepage-1/service/Advantages-NGS-Icons-20.svg",
+      title: "Sequencing Platform",
+      content: "Illumina NovaSeq 6000/ NovaSeq X"
+    },
+    {
+      icon: "/images/service/social-support.png",
+      title: "Deliverables",
+      renderContent: () => (
+        <ul className="list-disc pl-5 space-y-2 text-gray-600 text-start">
+          <li>The original sequencing data</li>
+          <li>Experimental results</li>
+          <li>Bioinformatics and Data Analysis Report</li>
+          <li>Details in Genome Mapping (customizable)</li>
+        </ul>
+      )
+    }
+  ];
+
+  return (
+    <SpecificationsLayout
+      title="Service Specifications"
+      specificationItems={specificationItems}
+    />
+  );
+};
+
+export default GenomeMappingSpecifications;