fix: enforce hero remounts on route change

components/blocks/HeroVideo.tsx

@@ -4,6 +4,7 @@ import { Button } from '@/components/ui/Button';
 import Image from 'next/image';
 import { motion, AnimatePresence } from 'framer-motion';
 import { useState, useEffect } from 'react';
+import { usePathname } from 'next/navigation';
 
 interface HeroVideoProps {
   data?: any;
@@ -28,6 +29,7 @@ export function HeroVideo(props: HeroVideoProps) {
   const subtitle = props.subtitle || props.description || data?.subtitle || 'Wir verbinden Infrastruktur mit Präzision. Von Horizontalbohrungen bis zu komplexen Leitungsnetzen.';
   const explicitNoVideo = props.videoUrl === 'none' || props.videoUrl === '';
   const videoUrl = explicitNoVideo ? null : (props.videoUrl || data?.videoUrl || '/assets/dummy-hero.mp4');
+  const pathname = usePathname();
 
   const posterSrc = props.backgroundImage?.url || props.posterImage?.url || data?.posterImage?.url || "/assets/photos/DJI_0048.JPG";
   const posterAlt = props.backgroundImage?.alt || data?.posterImage?.alt || "E-TIB Gruppe Baustelle";
@@ -56,7 +58,7 @@ export function HeroVideo(props: HeroVideoProps) {
       
       {videoUrl ? (
         <video
-          key={videoUrl}
+          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"
           src={videoUrl}
           autoPlay
@@ -67,6 +69,7 @@ export function HeroVideo(props: HeroVideoProps) {
         />
       ) : (
         <Image
+          key={`img-${pathname}-${posterSrc}`}
           src={posterSrc}
           alt={posterAlt}
           fill
@@ -88,6 +91,7 @@ export function HeroVideo(props: HeroVideoProps) {
       
       <div className="container relative z-[4] text-center px-4">
         <motion.div
+          key={`hero-content-${pathname}`}
           initial={{ opacity: 0, y: 40 }}
           animate={{ opacity: 1, y: 0 }}
           transition={{ duration: 1.2, ease: [0.16, 1, 0.3, 1] }}