Docker config

app/dna-sequencing/epigenomics-sequencing/components/EpigenomicsAdvantages.jsx

@@ -0,0 +1,21 @@
+
+// EpigenomicsAdvantages.jsx
+import AdvantagesLayout from '../../../components/shared/AdvantagesLayout';
+
+const EpigenomicsAdvantages = () => {
+  const advantageItems = [
+    "Provides comprehensive analysis of epigenetic modifications including DNA methylation, histone modifications, and chromatin accessibility, offering insights into gene regulation mechanisms.",
+    "Enables single-base resolution mapping of epigenetic marks across the genome, allowing for precise identification of regulatory elements and their modifications.",
+    "Reveals epigenetic alterations associated with diseases, development, and environmental responses, providing insights into cellular memory and inheritance patterns.",
+    "Identifies potential therapeutic targets and biomarkers for epigenetic-based treatments, supporting the development of personalized medicine approaches."
+  ];
+
+  return (
+    <AdvantagesLayout
+      title="Advantages of Epigenomics Sequencing"
+      advantageItems={advantageItems}
+    />
+  );
+};
+
+export default EpigenomicsAdvantages;

app/dna-sequencing/epigenomics-sequencing/components/EpigenomicsIntroduction.jsx

@@ -0,0 +1,34 @@
+// EpigenomicsIntroduction.jsx
+
+import IntroductionLayout from '../../../components/shared/IntroductionLayout';
+
+const EpigenomicsIntroduction = () => {
+  const contentItems = [
+    "Epigenomics Sequencing is a comprehensive approach to analyze epigenetic modifications across genomes, providing enriched genomic view of cellular memory and gene regulation.",
+    "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 epigenetic modifications.",
+    "It is a powerful tool for diverse genomic studies, capable of sequencing humans, livestock, plants, bacteria, and disease-related microbes."
+  ];
+
+  const serviceTypes = [
+    "Whole Genome Bisulphite Sequencing (WGBS)",
+    "Chip Sequencing",
+    "ATAC Sequencing"
+  ];
+
+  return (
+    <IntroductionLayout
+      title="Introduction and Workflow"
+      contentItems={contentItems}
+      imageUrl="/images/epigenomics-overview.png"
+      imageAlt="Epigenomics Overview"
+      badgeText="EPIGENOMICS"
+      serviceTypes={serviceTypes}
+      backgroundColor="#f8f9fa"
+      badgeColor="bg-teal-600"
+      useParagraphs={true}
+    />
+  );
+};
+
+export default EpigenomicsIntroduction;

app/dna-sequencing/epigenomics-sequencing/components/EpigenomicsSpecifications.jsx

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