Lumen - Nextjs Template

Overview

Lumen is a premium landing page and marketing site template from Shadcnblocks, with a bright, luminescent visual style. It contains 22 pages and 100+ components, covering the core pages a product marketing site needs. The demo presents a fictional feature management product for product teams, with sections for workflow, feature insights, testimonials, FAQs and a Pro upgrade call to action.

Lumen is built with shadcn/ui and Tailwind CSS 4, and one purchase includes both a Next.js edition and an Astro edition (version 2.0.0, updated March 2026). Every page is assembled from block sections, so new blocks from the Shadcnblocks library can be dropped in. A Figma file is included.

To change its colors and fonts, pick a theme from Shadcn Themes.

Features

• 22 pages: Home, about, pricing, FAQ, contact, blog with posts, sign in, sign up, privacy policy and terms
• Block-based pages: Pages are built from Shadcnblocks sections, so more blocks can be inserted from the library
• Content: MDX and JSON data in Next.js, and Astro content collections with Markdown and MDX in Astro
• SEO: Next.js SEO and metadata, or Astro SEO and sitemap
• Responsive: Mobile-first layouts
• Figma file: Design source included with the template
• Deployment: Tested for one-shot deploys on Vercel, Netlify and Cloudflare Pages

Tech stack

• Next.js or Astro (with React)
• shadcn/ui, Tailwind CSS 4, TypeScript
• Markdown and MDX