React 19 · Tailwind v4 · 5 brands included
Five complete brands. One React codebase.
Most landing templates give you one brand and a colour picker. Vantis gives you five finished products — each with its own name, accent, voice and product UI. Switching between them is two edits.
One-time payment 14-day refund Lifetime updates No attribution required
Same components. Same 17 routes. Pick a brand:
AI agent ops Vantis The AI operations layer Open this demo live
The whole swap is two lines
Not a theme config, not a hundred CSS variables to find and replace. One line names the variant; one line sets the accent. Everything else re-mixes from there.
/* copy, product UI, brand name */
export const variant = girder;
/* the whole colour system */
--accent-base: #047857;
That second line moves the buttons, focus rings, selection highlight, hero grid,
sparkline gradients, status dots, the featured pricing card and the lifted accent on the
dark bands — because every one of them is a color-mix() off that single token.
There is no second place to update and no stray hex to hunt for.
What's actually in the box
Everything below is checkable in the source you download. Where a claim has a command that proves it, the command is named.
-
17 routes, prerendered
Every route ships as real HTML with its own title, meta description and canonical — so crawlers, link previews and slow connections get content instead of an empty app shell. Sitemap and robots.txt are generated at build time.
-
Five brand decks, one contract
Five complete sets of copy in
src/data/variants/behind one shared TypeScript type, so a missing field is a compile error rather than a blank section in production. -
Contrast you can verify
npm run check:accentsmixes colour in OKLab the way the browser does and asserts every text pairing on both light and dark surfaces. All 40 pass; the tightest is 4.64:1 against a 4.5:1 floor. -
Copy drift can't creep in
npm run check:copycompares all five decks against each other, so adding a section to one brand and forgetting the other four fails the build instead of shipping. -
Responsive from 320px
Verified with a headless sweep at eight widths — no horizontal overflow anywhere, no fixed pixel containers, no disabled zoom.
-
Accessible by construction
Visible focus rings, labelled controls, keyboard-navigable menus, one
<h1>per page, no skipped heading levels, andprefers-reduced-motionrespected throughout. -
Six runtime dependencies
React 19, TypeScript, Vite 6, Tailwind v4, Motion, React Router 7. No UI kit layered on top of another UI kit, and the animation bundle is code-split behind a dynamic import so it never blocks first paint.
-
Real content, not lorem ipsum
Six written blog posts, a populated changelog, real pricing tiers and a real integrations directory — five times over, once per brand.
Every route you get, five times over
- /
- /features
- /pricing
- /integrations
- /changelog
- /about
- /contact
- /login
- /blog
- /blog/…×6
- /legal/privacy
- /legal/terms
- 404
Built mobile-first, not shrunk down
Every page, every brand, from 320px up.



Is this the right template for you?
The fastest refund to avoid is the one where the buyer wanted something else. So, plainly:
Buy it if
- You're launching a SaaS, AI or developer-tool marketing site and want it to look considered on day one
- You build for clients and want three sites from one purchase that don't look like the same template
- You'd rather edit a typed data file than fight a page builder
- You care that the thing you ship passes contrast and keyboard checks without a retrofit
Don't buy it if
- You need a full app starter — there's no auth, no database, no payments, no dashboard
- You're on Next.js and won't port the Vite-specific prerender step
- You want a drag-and-drop editor; this is source code you edit in a repo
- You need a CMS wired up — the content is TypeScript files, by design
Built on
- React 19
- TypeScript
- Vite 6
- Tailwind CSS v4
- Motion
- React Router 7
One-time price. Lifetime updates.
Both licences include all five brands and the complete source. The tiers differ in how many sites you may ship — never in what you download.
Single licence
Your own product, or one client site.
- All five brand variants
- Complete source, 17 routes
- Lifetime updates
- One end product
- No attribution required
Agency licence
Unlimited client work, bought once.
- Everything in Single
- Unlimited end products
- Paid client work included
- Ship as many sites as you like
- No per-project fee, ever
14 days, no questions asked. If it doesn't fit, I'd rather refund you than have a buyer who resents the purchase.
Questions
Is this five templates or one?
One codebase, five complete brands. Same components and same routes; five separate sets of real copy, colour and product UI. You get all five in either tier — there is no upsell hiding behind the other four.
How hard is it to put my own brand on it?
Edit one data file for the copy, one hex for the accent, and drop in your wordmark. The five included brands exist partly to prove that path works — each one was made by walking it.
Does it work with Next.js?
It's a Vite + React Router project. The components are plain React and port cleanly, but the prerender step is Vite-specific and you'd swap it for Next's own rendering. Buy it as a Vite project, not as a Next one.
Is the content real, or placeholder?
Real. Six written blog posts, a populated changelog, real pricing tiers and a real integrations directory — written five times, once per brand. There is no lorem ipsum anywhere in the repo.
Do I need to credit you?
No. No footer link, no badge, no attribution of any kind.
What exactly do I download?
A ZIP of the complete source — 88 files. Run npm install && npm run build and you have the site. No licence key, no phone-home, no build service in the middle.
What about updates?
Lifetime, at no extra cost, for both tiers. Updates arrive as a new download in the same order you already have.
Refunds?
14 days, no questions asked. Reply to the receipt email and it reaches me directly.
Stop rebuilding the same landing page
Five finished brands, 17 prerendered routes, and a colour system that moves on one line. $99, once.
14-day refundLifetime updatesSecure checkout by Lemon Squeezy
Checkout opens shortly. Leave an address and you'll get one email the day it does — with $20 off the first week. Nothing else, ever.
One email, at launchNo newsletterUnsubscribe is a reply