fix: shine effect on SubCompanyTiles and transparency mask on loader sweeps

Former-commit-id: 124713a30552b8699988617939e4a2c880983642

components/blocks/SubCompanyTiles.tsx

@@ -128,7 +128,7 @@ export function SubCompanyTiles(props: SubCompanyTilesProps) {
                   }`} />
                   
                   {/* Premium Shine Sweep Effect (Industrial Reflection) */}
-                  {!isCurrent && <HoverShineOverlay />}
+                  <HoverShineOverlay shineColor="via-white/30" />
                   
                   {/* Current Site Indicator Badge */}
                   {isCurrent && (

components/providers/InitialLoader.tsx

@@ -85,11 +85,20 @@ export function InitialLoader({ shouldShowLoader = true }: { shouldShowLoader?:
               />
               {/* Animated Light Sweep over Logo */}
               <motion.div
-                className="absolute inset-0 bg-gradient-to-r from-transparent via-white/40 to-transparent skew-x-[-25deg]"
+                className="absolute inset-0 bg-gradient-to-r from-transparent via-white/80 to-transparent skew-x-[-25deg]"
                 initial={{ left: '-150%' }}
                 animate={{ left: '250%' }}
                 transition={{ duration: 2.5, ease: "easeInOut", repeat: Infinity, repeatDelay: 0.5 }}
-                style={{ mixBlendMode: 'overlay' }}
+                style={{ 
+                  WebkitMaskImage: 'url(/assets/logo-white.png)',
+                  WebkitMaskSize: 'contain',
+                  WebkitMaskRepeat: 'no-repeat',
+                  WebkitMaskPosition: 'center',
+                  maskImage: 'url(/assets/logo-white.png)',
+                  maskSize: 'contain',
+                  maskRepeat: 'no-repeat',
+                  maskPosition: 'center'
+                }}
               />
             </div>
             

components/providers/PageTransitionShutter.tsx

@@ -43,11 +43,20 @@ export function PageTransitionShutter() {
               />
               {/* Animated Light Sweep over Logo (faster for page transitions) */}
               <motion.div
-                className="absolute inset-0 bg-gradient-to-r from-transparent via-white/50 to-transparent skew-x-[-25deg]"
+                className="absolute inset-0 bg-gradient-to-r from-transparent via-white/80 to-transparent skew-x-[-25deg]"
                 initial={{ left: '-150%' }}
                 animate={{ left: '250%' }}
                 transition={{ duration: 1.5, ease: "easeInOut", repeat: Infinity, repeatDelay: 0.2 }}
-                style={{ mixBlendMode: 'overlay' }}
+                style={{ 
+                  WebkitMaskImage: 'url(/assets/logo-white.png)',
+                  WebkitMaskSize: 'contain',
+                  WebkitMaskRepeat: 'no-repeat',
+                  WebkitMaskPosition: 'center',
+                  maskImage: 'url(/assets/logo-white.png)',
+                  maskSize: 'contain',
+                  maskRepeat: 'no-repeat',
+                  maskPosition: 'center'
+                }}
               />
             </div>