we ant to include the mens grooming on the front page as well. - Follow Up Deployment

index.html

@@ -183,6 +183,7 @@
         }
         
         .fade-in {
+            opacity: 0;
             animation: fadeIn 0.8s ease-out forwards;
         }
         
@@ -252,7 +253,7 @@
         </div>
         
         <!-- Mobile Menu -->
-        <div id="mobile-menu" class="hidden md:hidden bg-white border-t border-soft-sage">
+        <div id="mobile-menu" class="hidden md:hidden bg-white border-t border-soft-sage" aria-hidden="true">
             <div class="container mx-auto px-4 py-3">
                 <ul class="space-y-3">
                     <li><a href="#" class="block text-deep-sage hover:text-sage font-medium transition">Home</a></li>
@@ -767,7 +768,7 @@
     <script src="https://assets.calendly.com/assets/external/widget.js" type="text/javascript" async></script>
 
     <!-- Promotion Popup Modal -->
-    <div id="promo-modal" class="modal hidden" aria-hidden="true" role="dialog" aria-labelledby="modal-title">
+    <div id="promo-modal" class="modal hidden" aria-hidden="true" role="dialog" aria-modal="true" aria-labelledby="promo-modal-title">
         <div class="modal-content bg-white rounded-lg p-8 max-w-md mx-auto my-12 relative">
             <button id="close-modal" class="absolute top-4 right-4 text-warm-gray hover:text-sage">
                 <i class="fas fa-times text-2xl"></i>
@@ -788,7 +789,11 @@
         // Mobile menu toggle
         document.getElementById('mobile-menu-button').addEventListener('click', function() {
             const menu = document.getElementById('mobile-menu');
+            const isExpanded = this.getAttribute('aria-expanded') === 'true';
+            
             menu.classList.toggle('hidden');
+            menu.setAttribute('aria-hidden', isExpanded);
+            this.setAttribute('aria-expanded', !isExpanded);
         });
         
         // Set current year in footer
@@ -811,22 +816,26 @@
             }
         });
         
-        // Fade-in animation for elements
+        // Intersection Observer for animations
         document.addEventListener('DOMContentLoaded', function() {
             const fadeElements = document.querySelectorAll('.fade-in');
             
-            const fadeInObserver = new IntersectionObserver((entries) => {
-                entries.forEach(entry => {
-                    if (entry.isIntersecting) {
-                        entry.target.classList.add('opacity-100');
-                    }
+            if (fadeElements.length > 0) {
+                const fadeInObserver = new IntersectionObserver((entries) => {
+                    entries.forEach(entry => {
+                        if (entry.isIntersecting) {
+                            entry.target.style.opacity = 1;
+                        }
+                    });
+                }, { 
+                    threshold: 0.1,
+                    rootMargin: '0px 0px -50px 0px'
                 });
-            }, { threshold: 0.1 });
-            
-            fadeElements.forEach(element => {
-                element.classList.add('opacity-0');
-                fadeInObserver.observe(element);
-            });
+                
+                fadeElements.forEach(element => {
+                    fadeInObserver.observe(element);
+                });
+            }
         });
     </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=Bearbeardog/smoothlex" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>