function ContactPage() {
  return (
    <>
      <header style={{padding: "120px 64px 64px", background: "var(--cream)", maxWidth: 1180, margin: "0 auto"}}>
        <span className="eyebrow">Contact</span>
        <h1 className="h-display" style={{marginTop: 16}}>Easiest to reach us<br/>on WhatsApp.</h1>
      </header>

      <section className="section section--cream" style={{paddingTop:0}}>
        <div className="section__inner">
          <div className="contact-grid">
            <div className="contact-card" style={{background:"var(--forest)", color:"var(--cream)", borderColor:"transparent"}}>
              <div className="contact-card__head" style={{color:"var(--cream)", opacity:.55}}>Members of The Table</div>
              <p className="contact-card__lead" style={{color:"var(--cream)", opacity:.9}}>
                Order changes, pauses, allergies, anything — message us.
              </p>
              <button className="btn btn--gold">
                Open WhatsApp <Icon name="whatsapp" size={14}/>
              </button>
              <div style={{marginTop:24, font:"500 11px/1.5 var(--font-label)", letterSpacing:".22em", textTransform:"uppercase", opacity:.5}}>
                Replies within the hour, Tue–Sun · 9am–8pm
              </div>
            </div>

            <div className="contact-card">
              <div className="contact-card__head">For your team</div>
              <p className="contact-card__lead">Eight meals minimum. £12 each. One invoice.</p>
              <div className="stack gap-2">
                <span className="contact-card__line"><Icon name="mail" size={14}/> &nbsp; team@nourrir.life</span>
                <span className="contact-card__line"><Icon name="whatsapp" size={14}/> &nbsp; +44 20 0000 0000</span>
              </div>
            </div>
          </div>
        </div>
      </section>

      <section className="section section--warm">
        <div className="section__inner" style={{display:"grid", gridTemplateColumns:"1fr 1fr", gap: 64, alignItems:"center"}}>
          <div className="stack gap-3">
            <span className="eyebrow">Press · partnerships · founding members</span>
            <h2 className="h2">Write to us.</h2>
            <p className="lede">For everything else, hello@nourrir.life.</p>
          </div>
          <div style={{aspectRatio:"4/3", backgroundImage:"url(assets/placeholder-slate.svg)", backgroundSize:"cover", borderRadius:"var(--r-md)"}}/>
        </div>
      </section>
    </>
  );
}
window.ContactPage = ContactPage;