From 57e5431e2ac6c0414935876a168ea6edf263b586 Mon Sep 17 00:00:00 2001
From: Marc Mintel <marc@mintel.me>
Date: Tue, 23 Jun 2026 01:04:43 +0200
Subject: [PATCH] Fix: Remove conflicting blurDataURL from HeroVideo and fix
 ReferencesSlider syntax error

---
 components/blocks/HeroVideo.tsx        |  3 ---
 components/blocks/ReferencesSlider.tsx | 17 +----------------
 2 files changed, 1 insertion(+), 19 deletions(-)

diff --git a/components/blocks/HeroVideo.tsx b/components/blocks/HeroVideo.tsx
index fcbe0e028..041c8307d 100644
--- a/components/blocks/HeroVideo.tsx
+++ b/components/blocks/HeroVideo.tsx
@@ -39,7 +39,6 @@ export function HeroVideo(props: HeroVideoProps) {
 
   const posterSrc = props.backgroundImage?.url || props.posterImage?.url || data?.posterImage?.url || defaultPoster;
   const posterAlt = props.backgroundImage?.alt || data?.posterImage?.alt || "E-TIB Gruppe Baustelle";
-  const blurDataURL = (placeholders as Record<string, string>)[posterSrc] || undefined;
 
   const ctaLabel = props.ctaLabel || props.linkText || data?.ctaLabel || 'Unternehmen entdecken';
   const ctaHref = props.ctaHref || props.linkHref || data?.ctaHref || '#unternehmen';
@@ -91,8 +90,6 @@ export function HeroVideo(props: HeroVideoProps) {
         className="object-cover z-[1] pointer-events-none filter contrast-125 saturate-110 brightness-90"
         sizes="100vw"
         priority
-        placeholder={blurDataURL ? "blur" : "empty"}
-        blurDataURL={blurDataURL}
       />
 
       {/* Render video on top if available, but defer src to avoid blocking LCP */}
diff --git a/components/blocks/ReferencesSlider.tsx b/components/blocks/ReferencesSlider.tsx
index 93035ddac..f9c04ad13 100644
--- a/components/blocks/ReferencesSlider.tsx
+++ b/components/blocks/ReferencesSlider.tsx
@@ -46,22 +46,6 @@ export function ReferencesSlider(props: ReferencesSliderProps) {
   const scrollLeftRef = React.useRef(0);
   const isDraggingRef = React.useRef(false);
   const [isDragging, setIsDragging] = React.useState(false);
-  const [paddingX, setPaddingX] = React.useState(24);
-  
-  React.useEffect(() => {
-    const updatePadding = () => {
-      const containerEl = document.querySelector('#referenzen .container');
-      if (containerEl) {
-        const rect = containerEl.getBoundingClientRect();
-        const computedStyle = window.getComputedStyle(containerEl);
-        const pLeft = parseFloat(computedStyle.paddingLeft || '0');
-        setPaddingX(rect.left + pLeft);
-      }
-    };
-    updatePadding();
-    window.addEventListener('resize', updatePadding);
-    return () => window.removeEventListener('resize', updatePadding);
-  }, []);
   
   const badge = props.badge || data?.badge || t('badge');
   const title = props.title || data?.title || t('title');
@@ -190,6 +174,7 @@ export function ReferencesSlider(props: ReferencesSliderProps) {
             );
           })}
         </div>
+        </div>
       </div>
 
       <div className="container relative z-10 mt-4 flex justify-center">