Lumen Agency Landing
+6Loopwise SaaS Landingv1.0.1
Use this Skill to build website page.
5.010 downloads0 likes0 saves
$4.99
What do I get when I buy this Skill?Create a full marketing site for a collaboration or productivity product, with a dashboard-led hero, feature storytelling, pricing, articles, and supporting pages. It helps teams present a complete go-to-market story in a consistent voice, making it suited to launches and ongoing product marketing.
Picked most often by
Updated Aug 31, 2026
Similar Skills
View all skills+6
What you get
- A complete Next.js 15 SaaS site: animated Dashboard Hero, workflow carousel, capability grid, insights, testimonials, FAQ, pricing comparison, About, and authentication pages
- The locked "loopwise" visual system — soft lavender/mint gradient washes, film-grain noise overlay, rounded cards, pastel tag chips, and full light/dark theming
- A 12-post MDX blog with tags, fictional authors, initials avatars, and cover images already wired into the layout and footer
- Generated dashboard mockups, feature-card UI shots, and office photography in every image slot, plus fictional customer wordmarks and testimonials you can safely ship or replace
- A guided rebranding workflow and a validator script that blocks emoji icons, broken image references, and leftover placeholder branding
Good fit
- You are launching a project-management, collaboration, or productivity SaaS and want a credible marketing site on Next.js without design work
- You work in React/Tailwind and want a template your agent can rebrand, extend, and keep consistent across pages
- You need the full surface — blog, pricing tables, FAQ, about, auth screens — not just a single hero section
Not for
- Projects that require a ready-made non-React bundle without adaptation — the runnable template is Next.js-first, though the visual system can be ported to other stacks
- Teams that need a CMS-driven or localized multi-language site out of the box — the blog is file-based MDX
- Anyone expecting real customer logos or stock photography — all brands, people, and testimonials are fictional by design
Product Launch & App GrowthDigital Publications & Web PagesBuild Website PageBuild Landing PageScaffold Web TemplateStyle-lockedEditable OutputConversion-focusedDashboard HeroLight FirstRounded CardsMarquee MotionNoise Grain TexturePastel Gradient Wash
About this Skill
Tell the skill about your SaaS product and get back a complete marketing site built on Next.js 15: a two-line display headline over an animated dashboard hero on a soft pastel gradient, a customer-logo marquee, an icon-driven workflow carousel, a six-card capability grid, alternating insight rows with glow accents, a testimonial mosaic, FAQ, and a pricing band with a monthly/annual switch — plus a pricing comparison table, a 12-post MDX blog, about, and auth pages that already match.
What you get
- A runnable Next.js 15 project: App Router, React 19, Tailwind CSS v4, Motion animations, TypeScript, and MDX blog and legal pages
- The locked "loopwise" look — lavender/mint gradient washes, grain overlay, rounded cards, pastel tag chips, and tracking-tight type
- Generated dashboard mockups, feature-UI cards, office photography, and fictional customer wordmarks in every image slot
- Full light/dark theming with a navbar toggle
- A validator that blocks emoji icons, broken image paths, and leftover placeholder branding
How to use it
- Give the skill your product name and one-line promise; it first
extracts
references/template.zip, then copies the unpacked template and rebrands metadata, copy, logos, and imagery slots for your product. - Review the site locally with
npm run devand ask for changes in plain words — "swap the carousel cards", "make pricing three tiers", "trim the blog to four posts". - Deploy anywhere Next.js runs, or ask for the same sections ported into an existing React project.
Every brand, customer, quote, author, and number in the template is fictional, so you can demo the site anywhere while your real content is still in review.
What you need before you start
- You bring
- Product name and one-line value proposition; optionally a logo, brand color, pricing tiers, and the CTA ask (signup, demo, or waitlist)
- Dependencies
- Node.js 18+ and npm — required to run the Next.js template
- Last tested
- v1.0.1 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
User reviews
Loading reviews…