From 4769f4e12e068fa83a41efd30bd8fc942ba42841 Mon Sep 17 00:00:00 2001
From: Marc Mintel <marc@mintel.me>
Date: Fri, 8 May 2026 10:59:09 +0200
Subject: [PATCH] fix: shine effect on SubCompanyTiles and transparency mask on
 loader sweeps

Former-commit-id: 124713a30552b8699988617939e4a2c880983642
---
 components/blocks/SubCompanyTiles.tsx          |  2 +-
 components/providers/InitialLoader.tsx         | 13 +++++++++++--
 components/providers/PageTransitionShutter.tsx | 13 +++++++++++--
 3 files changed, 23 insertions(+), 5 deletions(-)

diff --git a/components/blocks/SubCompanyTiles.tsx b/components/blocks/SubCompanyTiles.tsx
index 2841491a1..ea79ba7bd 100644
--- a/components/blocks/SubCompanyTiles.tsx
+++ b/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 && (
diff --git a/components/providers/InitialLoader.tsx b/components/providers/InitialLoader.tsx
index 25d7d7a38..a6387cf10 100644
--- a/components/providers/InitialLoader.tsx
+++ b/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>
             
diff --git a/components/providers/PageTransitionShutter.tsx b/components/providers/PageTransitionShutter.tsx
index 4e3bcedf8..5777540e2 100644
--- a/components/providers/PageTransitionShutter.tsx
+++ b/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>