Skip to content

Feat: updated the landing page

Mohana Sri Bhavitha requested to merge ui-sahasra into dev

This MR delivers finalized, production-grade UI refinements for the CODONIX homepage hero carousel, ensuring a consistent, balanced, and premium visual experience across all three slides: Onco Genomics, Wellness Genomics, and Pharmacogenomics.

Key Improvements

-Content Panel Enhancement Increased hero content box size (max-width: 800px, min-height: 520px, padding: 64px) to improve readability, spacing, and visual prominence.

-Improved Visual Contrast
Replaced translucent glass panel with a solid white background (#ffffff) for better clarity and accessibility.

-Refined Background Blur System
Implemented a smooth left-to-right blur gradient using mask-image:

  • Soft blur behind content area
  • Gradual transition to sharp background on the right
  • Eliminates uneven white overlay and improves depth

-Layout & Alignment Standardization Normalized margins and positioning across all slides to ensure:

  • Consistent alignment
  • Balanced composition
  • No layout shifts between slides

-Image Consistency Update
Updated carousel assets with relevant genomics/medical visuals aligned to each slide.

Outcome

  • Uniform layout across all slides
  • Balanced left-right composition with no uneven whitespace
  • Cleaner, professional SaaS-grade UI
  • Improved readability and visual hierarchy
  • Subtle depth with controlled blur while preserving image clarity

Merge request reports