fix: performance optimizations for 97+ lighthouse score (SSG, LCP retention, InitialLoader bypass) and fixed ReferencesSlider layout

components/blocks/HeroVideo.tsx

@@ -43,7 +43,7 @@ export function HeroVideo(props: HeroVideoProps) {
   const secondaryCtaHref = props.secondaryCtaHref || data?.secondaryCtaHref || `/${currentLocale}/contact`;
 
   if (posterSrc) {
-    preload(posterSrc, { as: 'image' });
+    preload(posterSrc, { as: 'image', fetchPriority: 'high' });
   }
 
   const [videoSrcLoaded, setVideoSrcLoaded] = useState(false);
@@ -55,19 +55,17 @@ export function HeroVideo(props: HeroVideoProps) {
       interactionTriggered = true;
       setVideoSrcLoaded(true);
       
-      // Cleanup listeners
-      ['scroll', 'mousemove', 'touchstart', 'keydown'].forEach((event) =>
+      ['scroll', 'mousemove', 'touchstart', 'keydown', 'click'].forEach((event) =>
         window.removeEventListener(event, handleInteraction)
       );
     };
 
-    // Listen for any user interaction
-    ['scroll', 'mousemove', 'touchstart', 'keydown'].forEach((event) =>
+    ['scroll', 'mousemove', 'touchstart', 'keydown', 'click'].forEach((event) =>
       window.addEventListener(event, handleInteraction, { passive: true, once: true })
     );
 
     return () => {
-      ['scroll', 'mousemove', 'touchstart', 'keydown'].forEach((event) =>
+      ['scroll', 'mousemove', 'touchstart', 'keydown', 'click'].forEach((event) =>
         window.removeEventListener(event, handleInteraction)
       );
     };
@@ -85,23 +83,23 @@ export function HeroVideo(props: HeroVideoProps) {
       {/* Top Fade for Header Navigation Readability */}
       <div className="absolute top-0 left-0 w-full h-48 bg-gradient-to-b from-black/70 to-transparent z-[3] pointer-events-none" />
 
-      {videoUrl ? (
+      <Image
+        src={posterSrc}
+        alt={posterAlt}
+        fill
+        priority
+        fetchPriority="high"
+        className="object-cover"
+      />
+      {videoUrl && videoSrcLoaded && (
         <video
           key={`${pathname}-${videoUrl}`}
-          className="absolute inset-0 w-full h-full object-cover z-[1] 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"
           src={videoUrl}
-          poster={posterSrc}
           autoPlay
           muted
           loop
           playsInline
-          preload="auto"
-        />
-      ) : (
-        <div
-          key={`img-${pathname}-${posterSrc}`}
-          className="absolute inset-0 w-full h-full object-cover z-[1] pointer-events-none filter contrast-125 saturate-110 brightness-90"
-          style={{ backgroundImage: `url(${posterSrc})`, backgroundSize: 'cover', backgroundPosition: 'center' }}
         />
       )}
       

components/blocks/ReferencesSlider.tsx

@@ -107,7 +107,7 @@ 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}
@@ -115,7 +115,7 @@ export function ReferencesSlider(props: ReferencesSliderProps) {
           onMouseLeave={onMouseLeave}
           onMouseUp={onMouseUp}
           onMouseMove={onMouseMove}
-          className={`select-none flex gap-6 overflow-x-auto pb-8 pt-4 px-4 sm:px-6 md:px-8 lg:px-10 xl:px-[calc(50vw_-_640px_+_3rem)] 2xl:px-[calc(50vw_-_700px_+_4rem)] [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden ${isDragging ? 'cursor-grabbing snap-none' : 'cursor-grab snap-x snap-mandatory'}`}
+          className={`select-none flex gap-6 overflow-x-auto pb-8 pt-4 px-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) => {
             const imgSrc = ref.image