<script>
document.addEventListener('DOMContentLoaded', function() {
  const services = [
    { icon: '⚙️', title: 'Support Annuel Automatisation', description: 'Support réactif, optimisation et résolution de bugs sur vos outils Microsoft.', buttonText: 'En savoir plus' },
    { icon: '🛠️', title: 'Accompagnement Projet sur Mesure', description: 'Développement et déploiement de solutions personnalisées pour vos besoins uniques.', buttonText: 'Demander un devis' },
    { icon: '🕒', title: 'Banque d’Heures Expert', description: 'Flexibilité totale avec un bloc d’heures pour support, développement ou formation.', buttonText: 'En savoir plus' }
  ];

  function createServiceCards() {
    const container = document.createElement('div');
    container.className = 'service-cards';

    services.forEach(service => {
      const card = document.createElement('div');
      card.className = 'card';

      const icon = document.createElement('div');
      icon.className = 'icon';
      icon.textContent = service.icon;

      const title = document.createElement('h3');
      title.textContent = service.title;

      const desc = document.createElement('p');
      desc.textContent = service.description;

      const button = document.createElement('a');
      button.href = '#';
      button.className = 'btn';
      button.textContent = service.buttonText;

      card.appendChild(icon);
      card.appendChild(title);
      card.appendChild(desc);
      card.appendChild(button);

      container.appendChild(card);
    });

    return container;
  }

  const section = document.createElement('section');
  section.className = 'services';

  const header = document.createElement('h2');
  header.textContent = 'Nos solutions pour propulser votre entreprise';

  const intro = document.createElement('p');
  intro.textContent = 'Accompagnement, automatisation et expertise sur mesure pour optimiser vos processus et valoriser vos données.';

  section.appendChild(header);
  section.appendChild(intro);
  section.appendChild(createServiceCards());

  document.body.appendChild(section);
});
</script>