feat: animation

index.html

@@ -399,7 +399,6 @@
                             </div>
                         </div>
 
-                        <!-- Slide 3 -->
                         <div class="slide1">
                             <div class="slide1-box">
                                 <div class="image-container">
@@ -422,7 +421,6 @@
                         </div>
                     </div>
                 </div>
-
                 <button class="nav-button prev-btn" id="prevBtn" aria-label="Previous slide"></button>
                 <button class="nav-button next-btn" id="nextBtn" aria-label="Next slide"></button>
             </div>

main.css

@@ -916,7 +916,7 @@
  .footer {
      background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 100%);
      color: white;
-     padding: 60px 0 30px 0;
+     padding: 60px 0 0;
      font-size: 14px;
  }
 
@@ -1099,6 +1099,7 @@
      font-size: 12px;
      color: #94a3b8;
      text-align: left;
+     background: white;
  }
 
  .footer-bottom-links {

main.js

@@ -225,6 +225,6 @@ const observer = new IntersectionObserver((entries) => {
             entry.target.classList.add('visible');
         }
     });
-}, { threshold: 0.2 }); // 20% visible
+}, { threshold: 0.2 });
 
 statItems.forEach(item => observer.observe(item));