mukeshs/operify
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

further updates oh health,research and leader

Browse Source
This commit is contained in:
mukesh13
2025-09-11 22:33:55 +05:30
parent a90808177a
commit e925b985f2
23 changed files with 301 additions and 210 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
app/components/Layout/Header.jsx
View File

@ -265,13 +265,26 @@ const Header = () => {
Hybrid Genome Sequencing
</Link>
</li>
<li>
<li className="relative group/snp-genotyping">
<Link
href="/dna-sequencing/snp-genotyping"
className="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 hover:text-teal-600"
className="flex items-center justify-between px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 hover:text-teal-600"
>
SNP-based Genotyping
<svg className="w-3 h-3 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 5l7 7-7 7" />
</svg>
</Link>
<ul className="absolute top-0 left-full bg-white shadow-xl rounded-md py-2 w-72 opacity-0 invisible group-hover/snp-genotyping:opacity-100 group-hover/snp-genotyping:visible transition-all duration-300 z-50 border border-gray-100 ml-1">
<li>
<Link
href="/dna-sequencing/snp-genotyping/ddRAD-sequencing"
className="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 hover:text-teal-600"
>
ddRAD Sequencing
</Link>
</li>
</ul>
</li>
<li>
<Link

10
app/components/Team/TeamGrid.jsx
View File

@ -21,14 +21,6 @@ const TeamGrid = () => {
},
{
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",

2
app/components/Team/TeamHero.jsx
View File

@ -4,7 +4,7 @@ const TeamHero = () => {
return (
<section
className="relative bg-cover bg-center py-6 h-24"
style={{ backgroundImage: "url('images/bredcrumb.jpg')" }}
style={{ backgroundImage: "url('/images/bredcrumb.jpg')" }}
>
{/* Breadcrumb */}
<div className="relative z-10 mb-1 -mt-3">

4
app/dna-sequencing/enrichment-sequencing/components/EnrichmentIntroduction.jsx
View File

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

4
app/dna-sequencing/epigenomics-sequencing/components/EpigenomicsIntroduction.jsx
View File

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

4
app/dna-sequencing/genome-mapping/components/GenomeMappingIntroduction.jsx
View File

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

2
app/dna-sequencing/snp-genotyping/components/SNPGenotypingTechniques.jsx
View File

@ -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}

13
app/dna-sequencing/snp-genotyping/components/SNPIntroduction.jsx
View File

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

60
app/dna-sequencing/snp-genotyping/components/SNPWorkflow .jsx
View File

@ -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>
{/* 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>
<div className="flex justify-center lg:justify-end">
<img
src={workflowImage}
alt="SNP Genotyping Workflow"
className="max-w-full h-auto rounded-lg"
/>
</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>
);
};

34
app/dna-sequencing/snp-genotyping/ddRAD-sequencing/page.js Normal file
View File

@ -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>
);
}

6
app/dna-sequencing/snp-genotyping/page.js
View File

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

4
app/dna-sequencing/whole-genome-sequencing/components/WGSIntroduction.jsx
View File

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

4
app/health/rare-disorders/components/ClinicalAreasGrid.jsx
View File

@ -20,8 +20,8 @@ export default function ClinicalAreasGrid() {
];
return (
<section className="mx-auto px-8 py-8">
<h2 className="text-3xl font-bold text-teal-700 pb-2 mb-4">Clinical Areas</h2>
<section className="mx-auto px-8">
<h2 className="text-3xl font-bold text-teal-700 pb-2 mb-4 leading-tight">Clinical Areas</h2>
<div className="grid sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4">
{areas.map((area, idx) => (
<div

4
app/health/rare-disorders/exome/components/ExomeTitle.jsx
View File

@ -28,7 +28,7 @@ const ExomeTitle = () => {
<path fillRule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clipRule="evenodd" />
</svg>
</span>
<span className="text-white">Operify Exome</span>
<span className="text-white">Exome</span>
</nav>
</div>
</div>
@ -36,7 +36,7 @@ const ExomeTitle = () => {
{/* Page Title */}
<div className="relative z-10 text-center -mt-2">
<h1 className="text-4xl md:text-4xl font-bold text-white mb-2">
Operify Exome
Exome
</h1>
<div className="w-16 h-1 bg-yellow-400 mx-auto"></div>
</div>

66
app/health/rare-disorders/exome/components/KeyFeatures.jsx Normal file
View File

@ -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: <span><em>Includes SMN1, SMN2, and DMD</em>.</span>,
icon: "/images/icons/complex-genes.png"
},
{
title: "Chromosomal Assessment",
desc: "Detects aneuploidies and determines chromosomal sex.",
icon: "/images/icons/chromosomal.png"
}
];
return (
<section className="mx-auto px-8 pt-10">
<h3 className="text-3xl font-bold text-teal-700 mb-6 leading-tight">Key Features</h3>
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
{features.map((feature, index) => (
<div
key={index}
className="p-6 rounded-2xl shadow-sm border-0 h-full transition-transform duration-300 ease-in-out hover:scale-105 hover:shadow-lg group"
style={{ backgroundColor: '#f2fcfc' }}
>
<div className="flex items-center space-x-4 mb-4">
<div className="w-12 h-12 bg-orange-100 rounded-xl flex items-center justify-center flex-shrink-0">
<Image src={feature.icon} alt={feature.title} width={24} height={24} />
</div>
<h3 className="text-lg font-semibold text-teal-700 leading-tight">{feature.title}</h3>
</div>
<div className="relative w-full h-px bg-gray-300 mb-4 overflow-hidden">
<div className="absolute top-0 left-0 h-full bg-gray-600 w-0 group-hover:w-full transition-all duration-500 ease-in-out"></div>
</div>
<p className="text-gray-600 leading-relaxed text-sm text-justify">{feature.desc}</p>
</div>
))}
</div>
</section>
);
};
export default KeyFeatures;

