Lumen
10+ pages, 100+ comps, SEO-ready, Figma included
- Figma File
- Tailwind CSS v4
Lumen is a modern landing-page template for Next.js 15 and Astro, built on shadcn/ui + Tailwind 4. It ships with 10+ pages, 100+ components, SEO-ready metadata, and a Figma file so you can launch a polished marketing site fast.
Price: $79.
Version: 1.0.0.
Last updated: Oct 28, 2025
What Is the Lumen Template?
Lumen is a landing-page template built with shadcn/ui and Tailwind 4, available for Next.js 15 and Astro. It includes 10+ pages, 100+ components, SEO metadata, and a Figma file to speed up customization. Version 1.0.0, last updated Oct 28, 2025. Price: $79.
Key stats: 100+ components, 10+ pages, Next.js 15 & Astro, Tailwind 4, Figma included, SEO-ready.
Definition: MDX — Markdown + JSX; lets you write content with components. SEO metadata — head tags (title/description & Open Graph) preconfigured for search and social sharing.
What Features Does Lumen Include?
You get the essentials to launch a polished marketing site quickly. In short: component density, prebuilt pages, and clean, responsive UI built on shadcn/ui + Tailwind 4.
Features ✨
100+ components crafted with shadcn/ui + Tailwind 4
10+ pages covering core marketing flows
Next.js 15 & Astro editions for your preferred stack
Figma file for rapid design edits
SEO & metadata preconfigured
Responsive, mobile-first layouts
MDX & JSON data support for content workflows
What’s Included Out of the Box?
You get a complete landing experience: hero, features, pricing, testimonials, and more—structured as block sections so you can swap or add sections from the Shadcnblocks library.
Included Components 📒
Pages: Home/landing, Features, Pricing, Testimonials, About, Blog/Posts, Contact, Auth, Changelog, Careers (and more)
Sections: Hero, Feature grids, Logos, FAQs, CTA, Stats, Gallery, Navbar/Footer, etc.
Design assets: Figma source for brand fit & quick tweaks
Content: MDX + JSON data wiring for posts/sections
What Are the Pros and Cons?
Pros ✅
Fast launch: 10+ ready pages + 100+ components
Two stacks: Next.js 15 or Astro—choose your build model
Design handoff: Figma included
SEO-ready: sensible metadata defaults
Extendable: block-based sections; drop in more from the library
Cons ⚠️
Not a site builder: you still work in code (by design)
Marketing focus: if you need complex app UI/dashboards, you’ll add more blocks later (common in this niche).
How Does Lumen Integrate With Your Stack?
Lumen targets modern, component-driven workflows and plays nicely with popular toolchains.
Integration (in bullet points)
Next.js 15 project setup (Routing, Metadata, etc.)
Astro islands for fast marketing pages
Tailwind 4 utility-first styling
shadcn/ui primitives + accessible patterns
MDX for docs/blog content flows
Figma → dev handoff for brand customization
FAQ
Is Lumen beginner-friendly?
Yes, sections are block-based, so you can rearrange and ship quickly without designing from scratch.
Does it include dark mode and responsive layouts?
Yes, layouts are mobile-first and styled with Tailwind; dark mode patterns are straightforward with shadcn/ui.
Can I use it with either Next.js or Astro?
Yes, there are separate editions for Next.js 15 and Astro.
What files help with customization?
A Figma file is included for design changes, plus MDX/JSON data to edit content easily.