diff --git a/attached_assets/image_1756826816939.png b/attached_assets/image_1756826816939.png
new file mode 100644
index 0000000..fb8f962
Binary files /dev/null and b/attached_assets/image_1756826816939.png differ
diff --git a/client/src/components/video-card.tsx b/client/src/components/video-card.tsx
index e1922b5..9994e30 100644
--- a/client/src/components/video-card.tsx
+++ b/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);
       }
diff --git a/client/src/pages/home.tsx b/client/src/pages/home.tsx
index 257609a..be2c6e4 100644
--- a/client/src/pages/home.tsx
+++ b/client/src/pages/home.tsx
@@ -202,8 +202,15 @@ export default function Home() {
       </main>
 
       {/* Footer */}
-      <footer className="bg-bunny-dark/90 border-t border-white/10 py-8 mt-12">
-        <div className="container">
+      <footer className="bg-bunny-dark/90 border-t border-white/10 py-8 mt-12 relative overflow-hidden">
+        {/* Background go4.video logos */}
+        <div className="bg-logo-large" style={{ top: '20%', left: '5%', transform: 'rotate(-15deg)' }}></div>
+        <div className="bg-logo-medium" style={{ top: '60%', right: '10%', transform: 'rotate(25deg)' }}></div>
+        <div className="bg-logo-small" style={{ bottom: '20%', left: '15%', transform: 'rotate(-45deg)' }}></div>
+        <div className="bg-logo-medium" style={{ top: '10%', right: '25%', transform: 'rotate(60deg)' }}></div>
+        <div className="bg-logo-small" style={{ bottom: '40%', right: '30%', transform: 'rotate(-20deg)' }}></div>
+        
+        <div className="container relative z-10">
           <div className="grid grid-cols-2 md:grid-cols-4 gap-6 md:gap-8 text-sm">
             {/* Company Info */}
             <div className="col-span-1">