Instructions du TP

Bienvenue dans ce TP GSAP ! Votre mission : donner vie à ce dashboard en ajoutant 8 animations.

1. ANIMATION 1 : Fais tourner l'icône 🌍 en boucle infinie (360°, 20s, repeat: -1)
2. ANIMATION 2 : Le titre apparaît depuis y: -50 avec opacity: 0 (durée 1s)
3. ANIMATION 3 : Le sous-titre apparaît depuis y: 30 avec opacity: 0 (durée 1s, delay: 0.3s)
4. ANIMATION 4 : Les 4 cartes statistiques apparaissent en cascade avec .from() (opacity: 0, y: 50, stagger: 0.15)
5. ANIMATION 5 : La section "Objectifs 2030" apparaît depuis x: -100, opacity: 0 (durée 1s)
6. ANIMATION 6 : Les 3 barres de progression se remplissent de 0% à leur valeur finale avec scaleX depuis 0 (durée 1.5s, stagger: 0.2)
7. ANIMATION 7 : Les 3 cercles du mix énergétique apparaissent avec scale: 0 (durée 0.8s, stagger: 0.2, ease: "back.out")
8. ANIMATION 8 : Le badge "Objectif 2030" pulse en continu (scale: 1.05, durée 1s, yoyo: true, repeat: -1)

Astuce : Utilise une gsap.timeline() pour orchestrer toutes les animations dans l'ordre !