UI styling update

app/rna-sequencing/degradome-sequencing/components/DegradomeIntroduction.jsx

@@ -8,11 +8,19 @@ const DegradomeIntroduction = () => {
     "Bioinformatics analysis for Degradome Sequencing include data preprocessing, aligning reads to reference genomes, identifying miRNA/ta-siRNA cleavage sites, and quantifying cleaved targets, revealing RNA decay dynamics and regulatory mechanisms.",
     "The method facilitates the discovery of novel miRNAs and ta-siRNAs, studies on miRNA-mediated gene regulation, and comparative RNA decay analysis across species, contributing to a comprehensive understanding of RNA life cycles."
   ];
+  const advantageItems = [
+    "Degradome sequencing provides a focused analysis of RNA degradation, specifically targeting cleavage sites mediated by miRNAs and ta-siRNAs, making it ideal for studying gene regulation and RNA stability.",
+    "By targeting degradation products, degradome sequencing minimizes the impact of intact RNAs, enhancing sensitivity for detecting miRNA targets and cleavage events.",
+    "Degradome sequencing focuses on RNA cleavage sites, eliminating the need for additional steps like ribosomal RNA removal, making it a more cost-effective alternative to broader transcriptome studies.",
+    "Degradome sequencing enables the identification of novel regulatory elements, such as circRNAs and biomarkers, expanding its utility in understanding RNA regulatory networks."
+  ];
 
   return (
     <IntroductionLayout
-      title="Introduction and Workflow"
-      contentItems={contentItems}
+      introTitle="Introduction and Workflow"
+      advantageTitle="Advantage"
+      introItems={contentItems}
+      advantageItems={advantageItems}
       imageUrl="/images/rna/degradome_sequencing.png"
       imageAlt="Degradome Sequencing Workflow"
       useParagraphs={true}

app/rna-sequencing/degradome-sequencing/components/DegradomeSequencingPipeline.jsx

@@ -5,16 +5,15 @@ const DegradomeSequencingPipeline = ({
   svgContent = null, // Pass your SVG content here as JSX
   svgUrl = "/images/flowchart/degradomerna.svg",
   backgroundColor = "bg-gray-50",
-  textColor = "text-gray-700",
   className = "",
   titleClassName = "",
   svgClassName = "",
   containerClassName = ""
 }) => {
   return (
-    <section className={`py-6 sm:py-8 lg:py-12 ${backgroundColor} ${className}`}>
+    <section className={`py-6 sm:py-8 lg:py-4 ${backgroundColor} ${className}`}>
       <div className={`container mx-auto max-w-none px-3 sm:px-4 lg:px-6 ${containerClassName}`}>
-        <h2 className={`${textColor} text-left pb-4 sm:pb-6 text-xl sm:text-2xl lg:text-3xl font-normal ${titleClassName}`}>
+        <h2 className={"text-3xl font-bold text-teal-700 mb-4"}>
           {title}
         </h2>
 
@@ -22,19 +21,19 @@ const DegradomeSequencingPipeline = ({
         <div className="bg-white rounded-xl shadow-lg p-4 sm:p-6 lg:p-8">
           <div className="flex justify-center">
             <div className="w-full max-w-6xl">
-              {/* SVG Container with responsive sizing */}
-              <div className={`w-full ${svgClassName}`}>
+              {/* SVG Container with responsive sizing and reduced height */}
+              <div className={`w-full max-h-100 overflow-hidden ${svgClassName}`}>
                 {svgUrl ? (
                   // If SVG URL/path is provided
                   <img 
                     src={svgUrl} 
                     alt="Flowchart diagram"
-                    className="w-full h-auto object-contain"
+                    className="w-full h-auto object-contain max-h-100"
                   />
                 ) : svgContent ? (
                   // If SVG content is provided as JSX
-                  <div className="w-full">
-                    <div className="w-full">
+                  <div className="w-full max-h-100">
+                    <div className="w-full max-h-100 overflow-hidden">
                       {svgContent}
                     </div>
                   </div>

app/rna-sequencing/degradome-sequencing/page.js

@@ -20,7 +20,6 @@ export default function DegradomeSequencingPage() {
         breadcrumbs={breadcrumbs}
       />
       <DegradomeIntroduction />
-      <DegradomeAdvantages />
       <DegradomeSequencingPipeline/>
       <DegradomeApplications />
       <DegradomeSpecifications />