UI styling update
This commit is contained in:
@ -1,6 +1,5 @@
|
|||||||
import DNATitleBar from '../../../components/shared/DNATitleBar';
|
import DNATitleBar from '../../../components/shared/DNATitleBar';
|
||||||
import AmpliconIntroduction from './components/AmpliconIntroduction';
|
import AmpliconIntroduction from './components/AmpliconIntroduction';
|
||||||
import AmpliconAdvantages from './components/AmpliconAdvantages';
|
|
||||||
import AmpliconApplications from './components/AmpliconApplications';
|
import AmpliconApplications from './components/AmpliconApplications';
|
||||||
import AmpliconSpecifications from './components/AmpliconSpecifications';
|
import AmpliconSpecifications from './components/AmpliconSpecifications';
|
||||||
import PageLayout from '../../../components/Layout/PageLayout';
|
import PageLayout from '../../../components/Layout/PageLayout';
|
||||||
|
|||||||
@ -1,7 +1,6 @@
|
|||||||
import PageLayout from '../../components/Layout/PageLayout';
|
import PageLayout from '../../components/Layout/PageLayout';
|
||||||
import DNATitleBar from '../../components/shared/DNATitleBar';
|
import DNATitleBar from '../../components/shared/DNATitleBar';
|
||||||
import EnrichmentIntroduction from './components/EnrichmentIntroduction';
|
import EnrichmentIntroduction from './components/EnrichmentIntroduction';
|
||||||
import EnrichmentAdvantages from './components/EnrichmentAdvantages';
|
|
||||||
import EnrichmentSpecifications from './components/EnrichmentSpecifications';
|
import EnrichmentSpecifications from './components/EnrichmentSpecifications';
|
||||||
import EnrichmentPipeline from './components/EnrichmentPipeline';
|
import EnrichmentPipeline from './components/EnrichmentPipeline';
|
||||||
|
|
||||||
|
|||||||
@ -1,6 +1,5 @@
|
|||||||
import DNATitleBar from '../../../components/shared/DNATitleBar';
|
import DNATitleBar from '../../../components/shared/DNATitleBar';
|
||||||
import TargetedIntroduction from './components/TargetedIntroduction';
|
import TargetedIntroduction from './components/TargetedIntroduction';
|
||||||
import TargetedAdvantages from './components/TargetedAdvantages';
|
|
||||||
import TargetedApplications from './components/TargetedApplications';
|
import TargetedApplications from './components/TargetedApplications';
|
||||||
import TargetedSpecifications from './components/TargetedSpecifications';
|
import TargetedSpecifications from './components/TargetedSpecifications';
|
||||||
import PageLayout from '../../../components/Layout/PageLayout';
|
import PageLayout from '../../../components/Layout/PageLayout';
|
||||||
|
|||||||
@ -1,7 +1,6 @@
|
|||||||
// app/dna-sequencing/enrichment-sequencing/whole-exome/page.js
|
// app/dna-sequencing/enrichment-sequencing/whole-exome/page.js
|
||||||
import DNATitleBar from '../../../components/shared/DNATitleBar';
|
import DNATitleBar from '../../../components/shared/DNATitleBar';
|
||||||
import ExomeIntroduction from './components/ExomeIntroduction';
|
import ExomeIntroduction from './components/ExomeIntroduction';
|
||||||
import ExomeAdvantages from './components/ExomeAdvantages';
|
|
||||||
import ExomeApplications from './components/ExomeApplications';
|
import ExomeApplications from './components/ExomeApplications';
|
||||||
import ExomeSpecifications from './components/ExomeSpecifications';
|
import ExomeSpecifications from './components/ExomeSpecifications';
|
||||||
import PageLayout from '../../../components/Layout/PageLayout';
|
import PageLayout from '../../../components/Layout/PageLayout';
|
||||||
|
|||||||
@ -1,7 +1,5 @@
|
|||||||
import DNATitleBar from '../../../components/shared/DNATitleBar';
|
import DNATitleBar from '../../../components/shared/DNATitleBar';
|
||||||
import ATACIntroduction from './components/ATACIntroduction';
|
import ATACIntroduction from './components/ATACIntroduction';
|
||||||
import ATACAdvantages from './components/ATACAdvantages';
|
|
||||||
import ATACBioinformatics from './components/ATACBioinformatics';
|
|
||||||
import ATACApplications from './components/ATACApplications';
|
import ATACApplications from './components/ATACApplications';
|
||||||
import ATACSpecifications from './components/ATACSpecifications';
|
import ATACSpecifications from './components/ATACSpecifications';
|
||||||
import PageLayout from '../../../components/Layout/PageLayout';
|
import PageLayout from '../../../components/Layout/PageLayout';
|
||||||
|
|||||||
@ -1,7 +1,5 @@
|
|||||||
import DNATitleBar from '../../../components/shared/DNATitleBar';
|
import DNATitleBar from '../../../components/shared/DNATitleBar';
|
||||||
import ChIPIntroduction from './components/ChIPIntroduction';
|
import ChIPIntroduction from './components/ChIPIntroduction';
|
||||||
import ChIPAdvantages from './components/ChIPAdvantages';
|
|
||||||
import ChIPBioinformatics from './components/ChIPBioinformatics';
|
|
||||||
import ChIPApplications from './components/ChIPApplications';
|
import ChIPApplications from './components/ChIPApplications';
|
||||||
import ChIPSpecifications from './components/ChIPSpecifications';
|
import ChIPSpecifications from './components/ChIPSpecifications';
|
||||||
import PageLayout from '../../../components/Layout/PageLayout';
|
import PageLayout from '../../../components/Layout/PageLayout';
|
||||||
|
|||||||
@ -1,6 +1,5 @@
|
|||||||
import DNATitleBar from '../../components/shared/DNATitleBar';
|
import DNATitleBar from '../../components/shared/DNATitleBar';
|
||||||
import EpigenomicsIntroduction from './components/EpigenomicsIntroduction';
|
import EpigenomicsIntroduction from './components/EpigenomicsIntroduction';
|
||||||
import EpigenomicsAdvantages from './components/EpigenomicsAdvantages';
|
|
||||||
import EpigenomicsSpecifications from './components/EpigenomicsSpecifications';
|
import EpigenomicsSpecifications from './components/EpigenomicsSpecifications';
|
||||||
import EpigenomicsPipeline from './components/EpigenomicsPipeline';
|
import EpigenomicsPipeline from './components/EpigenomicsPipeline';
|
||||||
import PageLayout from '../../components/Layout/PageLayout';
|
import PageLayout from '../../components/Layout/PageLayout';
|
||||||
|
|||||||
@ -1,7 +1,5 @@
|
|||||||
import DNATitleBar from '../../../components/shared/DNATitleBar';
|
import DNATitleBar from '../../../components/shared/DNATitleBar';
|
||||||
import WGBSIntroduction from './components/WGBSIntroduction';
|
import WGBSIntroduction from './components/WGBSIntroduction';
|
||||||
import WGBSAdvantages from './components/WGBSAdvantages';
|
|
||||||
import WGBSBioinformatics from './components/WGBSBioinformatics';
|
|
||||||
import WGBSApplications from './components/WGBSApplications';
|
import WGBSApplications from './components/WGBSApplications';
|
||||||
import WGBSSpecifications from './components/WGBSSpecifications';
|
import WGBSSpecifications from './components/WGBSSpecifications';
|
||||||
import PageLayout from '../../../components/Layout/PageLayout';
|
import PageLayout from '../../../components/Layout/PageLayout';
|
||||||
|
|||||||
@ -1,7 +1,6 @@
|
|||||||
// app/dna-sequencing/genome-mapping/hi-c-mapping/page.js
|
// app/dna-sequencing/genome-mapping/hi-c-mapping/page.js
|
||||||
import DNATitleBar from '../../../components/shared/DNATitleBar';
|
import DNATitleBar from '../../../components/shared/DNATitleBar';
|
||||||
import HiCMappingIntroduction from './components/HiCMappingIntroduction';
|
import HiCMappingIntroduction from './components/HiCMappingIntroduction';
|
||||||
import HiCMappingAdvantages from './components/HiCMappingAdvantages';
|
|
||||||
import HiCMappingApplications from './components/HiCMappingApplications';
|
import HiCMappingApplications from './components/HiCMappingApplications';
|
||||||
import HiCMappingSpecifications from './components/HiCMappingSpecifications';
|
import HiCMappingSpecifications from './components/HiCMappingSpecifications';
|
||||||
import PageLayout from '../../../components/Layout/PageLayout';
|
import PageLayout from '../../../components/Layout/PageLayout';
|
||||||
|
|||||||
@ -1,7 +1,6 @@
|
|||||||
// app/dna-sequencing/genome-mapping/optical-mapping/page.js
|
// app/dna-sequencing/genome-mapping/optical-mapping/page.js
|
||||||
import DNATitleBar from '../../../components/shared/DNATitleBar';
|
import DNATitleBar from '../../../components/shared/DNATitleBar';
|
||||||
import OpticalMappingIntroduction from './components/OpticalMappingIntroduction';
|
import OpticalMappingIntroduction from './components/OpticalMappingIntroduction';
|
||||||
import OpticalMappingAdvantages from './components/OpticalMappingAdvantages';
|
|
||||||
import OpticalMappingApplications from './components/OpticalMappingApplications';
|
import OpticalMappingApplications from './components/OpticalMappingApplications';
|
||||||
import OpticalMappingSpecifications from './components/OpticalMappingSpecifications';
|
import OpticalMappingSpecifications from './components/OpticalMappingSpecifications';
|
||||||
import PageLayout from '../../../components/Layout/PageLayout';
|
import PageLayout from '../../../components/Layout/PageLayout';
|
||||||
|
|||||||
@ -1,7 +1,6 @@
|
|||||||
// app/dna-sequencing/genome-mapping/page.js
|
// app/dna-sequencing/genome-mapping/page.js
|
||||||
import DNATitleBar from '../../components/shared/DNATitleBar';
|
import DNATitleBar from '../../components/shared/DNATitleBar';
|
||||||
import GenomeMappingIntroduction from './components/GenomeMappingIntroduction';
|
import GenomeMappingIntroduction from './components/GenomeMappingIntroduction';
|
||||||
import GenomeMappingAdvantages from './components/GenomeMappingAdvantages';
|
|
||||||
import GenomeMappingPipeline from './components/GenomeMappingPipeline';
|
import GenomeMappingPipeline from './components/GenomeMappingPipeline';
|
||||||
import GenomeMappingSpecifications from './components/GenomeMappingSpecifications';
|
import GenomeMappingSpecifications from './components/GenomeMappingSpecifications';
|
||||||
import PageLayout from '../../components/Layout/PageLayout';
|
import PageLayout from '../../components/Layout/PageLayout';
|
||||||
|
|||||||
@ -1,7 +1,6 @@
|
|||||||
// app/dna-sequencing/snp-genotyping/page.js
|
// app/dna-sequencing/snp-genotyping/page.js
|
||||||
import DNATitleBar from '../../components/shared/DNATitleBar';
|
import DNATitleBar from '../../components/shared/DNATitleBar';
|
||||||
import HybridIntroduction from './components/HybridIntroduction';
|
import HybridIntroduction from './components/HybridIntroduction';
|
||||||
import HybridAdvantages from './components/HybridAdvantages';
|
|
||||||
// import HybridSequencingPipeline from './components/HybridSequencingPipeline'
|
// import HybridSequencingPipeline from './components/HybridSequencingPipeline'
|
||||||
import HybridApplications from './components/HybridApplications';
|
import HybridApplications from './components/HybridApplications';
|
||||||
import HybridSpecifications from './components/HybridSpecifications';
|
import HybridSpecifications from './components/HybridSpecifications';
|
||||||
|
|||||||
@ -32,12 +32,12 @@ const LongReadComparison = () => {
|
|||||||
}
|
}
|
||||||
];
|
];
|
||||||
|
|
||||||
const formatContent = (content, isHighlighted = false) => {
|
const formatContent = (content) => {
|
||||||
if (content.includes("Long Read Length")) {
|
if (content.includes("Long Read Length")) {
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
<span className="text-blue-600 font-medium">Long Read Length with High Accuracy</span>
|
<span className="text-blue-600 font-medium">Long Read Length with High Accuracy:</span>
|
||||||
{content.replace("Long Read Length with High Accuracy", "")}
|
{content.replace("Long Read Length with High Accuracy:", "")}
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
} else if (content.includes("NO GC Bias")) {
|
} else if (content.includes("NO GC Bias")) {
|
||||||
@ -59,9 +59,9 @@ const LongReadComparison = () => {
|
|||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<section className="py-12 bg-white">
|
<section className="py-4 bg-gray-50">
|
||||||
<div className="container-fluid px-4 lg:px-12">
|
<div className="container max-w-none px-6">
|
||||||
<h2 className="text-2xl lg:text-3xl text-gray-700 mb-8">
|
<h2 className="text-3xl font-bold text-teal-700 mb-8">
|
||||||
Comparison of Sequencers
|
Comparison of Sequencers
|
||||||
</h2>
|
</h2>
|
||||||
|
|
||||||
@ -77,137 +77,112 @@ const LongReadComparison = () => {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Detailed Comparison Table Section */}
|
{/* Detailed Comparison Table Section */}
|
||||||
<div className="mb-8">
|
<div className="mb-6">
|
||||||
<h3 className="text-xl lg:text-2xl text-gray-700 mb-6 text-center">
|
<h3 className="text-lg font-semibold text-gray-600 mb-4">
|
||||||
Comparison and specification of sequencing platforms between short-read and long-read sequencing on WGS
|
Comparison and specification of sequencing platforms between short-read and long-read sequencing on WGS
|
||||||
</h3>
|
</h3>
|
||||||
|
<div className="mb-6 text-justify">
|
||||||
|
<p className="text-gray-600 leading-relaxed text-base">
|
||||||
|
Different sequencing platforms have unique characteristics and applications. The comparison below highlights key differences:
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="flex flex-col xl:flex-row gap-8">
|
<div className="overflow-x-auto mb-8 justify-center">
|
||||||
{/* Mobile Card Layout (hidden on desktop) */}
|
<table className="w-full border-collapse border border-gray-300 text-sm bg-white shadow-sm">
|
||||||
<div className="xl:hidden space-y-6">
|
<thead>
|
||||||
{/* Mobile Table Header */}
|
<tr className="bg-teal-50">
|
||||||
<div className="bg-gray-100 rounded-lg p-4 mb-6">
|
<th className="border border-gray-300 px-4 py-3 text-left font-semibold text-teal-700">
|
||||||
<div className="grid grid-cols-1 gap-3">
|
Platform Types
|
||||||
<div className="font-semibold text-gray-700 text-center text-lg">Platform Types</div>
|
</th>
|
||||||
<div className="grid grid-cols-3 gap-2 text-center">
|
<th className="border border-gray-300 px-4 py-3 text-left font-semibold text-teal-700">
|
||||||
<div className="font-medium text-gray-600 text-sm">Illumina NovaSeq 6000</div>
|
Illumina NovaSeq 6000
|
||||||
<div className="font-medium text-gray-600 text-sm">PacBio Sequel II/IIe</div>
|
</th>
|
||||||
<div className="font-medium text-gray-600 text-sm">Nanopore PromethION</div>
|
<th className="border border-gray-300 px-4 py-3 text-left font-semibold text-teal-700">
|
||||||
</div>
|
PacBio Sequel II/IIe
|
||||||
</div>
|
</th>
|
||||||
</div>
|
<th className="border border-gray-300 px-4 py-3 text-left font-semibold text-teal-700">
|
||||||
|
Nanopore PromethION
|
||||||
{comparisonData.map((row, index) => (
|
</th>
|
||||||
<div key={index} className="bg-white border border-gray-300 rounded-lg shadow-sm">
|
</tr>
|
||||||
<div className="bg-gray-100 px-4 py-3 rounded-t-lg">
|
</thead>
|
||||||
<h4 className="font-semibold text-gray-700">{row.category}</h4>
|
<tbody>
|
||||||
</div>
|
{comparisonData.map((row, index) => (
|
||||||
<div className="p-4 space-y-4">
|
<tr key={index} className={`${index % 2 === 1 ? 'bg-gray-50' : 'bg-white'} hover:bg-teal-25 transition-colors`}>
|
||||||
<div className="border-b border-gray-200 pb-3">
|
<td className="border border-gray-300 px-4 py-3 align-top text-gray-600 font-medium text-base">
|
||||||
<h5 className="font-medium text-sm text-gray-600 mb-2">Illumina NovaSeq 6000</h5>
|
{row.category}
|
||||||
<div className="text-sm text-gray-600 whitespace-pre-line leading-relaxed">
|
</td>
|
||||||
|
<td className="border border-gray-300 px-4 py-3 align-top text-gray-600 leading-relaxed">
|
||||||
|
<div className="whitespace-pre-line">
|
||||||
{row.illumina}
|
{row.illumina}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</td>
|
||||||
<div className="border-b border-gray-200 pb-3">
|
<td className="border border-gray-300 px-4 py-3 align-top text-gray-600 leading-relaxed">
|
||||||
<h5 className="font-medium text-sm text-gray-600 mb-2">PacBio Sequel II/IIe</h5>
|
<div className="whitespace-pre-line">
|
||||||
<div className="text-sm text-gray-600 whitespace-pre-line leading-relaxed">
|
|
||||||
{formatContent(row.pacbio)}
|
{formatContent(row.pacbio)}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</td>
|
||||||
<div>
|
<td className="border border-gray-300 px-4 py-3 align-top text-gray-600 leading-relaxed">
|
||||||
<h5 className="font-medium text-sm text-gray-600 mb-2">Nanopore PromethION</h5>
|
<div className="whitespace-pre-line">
|
||||||
<div className="text-sm text-gray-600 whitespace-pre-line leading-relaxed">
|
|
||||||
{formatContent(row.nanopore)}
|
{formatContent(row.nanopore)}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</td>
|
||||||
</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>
|
</tr>
|
||||||
</thead>
|
))}
|
||||||
<tbody>
|
</tbody>
|
||||||
{comparisonData.map((row, index) => (
|
</table>
|
||||||
<tr key={index} className={index % 2 === 0 ? "bg-white" : "bg-gray-50"}>
|
</div>
|
||||||
<td className="border border-gray-300 p-3 font-medium text-gray-700 bg-gray-50">
|
|
||||||
{row.category}
|
{/* Key Technology Highlights */}
|
||||||
</td>
|
<div className="bg-gradient-to-br from-teal-50 to-blue-50 rounded-lg p-6">
|
||||||
<td className="border border-gray-300 p-3 text-sm text-gray-600">
|
<h3 className="text-lg font-semibold text-gray-600 mb-4 border-b border-teal-200 pb-2">
|
||||||
<div className="whitespace-pre-line leading-relaxed">
|
Key Technology Highlights
|
||||||
{row.illumina}
|
</h3>
|
||||||
</div>
|
|
||||||
</td>
|
<div className="grid grid-cols-1 md:grid-cols-3 gap-4">
|
||||||
<td className="border border-gray-300 p-3 text-sm text-gray-600">
|
<div className="bg-white rounded-lg p-4 shadow-sm">
|
||||||
<div className="whitespace-pre-line leading-relaxed">
|
<h4 className="font-medium text-teal-600 mb-2">Oxford Nanopore</h4>
|
||||||
{formatContent(row.pacbio)}
|
<ul className="space-y-1">
|
||||||
</div>
|
{["Real-time sequencing via protein nanopores", "Portable devices for field diagnostics", "Direct base modification detection"].map((item, index) => (
|
||||||
</td>
|
<li key={index} className="flex items-start">
|
||||||
<td className="border border-gray-300 p-3 text-sm text-gray-600">
|
<span
|
||||||
<div className="whitespace-pre-line leading-relaxed">
|
className="w-2 h-2 rounded-full mt-2 mr-3 flex-shrink-0"
|
||||||
{formatContent(row.nanopore)}
|
style={{backgroundColor: '#faae31'}}
|
||||||
</div>
|
></span>
|
||||||
</td>
|
<span className="text-sm text-gray-600">{item}</span>
|
||||||
</tr>
|
</li>
|
||||||
))}
|
))}
|
||||||
</tbody>
|
</ul>
|
||||||
</table>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
{/* Right side - Key Highlights */}
|
<div className="bg-white rounded-lg p-4 shadow-sm">
|
||||||
<div className="xl:w-80 flex-shrink-0">
|
<h4 className="font-medium text-teal-600 mb-2">PacBio SMRT</h4>
|
||||||
<div className="bg-gradient-to-br from-teal-50 to-blue-50 rounded-lg p-6 h-full">
|
<ul className="space-y-1">
|
||||||
<h3 className="text-lg font-semibold text-gray-700 mb-4 border-b border-teal-200 pb-2">
|
{["Hi-Fi reads with 99.9% accuracy", "Excellent for complex genomes", "Haplotype resolution in polyploids"].map((item, index) => (
|
||||||
Key Technology Highlights
|
<li key={index} className="flex items-start">
|
||||||
</h3>
|
<span
|
||||||
|
className="w-2 h-2 rounded-full mt-2 mr-3 flex-shrink-0"
|
||||||
|
style={{backgroundColor: '#faae31'}}
|
||||||
|
></span>
|
||||||
|
<span className="text-sm text-gray-600">{item}</span>
|
||||||
|
</li>
|
||||||
|
))}
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div className="space-y-4">
|
<div className="bg-white rounded-lg p-4 shadow-sm">
|
||||||
<div className="bg-white rounded-lg p-4 shadow-sm">
|
<h4 className="font-medium text-teal-600 mb-2">Illumina</h4>
|
||||||
<h4 className="font-medium text-green-600 mb-2">Oxford Nanopore</h4>
|
<ul className="space-y-1">
|
||||||
<ul className="text-sm text-gray-600 space-y-1">
|
{["High accuracy for SNVs and InDels", "Cost-effective for large studies", "Mature bioinformatics tools"].map((item, index) => (
|
||||||
<li>• Real-time sequencing via protein nanopores</li>
|
<li key={index} className="flex items-start">
|
||||||
<li>• Portable devices for field diagnostics</li>
|
<span
|
||||||
<li>• Direct base modification detection</li>
|
className="w-2 h-2 rounded-full mt-2 mr-3 flex-shrink-0"
|
||||||
</ul>
|
style={{backgroundColor: '#faae31'}}
|
||||||
</div>
|
></span>
|
||||||
|
<span className="text-sm text-gray-600">{item}</span>
|
||||||
<div className="bg-white rounded-lg p-4 shadow-sm">
|
</li>
|
||||||
<h4 className="font-medium text-green-600 mb-2">PacBio SMRT</h4>
|
))}
|
||||||
<ul className="text-sm text-gray-600 space-y-1">
|
</ul>
|
||||||
<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>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -7,6 +7,12 @@ const LongReadIntroduction = () => {
|
|||||||
"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.",
|
"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."
|
"This workflow supports sequencing for humans, animals, plants, bacteria, and disease-related microbes using long continuous reads for better genome assembly."
|
||||||
];
|
];
|
||||||
|
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 (
|
return (
|
||||||
<IntroductionLayout
|
<IntroductionLayout
|
||||||
|
|||||||
@ -1,14 +1,28 @@
|
|||||||
// 7c - LongReadNanopore.jsx
|
// 7c - LongReadNanopore.jsx
|
||||||
const LongReadNanopore = () => {
|
const LongReadNanopore = () => {
|
||||||
|
const nanoporeItems = [
|
||||||
|
"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.",
|
||||||
|
"Helps in sequencing long stretches of DNA for complete genome assemblies of microbial, human, animal and plant species.",
|
||||||
|
"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.",
|
||||||
|
"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."
|
||||||
|
];
|
||||||
|
|
||||||
|
const pacbioItems = [
|
||||||
|
"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.",
|
||||||
|
"Enables rapid and cost-effective generation of contiguous, complete, and accurate de novo genome assemblies, even for complex genomes.",
|
||||||
|
"Allows the haplotype resolution of complex polyploids, particularly in plants.",
|
||||||
|
"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."
|
||||||
|
];
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<section className="py-0 md:py-12 lg:py-16">
|
<section className="py-0 md:py-12 lg:py-8">
|
||||||
<div className="container-fluid px-0">
|
<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">
|
<h2 className="text-3xl font-bold text-teal-700 pb-2 px-4 lg:px-8 mb-4">
|
||||||
Long Read Sequencing Technologies
|
Long Read Sequencing Technologies
|
||||||
</h2>
|
</h2>
|
||||||
|
|
||||||
{/* Oxford Nanopore Technology Section */}
|
{/* Oxford Nanopore Technology Section */}
|
||||||
<div className="mb-12">
|
<div className="mb-4">
|
||||||
<h3 className="text-xl lg:text-2xl text-gray-700 text-left pb-2 px-4 lg:px-8 mb-4">
|
<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
|
Long Read Sequencing using Oxford Nanopore Technology
|
||||||
</h3>
|
</h3>
|
||||||
@ -32,11 +46,16 @@ const LongReadNanopore = () => {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="px-6 lg:px-9 py-6 lg:py-0 order-1 lg:order-2">
|
<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">
|
<ul className="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>
|
{nanoporeItems.map((item, index) => (
|
||||||
<li>Helps in sequencing long stretches of DNA for complete genome assemblies of microbial, human, animal and plant species.</li>
|
<li key={index} className="flex items-start">
|
||||||
<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>
|
<span
|
||||||
<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>
|
className="w-1.5 h-1.5 rounded-full mt-2 mr-3 flex-shrink-0"
|
||||||
|
style={{backgroundColor: '#faae31'}}
|
||||||
|
></span>
|
||||||
|
<span>{item}</span>
|
||||||
|
</li>
|
||||||
|
))}
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -50,11 +69,16 @@ const LongReadNanopore = () => {
|
|||||||
|
|
||||||
<div className="grid grid-cols-1 lg:grid-cols-[1.14fr_1fr] min-h-[140px] lg:min-h-[280px]">
|
<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">
|
<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">
|
<ul className="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>
|
{pacbioItems.map((item, index) => (
|
||||||
<li>Enables rapid and cost-effective generation of contiguous, complete, and accurate de novo genome assemblies, even for complex genomes.</li>
|
<li key={index} className="flex items-start">
|
||||||
<li>Allows the haplotype resolution of complex polyploids, particularly in plants.</li>
|
<span
|
||||||
<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>
|
className="w-1.5 h-1.5 rounded-full mt-2 mr-3 flex-shrink-0"
|
||||||
|
style={{backgroundColor: '#faae31'}}
|
||||||
|
></span>
|
||||||
|
<span>{item}</span>
|
||||||
|
</li>
|
||||||
|
))}
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@ -2,7 +2,6 @@ import DNATitleBar from '../../components/shared/DNATitleBar';
|
|||||||
import LongReadIntroduction from './components/LongReadIntroduction';
|
import LongReadIntroduction from './components/LongReadIntroduction';
|
||||||
import LongReadComparison from './components/LongReadComparison';
|
import LongReadComparison from './components/LongReadComparison';
|
||||||
import LongReadNanopore from './components/LongReadNanopore';
|
import LongReadNanopore from './components/LongReadNanopore';
|
||||||
import LongReadAdvantages from './components/LongReadAdvantages';
|
|
||||||
import LongReadApplications from './components/LongReadApplications';
|
import LongReadApplications from './components/LongReadApplications';
|
||||||
import LongReadSpecifications from './components/LongReadSpecifications';
|
import LongReadSpecifications from './components/LongReadSpecifications';
|
||||||
import PageLayout from '../../components/Layout/PageLayout';
|
import PageLayout from '../../components/Layout/PageLayout';
|
||||||
@ -26,7 +25,6 @@ export default function LongReadSequencingPage() {
|
|||||||
<LongReadIntroduction /> {/* 7a */}
|
<LongReadIntroduction /> {/* 7a */}
|
||||||
<LongReadComparison />
|
<LongReadComparison />
|
||||||
<LongReadNanopore />
|
<LongReadNanopore />
|
||||||
<LongReadAdvantages />
|
|
||||||
<LongReadApplications />
|
<LongReadApplications />
|
||||||
<LongReadSpecifications />
|
<LongReadSpecifications />
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -1,7 +1,6 @@
|
|||||||
// app/dna-sequencing/metagenomics-sequencing/page.js
|
// app/dna-sequencing/metagenomics-sequencing/page.js
|
||||||
import DNATitleBar from '../../components/shared/DNATitleBar';
|
import DNATitleBar from '../../components/shared/DNATitleBar';
|
||||||
import MetagenomicsIntroduction from './components/MetagenomicsIntroduction';
|
import MetagenomicsIntroduction from './components/MetagenomicsIntroduction';
|
||||||
import MetagenomicsAdvantages from './components/MetagenomicsAdvantages';
|
|
||||||
import MetagenomicsApplications from './components/MetagenomicsApplications';
|
import MetagenomicsApplications from './components/MetagenomicsApplications';
|
||||||
import MetagenomicsSpecifications from './components/MetagenomicsSpecifications';
|
import MetagenomicsSpecifications from './components/MetagenomicsSpecifications';
|
||||||
import MetagenomicsPipeline from './components/MetagenomicsPipeline';
|
import MetagenomicsPipeline from './components/MetagenomicsPipeline';
|
||||||
|
|||||||
@ -1,7 +1,6 @@
|
|||||||
// app/dna-sequencing/microsatellites-ssr-str/page.js
|
// app/dna-sequencing/microsatellites-ssr-str/page.js
|
||||||
import DNATitleBar from '../../components/shared/DNATitleBar';
|
import DNATitleBar from '../../components/shared/DNATitleBar';
|
||||||
import MicrosatellitesIntroduction from './components/MicrosatellitesIntroduction';
|
import MicrosatellitesIntroduction from './components/MicrosatellitesIntroduction';
|
||||||
import MicrosatellitesAdvantages from './components/MicrosatellitesAdvantages';
|
|
||||||
import MicrosatellitesApplications from './components/MicrosatellitesApplications';
|
import MicrosatellitesApplications from './components/MicrosatellitesApplications';
|
||||||
import MicrosatellitesSpecifications from './components/MicrosatellitesSpecifications';
|
import MicrosatellitesSpecifications from './components/MicrosatellitesSpecifications';
|
||||||
import PageLayout from '../../components/Layout/PageLayout';
|
import PageLayout from '../../components/Layout/PageLayout';
|
||||||
|
|||||||
@ -1,7 +1,6 @@
|
|||||||
// app/dna-sequencing/single-cell-dna-sequencing/page.js
|
// app/dna-sequencing/single-cell-dna-sequencing/page.js
|
||||||
import DNATitleBar from '../../components/shared/DNATitleBar';
|
import DNATitleBar from '../../components/shared/DNATitleBar';
|
||||||
import SingleCellIntroduction from './components/SingleCellIntroduction';
|
import SingleCellIntroduction from './components/SingleCellIntroduction';
|
||||||
import SingleCellAdvantages from './components/SingleCellAdvantages';
|
|
||||||
import SingleCellApplications from './components/SingleCellApplications';
|
import SingleCellApplications from './components/SingleCellApplications';
|
||||||
import SingleCellPipeline from './components/SingleCellPipeline';
|
import SingleCellPipeline from './components/SingleCellPipeline';
|
||||||
import SingleCellSpecifications from './components/SingleCellSpecifications';
|
import SingleCellSpecifications from './components/SingleCellSpecifications';
|
||||||
|
|||||||
@ -1,7 +1,6 @@
|
|||||||
// app/dna-sequencing/snp-genotyping/page.js
|
// app/dna-sequencing/snp-genotyping/page.js
|
||||||
import DNATitleBar from '../../components/shared/DNATitleBar';
|
import DNATitleBar from '../../components/shared/DNATitleBar';
|
||||||
import SNPIntroduction from './components/SNPIntroduction';
|
import SNPIntroduction from './components/SNPIntroduction';
|
||||||
import SNPAdvantages from './components/SNPAdvantages';
|
|
||||||
import SNPApplications from './components/SNPApplications';
|
import SNPApplications from './components/SNPApplications';
|
||||||
import SNPSpecifications from './components/SNPSpecifications';
|
import SNPSpecifications from './components/SNPSpecifications';
|
||||||
import PageLayout from '../../components/Layout/PageLayout';
|
import PageLayout from '../../components/Layout/PageLayout';
|
||||||
|
|||||||
@ -1,6 +1,5 @@
|
|||||||
import DNATitleBar from '../../../components/shared/DNATitleBar';
|
import DNATitleBar from '../../../components/shared/DNATitleBar';
|
||||||
import DenovoIntroduction from './components/DenovoIntroduction';
|
import DenovoIntroduction from './components/DenovoIntroduction';
|
||||||
import DenovoAdvantages from './components/DenovoAdvantages';
|
|
||||||
import DenovoApplications from './components/DenovoApplications';
|
import DenovoApplications from './components/DenovoApplications';
|
||||||
import DenovoSpecifications from './components/DenovoSpecifications';
|
import DenovoSpecifications from './components/DenovoSpecifications';
|
||||||
import WGSDeNovoPipeline from './components/WGSDeNovoPipeline';
|
import WGSDeNovoPipeline from './components/WGSDeNovoPipeline';
|
||||||
|
|||||||
@ -1,6 +1,5 @@
|
|||||||
import DNATitleBar from '../../../components/shared/DNATitleBar';
|
import DNATitleBar from '../../../components/shared/DNATitleBar';
|
||||||
import ResequencingIntroduction from './components/ResequencingIntroduction';
|
import ResequencingIntroduction from './components/ResequencingIntroduction';
|
||||||
import ResequencingAdvantages from './components/ResequencingAdvantages';
|
|
||||||
import ResequencingApplications from './components/ResequencingApplications';
|
import ResequencingApplications from './components/ResequencingApplications';
|
||||||
import ResequencingSpecifications from './components/ResequencingSpecifications';
|
import ResequencingSpecifications from './components/ResequencingSpecifications';
|
||||||
import WGSResequencingPipeline from './components/WGSResequencingPipeline';
|
import WGSResequencingPipeline from './components/WGSResequencingPipeline';
|
||||||
|
|||||||
@ -2,7 +2,6 @@ import TitleBar from '../../components/shared/TitleBar';
|
|||||||
import PageLayout from '../../components/Layout/PageLayout'
|
import PageLayout from '../../components/Layout/PageLayout'
|
||||||
import CircularIntroduction from './components/CircularIntroduction';
|
import CircularIntroduction from './components/CircularIntroduction';
|
||||||
import CircularRNAPipeline from './components/CircularRNAPipeline';
|
import CircularRNAPipeline from './components/CircularRNAPipeline';
|
||||||
import CircularAdvantages from './components/CircularAdvantages';
|
|
||||||
import CircularApplications from './components/CircularApplications';
|
import CircularApplications from './components/CircularApplications';
|
||||||
import CircularSpecifications from './components/CircularSpecifications';
|
import CircularSpecifications from './components/CircularSpecifications';
|
||||||
|
|
||||||
@ -20,7 +19,6 @@ export default function CircularRNASequencingPage() {
|
|||||||
breadcrumbs={breadcrumbs}
|
breadcrumbs={breadcrumbs}
|
||||||
/>
|
/>
|
||||||
<CircularIntroduction />
|
<CircularIntroduction />
|
||||||
<CircularAdvantages />
|
|
||||||
<CircularRNAPipeline/>
|
<CircularRNAPipeline/>
|
||||||
<CircularApplications />
|
<CircularApplications />
|
||||||
<CircularSpecifications />
|
<CircularSpecifications />
|
||||||
|
|||||||
@ -1,6 +1,5 @@
|
|||||||
import TitleBar from '../../components/shared/TitleBar';
|
import TitleBar from '../../components/shared/TitleBar';
|
||||||
import DegradomeIntroduction from './components/DegradomeIntroduction';
|
import DegradomeIntroduction from './components/DegradomeIntroduction';
|
||||||
import DegradomeAdvantages from './components/DegradomeAdvantages';
|
|
||||||
import DegradomeSequencingPipeline from './components/DegradomeSequencingPipeline';
|
import DegradomeSequencingPipeline from './components/DegradomeSequencingPipeline';
|
||||||
import DegradomeApplications from './components/DegradomeApplications';
|
import DegradomeApplications from './components/DegradomeApplications';
|
||||||
import DegradomeSpecifications from './components/DegradomeSpecifications';
|
import DegradomeSpecifications from './components/DegradomeSpecifications';
|
||||||
|
|||||||
@ -1,6 +1,5 @@
|
|||||||
import TitleBar from '../../components/shared/TitleBar';
|
import TitleBar from '../../components/shared/TitleBar';
|
||||||
import IsoIntroduction from './components/IsoIntroduction';
|
import IsoIntroduction from './components/IsoIntroduction';
|
||||||
import IsoAdvantages from './components/IsoAdvantages';
|
|
||||||
import IsoformPipeline from './components/IsoformPipeline';
|
import IsoformPipeline from './components/IsoformPipeline';
|
||||||
import IsoApplications from './components/IsoApplications';
|
import IsoApplications from './components/IsoApplications';
|
||||||
import IsoSpecifications from './components/IsoSpecifications';
|
import IsoSpecifications from './components/IsoSpecifications';
|
||||||
|
|||||||
@ -1,7 +1,6 @@
|
|||||||
// app/rna-sequencing/lncrna-sequencing/page.js
|
// app/rna-sequencing/lncrna-sequencing/page.js
|
||||||
import TitleBar from '../../components/shared/TitleBar';
|
import TitleBar from '../../components/shared/TitleBar';
|
||||||
import LncRNAIntroduction from './components/LncRNAIntroduction';
|
import LncRNAIntroduction from './components/LncRNAIntroduction';
|
||||||
import LncRNAAdvantages from './components/LncRNAAdvantages';
|
|
||||||
import LncRNABioinformatics from './components/LncRNABioinformatics';
|
import LncRNABioinformatics from './components/LncRNABioinformatics';
|
||||||
import LncRNAApplications from './components/LncRNAApplications';
|
import LncRNAApplications from './components/LncRNAApplications';
|
||||||
import LncRNASpecifications from './components/LncRNASpecifications';
|
import LncRNASpecifications from './components/LncRNASpecifications';
|
||||||
|
|||||||
@ -1,6 +1,5 @@
|
|||||||
import TitleBar from '../../components/shared/TitleBar';
|
import TitleBar from '../../components/shared/TitleBar';
|
||||||
import MetatranscriptomicsIntroduction from './components/MetatranscriptomicsIntroduction';
|
import MetatranscriptomicsIntroduction from './components/MetatranscriptomicsIntroduction';
|
||||||
import MetatranscriptomicsAdvantages from './components/MetatranscriptomicsAdvantages';
|
|
||||||
import MetatranscriptomicsApplications from './components/MetatranscriptomicsApplications';
|
import MetatranscriptomicsApplications from './components/MetatranscriptomicsApplications';
|
||||||
import MetatranscriptomicsPipeline from './components/MetatranscriptomicsPipeline';
|
import MetatranscriptomicsPipeline from './components/MetatranscriptomicsPipeline';
|
||||||
import MetatranscriptomicsSpecifications from './components/MetatranscriptomicsSpecifications';
|
import MetatranscriptomicsSpecifications from './components/MetatranscriptomicsSpecifications';
|
||||||
|
|||||||
@ -1,7 +1,6 @@
|
|||||||
// app/rna-sequencing/mrna-sequencing/page.js
|
// app/rna-sequencing/mrna-sequencing/page.js
|
||||||
import TitleBar from '../../components/shared/TitleBar';
|
import TitleBar from '../../components/shared/TitleBar';
|
||||||
import MRNAIntroduction from './components/MRNAIntroduction';
|
import MRNAIntroduction from './components/MRNAIntroduction';
|
||||||
import MRNAAdvantages from './components/MRNAAdvantages';
|
|
||||||
import MRNAApplications from './components/MRNAApplications';
|
import MRNAApplications from './components/MRNAApplications';
|
||||||
import MRNASpecifications from './components/MRNASpecifications';
|
import MRNASpecifications from './components/MRNASpecifications';
|
||||||
import PageLayout from '../../components/Layout/PageLayout';
|
import PageLayout from '../../components/Layout/PageLayout';
|
||||||
|
|||||||
@ -1,6 +1,5 @@
|
|||||||
import TitleBar from '../../components/shared/TitleBar';
|
import TitleBar from '../../components/shared/TitleBar';
|
||||||
import SingleCellIntroduction from './components/SingleCellIntroduction';
|
import SingleCellIntroduction from './components/SingleCellIntroduction';
|
||||||
import SingleCellAdvantages from './components/SingleCellAdvantages';
|
|
||||||
import SingleCellApplications from './components/SingleCellApplications';
|
import SingleCellApplications from './components/SingleCellApplications';
|
||||||
import SingleCellPipeline from './components/SingleCellPipeline';
|
import SingleCellPipeline from './components/SingleCellPipeline';
|
||||||
import SingleCellSpecifications from './components/SingleCellSpecifications';
|
import SingleCellSpecifications from './components/SingleCellSpecifications';
|
||||||
@ -20,7 +19,6 @@ export default function SingleCellRNASequencingPage() {
|
|||||||
breadcrumbs={breadcrumbs}
|
breadcrumbs={breadcrumbs}
|
||||||
/>
|
/>
|
||||||
<SingleCellIntroduction />
|
<SingleCellIntroduction />
|
||||||
<SingleCellAdvantages />
|
|
||||||
<SingleCellPipeline/>
|
<SingleCellPipeline/>
|
||||||
<SingleCellApplications />
|
<SingleCellApplications />
|
||||||
<SingleCellSpecifications />
|
<SingleCellSpecifications />
|
||||||
|
|||||||
@ -1,7 +1,6 @@
|
|||||||
// app/rna-sequencing/small-rna-sequencing/page.js
|
// app/rna-sequencing/small-rna-sequencing/page.js
|
||||||
import TitleBar from '../../components/shared/TitleBar';
|
import TitleBar from '../../components/shared/TitleBar';
|
||||||
import SRNAIntroduction from './components/SRNAIntroduction';
|
import SRNAIntroduction from './components/SRNAIntroduction';
|
||||||
import SRNAAdvantages from './components/SRNAAdvantages';
|
|
||||||
import SRNABioinformatics from './components/SRNABioinformatics';
|
import SRNABioinformatics from './components/SRNABioinformatics';
|
||||||
import SRNAApplications from './components/SRNAApplications';
|
import SRNAApplications from './components/SRNAApplications';
|
||||||
import SRNASpecifications from './components/SRNASpecifications';
|
import SRNASpecifications from './components/SRNASpecifications';
|
||||||
|
|||||||
@ -1,7 +1,6 @@
|
|||||||
// app/rna-sequencing/whole-transcriptome-sequencing/page.js
|
// app/rna-sequencing/whole-transcriptome-sequencing/page.js
|
||||||
import TitleBar from '../../components/shared/TitleBar';
|
import TitleBar from '../../components/shared/TitleBar';
|
||||||
import WTSIntroduction from './components/WTSIntroduction';
|
import WTSIntroduction from './components/WTSIntroduction';
|
||||||
import WTSAdvantages from './components/WTSAdvantages';
|
|
||||||
import WTSPipeline from './components/WTSPipeline';
|
import WTSPipeline from './components/WTSPipeline';
|
||||||
import WTSApplications from './components/WTSApplications';
|
import WTSApplications from './components/WTSApplications';
|
||||||
import WTSSpecifications from './components/WTSSpecifications';
|
import WTSSpecifications from './components/WTSSpecifications';
|
||||||
|
|||||||
Reference in New Issue
Block a user