function Intro() {
  const photos = [
  { src: 'assets/photos/two-women-cgm.webp', alt: 'Two women chatting with CGMs on their arms' },
  { src: 'assets/photos/cgm-after-workout.webp', alt: 'Close-up of a CGM on an arm after a workout' },
  { src: 'assets/photos/cgm-app-open.webp', alt: 'Two people looking at a phone with a metabolism app open' },
  { src: 'assets/photos/cgm-on-arm-with-phone.webp', alt: 'Person with a CGM on their arm beside someone on a phone' }];

  return (
    <section className="section-pad-tight" style={{ background: '#F9F9F9' }}>
      <div className="container">
        <div className="grid-2" style={{ gap: 'clamp(32px, 5vw, 96px)' }}>
          <p className="t-body" style={{ color: '#000', margin: 0 }}>As part of the program, you wear a CGM (continuous glucose monitor) – 2 sensors per month, lasting 15 days each, are included in the price – that measures your metabolism.

          </p>
          <p className="t-body" style={{ color: '#000', margin: 0 }}>Inside the Eivi app, you'll see how different foods, drink and exercise impact your metabolism, and get coaching from Tony Martin and his team on step-by-step changes toward your goal. 

          </p>
        </div>

        <div className="grid-4" style={{ marginTop: 'clamp(56px, 8vw, 96px)' }}>
          {photos.map((p) =>
          <div key={p.src} style={{
            aspectRatio: '4 / 5', overflow: 'hidden', borderRadius: 'clamp(12px, 1.8vw, 20px)', background: '#f1f1f1'
          }}>
              <img src={p.src} alt={p.alt}
            style={{ width: '100%', height: '100%', objectFit: 'cover', display: 'block' }} />
            </div>
          )}
        </div>

        <div style={{ textAlign: 'center', marginTop: 'clamp(64px, 9vw, 112px)' }}>
          <h2 className="t-h2" style={{ margin: 0, color: '#000' }}>
            Ready to understand and change?
          </h2>
          <a href="/join.html" className="btn btn-primary btn-lg" style={{ marginTop: 'clamp(28px, 3.5vw, 40px)' }}>
            Join the waitlist
          </a>
        </div>
      </div>
    </section>);

}
window.Intro = Intro;