fix: make hero titles visible by fixing gradient text colors

- Fix PageHero title visibility issue:
  - Change gradient from 'from-foreground to-muted-foreground' to 'from-white to-muted-foreground'
  - Keep text-transparent and bg-clip-text for proper gradient text effect
  - 'foreground' color was too similar to 'muted-foreground', making text invisible
  - 'white' provides better contrast and visibility

- Problem solved:
  - Hero titles now visible on all pages (Brand, Product, sub-pages)
  - Maintains beautiful gradient text effect
  - Consistent with design system while ensuring readability
  - All hero elements (icon, title, description) now properly visible

Author: mmaxence

src/components/ui/PageHero.tsx

@@ -48,7 +48,7 @@ export function PageHero({
           initial={{ opacity: 0, y: 30 }}
           animate={{ opacity: 1, y: 0 }}
           transition={{ duration: 0.8, delay: 0.2, ease: 'easeOut' }}
-          className="text-5xl md:text-7xl font-bold mb-6 bg-gradient-to-r from-foreground to-muted-foreground bg-clip-text text-transparent"
+          className="text-5xl md:text-7xl font-bold mb-6 bg-gradient-to-r from-white to-muted-foreground bg-clip-text text-transparent"
         >
           <BlurReveal duration={600}>
             {title}