function Hero({onBook}){
  const {Button,Badge}=window.VosTrainingClubDesignSystem_09863c;
  return (
    <section className='vw-hero'>
      <img className='vw-hero__bg' src='/assets/photo-training.jpg' alt='Personal trainer begeleidt een klant tijdens 1-op-1 training bij Vos Training Club in Havelte'/>
      <div className='vw-hero__scrim'></div>
      <div className='vw-hero__inner'>
        <div className='vw-overline'>Personal Trainer &middot; 24/7 Sportschool &middot; Havelte</div>
        <h1 className='vw-hero__title'>Train met<br/>een <span className='vw-flame-text'>glimlach</span></h1>
        <p className='vw-hero__lead'>Personal training en 24/7 sportschool in Havelte, tussen Meppel en Steenwijk. Persoonlijke coaching, jouw plan, jouw tempo.</p>
        <div className='vw-hero__cta'>
          <Button variant='primary' size='lg' onClick={onBook}>Boek je gratis intake</Button>
        </div>
        <div className='vw-hero__stats'>
          <div><strong>24/7</strong><span>Toegang</span></div>
          <div><strong>1-op-1</strong><span>Coaching</span></div>
          <div><strong>100%</strong><span>Persoonlijk</span></div>
        </div>
      </div>
    </section>
  );
}
window.Hero=Hero;