UI styling update

This commit is contained in:
mukesh13
2025-08-21 13:08:42 +05:30
parent 24ec58a76b
commit 500802e62f
31 changed files with 144 additions and 173 deletions

View File

@ -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';

View File

@ -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';

View File

@ -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';

View File

@ -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';

View File

@ -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';

View File

@ -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';

View File

@ -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';

View File

@ -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';

View File

@ -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';

View File

@ -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';

View File

@ -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';

View File

@ -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';

View File

@ -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>

View File

@ -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

View File

@ -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>

View File

@ -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>

View File

@ -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';

View File

@ -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';

View File

@ -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';

View File

@ -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';

View File

@ -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';

View File

@ -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';

View File

@ -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 />

View File

@ -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';

View File

@ -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';

View File

@ -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';

View File

@ -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';

View File

@ -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';

View File

@ -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 />

View File

@ -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';

View File

@ -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';