UI styling update

app/dna-sequencing/hybrid-genome-sequencing/components/HybridIntroduction.jsx

@@ -8,11 +8,19 @@ const HybridIntroduction = () => {
     "Following sequencing, advanced bioinformatics tools are used to align and integrate the long and short reads, enhancing variant detection and improving the resolution of complex genomic regions.",
     "Hybrid sequencing is applicable to a wide range of research areas, from complex genome assemblies to resolving repetitive regions and improving the quality of reference genomes."
   ];
+  const advantageItems = [
+    "Combines long-read and short-read sequencing for more complete and accurate genome assemblies, effectively resolving complex regions and reducing gaps.",
+    "Balances the cost efficiency of short-read sequencing with the detailed resolution of long-read sequencing, making it a budget-friendly choice for comprehensive genome analysis.",
+    "Enhances detection of structural variants, such as large insertions and deletions, improving the understanding of genetic diversity and disease mechanisms.",
+    "Provides better coverage of challenging genomic features, like high GC content and repetitive sequences, by leveraging the strengths of both sequencing technologies."
+  ];
 
   return (
     <IntroductionLayout
-      title="Introduction and Workflow"
-      contentItems={contentItems}
+      introTitle="Introduction and Workflow"
+      advantageTitle="Advantage"
+      introItems={contentItems}
+      advantageItems={advantageItems}
       imageUrl="/images/dna/hybrid_genome_seq.png"
       imageAlt="Sample Process Steps"
       useParagraphs={true}

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

@@ -47,9 +47,6 @@ export default function HybridGenomeSequencingPage() {
         {/* Introduction Section */}
         <HybridIntroduction />
 
-        {/* Advantages Section */}
-        <HybridAdvantages />
-
         {/* Bioinformatics Pipeline Section */}
         {/* <HybridSequencingPipeline /> */}