function Included() {
  const items = [
    ["Full design & build", "Every site is mobile-responsive and built from scratch — not a template."],
    ["Up to 5 pages", "Home, About, Services, Contact, and one more of your choosing."],
    ["Copy written by Ben", "You fill in a brief. I'll write the words so they sound like your business."],
    ["Contact form", "Enquiries land straight in your inbox. No third-party dashboards to check."],
    ["SSL & hosting setup", "Secure by default. I handle the setup and get it live under your domain."],
    ["2–3 rounds of revisions", "We iterate until it's right. No change-order invoices."],
    ["Short video tutorial", "So you can update text and photos yourself whenever you need to."],
    ["Delivered in 5–7 days", "From the moment you send the brief. Not six weeks. Not eight."],
  ];

  return (
    <section className="section" id="included">
      <div className="container">
        <div className="section-head reveal">
          <div>
            <div className="section-kicker">— 01 / What's included</div>
            <h2 className="section-title">Every build, <em>every time.</em></h2>
          </div>
          <div className="section-kicker" style={{maxWidth: 280}}>
            One price. One person doing the whole job. No handoffs, no surprise invoices.
          </div>
        </div>

        <div className="included-grid reveal">
          {items.map(([title, body], i) => (
            <div key={i} className="incl-item">
              <div className="incl-num">/ {String(i+1).padStart(2, '0')}</div>
              <div className="incl-body">
                <h3>{title}</h3>
                <p>{body}</p>
              </div>
            </div>
          ))}
        </div>

        <div className="not-included reveal">
          <div style={{fontFamily: 'var(--mono)', fontSize: 11, letterSpacing: '0.14em', textTransform: 'uppercase', color: 'var(--cream)', minWidth: 140}}>Not included</div>
          <div>
            E-commerce, booking systems, payment gateways, CRM integrations — these take longer
            than a week and are <strong>quoted separately</strong>. Ask if you need them.
          </div>
        </div>
      </div>
    </section>
  );
}
window.Included = Included;