This is the long-form template — the one for a self-paced course between $99 and $999, where the page has to do all of the selling because there is no call and no salesperson. It runs about eleven sections, in the order that answers objections as they arrive rather than in the order that flatters the product.
Next.js 16 · Tailwind 4 · static export · 14-day refund
Why this one
Everything on it is real and editable: the curriculum accordion opens on the first module to show depth, the deadline countdown reads a single ISO date, the sticky bar appears after the hero and carries the price, and the FAQ emits FAQPage structured data so Google can expand your questions in search results.
You change one typed content file — course name, price, modules, testimonials, FAQ — and deploy. Nothing about the layout needs touching for the page to look like someone designed it, because someone did.
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
Masked headline lines that wipe up on load, one accent word in serif italic, a price reassurance line and a star rating. The video frame links to a trailer, or you swap in a dates card, a form or a book mock.
02
Modules and lessons with runtimes, built on native <details>. Zero JavaScript, keyboard accessible for free, first module open so the depth is visible without a click.
03
The block that makes $349 feel like a discount. Each bonus carries a value and the total sits under it, which is the entire mechanism.
04
A featured dark tier, a payment plan line, and the refund promise directly underneath — the objection answered at the exact moment it appears.
05
A live countdown to one ISO date, and a sticky enrol bar that carries the price down the page. The only two client components in the kit, because time and scroll position genuinely need them.
06
A testimonial wall with one featured quote, an instructor block written for authority rather than biography, and an FAQ that ships FAQPage JSON-LD.
Fit
Three steps
Questions
It will, but it is longer than a $19 course needs. Use the webinar template for anything free — matching the page length to the size of the ask is most of what makes a page feel professional.
Yes. The page is your sales page and the checkout stays wherever it already is: set checkoutUrl to your Gumroad, Stripe, Teachable or Podia link and every enrol button follows it.
An afternoon for content, and the design needs nothing. Replace one data file, drop in your fonts and colours if you have them, deploy to Vercel.
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: course website, cohort course, 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.