// "The Invitation" — the emotional join moment, a full-bleed story-beat panel in
// the home scroll-hijack stack (placed after How It Works, before the close).
// The one panel about PEOPLE, not the dish: a warm shot of company at the table.
// Over a top+bottom scrim, a centred eyebrow, headline, sub-line and the JOIN
// CTA. Sized to fit 100dvh; the headline wraps to 2–3 lines on mobile.
const INVITE_IMAGE = "assets/invitation-table.jpg";  // friends sharing at the table — company & belonging

function Invitation() {
  return (
    <section className="invite snap-panel" data-screen-label="The Invitation">
      <div className="invite__img" style={{ backgroundImage: `url(${INVITE_IMAGE})` }}/>
      <div className="invite__scrim"/>
      <div className="invite__inner">
        <h2 className="invite__title">The Table is open.</h2>
        <p className="invite__sub">Soon, it'll be a waiting list and invite only.</p>
        <a className="how-beat__cue invite__cta" href="build.html">Join the table &rarr;</a>
      </div>
    </section>
  );
}
window.Invitation = Invitation;