// Founding-price block — single centred statement on cream. Replaces the old
// three-tier pricing. One price, one access line, one scarcity line, one CTA.
function Plans({ id = "plans" }) {
  return (
    <section id={id} className="section section--cream founding">
      <div className="founding__inner">
        <h2 className="founding__title">Founding price</h2>
        <div className="founding__price">£12 <span className="founding__per">/ meal</span></div>
        <p className="founding__sub">
          Build your week your way — choose any number of meals, four minimum.
          Juices and extras available to add.
        </p>
        <p className="founding__scarcity">
          Locked for the first 50 members of The Table. £14 thereafter.
        </p>
        <a className="btn btn--forest founding__cta" href="build.html">
          Join The Table <Icon name="arrow-right" size={14}/>
        </a>
      </div>
    </section>
  );
}
window.Plans = Plans;