Skip to content

feat:Overhaul Pharmacogenomics and Add Whole Genome Sequencing

Praveena Veeranki requested to merge pages into dev

Summary

This MR introduces significant updates to the Codonix platform by adding the Whole Genome Sequencing (WGS) page and overhauling the Pharmacogenomics section. The "Pharmacogenomics" page has been replaced by a new "Precision Medicine" category with dedicated pages for Individuals and Pharmaceutical Companies, featuring clinical-grade content and a modern accordion-based UI.

Key Changes

1. New Page: Whole Genome Sequencing (WGS)

  • Created a dedicated page at /wellness-genomics/whole-genome-sequencing.
  • Implemented a clean, minimal design matching the Predictive Diagnosis (WES) page.
  • Features a comprehensive FAQ section covering WGS applications, advantages over WES, and clinical value.

2. Precision Medicine Overhaul

  • Navbar Restructuring: Added a "Precision Medicine" dropdown to replace the single "Pharmacogenomics" link.
  • Pharmacogenomics for Individuals: A consumer/clinician-facing page (/precision-medicine/pgx-individuals) detailing genetic influences on drug metabolism across multiple therapeutic areas (Mental Health, Cardiology, Oncology, etc.).
  • Pharmacogenomics for Companies: An enterprise-focused page (/precision-medicine/pgx-companies) highlighting the strategic value of PGx in drug discovery, clinical trials, and regulatory success.

3. UI/UX & Design System

  • Component Reuse: Utilized the ExpandableCard component across all new pages to maintain design consistency.
  • Visual Excellence: Maintained the established typography, spacing, and glassmorphism-inspired design system.
  • Global Updates: Updated the Footer and Hero Carousel to reflect the new Precision Medicine architecture and routes.

Files Impacted

  • NEW src/pages/WholeGenomeSequencing.tsx
  • NEW src/pages/PharmacogenomicsIndividuals.tsx
  • NEW src/pages/PharmacogenomicsCompanies.tsx
  • DELETE src/pages/Pharmacogenomics.jsx
  • MODIFIED src/App.tsx (Routing & Imports)
  • MODIFIED src/components/Navbar.jsx (Navigation Structure)
  • MODIFIED src/components/Footer.jsx (Footer Links)
  • MODIFIED src/components/Carousel.jsx (Hero Slides)

Verification

  • Verified routing for all new paths.
  • Confirmed responsive behavior on mobile and desktop viewports.
  • Validated accordion interactions (expand/collapse) across all new pages.

Merge request reports