The Solution Built for Accountants, by Accountants

document.addEventListener('DOMContentLoaded', function() {
  // Make sure GSAP is available
  if (typeof gsap === 'undefined') {
    console.error('GSAP not found. Please ensure GSAP is loaded before this script.');
    return;
  }

  // Initialize GSAP timeline
  const mainTimeline = gsap.timeline();
  
  // Continuous 360-degree rotation animation
  gsap.to('#rotate1', {
    rotation: 360,
    transformOrigin: 'bottom bottom',
    duration: 6,
    ease: "power4.out",
    repeat: -1
  });
  /*gsap.to('#rotate2', {
    rotation: 360,
    transformOrigin: 'bottom left',
    duration: 12,
    ease: "power1.out",
    repeat: -1
  });*/
  
  // Select all elements with IDs that start with 'anim'
  const animElements = [
    document.getElementById('ani1'),
    document.getElementById('ani2'),
    document.getElementById('ani3'),
    document.getElementById('ani4')
  ].filter(el => el !== null); // Filter out any nulls in case elements don't exist
  
  // Initial state - scale to 0
  gsap.set(animElements, {rotation:90, scale: 0,transformOrigin: 'center center' });
  
  // Create staggered pop-in animation
  mainTimeline.to(animElements, {
    scale: 1,
    duration: 0.6,
    rotation: 0,
    ease: 'back.out(1.7)',
    stagger: 0.2,
    transformOrigin: 'center center',
    onComplete: function() {
      // After the first animation completes, create a loop
      setInterval(function() {
        // Reset all elements to scale 0
        gsap.set(animElements, { scale: 0, rotation: 0 });
        
        // Create a new timeline for each repetition
        const repeatTimeline = gsap.timeline();
        
        // Add the staggered animation
        repeatTimeline.to(animElements, {
          scale: 1,
          duration: 0.6,
          rotation: 0,
          ease: 'back.out(1.7)',
          stagger: 0.2
        });
      }, 12000); // Repeat every 12 seconds
    }
  });
});