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