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>
|
||||
);
|
||||
}
|
||||
@ -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>
|
||||
);
|
||||
}
|
||||
@ -0,0 +1,20 @@
|
||||
// app/dna-sequencing/genome-mapping/components/GenomeMappingAdvantages.jsx
|
||||
import AdvantagesLayout from '../../../components/shared/AdvantagesLayout';
|
||||
|
||||
const GenomeMappingAdvantages = () => {
|
||||
const advantageItems = [
|
||||
"Provides detailed structural variant detection and genomic rearrangements, offering comprehensive insights into complex genomic architecture.",
|
||||
"Enables high-resolution analysis of large eukaryotic genomes and their structural features, facilitating better understanding of genome organization.",
|
||||
"Offers comprehensive mapping capabilities that reveal the three-dimensional structure of chromosomes and identify regulatory interactions between distant genomic regions.",
|
||||
"Supports multiple research applications including cancer research, developmental biology, and evolutionary studies by providing detailed genomic structural information."
|
||||
];
|
||||
|
||||
return (
|
||||
<AdvantagesLayout
|
||||
title="Advantages of Genome Mapping"
|
||||
advantageItems={advantageItems}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default GenomeMappingAdvantages;
|
||||
@ -0,0 +1,32 @@
|
||||
// app/dna-sequencing/genome-mapping/components/GenomeMappingIntroduction.jsx
|
||||
import IntroductionLayout from '../../../components/shared/IntroductionLayout';
|
||||
|
||||
const GenomeMappingIntroduction = () => {
|
||||
const contentItems = [
|
||||
"Genome Mapping focuses on determining the structure and order of genes within a genome, providing comprehensive insights into genomic organization and structural variations.",
|
||||
"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 structural arrangements.",
|
||||
"It is a powerful tool for diverse genomic studies, capable of sequencing humans, livestock, plants, bacteria, and disease-related microbes."
|
||||
];
|
||||
|
||||
const serviceTypes = [
|
||||
"HiC Mapping",
|
||||
"Optical Sequencing"
|
||||
];
|
||||
|
||||
return (
|
||||
<IntroductionLayout
|
||||
title="Introduction and Workflow"
|
||||
contentItems={contentItems}
|
||||
imageUrl="/images/genome-mapping-overview.png"
|
||||
imageAlt="Genome Mapping Overview"
|
||||
badgeText="GENOME MAPPING"
|
||||
serviceTypes={serviceTypes}
|
||||
backgroundColor="#f8f9fa"
|
||||
badgeColor="bg-teal-600"
|
||||
useParagraphs={true}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default GenomeMappingIntroduction;
|
||||
@ -0,0 +1,57 @@
|
||||
// app/dna-sequencing/genome-mapping/components/GenomeMappingSpecifications.jsx
|
||||
import Link from 'next/link';
|
||||
import SpecificationsLayout from '../../../components/shared/SpecificationsLayout';
|
||||
|
||||
const GenomeMappingSpecifications = () => {
|
||||
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 Genome Mapping (customizable)</li>
|
||||
</ul>
|
||||
)
|
||||
}
|
||||
];
|
||||
|
||||
return (
|
||||
<SpecificationsLayout
|
||||
title="Service Specifications"
|
||||
specificationItems={specificationItems}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default GenomeMappingSpecifications;
|
||||
@ -0,0 +1,20 @@
|
||||
// app/dna-sequencing/genome-mapping/hi-c-mapping/components/HiCMappingAdvantages.jsx
|
||||
import AdvantagesLayout from '../../../../components/shared/AdvantagesLayout';
|
||||
|
||||
const HiCMappingAdvantages = () => {
|
||||
const advantageItems = [
|
||||
"Quantifies interactions between closely located genomic loci in 3-D space, despite being separated by many nucleotides in the linear genome.",
|
||||
"Provides a detailed view of the 3D architecture of the genome, helping researchers understand how chromatin folding impacts gene regulation, genome organization, and cellular function.",
|
||||
"Captures interactions between distant regions of DNA, enabling the mapping of chromatin loops, topologically associated domains (TADs), and other structural features at high resolution.",
|
||||
"By revealing interactions between regulatory elements, such as enhancers and promoters, Hi-C mapping sheds light on how gene expression is controlled at the epigenetic and transcriptional levels."
|
||||
];
|
||||
|
||||
return (
|
||||
<AdvantagesLayout
|
||||
title="Advantages of High-throughput Chromosome Conformation Capture (Hi-C) Mapping"
|
||||
advantageItems={advantageItems}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default HiCMappingAdvantages;
|
||||
@ -0,0 +1,21 @@
|
||||
// app/dna-sequencing/genome-mapping/hi-c-mapping/components/HiCMappingApplications.jsx
|
||||
import ApplicationsLayout from '../../../../components/shared/ApplicationsLayout';
|
||||
|
||||
const HiCMappingApplications = () => {
|
||||
const applicationItems = [
|
||||
"Gene Regulation Studies- Helps in identifying interactions between distant regulatory elements, such as enhancers and promoters, providing insights into gene expression and transcriptional regulation mechanisms.",
|
||||
"Cancer Research- Widely used to study alterations in chromatin structure associated with cancer, aiding in the discovery of genomic rearrangements, fusion genes, and disrupted regulatory networks that contribute to tumorigenesis.",
|
||||
"Developmental Biology- Reveals how genome architecture changes and influences gene expression patterns critical for tissue differentiation and organ development.",
|
||||
"Epigenetics and Disease Mechanisms- Helps in understanding how epigenetic changes, such as histone modifications and DNA methylation, affect chromatin conformation and contribute to diseases like neurodevelopmental disorders, metabolic diseases, and genetic syndromes.",
|
||||
"Comparative Genomics- Allows researchers to compare 3D genome structures across different species, helping to unravel evolutionary changes in genome organization and how they influence biological diversity."
|
||||
];
|
||||
|
||||
return (
|
||||
<ApplicationsLayout
|
||||
title="Applications of High-throughput Chromosome Conformation Capture (Hi-C) Mapping"
|
||||
applicationItems={applicationItems}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default HiCMappingApplications;
|
||||
@ -0,0 +1,25 @@
|
||||
// app/dna-sequencing/genome-mapping/hi-c-mapping/components/HiCMappingIntroduction.jsx
|
||||
|
||||
import IntroductionLayout from '../../../../components/shared/IntroductionLayout';
|
||||
|
||||
const HiCMappingIntroduction = () => {
|
||||
const contentItems = [
|
||||
"Hi-C Sequencing is a proximity ligation method that captures the three-dimensional (3-D) structure of chromatin by identifying spatial interactions between different regions of chromosomes.",
|
||||
"It helps understand genome organization, gene regulation, and how chromatin structure affects cellular function.",
|
||||
"The workflow involves cross-linking DNA within cells to preserve spatial interactions, followed by fragmentation, ligation of interacting DNA fragments, and sequencing. After sequencing, the resulting data reflects which DNA regions are in close physical proximity within the nucleus.",
|
||||
"The sequenced reads are processed using advanced bioinformatics tools, starting with alignment to a reference genome, followed by the identification of chromatin loops and the construction of 3D models of genome organization.",
|
||||
"Plays pivotal role in multiple applications, including identifying promoter-enhancer interactions for gene regulation studies, detecting structural rearrangements, scaffolding contigs to define chromosomes de novo, and revealing structural errors while accurately reintegrating mis-joined contigs during genome assembly processes."
|
||||
];
|
||||
|
||||
return (
|
||||
<IntroductionLayout
|
||||
title="Introduction and Workflow"
|
||||
contentItems={contentItems}
|
||||
imageUrl="/images/hic-mapping-workflow.png"
|
||||
imageAlt="Hi-C Mapping Workflow"
|
||||
useParagraphs={true}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default HiCMappingIntroduction;
|
||||
@ -0,0 +1,57 @@
|
||||
// app/dna-sequencing/genome-mapping/hi-c-mapping/components/HiCMappingSpecifications.jsx
|
||||
import Link from 'next/link';
|
||||
import SpecificationsLayout from '../../../../components/shared/SpecificationsLayout';
|
||||
|
||||
const HiCMappingSpecifications = () => {
|
||||
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 Hi-C Sequencing (customizable)</li>
|
||||
</ul>
|
||||
)
|
||||
}
|
||||
];
|
||||
|
||||
return (
|
||||
<SpecificationsLayout
|
||||
title="Service Specifications"
|
||||
specificationItems={specificationItems}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default HiCMappingSpecifications;
|
||||
65
app/dna-sequencing/genome-mapping/hi-c-mapping/page.js
Normal file
65
app/dna-sequencing/genome-mapping/hi-c-mapping/page.js
Normal file
@ -0,0 +1,65 @@
|
||||
// app/dna-sequencing/genome-mapping/hi-c-mapping/page.js
|
||||
import TitleBar from '../../../components/shared/TitleBar';
|
||||
import HiCMappingIntroduction from './components/HiCMappingIntroduction';
|
||||
import HiCMappingAdvantages from './components/HiCMappingAdvantages';
|
||||
import HiCMappingApplications from './components/HiCMappingApplications';
|
||||
import HiCMappingSpecifications from './components/HiCMappingSpecifications';
|
||||
import PageLayout from '../../../components/Layout/PageLayout';
|
||||
|
||||
export const metadata = {
|
||||
title: 'High-throughput Chromosome Conformation Capture (Hi-C) Mapping - Operify Tech',
|
||||
description: 'Unravel the 3D Genome: Discover Connections, Define Structures',
|
||||
robots: 'noindex, follow',
|
||||
};
|
||||
|
||||
export default function HiCMappingPage() {
|
||||
const breadcrumbs = [
|
||||
{
|
||||
label: 'Home',
|
||||
href: '/',
|
||||
current: false
|
||||
},
|
||||
{
|
||||
label: 'Research',
|
||||
href: '/dna-sequencing',
|
||||
current: false
|
||||
},
|
||||
{
|
||||
label: 'Genome Mapping',
|
||||
href: '/dna-sequencing/genome-mapping',
|
||||
current: false
|
||||
},
|
||||
{
|
||||
label: 'Hi-C Mapping',
|
||||
href: null,
|
||||
current: true
|
||||
}
|
||||
];
|
||||
|
||||
return (
|
||||
<PageLayout fixedHeader={true}>
|
||||
{/* Title Bar */}
|
||||
<TitleBar
|
||||
title="High-throughput Chromosome Conformation Capture (Hi-C) Mapping"
|
||||
desc="Unravel the 3D Genome"
|
||||
breadcrumbs={breadcrumbs}
|
||||
backgroundImage="/images/bredcrumb.jpg"
|
||||
/>
|
||||
|
||||
{/* Page Content */}
|
||||
<div className="page-content">
|
||||
{/* Introduction Section */}
|
||||
<HiCMappingIntroduction />
|
||||
|
||||
{/* Advantages Section */}
|
||||
<HiCMappingAdvantages />
|
||||
|
||||
{/* Applications Section */}
|
||||
<HiCMappingApplications />
|
||||
|
||||
{/* Specifications Section */}
|
||||
<HiCMappingSpecifications />
|
||||
</div>
|
||||
</PageLayout>
|
||||
);
|
||||
}
|
||||
@ -0,0 +1,20 @@
|
||||
// app/dna-sequencing/genome-mapping/optical-mapping/components/OpticalMappingAdvantages.jsx
|
||||
import AdvantagesLayout from '../../../../components/shared/AdvantagesLayout';
|
||||
|
||||
const OpticalMappingAdvantages = () => {
|
||||
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 Optical Mapping"
|
||||
advantageItems={advantageItems}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default OpticalMappingAdvantages;
|
||||
@ -0,0 +1,23 @@
|
||||
// app/dna-sequencing/genome-mapping/optical-mapping/components/OpticalMappingApplications.jsx
|
||||
import ApplicationsLayout from '../../../../components/shared/ApplicationsLayout';
|
||||
|
||||
const OpticalMappingApplications = () => {
|
||||
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 Optical Mapping"
|
||||
applicationItems={applicationItems}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default OpticalMappingApplications;
|
||||
@ -0,0 +1,25 @@
|
||||
// app/dna-sequencing/genome-mapping/optical-mapping/components/OpticalMappingIntroduction.jsx
|
||||
|
||||
import IntroductionLayout from '../../../../components/shared/IntroductionLayout';
|
||||
|
||||
const OpticalMappingIntroduction = () => {
|
||||
const contentItems = [
|
||||
"Method to resolve large-scale structural variations by linearizing strands of high molecular weight (HMW) DNA and imaging them in their native state, offering high sensitivity and accuracy to correct sequencing-based errors.",
|
||||
"The workflow begins with isolating high-molecular-weight DNA, followed by labeling specific sequences with fluorescent tags. These labeled long DNA molecules are then loaded onto Saphyr Chip's NanoChannels for imaging, where they are linearized and imaged to create a \"barcode\" pattern representing the genome's structure.",
|
||||
"The barcode patterns are aligned to a reference genome for assembly with enhanced contiguity using bioinformatics tools to detect structural variations and assemble large genomic segments.",
|
||||
"This allows for the comparison of genomic maps, identification of rearrangements, and integration with other sequencing data for comprehensive genome analysis.",
|
||||
"With the application in clinical and discovery research, the technique is improving genomics assembly, understanding of genetic disease and cancer by detecting CNVs, chromosomal aberrations and structural variants. Enables high-resolution analysis of large eukaryotic genomes and their structural features."
|
||||
];
|
||||
|
||||
return (
|
||||
<IntroductionLayout
|
||||
title="Introduction and Workflow"
|
||||
contentItems={contentItems}
|
||||
imageUrl="/images/optical-mapping-workflow.png"
|
||||
imageAlt="Optical Mapping Workflow"
|
||||
useParagraphs={true}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default OpticalMappingIntroduction;
|
||||
@ -0,0 +1,57 @@
|
||||
// app/dna-sequencing/genome-mapping/optical-mapping/components/OpticalMappingSpecifications.jsx
|
||||
import Link from 'next/link';
|
||||
import SpecificationsLayout from '../../../../components/shared/SpecificationsLayout';
|
||||
|
||||
const OpticalMappingSpecifications = () => {
|
||||
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 WGBS Sequencing (customizable)</li>
|
||||
</ul>
|
||||
)
|
||||
}
|
||||
];
|
||||
|
||||
return (
|
||||
<SpecificationsLayout
|
||||
title="Service Specifications"
|
||||
specificationItems={specificationItems}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default OpticalMappingSpecifications;
|
||||
66
app/dna-sequencing/genome-mapping/optical-mapping/page.js
Normal file
66
app/dna-sequencing/genome-mapping/optical-mapping/page.js
Normal file
@ -0,0 +1,66 @@
|
||||
// app/dna-sequencing/genome-mapping/optical-mapping/page.js
|
||||
import TitleBar from '../../../components/shared/TitleBar';
|
||||
import OpticalMappingIntroduction from './components/OpticalMappingIntroduction';
|
||||
import OpticalMappingAdvantages from './components/OpticalMappingAdvantages';
|
||||
import OpticalMappingApplications from './components/OpticalMappingApplications';
|
||||
import OpticalMappingSpecifications from './components/OpticalMappingSpecifications';
|
||||
import PageLayout from '../../../components/Layout/PageLayout';
|
||||
|
||||
export const metadata = {
|
||||
title: 'Optical Mapping - Operify Tech',
|
||||
description: 'Dissecting Gene Regulation with Advanced Optical Mapping',
|
||||
robots: 'noindex, follow',
|
||||
};
|
||||
|
||||
export default function OpticalMappingPage() {
|
||||
const breadcrumbs = [
|
||||
{
|
||||
label: 'Home',
|
||||
href: '/',
|
||||
current: false
|
||||
},
|
||||
{
|
||||
label: 'Research',
|
||||
href: '/dna-sequencing',
|
||||
current: false
|
||||
},
|
||||
{
|
||||
label: 'Genome Mapping',
|
||||
href: '/dna-sequencing/genome-mapping',
|
||||
current: false
|
||||
},
|
||||
{
|
||||
label: 'Optical Mapping',
|
||||
href: null,
|
||||
current: true
|
||||
}
|
||||
];
|
||||
|
||||
return (
|
||||
<PageLayout fixedHeader={true}>
|
||||
{/* Title Bar */}
|
||||
<TitleBar
|
||||
title="Optical Mapping"
|
||||
desc="Dissecting Gene Regulation with Advanced Optical Mapping"
|
||||
breadcrumbs={breadcrumbs}
|
||||
backgroundImage="/images/bredcrumb.jpg"
|
||||
/>
|
||||
|
||||
{/* Page Content */}
|
||||
<div className="page-content">
|
||||
{/* Introduction Section */}
|
||||
<OpticalMappingIntroduction />
|
||||
|
||||
{/* Advantages Section */}
|
||||
<OpticalMappingAdvantages />
|
||||
|
||||
{/* Applications Section */}
|
||||
<OpticalMappingApplications />
|
||||
|
||||
{/* Specifications Section */}
|
||||
<OpticalMappingSpecifications />
|
||||
</div>
|
||||
|
||||
</PageLayout>
|
||||
);
|
||||
}
|
||||
56
app/dna-sequencing/genome-mapping/page.js
Normal file
56
app/dna-sequencing/genome-mapping/page.js
Normal file
@ -0,0 +1,56 @@
|
||||
// app/dna-sequencing/genome-mapping/page.js
|
||||
import TitleBar from '../../components/shared/TitleBar';
|
||||
import GenomeMappingIntroduction from './components/GenomeMappingIntroduction';
|
||||
import GenomeMappingAdvantages from './components/GenomeMappingAdvantages';
|
||||
import GenomeMappingSpecifications from './components/GenomeMappingSpecifications';
|
||||
import PageLayout from '../../components/Layout/PageLayout';
|
||||
|
||||
export const metadata = {
|
||||
title: 'Genome Mapping - Operify Tech',
|
||||
description: 'Unlocking Genomic Secrets, One Map at a Time',
|
||||
robots: 'noindex, follow',
|
||||
};
|
||||
|
||||
export default function GenomeMappingPage() {
|
||||
const breadcrumbs = [
|
||||
{
|
||||
label: 'Home',
|
||||
href: '/',
|
||||
current: false
|
||||
},
|
||||
{
|
||||
label: 'Research',
|
||||
href: '/dna-sequencing',
|
||||
current: false
|
||||
},
|
||||
{
|
||||
label: 'Genome Mapping',
|
||||
href: null,
|
||||
current: true
|
||||
}
|
||||
];
|
||||
|
||||
return (
|
||||
<PageLayout fixedHeader={true}>
|
||||
{/* Title Bar */}
|
||||
<TitleBar
|
||||
title="Genome Mapping"
|
||||
desc="Unlocking Genomic Secrets, One Map at a Time"
|
||||
breadcrumbs={breadcrumbs}
|
||||
backgroundImage="/images/bredcrumb.jpg"
|
||||
/>
|
||||
|
||||
{/* Page Content */}
|
||||
<div className="page-content">
|
||||
{/* Introduction Section */}
|
||||
<GenomeMappingIntroduction />
|
||||
|
||||
{/* Advantages Section */}
|
||||
<GenomeMappingAdvantages />
|
||||
|
||||
{/* Specifications Section */}
|
||||
<GenomeMappingSpecifications />
|
||||
</div>
|
||||
</PageLayout>
|
||||
);
|
||||
}
|
||||
@ -0,0 +1,20 @@
|
||||
// app/dna-sequencing/hybrid-genome-sequencing/components/HybridAdvantages.jsx
|
||||
import AdvantagesLayout from '../../../components/shared/AdvantagesLayout';
|
||||
|
||||
const HybridAdvantages = () => {
|
||||
const advantageItems = [
|
||||
"Combines long-read and short-read sequencing for more complete and accurate genome assemblies, effectively resolving complex regions and reducing gaps.",
|
||||
"Balances the cost efficiency of short-read sequencing with the detailed resolution of long-read sequencing, making it a budget-friendly choice for comprehensive genome analysis.",
|
||||
"Enhances detection of structural variants, such as large insertions and deletions, improving the understanding of genetic diversity and disease mechanisms.",
|
||||
"Provides better coverage of challenging genomic features, like high GC content and repetitive sequences, by leveraging the strengths of both sequencing technologies."
|
||||
];
|
||||
|
||||
return (
|
||||
<AdvantagesLayout
|
||||
title="Advantages of Hybrid Genome Sequencing"
|
||||
advantageItems={advantageItems}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default HybridAdvantages;
|
||||
@ -0,0 +1,19 @@
|
||||
// app/dna-sequencing/hybrid-genome-sequencing/components/HybridApplications.jsx
|
||||
import ApplicationsLayout from '../../../components/shared/ApplicationsLayout';
|
||||
|
||||
const HybridApplications = () => {
|
||||
const applicationItems = [
|
||||
"Comprehensive Genome Mapping- Hybrid genome sequencing is used to create detailed genome maps by combining the strengths of both short-read and long-read technologies, leading to more complete and accurate assemblies of complex genomes.",
|
||||
"Structural Variant Detection- This approach is effective in identifying structural variants, such as large deletions, duplications, and insertions, which are often challenging to detect with short-read sequencing alone.",
|
||||
"Genetic Diversity and Evolutionary Studies- It facilitates the study of genetic diversity and evolutionary processes by providing high-resolution data on genomic variations across different species and populations."
|
||||
];
|
||||
|
||||
return (
|
||||
<ApplicationsLayout
|
||||
title="Applications of Hybrid Genome Sequencing"
|
||||
applicationItems={applicationItems}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default HybridApplications;
|
||||
@ -0,0 +1,26 @@
|
||||
// app/dna-sequencing/hybrid-genome-sequencing/components/HybridBioinformatics.jsx
|
||||
|
||||
const HybridBioinformatics = () => {
|
||||
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/bioinformatics-pipeline.jpg"
|
||||
alt="Bioinformatics Pipeline Workflow"
|
||||
className="max-w-full h-auto rounded-lg"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
|
||||
export default HybridBioinformatics;
|
||||
@ -0,0 +1,23 @@
|
||||
// app/dna-sequencing/hybrid-genome-sequencing/components/HybridIntroduction.jsx
|
||||
import IntroductionLayout from '../../../components/shared/IntroductionLayout';
|
||||
|
||||
const HybridIntroduction = () => {
|
||||
const contentItems = [
|
||||
"Hybrid sequencing integrates the accuracy of short-read sequencing (Illumina) with the comprehensive coverage of long-read sequencing (PacBio or Nanopore), ensuring detailed and complete genome assemblies.",
|
||||
"This approach involves sequencing the same sample with both technologies, which means different libraries are prepared for both the technology followed by sequencing.",
|
||||
"Following sequencing, advanced bioinformatics tools are used to align and integrate the long and short reads, enhancing variant detection and improving the resolution of complex genomic regions.",
|
||||
"Hybrid sequencing is applicable to a wide range of research areas, from complex genome assemblies to resolving repetitive regions and improving the quality of reference genomes."
|
||||
];
|
||||
|
||||
return (
|
||||
<IntroductionLayout
|
||||
title="Introduction and Workflow"
|
||||
contentItems={contentItems}
|
||||
imageUrl="/images/sample-process-steps.png"
|
||||
imageAlt="Sample Process Steps"
|
||||
useParagraphs={true}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default HybridIntroduction;
|
||||
@ -0,0 +1,57 @@
|
||||
// app/dna-sequencing/hybrid-genome-sequencing/components/HybridSpecifications.jsx
|
||||
import Link from 'next/link';
|
||||
import SpecificationsLayout from '../../../components/shared/SpecificationsLayout';
|
||||
|
||||
const HybridSpecifications = () => {
|
||||
const specificationItems = [
|
||||
{
|
||||
icon: "/images/homepage-2/NGS-Icons-45.svg",
|
||||
title: "Sample Requirement",
|
||||
renderContent: () => (
|
||||
<div>
|
||||
<div className="mb-4">
|
||||
<p className="text-gray-600">Blood, Tissue, 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 and PacBio/Oxford Nanopore"
|
||||
},
|
||||
{
|
||||
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 Hybrid Genome Sequencing (customizable)</li>
|
||||
</ul>
|
||||
)
|
||||
}
|
||||
];
|
||||
|
||||
return (
|
||||
<SpecificationsLayout
|
||||
title="Service Specifications"
|
||||
specificationItems={specificationItems}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default HybridSpecifications;
|
||||
64
app/dna-sequencing/hybrid-genome-sequencing/page.js
Normal file
64
app/dna-sequencing/hybrid-genome-sequencing/page.js
Normal file
@ -0,0 +1,64 @@
|
||||
// app/dna-sequencing/snp-genotyping/page.js
|
||||
import TitleBar from '../../components/shared/TitleBar';
|
||||
import HybridIntroduction from './components/HybridIntroduction';
|
||||
import HybridAdvantages from './components/HybridAdvantages';
|
||||
import HybridBioinformatics from './components/HybridBioinformatics';
|
||||
import HybridApplications from './components/HybridApplications';
|
||||
import HybridSpecifications from './components/HybridSpecifications';
|
||||
import PageLayout from '../../components/Layout/PageLayout';
|
||||
|
||||
export const metadata = {
|
||||
title: 'Hybrid Genome Sequencing - Operify Tech',
|
||||
description: 'Unifying Technologies for Deeper Genomic Clarity - Comprehensive Genomics Through Combined Power',
|
||||
robots: 'noindex, follow',
|
||||
};
|
||||
|
||||
export default function HybridGenomeSequencingPage() {
|
||||
const breadcrumbs = [
|
||||
{
|
||||
label: 'Home',
|
||||
href: '/',
|
||||
current: false
|
||||
},
|
||||
{
|
||||
label: 'Research',
|
||||
href: '/dna-sequencing',
|
||||
current: false
|
||||
},
|
||||
{
|
||||
label: 'Hybrid Genome Sequencing',
|
||||
href: null,
|
||||
current: true
|
||||
}
|
||||
];
|
||||
|
||||
return (
|
||||
<PageLayout fixedHeader={true}>
|
||||
{/* Title Bar */}
|
||||
<TitleBar
|
||||
title="Hybrid Genome Sequencing"
|
||||
desc="Unifying Technologies for Deeper Genomic Clarity"
|
||||
breadcrumbs={breadcrumbs}
|
||||
backgroundImage="/images/bredcrumb.jpg"
|
||||
/>
|
||||
|
||||
{/* Page Content */}
|
||||
<div className="page-content">
|
||||
{/* Introduction Section */}
|
||||
<HybridIntroduction />
|
||||
|
||||
{/* Advantages Section */}
|
||||
<HybridAdvantages />
|
||||
|
||||
{/* Bioinformatics Pipeline Section */}
|
||||
<HybridBioinformatics />
|
||||
|
||||
{/* Applications Section */}
|
||||
<HybridApplications />
|
||||
|
||||
{/* Specifications Section */}
|
||||
<HybridSpecifications />
|
||||
</div>
|
||||
</PageLayout>
|
||||
);
|
||||
}
|
||||
@ -0,0 +1,19 @@
|
||||
import AdvantagesLayout from '../../../components/shared/AdvantagesLayout';
|
||||
|
||||
const LongReadAdvantages = () => {
|
||||
const advantageItems = [
|
||||
"Captures long DNA strands in a single read, providing complete and accurate genome representation.",
|
||||
"Reduces gaps and errors, enabling precise detection of large structural variants.",
|
||||
"Facilitates high-quality de novo genome assembly.",
|
||||
"Real-time sequencing allows faster insights and decision-making, especially in clinical settings."
|
||||
];
|
||||
|
||||
return (
|
||||
<AdvantagesLayout
|
||||
title="Advantages of Long Read Sequencing"
|
||||
advantageItems={advantageItems}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default LongReadAdvantages;
|
||||
@ -0,0 +1,20 @@
|
||||
// LongReadApplications.jsx
|
||||
import ApplicationsLayout from '../../../components/shared/ApplicationsLayout';
|
||||
|
||||
const LongReadApplications = () => {
|
||||
const applicationItems = [
|
||||
"Structural Variant Detection- Identifies large insertions, deletions, duplications, inversions, and translocations that short reads often miss.",
|
||||
"De Novo Genome Assembly- Generates complete genome assemblies even in repetitive or uncharted genomic regions.",
|
||||
"Haplotype Phasing- Spans long stretches of DNA, useful for understanding inherited traits and allelic relationships.",
|
||||
"Complex Region Analysis- Effective in resolving telomeres, centromeres, MHC, and other challenging genomic regions."
|
||||
];
|
||||
|
||||
return (
|
||||
<ApplicationsLayout
|
||||
title="Applications of Long Read Sequencing"
|
||||
applicationItems={applicationItems}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default LongReadApplications;
|
||||
@ -0,0 +1,219 @@
|
||||
const LongReadComparison = () => {
|
||||
const comparisonData = [
|
||||
{
|
||||
category: "Read Length",
|
||||
illumina: "Paired-end 150 bp or 250bp\nHighly accurate (> 99.9%) while Limited to ~500bp",
|
||||
pacbio: "Average ≥ 15 kb\nbp to kb",
|
||||
nanopore: "Average > 17 kb\nKb to Mb"
|
||||
},
|
||||
{
|
||||
category: "Variant Calling",
|
||||
illumina: "Accurately detect the SNVs and InDels\nWhile Lower accuracy on the complex SVs detection",
|
||||
pacbio: "Long Read Length with High Accuracy: Good coverage of highly repetition and complexity area\nDetect SVs with high precision",
|
||||
nanopore: "Long Read Length with High Accuracy: Good coverage of highly repetition and complexity area\nDetect SVs with high precision"
|
||||
},
|
||||
{
|
||||
category: "Amplification/GC Bias",
|
||||
illumina: "PCR for cluster generation:\n1.Clonally amplified templates masquerade as variants\n2.Underrepresentation of AT-rich and GC-rich regions",
|
||||
pacbio: "NO GC Bias & Amplification Bias\nPCR-free to allow a uniform coverage and High Contiguity",
|
||||
nanopore: "NO GC Bias & Amplification Bias\nPCR-free to allow a uniform coverage and High Contiguity"
|
||||
},
|
||||
{
|
||||
category: "Machine Errors",
|
||||
illumina: "Signal Decay and Dephasing:\nGradual consumption of reagent\nSeq error rate increases with the length of reads",
|
||||
pacbio: "Relaxed requirement for cycle efficiency",
|
||||
nanopore: "Relaxed requirement for cycle efficiency"
|
||||
},
|
||||
{
|
||||
category: "DNA Methylation Detection",
|
||||
illumina: "WGBS or RRBS is required and limited on detection of CpG, CHH, CHG",
|
||||
pacbio: "Simultaneous Epigenetic Characterization\nDiverse DNA methylation types: CpG, CHH, CHG, 6mA, 4mC, 5hmc",
|
||||
nanopore: "Simultaneous Epigenetic Characterization\nDiverse DNA methylation types: CpG, CHH, CHG, 6mA, 4mC, 5hmc"
|
||||
}
|
||||
];
|
||||
|
||||
const formatContent = (content, isHighlighted = false) => {
|
||||
if (content.includes("Long Read Length")) {
|
||||
return (
|
||||
<div>
|
||||
<span className="text-blue-600 font-medium">Long Read Length with High Accuracy</span>
|
||||
{content.replace("Long Read Length with High Accuracy", "")}
|
||||
</div>
|
||||
);
|
||||
} else if (content.includes("NO GC Bias")) {
|
||||
return (
|
||||
<div>
|
||||
<span className="text-blue-600 font-medium">NO GC Bias & Amplification Bias</span>
|
||||
{content.replace("NO GC Bias & Amplification Bias", "")}
|
||||
</div>
|
||||
);
|
||||
} else if (content.includes("Simultaneous")) {
|
||||
return (
|
||||
<div>
|
||||
<span className="text-blue-600 font-medium">Simultaneous Epigenetic Characterization</span>
|
||||
{content.replace("Simultaneous Epigenetic Characterization", "")}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
return content;
|
||||
};
|
||||
|
||||
return (
|
||||
<section className="py-12 bg-white">
|
||||
<div className="container-fluid px-4 lg:px-12">
|
||||
<h2 className="text-2xl lg:text-3xl text-gray-700 mb-8">
|
||||
Comparison of Sequencers
|
||||
</h2>
|
||||
|
||||
{/* Original Image Section */}
|
||||
<div className="mb-12">
|
||||
<div className="text-center">
|
||||
<img
|
||||
src="/images/long-read-comparison.jpg"
|
||||
alt="Long Read Comparison Chart"
|
||||
className="w-full max-w-4xl mx-auto rounded-lg border shadow-md"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Detailed Comparison Table Section */}
|
||||
<div className="mb-8">
|
||||
<h3 className="text-xl lg:text-2xl text-gray-700 mb-6 text-center">
|
||||
Comparison and specification of sequencing platforms between short-read and long-read sequencing on WGS
|
||||
</h3>
|
||||
</div>
|
||||
|
||||
<div className="flex flex-col xl:flex-row gap-8">
|
||||
{/* Mobile Card Layout (hidden on desktop) */}
|
||||
<div className="xl:hidden space-y-6">
|
||||
{/* Mobile Table Header */}
|
||||
<div className="bg-gray-100 rounded-lg p-4 mb-6">
|
||||
<div className="grid grid-cols-1 gap-3">
|
||||
<div className="font-semibold text-gray-700 text-center text-lg">Platform Types</div>
|
||||
<div className="grid grid-cols-3 gap-2 text-center">
|
||||
<div className="font-medium text-gray-600 text-sm">Illumina NovaSeq 6000</div>
|
||||
<div className="font-medium text-gray-600 text-sm">PacBio Sequel II/IIe</div>
|
||||
<div className="font-medium text-gray-600 text-sm">Nanopore PromethION</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{comparisonData.map((row, index) => (
|
||||
<div key={index} className="bg-white border border-gray-300 rounded-lg shadow-sm">
|
||||
<div className="bg-gray-100 px-4 py-3 rounded-t-lg">
|
||||
<h4 className="font-semibold text-gray-700">{row.category}</h4>
|
||||
</div>
|
||||
<div className="p-4 space-y-4">
|
||||
<div className="border-b border-gray-200 pb-3">
|
||||
<h5 className="font-medium text-sm text-gray-600 mb-2">Illumina NovaSeq 6000</h5>
|
||||
<div className="text-sm text-gray-600 whitespace-pre-line leading-relaxed">
|
||||
{row.illumina}
|
||||
</div>
|
||||
</div>
|
||||
<div className="border-b border-gray-200 pb-3">
|
||||
<h5 className="font-medium text-sm text-gray-600 mb-2">PacBio Sequel II/IIe</h5>
|
||||
<div className="text-sm text-gray-600 whitespace-pre-line leading-relaxed">
|
||||
{formatContent(row.pacbio)}
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<h5 className="font-medium text-sm text-gray-600 mb-2">Nanopore PromethION</h5>
|
||||
<div className="text-sm text-gray-600 whitespace-pre-line leading-relaxed">
|
||||
{formatContent(row.nanopore)}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
|
||||
{/* Desktop Table Layout (hidden on mobile) */}
|
||||
<div className="hidden xl:flex flex-1">
|
||||
<table className="w-full border-collapse border border-gray-300 bg-white shadow-lg rounded-lg">
|
||||
<thead>
|
||||
<tr className="bg-gray-100">
|
||||
<th className="border border-gray-300 p-3 text-left font-semibold text-gray-700">
|
||||
Platform Types
|
||||
</th>
|
||||
<th className="border border-gray-300 p-3 text-center font-semibold text-gray-700">
|
||||
Illumina NovaSeq 6000
|
||||
</th>
|
||||
<th className="border border-gray-300 p-3 text-center font-semibold text-gray-700">
|
||||
PacBio Sequel II/IIe
|
||||
</th>
|
||||
<th className="border border-gray-300 p-3 text-center font-semibold text-gray-700">
|
||||
Nanopore PromethION
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{comparisonData.map((row, index) => (
|
||||
<tr key={index} className={index % 2 === 0 ? "bg-white" : "bg-gray-50"}>
|
||||
<td className="border border-gray-300 p-3 font-medium text-gray-700 bg-gray-50">
|
||||
{row.category}
|
||||
</td>
|
||||
<td className="border border-gray-300 p-3 text-sm text-gray-600">
|
||||
<div className="whitespace-pre-line leading-relaxed">
|
||||
{row.illumina}
|
||||
</div>
|
||||
</td>
|
||||
<td className="border border-gray-300 p-3 text-sm text-gray-600">
|
||||
<div className="whitespace-pre-line leading-relaxed">
|
||||
{formatContent(row.pacbio)}
|
||||
</div>
|
||||
</td>
|
||||
<td className="border border-gray-300 p-3 text-sm text-gray-600">
|
||||
<div className="whitespace-pre-line leading-relaxed">
|
||||
{formatContent(row.nanopore)}
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
))}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
{/* Right side - Key Highlights */}
|
||||
<div className="xl:w-80 flex-shrink-0">
|
||||
<div className="bg-gradient-to-br from-teal-50 to-blue-50 rounded-lg p-6 h-full">
|
||||
<h3 className="text-lg font-semibold text-gray-700 mb-4 border-b border-teal-200 pb-2">
|
||||
Key Technology Highlights
|
||||
</h3>
|
||||
|
||||
<div className="space-y-4">
|
||||
<div className="bg-white rounded-lg p-4 shadow-sm">
|
||||
<h4 className="font-medium text-green-600 mb-2">Oxford Nanopore</h4>
|
||||
<ul className="text-sm text-gray-600 space-y-1">
|
||||
<li>• Real-time sequencing via protein nanopores</li>
|
||||
<li>• Portable devices for field diagnostics</li>
|
||||
<li>• Direct base modification detection</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div className="bg-white rounded-lg p-4 shadow-sm">
|
||||
<h4 className="font-medium text-green-600 mb-2">PacBio SMRT</h4>
|
||||
<ul className="text-sm text-gray-600 space-y-1">
|
||||
<li>• Hi-Fi reads with 99.9% accuracy</li>
|
||||
<li>• Excellent for complex genomes</li>
|
||||
<li>• Haplotype resolution in polyploids</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div className="bg-white rounded-lg p-4 shadow-sm">
|
||||
<h4 className="font-medium text-green-600 mb-2">Illumina</h4>
|
||||
<ul className="text-sm text-gray-600 space-y-1">
|
||||
<li>• High accuracy for SNVs and InDels</li>
|
||||
<li>• Cost-effective for large studies</li>
|
||||
<li>• Mature bioinformatics tools</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
|
||||
export default LongReadComparison;
|
||||
@ -0,0 +1,26 @@
|
||||
// LongReadIntroduction.jsx
|
||||
import IntroductionLayout from '../../../components/shared/IntroductionLayout';
|
||||
|
||||
const LongReadIntroduction = () => {
|
||||
const contentItems = [
|
||||
"Whole Genome Long Read Sequencing captures an organism's entire genome in a single read using extended strands, allowing precise analysis of complex genomic regions and structural variations.",
|
||||
"Technologies like Oxford Nanopore and PacBio enable real-time sequencing with high accuracy. The process involves DNA isolation, fragmentation, and advanced bioinformatics analysis for accurate variant detection.",
|
||||
"This workflow supports sequencing for humans, animals, plants, bacteria, and disease-related microbes using long continuous reads for better genome assembly."
|
||||
];
|
||||
|
||||
return (
|
||||
<IntroductionLayout
|
||||
title="Introduction and Workflow"
|
||||
contentItems={contentItems}
|
||||
imageUrl="/images/long-read-intro.png"
|
||||
imageAlt="Long Read Sequencing"
|
||||
badgeText="LONG READ SEQUENCING"
|
||||
badgeSubtext="Oxford Nanopore & PacBio Platforms"
|
||||
backgroundColor="#f8f9fa"
|
||||
badgeColor="bg-teal-600"
|
||||
useParagraphs={true}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default LongReadIntroduction;
|
||||
@ -0,0 +1,84 @@
|
||||
// 7c - LongReadNanopore.jsx
|
||||
const LongReadNanopore = () => {
|
||||
return (
|
||||
<section className="py-0 md:py-12 lg:py-16">
|
||||
<div className="container-fluid px-0">
|
||||
<h2 className="text-2xl lg:text-3xl text-gray-700 text-left pb-2 px-4 lg:px-8 mb-8">
|
||||
Long Read Sequencing Technologies
|
||||
</h2>
|
||||
|
||||
{/* Oxford Nanopore Technology Section */}
|
||||
<div className="mb-12">
|
||||
<h3 className="text-xl lg:text-2xl text-gray-700 text-left pb-2 px-4 lg:px-8 mb-4">
|
||||
Long Read Sequencing using Oxford Nanopore Technology
|
||||
</h3>
|
||||
|
||||
<div className="grid grid-cols-1 lg:grid-cols-[1fr_1.14fr] min-h-[140px] lg:min-h-[280px]">
|
||||
<div
|
||||
className="bg-cover bg-center bg-no-repeat min-h-[220px] lg:min-h-[280px] flex items-center justify-center bg-gray-100 order-2 lg:order-1"
|
||||
style={{
|
||||
backgroundImage: "url('/images/oxford-nanopore-tech.png')",
|
||||
backgroundColor: '#f8f9fa'
|
||||
}}
|
||||
>
|
||||
<div className="text-center p-4">
|
||||
<div className="bg-blue-600 text-white px-4 py-2 rounded-lg mb-4">
|
||||
<span className="text-sm font-medium">OXFORD NANOPORE</span>
|
||||
</div>
|
||||
<div className="text-gray-600 text-sm">
|
||||
Real-time DNA Analysis
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="px-6 lg:px-9 py-6 lg:py-0 order-1 lg:order-2">
|
||||
<ul className="list-disc list-inside space-y-3 text-gray-600 leading-relaxed">
|
||||
<li>Long-read Sequencing using Oxford Nanopore Technologies (ONT) delivers longer, continuous, and unambiguously assembled sequences, resulting in fewer contigs and enhancing overlap for accurate genome assembly.</li>
|
||||
<li>Helps in sequencing long stretches of DNA for complete genome assemblies of microbial, human, animal and plant species.</li>
|
||||
<li>Enables direct, real-time analysis of long DNA or RNA fragments by measuring changes in electric current as they pass through a nanopore embedded in a flow cell.</li>
|
||||
<li>Nanopore sequencing offers advantages across multiple research areas, including genome assembly, full-length transcript detection, base modification detection, and specialized applications like rapid clinical diagnoses and outbreak surveillance.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* PacBio Technology Section */}
|
||||
<div>
|
||||
<h3 className="text-xl lg:text-2xl text-gray-700 text-left pb-2 px-4 lg:px-8 mb-4">
|
||||
Long Read Sequencing using PacBio Technology
|
||||
</h3>
|
||||
|
||||
<div className="grid grid-cols-1 lg:grid-cols-[1.14fr_1fr] min-h-[140px] lg:min-h-[280px]">
|
||||
<div className="px-6 lg:px-9 py-6 lg:py-0">
|
||||
<ul className="list-disc list-inside space-y-3 text-gray-600 leading-relaxed">
|
||||
<li>PCR-free SMRT technology producing Hi-Fi reads via circular consensus sequencing (CCS) mode, yielding long reads up to 25 kb with 99.9% base level accuracy.</li>
|
||||
<li>Enables rapid and cost-effective generation of contiguous, complete, and accurate de novo genome assemblies, even for complex genomes.</li>
|
||||
<li>Allows the haplotype resolution of complex polyploids, particularly in plants.</li>
|
||||
<li>The technology can be utilized to provide a comprehensive view of the epigenome and transcriptome, as well as uncover different variants such as SNPs, homopolymer repeats, translocations, structural variants, and copy number variants.</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
className="bg-cover bg-center bg-no-repeat min-h-[220px] lg:min-h-[280px] flex items-center justify-center bg-gray-100"
|
||||
style={{
|
||||
backgroundImage: "url('/images/pacbio-tech.png')",
|
||||
backgroundColor: '#f8f9fa'
|
||||
}}
|
||||
>
|
||||
<div className="text-center p-4">
|
||||
<div className="bg-green-600 text-white px-4 py-2 rounded-lg mb-4">
|
||||
<span className="text-sm font-medium">PACBIO SMRT</span>
|
||||
</div>
|
||||
<div className="text-gray-600 text-sm">
|
||||
Hi-Fi Circular Consensus Sequencing
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
|
||||
export default LongReadNanopore;
|
||||
@ -0,0 +1,57 @@
|
||||
// LongReadSpecifications.jsx
|
||||
import Link from 'next/link';
|
||||
import SpecificationsLayout from '../../../components/shared/SpecificationsLayout';
|
||||
|
||||
const LongReadSpecifications = () => {
|
||||
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: "PacBio, Oxford Nanopore"
|
||||
},
|
||||
{
|
||||
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 Whole Genome ReSequencing (customizable)</li>
|
||||
</ul>
|
||||
)
|
||||
}
|
||||
];
|
||||
|
||||
return (
|
||||
<SpecificationsLayout
|
||||
title="Service Specifications"
|
||||
specificationItems={specificationItems}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default LongReadSpecifications;
|
||||
36
app/dna-sequencing/long-read-sequencing/page.js
Normal file
36
app/dna-sequencing/long-read-sequencing/page.js
Normal file
@ -0,0 +1,36 @@
|
||||
import TitleBar from '../../components/shared/TitleBar';
|
||||
import LongReadIntroduction from './components/LongReadIntroduction';
|
||||
import LongReadComparison from './components/LongReadComparison';
|
||||
import LongReadNanopore from './components/LongReadNanopore';
|
||||
import LongReadAdvantages from './components/LongReadAdvantages';
|
||||
import LongReadApplications from './components/LongReadApplications';
|
||||
import LongReadSpecifications from './components/LongReadSpecifications';
|
||||
import PageLayout from '../../components/Layout/PageLayout';
|
||||
|
||||
export default function LongReadSequencingPage() {
|
||||
const breadcrumbs = [
|
||||
{ label: 'Home', href: '/' },
|
||||
{ label: 'Research', href: '/research' },
|
||||
{ label: 'DNA Sequencing', href: '/dna-sequencing' },
|
||||
{ label: 'Whole Genome Long Read Sequencing', current: true }
|
||||
];
|
||||
|
||||
return (
|
||||
<PageLayout fixedHeader={true}>
|
||||
<TitleBar
|
||||
title="Whole Genome Long Read Sequencing"
|
||||
desc="Sequencing the Complete Genome, Long and Clear"
|
||||
breadcrumbs={breadcrumbs}
|
||||
/>
|
||||
|
||||
<div className="page-content">
|
||||
<LongReadIntroduction /> {/* 7a */}
|
||||
<LongReadComparison />
|
||||
<LongReadNanopore />
|
||||
<LongReadAdvantages />
|
||||
<LongReadApplications />
|
||||
<LongReadSpecifications />
|
||||
</div>
|
||||
</PageLayout>
|
||||
);
|
||||
}
|
||||
@ -0,0 +1,20 @@
|
||||
// app/dna-sequencing/metagenomics-sequencing/components/MetagenomicsAdvantages.jsx
|
||||
import AdvantagesLayout from '../../../components/shared/AdvantagesLayout';
|
||||
|
||||
const MetagenomicsAdvantages = () => {
|
||||
const advantageItems = [
|
||||
"Offers a comprehensive view of microbial diversity in complex samples, capturing both known and novel species. NGS enables the parallel sequencing of thousands of organisms in a single run, providing high sequence coverage and detecting low-abundance microbes that may be missed or are cost-prohibitive with other techniques.",
|
||||
"Analyzes genomes directly from environmental samples without prior isolation or cultivation, overcoming the limitations of traditional culture-based methods. This approach is effective for studying microbial communities in their natural habitats.",
|
||||
"Reveals the metabolic capabilities and functional diversity of microbial communities, enhancing our understanding of ecosystem processes and microbial roles within various environments.",
|
||||
"Facilitates detailed genetic and ecological analysis, supporting studies on microbial interactions, evolution, and adaptation, with broad applications in environmental monitoring, biotechnology, agriculture, and human health."
|
||||
];
|
||||
|
||||
return (
|
||||
<AdvantagesLayout
|
||||
title="Advantages of Metagenomics Sequencing"
|
||||
advantageItems={advantageItems}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default MetagenomicsAdvantages;
|
||||
@ -0,0 +1,22 @@
|
||||
// app/dna-sequencing/metagenomics-sequencing/components/MetagenomicsApplications.jsx
|
||||
import ApplicationsLayout from '../../../components/shared/ApplicationsLayout';
|
||||
|
||||
const MetagenomicsApplications = () => {
|
||||
const applicationItems = [
|
||||
"Environmental Monitoring- Assessing microbial diversity in natural environments, tracking changes in response to environmental factors, and monitoring ecosystem health.",
|
||||
"Biotechnology- Discovering novel enzymes, bioactive compounds, and metabolic pathways from microbial communities for applications in bioremediation, biofuel production, and pharmaceuticals.",
|
||||
"Agriculture- Studying soil microbiomes to improve crop yield, enhance nutrient cycling, and develop sustainable agricultural practices.",
|
||||
"Human Health- Investigating the human microbiome to understand its role in health and disease, including studies on gut microbiota, antibiotic resistance, and personalized medicine.",
|
||||
"Ecological Studies- Exploring microbial interactions, community dynamics, and ecosystem functions in diverse habitats, from oceans to terrestrial environments.",
|
||||
"Microbial Ecology- Analyzing community structure, biodiversity, and adaptation strategies of microbes in various ecosystems, advancing our understanding of microbial ecology and evolution."
|
||||
];
|
||||
|
||||
return (
|
||||
<ApplicationsLayout
|
||||
title="Applications of Metagenomics Sequencing"
|
||||
applicationItems={applicationItems}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default MetagenomicsApplications;
|
||||
@ -0,0 +1,23 @@
|
||||
// app/dna-sequencing/metagenomics-sequencing/components/MetagenomicsIntroduction.jsx
|
||||
import IntroductionLayout from '../../../components/shared/IntroductionLayout';
|
||||
|
||||
const MetagenomicsIntroduction = () => {
|
||||
const contentItems = [
|
||||
"Metagenomics is a genomic method to investigate the genetic diversity within a sample, focusing on the specific regions (16S rRNA/ 18S rRNA/ ITS regions) or utilizing Shotgun metagenomics for comprehensive sequencing of all genes present.",
|
||||
"The workflow begins with DNA extraction from environmental samples, followed by fragmentation and sequencing of either specific region or the entire geneset.",
|
||||
"Bioinformatics analysis encompasses sequence alignment, taxonomy identification, and phylogenetic analysis. Additional analyses may involve functional annotation, comparative genomics, and statistical evaluations.",
|
||||
"Can be used to study diverse environmental samples like water, soil, and fecal matter, providing valuable insights into microbial diversity and host-microbiome interactions."
|
||||
];
|
||||
|
||||
return (
|
||||
<IntroductionLayout
|
||||
title="Introduction and Workflow"
|
||||
contentItems={contentItems}
|
||||
imageUrl="/images/metagenomics-sequencing.png"
|
||||
imageAlt="Metagenomics Sequencing"
|
||||
useParagraphs={true}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default MetagenomicsIntroduction;
|
||||
@ -0,0 +1,63 @@
|
||||
// app/dna-sequencing/metagenomics-sequencing/components/MetagenomicsSpecifications.jsx
|
||||
import Link from 'next/link';
|
||||
import SpecificationsLayout from '../../../components/shared/SpecificationsLayout';
|
||||
|
||||
const MetagenomicsSpecifications = () => {
|
||||
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 environmental and clinical 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 MiSeq and Oxford Nanopore Technologies (ONT)"
|
||||
},
|
||||
{
|
||||
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 Metagenomics Sequencing (customizable)</li>
|
||||
<li>Quality Control and Host Removal</li>
|
||||
<li>Analysis of Reads Species</li>
|
||||
<li>Assembly</li>
|
||||
<li>Analysis of Assembled Species</li>
|
||||
<li>Functional Analysis</li>
|
||||
<li>Prediction of Phage Host</li>
|
||||
</ul>
|
||||
)
|
||||
}
|
||||
];
|
||||
|
||||
return (
|
||||
<SpecificationsLayout
|
||||
title="Service Specifications"
|
||||
specificationItems={specificationItems}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default MetagenomicsSpecifications;
|
||||
60
app/dna-sequencing/metagenomics-sequencing/page.js
Normal file
60
app/dna-sequencing/metagenomics-sequencing/page.js
Normal file
@ -0,0 +1,60 @@
|
||||
// app/dna-sequencing/metagenomics-sequencing/page.js
|
||||
import TitleBar from '../../components/shared/TitleBar';
|
||||
import MetagenomicsIntroduction from './components/MetagenomicsIntroduction';
|
||||
import MetagenomicsAdvantages from './components/MetagenomicsAdvantages';
|
||||
import MetagenomicsApplications from './components/MetagenomicsApplications';
|
||||
import MetagenomicsSpecifications from './components/MetagenomicsSpecifications';
|
||||
import PageLayout from '../../components/Layout/PageLayout';
|
||||
|
||||
export const metadata = {
|
||||
title: 'Metagenomics Sequencing - Operify Tech',
|
||||
description: 'Exploring Earth\'s Microbial Frontiers from Soil to Ocean',
|
||||
robots: 'noindex, follow',
|
||||
};
|
||||
|
||||
export default function MetagenomicsSequencingPage() {
|
||||
const breadcrumbs = [
|
||||
{
|
||||
label: 'Home',
|
||||
href: '/',
|
||||
current: false
|
||||
},
|
||||
{
|
||||
label: 'Research',
|
||||
href: '/dna-sequencing',
|
||||
current: false
|
||||
},
|
||||
{
|
||||
label: 'Metagenomics Sequencing',
|
||||
href: null,
|
||||
current: true
|
||||
}
|
||||
];
|
||||
|
||||
return (
|
||||
<PageLayout fixedHeader={true}>
|
||||
{/* Title Bar */}
|
||||
<TitleBar
|
||||
title="Metagenomics Sequencing"
|
||||
desc="Exploring Earth's Microbial Frontiers from Soil to Ocean"
|
||||
breadcrumbs={breadcrumbs}
|
||||
backgroundImage="/images/bredcrumb.jpg"
|
||||
/>
|
||||
|
||||
{/* Page Content */}
|
||||
<div className="page-content">
|
||||
{/* Introduction Section */}
|
||||
<MetagenomicsIntroduction />
|
||||
|
||||
{/* Advantages Section */}
|
||||
<MetagenomicsAdvantages />
|
||||
|
||||
{/* Applications Section */}
|
||||
<MetagenomicsApplications />
|
||||
|
||||
{/* Specifications Section */}
|
||||
<MetagenomicsSpecifications />
|
||||
</div>
|
||||
</PageLayout>
|
||||
);
|
||||
}
|
||||
@ -0,0 +1,19 @@
|
||||
import AdvantagesLayout from '../../../components/shared/AdvantagesLayout';
|
||||
|
||||
const MicrosatellitesAdvantages = () => {
|
||||
const advantageItems = [
|
||||
"Highly variable in repeat number among individuals, making them effective for distinguishing genetic differences within and between populations.",
|
||||
"Unlike multi-locus markers like minisatellites, microsatellites are locus-specific, providing precise, targeted genetic information for detailed genotyping and genetic mapping.",
|
||||
"Highly reproducible across labs, making it a reliable method for studies requiring consistent and repeatable results, such as population genetics and forensic analysis.",
|
||||
"Show co-dominant inheritance, allowing the detection of both alleles at a locus for accurate identification of heterozygous and homozygous genotypes."
|
||||
];
|
||||
|
||||
return (
|
||||
<AdvantagesLayout
|
||||
title="Advantages of Microsatellites (SSR/STR) Based Genotyping"
|
||||
advantageItems={advantageItems}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default MicrosatellitesAdvantages;
|
||||
@ -0,0 +1,21 @@
|
||||
// app/dna-sequencing/microsatellites-ssr-str/components/MicrosatellitesApplications.jsx
|
||||
import ApplicationsLayout from '../../../components/shared/ApplicationsLayout';
|
||||
|
||||
const MicrosatellitesApplications = () => {
|
||||
const applicationItems = [
|
||||
"Linkage Analysis of Co-Segregation- Microsatellites are widely used in genetic linkage studies to track the inheritance of specific traits or diseases, enabling the identification of disease-associated genes by analyzing co-segregation patterns in families.",
|
||||
"Diagnosis and Identification of Human Diseases- Microsatellite-based genotyping is used to identify genetic markers associated with diseases such as cancer, genetic disorders, and neurodegenerative conditions, aiding in diagnosis and risk prediction.",
|
||||
"Forensic Identification and Relatedness Testing- In forensic science, microsatellites are used to create unique genetic profiles for individual identification, paternity testing, and resolving cases of human-relatedness or criminal investigations.",
|
||||
"Cell Line Identification- Microsatellites are employed to authenticate and verify cell lines in research and clinical settings, ensuring the integrity and uniqueness of cell cultures used in experiments.",
|
||||
"Population Studies- Microsatellites are used to assess genetic diversity, structure, and migration patterns in populations, providing insights into evolutionary relationships, conservation genetics, and the impact of environmental factors on genetic variation."
|
||||
];
|
||||
|
||||
return (
|
||||
<ApplicationsLayout
|
||||
title="Applications of Microsatellites (SSR/STR) Based Genotyping"
|
||||
applicationItems={applicationItems}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default MicrosatellitesApplications;
|
||||
@ -0,0 +1,24 @@
|
||||
// app/dna-sequencing/microsatellites-ssr-str/components/MicrosatellitesIntroduction.jsx
|
||||
import IntroductionLayout from '../../../components/shared/IntroductionLayout';
|
||||
|
||||
const MicrosatellitesIntroduction = () => {
|
||||
const contentItems = [
|
||||
"Microsatellites, also known as simple sequence repeats (SSRs) or short tandem repeats (STRs), are repetitive DNA sequences typically 2-6 base pairs in length, found abundantly across the genome.",
|
||||
"These sequences vary in repeat number across individuals, providing a unique genetic profile. Microsatellite-based genotyping analyze genetic diversity, population structure, and inheritance patterns by identifying the variation in microsatellite loci between individuals.",
|
||||
"The workflow begins with DNA extraction, followed by PCR amplification of specific microsatellite regions, and analysis via gel or capillary electrophoresis. The variation in repeat numbers at each locus generates distinctive patterns for genotyping.",
|
||||
"Electropherogram data is converted into allele calls, allowing allele size analysis, frequency distribution, and individual or population-level genotype matching.",
|
||||
"Microsatellite-based genotyping is widely applied in fields like conservation genetics, forensic science, and agriculture."
|
||||
];
|
||||
|
||||
return (
|
||||
<IntroductionLayout
|
||||
title="Introduction and Workflow"
|
||||
contentItems={contentItems}
|
||||
imageUrl="/images/microsatellites-sequencing.png"
|
||||
imageAlt="Microsatellites Sequencing"
|
||||
useParagraphs={true}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default MicrosatellitesIntroduction;
|
||||
@ -0,0 +1,76 @@
|
||||
// app/dna-sequencing/microsatellites-ssr-str/components/MicrosatellitesSpecifications.jsx
|
||||
import Link from 'next/link';
|
||||
import SpecificationsLayout from '../../../components/shared/SpecificationsLayout';
|
||||
|
||||
const MicrosatellitesSpecifications = () => {
|
||||
const specificationItems = [
|
||||
{
|
||||
icon: "/images/homepage-2/NGS-Icons-45.svg",
|
||||
title: "Sample Requirement",
|
||||
renderContent: () => (
|
||||
<div>
|
||||
<div className="space-y-2 mb-4">
|
||||
<div className="flex items-center">
|
||||
<span className="w-2 h-2 bg-teal-600 rounded-full mr-3"></span>
|
||||
<span className="text-gray-600"><strong>Genomic DNA ≥300 ng</strong></span>
|
||||
</div>
|
||||
<div className="flex items-center">
|
||||
<span className="w-2 h-2 bg-teal-600 rounded-full mr-3"></span>
|
||||
<span className="text-gray-600">Minimum Quantity: 100 ng</span>
|
||||
</div>
|
||||
<div className="flex items-center">
|
||||
<span className="w-2 h-2 bg-teal-600 rounded-full mr-3"></span>
|
||||
<span className="text-gray-600">Concentration ≥10 ng/µL</span>
|
||||
</div>
|
||||
<div className="flex items-center">
|
||||
<span className="w-2 h-2 bg-teal-600 rounded-full mr-3"></span>
|
||||
<span className="text-gray-600">DNA samples require an OD260/280 as close to 1.8~2.0 as possible</span>
|
||||
</div>
|
||||
<div className="flex items-center">
|
||||
<span className="w-2 h-2 bg-teal-600 rounded-full mr-3"></span>
|
||||
<span className="text-gray-600">All DNA should be RNase-treated and should show no degradation or contamination</span>
|
||||
</div>
|
||||
</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 MiSeq"
|
||||
},
|
||||
{
|
||||
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 Microsatellite Sequencing for your writing (customization)</li>
|
||||
</ul>
|
||||
)
|
||||
}
|
||||
];
|
||||
|
||||
return (
|
||||
<SpecificationsLayout
|
||||
title="Service Specifications"
|
||||
specificationItems={specificationItems}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default MicrosatellitesSpecifications;
|
||||
60
app/dna-sequencing/microsatellites-ssr-str/page.js
Normal file
60
app/dna-sequencing/microsatellites-ssr-str/page.js
Normal file
@ -0,0 +1,60 @@
|
||||
// app/dna-sequencing/microsatellites-ssr-str/page.js
|
||||
import TitleBar from '../../components/shared/TitleBar';
|
||||
import MicrosatellitesIntroduction from './components/MicrosatellitesIntroduction';
|
||||
import MicrosatellitesAdvantages from './components/MicrosatellitesAdvantages';
|
||||
import MicrosatellitesApplications from './components/MicrosatellitesApplications';
|
||||
import MicrosatellitesSpecifications from './components/MicrosatellitesSpecifications';
|
||||
import PageLayout from '../../components/Layout/PageLayout';
|
||||
|
||||
export const metadata = {
|
||||
title: 'Microsatellites (SSR/STR) Based Genotyping - Operify Tech',
|
||||
description: 'Empowering Research with Microsatellite Markers',
|
||||
robots: 'noindex, follow',
|
||||
};
|
||||
|
||||
export default function MicrosatellitesSSRSTRPage() {
|
||||
const breadcrumbs = [
|
||||
{
|
||||
label: 'Home',
|
||||
href: '/',
|
||||
current: false
|
||||
},
|
||||
{
|
||||
label: 'Research',
|
||||
href: '/dna-sequencing',
|
||||
current: false
|
||||
},
|
||||
{
|
||||
label: 'Microsatellites (SSR/STR)',
|
||||
href: null,
|
||||
current: true
|
||||
}
|
||||
];
|
||||
|
||||
return (
|
||||
<PageLayout fixedHeader={true}>
|
||||
{/* Title Bar */}
|
||||
<TitleBar
|
||||
title="Microsatellites (SSR/STR)"
|
||||
desc="Empowering Research with Microsatellite Markers"
|
||||
breadcrumbs={breadcrumbs}
|
||||
backgroundImage="/images/bredcrumb.jpg"
|
||||
/>
|
||||
|
||||
{/* Page Content */}
|
||||
<div className="page-content">
|
||||
{/* Introduction Section */}
|
||||
<MicrosatellitesIntroduction />
|
||||
|
||||
{/* Advantages Section */}
|
||||
<MicrosatellitesAdvantages />
|
||||
|
||||
{/* Applications Section */}
|
||||
<MicrosatellitesApplications />
|
||||
|
||||
{/* Specifications Section */}
|
||||
<MicrosatellitesSpecifications />
|
||||
</div>
|
||||
</PageLayout>
|
||||
);
|
||||
}
|
||||
@ -0,0 +1,20 @@
|
||||
// app/dna-sequencing/single-cell-dna-sequencing/components/SingleCellAdvantages.jsx
|
||||
import AdvantagesLayout from '../../../components/shared/AdvantagesLayout';
|
||||
|
||||
const SingleCellAdvantages = () => {
|
||||
const advantageItems = [
|
||||
"DNA exhibits greater stability compared to RNA, ensuring ample time for sample processing without degradation.",
|
||||
"Capable of detecting rare mutation-bearing cell clones with sensitivity levels as low as 0.1%, enabling direct analysis of rare cell types or primary cells even with limited samples.",
|
||||
"Reveals the diversity of genetic profiles within cell populations, aiding in the study of complex biological processes and enabling precise profiling of subpopulations like cancer cell evolution or DNA copy number variations in neurons.",
|
||||
"Allows for the tracking of genetic changes over time within individual cells, crucial for understanding disease progression and evolution."
|
||||
];
|
||||
|
||||
return (
|
||||
<AdvantagesLayout
|
||||
title="Advantages of Single Cell DNA Sequencing"
|
||||
advantageItems={advantageItems}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default SingleCellAdvantages;
|
||||
@ -0,0 +1,21 @@
|
||||
// app/dna-sequencing/single-cell-dna-sequencing/components/SingleCellApplications.jsx
|
||||
import ApplicationsLayout from '../../../components/shared/ApplicationsLayout';
|
||||
|
||||
const SingleCellApplications = () => {
|
||||
const applicationItems = [
|
||||
"Cancer Genomics- Detects genetic mutations and variations in individual cancer cells, revealing tumor heterogeneity, identifying subclonal populations, and guiding personalized treatment strategies based on specific genetic alterations.",
|
||||
"Developmental Biology- Studies genetic variations and mutations in single cells during development, providing insights into cell lineage, differentiation, and the genetic basis of developmental disorders.",
|
||||
"Stem Cell Research- Analyzes genetic profiles of individual stem cells to understand their potential for differentiation, track mutations during cell division, and improve stem cell therapies.",
|
||||
"Rare Disease Research- Identifies genetic variants in single cells from patients with rare diseases, aiding in the discovery of novel disease-associated mutations and improving diagnostic precision.",
|
||||
"Population Genetics- Examines genetic diversity at the single-cell level within populations to understand evolutionary processes, genetic variation, and adaptation mechanisms, offering a more detailed view of population genetics compared to bulk analysis."
|
||||
];
|
||||
|
||||
return (
|
||||
<ApplicationsLayout
|
||||
title="Applications of Single Cell DNA Sequencing"
|
||||
applicationItems={applicationItems}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default SingleCellApplications;
|
||||
@ -0,0 +1,24 @@
|
||||
// app/dna-sequencing/single-cell-dna-sequencing/components/SingleCellIntroduction.jsx
|
||||
import IntroductionLayout from '../../../components/shared/IntroductionLayout';
|
||||
|
||||
const SingleCellIntroduction = () => {
|
||||
const contentItems = [
|
||||
"Single Cell DNA Sequencing analyzes genetic material from individual cells, revealing unique genomic insights that bulk sequencing methods often obscure.",
|
||||
"The workflow begins with cell partitioning facilitated by the 10X Chromium system, employing gel beads and oil-surfactant solutions. Each droplet encapsulates a solitary cell uniquely tagged with a barcode.",
|
||||
"Within these partitions, DNA amplification yields amplified DNA fragments from each cell. Subsequently, barcoded samples combine for library preparation, where DNA fragments undergo adapter ligation to facilitate sequencing.",
|
||||
"During sequencing, the barcode identifiers enable precise tracking of data to its specific cell or nucleus of origin, thereby providing comprehensive genetic insights for individual cells.",
|
||||
"This technique enables researchers to unravel unique genetic characteristics and variations present within individual cells, providing unprecedented insights into cellular diversity and function."
|
||||
];
|
||||
|
||||
return (
|
||||
<IntroductionLayout
|
||||
title="Introduction and Workflow"
|
||||
contentItems={contentItems}
|
||||
imageUrl="/images/single-cell-dna-sequencing.png"
|
||||
imageAlt="Single Cell DNA Sequencing"
|
||||
useParagraphs={true}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default SingleCellIntroduction;
|
||||
@ -0,0 +1,57 @@
|
||||
// app/dna-sequencing/single-cell-dna-sequencing/components/SingleCellSpecifications.jsx
|
||||
import Link from 'next/link';
|
||||
import SpecificationsLayout from '../../../components/shared/SpecificationsLayout';
|
||||
|
||||
const SingleCellSpecifications = () => {
|
||||
const specificationItems = [
|
||||
{
|
||||
icon: "/images/homepage-2/NGS-Icons-45.svg",
|
||||
title: "Sample Requirement",
|
||||
renderContent: () => (
|
||||
<div>
|
||||
<div className="mb-4">
|
||||
<p className="text-gray-600">96-well plates of live cells suspension, Frozen cells in specific frozen lysates, Genomic DNA, 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: "10X Genomics Chromium System followed by Illumina Sequencer"
|
||||
},
|
||||
{
|
||||
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 Single Cell DNA Sequencing (customizable)</li>
|
||||
</ul>
|
||||
)
|
||||
}
|
||||
];
|
||||
|
||||
return (
|
||||
<SpecificationsLayout
|
||||
title="Service Specifications"
|
||||
specificationItems={specificationItems}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default SingleCellSpecifications;
|
||||
60
app/dna-sequencing/single-cell-dna-sequencing/page.js
Normal file
60
app/dna-sequencing/single-cell-dna-sequencing/page.js
Normal file
@ -0,0 +1,60 @@
|
||||
// app/dna-sequencing/single-cell-dna-sequencing/page.js
|
||||
import TitleBar from '../../components/shared/TitleBar';
|
||||
import SingleCellIntroduction from './components/SingleCellIntroduction';
|
||||
import SingleCellAdvantages from './components/SingleCellAdvantages';
|
||||
import SingleCellApplications from './components/SingleCellApplications';
|
||||
import SingleCellSpecifications from './components/SingleCellSpecifications';
|
||||
import PageLayout from '../../components/Layout/PageLayout';
|
||||
|
||||
export const metadata = {
|
||||
title: 'Single Cell DNA Sequencing - Operify Tech',
|
||||
description: 'Mapping Genetic Diversity Cell by Cell - Advanced single cell DNA analysis',
|
||||
robots: 'noindex, follow',
|
||||
};
|
||||
|
||||
export default function SingleCellDNASequencingPage() {
|
||||
const breadcrumbs = [
|
||||
{
|
||||
label: 'Home',
|
||||
href: '/',
|
||||
current: false
|
||||
},
|
||||
{
|
||||
label: 'Research',
|
||||
href: '/dna-sequencing',
|
||||
current: false
|
||||
},
|
||||
{
|
||||
label: 'Single Cell DNA Sequencing',
|
||||
href: null,
|
||||
current: true
|
||||
}
|
||||
];
|
||||
|
||||
return (
|
||||
<PageLayout fixedHeader={true}>
|
||||
{/* Title Bar */}
|
||||
<TitleBar
|
||||
title="Single Cell DNA Sequencing"
|
||||
desc="Mapping Genetic Diversity Cell by Cell"
|
||||
breadcrumbs={breadcrumbs}
|
||||
backgroundImage="/images/bredcrumb.jpg"
|
||||
/>
|
||||
|
||||
{/* Page Content */}
|
||||
<div className="page-content">
|
||||
{/* Introduction Section */}
|
||||
<SingleCellIntroduction />
|
||||
|
||||
{/* Advantages Section */}
|
||||
<SingleCellAdvantages />
|
||||
|
||||
{/* Applications Section */}
|
||||
<SingleCellApplications />
|
||||
|
||||
{/* Specifications Section */}
|
||||
<SingleCellSpecifications />
|
||||
</div>
|
||||
</PageLayout>
|
||||
);
|
||||
}
|
||||
@ -0,0 +1,20 @@
|
||||
// app/dna-sequencing/snp-genotyping/components/SNPAdvantages.jsx
|
||||
import AdvantagesLayout from '../../../components/shared/AdvantagesLayout';
|
||||
|
||||
const SNPAdvantages = () => {
|
||||
const advantageItems = [
|
||||
"Allows for precise identification of genetic variations at a single nucleotide level, enabling detailed mapping of genetic diversity.",
|
||||
"Provides an efficient, cost-effective solution for analyzing thousands of SNPs across large populations, ideal for high-throughput studies.",
|
||||
"SNP markers are stable and abundant across genomes, providing high data quality, reproducibility, and scalability, which are essential for reliable genetic studies, comparative analyses across multiple populations or species, and make SNP-based genotyping a powerful tool for both research and applied genomics.",
|
||||
"Can reveal associations between genetic variations and complex traits, allowing researchers to identify genetic contributors to health, disease, or productivity in agriculture."
|
||||
];
|
||||
|
||||
return (
|
||||
<AdvantagesLayout
|
||||
title="Advantages of SNP-based Genotyping"
|
||||
advantageItems={advantageItems}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default SNPAdvantages;
|
||||
@ -0,0 +1,23 @@
|
||||
// app/dna-sequencing/snp-genotyping/components/SNPApplications.jsx
|
||||
import ApplicationsLayout from '../../../components/shared/ApplicationsLayout';
|
||||
|
||||
const SNPApplications = () => {
|
||||
const applicationItems = [
|
||||
"Genome-wide association studies (GWAS)- SNP-based genotyping is widely utilized in Genome-Wide Association Studies (GWAS) to identify genetic variants linked to specific traits or diseases, providing insights into genetic predispositions and the mechanisms underlying complex conditions such as diabetes, heart disease, and neurological disorders.",
|
||||
"Plant and animal breeding- In agriculture, SNP-based genotyping facilitates marker-assisted selection (MAS) to enhance desirable traits such as yield, disease resistance, and environmental adaptability in crops and livestock.",
|
||||
"Personalized medicine- SNP genotyping can guide personalized treatment strategies by identifying genetic variations that affect drug metabolism, efficacy, and toxicity, leading to more tailored healthcare approaches.",
|
||||
"Forensic science- SNPs are employed in forensic analysis for human identification and paternity testing, providing reliable genetic markers that can help solve criminal cases or establish family relationships.",
|
||||
"Evolutionary biology- Researchers use SNP genotyping to study evolutionary relationships, population dynamics, and the genetic basis of adaptation in various species, contributing to our understanding of evolutionary processes.",
|
||||
"Disease prediction and prevention- SNP-based genotyping is applied in public health to assess genetic risk factors for diseases, enabling early interventions and prevention strategies in at-risk populations.",
|
||||
"Double Digest Restriction-site Associated DNA (ddRAD) Sequencing- ddRAD sequencing is based on the Restriction Fragmentation technique combined with Next-Generation Sequencing (NGS). It is a robust approach for genotyping and SNP discovery that doesn't require a reference genome. With the potential to develop hundreds to tens of thousands of genetic markers, ddRAD is ideal for applications in population genetics, germplasm assessment, marker-trait associations, GWAS, and QTL mapping."
|
||||
];
|
||||
|
||||
return (
|
||||
<ApplicationsLayout
|
||||
title="Applications of SNP-based Genotyping"
|
||||
applicationItems={applicationItems}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default SNPApplications;
|
||||
@ -0,0 +1,30 @@
|
||||
// app/dna-sequencing/snp-genotyping/components/SNPIntroduction.jsx
|
||||
import IntroductionLayout from '../../../components/shared/IntroductionLayout';
|
||||
|
||||
const SNPIntroduction = () => {
|
||||
const contentItems = [
|
||||
"SNP-based genotyping identifies single nucleotide polymorphisms (SNPs) across the genome, offering insights into genetic diversity, disease associations, and trait inheritance. It is widely applied in population genetics, evolutionary biology, and plant and animal breeding."
|
||||
];
|
||||
|
||||
const serviceTypes = [
|
||||
"DNA Sequencing",
|
||||
"RNA Sequencing",
|
||||
"Genomics Services"
|
||||
];
|
||||
|
||||
return (
|
||||
<IntroductionLayout
|
||||
title="Introduction and Workflow"
|
||||
contentItems={contentItems}
|
||||
imageUrl="/images/snp-genotyping-overview.png"
|
||||
imageAlt="SNP Genotyping Overview"
|
||||
badgeText="ISO CERTIFIED"
|
||||
serviceTypes={serviceTypes}
|
||||
backgroundColor="#f8f9fa"
|
||||
badgeColor="bg-teal-600"
|
||||
useParagraphs={true}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default SNPIntroduction;
|
||||
@ -0,0 +1,76 @@
|
||||
// app/dna-sequencing/snp-genotyping/components/SNPSpecifications.jsx
|
||||
import Link from 'next/link';
|
||||
import SpecificationsLayout from '../../../components/shared/SpecificationsLayout';
|
||||
|
||||
const SNPSpecifications = () => {
|
||||
const specificationItems = [
|
||||
{
|
||||
icon: "/images/homepage-2/NGS-Icons-45.svg",
|
||||
title: "Sample Requirement",
|
||||
renderContent: () => (
|
||||
<div>
|
||||
<div className="space-y-2 mb-4">
|
||||
<div className="flex items-center">
|
||||
<span className="w-2 h-2 bg-teal-600 rounded-full mr-3"></span>
|
||||
<span className="text-gray-600"><strong>Genomic DNA ≥300 ng</strong></span>
|
||||
</div>
|
||||
<div className="flex items-center">
|
||||
<span className="w-2 h-2 bg-teal-600 rounded-full mr-3"></span>
|
||||
<span className="text-gray-600">Minimum Quantity: 100 ng</span>
|
||||
</div>
|
||||
<div className="flex items-center">
|
||||
<span className="w-2 h-2 bg-teal-600 rounded-full mr-3"></span>
|
||||
<span className="text-gray-600">Concentration ≥10 ng/µL</span>
|
||||
</div>
|
||||
<div className="flex items-center">
|
||||
<span className="w-2 h-2 bg-teal-600 rounded-full mr-3"></span>
|
||||
<span className="text-gray-600">DNA samples require an OD260/280 as close to 1.8~2.0 as possible</span>
|
||||
</div>
|
||||
<div className="flex items-center">
|
||||
<span className="w-2 h-2 bg-teal-600 rounded-full mr-3"></span>
|
||||
<span className="text-gray-600">All DNA should be RNase-treated and should show no degradation or contamination</span>
|
||||
</div>
|
||||
</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 SNP-based Genotyping (customizable)</li>
|
||||
</ul>
|
||||
)
|
||||
}
|
||||
];
|
||||
|
||||
return (
|
||||
<SpecificationsLayout
|
||||
title="Service Specifications"
|
||||
specificationItems={specificationItems}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default SNPSpecifications;
|
||||
35
app/dna-sequencing/snp-genotyping/page.js
Normal file
35
app/dna-sequencing/snp-genotyping/page.js
Normal file
@ -0,0 +1,35 @@
|
||||
// app/dna-sequencing/snp-genotyping/page.js
|
||||
import TitleBar from '../../components/shared/TitleBar';
|
||||
import SNPIntroduction from './components/SNPIntroduction';
|
||||
import SNPAdvantages from './components/SNPAdvantages';
|
||||
import SNPApplications from './components/SNPApplications';
|
||||
import SNPSpecifications from './components/SNPSpecifications';
|
||||
import PageLayout from '../../components/Layout/PageLayout';
|
||||
|
||||
export default function SNPGenotypingPage() {
|
||||
const breadcrumbs = [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Research", href: "/dna-sequencing" },
|
||||
{ label: "SNP-based Genotyping", current: true }
|
||||
];
|
||||
|
||||
return (
|
||||
<PageLayout fixedHeader={true}>
|
||||
<div className="page-wrapper">
|
||||
<TitleBar
|
||||
title="SNP-based Genotyping"
|
||||
desc="From Genomes to Traits: Precision through SNPs"
|
||||
breadcrumbs={breadcrumbs}
|
||||
backgroundImage="/images/bredcrumb.jpg"
|
||||
/>
|
||||
|
||||
<div className="page-content">
|
||||
<SNPIntroduction />
|
||||
<SNPAdvantages />
|
||||
<SNPApplications />
|
||||
<SNPSpecifications />
|
||||
</div>
|
||||
</div>
|
||||
</PageLayout>
|
||||
);
|
||||
}
|
||||
@ -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;
|
||||
@ -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;
|
||||
@ -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;
|
||||
@ -0,0 +1,20 @@
|
||||
// app/dna-sequencing/whole-genome-sequencing/denovo/components/DenovoAdvantages.jsx
|
||||
import AdvantagesLayout from '../../../../components/shared/AdvantagesLayout';
|
||||
|
||||
const DenovoAdvantages = () => {
|
||||
const advantageItems = [
|
||||
"Eliminates the need for pre-existing reference genomes, which allows for the discovery of novel genetic elements and variations that may not be present in other genomes, providing a truly unbiased view of the genome.",
|
||||
"Identifies new genes and genetic variations that may be missed by relying on reference genomes alone.",
|
||||
"Offers high-resolution insights into the genome, including complex regions such as repetitive sequences and heterochromatic regions, which are often challenging to assemble with other sequencing approaches.",
|
||||
"Enhances our understanding of genetic diversity, facilitates comparative genomics, and contributes significantly to advancements in genomic research across various fields."
|
||||
];
|
||||
|
||||
return (
|
||||
<AdvantagesLayout
|
||||
title="Advantages of Whole Genome Denovo Sequencing"
|
||||
advantageItems={advantageItems}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default DenovoAdvantages;
|
||||
@ -0,0 +1,22 @@
|
||||
// app/dna-sequencing/whole-genome-sequencing/denovo/components/DenovoApplications.jsx
|
||||
|
||||
import ApplicationsLayout from '../../../../components/shared/ApplicationsLayout';
|
||||
|
||||
const DenovoApplications = () => {
|
||||
const applicationItems = [
|
||||
"Genome Assembly- Enables the construction of comprehensive and accurate genome assemblies from scratch, essential for understanding the genetic blueprint of organisms where reference genomes are unavailable or incomplete.",
|
||||
"Genetic Variation Analysis- Facilitates the identification of genetic variants, including single nucleotide polymorphisms (SNPs), insertions, deletions, and structural variants, which are crucial for studying genetic diversity, evolution, and disease.",
|
||||
"Functional Genomics- Supports the annotation of genes, regulatory elements, and non-coding regions, providing insights into gene function, gene expression regulation, and the roles of various genomic elements in biological processes.",
|
||||
"Comparative Genomics- Allows for the comparison of genome sequences across different species or strains, aiding in the identification of evolutionary relationships, adaptation mechanisms, and the conservation of key genomic features.",
|
||||
"Applications in Diverse Fields- Supports various research applications such as identifying genetic variants associated with diseases, exploring evolutionary relationships, and understanding genetic diversity in populations, making it valuable for personalized medicine, evolutionary studies, and crop improvement."
|
||||
];
|
||||
|
||||
return (
|
||||
<ApplicationsLayout
|
||||
title="Applications of Whole Genome Denovo Sequencing"
|
||||
applicationItems={applicationItems}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default DenovoApplications;
|
||||
@ -0,0 +1,27 @@
|
||||
// app/dna-sequencing/whole-genome-sequencing/denovo/components/DenovoIntroduction.jsx
|
||||
|
||||
import IntroductionLayout from '../../../../components/shared/IntroductionLayout';
|
||||
|
||||
const DenovoIntroduction = () => {
|
||||
const contentItems = [
|
||||
"Whole Genome Denovo Sequencing involves sequencing an organism's entire genome from scratch, without a reference genome. This approach is essential for species with unsequenced or incomplete genomes.",
|
||||
"The workflow includes isolating DNA, fragmenting it, and sequencing to produce millions of short reads.",
|
||||
"These reads are then assembled into longer sequences, called contigs, using bioinformatics tools in the genome assembly process.",
|
||||
"It can be used for sequencing diverse species, such as agriculturally important livestock, plants, bacteria, or disease-related microbes."
|
||||
];
|
||||
|
||||
return (
|
||||
<IntroductionLayout
|
||||
title="Introduction and Workflow"
|
||||
contentItems={contentItems}
|
||||
imageUrl="/images/denovo-workflow.png"
|
||||
imageAlt="De Novo Assembly Workflow"
|
||||
badgeText="DE NOVO ASSEMBLY"
|
||||
badgeSubtext="Brochure from whole genome"
|
||||
backgroundColor="#f8f9fa"
|
||||
badgeColor="bg-teal-600"
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default DenovoIntroduction;
|
||||
@ -0,0 +1,63 @@
|
||||
// app/dna-sequencing/whole-genome-sequencing/denovo/components/DenovoSpecifications.jsx
|
||||
import Link from 'next/link';
|
||||
import SpecificationsLayout from '../../../../components/shared/SpecificationsLayout';
|
||||
|
||||
const DenovoSpecifications = () => {
|
||||
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 of Whole Genome Denovo Sequencing (customizable)</li>
|
||||
</ul>
|
||||
)
|
||||
}
|
||||
];
|
||||
|
||||
return (
|
||||
<SpecificationsLayout
|
||||
title="Service Specifications"
|
||||
specificationItems={specificationItems}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default DenovoSpecifications;
|
||||
32
app/dna-sequencing/whole-genome-sequencing/denovo/page.js
Normal file
32
app/dna-sequencing/whole-genome-sequencing/denovo/page.js
Normal file
@ -0,0 +1,32 @@
|
||||
import TitleBar from '../../../components/shared/TitleBar';
|
||||
import DenovoIntroduction from './components/DenovoIntroduction';
|
||||
import DenovoAdvantages from './components/DenovoAdvantages';
|
||||
import DenovoApplications from './components/DenovoApplications';
|
||||
import DenovoSpecifications from './components/DenovoSpecifications';
|
||||
import PageLayout from '../../../components/Layout/PageLayout';
|
||||
|
||||
export default function WholeGenomeDenovoPage() {
|
||||
const breadcrumbs = [
|
||||
{ label: 'Home', href: '/' },
|
||||
{ label: 'Research', href: '/research' },
|
||||
{ label: 'Whole Genome Sequencing', href: '/dna-sequencing/whole-genome-sequencing' },
|
||||
{ label: 'Whole Genome Denovo Sequencing', current: true }
|
||||
];
|
||||
|
||||
return (
|
||||
<PageLayout fixedHeader={true}>
|
||||
<TitleBar
|
||||
title="Whole Genome Denovo Sequencing"
|
||||
desc="Unlocking Genomes, Discovering Diversity"
|
||||
breadcrumbs={breadcrumbs}
|
||||
/>
|
||||
|
||||
<div className="page-content">
|
||||
<DenovoIntroduction />
|
||||
<DenovoAdvantages />
|
||||
<DenovoApplications />
|
||||
<DenovoSpecifications />
|
||||
</div>
|
||||
</PageLayout>
|
||||
);
|
||||
}
|
||||
30
app/dna-sequencing/whole-genome-sequencing/page.js
Normal file
30
app/dna-sequencing/whole-genome-sequencing/page.js
Normal file
@ -0,0 +1,30 @@
|
||||
// app/dna-sequencing/whole-genome-sequencing/page.js (Updated)
|
||||
import TitleBar from '../../components/shared/TitleBar';
|
||||
import WGSIntroduction from './components/WGSIntroduction';
|
||||
import WGSAdvantages from './components/WGSAdvantages';
|
||||
import WGSSpecifications from './components/WGSSpecifications';
|
||||
import PageLayout from '@/app/components/Layout/PageLayout';
|
||||
|
||||
export default function WholeGenomeSequencingPage() {
|
||||
const breadcrumbs = [
|
||||
{ label: 'Home', href: '/' },
|
||||
{ label: 'Research', href: '/research' },
|
||||
{ label: 'Whole Genome Sequencing', current: true }
|
||||
];
|
||||
|
||||
return (
|
||||
<PageLayout fixedHeader={true}>
|
||||
<TitleBar
|
||||
title="Whole Genome Sequencing"
|
||||
desc="Whole Genome, Whole Insights"
|
||||
breadcrumbs={breadcrumbs}
|
||||
/>
|
||||
|
||||
<div className="page-content">
|
||||
<WGSIntroduction />
|
||||
<WGSAdvantages />
|
||||
<WGSSpecifications />
|
||||
</div>
|
||||
</PageLayout>
|
||||
);
|
||||
}
|
||||
@ -0,0 +1,20 @@
|
||||
// ResequencingAdvantages.jsx
|
||||
import AdvantagesLayout from '../../../../components/shared/AdvantagesLayout';
|
||||
|
||||
const ResequencingAdvantages = () => {
|
||||
const advantageItems = [
|
||||
"Provides a detailed examination of an organism's entire genome, revealing all genetic variations compared to a reference genome.",
|
||||
"Enables accurate identification of single nucleotide polymorphisms (SNPs), insertions, deletions, and structural variants, crucial for understanding genetic diversity and disease mechanisms.",
|
||||
"Facilitates the discovery of genetic markers associated with diseases, guiding personalized treatment approaches.",
|
||||
"Supports diverse studies including evolutionary biology, agricultural genetics, and microbial genomics, enhancing insights into genetic adaptations and relationships across species."
|
||||
];
|
||||
|
||||
return (
|
||||
<AdvantagesLayout
|
||||
title="Advantages of Whole Genome ReSequencing"
|
||||
advantageItems={advantageItems}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default ResequencingAdvantages;
|
||||
@ -0,0 +1,22 @@
|
||||
// ResequencingApplications.jsx
|
||||
|
||||
import ApplicationsLayout from '../../../../components/shared/ApplicationsLayout';
|
||||
|
||||
const ResequencingApplications = () => {
|
||||
const applicationItems = [
|
||||
"Genetic Variation Discovery- Identifies and characterizes genetic variations, including single nucleotide polymorphisms (SNPs), insertions, deletions, and structural variants, across different individuals or populations, aiding in the study of genetic diversity and evolution.",
|
||||
"Disease Research- Helps in pinpointing genetic mutations and variants associated with genetic disorders, complex diseases, and rare conditions, enhancing our understanding of disease mechanisms and enabling the development of targeted therapies.",
|
||||
"Personalized Medicine- Facilitates the tailoring of medical treatments based on an individual's genetic profile, allowing for more precise and effective interventions and drug responses.",
|
||||
"Population Genetics- Assists in studying the genetic makeup of populations to understand evolutionary processes, migration patterns, and adaptation to environmental changes, providing insights into the genetic basis of traits and diseases.",
|
||||
"Agricultural Genomics- Identifies genetic markers linked to desirable traits and maps quantitative trait loci (QTL) to enhance selective breeding and improve characteristics such as yield, disease resistance, and stress tolerance. It also supports genome-wide association studies (GWAS) to connect genetic variants with specific traits or diseases."
|
||||
];
|
||||
|
||||
return (
|
||||
<ApplicationsLayout
|
||||
title="Applications of Whole Genome ReSequencing"
|
||||
applicationItems={applicationItems}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default ResequencingApplications;
|
||||
@ -0,0 +1,28 @@
|
||||
// ResequencingIntroduction.jsx
|
||||
|
||||
import IntroductionLayout from '../../../../components/shared/IntroductionLayout';
|
||||
|
||||
const ResequencingIntroduction = () => {
|
||||
const contentItems = [
|
||||
"Whole Genome Resequencing involves sequencing an organism's entire genome where reference genome is already available. Unlike de novo sequencing, which builds a genome from scratch, resequencing focuses on identifying variations and differences compared to a previously known reference genome.",
|
||||
"The workflow involves DNA isolation, fragmentation, and sequencing to generate millions of short reads.",
|
||||
"These reads undergo alignment to a reference genome, followed by the analysis of genetic variations using advanced bioinformatics tools.",
|
||||
"It enables detailed analysis of genetic variations across diverse species like humans, plants, and bacteria."
|
||||
];
|
||||
|
||||
return (
|
||||
<IntroductionLayout
|
||||
title="Introduction and Workflow"
|
||||
contentItems={contentItems}
|
||||
imageUrl="/images/resequencing-workflow.png"
|
||||
imageAlt="Resequencing Workflow"
|
||||
badgeText="RESEQUENCING"
|
||||
badgeSubtext="Change only sequencing and analysis by adding it from whole exome"
|
||||
backgroundColor="#f8f9fa"
|
||||
badgeColor="bg-teal-600"
|
||||
useParagraphs={true}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default ResequencingIntroduction;
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user