Docker config
This commit is contained in:
mukesh13
@ -0,0 +1,20 @@
|
||||
// ATACAdvantages.jsx
|
||||
import AdvantagesLayout from '../../../../components/shared/AdvantagesLayout';
|
||||
|
||||
const ATACAdvantages = () => {
|
||||
const advantageItems = [
|
||||
"ATAC-seq has become the method of choice for studying chromatin accessibility due to its efficiency and robust performance.",
|
||||
"Requires only 50,000 cells per sample, offering high sensitivity and making it ideal for studies with limited cell populations. This technique is versatile, applicable to both bulk tissue and single-cell analysis.",
|
||||
"Features simplified experimental steps, offering good reproducibility and a high success rate in generating reliable data.",
|
||||
"Simultaneously reveals the genomic locations of open chromatin, DNA-binding proteins, and transcription factor binding site interactions, providing a holistic view of chromatin accessibility."
|
||||
];
|
||||
|
||||
return (
|
||||
<AdvantagesLayout
|
||||
title="Advantages of ATAC Sequencing"
|
||||
advantageItems={advantageItems}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default ATACAdvantages;
|
||||
@ -0,0 +1,20 @@
|
||||
// ATACApplications.jsx
|
||||
import ApplicationsLayout from '../../../../components/shared/ApplicationsLayout';
|
||||
|
||||
const ATACApplications = () => {
|
||||
const applicationItems = [
|
||||
"Chromatin Accessibility and Epigenetic Mapping- ATAC sequencing enables the identification of open chromatin regions, offering insights into regulatory elements like promoters, enhancers, and transcription factor binding sites. This approach is essential for understanding gene regulation and studying the epigenetic landscape across different cell types, tissues, and conditions.",
|
||||
"Cancer Genomics and Neuroscience- ATAC sequencing plays a crucial role in cancer research by identifying alterations in chromatin accessibility that drive tumor development or progression. It helps uncover cancer-specific regulatory elements and potential therapeutic targets. Additionally, in neuroscience, ATAC sequencing is used to investigate the chromatin landscape of neural cells and tissues.",
|
||||
"Cell Type Identification and Heterogeneity- When applied at the single-cell level, ATAC sequencing can reveal chromatin accessibility patterns in individual cells. This capability allows for the identification of distinct cell types, the study of cellular heterogeneity, and an understanding of how chromatin accessibility varies among different cell populations within a tissue.",
|
||||
"Transcription Factor Binding and Developmental Biology- ATAC sequencing, combined with transcription factor motif analysis, helps predict and validate transcription factor binding sites, elucidating their roles in regulating gene expression. This is particularly valuable in developmental biology, where ATAC sequencing is employed to study chromatin dynamics over time."
|
||||
];
|
||||
|
||||
return (
|
||||
<ApplicationsLayout
|
||||
title="Applications of ATAC Sequencing"
|
||||
applicationItems={applicationItems}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default ATACApplications;
|
||||
@ -0,0 +1,31 @@
|
||||
const ATACBioinformatics = () => {
|
||||
return (
|
||||
<section className="py-8 lg:py-12 bg-gray-50">
|
||||
<div className="container mx-auto max-w-none px-4 lg:px-6">
|
||||
<h2 className="text-gray-600 text-left pb-6 text-2xl lg:text-3xl font-normal mb-8">
|
||||
Bioinformatics Pipeline
|
||||
</h2>
|
||||
|
||||
{/* Pipeline Image */}
|
||||
<div className="bg-white rounded-xl shadow-lg p-6 lg:p-8">
|
||||
<div className="flex justify-center">
|
||||
<img
|
||||
src="/images/atac-bioinformatics-pipeline.jpg"
|
||||
alt="ATAC-Seq Bioinformatics Pipeline Workflow"
|
||||
className="max-w-full h-auto rounded-lg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Pipeline Description */}
|
||||
<div className="mt-6 text-center">
|
||||
<p className="text-gray-600 text-sm lg:text-base">
|
||||
ATAC-Seq bioinformatics pipeline for chromatin accessibility analysis and peak identification
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
|
||||
export default ATACBioinformatics;
|
||||
@ -0,0 +1,28 @@
|
||||
// ATACIntroduction.jsx
|
||||
|
||||
import IntroductionLayout from '../../../../components/shared/IntroductionLayout';
|
||||
|
||||
const ATACIntroduction = () => {
|
||||
const contentItems = [
|
||||
"ATAC-seq identifies open chromatin regions, marking transcriptionally active areas in the genome, and provides insights into chromatin accessibility and gene expression regulation.",
|
||||
"The workflow uses Tn5 transposase to tag and amplify open chromatin (transposase-accessible) regions, followed by DNA fragmentation, purification, library construction, and sequencing.",
|
||||
"The sequenced fragments are analysed using advanced bioinformatics tools to characterize the regulatory landscape, including chromatin accessibility, nucleosome mapping, and transcription factor binding.",
|
||||
"Assist in numerous applications like biomarker discovery, identification of novel enhancer, analysis of cell-type specific regulation, evolutionary studies and comparative epigenomic studies."
|
||||
];
|
||||
|
||||
return (
|
||||
<IntroductionLayout
|
||||
title="Introduction and Workflow"
|
||||
contentItems={contentItems}
|
||||
imageUrl="/images/atac-workflow.png"
|
||||
imageAlt="ATAC Workflow"
|
||||
badgeText="ATAC WORKFLOW"
|
||||
badgeSubtext="Workflow from Assay for Transposase-Accessible Chromatin (ATAC) Sequencing"
|
||||
backgroundColor="#f8f9fa"
|
||||
badgeColor="bg-teal-600"
|
||||
useParagraphs={true}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default ATACIntroduction;
|
||||
@ -0,0 +1,57 @@
|
||||
// ATACSpecifications.jsx
|
||||
import Link from 'next/link';
|
||||
import SpecificationsLayout from '../../../../components/shared/SpecificationsLayout';
|
||||
|
||||
const ATACSpecifications = () => {
|
||||
const specificationItems = [
|
||||
{
|
||||
icon: "/images/homepage-2/NGS-Icons-45.svg",
|
||||
title: "Sample Requirement",
|
||||
renderContent: () => (
|
||||
<div>
|
||||
<div className="mb-4">
|
||||
<p className="text-gray-600">Cell sample ≥ 50,000 cells; Nucleus sample ≥ 50,000 nuclei</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 ATAC Sequencing (customizable)</li>
|
||||
</ul>
|
||||
)
|
||||
}
|
||||
];
|
||||
|
||||
return (
|
||||
<SpecificationsLayout
|
||||
title="Service Specifications"
|
||||
specificationItems={specificationItems}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default ATACSpecifications;
|
||||
@ -0,0 +1,34 @@
|
||||
import TitleBar from '../../../components/shared/TitleBar';
|
||||
import ATACIntroduction from './components/ATACIntroduction';
|
||||
import ATACAdvantages from './components/ATACAdvantages';
|
||||
import ATACBioinformatics from './components/ATACBioinformatics';
|
||||
import ATACApplications from './components/ATACApplications';
|
||||
import ATACSpecifications from './components/ATACSpecifications';
|
||||
import PageLayout from '../../../components/Layout/PageLayout';
|
||||
|
||||
export default function ATACSequencingPage() {
|
||||
const breadcrumbs = [
|
||||
{ label: 'Home', href: '/' },
|
||||
{ label: 'Research', href: '/research' },
|
||||
{ label: 'Epigenomics Sequencing', href: '/dna-sequencing/epigenomics-sequencing' },
|
||||
{ label: 'ATAC (Assay for Transposase-Accessible Chromatin) Sequencing', current: true }
|
||||
];
|
||||
|
||||
return (
|
||||
<PageLayout fixedHeader={true}>
|
||||
<TitleBar
|
||||
title="ATAC (Assay for Transposase-Accessible Chromatin) Sequencing"
|
||||
desc="Chromatin for Gene Regulation Insights"
|
||||
breadcrumbs={breadcrumbs}
|
||||
/>
|
||||
|
||||
<div className="page-content">
|
||||
<ATACIntroduction />
|
||||
<ATACAdvantages />
|
||||
<ATACBioinformatics />
|
||||
<ATACApplications />
|
||||
<ATACSpecifications />
|
||||
</div>
|
||||
</PageLayout>
|
||||
);
|
||||
}
|
||||
@ -0,0 +1,20 @@
|
||||
// ChIPAdvantages.jsx
|
||||
import AdvantagesLayout from '../../../../components/shared/AdvantagesLayout';
|
||||
|
||||
const ChIPAdvantages = () => {
|
||||
const advantageItems = [
|
||||
"Offers detailed genome-wide mapping of protein-DNA interactions, identifying binding sites of transcription factors, regulators, and other DNA-associated proteins.",
|
||||
"Utilizes specific antibodies to precisely capture and sequence protein-DNA complexes, providing accurate reflections of in vivo binding events.",
|
||||
"Reveals critical insights into gene regulation and chromatin dynamics, aiding in the understanding of gene expression, regulatory mechanisms, and epigenetic modifications.",
|
||||
"Facilitates studies on gene regulation in various contexts, including developmental processes, cancer research, and other biological phenomena, enhancing our understanding of complex biological systems and diseases."
|
||||
];
|
||||
|
||||
return (
|
||||
<AdvantagesLayout
|
||||
title="Advantages of ChIP Sequencing"
|
||||
advantageItems={advantageItems}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default ChIPAdvantages;
|
||||
@ -0,0 +1,23 @@
|
||||
// ChIPApplications.jsx
|
||||
import ApplicationsLayout from '../../../../components/shared/ApplicationsLayout';
|
||||
|
||||
const ChIPApplications = () => {
|
||||
const applicationItems = [
|
||||
"Transcription Factor Binding Analysis- Identifies and maps the binding sites of transcription factors across the genome, revealing their roles in gene regulation and the modulation of gene expression.",
|
||||
"Histone Modification Mapping- Profiles histone modifications to understand their influence on chromatin structure and gene accessibility, providing insights into epigenetic regulation and chromatin dynamics.",
|
||||
"Regulatory Element Discovery- Uncovers enhancers, silencers, and other regulatory elements that control gene expression, aiding in the identification of key regions involved in gene regulation.",
|
||||
"Epigenetic Research- Studies epigenetic marks associated with various cellular states and processes, such as differentiation and development, to elucidate the mechanisms underlying gene expression changes and disease states.",
|
||||
"Cancer Research- Examines changes in chromatin structure and transcription factor binding in cancer cells, identifying potential biomarkers and therapeutic targets for cancer treatment.",
|
||||
"Developmental Biology- Investigates changes in gene regulation during development, revealing how chromatin modifications and transcription factor binding contribute to cellular differentiation and tissue development.",
|
||||
"Drug Discovery- Provides insights into the effects of drugs on chromatin structure and gene regulation, supporting the identification of new drug targets and the development of therapeutic strategies."
|
||||
];
|
||||
|
||||
return (
|
||||
<ApplicationsLayout
|
||||
title="Applications of ChIP Sequencing"
|
||||
applicationItems={applicationItems}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default ChIPApplications;
|
||||
@ -0,0 +1,31 @@
|
||||
const ChIPBioinformatics = () => {
|
||||
return (
|
||||
<section className="py-8 lg:py-12 bg-gray-50">
|
||||
<div className="container mx-auto max-w-none px-4 lg:px-6">
|
||||
<h2 className="text-gray-600 text-left pb-6 text-2xl lg:text-3xl font-normal mb-8">
|
||||
Bioinformatics Pipeline
|
||||
</h2>
|
||||
|
||||
{/* Pipeline Image */}
|
||||
<div className="bg-white rounded-xl shadow-lg p-6 lg:p-8">
|
||||
<div className="flex justify-center">
|
||||
<img
|
||||
src="/images/chip-bioinformatics-pipeline.jpg"
|
||||
alt="ChIP-Seq Bioinformatics Pipeline Workflow"
|
||||
className="max-w-full h-auto rounded-lg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Pipeline Description */}
|
||||
<div className="mt-6 text-center">
|
||||
<p className="text-gray-600 text-sm lg:text-base">
|
||||
ChIP-Seq bioinformatics pipeline from raw sequencing data to peak calling and downstream analysis
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
|
||||
export default ChIPBioinformatics;
|
||||
@ -0,0 +1,28 @@
|
||||
// ChIPIntroduction.jsx
|
||||
|
||||
import IntroductionLayout from '../../../../components/shared/IntroductionLayout';
|
||||
|
||||
const ChIPIntroduction = () => {
|
||||
const contentItems = [
|
||||
"ChIP-Seq provides a comprehensive genome-wide map of protein-nucleic acid interactions, offering detailed insights into protein-DNA binding events and chromatin organization.",
|
||||
"The workflow begins with chromatin preparation, which includes cross-linking proteins to DNA and fragmenting the chromatin. Protein-DNA complexes are then isolated using specific antibodies and purified.",
|
||||
"Following this, NGS libraries are created by adding adapters and amplifying the DNA, which is subsequently sequenced on an Illumina platform.",
|
||||
"It provides valuable insights into gene regulation, revealing dysregulated pathways in cancers, developmental processes, and other biological phenomena."
|
||||
];
|
||||
|
||||
return (
|
||||
<IntroductionLayout
|
||||
title="Introduction and Workflow"
|
||||
contentItems={contentItems}
|
||||
imageUrl="/images/chip-workflow.png"
|
||||
imageAlt="ChIP Workflow"
|
||||
badgeText="ChIP WORKFLOW"
|
||||
badgeSubtext="Workflow from Chromatin Immunoprecipitation (ChIP) Sequencing"
|
||||
backgroundColor="#f8f9fa"
|
||||
badgeColor="bg-teal-600"
|
||||
useParagraphs={true}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default ChIPIntroduction;
|
||||
@ -0,0 +1,57 @@
|
||||
// ChIPSpecifications.jsx
|
||||
import Link from 'next/link';
|
||||
import SpecificationsLayout from '../../../../components/shared/SpecificationsLayout';
|
||||
|
||||
const ChIPSpecifications = () => {
|
||||
const specificationItems = [
|
||||
{
|
||||
icon: "/images/homepage-2/NGS-Icons-45.svg",
|
||||
title: "Sample Requirement",
|
||||
renderContent: () => (
|
||||
<div>
|
||||
<div className="mb-4">
|
||||
<p className="text-gray-600">Cell sample ≥ 50,000 cells; Nucleus sample ≥ 50,000 nuclei</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 ChIP Sequencing (customizable)</li>
|
||||
</ul>
|
||||
)
|
||||
}
|
||||
];
|
||||
|
||||
return (
|
||||
<SpecificationsLayout
|
||||
title="Service Specifications"
|
||||
specificationItems={specificationItems}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default ChIPSpecifications;
|
||||
@ -0,0 +1,34 @@
|
||||
import TitleBar from '../../../components/shared/TitleBar';
|
||||
import ChIPIntroduction from './components/ChIPIntroduction';
|
||||
import ChIPAdvantages from './components/ChIPAdvantages';
|
||||
import ChIPBioinformatics from './components/ChIPBioinformatics';
|
||||
import ChIPApplications from './components/ChIPApplications';
|
||||
import ChIPSpecifications from './components/ChIPSpecifications';
|
||||
import PageLayout from '../../../components/Layout/PageLayout';
|
||||
|
||||
export default function ChIPSequencingPage() {
|
||||
const breadcrumbs = [
|
||||
{ label: 'Home', href: '/' },
|
||||
{ label: 'Research', href: '/research' },
|
||||
{ label: 'Epigenomics Sequencing', href: '/dna-sequencing/epigenomics-sequencing' },
|
||||
{ label: 'ChIP (Chromatin immunoprecipitation) Sequencing', current: true }
|
||||
];
|
||||
|
||||
return (
|
||||
<PageLayout fixedHeader={true}>
|
||||
<TitleBar
|
||||
title="ChIP (Chromatin immunoprecipitation) Sequencing"
|
||||
desc="Dissecting Gene Regulation with ChIP-Seq"
|
||||
breadcrumbs={breadcrumbs}
|
||||
/>
|
||||
|
||||
<div className="page-content">
|
||||
<ChIPIntroduction />
|
||||
<ChIPAdvantages />
|
||||
<ChIPBioinformatics />
|
||||
<ChIPApplications />
|
||||
<ChIPSpecifications />
|
||||
</div>
|
||||
</PageLayout>
|
||||
);
|
||||
}
|
||||
@ -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;
|
||||
@ -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;
|
||||
@ -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;
|
||||
29
app/dna-sequencing/epigenomics-sequencing/page.js
Normal file
29
app/dna-sequencing/epigenomics-sequencing/page.js
Normal file
@ -0,0 +1,29 @@
|
||||
import TitleBar from '../../components/shared/TitleBar';
|
||||
import EpigenomicsIntroduction from './components/EpigenomicsIntroduction';
|
||||
import EpigenomicsAdvantages from './components/EpigenomicsAdvantages';
|
||||
import EpigenomicsSpecifications from './components/EpigenomicsSpecifications';
|
||||
import PageLayout from '../../components/Layout/PageLayout';
|
||||
|
||||
export default function EpigenomicsSequencingPage() {
|
||||
const breadcrumbs = [
|
||||
{ label: 'Home', href: '/' },
|
||||
{ label: 'Research', href: '/research' },
|
||||
{ label: 'Epigenomics Sequencing', current: true }
|
||||
];
|
||||
|
||||
return (
|
||||
<PageLayout fixedHeader={true}>
|
||||
<TitleBar
|
||||
title="Epigenomics Sequencing"
|
||||
desc="Explore Cellular Memory"
|
||||
breadcrumbs={breadcrumbs}
|
||||
/>
|
||||
|
||||
<div className="page-content">
|
||||
<EpigenomicsIntroduction />
|
||||
<EpigenomicsAdvantages />
|
||||
<EpigenomicsSpecifications />
|
||||
</div>
|
||||
</PageLayout>
|
||||
);
|
||||
}
|
||||
@ -0,0 +1,20 @@
|
||||
// WGBSAdvantages.jsx
|
||||
import AdvantagesLayout from '../../../../components/shared/AdvantagesLayout';
|
||||
|
||||
const WGBSAdvantages = () => {
|
||||
const advantageItems = [
|
||||
"Provides high-resolution mapping of DNA methylation patterns across the genome, including CpG, CHG, and CHH sites, offering detailed insights into epigenetic modifications.",
|
||||
"Enables precise quantification of methylation levels, distinguishing between methylated and unmethylated cytosines based on read counts.",
|
||||
"This technique can detect effective CpG sites reaching over 75% of all CpG sites in the entire genome.",
|
||||
"Provides valuable insights into cell fate determination, genetic reprogramming, gene regulation, developmental epigenetics, disease mechanisms, and the identification of new epigenetic markers and therapeutic targets."
|
||||
];
|
||||
|
||||
return (
|
||||
<AdvantagesLayout
|
||||
title="Advantages of Whole Genome Bisulphite Sequencing (WGBS)"
|
||||
advantageItems={advantageItems}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default WGBSAdvantages;
|
||||
@ -0,0 +1,21 @@
|
||||
// WGBSApplications.jsx
|
||||
import ApplicationsLayout from '../../../../components/shared/AdvantagesLayout';
|
||||
|
||||
const WGBSApplications = () => {
|
||||
const applicationItems = [
|
||||
"DNA Methylation Profiling- Provides a comprehensive map of DNA methylation across the entire genome, revealing methylation patterns associated with gene regulation, epigenetic modifications, and cellular differentiation.",
|
||||
"Cancer Epigenetics- Identifies aberrant DNA methylation patterns in cancerous tissues, which can help in understanding tumorigenesis, detecting early biomarkers for cancer diagnosis, and developing epigenetic-based therapies.",
|
||||
"Developmental Biology- Analyzes changes in DNA methylation during development, offering insights into how epigenetic modifications influence cell differentiation and tissue development.",
|
||||
"Genetic and Epigenetic Research- Explores the interplay between genetic sequences and epigenetic modifications, enhancing our understanding of how genetic variations and environmental factors interact to affect gene expression and contribute to complex diseases.",
|
||||
"Disease Mechanisms- Uncovers epigenetic alterations associated with various diseases, including neurological disorders and cardiovascular diseases, helping in the identification of novel biomarkers and therapeutic targets."
|
||||
];
|
||||
|
||||
return (
|
||||
<ApplicationsLayout
|
||||
title="Applications of Whole Genome Bisulphite Sequencing (WGBS)"
|
||||
applicationItems={applicationItems}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default WGBSApplications;
|
||||
@ -0,0 +1,31 @@
|
||||
const WGBSBioinformatics = () => {
|
||||
return (
|
||||
<section className="py-8 lg:py-12 bg-gray-50">
|
||||
<div className="container mx-auto max-w-none px-4 lg:px-6">
|
||||
<h2 className="text-gray-600 text-left pb-6 text-2xl lg:text-3xl font-normal mb-8">
|
||||
Bioinformatics Pipeline
|
||||
</h2>
|
||||
|
||||
{/* Pipeline Image */}
|
||||
<div className="bg-white rounded-xl shadow-lg p-6 lg:p-8">
|
||||
<div className="flex justify-center">
|
||||
<img
|
||||
src="/images/wgbs-bioinformatics-pipeline.jpg"
|
||||
alt="WGBS Bioinformatics Pipeline Workflow"
|
||||
className="max-w-full h-auto rounded-lg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Pipeline Description */}
|
||||
<div className="mt-6 text-center">
|
||||
<p className="text-gray-600 text-sm lg:text-base">
|
||||
Comprehensive WGBS bioinformatics pipeline including quality control, alignment, methylation calling, and downstream analysis
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
|
||||
export default WGBSBioinformatics;
|
||||
@ -0,0 +1,28 @@
|
||||
// WGBSIntroduction.jsx
|
||||
|
||||
import IntroductionLayout from '../../../../components/shared/IntroductionLayout';
|
||||
|
||||
const WGBSIntroduction = () => {
|
||||
const contentItems = [
|
||||
"Whole Genome Bisulphite Sequencing (WGBS) maps DNA methylation patterns across an entire genome at single-base resolution, offering insights into transcriptional activity and gene regulation.",
|
||||
"The workflow includes DNA isolation, followed by treatment with sodium bisulfite (Gold standard method). This treatment converts unmethylated cytosines into uracils, which are subsequently amplified by PCR and sequenced.",
|
||||
"In bioinformatics analysis, sequencing data is aligned to a reference genome using advanced bioinformatics tools to determine the methylation status at CpG, CHG, and CHH sites.",
|
||||
"Valuable in epigenetic research for its ability to provide high-resolution insights into the regulatory mechanisms of the genome, offering a deeper understanding of cellular functions and molecular pathways."
|
||||
];
|
||||
|
||||
return (
|
||||
<IntroductionLayout
|
||||
title="Introduction and Workflow"
|
||||
contentItems={contentItems}
|
||||
imageUrl="/images/wgbs-workflow.png"
|
||||
imageAlt="WGBS Workflow"
|
||||
badgeText="WGBS WORKFLOW"
|
||||
badgeSubtext="Workflow from Whole Genome Bisulfite Sequencing (WGBS)"
|
||||
backgroundColor="#f8f9fa"
|
||||
badgeColor="bg-teal-600"
|
||||
useParagraphs={true}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default WGBSIntroduction;
|
||||
@ -0,0 +1,57 @@
|
||||
// WGBSSpecifications.jsx
|
||||
import Link from 'next/link';
|
||||
import SpecificationsLayout from '../../../../components/shared/SpecificationsLayout';
|
||||
|
||||
const WGBSSpecifications = () => {
|
||||
const specificationItems = [
|
||||
{
|
||||
icon: "/images/homepage-2/NGS-Icons-45.svg",
|
||||
title: "Sample Requirement",
|
||||
renderContent: () => (
|
||||
<div>
|
||||
<div className="mb-4">
|
||||
<p className="text-gray-600">Samples sources including Genomic DNA of human, animals, plants and microorganisms.</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 WGBS Sequencing (customizable)</li>
|
||||
</ul>
|
||||
)
|
||||
}
|
||||
];
|
||||
|
||||
return (
|
||||
<SpecificationsLayout
|
||||
title="Service Specifications"
|
||||
specificationItems={specificationItems}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default WGBSSpecifications;
|
||||
34
app/dna-sequencing/epigenomics-sequencing/wgbs/page.js
Normal file
34
app/dna-sequencing/epigenomics-sequencing/wgbs/page.js
Normal file
@ -0,0 +1,34 @@
|
||||
import TitleBar from '../../../components/shared/TitleBar';
|
||||
import WGBSIntroduction from './components/WGBSIntroduction';
|
||||
import WGBSAdvantages from './components/WGBSAdvantages';
|
||||
import WGBSBioinformatics from './components/WGBSBioinformatics';
|
||||
import WGBSApplications from './components/WGBSApplications';
|
||||
import WGBSSpecifications from './components/WGBSSpecifications';
|
||||
import PageLayout from '../../../components/Layout/PageLayout';
|
||||
|
||||
export default function WGBSPage() {
|
||||
const breadcrumbs = [
|
||||
{ label: 'Home', href: '/' },
|
||||
{ label: 'Research', href: '/research' },
|
||||
{ label: 'Epigenomics Sequencing', href: '/dna-sequencing/epigenomics-sequencing' },
|
||||
{ label: 'Whole Genome Bisulphite Sequencing', current: true }
|
||||
];
|
||||
|
||||
return (
|
||||
<PageLayout fixedHeader={true}>
|
||||
<TitleBar
|
||||
title="Whole Genome Bisulphite Sequencing (WGBS)"
|
||||
desc="Comprehensive DNA Methylation Profiling"
|
||||
breadcrumbs={breadcrumbs}
|
||||
/>
|
||||
|
||||
<div className="page-content">
|
||||
<WGBSIntroduction />
|
||||
<WGBSAdvantages />
|
||||
<WGBSBioinformatics />
|
||||
<WGBSApplications />
|
||||
<WGBSSpecifications />
|
||||
</div>
|
||||
</PageLayout>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user