import styles from './ServiceStats.module.css';

const stats = [
  { value: '8K+',  label: 'Happy Guests Served' },
  { value: '100%', label: 'Vegetarian Always'    },
  { value: '40+',  label: 'Menu Items'            },
  { value: '5★',   label: 'Average Google Rating' },
];

export default function ServiceStats() {
  return (
    <section className={styles.section}>
      <div className={styles.container}>
        {stats.map((s, i) => (
          <div key={i} className={styles.item}>
            <span className={styles.value}>{s.value}</span>
            <span className={styles.label}>{s.label}</span>
          </div>
        ))}
      </div>
    </section>
  );
}
