/* The Snowberry website — Daily Life / best-in-class activities */
function Activities() {
  const { SectionHeading, Stat } = window.TheSnowberryDesignSystem_ed783b;
  const items = [
    {
      k: 'Around the Table',
      t: 'From-scratch meals, made together',
      b: 'Our in-house chef cooks daily, and residents are part of it. Kneading bread, snapping beans, setting twelve places. The kitchen doubles as therapy: purpose, reminiscence, and the best smell in the house.',
    },
    {
      k: 'Music & Memory',
      t: 'Songs they’ve known for decades',
      b: 'Sing-alongs, old records, and live visiting musicians. Familiar music reaches past memory loss like nothing else: calming agitation, lifting mood, and bringing words back to people who’d gone quiet.',
    },
    {
      k: 'The Garden',
      t: 'Hands in the soil, out back',
      b: 'Raised beds and the backyard mean planting, watering, and cutting flowers for the table. Gentle, sensory, and full of purpose: the kind of unhurried afternoon work that steadies a hard day.',
    },
    {
      k: 'Life Stories',
      t: 'Every resident’s history, kept',
      b: 'One-on-one reminiscence, memory boxes, and photo walls outside each room. We build the calendar around twelve real life stories: what they did for a living, where they raised their kids, not a generic roster.',
    },
    {
      k: 'Gentle Movement',
      t: 'Chair yoga, walks, slow stretches',
      b: 'Low-pressure daily movement keyed to each person’s ability: a loop of the yard, a seated class, a hand massage. Bodies stay looser, sleep comes easier, falls grow rarer.',
    },
    {
      k: 'Visitors & Paws',
      t: 'Therapy dogs, family, neighbors',
      b: 'Regular therapy-pet visits and an open door for family, students, and faith groups. Animals decrease loneliness and agitation on sight; visitors keep the house woven into a real community.',
    },
  ];
  return (
    <section id="activities" style={{ background: 'var(--surface-page)', padding: '112px 40px' }}>
      <div style={{ maxWidth: 'var(--container-max)', margin: '0 auto' }}>
        <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'flex-end', gap: 40, flexWrap: 'wrap' }}>
          <SectionHeading
            eyebrowNumber="Three"
            eyebrow="A Day Well Lived"
            title="Built around twelve lives, not a crowd."
            lead="A 1:5 ratio means we don’t run a one-size calendar. The day is shaped around who’s actually at the table: what they did for a living, what they hum without thinking, what they grew in their own yards."
          />
          <div style={{ flex: 'none', paddingBottom: 6 }}>
            <Stat value="1:5" label="So every day can be personal" align="left" />
          </div>
        </div>

        <div className="sb-activities-grid" style={{ display: 'grid', gridTemplateColumns: 'repeat(3, 1fr)', columnGap: 40, rowGap: 8, marginTop: 64 }}>
          {items.map((it, i) => (
            <div key={i} style={{ borderTop: '1px solid var(--hairline)', paddingTop: 26, paddingBottom: 30 }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 10, marginBottom: 16 }}>
                <img src="assets/logos/sprig-green.png" alt="" style={{ height: 28 }} />
                <span style={{ fontFamily: 'var(--font-sans)', fontWeight: 600, fontSize: 11, letterSpacing: '0.2em', textTransform: 'uppercase', color: 'var(--brand)' }}>{it.k}</span>
              </div>
              <h3 style={{ fontFamily: 'var(--font-display)', fontWeight: 400, fontSize: 23, lineHeight: 1.12, color: 'var(--green-700)', margin: '0 0 12px', letterSpacing: '-0.01em' }}>{it.t}</h3>
              <p style={{ fontFamily: 'var(--font-sans)', fontSize: 15, lineHeight: 1.6, color: 'var(--ink-700)', margin: 0 }}>{it.b}</p>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
}
window.Activities = Activities;