Docker config

app/dna-sequencing/enrichment-sequencing/components/EnrichmentAdvantages.jsx

@@ -0,0 +1,21 @@
+// EnrichmentAdvantages.jsx
+
+import AdvantagesLayout from '../../../components/shared/AdvantagesLayout';
+
+const EnrichmentAdvantages = () => {
+  const advantageItems = [
+    "Provides a more affordable alternative to Whole Genome Sequencing (WGS), making it accessible to a wider range of researchers and clinicians.",
+    "Enhances detection of single-nucleotide variants (SNVs), copy number variants (CNVs), and insertions/deletions (InDels) with sensitivity and accuracy comparable to WGS, particularly in exonic regions.",
+    "Produces smaller data sets compared to WGS, allowing for quicker and more straightforward data analysis, which accelerates research and diagnostics.",
+    "Focuses on exonic regions, which are more likely to harbor disease-causing variants, leading to a more efficient and targeted approach in identifying genetic variants."
+  ];
+
+  return (
+    <AdvantagesLayout
+      title="Advantages of Enriched Sequencing"
+      advantageItems={advantageItems}
+    />
+  );
+};
+
+export default EnrichmentAdvantages;

app/dna-sequencing/enrichment-sequencing/components/EnrichmentIntroduction.jsx

@@ -0,0 +1,45 @@
+// app/dna-sequencing/enrichment-sequencing/components/EnrichmentIntroduction.jsx
+
+import IntroductionLayout from '../../../components/shared/IntroductionLayout';
+
+const EnrichmentIntroduction = () => {
+  const contentItems = [
+    "Enriched Sequencing is a comprehensive approach to analyze part of genomes base-by-base, providing enriched genomic view.",
+    "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.",
+    "It is a powerful tool for diverse genomic studies, capable of sequencing humans, livestock, plants, bacteria, and disease-related microbes."
+  ];
+
+  const customBadgeContent = (
+    <div className="text-center">
+      <div className="bg-teal-600 text-white px-4 py-2 rounded-lg mb-4">
+        <span className="text-sm font-medium">ENRICHMENT SEQUENCING</span>
+      </div>
+      <div className="flex flex-col space-y-2">
+        <div className="bg-orange-400 text-white px-3 py-2 rounded text-xs">
+          Whole Exome DNA Sequencing
+        </div>
+        <div className="bg-orange-400 text-white px-3 py-2 rounded text-xs">
+          Amplicon Sequencing (16S/18S/ITS)
+        </div>
+        <div className="bg-orange-400 text-white px-3 py-2 rounded text-xs">
+          Targeted Sequencing
+        </div>
+      </div>
+    </div>
+  );
+
+  return (
+    <IntroductionLayout
+      title="Introduction and Workflow"
+      contentItems={contentItems}
+      imageUrl="/images/enrichment-overview.png"
+      imageAlt="Enrichment Overview"
+      backgroundColor="#f8f9fa"
+      customBadgeContent={customBadgeContent}
+      useParagraphs={true}
+    />
+  );
+};
+
+export default EnrichmentIntroduction;

app/dna-sequencing/enrichment-sequencing/components/EnrichmentSpecifications.jsx

@@ -0,0 +1,57 @@
+// EnrichmentSpecifications.jsx
+import Link from 'next/link';
+import SpecificationsLayout from '../../../components/shared/SpecificationsLayout';
+
+const EnrichmentSpecifications = () => {
+  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 Enrichment Sequencing (customizable)</li>
+        </ul>
+      )
+    }
+  ];
+
+  return (
+    <SpecificationsLayout
+      title="Service Specifications"
+      specificationItems={specificationItems}
+    />
+  );
+};
+
+export default EnrichmentSpecifications;