51 lines
1.9 KiB
React
51 lines
1.9 KiB
React
export default function Tiers() {
|
|
return (
|
|
<section className="section" id="back">
|
|
<div className="wrap">
|
|
<div className="tiers-head">
|
|
<div className="reveal">
|
|
<span className="spec">When we launch</span>
|
|
<h2>What backing will look like.</h2>
|
|
</div>
|
|
<p className="tiers-note reveal">
|
|
Preview of planned pledge tiers. Final pricing is confirmed at the Kickstarter
|
|
launch. Nothing here is a live checkout yet.
|
|
</p>
|
|
</div>
|
|
<div className="tier-grid">
|
|
<div className="tier reveal">
|
|
<div className="t-name">Supporter</div>
|
|
<div className="t-price">$10</div>
|
|
<div className="t-unit">one-time</div>
|
|
<div className="t-desc">
|
|
The preview chapter, community updates, and an early look at the founding library
|
|
as it is written.
|
|
</div>
|
|
</div>
|
|
<div className="tier feature reveal">
|
|
<div className="t-tag">The one to get</div>
|
|
<div className="t-name">The Book</div>
|
|
<div className="t-price">
|
|
$47 <small>/yr</small>
|
|
</div>
|
|
<div className="t-unit">annual subscription</div>
|
|
<div className="t-desc">
|
|
The full guide in PDF and web reader, plus ongoing recipe updates while you are
|
|
subscribed. Billed yearly. No lifetime SKU in v1.
|
|
</div>
|
|
</div>
|
|
<div className="tier reveal">
|
|
<div className="t-name">Founding Sponsor</div>
|
|
<div className="t-price">Founding</div>
|
|
<div className="t-unit">limited · final terms at launch</div>
|
|
<div className="t-desc">
|
|
A named acknowledgment in the guide, a private cohort seat, and a hand in shaping
|
|
the first edition.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
);
|
|
}
|