// PaintMini marketing homepage. // Self-contained so the public landing can evolve without touching the app shell. const HOME_ASSETS = { hero: '/assets/home-hero-before-after.jpg', workbench: '/assets/home-workbench.jpg', paintLibrary: '/assets/home-paint-library.jpg', ranger: '/assets/home-ranger-showcase.jpg', uploadPrimed: '/assets/home-upload-primed.jpg', paintTray: '/assets/home-paint-tray.jpg', guideSheet: '/assets/home-guide-sheet.jpg', crimsonTemplar: '/assets/home-crimson-templar.jpg', verdigrisSentinel: '/assets/home-verdigris-sentinel.jpg', stormSorceress: '/assets/home-storm-sorceress.jpg', }; const NAV_LINKS = [ ['how', 'How it works'], ['features', 'Features'], ['gallery', 'Gallery'], ['pricing', 'Pricing'], ['faq', 'FAQ'], ]; const HOME_GALLERY = [ { img: HOME_ASSETS.ranger, name: 'Emerald Pathfinder', sub: 'Expert cloak, leather, bone cloth', tier: 'EXP', palette: ['#244D3A', '#A65D2E', '#D9C8A8', '#C89E5A', '#2E2A24'], }, { img: HOME_ASSETS.crimsonTemplar, name: 'Crimson Templar', sub: 'Intermediate armor and trim', tier: 'INT', palette: ['#9A1B1F', '#080806', '#C89E5A', '#D9C8A8', '#7E7C7B'], }, { img: HOME_ASSETS.verdigrisSentinel, name: 'Verdigris Sentinel', sub: 'Aged bronze construct', tier: 'ADV', palette: ['#4A6B5A', '#876837', '#C89E5A', '#3A3B3C', '#A89066'], }, ]; const LAND_PRICING = [ { name: 'Starter', per: '$1.00 per credit', credits: 5, price: '$5', note: 'Try a few colorways' }, { name: 'Studio', per: '$0.75 per credit', credits: 20, price: '$15', note: 'Best for an army box', best: true }, { name: 'Atelier', per: '$0.60 per credit', credits: 50, price: '$30', note: 'Batch your backlog' }, ]; const LAND_FAQ = [ { q: 'What does PaintMini generate?', a: 'A finished painted preview on your miniature, a paint list, a step-by-step painting guide, and a printable PDF for your bench.', }, { q: 'Can it use the paints I already own?', a: 'Yes. Save paints to your collection, then filter schemes to your shelf so suggestions stay practical instead of becoming another shopping list.', }, { q: 'Do I need painting experience?', a: 'No. Beginner plans keep techniques simple. Intermediate adds layers and edge highlights. Expert opens up advanced effects like OSL, NMM, glazing, and freehand.', }, { q: 'How much does one render cost?', a: 'One credit creates one painted plate, guide, and PDF. New painters get 1 free credit, and credit packs start at $5 with no subscription.', }, ]; function MBtn({ variant = 'primary', onClick, children, className = '', style }) { return ( ); } function Landing({ navigate, user }) { const [menuOpen, setMenuOpen] = useState(false); const startFree = () => navigate(user ? 'editor' : 'auth', user ? {} : { mode: 'signup' }); const signIn = () => navigate(user ? 'studio' : 'auth', user ? {} : { mode: 'signin' }); const buy = () => navigate(user ? 'credits' : 'auth', user ? {} : { mode: 'signup' }); const scrollTo = (id) => document.getElementById(id)?.scrollIntoView({ behavior: 'smooth', block: 'start' }); useEffect(() => { const root = document.querySelector('[data-screen-label="landing"]'); if (!root) return; const els = root.querySelectorAll('[data-reveal]'); const io = new IntersectionObserver((entries) => { entries.forEach((entry) => { if (!entry.isIntersecting) return; const delay = entry.target.getAttribute('data-reveal-delay'); if (delay) entry.target.style.transitionDelay = `${delay}ms`; entry.target.classList.add('is-visible'); io.unobserve(entry.target); }); }, { threshold: 0.12, rootMargin: '0px 0px -8% 0px' }); els.forEach((el) => io.observe(el)); return () => io.disconnect(); }, []); return (
New painters get 1 free credit. Plan your first scheme without a card.
{menuOpen && (
setMenuOpen(false)}>
)}
AI paint planning for tabletop miniatures

