A cohort is not a course with a start date. It is a commitment on both sides, priced accordingly, and the page has to make three things unmissable: when it runs, how many seats are left, and what happens in each week. This template puts all three above the fold and then spends its length on the schedule.
Next.js 16 · Tailwind 4 · static export · 14-day refund
Why this one
So there is no curriculum accordion here. Hiding the weeks behind a click would hide the commitment, which is the thing being sold — instead the schedule is a timeline you scroll, one row per week, nothing collapsed.
The scarcity is real or it is nothing: the seats meter states both numbers, taken and total, because a bar with no figures next to it is the internet's most-ignored graphic. Change one number in the data file after each sale.
In the box
In the order they appear on the demo. Delete any of them and the page still holds together — they are separate components, not a theme.
01
A forest hero with the application card sitting in it as a light document — the one element on the page that reads as paperwork rather than marketing, which is exactly what a start date is.
02
One row per week with a date, a title, what happens and a tag. Nothing is collapsed, because the schedule is the product.
03
A fill bar that grows as it scrolls into view, with both numbers stated. Reduced motion or an older browser gets it already full instead of empty.
04
A live clock to one ISO timestamp, placed next to the date rather than shouting alone — on a dated event the clock is information, not urgency theatre.
05
Seat, and seat with an editor. A third tier on an application-led offer usually just delays the decision.
06
Three cards for how the sessions actually run — group size, recordings, what happens if you miss one — then the person leading it.
Fit
Three steps
Questions
That is how the demo is set up: the primary action is an application, the pricing table comes late, and the page closes on the deadline. Point the apply button at Tally, Typeform or a plain mailto and the checkout link never gets used.
You edit one number in the data file and redeploy — about thirty seconds. It is a static site, so there is nothing live to hook up, and a slightly stale honest number beats a fake live one.
Swap the apply button for a waitlist form — the newsletter template's one-field signup drops straight in — and change the deadline to the next cohort's date.
Also in the kit
One purchase covers all six. Different offers want different pages, and most people end up using two.
See all six examples — or browse the other template pages: online course landing page, course website, webinar landing page, coaching website, newsletter landing page, ebook landing page.
$39 today, $59 once the launch window closes. Lifetime updates, 14-day refund, and the free version is a real page rather than a teaser.