From e925b985f228d0766d50f1a8f89d67a0e5639eb4 Mon Sep 17 00:00:00 2001 From: mukesh13 Date: Thu, 11 Sep 2025 22:33:55 +0530 Subject: [PATCH] further updates oh health,research and leader --- app/components/Layout/Header.jsx | 17 ++++- app/components/Team/TeamGrid.jsx | 10 +-- app/components/Team/TeamHero.jsx | 2 +- .../components/EnrichmentIntroduction.jsx | 4 +- .../components/EpigenomicsIntroduction.jsx | 4 +- .../components/GenomeMappingIntroduction.jsx | 4 +- .../components/SNPGenotypingTechniques.jsx | 2 +- .../components/SNPIntroduction.jsx | 13 ---- .../components/SNPWorkflow .jsx | 62 ++++++++++------ .../snp-genotyping/ddRAD-sequencing/page.js | 34 +++++++++ app/dna-sequencing/snp-genotyping/page.js | 6 -- .../components/WGSIntroduction.jsx | 4 +- .../components/ClinicalAreasGrid.jsx | 4 +- .../exome/components/ExomeTitle.jsx | 4 +- .../exome/components/KeyFeatures.jsx | 66 +++++++++++++++++ .../exome/components/OperifyExome.jsx | 72 +------------------ .../exome/components/SampleRequirements.jsx | 4 +- app/health/rare-disorders/exome/page.js | 5 +- .../components/ExomeMitoKeyFeatures.jsx | 66 +++++++++++++++++ .../exomemito/components/ExomeMitoTitle.jsx | 4 +- .../exomemito/components/OperifyExomeMito.jsx | 67 +---------------- app/health/rare-disorders/exomemito/page.js | 6 +- public/images/flowchart/snp_flow.svg | 51 +++++++++++++ 23 files changed, 301 insertions(+), 210 deletions(-) create mode 100644 app/dna-sequencing/snp-genotyping/ddRAD-sequencing/page.js create mode 100644 app/health/rare-disorders/exome/components/KeyFeatures.jsx create mode 100644 app/health/rare-disorders/exomemito/components/ExomeMitoKeyFeatures.jsx create mode 100644 public/images/flowchart/snp_flow.svg diff --git a/app/components/Layout/Header.jsx b/app/components/Layout/Header.jsx index a31cbf2..2cafcf4 100644 --- a/app/components/Layout/Header.jsx +++ b/app/components/Layout/Header.jsx @@ -265,13 +265,26 @@ const Header = () => { Hybrid Genome Sequencing -
  • +
  • SNP-based Genotyping + + + +
  • { }, { id: 3, - image: "/images/team/Frame 6.png", - name: "Dr. Divyank Mahajan", - position: "Head, Techno-Commercial Strategy", - linkedinUrl: "https://in.linkedin.com/in/divyank-mahajan-phd", - detailUrl: "/team-member-detail2" - }, - { - id: 4, image: "/images/team/Frame 4.png", name: "Dr. Mohammed Moquitul Haque", position: "Lead Scientist - Clinical Genomics", @@ -36,7 +28,7 @@ const TeamGrid = () => { detailUrl: "/team-member-detail3" }, { - id: 5, + id: 4, image: "/images/team/Frame 12.png", name: "Richa Malhotra", position: "Business Manager - Clinical Genomic", diff --git a/app/components/Team/TeamHero.jsx b/app/components/Team/TeamHero.jsx index 890a259..70d49c1 100644 --- a/app/components/Team/TeamHero.jsx +++ b/app/components/Team/TeamHero.jsx @@ -4,7 +4,7 @@ const TeamHero = () => { return (
    {/* Breadcrumb */}
    diff --git a/app/dna-sequencing/enrichment-sequencing/components/EnrichmentIntroduction.jsx b/app/dna-sequencing/enrichment-sequencing/components/EnrichmentIntroduction.jsx index 6a7fcd4..ec20f5b 100644 --- a/app/dna-sequencing/enrichment-sequencing/components/EnrichmentIntroduction.jsx +++ b/app/dna-sequencing/enrichment-sequencing/components/EnrichmentIntroduction.jsx @@ -76,7 +76,7 @@ const EnrichmentIntroduction = () => {
    {/* Bottom Section - Image with same width */} -
    + {/*
    { className="w-full h-auto object-contain" />
    -
    +
    */} diff --git a/app/dna-sequencing/epigenomics-sequencing/components/EpigenomicsIntroduction.jsx b/app/dna-sequencing/epigenomics-sequencing/components/EpigenomicsIntroduction.jsx index 8ad5fe0..50d9eea 100644 --- a/app/dna-sequencing/epigenomics-sequencing/components/EpigenomicsIntroduction.jsx +++ b/app/dna-sequencing/epigenomics-sequencing/components/EpigenomicsIntroduction.jsx @@ -82,7 +82,7 @@ const EpigenomicsIntroduction = () => { {/* Bottom Section - Image with same width */} -
    + {/*
    { className="w-full h-auto object-contain" />
    -
    +
    */} diff --git a/app/dna-sequencing/genome-mapping/components/GenomeMappingIntroduction.jsx b/app/dna-sequencing/genome-mapping/components/GenomeMappingIntroduction.jsx index 535b5b4..2efb65f 100644 --- a/app/dna-sequencing/genome-mapping/components/GenomeMappingIntroduction.jsx +++ b/app/dna-sequencing/genome-mapping/components/GenomeMappingIntroduction.jsx @@ -81,7 +81,7 @@ const GenomeMappingIntroduction = () => { {/* Bottom Section - Image with same width */} -
    + {/*
    { className="w-full h-auto object-contain" />
    -
    +
    */} diff --git a/app/dna-sequencing/snp-genotyping/components/SNPGenotypingTechniques.jsx b/app/dna-sequencing/snp-genotyping/components/SNPGenotypingTechniques.jsx index 8460f62..7462a6d 100644 --- 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 ( -
    +

    {title} diff --git a/app/dna-sequencing/snp-genotyping/components/SNPIntroduction.jsx b/app/dna-sequencing/snp-genotyping/components/SNPIntroduction.jsx index 5c0de63..3a0a4d7 100644 --- 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 */} -
    -
    -
    -

    - Double Digest Restriction-site Associated DNA (ddRAD) Sequencing -

    -

    - Focused, Cost-Effective Genotyping with ddRAD -

    -
    -
    -
    {/* Introduction Layout */} { + 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 ( -
    -
    -

    - Introduction and Workflow -

    +
    + {/* Main container with two columns */} +
    -
    -
    -

    - 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. -

    -
    - -
    - SNP Genotyping Workflow -
    + {/* Left Column - Content */} +
    + {/* Introduction Section */} +
    +

    + Introduction and Workflow +

    +
      + {introItems.map((item, index) => ( +
    • + + {item} +
      • + ))} +
    +
    +
    + + {/* Right Column - Workflow Image */} +
    + SNP Genotyping Workflow
    -
    +

    ); }; diff --git a/app/dna-sequencing/snp-genotyping/ddRAD-sequencing/page.js b/app/dna-sequencing/snp-genotyping/ddRAD-sequencing/page.js new file mode 100644 index 0000000..81f7548 --- /dev/null +++ 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 ( + +
    + + +
    + + + +
    +
    +     + ); +} \ No newline at end of file diff --git a/app/dna-sequencing/snp-genotyping/page.js b/app/dna-sequencing/snp-genotyping/page.js index e814340..b354f99 100644 --- 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() {
    - - -
    diff --git a/app/dna-sequencing/whole-genome-sequencing/components/WGSIntroduction.jsx b/app/dna-sequencing/whole-genome-sequencing/components/WGSIntroduction.jsx index 5853fd5..e94eb91 100644 --- 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 = () => { {/* Bottom Section - Image with same width */} -
    + {/*
    { className="w-full h-auto object-contain" />
    -
    +
    */} diff --git a/app/health/rare-disorders/components/ClinicalAreasGrid.jsx b/app/health/rare-disorders/components/ClinicalAreasGrid.jsx index f22cc9d..db074d7 100644 --- a/app/health/rare-disorders/components/ClinicalAreasGrid.jsx +++ b/app/health/rare-disorders/components/ClinicalAreasGrid.jsx @@ -20,8 +20,8 @@ export default function ClinicalAreasGrid() { ]; return ( -
    -

    Clinical Areas

    +
    +

    Clinical Areas

    {areas.map((area, idx) => (
    { - Operify Exome + Exome
    @@ -36,7 +36,7 @@ const ExomeTitle = () => { {/* Page Title */}

    - Operify Exome + Exome

    diff --git a/app/health/rare-disorders/exome/components/KeyFeatures.jsx b/app/health/rare-disorders/exome/components/KeyFeatures.jsx new file mode 100644 index 0000000..388adde --- /dev/null +++ b/app/health/rare-disorders/exome/components/KeyFeatures.jsx @@ -0,0 +1,66 @@ +import React from 'react'; +import Image from 'next/image'; + +const KeyFeatures = () => { + const features = [ + { + title: "Deep Coverage", + desc: "≥100X average depth for high accuracy.", + icon: "/images/icons/deep-coverage.png" + }, + { + title: "Superior Data Quality", + desc: "≥90% bases with Q30 score.", + icon: "/images/icons/data-quality.png" + }, + { + title: "Comprehensive Variant Detection", + desc: "Identifies SNVs, Indels, and CNVs.", + icon: "/images/icons/variant-detection.png" + }, + { + title: "Uniparental Disomy Analysis", + desc: "Detects UPD regions for imprinting disorders.", + icon: "/images/icons/upd-analysis.png" + }, + { + title: "Coverage of Complex Genes", + desc: Includes SMN1, SMN2, and DMD., + icon: "/images/icons/complex-genes.png" + }, + { + title: "Chromosomal Assessment", + desc: "Detects aneuploidies and determines chromosomal sex.", + icon: "/images/icons/chromosomal.png" + } + ]; + + return ( +
    +

    Key Features

    + +
    + {features.map((feature, index) => ( +
    +
    +
    + {feature.title} +
    +

    {feature.title}

    +
    +
    +
    +
    +

    {feature.desc}

    +
    + ))} +
    +
    + ); +}; + +export default KeyFeatures; \ No newline at end of file diff --git a/app/health/rare-disorders/exome/components/OperifyExome.jsx b/app/health/rare-disorders/exome/components/OperifyExome.jsx index f512d92..f667f3c 100644 --- a/app/health/rare-disorders/exome/components/OperifyExome.jsx +++ b/app/health/rare-disorders/exome/components/OperifyExome.jsx @@ -1,59 +1,6 @@ import React from 'react'; -import Image from 'next/image'; - -const FeatureCard = ({ icon, title, description }) => ( -
    -
    -
    - {title} -
    -

    {title}

    -
    -
    -
    -
    -

    {description}

    -
    -); export default function OperifyExome() { - const features = [ - { - title: "Deep Coverage", - desc: "≥100X average depth for high accuracy.", - icon: "/images/icons/deep-coverage.png" - }, - { - title: "Superior Data Quality", - desc: "≥90% bases with Q30 score.", - icon: "/images/icons/data-quality.png" - }, - { - title: "Comprehensive Variant Detection", - desc: "Identifies SNVs, Indels, and CNVs.", - icon: "/images/icons/variant-detection.png" - }, - { - title: "Uniparental Disomy Analysis", - desc: "Detects UPD regions for imprinting disorders.", - icon: "/images/icons/upd-analysis.png" - }, - { - title: "Coverage of Complex Genes", - desc: "Includes SMN1, SMN2, and DMD.", - icon: "/images/icons/complex-genes.png" - }, - { - title: "Chromosomal Assessment", - desc: "Detects aneuploidies and determines chromosomal sex.", - icon: "/images/icons/chromosomal.png" - }, - { - title: "Dynamic Reanalysis", - desc: "Reanalysis as scientific knowledge evolves.", - icon: "/images/icons/reanalysis.png" - } - ]; const points = [ "Whole Exome Sequencing (WES) targets the protein-coding regions of the genome, where most disease-causing mutations are found.", @@ -63,10 +10,10 @@ export default function OperifyExome() { ]; return ( -
    -

    Operify Exome

    +
    +

    Exome

    -
    +
      {points.map((point, idx) => (
    • @@ -81,19 +28,6 @@ export default function OperifyExome() { ))}
    - -

    Key Features

    - -
    - {features.map((feature, index) => ( - - ))} -
    ); } \ No newline at end of file diff --git a/app/health/rare-disorders/exome/components/SampleRequirements.jsx b/app/health/rare-disorders/exome/components/SampleRequirements.jsx index b9aa1ec..2c98b80 100644 --- a/app/health/rare-disorders/exome/components/SampleRequirements.jsx +++ b/app/health/rare-disorders/exome/components/SampleRequirements.jsx @@ -15,8 +15,8 @@ export default function SampleRequirements({ title, items }) { ]; return ( -
    -

    {title} Sample Requirements

    +
    +

    Sample Requirements

    {requirements.map((req, idx) => ( diff --git a/app/health/rare-disorders/exome/page.js b/app/health/rare-disorders/exome/page.js index 665d633..c133f43 100644 --- a/app/health/rare-disorders/exome/page.js +++ b/app/health/rare-disorders/exome/page.js @@ -1,6 +1,7 @@ import ExomeTitle from './components/ExomeTitle'; import OperifyExome from './components/OperifyExome'; import SampleRequirements from './components/SampleRequirements'; +import KeyFeatures from './components/KeyFeatures'; import ClinicalAreasGrid from '../components/ClinicalAreasGrid'; import PageLayout from '../../../components/Layout/PageLayout'; @@ -12,15 +13,15 @@ export default function ExomePage() { {/* Operify Exome */} + + - ); } diff --git a/app/health/rare-disorders/exomemito/components/ExomeMitoKeyFeatures.jsx b/app/health/rare-disorders/exomemito/components/ExomeMitoKeyFeatures.jsx new file mode 100644 index 0000000..14607d2 --- /dev/null +++ b/app/health/rare-disorders/exomemito/components/ExomeMitoKeyFeatures.jsx @@ -0,0 +1,66 @@ +import React from 'react'; +import Image from 'next/image'; + +const ExomeMitoKeyFeatures = () => { + const features = [ + { + title: "High Mean Target Depth", + desc: "≥100X coverage for reliable detection.", + icon: "/images/icons/deep-coverage.png" + }, + { + title: "High Base Quality", + desc: "≥90% of bases with Q30 score.", + icon: "/images/icons/data-quality.png" + }, + { + title: "Scope of Test", + desc: "Covers SNVs/Indels, CNVs in nuclear and mitochondrial genome.", + icon: "/images/icons/scope-test.png" + }, + { + title: "Uniparental Disomy", + desc: "Detects regions important in rare recessive conditions.", + icon: "/images/icons/variant-detection.png" + }, + { + title: "Homologous Gene Analysis", + desc: Includes SMN1, SMN2, DMD., + icon: "/images/icons/functional-genomics.png" + }, + { + title: "Aneuploidy & Ploidy Estimation", + desc: "Detects abnormal chromosome numbers and sex karyotype.", + icon: "/images/icons/chromosomal.png" + } + ]; + + return ( +
    +

    Key Features

    + +
    + {features.map((feature, index) => ( +
    +
    +
    + {feature.title} +
    +

    {feature.title}

    +
    +
    +
    +
    +

    {feature.desc}

    +
    + ))} +
    +
    + ); +}; + +export default ExomeMitoKeyFeatures; \ No newline at end of file diff --git a/app/health/rare-disorders/exomemito/components/ExomeMitoTitle.jsx b/app/health/rare-disorders/exomemito/components/ExomeMitoTitle.jsx index 826c469..222db39 100644 --- a/app/health/rare-disorders/exomemito/components/ExomeMitoTitle.jsx +++ b/app/health/rare-disorders/exomemito/components/ExomeMitoTitle.jsx @@ -28,7 +28,7 @@ const ExomeMitoTitle = () => { - Operify ExomeMito + ExomeMito
    @@ -36,7 +36,7 @@ const ExomeMitoTitle = () => { {/* Page Title */}

    - Operify ExomeMito + ExomeMito

    diff --git a/app/health/rare-disorders/exomemito/components/OperifyExomeMito.jsx b/app/health/rare-disorders/exomemito/components/OperifyExomeMito.jsx index 652edce..94641c5 100644 --- a/app/health/rare-disorders/exomemito/components/OperifyExomeMito.jsx +++ b/app/health/rare-disorders/exomemito/components/OperifyExomeMito.jsx @@ -1,60 +1,8 @@ import React from 'react'; import Image from 'next/image'; -const FeatureCard = ({ icon, title, description }) => ( -
    -
    -
    - {title} -
    -

    {title}

    -
    -
    -
    -
    -

    {description}

    -
    -); export default function OperifyExomeMito() { - const features = [ - { - title: "High Mean Target Depth", - desc: "≥100X coverage for reliable detection.", - icon: "/images/icons/deep-coverage.png" - }, - { - title: "High Base Quality", - desc: "≥90% of bases with Q30 score.", - icon: "/images/icons/data-quality.png" - }, - { - title: "Scope of Test", - desc: "Covers SNVs/Indels, CNVs in nuclear and mitochondrial genome.", - icon: "/images/icons/scope-test.png" - }, - { - title: "Uniparental Disomy", - desc: "Detects regions important in rare recessive conditions.", - icon: "/images/icons/variant-detection.png" - }, - { - title: "Homologous Gene Analysis", - desc: "Includes SMN1, SMN2, DMD.", - icon: "/images/icons/functional-genomics.png" - }, - { - title: "Aneuploidy & Ploidy Estimation", - desc: "Detects abnormal chromosome numbers and sex karyotype.", - icon: "/images/icons/chromosomal.png" - }, - { - title: "Reanalysis & Reclassification", - desc: "Updates based on latest scientific knowledge.", - icon: "/images/icons/reanalysis.png" - } - ]; - const genomeCoverage = [ { genome: "Nuclear Genome", coverage: "Protein-coding regions of ~20000 genes" }, { genome: "Mitochondrial genome", coverage: "37 genes" } @@ -70,7 +18,7 @@ export default function OperifyExomeMito() { return (
    -

    Operify ExomeMito

    +

    ExomeMito

    Boost diagnostic yield with Exome + Mito Sequencing

    @@ -110,19 +58,6 @@ export default function OperifyExomeMito() {
    - -

    Key Features

    - -
    - {features.map((feature, index) => ( - - ))} -
    ); } \ No newline at end of file diff --git a/app/health/rare-disorders/exomemito/page.js b/app/health/rare-disorders/exomemito/page.js index 52296bd..3731c98 100644 --- a/app/health/rare-disorders/exomemito/page.js +++ b/app/health/rare-disorders/exomemito/page.js @@ -2,6 +2,7 @@ import ExomeMitoTitle from './components/ExomeMitoTitle'; import OperifyExomeMito from './components/OperifyExomeMito'; import SampleRequirements from '../exome/components/SampleRequirements'; import ClinicalAreasGrid from '../components/ClinicalAreasGrid'; +import ExomeMitoKeyFeatures from './components/ExomeMitoKeyFeatures'; import PageLayout from '../../../components/Layout/PageLayout'; export default function ExomeMitoPage() { @@ -12,15 +13,16 @@ export default function ExomeMitoPage() { {/* Operify ExomeMito */} + + - + ); } diff --git a/public/images/flowchart/snp_flow.svg b/public/images/flowchart/snp_flow.svg new file mode 100644 index 0000000..2938d00 --- /dev/null +++ b/public/images/flowchart/snp_flow.svg @@ -0,0 +1,51 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +