UI styling update

This commit is contained in:
mukesh13
2025-08-21 12:40:06 +05:30
parent 543e21d2e2
commit 24ec58a76b
78 changed files with 524 additions and 307 deletions

View File

@ -9,11 +9,20 @@ const MicrosatellitesIntroduction = () => {
"Electropherogram data is converted into allele calls, allowing allele size analysis, frequency distribution, and individual or population-level genotype matching.",
"Microsatellite-based genotyping is widely applied in fields like conservation genetics, forensic science, and agriculture."
];
const advantageItems = [
"Highly variable in repeat number among individuals, making them effective for distinguishing genetic differences within and between populations.",
"Unlike multi-locus markers like minisatellites, microsatellites are locus-specific, providing precise, targeted genetic information for detailed genotyping and genetic mapping.",
"Highly reproducible across labs, making it a reliable method for studies requiring consistent and repeatable results, such as population genetics and forensic analysis.",
"Show co-dominant inheritance, allowing the detection of both alleles at a locus for accurate identification of heterozygous and homozygous genotypes."
];
return (
<IntroductionLayout
title="Introduction and Workflow"
contentItems={contentItems}
introTitle="Introduction and Workflow"
advantageTitle="Advantage"
introItems={contentItems}
advantageItems={advantageItems}
imageUrl="/images/microsatellites-sequencing.png"
imageAlt="Microsatellites Sequencing"
useParagraphs={true}