further updates oh health,research and leader

2025-09-11 22:33:55 +05:30
parent a90808177a
commit e925b985f2
23 changed files with 301 additions and 210 deletions
--- a/app/dna-sequencing/enrichment-sequencing/components/EnrichmentIntroduction.jsx
+++ b/app/dna-sequencing/enrichment-sequencing/components/EnrichmentIntroduction.jsx
@ -76,7 +76,7 @@ const EnrichmentIntroduction = () => {
            </div>
            
            {/* Bottom Section - Image with same width */}
-            <div className="flex items-center justify-center">
+            {/* <div className="flex items-center justify-center">
              <div className="w-full max-w-md flex items-center justify-center">
                <img 
                  src="/images/dna/whole_genome_seq-normal_denovo.png"
@ -84,7 +84,7 @@ const EnrichmentIntroduction = () => {
                  className="w-full h-auto object-contain"
                />
              </div>
-            </div>
+            </div> */}
            
          </div>
        </div>
--- a/app/dna-sequencing/epigenomics-sequencing/components/EpigenomicsIntroduction.jsx
+++ b/app/dna-sequencing/epigenomics-sequencing/components/EpigenomicsIntroduction.jsx
@ -82,7 +82,7 @@ const EpigenomicsIntroduction = () => {
            </div>
            
            {/* Bottom Section - Image with same width */}
-            <div className="flex items-center justify-center">
+            {/* <div className="flex items-center justify-center">
              <div className="w-full max-w-md flex items-center justify-center">
                <img 
                  src="/images/epigenomics-overview.png"
@ -90,7 +90,7 @@ const EpigenomicsIntroduction = () => {
                  className="w-full h-auto object-contain"
                />
              </div>
-            </div>
+            </div> */}
            
          </div>
        </div>
--- a/app/dna-sequencing/genome-mapping/components/GenomeMappingIntroduction.jsx
+++ b/app/dna-sequencing/genome-mapping/components/GenomeMappingIntroduction.jsx
@ -81,7 +81,7 @@ const GenomeMappingIntroduction = () => {
            </div>
            
            {/* Bottom Section - Image with same width */}
-            <div className="flex items-center justify-center">
+            {/* <div className="flex items-center justify-center">
              <div className="w-full max-w-md flex items-center justify-center">
                <img 
                  src="/images/genome-mapping-overview.png"
@ -89,7 +89,7 @@ const GenomeMappingIntroduction = () => {
                  className="w-full h-auto object-contain"
                />
              </div>
-            </div>
+            </div> */}
            
          </div>
        </div>
--- a/app/dna-sequencing/snp-genotyping/components/SNPGenotypingTechniques.jsx
+++ b/app/dna-sequencing/snp-genotyping/components/SNPGenotypingTechniques.jsx
@ -21,7 +21,7 @@ const SNPGenotypingTechniques = ({
  ];

  return (
-    <section className={`py-5 lg:py-5 ${backgroundColor}`}>
+    <section className={`py-5 lg:py-5 mb-6 ${backgroundColor}`}>
      <div className="container-fluid px-4 lg:px-6">
        <h2 className="text-3xl font-bold text-teal-700 mb-4">
          {title}
--- a/app/dna-sequencing/snp-genotyping/components/SNPIntroduction.jsx
+++ b/app/dna-sequencing/snp-genotyping/components/SNPIntroduction.jsx
@ -23,19 +23,6 @@ const SNPIntroduction = () => {

  return (
    <>
-      {/* Main Heading Section */}
-      <section className="py-5 lg:py-5">
-        <div className="container-fluid px-4 lg:px-6">
-          <div className="lg:px-6">
-            <h1 className="text-3xl font-bold text-teal-700 mb-2">
-              Double Digest Restriction-site Associated DNA (ddRAD) Sequencing
-            </h1>
-            <p className="text-base leading-relaxed" style={{color: '#faae31'}}>
-              Focused, Cost-Effective Genotyping with ddRAD
-            </p>
-          </div>
-        </div>
-      </section>

      {/* Introduction Layout */}
      <IntroductionLayout
--- a/app/dna-sequencing/snp-genotyping/components/SNPWorkflow
+++ b/app/dna-sequencing/snp-genotyping/components/SNPWorkflow
@ -1,32 +1,48 @@
+import React from 'react';
+
 const SNPWorkflow = ({ 
-  workflowImage = "/images/flowchart/WGS_flow.svg"
+  workflowImage = "/images/flowchart/snp_flow.svg"
 }) => {
+  const introItems = [
+    "SNP-based genotyping identifies single nucleotide polymorphisms (SNPs) across the genome, offering insights into genetic diversity, disease associations, and trait inheritance. It is widely applied in population genetics, evolutionary biology, and plant and animal breeding."
+  ];
+
  return (
-    <section className={'py-5 lg:py-5'}>
-      <div className="container-fluid px-4 lg:px-6">
-        <h2 className="text-3xl font-bold text-teal-700 mb-4">
-          Introduction and Workflow
-        </h2>
+    <div className="w-full bg-white">
+      {/* Main container with two columns */}
+      <div className="grid grid-cols-1 lg:grid-cols-[1.2fr_1.0fr]">
        
-        <div className="lg:px-6 grid grid-cols-1 lg:grid-cols-2 gap-8 items-center">
-          <div>
-            <p className="text-base leading-relaxed" style={{color: '#555555'}}>
-              SNP-based genotyping identifies single nucleotide polymorphisms (SNPs) across the genome, 
-              offering insights into genetic diversity, disease associations, and trait inheritance. It is widely applied in 
-              population genetics, evolutionary biology, and plant and animal breeding.
-            </p>
-          </div>
-          
-          <div className="flex justify-center lg:justify-end">
-            <img 
-              src={workflowImage} 
-              alt="SNP Genotyping Workflow" 
-              className="max-w-full h-auto rounded-lg"
-            />
-          </div>
+        {/* Left Column - Content */}
+        <div className="px-6 lg:px-6 py-8">
+          {/* Introduction Section */}
+          <section>
+            <h2 className="text-3xl font-bold text-teal-700 mb-4">
+              Introduction and Workflow
+            </h2>
+            <ul className="space-y-4 text-gray-600 leading-relaxed text-sm lg:text-base">
+              {introItems.map((item, index) => (
+                <li key={index} className="flex items-start">
+                  <span 
+                    className="inline-block w-2 h-2 rounded-full mt-2 mr-3 flex-shrink-0"
+                    style={{backgroundColor: '#faae31'}}
+                  ></span>
+                  <span className="text-justify">{item}</span>
+                </li>
+              ))}
+            </ul>
+          </section>
+        </div>
+
+        {/* Right Column - Workflow Image */}
+        <div className="relative flex items-start justify-center p-4">
+          <img 
+            src={workflowImage}
+            alt="SNP Genotyping Workflow"
+            className="max-w-full min-h-90px object-contain"
+          />
        </div>
      </div>
-    </section>
+    </div>
  );
 };

--- a/app/dna-sequencing/snp-genotyping/ddRAD-sequencing/page.js
+++ b/app/dna-sequencing/snp-genotyping/ddRAD-sequencing/page.js
@ -0,0 +1,34 @@
+// app/dna-sequencing/snp-genotyping/page.js
+import DNATitleBar from '../../../components/shared/DNATitleBar';
+import SNPIntroduction from '../components/SNPIntroduction';
+import SNPApplications from '../components/SNPApplications';
+import SNPSpecifications from '../components/SNPSpecifications';
+import PageLayout from '../../../components/Layout/PageLayout';
+
+export default function ddRADPage() {
+  const breadcrumbs = [
+    { label: "Home", href: "/" },
+    { label: "Research", href: "/dna-sequencing" },
+    { label: "SNP-based Genotyping", href: "/dna-sequencing/snp-genotyping" },
+    { label: "ddRAD Sequencing", current: true },
+  ];
+
+  return (
+    <PageLayout fixedHeader={true}>
+      <div className="page-wrapper">
+        <DNATitleBar 
+          title="Double Digest Restriction-site Associated DNA (ddRAD) Sequencing"
+          desc="Focused, Cost-Effective Genotyping with ddRAD"
+          breadcrumbs={breadcrumbs}
+          backgroundImage="/images/bredcrumb.jpg"
+        />
+        
+        <div className="page-content">
+          <SNPIntroduction />
+          <SNPApplications />
+          <SNPSpecifications />
+        </div>
+      </div>
+    </PageLayout>
+  );
+}
--- a/app/dna-sequencing/snp-genotyping/page.js
+++ b/app/dna-sequencing/snp-genotyping/page.js
@ -1,9 +1,6 @@
 // app/dna-sequencing/snp-genotyping/page.js
 import DNATitleBar from '../../components/shared/DNATitleBar';
 import SNPWorkflow from './components/SNPWorkflow ';
-import SNPIntroduction from './components/SNPIntroduction';
-import SNPApplications from './components/SNPApplications';
-import SNPSpecifications from './components/SNPSpecifications';
 import SNPGenotypingTechniques from './components/SNPGenotypingTechniques';
 import PageLayout from '../../components/Layout/PageLayout';

@ -27,9 +24,6 @@ export default function SNPGenotypingPage() {
        <div className="page-content">
          <SNPWorkflow/>
          <SNPGenotypingTechniques/>
-          <SNPIntroduction />
-          <SNPApplications />
-          <SNPSpecifications />
        </div>
      </div>
    </PageLayout>
--- a/app/dna-sequencing/whole-genome-sequencing/components/WGSIntroduction.jsx
+++ b/app/dna-sequencing/whole-genome-sequencing/components/WGSIntroduction.jsx
@ -76,7 +76,7 @@ const WGSIntroduction = () => {
            </div>
            
            {/* Bottom Section - Image with same width */}
-            <div className="flex items-center justify-center">
+            {/* <div className="flex items-center justify-center">
              <div className="w-full max-w-md flex items-center justify-center">
                <img 
                  src="/images/dna/whole_genome_seq-normal_denovo.png"
@ -84,7 +84,7 @@ const WGSIntroduction = () => {
                  className="w-full h-auto object-contain"
                />
              </div>
-            </div>
+            </div> */}
            
          </div>
        </div>