UI styling update
This commit is contained in:
@ -1,6 +1,5 @@
|
||||
import DNATitleBar from '../../../components/shared/DNATitleBar';
|
||||
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';
|
||||
|
||||
@ -1,7 +1,6 @@
|
||||
import PageLayout from '../../components/Layout/PageLayout';
|
||||
import DNATitleBar from '../../components/shared/DNATitleBar';
|
||||
import EnrichmentIntroduction from './components/EnrichmentIntroduction';
|
||||
import EnrichmentAdvantages from './components/EnrichmentAdvantages';
|
||||
import EnrichmentSpecifications from './components/EnrichmentSpecifications';
|
||||
import EnrichmentPipeline from './components/EnrichmentPipeline';
|
||||
|
||||
|
||||
@ -1,6 +1,5 @@
|
||||
import DNATitleBar from '../../../components/shared/DNATitleBar';
|
||||
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';
|
||||
|
||||
@ -1,7 +1,6 @@
|
||||
// app/dna-sequencing/enrichment-sequencing/whole-exome/page.js
|
||||
import DNATitleBar from '../../../components/shared/DNATitleBar';
|
||||
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';
|
||||
|
||||
@ -1,7 +1,5 @@
|
||||
import DNATitleBar from '../../../components/shared/DNATitleBar';
|
||||
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';
|
||||
|
||||
@ -1,7 +1,5 @@
|
||||
import DNATitleBar from '../../../components/shared/DNATitleBar';
|
||||
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';
|
||||
|
||||
@ -1,6 +1,5 @@
|
||||
import DNATitleBar from '../../components/shared/DNATitleBar';
|
||||
import EpigenomicsIntroduction from './components/EpigenomicsIntroduction';
|
||||
import EpigenomicsAdvantages from './components/EpigenomicsAdvantages';
|
||||
import EpigenomicsSpecifications from './components/EpigenomicsSpecifications';
|
||||
import EpigenomicsPipeline from './components/EpigenomicsPipeline';
|
||||
import PageLayout from '../../components/Layout/PageLayout';
|
||||
|
||||
@ -1,7 +1,5 @@
|
||||
import DNATitleBar from '../../../components/shared/DNATitleBar';
|
||||
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';
|
||||
|
||||
@ -1,7 +1,6 @@
|
||||
// app/dna-sequencing/genome-mapping/hi-c-mapping/page.js
|
||||
import DNATitleBar from '../../../components/shared/DNATitleBar';
|
||||
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';
|
||||
|
||||
@ -1,7 +1,6 @@
|
||||
// app/dna-sequencing/genome-mapping/optical-mapping/page.js
|
||||
import DNATitleBar from '../../../components/shared/DNATitleBar';
|
||||
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';
|
||||
|
||||
@ -1,7 +1,6 @@
|
||||
// app/dna-sequencing/genome-mapping/page.js
|
||||
import DNATitleBar from '../../components/shared/DNATitleBar';
|
||||
import GenomeMappingIntroduction from './components/GenomeMappingIntroduction';
|
||||
import GenomeMappingAdvantages from './components/GenomeMappingAdvantages';
|
||||
import GenomeMappingPipeline from './components/GenomeMappingPipeline';
|
||||
import GenomeMappingSpecifications from './components/GenomeMappingSpecifications';
|
||||
import PageLayout from '../../components/Layout/PageLayout';
|
||||
|
||||
@ -1,7 +1,6 @@
|
||||
// app/dna-sequencing/snp-genotyping/page.js
|
||||
import DNATitleBar from '../../components/shared/DNATitleBar';
|
||||
import HybridIntroduction from './components/HybridIntroduction';
|
||||
import HybridAdvantages from './components/HybridAdvantages';
|
||||
// import HybridSequencingPipeline from './components/HybridSequencingPipeline'
|
||||
import HybridApplications from './components/HybridApplications';
|
||||
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")) {
|
||||
return (
|
||||
<div>
|
||||
<span className="text-blue-600 font-medium">Long Read Length with High Accuracy</span>
|
||||
{content.replace("Long Read Length with High Accuracy", "")}
|
||||
<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")) {
|
||||
@ -59,9 +59,9 @@ const LongReadComparison = () => {
|
||||
};
|
||||
|
||||
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">
|
||||
<section className="py-4 bg-gray-50">
|
||||
<div className="container max-w-none px-6">
|
||||
<h2 className="text-3xl font-bold text-teal-700 mb-8">
|
||||
Comparison of Sequencers
|
||||
</h2>
|
||||
|
||||
@ -77,137 +77,112 @@ const LongReadComparison = () => {
|
||||
</div>
|
||||
|
||||
{/* Detailed Comparison Table Section */}
|
||||
<div className="mb-8">
|
||||
<h3 className="text-xl lg:text-2xl text-gray-700 mb-6 text-center">
|
||||
<div className="mb-6">
|
||||
<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
|
||||
</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 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">
|
||||
<div className="overflow-x-auto mb-8 justify-center">
|
||||
<table className="w-full border-collapse border border-gray-300 text-sm bg-white shadow-sm">
|
||||
<thead>
|
||||
<tr className="bg-teal-50">
|
||||
<th className="border border-gray-300 px-4 py-3 text-left font-semibold text-teal-700">
|
||||
Platform Types
|
||||
</th>
|
||||
<th className="border border-gray-300 px-4 py-3 text-left font-semibold text-teal-700">
|
||||
Illumina NovaSeq 6000
|
||||
</th>
|
||||
<th className="border border-gray-300 px-4 py-3 text-left font-semibold text-teal-700">
|
||||
PacBio Sequel II/IIe
|
||||
</th>
|
||||
<th className="border border-gray-300 px-4 py-3 text-left font-semibold text-teal-700">
|
||||
Nanopore PromethION
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{comparisonData.map((row, index) => (
|
||||
<tr key={index} className={`${index % 2 === 1 ? 'bg-gray-50' : 'bg-white'} hover:bg-teal-25 transition-colors`}>
|
||||
<td className="border border-gray-300 px-4 py-3 align-top text-gray-600 font-medium text-base">
|
||||
{row.category}
|
||||
</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}
|
||||
</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">
|
||||
</td>
|
||||
<td className="border border-gray-300 px-4 py-3 align-top text-gray-600 leading-relaxed">
|
||||
<div className="whitespace-pre-line">
|
||||
{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">
|
||||
</td>
|
||||
<td className="border border-gray-300 px-4 py-3 align-top text-gray-600 leading-relaxed">
|
||||
<div className="whitespace-pre-line">
|
||||
{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>
|
||||
</td>
|
||||
</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>
|
||||
|
||||
{/* Key Technology Highlights */}
|
||||
<div className="bg-gradient-to-br from-teal-50 to-blue-50 rounded-lg p-6">
|
||||
<h3 className="text-lg font-semibold text-gray-600 mb-4 border-b border-teal-200 pb-2">
|
||||
Key Technology Highlights
|
||||
</h3>
|
||||
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-4">
|
||||
<div className="bg-white rounded-lg p-4 shadow-sm">
|
||||
<h4 className="font-medium text-teal-600 mb-2">Oxford Nanopore</h4>
|
||||
<ul className="space-y-1">
|
||||
{["Real-time sequencing via protein nanopores", "Portable devices for field diagnostics", "Direct base modification detection"].map((item, index) => (
|
||||
<li key={index} className="flex items-start">
|
||||
<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>
|
||||
))}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</ul>
|
||||
</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="bg-white rounded-lg p-4 shadow-sm">
|
||||
<h4 className="font-medium text-teal-600 mb-2">PacBio SMRT</h4>
|
||||
<ul className="space-y-1">
|
||||
{["Hi-Fi reads with 99.9% accuracy", "Excellent for complex genomes", "Haplotype resolution in polyploids"].map((item, index) => (
|
||||
<li key={index} className="flex items-start">
|
||||
<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">
|
||||
<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 className="bg-white rounded-lg p-4 shadow-sm">
|
||||
<h4 className="font-medium text-teal-600 mb-2">Illumina</h4>
|
||||
<ul className="space-y-1">
|
||||
{["High accuracy for SNVs and InDels", "Cost-effective for large studies", "Mature bioinformatics tools"].map((item, index) => (
|
||||
<li key={index} className="flex items-start">
|
||||
<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>
|
||||
</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.",
|
||||
"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 (
|
||||
<IntroductionLayout
|
||||
|
||||
@ -1,14 +1,28 @@
|
||||
// 7c - LongReadNanopore.jsx
|
||||
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 (
|
||||
<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">
|
||||
<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
|
||||
</h2>
|
||||
|
||||
{/* 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">
|
||||
Long Read Sequencing using Oxford Nanopore Technology
|
||||
</h3>
|
||||
@ -32,11 +46,16 @@ const LongReadNanopore = () => {
|
||||
</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 className="space-y-3 text-gray-600 leading-relaxed">
|
||||
{nanoporeItems.map((item, index) => (
|
||||
<li key={index} className="flex items-start">
|
||||
<span
|
||||
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>
|
||||
</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="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 className="space-y-3 text-gray-600 leading-relaxed">
|
||||
{pacbioItems.map((item, index) => (
|
||||
<li key={index} className="flex items-start">
|
||||
<span
|
||||
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>
|
||||
</div>
|
||||
|
||||
|
||||
@ -2,7 +2,6 @@ import DNATitleBar from '../../components/shared/DNATitleBar';
|
||||
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';
|
||||
@ -26,7 +25,6 @@ export default function LongReadSequencingPage() {
|
||||
<LongReadIntroduction /> {/* 7a */}
|
||||
<LongReadComparison />
|
||||
<LongReadNanopore />
|
||||
<LongReadAdvantages />
|
||||
<LongReadApplications />
|
||||
<LongReadSpecifications />
|
||||
</div>
|
||||
|
||||
@ -1,7 +1,6 @@
|
||||
// app/dna-sequencing/metagenomics-sequencing/page.js
|
||||
import DNATitleBar from '../../components/shared/DNATitleBar';
|
||||
import MetagenomicsIntroduction from './components/MetagenomicsIntroduction';
|
||||
import MetagenomicsAdvantages from './components/MetagenomicsAdvantages';
|
||||
import MetagenomicsApplications from './components/MetagenomicsApplications';
|
||||
import MetagenomicsSpecifications from './components/MetagenomicsSpecifications';
|
||||
import MetagenomicsPipeline from './components/MetagenomicsPipeline';
|
||||
|
||||
@ -1,7 +1,6 @@
|
||||
// app/dna-sequencing/microsatellites-ssr-str/page.js
|
||||
import DNATitleBar from '../../components/shared/DNATitleBar';
|
||||
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';
|
||||
|
||||
@ -1,7 +1,6 @@
|
||||
// app/dna-sequencing/single-cell-dna-sequencing/page.js
|
||||
import DNATitleBar from '../../components/shared/DNATitleBar';
|
||||
import SingleCellIntroduction from './components/SingleCellIntroduction';
|
||||
import SingleCellAdvantages from './components/SingleCellAdvantages';
|
||||
import SingleCellApplications from './components/SingleCellApplications';
|
||||
import SingleCellPipeline from './components/SingleCellPipeline';
|
||||
import SingleCellSpecifications from './components/SingleCellSpecifications';
|
||||
|
||||
@ -1,7 +1,6 @@
|
||||
// app/dna-sequencing/snp-genotyping/page.js
|
||||
import DNATitleBar from '../../components/shared/DNATitleBar';
|
||||
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';
|
||||
|
||||
@ -1,6 +1,5 @@
|
||||
import DNATitleBar from '../../../components/shared/DNATitleBar';
|
||||
import DenovoIntroduction from './components/DenovoIntroduction';
|
||||
import DenovoAdvantages from './components/DenovoAdvantages';
|
||||
import DenovoApplications from './components/DenovoApplications';
|
||||
import DenovoSpecifications from './components/DenovoSpecifications';
|
||||
import WGSDeNovoPipeline from './components/WGSDeNovoPipeline';
|
||||
|
||||
@ -1,6 +1,5 @@
|
||||
import DNATitleBar from '../../../components/shared/DNATitleBar';
|
||||
import ResequencingIntroduction from './components/ResequencingIntroduction';
|
||||
import ResequencingAdvantages from './components/ResequencingAdvantages';
|
||||
import ResequencingApplications from './components/ResequencingApplications';
|
||||
import ResequencingSpecifications from './components/ResequencingSpecifications';
|
||||
import WGSResequencingPipeline from './components/WGSResequencingPipeline';
|
||||
|
||||
@ -2,7 +2,6 @@ import TitleBar from '../../components/shared/TitleBar';
|
||||
import PageLayout from '../../components/Layout/PageLayout'
|
||||
import CircularIntroduction from './components/CircularIntroduction';
|
||||
import CircularRNAPipeline from './components/CircularRNAPipeline';
|
||||
import CircularAdvantages from './components/CircularAdvantages';
|
||||
import CircularApplications from './components/CircularApplications';
|
||||
import CircularSpecifications from './components/CircularSpecifications';
|
||||
|
||||
@ -20,7 +19,6 @@ export default function CircularRNASequencingPage() {
|
||||
breadcrumbs={breadcrumbs}
|
||||
/>
|
||||
<CircularIntroduction />
|
||||
<CircularAdvantages />
|
||||
<CircularRNAPipeline/>
|
||||
<CircularApplications />
|
||||
<CircularSpecifications />
|
||||
|
||||
@ -1,6 +1,5 @@
|
||||
import TitleBar from '../../components/shared/TitleBar';
|
||||
import DegradomeIntroduction from './components/DegradomeIntroduction';
|
||||
import DegradomeAdvantages from './components/DegradomeAdvantages';
|
||||
import DegradomeSequencingPipeline from './components/DegradomeSequencingPipeline';
|
||||
import DegradomeApplications from './components/DegradomeApplications';
|
||||
import DegradomeSpecifications from './components/DegradomeSpecifications';
|
||||
|
||||
@ -1,6 +1,5 @@
|
||||
import TitleBar from '../../components/shared/TitleBar';
|
||||
import IsoIntroduction from './components/IsoIntroduction';
|
||||
import IsoAdvantages from './components/IsoAdvantages';
|
||||
import IsoformPipeline from './components/IsoformPipeline';
|
||||
import IsoApplications from './components/IsoApplications';
|
||||
import IsoSpecifications from './components/IsoSpecifications';
|
||||
|
||||
@ -1,7 +1,6 @@
|
||||
// app/rna-sequencing/lncrna-sequencing/page.js
|
||||
import TitleBar from '../../components/shared/TitleBar';
|
||||
import LncRNAIntroduction from './components/LncRNAIntroduction';
|
||||
import LncRNAAdvantages from './components/LncRNAAdvantages';
|
||||
import LncRNABioinformatics from './components/LncRNABioinformatics';
|
||||
import LncRNAApplications from './components/LncRNAApplications';
|
||||
import LncRNASpecifications from './components/LncRNASpecifications';
|
||||
|
||||
@ -1,6 +1,5 @@
|
||||
import TitleBar from '../../components/shared/TitleBar';
|
||||
import MetatranscriptomicsIntroduction from './components/MetatranscriptomicsIntroduction';
|
||||
import MetatranscriptomicsAdvantages from './components/MetatranscriptomicsAdvantages';
|
||||
import MetatranscriptomicsApplications from './components/MetatranscriptomicsApplications';
|
||||
import MetatranscriptomicsPipeline from './components/MetatranscriptomicsPipeline';
|
||||
import MetatranscriptomicsSpecifications from './components/MetatranscriptomicsSpecifications';
|
||||
|
||||
@ -1,7 +1,6 @@
|
||||
// app/rna-sequencing/mrna-sequencing/page.js
|
||||
import TitleBar from '../../components/shared/TitleBar';
|
||||
import MRNAIntroduction from './components/MRNAIntroduction';
|
||||
import MRNAAdvantages from './components/MRNAAdvantages';
|
||||
import MRNAApplications from './components/MRNAApplications';
|
||||
import MRNASpecifications from './components/MRNASpecifications';
|
||||
import PageLayout from '../../components/Layout/PageLayout';
|
||||
|
||||
@ -1,6 +1,5 @@
|
||||
import TitleBar from '../../components/shared/TitleBar';
|
||||
import SingleCellIntroduction from './components/SingleCellIntroduction';
|
||||
import SingleCellAdvantages from './components/SingleCellAdvantages';
|
||||
import SingleCellApplications from './components/SingleCellApplications';
|
||||
import SingleCellPipeline from './components/SingleCellPipeline';
|
||||
import SingleCellSpecifications from './components/SingleCellSpecifications';
|
||||
@ -20,7 +19,6 @@ export default function SingleCellRNASequencingPage() {
|
||||
breadcrumbs={breadcrumbs}
|
||||
/>
|
||||
<SingleCellIntroduction />
|
||||
<SingleCellAdvantages />
|
||||
<SingleCellPipeline/>
|
||||
<SingleCellApplications />
|
||||
<SingleCellSpecifications />
|
||||
|
||||
@ -1,7 +1,6 @@
|
||||
// app/rna-sequencing/small-rna-sequencing/page.js
|
||||
import TitleBar from '../../components/shared/TitleBar';
|
||||
import SRNAIntroduction from './components/SRNAIntroduction';
|
||||
import SRNAAdvantages from './components/SRNAAdvantages';
|
||||
import SRNABioinformatics from './components/SRNABioinformatics';
|
||||
import SRNAApplications from './components/SRNAApplications';
|
||||
import SRNASpecifications from './components/SRNASpecifications';
|
||||
|
||||
@ -1,7 +1,6 @@
|
||||
// app/rna-sequencing/whole-transcriptome-sequencing/page.js
|
||||
import TitleBar from '../../components/shared/TitleBar';
|
||||
import WTSIntroduction from './components/WTSIntroduction';
|
||||
import WTSAdvantages from './components/WTSAdvantages';
|
||||
import WTSPipeline from './components/WTSPipeline';
|
||||
import WTSApplications from './components/WTSApplications';
|
||||
import WTSSpecifications from './components/WTSSpecifications';
|
||||
|
||||
Reference in New Issue
Block a user