  const animateElements = document.querySelectorAll('.animate-fade-in');

          // Enhanced animations with IntersectionObserver
          const animationObserver = new IntersectionObserver((entries) => {
              entries.forEach(entry => {
                  if (entry.isIntersecting) {
                      // Add a small delay for staggered effect
                      const delay = parseFloat(entry.target.style.animationDelay || '0s');
                      setTimeout(() => {
                    