perf(lcp): bypass Next.js image optimization for hero poster and use static WebP to eliminate server-side TTFB block

components/blocks/HeroVideo.tsx

@@ -34,7 +34,7 @@ export function HeroVideo(props: HeroVideoProps) {
 
   let defaultPoster = "/assets/photos/DJI_0048.JPG";
   if (videoUrl && videoUrl.endsWith('.mp4')) {
-    defaultPoster = videoUrl.replace('.mp4', '-poster.jpg');
+    defaultPoster = videoUrl.replace('.mp4', '-poster.webp');
   }
 
   const posterSrc = props.backgroundImage?.url || props.posterImage?.url || data?.posterImage?.url || defaultPoster;
@@ -88,7 +88,7 @@ export function HeroVideo(props: HeroVideoProps) {
         fill
         className="object-cover z-[1] pointer-events-none"
         sizes="100vw"
-        quality={25}
+        unoptimized={true}
         priority
         fetchPriority="high"
       />