Update website design with modern gradients and improved styling

Implement a new visual theme across the platform, introducing gradient backgrounds, updated UI elements in the header and video cards, and refined styles for search inputs and modals.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d7424866-83d1-4486-a212-ac12b4c7becf
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/d7424866-83d1-4486-a212-ac12b4c7becf/qWrgPMU

client/src/pages/home.tsx

@@ -72,7 +72,7 @@ export default function Home() {
   }, [searchQuery, offset, refetch]);
 
   return (
-    <div className="min-h-screen bg-bunny-dark">
+    <div className="min-h-screen bunny-dark">
       <SearchHeader
         onSearch={handleSearch}
         onViewChange={setViewMode}
@@ -94,12 +94,12 @@ export default function Home() {
 
 
       {/* Footer */}
-      <footer className="bg-bunny-gray/50 border-t border-gray-700 mt-16">
+      <footer className="bunny-gray border-t border-white/20 mt-16">
         <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
           <div className="grid grid-cols-1 md:grid-cols-4 gap-8">
             <div className="col-span-1 md:col-span-2">
               <div className="flex items-center space-x-2 mb-4">
-                <div className="w-8 h-8 bg-bunny-blue rounded-lg flex items-center justify-center">
+                <div className="w-8 h-8 gradient-primary rounded-lg flex items-center justify-center shadow-lg">
                   <div className="w-0 h-0 border-l-[8px] border-l-white border-y-[5px] border-y-transparent ml-1"></div>
                 </div>
                 <h3 className="text-xl font-bold text-bunny-light">go4.video</h3>