feat: add 3D banner logo generated by grok and update deploy script

deploy.sh

@@ -9,7 +9,7 @@ TARGET_HOST="free-warez.win"
 TARGET_DIR="/opt/containers/erugo/views"
 LOCAL_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"
 
-echo "🚀 Deploying Erugo Views"
+echo "🚀 Deploying Erugo Views & Banner Logo"
 echo "   Target: $TARGET_HOST:$TARGET_DIR"
 echo "==============================================="
 
@@ -24,7 +24,14 @@ fi
 echo "🔄 Syncing blade templates & views..."
 rsync -avz --delete "$LOCAL_DIR/views/" "$TARGET_HOST:$TARGET_DIR/"
 
-# 3. Restart container to flush template caches
+# 3. Sync Logo Banner if present
+if [ -f "$LOCAL_DIR/assets/logo.png" ]; then
+    echo "🎨 Syncing 3D Banner Logo..."
+    rsync -avz "$LOCAL_DIR/assets/logo.png" "$TARGET_HOST:/opt/containers/erugo/erugo-storage/app/public/images/logo.png"
+    ssh "$TARGET_HOST" "chown hermes:hermes /opt/containers/erugo/erugo-storage/app/public/images/logo.png && sqlite3 /opt/containers/erugo/erugo-storage/app/private/database.sqlite 'UPDATE settings SET value = 420 WHERE key = \"logo_width\";'"
+fi
+
+# 4. Restart container to flush template & asset caches
 echo "🔄 Restarting Erugo container..."
 ssh "$TARGET_HOST" "docker restart erugo"
 

views/app.blade.php

@@ -207,24 +207,47 @@
       z-index: 1;
     }
 
-    /* Header Logo Container */
+    /* Header Logo Container & 3D Banner */
     .logo-container {
-      margin-top: 28px !important;
+      margin-top: 32px !important;
+      margin-bottom: 10px !important;
       z-index: 10 !important;
       display: flex !important;
       align-items: center !important;
       justify-content: center !important;
-      transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
+      transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
     }
 
     .logo-container:hover {
-      transform: scale(1.04) !important;
+      transform: scale(1.025) !important;
     }
 
-    .logo-container img {
+    .logo-container a {
-      max-height: 52px !important;
+      display: inline-flex !important;
-      width: auto !important;
+      align-items: center !important;
-      filter: drop-shadow(0 0 25px rgba(0, 242, 254, 0.55)) !important;
+      justify-content: center !important;
+      background: rgba(11, 17, 33, 0.5) !important;
+      backdrop-filter: blur(16px) !important;
+      -webkit-backdrop-filter: blur(16px) !important;
+      border: 1px solid rgba(0, 242, 254, 0.22) !important;
+      border-radius: 20px !important;
+      padding: 10px 24px !important;
+      box-shadow: 0 12px 35px rgba(0, 0, 0, 0.5), 0 0 25px rgba(0, 242, 254, 0.12) !important;
+      transition: all 0.3s ease !important;
+    }
+
+    .logo-container a:hover {
+      border-color: rgba(0, 242, 254, 0.45) !important;
+      box-shadow: 0 16px 45px rgba(0, 0, 0, 0.6), 0 0 35px rgba(0, 242, 254, 0.25) !important;
+    }
+
+    .logo-container img#logo, .logo-container img {
+      width: min(480px, 86vw) !important;
+      max-width: 520px !important;
+      height: auto !important;
+      max-height: 85px !important;
+      object-fit: contain !important;
+      filter: drop-shadow(0 0 20px rgba(0, 242, 254, 0.45)) !important;
     }
 
     /* Floating Language Selector (Top Right) */