72
app/health/rare-disorders/exome/components/OperifyExome.jsx
View File

@ -1,59 +1,6 @@
import React from 'react';
import Image from 'next/image';
const FeatureCard = ({ icon, title, description }) => (
<div className="p-6 rounded-2xl shadow-sm border-0 h-full transition-transform duration-300 ease-in-out hover:scale-105 hover:shadow-lg group" style={{ backgroundColor: '#f2fcfc' }}>
<div className="flex items-center space-x-4 mb-4">
<div className="w-12 h-12 bg-orange-100 rounded-xl flex items-center justify-center flex-shrink-0">
<Image src={icon} alt={title} width={24} height={24} />
</div>
<h3 className="text-lg font-semibold text-teal-700 leading-tight">{title}</h3>
</div>
<div className="relative w-full h-px bg-gray-300 mb-4 overflow-hidden">
<div className="absolute top-0 left-0 h-full bg-gray-600 w-0 group-hover:w-full transition-all duration-500 ease-in-out"></div>
</div>
<p className="text-gray-600 leading-relaxed text-sm text-justify">{description}</p>
</div>
);
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 (
<section className="mx-auto px-8 pt-10">
<h2 className="text-3xl font-bold text-teal-700 pb-2 mb-4">Operify Exome</h2>
<section className="mx-auto px-8 py-8">
<h2 className="text-3xl font-bold text-teal-700 pb-2 mb-4">Exome</h2>
<div className="mb-8">
<div>
<ul className="space-y-4">
{points.map((point, idx) => (
<li key={idx} className="flex items-start">
@ -81,19 +28,6 @@ export default function OperifyExome() {
))}
</ul>
</div>
<h3 className="text-3xl font-bold text-teal-700 mb-6 leading-tight">Key Features</h3>
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
{features.map((feature, index) => (
<FeatureCard
key={index}
icon={feature.icon}
title={feature.title}
description={feature.desc}
/>
))}
</div>
</section>
);
}

4
app/health/rare-disorders/exome/components/SampleRequirements.jsx
View File

