Docker config

app/dna-sequencing/whole-genome-sequencing/components/WGSAdvantages.jsx

@@ -0,0 +1,20 @@
+// app/dna-sequencing/whole-genome-sequencing/components/WGSAdvantages.jsx
+import AdvantagesLayout from '../../../components/shared/AdvantagesLayout';
+
+const WGSAdvantages = () => {
+  const advantageItems = [
+    "Provides a comprehensive, high-resolution view of the genome, surpassing the coverage offered by targeted sequencing.",
+    "Identifies both small (SNVs, CNVs, InDels) and large structural variants that may be missed with targeted approaches, offering valuable insights into inherited genetic conditions and characterizing mutations driving cancer progression.",
+    "Generates large volumes of data quickly, facilitating the assembly of novel genomes.",
+    "Uncovers genomic diversity, taxonomic classifications, and evolutionary relationships, enhancing our understanding of biological complexity."
+  ];
+
+  return (
+    <AdvantagesLayout
+      title="Advantages of Whole Genome Sequencing"
+      advantageItems={advantageItems}
+    />
+  );
+};
+
+export default WGSAdvantages;

app/dna-sequencing/whole-genome-sequencing/components/WGSIntroduction.jsx

@@ -0,0 +1,24 @@
+// app/dna-sequencing/whole-genome-sequencing/components/WGSIntroduction.jsx
+
+import IntroductionLayout from '../../../components/shared/IntroductionLayout';
+
+const WGSIntroduction = () => {
+  const contentItems = [
+    "Whole Genome Sequencing (WGS) is a comprehensive approach to analyze entire genomes base-by-base, providing a complete genomic view.",
+    "The workflow includes isolating DNA, fragmenting it, and sequencing to produce millions of short reads.",
+    "In the bioinformatics analysis, these reads are then assembled to construct the genome or aligned to a known reference genome.",
+    "It is a powerful tool for diverse genomic studies, capable of sequencing humans, livestock, plants, bacteria, and disease-related microbes."
+  ];
+
+  return (
+    <IntroductionLayout
+      title="Introduction and Workflow"
+      contentItems={contentItems}
+      imageUrl="/images/denovo-workflow.png"
+      imageAlt="Sample Process Steps"
+      useParagraphs={true}
+    />
+  );
+};
+
+export default WGSIntroduction;

app/dna-sequencing/whole-genome-sequencing/components/WGSSpecifications.jsx

@@ -0,0 +1,63 @@
+// app/dna-sequencing/whole-genome-sequencing/components/WGSSpecifications.jsx
+import Link from 'next/link';
+import SpecificationsLayout from '../../../components/shared/SpecificationsLayout';
+
+const WGSSpecifications = () => {
+  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 Whole Genome Denovo Sequencing (customizable)</li>
+        </ul>
+      )
+    }
+  ];
+
+  return (
+    <SpecificationsLayout
+      title="Service Specifications"
+      specificationItems={specificationItems}
+    />
+  );
+};
+
+export default WGSSpecifications;