function WhyUs() {
  const items = [
    { icon: <Ic.award size={22} />, title: "21 years, 250+ kitchens", body: "Two decades of Bellevue-area kitchens -- from classic to contemporary. We've worked in every neighborhood and every floor plan this region has." },
    { icon: <Ic.tools size={22} />, title: "In-house crews, zero subcontractor chain", body: "Your project manager is the same person from demo to final walk-through. No telephone-game delays, no finger-pointing." },
    { icon: <Ic.compass size={22} />, title: "Fixed price. No surprise change orders.", body: "The estimate you get is the number you sign. We put it in writing." },
    { icon: <Ic.leaf size={22} />, title: "Designer + builder under one roof", body: "Design, selections, and build are coordinated by one team — which is why our projects finish weeks faster than the industry average." },
  ];
  return (
    <section className="section" id="why">
      <div className="container">
        <div className="why-grid">
          <div>
            <span className="eyebrow">Why New Day</span>
            <h2 className="h2" style={{marginTop:16, marginBottom:24}}>The remodeler Seattle homeowners keep <em>recommending to their neighbors.</em></h2>
            <div className="why-list">
              {items.map((it, i) => (
                <div className="why-item" key={i}>
                  <div className="ic">{it.icon}</div>
                  <div>
                    <h3>{it.title}</h3>
                    <p>{it.body}</p>
                  </div>
                </div>
              ))}
            </div>
          </div>
          <div>
            <p style={{fontSize:14, color:'var(--ink-3)', marginBottom:12, fontStyle:'italic', lineHeight:1.5}}>
              Meet the team behind every remodel — from designers and project managers to the crews who show up every day.
            </p>
            <div className="why-visual" style={{overflow:'hidden', borderRadius:'var(--radius-lg)'}}>
              <img src="assets/newday-team.webp" alt="The New Day Construction team" style={{width:'100%', height:'100%', objectFit:'cover', display:'block'}} />
            </div>
          </div>
        </div>
      </div>
    </section>
  );
}
window.WhyUs = WhyUs;