Next.jsTailwindTypeScript
Lumen
Build a content brand that earns.
Overview
Lumen is a bright, conversion-focused landing page template for online courses, cohorts, bootcamps, and creator academies. A cream, pink, and sunny-yellow palette with friendly Plus Jakarta and Inter type makes it feel welcoming and high-converting — built to turn visitors into enrolled students.
Its signature is a scroll-filled "learning-path spine": a connecting line that fills with the accent as you scroll, with numbered module nodes that light up in sequence and an expandable curriculum. Rounded out with an outcomes grid, an instructor section, a free-lesson preview, student testimonials with results, a pricing section with a one-time / payment-plan toggle, an FAQ, and a closing CTA.
Built with Next.js 15.5 (App Router), React 19, TypeScript (strict), Tailwind CSS v4 with light-dark() theming, Motion, and Lenis. Almost all copy and curriculum content live in a single file (lib/course.ts), so launching your course page takes minutes. SEO is handled for you: metadata, Course JSON-LD with rating and price, a generated social image, sitemap, and robots.txt.
Tech stack
Next.js 15.5React 19TypeScriptTailwind CSS v4MotionLenis
Setup in 30 minutes
- 1Purchase, then download the ZIP from your account dashboard.
- 2Unzip, run `pnpm install` (or npm / yarn).
- 3Follow the README to wire env vars and run `pnpm dev`.
- 4Swap the tokens (color, type, copy) to match your brand.
- 5Deploy to your host in one click, straight from the README. Done.
Latest update
lumen/lumen_template_v1.zip
Preview
Screenshots
Reviews
No reviews yet. Be the first to share your experience.
$39
Compatible with
Next.jsTailwindTypeScript
A single payment, no subscription, and the template stays yours for good.