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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user