Health page creation

app/dna-sequencing/enrichment-sequencing/amplicon-sequencing/page.js

@@ -1,4 +1,4 @@
-import TitleBar from '../../../components/shared/TitleBar';
+import DNATitleBar from '../../../components/shared/DNATitleBar';
 import AmpliconIntroduction from './components/AmpliconIntroduction';
 import AmpliconAdvantages from './components/AmpliconAdvantages';
 import AmpliconApplications from './components/AmpliconApplications';
@@ -15,7 +15,7 @@ export default function AmpliconSequencingPage() {
 
   return (
     <PageLayout fixedHeader={true}>
-      <TitleBar
+      <DNATitleBar
         title="Amplicon Sequencing (16S/18S/ITS)"
         desc="Explore Genetic Diversity at the Molecular Level"
         breadcrumbs={breadcrumbs}

app/dna-sequencing/enrichment-sequencing/page.js

@@ -1,5 +1,5 @@
 import PageLayout from '../../components/Layout/PageLayout';
-import TitleBar from '../../components/shared/TitleBar';
+import DNATitleBar from '../../components/shared/DNATitleBar';
 import EnrichmentIntroduction from './components/EnrichmentIntroduction';
 import EnrichmentAdvantages from './components/EnrichmentAdvantages';
 import EnrichmentSpecifications from './components/EnrichmentSpecifications';
@@ -14,7 +14,7 @@ export default function EnrichmentSequencingPage() {
 
   return (
     <PageLayout fixedHeader={true}>
-      <TitleBar
+      <DNATitleBar
         title="Enrichment Sequencing"
         desc="Enriched Genome, Enriched Insights"
         breadcrumbs={breadcrumbs}

app/dna-sequencing/enrichment-sequencing/targeted-sequencing/page.js

@@ -1,4 +1,4 @@
-import TitleBar from '../../../components/shared/TitleBar';
+import DNATitleBar from '../../../components/shared/DNATitleBar';
 import TargetedIntroduction from './components/TargetedIntroduction';
 import TargetedAdvantages from './components/TargetedAdvantages';
 import TargetedApplications from './components/TargetedApplications';
@@ -15,7 +15,7 @@ export default function TargetedSequencingPage() {
 
   return (
     <PageLayout fixedHeader={true}>
-      <TitleBar
+      <DNATitleBar
         title="Targeted DNA Sequencing"
         desc="Pinpoint Precision for Your Genetic Insights"
         breadcrumbs={breadcrumbs}

app/dna-sequencing/enrichment-sequencing/whole-exome/page.js

@@ -1,5 +1,5 @@
 // app/dna-sequencing/enrichment-sequencing/whole-exome/page.js
-import TitleBar from '../../../components/shared/TitleBar';
+import DNATitleBar from '../../../components/shared/DNATitleBar';
 import ExomeIntroduction from './components/ExomeIntroduction';
 import ExomeAdvantages from './components/ExomeAdvantages';
 import ExomeApplications from './components/ExomeApplications';
@@ -17,7 +17,7 @@ export default function WholeExomeSequencingPage() {
   return (
     <PageLayout fixedHeader={true}>
       <div className="page-wrapper">
-        <TitleBar 
+        <DNATitleBar 
           title="Whole Exome Sequencing"
           desc="Focused Insights, Comprehensive Impact"
           breadcrumbs={breadcrumbs}

app/dna-sequencing/epigenomics-sequencing/atac-sequencing/page.js

@@ -1,4 +1,4 @@
-import TitleBar from '../../../components/shared/TitleBar';
+import DNATitleBar from '../../../components/shared/DNATitleBar';
 import ATACIntroduction from './components/ATACIntroduction';
 import ATACAdvantages from './components/ATACAdvantages';
 import ATACBioinformatics from './components/ATACBioinformatics';
@@ -16,7 +16,7 @@ export default function ATACSequencingPage() {
 
   return (
     <PageLayout fixedHeader={true}>
-      <TitleBar
+      <DNATitleBar
         title="ATAC (Assay for Transposase-Accessible Chromatin) Sequencing"
         desc="Chromatin for Gene Regulation Insights"
         breadcrumbs={breadcrumbs}

app/dna-sequencing/epigenomics-sequencing/chip-sequencing/page.js

@@ -1,4 +1,4 @@
-import TitleBar from '../../../components/shared/TitleBar';
+import DNATitleBar from '../../../components/shared/DNATitleBar';
 import ChIPIntroduction from './components/ChIPIntroduction';
 import ChIPAdvantages from './components/ChIPAdvantages';
 import ChIPBioinformatics from './components/ChIPBioinformatics';
@@ -16,7 +16,7 @@ export default function ChIPSequencingPage() {
 
   return (
     <PageLayout fixedHeader={true}>
-      <TitleBar
+      <DNATitleBar
         title="ChIP (Chromatin immunoprecipitation) Sequencing"
         desc="Dissecting Gene Regulation with ChIP-Seq"
         breadcrumbs={breadcrumbs}

app/dna-sequencing/epigenomics-sequencing/page.js

@@ -1,4 +1,4 @@
-import TitleBar from '../../components/shared/TitleBar';
+import DNATitleBar from '../../components/shared/DNATitleBar';
 import EpigenomicsIntroduction from './components/EpigenomicsIntroduction';
 import EpigenomicsAdvantages from './components/EpigenomicsAdvantages';
 import EpigenomicsSpecifications from './components/EpigenomicsSpecifications';
@@ -14,7 +14,7 @@ export default function EpigenomicsSequencingPage() {
 
   return (
     <PageLayout fixedHeader={true}>
-      <TitleBar
+      <DNATitleBar
         title="Epigenomics Sequencing"
         desc="Explore Cellular Memory"
         breadcrumbs={breadcrumbs}

app/dna-sequencing/epigenomics-sequencing/wgbs/page.js

@@ -1,4 +1,4 @@
-import TitleBar from '../../../components/shared/TitleBar';
+import DNATitleBar from '../../../components/shared/DNATitleBar';
 import WGBSIntroduction from './components/WGBSIntroduction';
 import WGBSAdvantages from './components/WGBSAdvantages';
 import WGBSBioinformatics from './components/WGBSBioinformatics';
@@ -16,7 +16,7 @@ export default function WGBSPage() {
 
   return (
     <PageLayout fixedHeader={true}>
-      <TitleBar
+      <DNATitleBar
         title="Whole Genome Bisulphite Sequencing (WGBS)"
         desc="Comprehensive DNA Methylation Profiling"
         breadcrumbs={breadcrumbs}

app/dna-sequencing/genome-mapping/hi-c-mapping/page.js

@@ -1,5 +1,5 @@
 // app/dna-sequencing/genome-mapping/hi-c-mapping/page.js
-import TitleBar from '../../../components/shared/TitleBar';
+import DNATitleBar from '../../../components/shared/DNATitleBar';
 import HiCMappingIntroduction from './components/HiCMappingIntroduction';
 import HiCMappingAdvantages from './components/HiCMappingAdvantages';
 import HiCMappingApplications from './components/HiCMappingApplications';
@@ -39,7 +39,7 @@ export default function HiCMappingPage() {
   return (
     <PageLayout fixedHeader={true}>
       {/* Title Bar */}
-      <TitleBar 
+      <DNATitleBar 
         title="High-throughput Chromosome Conformation Capture (Hi-C) Mapping"
         desc="Unravel the 3D Genome"
         breadcrumbs={breadcrumbs}

app/dna-sequencing/genome-mapping/optical-mapping/page.js

@@ -1,5 +1,5 @@
 // app/dna-sequencing/genome-mapping/optical-mapping/page.js
-import TitleBar from '../../../components/shared/TitleBar';
+import DNATitleBar from '../../../components/shared/DNATitleBar';
 import OpticalMappingIntroduction from './components/OpticalMappingIntroduction';
 import OpticalMappingAdvantages from './components/OpticalMappingAdvantages';
 import OpticalMappingApplications from './components/OpticalMappingApplications';
@@ -39,7 +39,7 @@ export default function OpticalMappingPage() {
   return (
     <PageLayout fixedHeader={true}>
       {/* Title Bar */}
-      <TitleBar 
+      <DNATitleBar 
         title="Optical Mapping"
         desc="Dissecting Gene Regulation with Advanced Optical Mapping"
         breadcrumbs={breadcrumbs}

app/dna-sequencing/genome-mapping/page.js

@@ -1,5 +1,5 @@
 // app/dna-sequencing/genome-mapping/page.js
-import TitleBar from '../../components/shared/TitleBar';
+import DNATitleBar from '../../components/shared/DNATitleBar';
 import GenomeMappingIntroduction from './components/GenomeMappingIntroduction';
 import GenomeMappingAdvantages from './components/GenomeMappingAdvantages';
 import GenomeMappingPipeline from './components/GenomeMappingPipeline';
@@ -34,7 +34,7 @@ export default function GenomeMappingPage() {
   return (
     <PageLayout fixedHeader={true}>
       {/* Title Bar */}
-      <TitleBar 
+      <DNATitleBar 
         title="Genome Mapping"
         desc="Unlocking Genomic Secrets, One Map at a Time"
         breadcrumbs={breadcrumbs}

app/dna-sequencing/hybrid-genome-sequencing/page.js

@@ -1,5 +1,5 @@
 // app/dna-sequencing/snp-genotyping/page.js
-import TitleBar from '../../components/shared/TitleBar';
+import DNATitleBar from '../../components/shared/DNATitleBar';
 import HybridIntroduction from './components/HybridIntroduction';
 import HybridAdvantages from './components/HybridAdvantages';
 // import HybridSequencingPipeline from './components/HybridSequencingPipeline'
@@ -35,7 +35,7 @@ export default function HybridGenomeSequencingPage() {
   return (
     <PageLayout fixedHeader={true}>
       {/* Title Bar */}
-      <TitleBar 
+      <DNATitleBar 
         title="Hybrid Genome Sequencing"
         desc="Unifying Technologies for Deeper Genomic Clarity"
         breadcrumbs={breadcrumbs}

app/dna-sequencing/long-read-sequencing/page.js

@@ -1,4 +1,4 @@
-import TitleBar from '../../components/shared/TitleBar';
+import DNATitleBar from '../../components/shared/DNATitleBar';
 import LongReadIntroduction from './components/LongReadIntroduction';
 import LongReadComparison from './components/LongReadComparison';
 import LongReadNanopore from './components/LongReadNanopore';
@@ -17,7 +17,7 @@ export default function LongReadSequencingPage() {
 
   return (
     <PageLayout fixedHeader={true}>
-      <TitleBar
+      <DNATitleBar
         title="Whole Genome Long Read Sequencing"
         desc="Sequencing the Complete Genome, Long and Clear"
         breadcrumbs={breadcrumbs}

app/dna-sequencing/metagenomics-sequencing/page.js

@@ -1,5 +1,5 @@
 // app/dna-sequencing/metagenomics-sequencing/page.js
-import TitleBar from '../../components/shared/TitleBar';
+import DNATitleBar from '../../components/shared/DNATitleBar';
 import MetagenomicsIntroduction from './components/MetagenomicsIntroduction';
 import MetagenomicsAdvantages from './components/MetagenomicsAdvantages';
 import MetagenomicsApplications from './components/MetagenomicsApplications';
@@ -35,7 +35,7 @@ export default function MetagenomicsSequencingPage() {
   return (
     <PageLayout fixedHeader={true}>
       {/* Title Bar */}
-      <TitleBar 
+      <DNATitleBar 
         title="Metagenomics Sequencing"
         desc="Exploring Earth's Microbial Frontiers from Soil to Ocean"
         breadcrumbs={breadcrumbs}

app/dna-sequencing/microsatellites-ssr-str/page.js

@@ -1,5 +1,5 @@
 // app/dna-sequencing/microsatellites-ssr-str/page.js
-import TitleBar from '../../components/shared/TitleBar';
+import DNATitleBar from '../../components/shared/DNATitleBar';
 import MicrosatellitesIntroduction from './components/MicrosatellitesIntroduction';
 import MicrosatellitesAdvantages from './components/MicrosatellitesAdvantages';
 import MicrosatellitesApplications from './components/MicrosatellitesApplications';
@@ -34,7 +34,7 @@ export default function MicrosatellitesSSRSTRPage() {
   return (
     <PageLayout fixedHeader={true}>
       {/* Title Bar */}
-      <TitleBar 
+      <DNATitleBar 
         title="Microsatellites (SSR/STR)"
         desc="Empowering Research with Microsatellite Markers"
         breadcrumbs={breadcrumbs}

app/dna-sequencing/single-cell-dna-sequencing/page.js

@@ -1,5 +1,5 @@
 // app/dna-sequencing/single-cell-dna-sequencing/page.js
-import TitleBar from '../../components/shared/TitleBar';
+import DNATitleBar from '../../components/shared/DNATitleBar';
 import SingleCellIntroduction from './components/SingleCellIntroduction';
 import SingleCellAdvantages from './components/SingleCellAdvantages';
 import SingleCellApplications from './components/SingleCellApplications';
@@ -35,7 +35,7 @@ export default function SingleCellDNASequencingPage() {
   return (
     <PageLayout fixedHeader={true}>
       {/* Title Bar */}
-      <TitleBar 
+      <DNATitleBar 
         title="Single Cell DNA Sequencing"
         desc="Mapping Genetic Diversity Cell by Cell"
         breadcrumbs={breadcrumbs}

app/dna-sequencing/snp-genotyping/page.js

@@ -1,5 +1,5 @@
 // app/dna-sequencing/snp-genotyping/page.js
-import TitleBar from '../../components/shared/TitleBar';
+import DNATitleBar from '../../components/shared/DNATitleBar';
 import SNPIntroduction from './components/SNPIntroduction';
 import SNPAdvantages from './components/SNPAdvantages';
 import SNPApplications from './components/SNPApplications';
@@ -16,7 +16,7 @@ export default function SNPGenotypingPage() {
   return (
     <PageLayout fixedHeader={true}>
       <div className="page-wrapper">
-        <TitleBar 
+        <DNATitleBar 
           title="SNP-based Genotyping"
           desc="From Genomes to Traits: Precision through SNPs"
           breadcrumbs={breadcrumbs}

app/dna-sequencing/whole-genome-sequencing/denovo/page.js

@@ -1,4 +1,4 @@
-import TitleBar from '../../../components/shared/TitleBar';
+import DNATitleBar from '../../../components/shared/DNATitleBar';
 import DenovoIntroduction from './components/DenovoIntroduction';
 import DenovoAdvantages from './components/DenovoAdvantages';
 import DenovoApplications from './components/DenovoApplications';
@@ -16,7 +16,7 @@ export default function WholeGenomeDenovoPage() {
 
   return (
     <PageLayout fixedHeader={true}>
-      <TitleBar
+      <DNATitleBar
         title="Whole Genome Denovo Sequencing"
         desc="Unlocking Genomes, Discovering Diversity"
         breadcrumbs={breadcrumbs}

app/dna-sequencing/whole-genome-sequencing/page.js

@@ -1,5 +1,5 @@
 // app/dna-sequencing/whole-genome-sequencing/page.js (Updated)
-import TitleBar from '../../components/shared/TitleBar';
+import DNATitleBar from '../../components/shared/DNATitleBar';
 import WGSIntroduction from './components/WGSIntroduction';
 import WGSAdvantages from './components/WGSAdvantages';
 import WGSSpecifications from './components/WGSSpecifications';
@@ -14,7 +14,7 @@ export default function WholeGenomeSequencingPage() {
 
   return (
     <PageLayout fixedHeader={true}>
-      <TitleBar
+      <DNATitleBar
         title="Whole Genome Sequencing"
         desc="Whole Genome, Whole Insights"
         breadcrumbs={breadcrumbs}

app/dna-sequencing/whole-genome-sequencing/resequencing/page.js

@@ -1,4 +1,4 @@
-import TitleBar from '../../../components/shared/TitleBar';
+import DNATitleBar from '../../../components/shared/DNATitleBar';
 import ResequencingIntroduction from './components/ResequencingIntroduction';
 import ResequencingAdvantages from './components/ResequencingAdvantages';
 import ResequencingApplications from './components/ResequencingApplications';
@@ -16,7 +16,7 @@ export default function WholeGenomeResequencingPage() {
 
   return (
     <PageLayout fixedHeader={true}>
-      <TitleBar
+      <DNATitleBar
         title="Whole Genome ReSequencing"
         desc="Unraveling Genomic Complexity with Re-Sequencing"
         breadcrumbs={breadcrumbs}