@ -15,8 +15,8 @@ export default function SampleRequirements({ title, items }) {
];
return (
<section className="mx-auto px-8 pt-8">
<h3 className="text-3xl font-bold text-teal-700 mb-6">{title} Sample Requirements</h3>
<section className="mx-auto px-8 py-8">
<h3 className="text-3xl font-bold text-teal-700 mb-6">Sample Requirements</h3>
<div className="grid grid-cols-1 sm:grid-cols-2 gap-6 max-w-none mx-auto">
{requirements.map((req, idx) => (

5
app/health/rare-disorders/exome/page.js
View File

@ -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 */}
<OperifyExome />
<ClinicalAreasGrid/>
<KeyFeatures />
<SampleRequirements
title="Operify Exome"
items={[
"2-5 mL peripheral blood in EDTA tube",
"High-quality extracted DNA (minimum 2 µg)",
"Fresh or frozen tissue for certain cases"
]}
/>
<ClinicalAreasGrid/>
</PageLayout>
);
}

66
app/health/rare-disorders/exomemito/components/ExomeMitoKeyFeatures.jsx Normal file
View File

@ -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: <span><em>Includes SMN1, SMN2, DMD</em>.</span>,
icon: "/images/icons/functional-genomics.png"
},
{
title: "Aneuploidy & Ploidy Estimation",
desc: "Detects abnormal chromosome numbers and sex karyotype.",
icon: "/images/icons/chromosomal.png"
}
];
return (
<section className="mx-auto px-8 pt-10">
<h3 className="text-3xl font-bold text-teal-700 mb-6 leading-tight">Key Features</h3>
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
{features.map((feature, index) => (
<div
key={index}
className="p-6 rounded-2xl shadow-sm border-0 h-full transition-transform duration-300 ease-in-out hover:scale-105 hover:shadow-lg group"
style={{ backgroundColor: '#f2fcfc' }}
>
<div className="flex items-center space-x-4 mb-4">
<div className="w-12 h-12 bg-orange-100 rounded-xl flex items-center justify-center flex-shrink-0">
<Image src={feature.icon} alt={feature.title} width={24} height={24} />
</div>
<h3 className="text-lg font-semibold text-teal-700 leading-tight">{feature.title}</h3>
</div>
<div className="relative w-full h-px bg-gray-300 mb-4 overflow-hidden">
<div className="absolute top-0 left-0 h-full bg-gray-600 w-0 group-hover:w-full transition-all duration-500 ease-in-out"></div>
</div>
<p className="text-gray-600 leading-relaxed text-sm text-justify">{feature.desc}</p>
</div>
))}
</div>
</section>
);
};
export default ExomeMitoKeyFeatures;

4
app/health/rare-disorders/exomemito/components/ExomeMitoTitle.jsx
View File

@ -28,7 +28,7 @@ const ExomeMitoTitle = () => {
<path fillRule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clipRule="evenodd" />
</svg>
</span>
<span className="text-white">Operify ExomeMito</span>
<span className="text-white">ExomeMito</span>
</nav>
</div>
</div>
@ -36,7 +36,7 @@ const ExomeMitoTitle = () => {
{/* Page Title */}
<div className="relative z-10 text-center -mt-2">
<h1 className="text-4xl md:text-4xl font-bold text-white mb-2">
Operify ExomeMito
ExomeMito
</h1>
<div className="w-16 h-1 bg-yellow-400 mx-auto"></div>
</div>

67
app/health/rare-disorders/exomemito/components/OperifyExomeMito.jsx
View File

@ -1,60 +1,8 @@
import React from 'react';
import Image from 'next/image';
const FeatureCard = ({ icon, title, description }) => (
<div className="p-6 rounded-2xl shadow-sm border-0 h-full transition-transform duration-300 ease-in-out hover:scale-105 hover:shadow-lg group" style={{ backgroundColor: '#f2fcfc' }}>
<div className="flex items-center space-x-4 mb-4">
<div className="w-12 h-12 bg-orange-100 rounded-xl flex items-center justify-center flex-shrink-0">
<Image src={icon} alt={title} width={24} height={24} />
</div>
<h3 className="text-lg font-semibold text-teal-700 leading-tight">{title}</h3>
</div>
<div className="relative w-full h-px bg-gray-300 mb-4 overflow-hidden">
<div className="absolute top-0 left-0 h-full bg-gray-600 w-0 group-hover:w-full transition-all duration-500 ease-in-out"></div>
</div>
<p className="text-gray-600 leading-relaxed text-sm text-justify">{description}</p>
</div>
);
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 (
<section className="mx-auto px-8 pt-10">
<h2 className="text-3xl font-bold text-teal-700 pb-2 mb-4">Operify ExomeMito</h2>
<h2 className="text-3xl font-bold text-teal-700 pb-2 mb-4">ExomeMito</h2>
<h3 className="text-xl font-semibold text-gray-700 mb-4">Boost diagnostic yield with Exome + Mito Sequencing</h3>
<div className="mb-8">
@ -110,19 +58,6 @@ export default function OperifyExomeMito() {
</table>
</div>
</div>
<h3 className="text-3xl font-bold text-teal-700 mb-6 leading-tight">Key Features</h3>
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
{features.map((feature, index) => (
<FeatureCard
key={index}
icon={feature.icon}
title={feature.title}
description={feature.desc}
/>
))}
</div>
</section>
);
}

6
app/health/rare-disorders/exomemito/page.js
View File

@ -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 */}
<OperifyExomeMito />
<ClinicalAreasGrid/>
<ExomeMitoKeyFeatures/>
<SampleRequirements
title="Operify ExomeMito"
items={[
"2-5 mL peripheral blood in EDTA tube",
"High-quality extracted DNA (minimum 2 µg)",
"Fresh or frozen tissue for certain cases"
]}
/>
<ClinicalAreasGrid/>
</PageLayout>
);
}

51
public/images/flowchart/snp_flow.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB