noow i cant scrool down1 - Follow Up Deployment

index.html

@@ -8,50 +8,20 @@
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <style>
         @keyframes rainbowGlow {
-            0% { 
-                text-shadow: 0 0 10px #ff0000, 0 0 20px #ff0000;
-                box-shadow: 0 0 15px #ff0000;
-            }
-            16% { 
-                text-shadow: 0 0 10px #ff8000, 0 0 20px #ff8000;
-                box-shadow: 0 0 15px #ff8000;
-            }
-            33% { 
-                text-shadow: 0 0 10px #ffff00, 0 0 20px #ffff00;
-                box-shadow: 0 0 15px #ffff00;
-            }
-            50% { 
-                text-shadow: 0 0 10px #00ff00, 0 0 20px #00ff00;
-                box-shadow: 0 0 15px #00ff00;
-            }
-            66% { 
-                text-shadow: 0 0 10px #0000ff, 0 0 20px #0000ff;
-                box-shadow: 0 0 15px #0000ff;
-            }
-            83% { 
-                text-shadow: 0 0 10px #8000ff, 0 0 20px #8000ff;
-                box-shadow: 0 0 15px #8000ff;
-            }
-            100% { 
-                text-shadow: 0 0 10px #ff0080, 0 0 20px #ff0080;
-                box-shadow: 0 0 15px #ff0080;
-            }
+            0% { text-shadow: 0 0 5px #ff0000, 0 0 10px #ff0000; }
+            16% { text-shadow: 0 0 5px #ff8000, 0 0 10px #ff8000; }
+            33% { text-shadow: 0 0 5px #ffff00, 0 0 10px #ffff00; }
+            50% { text-shadow: 0 0 5px #00ff00, 0 0 10px #00ff00; }
+            66% { text-shadow: 0 0 5px #0000ff, 0 0 10px #0000ff; }
+            83% { text-shadow: 0 0 5px #8000ff, 0 0 10px #8000ff; }
+            100% { text-shadow: 0 0 5px #ff0080, 0 0 10px #ff0080; }
         }
 
 
         @keyframes float {
-            0% { 
-                transform: translateY(0px) rotate(-2deg);
-                filter: drop-shadow(0 10px 5px rgba(181, 48, 255, 0.5));
-            }
-            50% { 
-                transform: translateY(-15px) rotate(2deg);
-                filter: drop-shadow(0 20px 10px rgba(181, 48, 255, 0.7));
-            }
-            100% { 
-                transform: translateY(0px) rotate(-2deg);
-                filter: drop-shadow(0 10px 5px rgba(181, 48, 255, 0.5));
-            }
+            0% { transform: translateY(0px); }
+            50% { transform: translateY(-10px); }
+            100% { transform: translateY(0px); }
         }
         
         @keyframes pulse {
@@ -74,26 +44,17 @@
         }
         
         .shine-text {
-            background: linear-gradient(90deg, 
-                #fff 0%, 
-                #ff00ff 20%, 
-                #b530ff 40%, 
-                #ff1744 60%, 
-                #ff00ff 80%, 
-                #fff 100%);
-            background-size: 300% auto;
+            background: linear-gradient(90deg, #fff, #b530ff, #ff1744, #fff);
+            background-size: 200% auto;
             color: transparent;
             -webkit-background-clip: text;
             background-clip: text;
-            animation: shine 2s linear infinite;
-            text-shadow: 0 0 5px rgba(255,255,255,0.3);
+            animation: shine 3s linear infinite;
         }
         
         .service-card:hover {
-            transform: translateY(-15px) rotate(1deg);
-            box-shadow: 0 25px 50px -10px rgba(181, 48, 255, 0.4);
-            background: linear-gradient(135deg, rgba(181, 48, 255, 0.1) 0%, rgba(255, 23, 68, 0.1) 100%);
-            transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
+            transform: translateY(-10px);
+            box-shadow: 0 20px 25px -5px rgba(181, 48, 255, 0.3), 0 10px 10px -5px rgba(181, 48, 255, 0.1);
         }
 
         .service-card::after {
@@ -118,36 +79,11 @@
         @keyframes foamDrip {
             0%, 100% {
                 transform: translateY(0) scaleX(0.9);
-                opacity: 0.7;
             }
             50% {
-                transform: translateY(10px) scaleX(1.1);
-                opacity: 1;
-            }
-        }
-
-        @keyframes bubble {
-            0% {
-                transform: translateY(0) scale(0.8);
-                opacity: 0;
-            }
-            50% {
-                transform: translateY(-20px) scale(1);
-                opacity: 0.8;
-            }
-            100% {
-                transform: translateY(-40px) scale(1.2);
-                opacity: 0;
+                transform: translateY(5px) scaleX(1);
             }
         }
-
-        .bubble {
-            position: absolute;
-            background: rgba(255,255,255,0.7);
-            border-radius: 50%;
-            animation: bubble 2s ease-out infinite;
-            pointer-events: none;
-        }
         
         .gallery-item:hover {
             transform: scale(1.05);
@@ -245,8 +181,7 @@
         }
     </style>
 </head>
-<body class="bg-gray-900 text-gray-100 font-sans relative overflow-hidden">
-    <div id="water-drops"></div>
+<body class="bg-gray-900 text-gray-100 font-sans">
     <!-- Navigation -->
     <nav id="main-nav" class="fixed top-0 left-0 w-full bg-gray-900/90 backdrop-blur-md shadow-lg z-50 px-6 py-4 transition-all duration-300 border-b border-gray-800">
         <div class="max-w-7xl mx-auto flex justify-between items-center">
@@ -756,10 +691,7 @@
     </section>
 
     <!-- Stats Section -->
-    <section id="stats" class="py-16 bg-gradient-to-br from-purple-900/80 to-pink-900/80 text-white px-6 relative overflow-hidden">
-        <div class="absolute inset-0 opacity-20 pointer-events-none">
-            <div class="absolute top-0 left-0 w-full h-full" style="background-image: radial-gradient(circle at 10% 20%, rgba(181, 48, 255, 0.5) 0%, transparent 2%), radial-gradient(circle at 20% 30%, rgba(181, 48, 255, 0.4) 0%, transparent 2%), radial-gradient(circle at 30% 40%, rgba(181, 48, 255, 0.4) 0%, transparent 2%), radial-gradient(circle at 40% 50%, rgba(181, 48, 255, 0.3) 0%, transparent 2%), radial-gradient(circle at 50% 60%, rgba(181, 48, 255, 0.3) 0%, transparent 2%), radial-gradient(circle at 60% 70%, rgba(181, 48, 255, 0.2) 0%, transparent 2%), radial-gradient(circle at 70% 80%, rgba(181, 48, 255, 0.2) 0%, transparent 2%), radial-gradient(circle at 80% 90%, rgba(181, 48, 255, 0.1) 0%, transparent 2%); background-size: 200px 200px;"></div>
-        </div>
+    <section id="stats" class="py-16 bg-gradient-to-br from-purple-900/80 to-pink-900/80 text-white px-6">
         <div class="max-w-7xl mx-auto">
             <div class="text-center mb-12">
                 <span class="text-purple-300 font-semibold">Why Choose Us</span>
@@ -1779,48 +1711,6 @@
             modal.classList.add('hidden');
             document.body.style.overflow = 'auto';
         }
-
-        // Create water drops
-        function createWaterDrops() {
-            const container = document.getElementById('water-drops');
-            const dropsCount = 50;
-            
-            for (let i = 0; i < dropsCount; i++) {
-                const drop = document.createElement('div');
-                drop.classList.add('bubble');
-                
-                // Random properties
-                const size = Math.random() * 15 + 5;
-                const left = Math.random() * 100;
-                const delay = Math.random() * 5;
-                const duration = Math.random() * 3 + 2;
-                
-                drop.style.width = `${size}px`;
-                drop.style.height = `${size}px`;
-                drop.style.left = `${left}%`;
-                drop.style.bottom = `-${size}px`;
-                drop.style.animationDelay = `${delay}s`;
-                drop.style.animationDuration = `${duration}s`;
-                
-                container.appendChild(drop);
-            }
-        }
-
-        // Initialize animations when page loads
-        window.addEventListener('DOMContentLoaded', () => {
-            createWaterDrops();
-            
-            // Add hover effects to all buttons
-            document.querySelectorAll('button, a[href]').forEach(btn => {
-                btn.addEventListener('mouseenter', () => {
-                    btn.style.transform = 'scale(1.05)';
-                    btn.style.transition = 'all 0.2s ease';
-                });
-                btn.addEventListener('mouseleave', () => {
-                    btn.style.transform = 'scale(1)';
-                });
-            });
-        });
         </script>
 <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=jjmandog/jaysmobilewash" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
 </html>