Responsive check

app/dna-sequencing/enrichment-sequencing/components/EnrichmentIntroduction.jsx

@@ -10,22 +10,16 @@ const EnrichmentIntroduction = () => {
     "It is a powerful tool for diverse genomic studies, capable of sequencing humans, livestock, plants, bacteria, and disease-related microbes."
   ];
   
-  const advantageItems = [
-    "Provides a more affordable alternative to Whole Genome Sequencing (WGS), making it accessible to a wider range of researchers and clinicians.",
-    "Enhances detection of single-nucleotide variants (SNVs), copy number variants (CNVs), and insertions/deletions (InDels) with sensitivity and accuracy comparable to WGS, particularly in exonic regions.",
-    "Produces smaller data sets compared to WGS, allowing for quicker and more straightforward data analysis, which accelerates research and diagnostics.",
-    "Focuses on exonic regions, which are more likely to harbor disease-causing variants, leading to a more efficient and targeted approach in identifying genetic variants."
-  ];
 
   return (
     <div className="w-full bg-white">
       {/* Main container with two columns */}
-      <div className="grid grid-cols-1 lg:grid-cols-[1.2fr_1.0fr] min-h-screen">
+      <div className="grid grid-cols-1 lg:grid-cols-[1.2fr_1.0fr]">
         
         {/* Left Column - Content using existing IntroductionLayout structure */}
-        <div className="px-6 lg:px-12 py-8">
+        <div className="px-6 lg:px-6 py-6">
           {/* Introduction Section */}
-          <section className="mb-8">
+          <section>
             <h2 className="text-3xl font-bold text-teal-700 mb-4">
               Introduction and Workflow
             </h2>
@@ -43,7 +37,7 @@ const EnrichmentIntroduction = () => {
           </section>
 
           {/* Advantage Section */}
-          <section>
+          {/* <section>
             <h2 className="text-3xl font-bold text-teal-700 mb-4">
               Advantage
             </h2>
@@ -58,7 +52,7 @@ const EnrichmentIntroduction = () => {
                 </li>
               ))}
             </ul>
-          </section>
+          </section> */}
         </div>
 
         {/* Right Column - Custom Content with Image and SVG */}

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

@@ -1,6 +1,7 @@
 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';
 
@@ -21,6 +22,7 @@ export default function EnrichmentSequencingPage() {
       
       <div className="page-content">
         <EnrichmentIntroduction />
+        <EnrichmentAdvantages/>
         <EnrichmentPipeline/>
         <EnrichmentSpecifications />
       </div>