Docker config
This commit is contained in:
mukesh13
@ -0,0 +1,20 @@
|
||||
// AmpliconAdvantages.jsx
|
||||
import AdvantagesLayout from '../../../../components/shared/AdvantagesLayout';
|
||||
|
||||
const AmpliconAdvantages = () => {
|
||||
const advantageItems = [
|
||||
"Unlike targeted or exome sequencing, amplicon sequencing narrows down to even smaller, highly specific regions, resulting in a more efficient and focused approach for certain applications, such as microbial diversity studies or detecting rare variants.",
|
||||
"Capable of detecting low-abundance species or genetic variants, providing specific resolution of target regions.",
|
||||
"Focuses on specific genomic regions, allowing for detailed and precise analysis.",
|
||||
"Provides quick insights into genetic composition and diversity, facilitating timely research and diagnostics."
|
||||
];
|
||||
|
||||
return (
|
||||
<AdvantagesLayout
|
||||
title="Advantages of Amplicon Sequencing"
|
||||
advantageItems={advantageItems}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default AmpliconAdvantages;
|
||||
@ -0,0 +1,24 @@
|
||||
// AmpliconApplications.jsx
|
||||
|
||||
import ApplicationsLayout from '../../../../components/shared/ApplicationsLayout';
|
||||
|
||||
const AmpliconApplications = () => {
|
||||
const applicationItems = [
|
||||
"Microbial Diversity and Ecology- Offers comprehensive profiles of microbial communities by focusing on specific genes, such as the 16S rRNA gene in bacteria, to analyze microbial diversity, community structure, and interactions within various environments.",
|
||||
"Pathogen Detection and Identification- Provides rapid and precise identification of pathogens, including bacteria, viruses, and fungi, through the amplification and sequencing of targeted genomic regions linked to disease-causing organisms.",
|
||||
"Genetic Variation and Mutation Analysis- Targets specific genomic regions to detect genetic variations, mutations, or polymorphisms associated with diseases or traits, enabling focused genetic research and advancements in personalized medicine.",
|
||||
"Cancer Research and Diagnostics- Helps identify cancer-related mutations and genetic alterations by sequencing targeted genes or exons within tumor samples, enhancing our understanding of cancer biology and supporting the development of targeted treatments.",
|
||||
"Environmental Monitoring- Applies amplicon sequencing to evaluate the effects of environmental changes on microbial communities, track specific species, and assess ecosystem health and biodiversity.",
|
||||
"Plant Genomics- Explores genetic markers associated with important agronomic traits, aiding in crop improvement and breeding programs.",
|
||||
"Genome-Wide Association Studies (GWAS)- Links genetic variations to specific traits, advancing selective breeding and improving understanding of genetic disorders in livestock."
|
||||
];
|
||||
|
||||
return (
|
||||
<ApplicationsLayout
|
||||
title="Applications of Amplicon Sequencing"
|
||||
applicationItems={applicationItems}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default AmpliconApplications;
|
||||
@ -0,0 +1,28 @@
|
||||
// AmpliconIntroduction.jsx
|
||||
|
||||
import IntroductionLayout from '../../../../components/shared/IntroductionLayout';
|
||||
|
||||
const AmpliconIntroduction = () => {
|
||||
const contentItems = [
|
||||
"Amplicon sequencing focuses on the targeted amplification and sequencing of specific DNA regions enabling researchers to analyze genetic variation in specific genomic regions.",
|
||||
"The workflow begins with DNA isolation, followed by PCR amplification of target regions. Barcoded strand-specific libraries are then prepared using adapters, allowing different samples to be pooled together.",
|
||||
"This multiplexing enables the simultaneous targeting of hundreds of genes from various libraries in a single run.",
|
||||
"This method is particularly useful for studying genetic variation, microbial communities, and evolutionary relationships. By selectively amplifying regions of interest, such as 16S rRNA for bacteria or ITS regions for fungi."
|
||||
];
|
||||
|
||||
return (
|
||||
<IntroductionLayout
|
||||
title="Introduction and Workflow"
|
||||
contentItems={contentItems}
|
||||
imageUrl="/images/amplicon-workflow.png"
|
||||
imageAlt="Amplicon Workflow"
|
||||
badgeText="AMPLICON SEQUENCING"
|
||||
badgeSubtext="Brochure to be modified from Amplicon Sequencing"
|
||||
backgroundColor="#f8f9fa"
|
||||
badgeColor="bg-teal-600"
|
||||
useParagraphs={true}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default AmpliconIntroduction;
|
||||
@ -0,0 +1,57 @@
|
||||
// AmpliconSpecifications.jsx
|
||||
import Link from 'next/link';
|
||||
import SpecificationsLayout from '../../../../components/shared/SpecificationsLayout';
|
||||
|
||||
const AmpliconSpecifications = () => {
|
||||
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, FFPE (formalin-fixed paraffin-embedded) 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 of Amplicon Sequencing (customizable)</li>
|
||||
</ul>
|
||||
)
|
||||
}
|
||||
];
|
||||
|
||||
return (
|
||||
<SpecificationsLayout
|
||||
title="Service Specifications"
|
||||
specificationItems={specificationItems}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default AmpliconSpecifications;
|
||||
@ -0,0 +1,32 @@
|
||||
import TitleBar from '../../../components/shared/TitleBar';
|
||||
import AmpliconIntroduction from './components/AmpliconIntroduction';
|
||||
import AmpliconAdvantages from './components/AmpliconAdvantages';
|
||||
import AmpliconApplications from './components/AmpliconApplications';
|
||||
import AmpliconSpecifications from './components/AmpliconSpecifications';
|
||||
import PageLayout from '../../../components/Layout/PageLayout';
|
||||
|
||||
export default function AmpliconSequencingPage() {
|
||||
const breadcrumbs = [
|
||||
{ label: 'Home', href: '/' },
|
||||
{ label: 'Research', href: '/research' },
|
||||
{ label: 'Enrichment Sequencing', href: '/dna-sequencing/enrichment-sequencing' },
|
||||
{ label: 'Amplicon Sequencing (16S/18S/ITS)', current: true }
|
||||
];
|
||||
|
||||
return (
|
||||
<PageLayout fixedHeader={true}>
|
||||
<TitleBar
|
||||
title="Amplicon Sequencing (16S/18S/ITS)"
|
||||
desc="Explore Genetic Diversity at the Molecular Level"
|
||||
breadcrumbs={breadcrumbs}
|
||||
/>
|
||||
|
||||
<div className="page-content">
|
||||
<AmpliconIntroduction />
|
||||
<AmpliconAdvantages />
|
||||
<AmpliconApplications />
|
||||
<AmpliconSpecifications />
|
||||
</div>
|
||||
</PageLayout>
|
||||
);
|
||||
}
|
||||
@ -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;
|
||||
@ -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;
|
||||
@ -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;
|
||||
29
app/dna-sequencing/enrichment-sequencing/page.js
Normal file
29
app/dna-sequencing/enrichment-sequencing/page.js
Normal file
@ -0,0 +1,29 @@
|
||||
import PageLayout from '../../components/Layout/PageLayout';
|
||||
import TitleBar from '../../components/shared/TitleBar';
|
||||
import EnrichmentIntroduction from './components/EnrichmentIntroduction';
|
||||
import EnrichmentAdvantages from './components/EnrichmentAdvantages';
|
||||
import EnrichmentSpecifications from './components/EnrichmentSpecifications';
|
||||
|
||||
export default function EnrichmentSequencingPage() {
|
||||
const breadcrumbs = [
|
||||
{ label: 'Home', href: '/' },
|
||||
{ label: 'Research', href: '/research' },
|
||||
{ label: 'Enrichment Sequencing', current: true }
|
||||
];
|
||||
|
||||
return (
|
||||
<PageLayout fixedHeader={true}>
|
||||
<TitleBar
|
||||
title="Enrichment Sequencing"
|
||||
desc="Enriched Genome, Enriched Insights"
|
||||
breadcrumbs={breadcrumbs}
|
||||
/>
|
||||
|
||||
<div className="page-content">
|
||||
<EnrichmentIntroduction />
|
||||
<EnrichmentAdvantages />
|
||||
<EnrichmentSpecifications />
|
||||
</div>
|
||||
</PageLayout>
|
||||
);
|
||||
}
|
||||
@ -0,0 +1,20 @@
|
||||
// TargetedAdvantages.jsx
|
||||
import AdvantagesLayout from '../../../../components/shared/AdvantagesLayout';
|
||||
|
||||
const TargetedAdvantages = () => {
|
||||
const advantageItems = [
|
||||
"Focuses on specific genes or genomic regions, providing high-resolution analysis of mutations that are most relevant to particular diseases or conditions.",
|
||||
"Delivers deep coverage of targeted regions, increasing the likelihood of detecting low-frequency variants and rare mutations.",
|
||||
"The streamlined workflow and reduced data set enable quicker data processing and analysis, allowing for more rapid diagnostic and research outcomes.",
|
||||
"Widely used in clinical settings, targeted sequencing enables the identification of actionable genetic variants that can guide personalized treatment strategies."
|
||||
];
|
||||
|
||||
return (
|
||||
<AdvantagesLayout
|
||||
title="Advantages of Targeted Sequencing"
|
||||
advantageItems={advantageItems}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default TargetedAdvantages;
|
||||
@ -0,0 +1,21 @@
|
||||
// TargetedApplications.jsx
|
||||
import ApplicationsLayout from '../../../../components/shared/ApplicationsLayout';
|
||||
|
||||
const TargetedApplications = () => {
|
||||
const applicationItems = [
|
||||
"Microbial Genomics- Focuses on infectious disease research by targeting specific microbial genes to identify and characterize pathogens, improving diagnostic accuracy and outbreak tracking.",
|
||||
"Cancer Genomics- Applies targeted DNA sequencing to detect mutations in cancer-related genes, enhancing diagnostic precision, prognostic assessments, and the selection of targeted therapies for better cancer management.",
|
||||
"Inherited Genetic Disorders- Identifies disease-causing variants in genes associated with hereditary conditions, facilitating early diagnosis and the development of personalized treatment plans.",
|
||||
"Pharmacogenomics- Evaluates genetic variations that influence individual responses to medications, enabling optimization of drug therapy and reduction of adverse effects through tailored treatment approaches.",
|
||||
"Personalized Healthcare- Uses targeted sequencing to analyze genetic variants in a patient's DNA, influencing disease risk, treatment responses, and overall health management, supporting a more customized approach to healthcare."
|
||||
];
|
||||
|
||||
return (
|
||||
<ApplicationsLayout
|
||||
title="Applications of Targeted Sequencing"
|
||||
applicationItems={applicationItems}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default TargetedApplications;
|
||||
@ -0,0 +1,28 @@
|
||||
// TargetedIntroduction.jsx
|
||||
|
||||
import IntroductionLayout from '../../../../components/shared/IntroductionLayout';
|
||||
|
||||
const TargetedIntroduction = () => {
|
||||
const contentItems = [
|
||||
"Targeted DNA Sequencing (also know as Gene Panel Sequencing) concentrate on specific genes or genomic regions of interest, allowing for in-depth analysis of mutations that are most relevant to particular diseases or conditions.",
|
||||
"The process begins with the selection of specific genes or regions, followed by the amplification of these targets through PCR. Sequencing is then performed on the amplified regions, ensuring high coverage and accuracy.",
|
||||
"Advanced bioinformatics tools are employed to analyze the sequencing data, providing detailed insights into genetic variants, their potential impact, and relevance to disease.",
|
||||
"Targeted sequencing is widely used in clinical settings for the diagnosis of genetic disorders, personalized medicine, and cancer genomics, providing actionable insights that can directly impact patient care."
|
||||
];
|
||||
|
||||
return (
|
||||
<IntroductionLayout
|
||||
title="Introduction and Workflow"
|
||||
contentItems={contentItems}
|
||||
imageUrl="/images/targeted-sequencing-overview.png"
|
||||
imageAlt="Targeted Sequencing Overview"
|
||||
badgeText="TARGETED SEQUENCING"
|
||||
badgeSubtext="Targeted Region of Interest"
|
||||
backgroundColor="#f8f9fa"
|
||||
badgeColor="bg-teal-600"
|
||||
useParagraphs={true}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default TargetedIntroduction;
|
||||
@ -0,0 +1,57 @@
|
||||
// TargetedSpecifications.jsx
|
||||
import Link from 'next/link';
|
||||
import SpecificationsLayout from '../../../../components/shared/SpecificationsLayout';
|
||||
|
||||
const TargetedSpecifications = () => {
|
||||
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, FFPE (formalin-fixed paraffin-embedded) 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 of Targeted Sequencing (customizable)</li>
|
||||
</ul>
|
||||
)
|
||||
}
|
||||
];
|
||||
|
||||
return (
|
||||
<SpecificationsLayout
|
||||
title="Service Specifications"
|
||||
specificationItems={specificationItems}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default TargetedSpecifications;
|
||||
@ -0,0 +1,32 @@
|
||||
import TitleBar from '../../../components/shared/TitleBar';
|
||||
import TargetedIntroduction from './components/TargetedIntroduction';
|
||||
import TargetedAdvantages from './components/TargetedAdvantages';
|
||||
import TargetedApplications from './components/TargetedApplications';
|
||||
import TargetedSpecifications from './components/TargetedSpecifications';
|
||||
import PageLayout from '../../../components/Layout/PageLayout';
|
||||
|
||||
export default function TargetedSequencingPage() {
|
||||
const breadcrumbs = [
|
||||
{ label: 'Home', href: '/' },
|
||||
{ label: 'Research', href: '/research' },
|
||||
{ label: 'Enrichment Sequencing', href: '/dna-sequencing/enrichment-sequencing' },
|
||||
{ label: 'Targeted DNA Sequencing', current: true }
|
||||
];
|
||||
|
||||
return (
|
||||
<PageLayout fixedHeader={true}>
|
||||
<TitleBar
|
||||
title="Targeted DNA Sequencing"
|
||||
desc="Pinpoint Precision for Your Genetic Insights"
|
||||
breadcrumbs={breadcrumbs}
|
||||
/>
|
||||
|
||||
<div className="page-content">
|
||||
<TargetedIntroduction />
|
||||
<TargetedAdvantages />
|
||||
<TargetedApplications />
|
||||
<TargetedSpecifications />
|
||||
</div>
|
||||
</PageLayout>
|
||||
);
|
||||
}
|
||||
@ -0,0 +1,20 @@
|
||||
// app/dna-sequencing/enrichment-sequencing/whole-exome/components/ExomeAdvantages.jsx
|
||||
import AdvantagesLayout from '../../../../components/shared/AdvantagesLayout';
|
||||
|
||||
const ExomeAdvantages = () => {
|
||||
const advantageItems = [
|
||||
"Cost-effective as compared to Whole Genome Sequencing (WGS), making it accessible to a broader range of researchers and clinicians.",
|
||||
"WES offers extensive sequencing of exonic regions, improving the detection of single-nucleotide variants (SNVs), copy number variants (CNVs), and insertions/deletions (InDels) with a sensitivity comparable to WGS, ensuring high accuracy in identifying genetic variants.",
|
||||
"WES generates a smaller data set compared to WGS, facilitating faster and easier data analysis, which can expedite research and diagnostic processes.",
|
||||
"WES is widely used in both medical and agricultural fields, supporting advancements in disease diagnosis, personalized medicine, and crop improvement. Provides a comprehensive, high-resolution view of the genome, surpassing the coverage offered by targeted sequencing."
|
||||
];
|
||||
|
||||
return (
|
||||
<AdvantagesLayout
|
||||
title="Advantages of Whole Exome Sequencing"
|
||||
advantageItems={advantageItems}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default ExomeAdvantages;
|
||||
@ -0,0 +1,22 @@
|
||||
// app/dna-sequencing/enrichment-sequencing/whole-exome/components/ExomeApplications.jsx
|
||||
import ApplicationsLayout from '../../../../components/shared/ApplicationsLayout';
|
||||
|
||||
const ExomeApplications = () => {
|
||||
const applicationItems = [
|
||||
"Genetic Disorder Diagnosis- Identifies genetic mutations associated with rare and inherited disorders by focusing on the exonic regions where most disease-related variants occur. This enables accurate diagnosis and personalized treatment plans.",
|
||||
"Cancer Research- Detects somatic mutations in cancer genomes, providing insights into tumor biology, identifying potential biomarkers for early detection, and guiding targeted therapies for more effective treatment.",
|
||||
"Drug Development- Assists in the discovery of new drug targets and the development of precision medicine by revealing the genetic underpinnings of diseases and how genetic variations affect drug responses.",
|
||||
"Population Genetics- Explores genetic variations in diverse populations to understand genetic diversity, evolutionary processes, and the genetic basis of complex traits and diseases, aiding in public health and epidemiological studies.",
|
||||
"Functional Genomics- Provides insights into gene function and regulation by identifying coding mutations that impact protein function, contributing to our understanding of gene-disease relationships and mechanisms of gene action.",
|
||||
"Plant Genomics- Supports crop improvement and plant breeding programs by revealing the genetic basis of desirable traits and enhancing the understanding of plant genomes."
|
||||
];
|
||||
|
||||
return (
|
||||
<ApplicationsLayout
|
||||
title="Applications of Whole Exome Sequencing"
|
||||
applicationItems={applicationItems}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default ExomeApplications;
|
||||
@ -0,0 +1,24 @@
|
||||
// app/dna-sequencing/enrichment-sequencing/whole-exome/components/ExomeIntroduction.jsx
|
||||
|
||||
import IntroductionLayout from '../../../../components/shared/IntroductionLayout';
|
||||
|
||||
const ExomeIntroduction = () => {
|
||||
const contentItems = [
|
||||
"Whole Exome Sequencing (WES) is sequencing of only protein-coding regions (<2% of the genome, also known as exome), which accounts for 80-85% of disease-related variants.",
|
||||
"The workflow involves DNA isolation, fragmentation, capturing exonic regions, and sequencing to generate millions of short reads. In the bioinformatics analysis, these reads undergo alignment to a reference genome, followed by the variant calling (SNVs, Indels) and data analysis.",
|
||||
"Pinpoints potential disease-causing mutations, providing valuable insights for population genetics, genetic disease research, and cancer studies.",
|
||||
"Extensively utilized in diagnostic setting to detect clinically relevant genomic alterations associated with phenotype of the patient."
|
||||
];
|
||||
|
||||
return (
|
||||
<IntroductionLayout
|
||||
title="Introduction and Workflow"
|
||||
contentItems={contentItems}
|
||||
imageUrl="/images/dna.jpg"
|
||||
imageAlt="DNA Structure"
|
||||
useParagraphs={true}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default ExomeIntroduction;
|
||||
@ -0,0 +1,63 @@
|
||||
// app/dna-sequencing/enrichment-sequencing/whole-exome/components/ExomeSpecifications.jsx
|
||||
import Link from 'next/link';
|
||||
import SpecificationsLayout from '../../../../components/shared/SpecificationsLayout';
|
||||
|
||||
const ExomeSpecifications = () => {
|
||||
const specificationItems = [
|
||||
{
|
||||
icon: "/images/homepage-2/NGS-Icons-45.svg",
|
||||
title: "Sample Requirement",
|
||||
renderContent: () => (
|
||||
<div>
|
||||
<div className="mb-3">
|
||||
<strong>• Genomic DNA</strong>
|
||||
</div>
|
||||
<div className="mb-3">
|
||||
<strong>• Cultivated cells, Blood, tissues, Fresh Frozen, FFPE</strong>
|
||||
<span className="block text-sm text-gray-500 mt-1">
|
||||
(formalin-fixed paraffin-embedded)
|
||||
</span>
|
||||
</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 Exome Sequencing (customizable)</li>
|
||||
</ul>
|
||||
)
|
||||
}
|
||||
];
|
||||
|
||||
return (
|
||||
<SpecificationsLayout
|
||||
title="Service Specifications"
|
||||
specificationItems={specificationItems}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default ExomeSpecifications;
|
||||
36
app/dna-sequencing/enrichment-sequencing/whole-exome/page.js
Normal file
36
app/dna-sequencing/enrichment-sequencing/whole-exome/page.js
Normal file
@ -0,0 +1,36 @@
|
||||
// app/dna-sequencing/enrichment-sequencing/whole-exome/page.js
|
||||
import TitleBar from '../../../components/shared/TitleBar';
|
||||
import ExomeIntroduction from './components/ExomeIntroduction';
|
||||
import ExomeAdvantages from './components/ExomeAdvantages';
|
||||
import ExomeApplications from './components/ExomeApplications';
|
||||
import ExomeSpecifications from './components/ExomeSpecifications';
|
||||
import PageLayout from '../../../components/Layout/PageLayout';
|
||||
|
||||
export default function WholeExomeSequencingPage() {
|
||||
const breadcrumbs = [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Research", href: "/dna-sequencing" },
|
||||
{ label: "Enrichment Sequencing", href: "/dna-sequencing/enrichment-sequencing" },
|
||||
{ label: "Whole Exome Sequencing", current: true }
|
||||
];
|
||||
|
||||
return (
|
||||
<PageLayout fixedHeader={true}>
|
||||
<div className="page-wrapper">
|
||||
<TitleBar
|
||||
title="Whole Exome Sequencing"
|
||||
desc="Focused Insights, Comprehensive Impact"
|
||||
breadcrumbs={breadcrumbs}
|
||||
backgroundImage="/images/bredcrumb.jpg"
|
||||
/>
|
||||
|
||||
<div className="page-content">
|
||||
<ExomeIntroduction />
|
||||
<ExomeAdvantages />
|
||||
<ExomeApplications />
|
||||
<ExomeSpecifications />
|
||||
</div>
|
||||
</div>
|
||||
</PageLayout>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user