Build a long-form sales page (14 sections, every CTA bound to one booking URL)
ComingA pink-on-white evolushen-shape sales page with 14 sections and 12 CTAs bound to a single BOOKING_URL constant, verified at 1440 and 390, with 11 asset slots.
Kit
No separate kit. The playbook is self-contained.
You need
| Account | Why | Free or paid | Plan |
|---|---|---|---|
| Claude Code (Anthropic Claude Pro or Max) | The AI operator every system runs through. Skills, hooks, memory, MCP servers and the Brain plugin all load inside Claude Code. | Paid | Claude Pro (20 USD/mo) works for light use; Max (100 USD or 200 USD/mo) for daily multi-hour sessions. Anthropic terms require each user to hold their own subscription; never share a login. |
| Vercel | Hosts every site, funnel, dashboard and serverless API (subscribe, book, attribution, AC proxy). Runs the cron jobs declared in vercel.json. | Free tier available | Pro (20 USD/mo per seat). The Hobby plan forbids commercial use, so any client site or paid product must be on Pro. Hobby is fine for a personal portfolio. |
| Calendly | Booking page for discovery chats. The funnel embeds it, the booking-alert system polls it, the calls page reads upcoming events. | Free tier available | Free plan is enough for one event type and the API (Personal Access Tokens work on free). Standard (10 USD/mo) adds webhooks and reminders; the systems here poll instead, so free works. |
| Playwright + headless Chrome (and Safari for the final check) | Renders pages to PNG for visual QA, drives the dashboard verification protocol, captures library stills, renders HTML titles and animations offline. | Free | Free. Google Chrome installed for headless screenshots; Playwright installs its own Chromium and WebKit. |
What you bring
- Your booking link
- A folder of your own photos or clips for the page
- Your read on the offer copy before it goes live
The steps
- Lock the section order and the copy before any HTML
- Build the page on one token sheet
- Bind the booking URL and check every button
- Verify at both widths and read the screenshots
- Policy, launch check, deploy
Get the full playbook
Part of: Build your website