One problem shapes this whole template: the buyer cannot flick through it. In a shop that sale takes fifteen seconds of holding the thing, so the page has to reconstruct those fifteen seconds — a cover that reads as an object, the complete contents rather than a teaser, and one real spread set the way the book is set.
Next.js 16 · Tailwind 4 · static export · 14-day refund
Why this one
The sample chapter is the highest-converting element on any page like this, which is why it gets a section of its own instead of a link buried in the FAQ. Keep the text genuinely from the book; a lorem spread is worse than no spread, because people read it.
There are no tiers. A $29 file with a "premium" version invites a comparison that only makes the cheap one look worse, so the price block is one card, one number, and the refund line directly underneath.
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
Twelve degrees of rotation, a spine, a paper edge and a separate contact shadow. Sharp at any resolution and costs no bytes — pass an image and a real render replaces it.
02
Worked examples, scripts, the spreadsheet, the formats, the free-updates promise. Unequal cells force the eye to stop where a flat feature list gets skimmed.
03
Six chapters, every section, and the number of pages each one runs to. Page counts answer the question a chapter title cannot: how much is actually here.
04
Two pages with a drop cap, a pull quote and a centre fold. This is the demo for a written product.
05
One number, a compare-at price, formats, and what happens after payment. Plus the line about invoicing, because a surprising share of $29 books are bought on expenses.
06
Thirty days and you keep the file — chasing a PDF costs more than the refund. Then formats, DRM, currency and who it is not for.
Fit
Three steps
Questions
No — the cover on the demo is drawn in CSS from your title, subtitle and name, in four colourways. It reads as designed rather than as a missing image, and swapping in a real render later is one prop.
By your checkout. Gumroad, Lemon Squeezy, Paddle and Stripe all host the file, handle tax and send the download link — which is also how you avoid collecting card details yourself. One URL in the data file.
Yes. Any single-file digital product has the same problem — nothing to hold — and the same fix: show the object, show the contents, show a real sample.
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, cohort course, webinar landing page, coaching website, newsletter 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.