Docker config
This commit is contained in:
@ -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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user