Improve footer design with dynamic background elements

Update the footer component in the home page to include animated background logos for a more engaging user experience.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/d05DGZF

client/src/components/video-card.tsx

@@ -54,11 +54,20 @@ export default function VideoCard({ video, onClick, className = "", hideOverlay
   
   // Enable video preview on hover for desktop devices
   useEffect(() => {
+    console.log(`VideoCard hover state changed for ${video.id}:`, {
+      isHovered,
+      windowWidth: window.innerWidth,
+      hasVideoUrl: !!video.videoUrl,
+      videoUrl: video.videoUrl
+    });
+    
     if (isHovered) {
       // Enable preview for desktop devices after delay
       if (window.innerWidth >= 768) {
         const delay = 800;
+        console.log(`Setting preview timeout for video ${video.id}`);
         hoverTimeoutRef.current = setTimeout(() => {
+          console.log(`Activating preview for video ${video.id}`);
           setShowPreview(true);
         }, delay);
       }