Pack
Landing Page Pack
One page, one message, shipped today, and it does not look like every other AI-built site.
Anyone launching a product, waitlist, or side project who needs a page that converts and reads as designed on purpose.
The stack
| Slot | Pick | Alternative | Why |
|---|---|---|---|
| Framework | Next.js 16, App Router | Astro | Static by default, easy OG images and metadata |
| Styling | Tailwind CSS v4 | Fastest path for agents, easy to keep consistent | |
| Components | shadcn/ui | Base UI | Registry model means blocks drop in cleanly |
| Blocks | shadcnblocks, Tailark | Magic UI | Real section layouts instead of agent-invented ones |
| Motion | Motion, Motion Primitives | React Bits | Enough polish, no scroll-jacking |
| Typography | Fonttrio pairing | Kills the default-font look immediately | |
| Icons | Phosphor | Nucleo | Consistent weights, big set |
| Waitlist and email | Resend | Kit | One API call to capture and confirm |
| Analytics | Vercel Analytics | Zero config | |
| Hosting | Vercel | Coolify | Preview URLs for feedback |
| References | Land-book, Lapa Ninja, Saaspo, Godly | Page Collective | Reference hunt before build, always |
The kickoff prompt
The first lines of the prompt members paste into their agent. The full prompt, the model board, and the setup checklist are inside the portal.
You are setting up a new project. Follow this stack exactly. Do not substitute tools unless one is unavailable, and if you substitute, say so at the end. ## Project A landing page for [PRODUCT]. It is for [AUDIENCE]. The one thing a visitor should understand in five seconds is: [ONE-LINE PROMISE]. The single call to action is: [CTA, for example "join the waitlist"]. ## Stack - Next.js 16, App Router, TypeScript strict, pnpm
Get the full pack
Members get the complete prompt, the model board with verified dates, the setup checklist, and every other pack in the club.