function Reviews() {
  const { TestimonialCard, RatingBadge, Button } = window.PAOLIPlomberieDesignSystem_b9eca4;
  return (
    <section id="avis" className="section" style={{ background: 'var(--surface-section-alt)' }} data-screen-label="Avis clients">
      <div className="container">
        <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', flexWrap: 'wrap', gap: 16, marginBottom: 36 }}>
          <div>
            <span className="eyebrow">Avis clients</span>
            <h2 style={{ marginTop: 10 }}>Ce que nos clients en disent</h2>
          </div>
          <RatingBadge rating={4.9} count={32} />
        </div>
        <div style={{ display: 'grid', gridTemplateColumns: 'repeat(4, 1fr)', gap: 20, marginBottom: 28 }}>
          {window.PaoliData.reviews.map((r) => (
            <TestimonialCard key={r.name} {...r} />
          ))}
        </div>
        <Button as="a" href="#avis" variant="outline">Voir tous les avis sur Google</Button>
      </div>
    </section>
  );
}
window.Reviews = Reviews;