Visualize. Plan. Paint.

Upload your miniature, choose the paints on your shelf, and get finished schemes rendered on your exact sculpt with a practical step-by-step guide.

Upload your miniature scrollTo('how')}>See how it works
1 free credit for new painters One credit per render No subscription
A miniature split between grey primer and a finished green and orange paint scheme
Scheme ready in under a minute
Brushes and miniature paints on a painter's workbench
Unpainted primed miniature ready for a paint plan
Organized miniature paint bottles and color swatches
Blue painted storm sorceress miniature from a PaintMini render
Built for the workbench

Bring your miniatures to life before opening a pot.

PaintMini turns planning into part of the hobby: compare palettes, match your owned paints, and walk into the session with a clear order of operations.

How it works

Three steps from primer to plan.

{[ ['Upload', 'Add a clear photo of your primed or unpainted miniature. PaintMini reads the pose, surfaces, armor, cloth, and base.', 'M4 13.5V7a4 4 0 0 1 8 0v6.5M2 12l6-6 6 6M3 14h10'], ['Select paints', 'Choose paints from your saved collection or browse common ranges. Suggestions stay grounded in what you actually own.', 'M8 2a6 6 0 1 0 0 12c1.1 0 1.1-1.4 1.8-2 .6-.5 1.8-.1 2.6-.9A5.8 5.8 0 0 0 8 2ZM5.4 6.4h.1M8 4.8h.1M10.6 6.2h.1M11 9h.1'], ['Get your guide', 'Render finished schemes, then follow a bench-ready recipe with colors, order, techniques, and a printable PDF.', 'M4 2h5l3 3v9H4V2Zm5 0v3h3M6 8h4M6 10.5h4M6 13h2'], ].map(([title, body, path], i) => (

{i + 1}. {title}

{body}

))}
Paints you own

Stop planning around colors you have to buy.

Save your shelf once, build temporary sets for a warband or army, and ask PaintMini to stay inside those colors. Every result includes the closest paint matches and sensible substitutes.

{['My shelf: 24', 'Warband set: 12', 'Airbrush colors: 8', 'Beginner safe'].map((chip) => {chip})}
Owned miniature paints organized in a wooden drawer tray
Printed miniature painting guide sheet on a clean workbench
Skill-aware recipes

A showcase scheme is useless if it skips the path.

Choose Beginner, Intermediate, or Expert and the guide adapts the techniques: basecoats and wash, layered highlights, glazing, OSL, NMM, weathering, and freehand only when you ask for it.

{['Basecoat', 'Wash', 'Layer', 'Edge highlight', 'OSL', 'NMM'].map((chip) => {chip})}
Pricing

Pay per render. No subscription.

One credit creates one painted preview, guide, and PDF. Buy credits when you need them.

{LAND_PRICING.map((plan, i) => (
{plan.best && BEST VALUE}

{plan.name}

{plan.per}

{plan.credits}credits

{plan.note}

{plan.price} one-time
Buy {plan.name}
))}
FAQ

Before your first render.

{LAND_FAQ.map((item, i) => )}
Ready when your primer is dry

Turn your next miniature into a clear paint plan.

Start with a free credit, render a scheme on your model, and bring a better plan to the bench.

Start free Sign in
); } function FaqItem({ q, a, defaultOpen }) { const [open, setOpen] = useState(!!defaultOpen); return (
{open &&
{a}
}
); } Object.assign(window, { Landing });