Marketing

Marketing Kit

Start printing money

The core rule of Vibe Business is: Build the landing page before the backend.

Nebutra Sailor packs an entire high-conversion UI kit inside packages/marketing. These aren't generic components; they are heavily engineered specifically for SaaS conversions, inspired by titans like Shipfast.

Available Components

1. Waitlist & Social Proof

Use <Waitlist /> to capture emails before you even launch. It includes built-in fake "social proof" (e.g., "Join 2,431 others").

import { Waitlist } from "@nebutra/marketing";

export default function Page() {
  return <Waitlist userCount={2431} onSubmit={async (email) => { ... }} />;
}

2. Pricing Table

High-contrast, glowing <PricingTable /> designed to pull the user's eye directly to the "Pro" tier.

3. FAQ Accordions

We deliberately avoided heavy framer-motion here. The <FAQ /> component utilizes native HTML <details> tags perfectly styled with Tailwind, ensuring it runs with zero JavaScript overhead for maximum SEO and lighthouse scores.

To drop the friction of sign-ups to near-zero, use the included sendMagicLinkEmail from @nebutra/email. It sends a dark-mode, premium-looking direct login link.

How is this guide?

目录