SaaS template

MindSpace

Meeting-intelligence / note-taking SaaS landing with pro-blocks navbar, hero, bento grid, features, stats, pricing, FAQ.

Next.js 14TypeScriptTailwind CSSshadcn/uipro-blocks landing components

View on GitHub Upstream source

Clone it

terminalClone the template

git clone https://github.com/MUKE-coder/vibekit.git /tmp/vibekit-templates
cp -r /tmp/vibekit-templates/public-templates/blog-template ./mindspace
cd mindspace
pnpm install
pnpm dev

What's in the box

Pro-blocks navbar + hero with video/image slot
Logo cloud + testimonials with avatar
Bento grid feature showcase
Stats band + pricing tiers + FAQ accordion
Mobile responsive, light mode

When to use

Use it

AI productivity, meeting summarizers, knowledge-management apps, anything that wants a deep, multi-section landing page out of the box.

Skip it

Single-purpose product pages or apps without features/pricing/FAQ. The depth here is overkill for v1 launches.

The 0 customization sections

When you ask your AI agent to customize this template, it will walk through these sections in order, asking you the questions for each. The agent only edits the files needed to apply your answers — no restructuring.

Customization prompt — paste into your AI agent

After you clone, open the project in Claude Code, Cursor, Cline, or any agent that reads files. Paste this prompt to start the section-by-section interview:

paste into your AI agentCustomization interview prompt

I want to customize the "MindSpace" template using the VibeKit customization guide.

Walk me through the 0 sections one at a time. For each section, ask the questions defined in the guide below, wait for my answers, then move on.

After all sections are answered, edit ONLY the files needed to apply my answers — config files, content, branding. Don't restructure the project.

CUSTOMIZATION GUIDE:
Walk the user through Branding → Hero → Logos → Testimonials → Bento → Features → Stats → Pricing → FAQ → Footer. Each section is a pro-blocks component under `components/pro-blocks/landing-page/`. Replace copy and props per section.

SECTIONS:


Begin with section 1 now.

Other templates

SaaS