chore: bump version to 2.2.41

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';
@@ -87,18 +86,17 @@ export function HeroVideo(props: HeroVideoProps) {
         src={posterSrc}
         alt={posterAlt}
         fill
+        unoptimized
         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 */}
       {videoUrl && (
         <video
           key={`${pathname}-${videoUrl}`}
-          className="absolute inset-0 w-full h-full object-cover z-[2] pointer-events-none filter contrast-125 saturate-110 brightness-90"
+          className={`absolute inset-0 w-full h-full object-cover z-[2] pointer-events-none filter contrast-125 saturate-110 brightness-90 transition-opacity duration-1000 ${videoSrcLoaded ? 'opacity-100' : 'opacity-0'}`}
           src={videoSrcLoaded ? videoUrl : undefined}
           autoPlay
           muted

components/blocks/ReferencesSlider.tsx

@@ -107,17 +107,27 @@ export function ReferencesSlider(props: ReferencesSliderProps) {
         </div>
       </div>
 
-      <div className="relative z-10">
+      <div className="container relative z-10">
         <div className="absolute right-0 top-0 bottom-0 w-16 bg-gradient-to-l from-neutral-dark to-transparent z-20 md:hidden pointer-events-none" />
-        <div 
-          ref={containerRef}
-          onMouseDown={onMouseDown}
-          onMouseLeave={onMouseLeave}
-          onMouseUp={onMouseUp}
-          onMouseMove={onMouseMove}
-          className={`select-none flex gap-6 overflow-x-auto pb-8 pt-4 px-6 md:px-[max(2rem,calc((100vw_-_1280px)_/_2))] lg:px-[max(2.5rem,calc((100vw_-_1280px)_/_2))] [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden ${isDragging ? 'cursor-grabbing snap-none' : 'cursor-grab snap-x snap-mandatory'}`}
-        >
-          {references.map((ref, i) => {
+        
+        {/* Pure CSS Full-Bleed Alignment Container */}
+        <div style={{ '--offset': 'calc(50vw - 50%)' } as React.CSSProperties}>
+          <div 
+            ref={containerRef}
+            onMouseDown={onMouseDown}
+            onMouseLeave={onMouseLeave}
+            onMouseUp={onMouseUp}
+            onMouseMove={onMouseMove}
+            style={{
+              marginLeft: 'calc(-1 * var(--offset))',
+              marginRight: 'calc(-1 * var(--offset))',
+              paddingLeft: 'var(--offset)',
+              paddingRight: 'var(--offset)',
+              scrollPaddingLeft: 'var(--offset)',
+            }}
+            className={`select-none flex overflow-x-auto pb-8 pt-4 [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden ${isDragging ? 'cursor-grabbing snap-none' : 'cursor-grab snap-x snap-mandatory'}`}
+          >
+            {references.map((ref, i) => {
             const imgSrc = ref.image 
               ? (typeof ref.image === 'string' ? ref.image : ref.image.url) 
               : fallbacks[i % fallbacks.length];
@@ -129,7 +139,7 @@ export function ReferencesSlider(props: ReferencesSliderProps) {
                 whileInView={{ opacity: 1, x: 0 }}
                 viewport={{ once: true, margin: "-50px" }}
                 transition={{ delay: i * 0.1, duration: 1.0, ease: [0.16, 1, 0.3, 1] }}
-                className="flex-shrink-0 w-[320px] md:w-[480px] snap-start group pointer-events-auto"
+                className="flex-shrink-0 w-[320px] md:w-[480px] snap-start group pointer-events-auto mr-6"
               >
                 <Link
                   href={`/${locale}/referenzen#${ref.slug}`}
@@ -164,6 +174,7 @@ export function ReferencesSlider(props: ReferencesSliderProps) {
             );
           })}
         </div>
+        </div>
       </div>
 
       <div className="container relative z-10 mt-4 flex justify-center">

package.json

@@ -138,7 +138,7 @@
     "prepare": "husky",
     "preinstall": "npx only-allow pnpm"
   },
-  "version": "2.2.36",
+  "version": "2.2.41",
   "pnpm": {
     "onlyBuiltDependencies": [
       "@parcel/watcher",