Simple landing pages
that actually convert.
Everyone's using AI to build websites now. Problem is, they all look like AI slop. This is the fix. Six pages, proper design system, free hosting… and AI can't mess it up because the system won't let it. Why I built this →
12
Page Templates
33
UI Components
$0
Hosting Cost
The problem
AI can build anything.
Most of it looks pretty shit.
Lovable, Bolt, v0… they all produce the same flat, generic, "I was clearly made by AI" aesthetic. Your prospects scroll for half a second, clock the template, and bounce.
The fix isn't more templates. It's a design system. When an AI tool builds on top of proper tokens, variants, and semantic colors… it can't produce slop. The system won't let it.
That's what this kit is. Twelve page templates, 33 UI components, and a design token architecture that makes AI output look like you hired a designer.
You didn't. You typed a prompt. Read the full story →
Shipping in production
This isn't a demo. It's running live.
These sites are built on the same kit you're looking at right now. Same design system, same components, same stack.
LinkNinja
linkninja.co
AI-powered LinkedIn sales pipeline. Full marketing site with a 2D gaming engine on the homepage… because when everyone looks the same, being different is the whole game.
Seven Figure Creators
sevenfigurecreators.com
Use LinkedIn to hit 6, then 7-figure income. Landing pages, lead capture, GHL integration… all running on the exact same design system you get in this kit.
Templates
Twelve templates. Ready to ship.
Every template uses the design system. Dark mode, responsive, accessible out of the box. Clone one, change the copy, go live.
Sales Letter
Long-form editorial with sticky sidebar CTA. Once.com/Writebook style. Best for high-ticket offers.
Squeeze Page
Minimal single-screen lead capture. No nav, no distractions. Just the offer and a form.
VSL Page
Video embed with lead capture form. Built for webinar replays, product demos, and video sales letters.
PAS Page
Full Problem-Agitate-Solution sales page. Testimonials, FAQs, the works. Best for coaching and courses.
Lead Magnet (Form)
Lead magnet with inline capture form. Great for ebooks, templates, and downloadable resources.
Lead Magnet (CTA)
Lead magnet with prominent CTA button. Best for free trials, demos, and sign-up flows.
Workshop
Video embed + editorial + floating CTA + dialog signup. Built for webinars and live trainings.
Form (Step 1)
Lead capture with name, email, phone. Redirects to step 2 for qualification questions.
Form (Step 2)
Qualification form. Collects custom questions, saves as GHL contact notes.
Success Page
Resource delivery page. Checkmark, download button, confirmation message.
Lead Magnet
Evergreen lead magnet page. Ebook mockup, inline form, social proof bar, table of contents.
Payment Page
Branded checkout page with product details, features list, and CTA linking to your GHL payment link.
Lead capture
Forms → GHL API.
Every form submits directly to GoHighLevel. Tags get appended, never overwritten. Qualification data saves as contact notes. Zero Zapier. Zero code.
Step 1
Capture
Name, email, phone
Preview →
Step 2
Qualify
Custom questions → GHL notes
Preview →
Step 3
Deliver
Resource link or redirect
Preview →
Tags always append. Notes always append. Your existing CRM data stays intact. The kit handles CORS, rate limiting, and input sanitization out of the box.
How it works
Clone. Brand. Ship.
Three steps to a live, converting landing page. No design skills. No hosting bills.
Brand it
Run /brand-setup in Claude Code (or Cursor, Windsurf, Codex… whatever). It sets your company name, colors, logo, and fonts. Five minutes.
Pick a template
Browse the templates above. Copy the file, rename it, change the copy. Or just tell your AI tool: "Create a new landing page for my coaching program."
Go live
Run /deploy-setup. It connects your GoHighLevel CRM and deploys to Cloudflare Pages. Free hosting. Free SSL. Done.
Built-in AI commands
Type a command. AI does the rest.
Works with Claude Code, Cursor, Windsurf, Codex, or any AI coding tool. Each command walks you through the entire process step by step.
/brand-setup
Brand Your Site
Set your company name, colors, logo, and fonts. AI updates every file across the project.
/new-landing-page
Create a Page
Pick a template, answer a few questions, get a new page ready to customise. No code knowledge required.
/deploy-setup
Go Live
Connect GoHighLevel, set up Cloudflare Pages, deploy with free SSL. The whole thing.
How cloning works
Every file in src/pages/ becomes a URL.
Copy squeeze.astro,
rename it to my-offer.astro,
and it's live at yourdomain.com/my-offer.
Or just type /new-landing-page and the AI walks you through it.
Security & hosting
Free to host. Secure by default.
Cloudflare Pages is free. Your API keys are encrypted. Everything is hardened out of the box.
GHL API Keys Stay Secret
Your GoHighLevel API key and location ID go in a .env file locally (gitignored, never committed).
On Cloudflare, they're stored as encrypted environment variables… one-way encryption, not even you can read them back. They never touch the frontend.
Free Hosting on Cloudflare
Cloudflare Pages is free. Free SSL. Free global CDN. Free serverless functions for your API endpoints. Connect your GitHub repo, push to main, and it deploys automatically. No hosting bill. Ever.
Origin Locking
API endpoints only accept form submissions from domains you whitelist. Rate limited to 10 requests/minute. Input sanitized. Tags allowlisted. Honeypot fields catch bots. CSP headers block injection.
Quick Setup
Copy .env.example to
.env.
Add your GHL API key and location ID.
Update ALLOWED_ORIGINS with your domain. That's it.
What's in the box
Everything you need. Nothing you don't.
12 Page Templates
Sales letter, squeeze, VSL, PAS, workshop, lead magnets, multi-step form, success, payment.
33 UI Components
Buttons, cards, forms, modals, accordions, badges, tabs, tooltips, alerts… the works.
Design Token System
Colors, typography, spacing all flow through tokens. Change your brand hue in one file, it updates everywhere.
Dark Mode
Real dark mode via semantic color tokens. Not "we inverted some colors." It actually works.
Mobile-First
Every page tested at 320px, 768px, and 1024px+. Inputs are 16px so iOS doesn't zoom.
GoHighLevel CRM
Lead capture forms submit straight to GHL. Tags, phone validation, the lot.
The stack
Modern. Fast. No bloat.
Every piece chosen because it's the best tool for the job. Zero JavaScript by default… interactive bits hydrate only when needed.
Ready to ship something that doesn't look like AI slop?
Clone the repo. Run /brand-setup. You'll have a branded, live site on Cloudflare in under an hour. Free hosting. No catch.