function Realisations() {
  const { ProjectCard } = window.PAOLIPlomberieDesignSystem_b9eca4;
  return (
    <section id="realisations" className="section" style={{ background: 'var(--surface-card-muted)' }} data-screen-label="Réalisations">
      <div className="container">
        <span className="eyebrow">Réalisations</span>
        <h2 style={{ marginTop: 10, marginBottom: 36 }}>Un aperçu de nos chantiers</h2>
        <div style={{ display: 'grid', gridTemplateColumns: 'repeat(4, 1fr)', gap: 20 }}>
          {window.PaoliData.projects.map((p) => (
            <ProjectCard key={p.caption} image={p.image} alt={p.alt} caption={p.caption} />
          ))}
        </div>
      </div>
    </section>
  );
}
window.Realisations = Realisations;