function Services() {
  const { ServiceCard, Icon } = window.PAOLIPlomberieDesignSystem_b9eca4;
  return (
    <section id="services" className="section" data-screen-label="Services">
      <div className="container">
        <span className="eyebrow">Nos services</span>
        <h2 style={{ marginTop: 10, marginBottom: 36 }}>Une réponse pour chaque besoin</h2>
        <div style={{ display: 'grid', gridTemplateColumns: 'repeat(3, 1fr)', gap: 20 }}>
          {window.PaoliData.services.map((s) => (
            <ServiceCard key={s.title} icon={<Icon name={s.icon} size={22} />} title={s.title} description={s.description} />
          ))}
        </div>
      </div>
    </section>
  );
}
window.Services = Services;