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/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">