PageSourceSearch

https://www.pantr.ai/

html pantr.ai collected 2026-10-05 14:27:47 UTC 106,151 bytes, 66 lines download raw bytes

1<!doctype html>
2<html lang="en">
3  <head>
4    <!-- Google tag (gtag.js) -->
vendor: 68 bytes, lines 4-5
4
5    <script async src="https://www.googletagmanager.com/gtag/js?id=
5G-7ZB3WKL5LM
vendor: 16 bytes, lines 5-6
5"></script>
6    
6<script>
7      
vendor: 145 bytes, lines 7-10
7window.dataLayer = window.dataLayer || [];
8      function gtag(){dataLayer.push(arguments);}
9      gtag('js', new Date());
10      gtag('config', '
10G-7ZB3WKL5LM
vendor: 35 bytes, lines 10-11
10', { send_page_view: false });
11    
11</script>
11
12    <!-- X conversion tracking base code -->
13    
13<script>
14      !function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments);
15      },s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='https://static.ads-twitter.com/uwt.js',
16      a=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script');
17      twq('config','rfcib');
18    </script>
18
19    <!-- End X conversion tracking base code -->
20    <!-- OpenAI Ads conversion tracking base code -->
21    
21<script>
22      !function(w,d,s,u){if(w.oaiq)return;var q=function(){q.q.push(arguments)};q.q=[];w.oaiq=q;var j=d.createElement(s);j.async=1;j.src=u;var f=d.getElementsByTagName(s)[0];f.parentNode.insertBefore(j,f)}(window,document,"script","https://bzrcdn.openai.com/sdk/oaiq.min.js");oaiq("init",{pixelId:"WFGuQQKnYpNtcagfgbdFDi",debug:true});
23    </script>
23
24    <!-- End OpenAI Ads conversion tracking base code -->
25    <meta charset="UTF-8" />
26    <link rel="icon" type="image/png" href="/favicon.png" />
27    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
28    <meta name="theme-color" content="#0a0a0a" />
29    <meta name="apple-mobile-web-app-title" content="Pantr AI 2.0 - Creative Studio" />
30    <!-- PWA / Apple -->
31    <link rel="apple-touch-icon" href="/icons/logo-180.png" />
32    <meta name="apple-mobile-web-app-capable" content="yes" />
33    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
34    <!-- Everything between SEO:START/SEO:END is replaced per-route by scripts/prerender-seo.mjs after build.
35         Edit landingCopy.ts / blogPosts.ts / each use-case page's data instead of this block directly. -->
36    <!-- SEO:START -->
37    <title>Pantr AI 2.0 - Creative Studio</title>
38    <meta name="description" content="Infinite canvas for AI image and video. Top-tier models, no subscription, no fake credits. Pay raw API prices from a wallet that never expires — 10% + VAT only on top-up — or use your own OpenRouter key." />
39    <link rel="canonical" href="https://www.pantr.ai/" />
40    <meta property="og:type" content="website" />
41    <meta property="og:title" content="Pantr AI 2.0 - Creative Studio" />
42    <meta property="og:description" content="Infinite canvas for AI image and video. Top-tier models, no subscription, no fake credits. Pay raw API prices from a wallet that never expires — 10% + VAT only on top-up — or use your own OpenRouter key." />
43    <meta property="og:url" content="https://www.pantr.ai/" />
44    <meta property="og:image" content="https://www.pantr.ai/og-image.png" />
45    <meta name="twitter:card" content="summary_large_image" />
46    <meta name="twitter:title" content="Pantr AI 2.0 - Creative Studio" />
47    <meta name="twitter:description" content="Infinite canvas for AI image and video. Top-tier models, no subscription, no fake credits. Pay raw API prices from a wallet that never expires — 10% + VAT only on top-up — or use your own OpenRouter key." />
48    <meta name="twitter:image" content="https://www.pantr.ai/og-image.png" />
49    
49<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://www.pantr.ai/#organization","name":"Pantr AI","url":"https://www.pantr.ai","logo":"https://www.pantr.ai/og-logo.png"},{"@type":"WebSite","@id":"https://www.pantr.ai/#website","name":"Pantr AI","url":"https://www.pantr.ai","publisher":{"@id":"https://www.pantr.ai/#organization"}}]}</script>
49
50    
50<script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"How is Pantr different from other AI image tools?","acceptedAnswer":{"@type":"Answer","text":"Two things. First, it is an infinite canvas — not a chat thread and not a form. Second, we don’t hide model cost behind subscriptions or fake credits. You see the API price, pay from a wallet that never expires (plus 10% + VAT only on top-up), or bring your own OpenRouter key. Quiet months cost nothing."}},{"@type":"Question","name":"What AI models does Pantr AI use?","acceptedAnswer":{"@type":"Answer","text":"Pantr offers a curated set of top-tier image and video models — including FLUX, Gemini, GPT Image, Qwen, Sora, Seedance, Veo, Kling, Grok, Runway, and more. Pick a model in the prompt bar. Pay that model’s API price from your wallet, or use your own OpenRouter key."}},{"@type":"Question","name":"How does the @ reference system work?","acceptedAnswer":{"@type":"Answer","text":"Drop any image onto the canvas — a photo, a sketch, a texture, a screenshot. When writing your prompt, use @ to include that image as a reference. The AI uses it for style, composition, color, or content — depending on how you describe it."}},{"@type":"Question","name":"Do I need to write prompts?","acceptedA
50nswer":{"@type":"Answer","text":"Prompts are optional. Your selected reference images are the primary input. Add a prompt only if you want to steer the result."}},{"@type":"Question","name":"What is the Creative Director?","acceptedAnswer":{"@type":"Answer","text":"The Creative Director is an AI assistant that lives in your Pantr AI workspace. It can see your canvas, understand your references, and help you explore directions, sharpen prompts, and push your ideas further."}},{"@type":"Question","name":"How does billing work?","acceptedAnswer":{"@type":"Answer","text":"Every account starts with €1.00. Generations debit the model’s real API price from your wallet — not proprietary credits that expire. Pantr adds a 10% fee plus VAT only when you top up (€10, €25, €50, or €100), not on every run. Unused balance stays yours. You can also paste your own OpenRouter key (Account → Billing) so the wallet is not charged."}},{"@type":"Question","name":"What image formats can I upload?","acceptedAnswer":{"@type":"Answer","text":"JPEG, PNG, WebP, GIF, BMP, SVG, and AVIF. Up to 20 MB per image."}}
50,{"@type":"Question","name":"Is there a mobile app?","acceptedAnswer":{"@type":"Answer","text":"Pantr AI is a Progressive Web App — you can install it for an app-like experience without an app store. In Chrome on desktop or Android, use Install in the address bar. On Mac, open Pantr in Safari and choose File → Add to Dock. On iPhone, use Safari’s Share menu, then Add to Home Screen. It works on phones, but the infinite canvas is much better on a large screen; we recommend installing on desktop when you can for the most comfortable, native-feeling workflow."}},{"@type":"Question","name":"Can I share my canvas with clients or teammates?","acceptedAnswer":{"@type":"Answer","text":"Yes. You can share a canvas link that gives others a view of your workspace — great for presentations and feedback."}}]}</script>
50
51    <!-- SEO:END -->
52    <link rel="preconnect" href="https://fonts.googleapis.com" />
53    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
54    <link
55      href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"
56      rel="stylesheet"
57    />
58    
58<script type="module" crossorigin src="/assets/index-CsV9c7mY.js"></script>
58
59    <link rel="modulepreload" crossorigin href="/assets/konva-0cDaCegU.js">
60    <link rel="modulepreload" crossorigin href="/assets/supabase-CEkYHhDk.js">
61    <link rel="stylesheet" crossorigin href="/assets/index-BT6rtpAF.css">
62  <link rel="manifest" href="/manifest.webmanifest"></head>
63  <body>
64    <div id="root"><link rel="preload" as="image" href="/favicon.png"/><link rel="preload" as="image" href="/brand-logos/black-forest-labs.png"/><link rel="preload" as="image" href="/landing/image-actions-menu.png"/><link rel="preload" as="image" href="/landing/areas-architecture.png"/><link rel="preload" as="image" href="/landing/areas-design-agency.png"/><link rel="preload" as="image" href="/landing/areas-print-on-demand.png"/><link rel="preload" as="image" href="/landing/areas-fashion-product.png"/><link rel="preload" as="image" href="/landing/selling-flexible-canvas.png"/><link rel="preload" as="image" href="/landing/selling-ref-system.png"/><link rel="preload" as="image" href="/landing/selling-creative-director.png"/><link rel="preload" as="image" href="/blog-covers/stripe-buys-openrouter-what-it-means-for-creatives.png"/><link rel="preload" as="image" href="/blog-covers/openrouter-for-creatives.png"/><link rel="preload" as="image" href="/blog-covers/openrouter-api-key-image-generation-no-code.png"/><link rel="preload" as="image" href="/blog-covers/flux-vs-nano-banana-vs-gpt-image.png"/><link rel="preload" as="image" href="/brand-logos/bytedance.png"/><link rel="preload" as="image" href="/brand-logos/kling.png"/><link rel="preload" as="image" href="/brand-logos/xai.png"/><link rel="preload" as="image" href="/brand-logos/runway.png"/><link rel="preload" as="image" href="/brand-logos/recraft.svg"/><link rel="preload" as="image" href="/brand-logos/alibaba.png"/><link rel="preload" as="image" href="/brand-logos/krea.png"/><link rel="preload" as="image" href="/brand-logos/sourceful.png"/><link rel="preload" as="image" href="/brand-logos/qwen.png"/><div class="min-h-screen overflow-x-clip bg-black"><div class="sticky top-0 z-40 bg-purple-700 px-4 py-2.5 text-center shadow-md shadow-black/20"><p class="text-xs font-medium text-white sm:text-sm"><span class="font-bold">€1.00 to start</span> — pay model API prices from your wallet. <a class="underline underline-offset-2 transition-colors hover:text-purple-200" href="/signup" data-discover="true">Try Pantr →</a></p></div><nav class="fixed top-14 left-1/2 z-50 flex w-[calc(100%-2rem)] max-w-3xl -translate-x-1/2 items-center justify-between rounded-full border px-5 py-2.5 transition-all duration-300 border-transparent bg-transparent"><a class="flex items-center gap-2 text-sm font-semibold tracking-tight text-white" href="/" data-discover="true"><img src="/favicon.png" alt="" class="h-5 w-5" aria-hidden="true"/><span>Pantr AI</span></a><div class="hidden items-center gap-0.5 md:flex"><div class="relative"><button class="rounded-full px-3.5 py-1.5 text-sm text-zinc-400 transition-colors hover:text-white">Use cases</button></div><a href="#pricing" class="rounded-full px-3.5 py-1.5 text-sm text-zinc-400 transition-colors hover:text-white">Pricing</a><a class="rounded-full px-3.5 py-1.5 text-sm text-zinc-400 transition-colors hover:text-white" href="/blog" data-discover="true">Blog</a><a class="rounded-full px-3.5 py-1.5 text-sm text-zinc-400 transition-colors hover:text-white" href="/login" data-discover="true">Log in</a><a class="rounded-full bg-white px-4 py-1.5 text-sm font-medium text-black transition-colors hover:bg-zinc-200" href="/signup" data-discover="true">Try free</a></div><button class="flex flex-col gap-1 md:hidden" aria-label="Toggle menu"><span class="block h-0.5 w-5 bg-white transition-all duration-200 "></span><span class="block h-0.5 w-5 bg-white transition-all duration-200 "></span></button></nav><section class="relative overflow-hidden grain"><div class="mx-auto flex min-h-screen max-w-7xl flex-col items-center gap-12 px-6 pt-24 pb-16 lg:flex-row lg:items-center lg:gap-16 lg:pt-28"><div class="flex flex-1 flex-col items-center text-center lg:items-start lg:text-left"><p class="text-xs font-medium tracking-widest text-zinc-500 uppercase">FLUX, Gemini, Sora, and more</p><h1 class="mt-6 max-w-xl text-4xl leading-[1.08] font-semibold tracking-tight text-white sm:text-5xl lg:text-6xl">The infinite canvas for <span class="text-shimmer">AI image generation.</span></h1><p class="mt-6 text-base leading-relaxed text-zinc-400 sm:text-lg max-w-md">All the top image and video models on one infinite canvas. No subscription, no fake credits. Top up a wallet at raw API prices.</p><div class="mt-8 flex flex-col items-center gap-3 sm:flex-row"><a class="rounded-full bg-white px-8 py-3.5 text-sm font-semibold text-black transition-colors hover:bg-zinc-200" href="/signup" data-discover="true">Try now</a><a href="#showcase" class="rounded-full border border-zinc-800 px-8 py-3.5 text-sm font-medium text-zinc-300 transition-colors hover:border-zinc-600 hover:text-white">See examples</a></div><p class="mt-5 text-xs text-zinc-600">No credit card required · €1.00 to start</p><ul class="flex flex-wrap items-center justify-center gap-2 mt-8 max-w-xl lg:justify-start" aria-label="Image and video models on Pantr"><li title="Black Forest Labs" class="inline-flex items-center gap-1.5 rounded-full border border-zinc-800 bg-zinc-950/80 font-medium tracking-wide text-zinc-300 px-2.5 py-1 text-[10px]"><span class="inline-flex shrink-0 items-center justify-center rounded-md bg-white p-0.5 shrink-0 h-3.5 w-3.5"><img src="/brand-logos/black-forest-labs.png" alt="Black Forest Labs" class="h-full w-full object-contain"/></span>FLUX</li><li title="Google" class="inline-flex items-center gap-1.5 rounded-full border border-zinc-800 bg-zinc-950/80 font-medium tracking-wide text-zinc-300 px-2.5 py-1 text-[10px]">
64<svg class="shrink-0 h-3.5 w-3.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1Z" fill="#4285F4"></path><path d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23Z" fill="#34A853"></path><path d="M5.84 14.09A6.97 6.97 0 0 1 5.47 12c0-.72.13-1.43.37-2.09V7.07H2.18A11.96 11.96 0 0 0 .96 12c0 1.94.46 3.77 1.22 5.33l2.66-2.07V14.1Z" fill="#FBBC05"></path><path d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53Z" fill="#EA4335"></path></svg>Gemini</li><li title="OpenAI" class="inline-flex items-center gap-1.5 rounded-full border border-zinc-800 bg-zinc-950/80 font-medium tracking-wide text-zinc-300 px-2.5 py-1 text-[10px]"><svg class="shrink-0 h-3.5 w-3.5" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.0462 6.0462 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3655-1.9723V11.6a.7664.7664 0 0 0 .3879.6765l5.8144 3.3543-2.0201 1.1685a.0757.0757 0 0 1-.071.0054l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364 15.1192 7.2a.0757.0757 0 0 1 .071-.0054l4.8303 2.7913a4.4944 4.4944 0 0 1-.6658 8.104v-5.6772a.79.79 0 0 0-.407-.667zm2.0107-3.0231l-.1419-.0852-4.7735-2.7818a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm1.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z"></path></svg>Sora</li><li><button type="button" aria-expanded="false" aria-label="Show 12 more models" class="inline-flex items-center rounded-full border border-zinc-700 bg-zinc-900 font-semibold tabular-nums text-zinc-200 transition-colors hover:border-zinc-500 hover:text-white px-2.5 py-1 text-[10px]">+12</button></li></ul></div><div class="relative flex-1 w-full max-w-2xl lg:max-w-none"><div class="video-glow overflow-hidden rounded-2xl"><video src="https://oiqnnptwyeq6du9e.public.blob.vercel-storage.com/pantr-intro-zoom-1.mp4" poster="/landing-demo.png" autoPlay="" muted="" loop="" playsInline="" preload="auto" class="w-full rounded-2xl object-cover" aria-label="Pantr AI canvas demo — generate and refine images spatially"></video></div><div class="pointer-events-none absolute inset-x-0 bottom-0 h-16 bg-gradient-to-t from-black to-transparent"></div></div></div></section><section class="fade-in border-y border-zinc-900 px-6 py-10"><div class="mx-auto flex max-w-5xl flex-col items-center gap-6 sm:flex-row sm:justify-center sm:gap-12"><div class="contents"><div class="text-center sm:text-left"><p class="text-sm font-semibold text-white">Top-tier models</p><p class="text-xs text-zinc-500">FLUX, Gemini, Sora, Seedance, and more</p></div></div><div class="contents"><div class="hidden h-8 w-px bg-zinc-800 sm:block"></div><div class="text-center sm:text-left"><p class="text-sm font-semibold text-white">No fake credits</p><p class="text-xs text-zinc-500">Raw API prices. Balance never expires</p></div></div><div class="contents"><div class="hidden h-8 w-px bg-zinc-800 sm:block"></div><div class="text-center sm:text-left"><p class="text-sm font-semibold text-white">Infinite canvas</p><p class="text-xs text-zinc-500">Not a chat window — a real workspace</p></div></div></div></section><section id="showcase" class="py-28 overflow-hidden"><div class="fade-in flex flex-col items-center gap-4 px-6 text-center"><ul class="flex flex-wrap items-center justify-center gap-2 mb-2" aria-label="Image and video models on Pantr"><li title="Black Forest Labs" class="inline-flex items-center gap-1.5 rounded-full border border-zinc-800 bg-zinc-950/80 font-medium tracking-wide text-zinc-300 px-2.5 py-1 text-[10px]"><span class="inline-flex shrink-0 items-center justify-center rounded-md bg-white p-0.5 shrink-0 h-3.5 w-3.5"><img src="/brand-logos/black-forest-labs.png" alt="Black Forest Labs" class="h-full w-full object-contain"/></span>FLUX</li><li title="Google" class="inline-flex items-center gap-1.5 rounded-full border border-zinc-800 bg-zinc-950/80 font-medium tracking-wide text-zinc-300 px-2.5 py-1 text-[10px]">
64<svg class="shrink-0 h-3.5 w-3.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1Z" fill="#4285F4"></path><path d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23Z" fill="#34A853"></path><path d="M5.84 14.09A6.97 6.97 0 0 1 5.47 12c0-.72.13-1.43.37-2.09V7.07H2.18A11.96 11.96 0 0 0 .96 12c0 1.94.46 3.77 1.22 5.33l2.66-2.07V14.1Z" fill="#FBBC05"></path><path d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53Z" fill="#EA4335"></path></svg>Gemini</li><li title="OpenAI" class="inline-flex items-center gap-1.5 rounded-full border border-zinc-800 bg-zinc-950/80 font-medium tracking-wide text-zinc-300 px-2.5 py-1 text-[10px]"><svg class="shrink-0 h-3.5 w-3.5" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.0462 6.0462 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3655-1.9723V11.6a.7664.7664 0 0 0 .3879.6765l5.8144 3.3543-2.0201 1.1685a.0757.0757 0 0 1-.071.0054l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364 15.1192 7.2a.0757.0757 0 0 1 .071-.0054l4.8303 2.7913a4.4944 4.4944 0 0 1-.6658 8.104v-5.6772a.79.79 0 0 0-.407-.667zm2.0107-3.0231l-.1419-.0852-4.7735-2.7818a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm1.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z"></path></svg>Sora</li><li><button type="button" aria-expanded="false" aria-label="Show 12 more models" class="inline-flex items-center rounded-full border border-zinc-700 bg-zinc-900 font-semibold tabular-nums text-zinc-200 transition-colors hover:border-zinc-500 hover:text-white px-2.5 py-1 text-[10px]">+12</button></li></ul><h2 class="max-w-2xl text-3xl font-semibold tracking-tight text-white sm:text-4xl">See it in action.</h2><p class="max-w-lg text-base text-zinc-500">Every image below was generated on the Pantr AI canvas. Here are the prompts.</p></div><div class="relative mt-14 overflow-hidden"><div class="pointer-events-none absolute inset-y-0 left-0 z-10 w-24 bg-gradient-to-r from-black to-transparent"></div><div class="pointer-events-none absolute inset-y-0 right-0 z-10 w-24 bg-gradient-to-l from-black to-transparent"></div><div class="carousel-track flex gap-4" style="width:max-content"><div class="group relative w-56 shrink-0 overflow-hidden rounded-2xl border border-zinc-800 bg-zinc-950 hover-lift"><img src="/landing/showcase/01.png" alt="Portrait of a model with electric blue hair, black top, tattooed arms, clean studio wall" title="Fashion beauty portrait" loading="lazy" decoding="async" class="aspect-[4/5] w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]"/><div class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/90 via-black/50 to-transparent px-4 pt-12 pb-4"><p class="text-xs leading-relaxed text-zinc-300 line-clamp-2">“Portrait of a model with electric blue hair, black top, tattooed arms, clean studio wall”</p></div></div><div class="group relative w-56 shrink-0 overflow-hidden rounded-2xl border border-zinc-800 bg-zinc-950 hover-lift"><img src="/landing/showcase/02.png" alt="Runway look: strapless black gown, geometric LED backdrop, blue hair" title="Fashion show editorial" loading="lazy" decoding="async" class="aspect-[4/5] w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]"/><div class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/90 via-black/50 to-transparent px-4 pt-12 pb-4"><p class="text-xs leading-relaxed text-zinc-300 line-clamp-2">“Runway look: strapless black gown, geometric LED backdrop, blue hair”</p></div></div><div class="group relative w-56 shrink-0 overflow-hidden rounded-2xl border border-zinc-800 bg-zinc-950 hover-lift"><img src="/landing/showcase/03.png" alt="Platinum blonde portrait, charcoal mock-neck top, high-key white studio background" title="Minimal studio headshot" loading="lazy" decoding="async" class="aspect-[4/5] w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]"/><div class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/90 via-black/50 to-transparent px-4 pt-12 pb-4"><p class="text-xs leading-relaxed text-zinc-300 line-clamp-2">“Platinum blonde portrait, charcoal mock-neck top, high-key white studio background”</p></div></div><div class="group relative w-56 shrink-0 overflow-hidden rounded-2xl border border-zinc-800 bg-zinc-950 hover-lift"><img src="/landing/showcase/04.png" alt="Platinum hair model in sculptural black piece, concrete showroom with racks and mirror" title="Lookbook in raw interior" loading="lazy" decoding="async" class="aspect-[4/5] w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]"/><div class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/90 via-black/50 to-transparent px-4 pt-12 pb-4"><p class="text-xs leading-relaxed text-zinc-300 line-clamp-2">“Platinum hair model in sculptural black piece, concrete showroom with racks and mirror”</p></div></div><div class="group relative w-56 shrink-0 overflow-hidden rounded-2xl border border-zinc-800 bg-zinc-950 hover-lift"><img src="/landing/showcase/05.png" alt="Modern hillside house massing, 3D wireframe line drawing on a slope with stairs" title="Architectural concept model" loading="lazy" decoding="async" class="aspect-[4/5] w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]"/><div class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/90 via-black/50 to-transparent px-4 pt-12 pb-4"><p class="text-xs leading-relaxed text-zinc-300 line-clamp-2">“Modern hillside house massing, 3D wireframe line drawing on a slope with stairs”</p></div></div><div class="group relative w-56 shrink-0 overflow-hidden rounded-2xl border border-zinc-800 bg-zinc-950 hover-lift"><img src="/landing/showcase/06.png" alt="Board-formed concrete residence at golden hour, terraced gardens and glass façade" title="Architectural visualization, sunset" loading="lazy" decoding="async" class="aspect-[4/5] w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]"/><div class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/90 via-black/50 to-transparent px-4 pt-12 pb-4"><p class="text-xs leading-relaxed text-zinc-300 line-clamp-2">“Board-formed concrete residence at golden hour, terraced gardens and glass façade”</p></div></div><div class="group relative w-56 shrink-0 overflow-hidden rounded-2xl border border-zinc-800 bg-zinc-950 hover-lift"><img src="/landing/showcase/07.png" alt="Full pink-fur sports car, brutalist concrete walls, bright sun and hard shadow" title="Editorial automotive, surreal finish" loading="lazy" decoding="async" class="aspect-[4/5] w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]"/><div class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/90 via-black/50 to-transparent px-4 pt-12 pb-4"><p class="text-xs leading-relaxed text-zinc-300 line-clamp-2">“Full pink-fur sports car, brutalist concrete walls, bright sun and hard shadow”</p></div></div><div class="group relative w-56 shrink-0 overflow-hidden rounded-2xl border border-zinc-800 bg-zinc-950 hover-lift"><img src="/landing/showcase/08.png" alt="Luxury sports car wrapped in dusty pink faux fur, tight front three-quarter crop" title="Stylized automotive texture study" loading="lazy" decoding="async" class="aspect-[4/5] w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]"/><div class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/90 via-black/50 to-transparent px-4 pt-12 pb-4"><p class="text-xs leading-relaxed text-zinc-300 line-clamp-2">“Luxury sports car wrapped in dusty pink faux fur, tight front three-quarter crop”</p></div></div><div class="group relative w-56 shrink-0 overflow-hidden rounded-2xl border border-zinc-800 bg-zinc-950 hover-lift"><img src="/landing/showcase/09.png" alt="Sports car front quarter in iridescent chrome, rainbow reflections on body and wheel" title="Automotive detail, holographic paint" loading="lazy" decoding="async" class="aspect-[4/5] w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]"/><div class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/90 via-black/50 to-transparent px-4 pt-12 pb-4"><p class="text-xs leading-relaxed text-zinc-300 line-clamp-2">“Sports car front quarter in iridescent chrome, rainbow reflections on body and wheel”</p></div></div><div class="group relative w-56 shrink-0 overflow-hidden rounded-2xl border border-zinc-800 bg-zinc-950 hover-lift"><img src="/landing/showcase/10.png" alt="Premium mineral water bottle held by a transparent glass hand, sunlit forest bokeh" title="Product hero shot, natural light" loading="lazy" decoding="async" class="aspect-[4/5] w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]"/><div class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/90 via-black/50 to-transparent px-4 pt-12 pb-4"><p class="text-xs leading-relaxed text-zinc-300 line-clamp-2">“Premium mineral water bottle held by a transparent glass hand, sunlit forest bokeh”</p></div></div><div class="group relative w-56 shrink-0 overflow-hidden rounded-2xl border border-zinc-800 bg-zinc-950 hover-lift"><img src="/landing/showcase/11.png" alt="Organic face cream jar cradled in a marble sculpture hand, dewy moss and ferns" title="Skincare product in lush botanical setting" loading="lazy" decoding="async" class="aspect-[4/5] w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]"/><div class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/90 via-black/50 to-transparent px-4 pt-12 pb-4"><p class="text-xs leading-relaxed text-zinc-300 line-clamp-2">“Organic face cream jar cradled in a marble sculpture hand, dewy moss and ferns”</p></div></div><div class="group relative w-56 shrink-0 overflow-hidden rounded-2xl border border-zinc-800 bg-zinc-950 hover-lift"><img src="/landing/showcase/15-tshirt-mockup.png" alt="Black tee mockup with a minimalist white cat logo, floating product shot, soft studio light on charcoal backdrop" title="T-shirt mockup with logo" loading="lazy" decoding="async" class="aspect-[4/5] w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]"/><div class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/90 via-black/50 to-transparent px-4 pt-12 pb-4"><p class="text-xs leading-relaxed text-zinc-300 line-clamp-2">“Black tee mockup with a minimalist white cat logo, floating product shot, soft studio light on charcoal backdrop”</p></div></div><div class="group relative w-56 shrink-0 overflow-hidden rounded-2xl border border-zinc-800 bg-zinc-950 hover-lift"><img src="/landing/showcase/16-subway-bw.png" alt="Editorial portrait on a subway platform, black and white, industrial station lighting and tracks" title="Subway platform, black &amp; white" loading="lazy" decoding="async" class="aspect-[4/5] w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]"/><div class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/90 via-black/50 to-transparent px-4 pt-12 pb-4"><p class="text-xs leading-relaxed text-zinc-300 line-clamp-2">“Editorial portrait on a subway platform, black and white, industrial station lighting and tracks”</p></div></div><div class="group relative w-56 shrink-0 overflow-hidden rounded-2xl border border-zinc-800 bg-zinc-950 hover-lift"><img src="/landing/showcase/17-tunnel-color.png" alt="Cool blue tunnel with white tile arches, urban portrait, cinematic color grade" title="Tiled tunnel, color" loading="lazy" decoding="async" class="aspect-[4/5] w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]"/><div class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/90 via-black/50 to-transparent px-4 pt-12 pb-4"><p class="text-xs leading-relaxed text-zinc-300 line-clamp-2">“Cool blue tunnel with white tile arches, urban portrait, cinematic color grade”</p></div></div><div class="group relative w-56 shrink-0 overflow-hidden rounded-2xl border border-zinc-800 bg-zinc-950 hover-lift"><img src="/landing/showcase/12.png" alt="Superhero character sheet, cat-eared hood and suit, pencil and ink with light construction lines" title="Character design turnaround and detail sheet" loading="lazy" decoding="async" class="aspect-[4/5] w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]"/><div class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/90 via-black/50 to-transparent px-4 pt-12 pb-4"><p class="text-xs leading-relaxed text-zinc-300 line-clamp-2">“Superhero character sheet, cat-eared hood and suit, pencil and ink with light construction lines”</p></div></div><div class="group relative w-56 shrink-0 overflow-hidden rounded-2xl border border-zinc-800 bg-zinc-950 hover-lift"><img src="/landing/showcase/13.png" alt="Same heroine mid-leap through a futuristic skyline, black and white manga screentone" title="Manga inks with speed lines and sound effects" loading="lazy" decoding="async" class="aspect-[4/5] w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]"/><div class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/90 via-black/50 to-transparent px-4 pt-12 pb-4"><p class="text-xs leading-relaxed text-zinc-300 line-clamp-2">“Same heroine mid-leap through a futuristic skyline, black and white manga screentone”</p></div></div><div class="group relative w-56 shrink-0 overflow-hidden rounded-2xl border border-zinc-800 bg-zinc-950 hover-lift"><img src="/landing/showcase/14.png" alt="Cat-eared heroine leaping over a neon cyberpunk city at night, comic halftone and bold outlines" title="Full-color comic cover style action shot" loading="lazy" decoding="async" class="aspect-[4/5] w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]"/><div class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/90 via-black/50 to-transparent px-4 pt-12 pb-4"><p class="text-xs leading-relaxed text-zinc-300 line-clamp-2">“Cat-eared heroine leaping over a neon cyberpunk city at night, comic halftone and bold outlines”</p></div></div><div class="group relative w-56 shrink-0 overflow-hidden rounded-2xl border border-zinc-800 bg-zinc-950 hover-lift"><img src="/landing/showcase/01.png" alt="Portrait of a model with electric blue hair, black top, tattooed arms, clean studio wall" title="Fashion beauty portrait" loading="lazy" decoding="async" class="aspect-[4/5] w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]"/><div class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/90 via-black/50 to-transparent px-4 pt-12 pb-4"><p class="text-xs leading-relaxed text-zinc-300 line-clamp-2">“Portrait of a model with electric blue hair, black top, tattooed arms, clean studio wall”</p></div></div><div class="group relative w-56 shrink-0 overflow-hidden rounded-2xl border border-zinc-800 bg-zinc-950 hover-lift"><img src="/landing/showcase/02.png" alt="Runway look: strapless black gown, geometric LED backdrop, blue hair" title="Fashion show editorial" loading="lazy" deco
64ding="async" class="aspect-[4/5] w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]"/><div class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/90 via-black/50 to-transparent px-4 pt-12 pb-4"><p class="text-xs leading-relaxed text-zinc-300 line-clamp-2">“Runway look: strapless black gown, geometric LED backdrop, blue hair”</p></div></div><div class="group relative w-56 shrink-0 overflow-hidden rounded-2xl border border-zinc-800 bg-zinc-950 hover-lift"><img src="/landing/showcase/03.png" alt="Platinum blonde portrait, charcoal mock-neck top, high-key white studio background" title="Minimal studio headshot" loading="lazy" decoding="async" class="aspect-[4/5] w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]"/><div class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/90 via-black/50 to-transparent px-4 pt-12 pb-4"><p class="text-xs leading-relaxed text-zinc-300 line-clamp-2">“Platinum blonde portrait, charcoal mock-neck top, high-key white studio background”</p></div></div><div class="group relative w-56 shrink-0 overflow-hidden rounded-2xl border border-zinc-800 bg-zinc-950 hover-lift"><img src="/landing/showcase/04.png" alt="Platinum hair model in sculptural black piece, concrete showroom with racks and mirror" title="Lookbook in raw interior" loading="lazy" decoding="async" class="aspect-[4/5] w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]"/><div class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/90 via-black/50 to-transparent px-4 pt-12 pb-4"><p class="text-xs leading-relaxed text-zinc-300 line-clamp-2">“Platinum hair model in sculptural black piece, concrete showroom with racks and mirror”</p></div></div><div class="group relative w-56 shrink-0 overflow-hidden rounded-2xl border border-zinc-800 bg-zinc-950 hover-lift"><img src="/landing/showcase/05.png" alt="Modern hillside house massing, 3D wireframe line drawing on a slope with stairs" title="Architectural concept model" loading="lazy" decoding="async" class="aspect-[4/5] w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]"/><div class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/90 via-black/50 to-transparent px-4 pt-12 pb-4"><p class="text-xs leading-relaxed text-zinc-300 line-clamp-2">“Modern hillside house massing, 3D wireframe line drawing on a slope with stairs”</p></div></div><div class="group relative w-56 shrink-0 overflow-hidden rounded-2xl border border-zinc-800 bg-zinc-950 hover-lift"><img src="/landing/showcase/06.png" alt="Board-formed concrete residence at golden hour, terraced gardens and glass façade" title="Architectural visualization, sunset" loading="lazy" decoding="async" class="aspect-[4/5] w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]"/><div class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/90 via-black/50 to-transparent px-4 pt-12 pb-4"><p class="text-xs leading-relaxed text-zinc-300 line-clamp-2">“Board-formed concrete residence at golden hour, terraced gardens and glass façade”</p></div></div><div class="group relative w-56 shrink-0 overflow-hidden rounded-2xl border border-zinc-800 bg-zinc-950 hover-lift"><img src="/landing/showcase/07.png" alt="Full pink-fur sports car, brutalist concrete walls, bright sun and hard shadow" title="Editorial automotive, surreal finish" loading="lazy" decoding="async" class="aspect-[4/5] w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]"/><div class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/90 via-black/50 to-transparent px-4 pt-12 pb-4"><p class="text-xs leading-relaxed text-zinc-300 line-clamp-2">“Full pink-fur sports car, brutalist concrete walls, bright sun and hard shadow”</p></div></div><div class="group relative w-56 shrink-0 overflow-hidden rounded-2xl border border-zinc-800 bg-zinc-950 hover-lift"><img src="/landing/showcase/08.png" alt="Luxury sports car wrapped in dusty pink faux fur, tight front three-quarter crop" title="Stylized automotive texture study" loading="lazy" decoding="async" class="aspect-[4/5] w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]"/><div class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/90 via-black/50 to-transparent px-4 pt-12 pb-4"><p class="text-xs leading-relaxed text-zinc-300 line-clamp-2">“Luxury sports car wrapped in dusty pink faux fur, tight front three-quarter crop”</p></div></div><div class="group relative w-56 shrink-0 overflow-hidden rounded-2xl border border-zinc-800 bg-zinc-950 hover-lift"><img src="/landing/showcase/09.png" alt="Sports car front quarter in iridescent chrome, rainbow reflections on body and wheel" title="Automotive detail, holographic paint" loading="lazy" decoding="async" class="aspect-[4/5] w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]"/><div class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/90 via-black/50 to-transparent px-4 pt-12 pb-4"><p class="text-xs leading-relaxed text-zinc-300 line-clamp-2">“Sports car front quarter in iridescent chrome, rainbow reflections on body and wheel”</p></div></div><div class="group relative w-56 shrink-0 overflow-hidden rounded-2xl border border-zinc-800 bg-zinc-950 hover-lift"><img src="/landing/showcase/10.png" alt="Premium mineral water bottle held by a transparent glass hand, sunlit forest bokeh" title="Product hero shot, natural light" loading="lazy" decoding="async" class="aspect-[4/5] w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]"/><div class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/90 via-black/50 to-transparent px-4 pt-12 pb-4"><p class="text-xs leading-relaxed text-zinc-300 line-clamp-2">“Premium mineral water bottle held by a transparent glass hand, sunlit forest bokeh”</p></div></div><div class="group relative w-56 shrink-0 overflow-hidden rounded-2xl border border-zinc-800 bg-zinc-950 hover-lift"><img src="/landing/showcase/11.png" alt="Organic face cream jar cradled in a marble sculpture hand, dewy moss and ferns" title="Skincare product in lush botanical setting" loading="lazy" decoding="async" class="aspect-[4/5] w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]"/><div class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/90 via-black/50 to-transparent px-4 pt-12 pb-4"><p class="text-xs leading-relaxed text-zinc-300 line-clamp-2">“Organic face cream jar cradled in a marble sculpture hand, dewy moss and ferns”</p></div></div><div class="group relative w-56 shrink-0 overflow-hidden rounded-2xl border border-zinc-800 bg-zinc-950 hover-lift"><img src="/landing/showcase/15-tshirt-mockup.png" alt="Black tee mockup with a minimalist white cat logo, floating product shot, soft studio light on charcoal backdrop" title="T-shirt mockup with logo" loading="lazy" decoding="async" class="aspect-[4/5] w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]"/><div class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/90 via-black/50 to-transparent px-4 pt-12 pb-4"><p class="text-xs leading-relaxed text-zinc-300 line-clamp-2">“Black tee mockup with a minimalist white cat logo, floating product shot, soft studio light on charcoal backdrop”</p></div></div><div class="group relative w-56 shrink-0 overflow-hidden rounded-2xl border border-zinc-800 bg-zinc-950 hover-lift"><img src="/landing/showcase/16-subway-bw.png" alt="Editorial portrait on a subway platform, black and white, industrial station lighting and tracks" title="Subway platform, black &amp; white" loading="lazy" decoding="async" class="aspect-[4/5] w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]"/><div class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/90 via-black/50 to-transparent px-4 pt-12 pb-4"><p class="text-xs leading-relaxed text-zinc-300 line-clamp-2">“Editorial portrait on a subway platform, black and white, industrial station lighting and tracks”</p></div></div><div class="group relative w-56 shrink-0 overflow-hidden rounded-2xl border border-zinc-800 bg-zinc-950 hover-lift"><img src="/landing/showcase/17-tunnel-color.png" alt="Cool blue tunnel with white tile arches, urban portrait, cinematic color grade" title="Tiled tunnel, color" loading="lazy" decoding="async" class="aspect-[4/5] w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]"/><div class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/90 via-black/50 to-transparent px-4 pt-12 pb-4"><p class="text-xs leading-relaxed text-zinc-300 line-clamp-2">“Cool blue tunnel with white tile arches, urban portrait, cinematic color grade”</p></div></div><div class="group relative w-56 shrink-0 overflow-hidden rounded-2xl border border-zinc-800 bg-zinc-950 hover-lift"><img src="/landing/showcase/12.png" alt="Superhero character sheet, cat-eared hood and suit, pencil and ink with light construction lines" title="Character design turnaround and detail sheet" loading="lazy" decoding="async" class="aspect-[4/5] w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]"/><div class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/90 via-black/50 to-transparent px-4 pt-12 pb-4"><p class="text-xs leading-relaxed text-zinc-300 line-clamp-2">“Superhero character sheet, cat-eared hood and suit, pencil and ink with light construction lines”</p></div></div><div class="group relative w-56 shrink-0 overflow-hidden rounded-2xl border border-zinc-800 bg-zinc-950 hover-lift"><img src="/landing/showcase/13.png" alt="Same heroine mid-leap through a futuristic skyline, black and white manga screentone" title="Manga inks with speed lines and sound effects" loading="lazy" decoding="async" class="aspect-[4/5] w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]"/><div class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/90 via-black/50 to-transparent px-4 pt-12 pb-4"><p class="text-xs leading-relaxed text-zinc-300 line-clamp-2">“Same heroine mid-leap through a futuristic skyline, black and white manga screentone”</p></div></div><div class="group relative w-56 shrink-0 overflow-hidden rounded-2xl border border-zinc-800 bg-zinc-950 hover-lift"><img src="/landing/showcase/14.png" alt="Cat-eared heroine leaping over a neon cyberpunk city at night, comic halftone and bold outlines" title="Full-color comic cover style action shot" loading="lazy" decoding="async" class="aspect-[4/5] w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]"/><div class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/90 via-black/50 to-transparent px-4 pt-12 pb-4"><p class="text-xs leading-relaxed text-zinc-300 line-clamp-2">“Cat-eared heroine leaping over a neon cyberpunk city at night, comic halftone and bold outlines”</p></div></div></div></div></section><div class="mx-auto max-w-5xl border-t border-zinc-900"></div><section class="overflow-x-clip px-6 py-28"><div class="fade-in mx-auto max-w-3xl text-center"><h2 class="text-3xl font-semibold tracking-tight text-white sm:text-4xl">Powerful image actions, right where you work.</h2><p class="mt-4 text-base text-zinc-500">Open one image and keep moving. Pantr gives you quick controls to inspect, rework, resize, and reimagine without breaking your flow.<
64/p></div><div class="slide-in-left mx-auto mt-16 flex max-w-6xl flex-col gap-10 lg:flex-row lg:items-center lg:gap-16"><div class="relative flex-1 overflow-hidden rounded-2xl border border-zinc-800 bg-zinc-950"><img src="/landing/image-actions-menu.png" alt="Pantr canvas with image preview and context menu for regenerate, crop, inpaint, expand, remove background, and get ideas actions" title="Pantr image actions: regenerate, crop, inpaint, expand, remove background, get ideas" class="w-full object-cover"/><div class="pointer-events-none absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-black/70 to-transparent"></div></div><div class="flex flex-1 flex-col justify-center"><p class="text-xs font-medium tracking-widest text-zinc-600 uppercase">Built for fast iteration</p><div class="mt-6 space-y-4"><div class="rounded-2xl border border-zinc-800 bg-zinc-950/70 px-5 py-4"><div class="flex items-center gap-3"><div class="flex h-10 w-10 items-center justify-center rounded-xl border border-zinc-800 bg-black/40 text-zinc-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-refresh-ccw h-4 w-4" aria-hidden="true"><path d="M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"></path><path d="M3 3v5h5"></path><path d="M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16"></path><path d="M16 16h5v5"></path></svg></div><h3 class="text-base font-semibold text-white">Regenerate</h3></div><p class="mt-2 text-sm leading-relaxed text-zinc-500">Spin up new variations from the same starting point without rebuilding the prompt or losing your visual direction.</p></div><div class="rounded-2xl border border-zinc-800 bg-zinc-950/70 px-5 py-4"><div class="flex items-center gap-3"><div class="flex h-10 w-10 items-center justify-center rounded-xl border border-zinc-800 bg-black/40 text-zinc-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-crop h-4 w-4" aria-hidden="true"><path d="M6 2v14a2 2 0 0 0 2 2h14"></path><path d="M18 22V8a2 2 0 0 0-2-2H2"></path></svg></div><h3 class="text-base font-semibold text-white">Crop</h3></div><p class="mt-2 text-sm leading-relaxed text-zinc-500">Reframe the strongest part of an image for a tighter composition, cleaner subject focus, or a new deliverable format.</p></div><div class="rounded-2xl border border-zinc-800 bg-zinc-950/70 px-5 py-4"><div class="flex items-center gap-3"><div class="flex h-10 w-10 items-center justify-center rounded-xl border border-zinc-800 bg-black/40 text-zinc-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-paintbrush h-4 w-4" aria-hidden="true"><path d="m14.622 17.897-10.68-2.913"></path><path d="M18.376 2.622a1 1 0 1 1 3.002 3.002L17.36 9.643a.5.5 0 0 0 0 .707l.944.944a2.41 2.41 0 0 1 0 3.408l-.944.944a.5.5 0 0 1-.707 0L8.354 7.348a.5.5 0 0 1 0-.707l.944-.944a2.41 2.41 0 0 1 3.408 0l.944.944a.5.5 0 0 0 .707 0z"></path><path d="M9 8c-1.804 2.71-3.97 3.46-6.583 3.948a.507.507 0 0 0-.302.819l7.32 8.883a1 1 0 0 0 1.185.204C12.735 20.405 16 16.792 16 15"></path></svg></div><h3 class="text-base font-semibold text-white">Inpaint</h3></div><p class="mt-2 text-sm leading-relaxed text-zinc-500">Mask a region and describe what should replace it—fix details, swap objects, or clean up artifacts without redoing the whole image.</p></div><div class="rounded-2xl border border-zinc-800 bg-zinc-950/70 px-5 py-4"><div class="flex items-center gap-3"><div class="flex h-10 w-10 items-center justify-center rounded-xl border border-zinc-800 bg-black/40 text-zinc-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right h-4 w-4" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div><h3 class="text-base font-semibold text-white">Expand</h3></div><p class="mt-2 text-sm leading-relaxed text-zinc-500">Extend the frame outward to create more breathing room, adapt for new aspect ratios, or keep building the scene.</p></div><div class="rounded-2xl border border-zinc-800 bg-zinc-950/70 px-5 py-4"><div class="flex items-center gap-3"><div class="flex h-10 w-10 items-center justify-center rounded-xl border border-zinc-800 bg-black/40 text-zinc-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eraser h-4 w-4" aria-hidden="true"><path d="M21 21H8a2 2 0 0 1-1.42-.587l-3.994-3.999a2 2 0 0 1 0-2.828l10-10a2 2 0 0 1 2.829 0l5.999 6a2 2 0 0 1 0 2.828L12.834 21"></path><path d="m5.082 11.09 8.828 8.828"></path></svg></div><h3 class="text-base font-semibold text-white">Remove BG<span class="ml-1.5 text-sm font-normal text-zinc-500">(beta)</span></h3></div><p class="mt-2 text-sm leading-relaxed text-zinc-500">Strip the background out in one click to drop a subject onto a new scene, a product shot, or a transparent asset.</p></div><div class="rounded-2xl border border-zinc-800 bg-zinc-950/70 px-5 py-4"><div class="flex items-center gap-3"><div class="flex h-10 w-10 items-center justify-center rounded-xl border border-zinc-800 bg-black/40 text-zinc-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-4 w-4" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 
641.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg></div><h3 class="text-base font-semibold text-white">Smart Edit</h3></div><p class="mt-2 text-sm leading-relaxed text-zinc-500">One-click edit presets tailored to what the image actually is—architecture, product, portrait, and more—plus camera angles and AI suggestions.</p></div></div></div></div></section><div class="mx-auto max-w-5xl border-t border-zinc-900"></div><section class="overflow-x-clip px-6 py-28"><div class="fade-in mx-auto max-w-3xl text-center"><h2 class="text-3xl font-semibold tracking-tight text-white sm:text-4xl lg:text-5xl">Use cases</h2><p class="mt-4 text-base text-zinc-500">One tool, many disciplines. See how professionals in different fields use the Pantr AI canvas.</p></div><div class="mt-20 space-y-24"><div class="slide-in-left"><div class="mx-auto flex max-w-6xl flex-col gap-8 lg:gap-14 lg:flex-row"><div class="relative flex-1 w-full overflow-hidden rounded-2xl border border-zinc-800 bg-zinc-950"><img src="/landing/areas-architecture.png" alt="Architecture &amp; Interior Design" title="Architecture: SketchUp-style interiors paired with photorealistic renders — kitchen and living room with @ references." class="h-full w-full object-cover transition-transform duration-500 hover:scale-[1.02]"/><div class="absolute top-4 left-4 rounded-full bg-black/60 px-3 py-1 text-[10px] font-medium tracking-widest text-zinc-300 uppercase backdrop-blur-sm">architecture</div></div><div class="flex flex-1 flex-col justify-center"><h3 class="text-2xl font-semibold tracking-tight text-white sm:text-3xl">Architecture &amp; Interior Design</h3><p class="mt-2 text-base font-medium text-zinc-400">Visualize spaces before they exist.</p><p class="mt-4 text-sm leading-relaxed text-zinc-500">Explore materials, lighting, and layouts on an infinite canvas. Drop floor plans and material swatches as references — generate concept renders in seconds, not hours.</p><button class="mt-6 flex items-center gap-2 text-sm font-medium text-zinc-300 transition-colors hover:text-white"><span>Show use cases</span><span class="text-lg transition-transform duration-200" style="transform:rotate(0deg)">+</span></button><div class="grid transition-all duration-300 ease-in-out" style="grid-template-rows:0fr;opacity:0"><div class="overflow-hidden"><div class="mt-4 space-y-4"><div class="rounded-xl border border-zinc-800/60 bg-zinc-950/80 px-5 py-4"><p class="text-sm font-medium text-white">Concept visualization</p><p class="mt-1 text-xs leading-relaxed text-zinc-500">Generate interior and exterior concepts from floor plans and mood references.</p></div><div class="rounded-xl border border-zinc-800/60 bg-zinc-950/80 px-5 py-4"><p class="text-sm font-medium text-white">Material &amp; lighting studies</p><p class="mt-1 text-xs leading-relaxed text-zinc-500">Swap materials with @ references — terrazzo, walnut, concrete, marble.</p></div><div class="rounded-xl border border-zinc-800/60 bg-zinc-950/80 px-5 py-4"><p class="text-sm font-medium text-white">Client presentations</p><p class="mt-1 text-xs leading-relaxed text-zinc-500">Arrange final concepts on the canvas. Share a link or export.</p></div></div></div></div><a class="mt-6 inline-flex w-fit items-center gap-1 text-sm font-medium text-zinc-400 transition-colors hover:text-white" href="/use-cases/architecture" data-discover="true">Learn more <span>→</span></a></div></div></div><div class="slide-in-right"><div class="mx-auto flex max-w-6xl flex-col gap-8 lg:gap-14 lg:flex-row-reverse"><div class="relative flex-1 w-full overflow-hidden rounded-2xl border border-zinc-800 bg-zinc-950"><img src="/landing/areas-design-agency.png" alt="Brand &amp; marketing" title="PANTR soda campaign — studio cans, light variant, and lifestyle shots with brand @ references." class="h-full w-full object-cover transition-transform duration-500 hover:scale-[1.02]"/><div class="absolute top-4 left-4 rounded-full bg-black/60 px-3 py-1 text-[10px] font-medium tracking-widest text-zinc-300 uppercase backdrop-blur-sm">brand</div></div><div class="flex flex-1 flex-col justify-center"><h3 class="text-2xl font-semibold tracking-tight text-white sm:text-3xl">Brand &amp; marketing</h3><p class="mt-2 text-base font-medium text-zinc-400">
64Agencies, in-house teams, and e-commerce — one canvas.</p><p class="mt-4 text-sm leading-relaxed text-zinc-500">Campaign art direction, social content, and product imagery live together. Generate at volume, keep @ references so every asset matches your kit, and compare directions before you commit.</p><button class="mt-6 flex items-center gap-2 text-sm font-medium text-zinc-300 transition-colors hover:text-white"><span>Show use cases</span><span class="text-lg transition-transform duration-200" style="transform:rotate(0deg)">+</span></button><div class="grid transition-all duration-300 ease-in-out" style="grid-template-rows:0fr;opacity:0"><div class="overflow-hidden"><div class="mt-4 space-y-4"><div class="rounded-xl border border-zinc-800/60 bg-zinc-950/80 px-5 py-4"><p class="text-sm font-medium text-white">Campaign exploration</p><p class="mt-1 text-xs leading-relaxed text-zinc-500">Generate dozens of directions at once. Cluster by mood, refine the winners — no chat-thread archaeology.</p></div><div class="rounded-xl border border-zinc-800/60 bg-zinc-950/80 px-5 py-4"><p class="text-sm font-medium text-white">Brand consistency</p><p class="mt-1 text-xs leading-relaxed text-zinc-500">Drop your brand kit and @ it in every prompt. Every asset inherits your visual language.</p></div><div class="rounded-xl border border-zinc-800/60 bg-zinc-950/80 px-5 py-4"><p class="text-sm font-medium text-white">Product &amp; commerce imagery</p><p class="mt-1 text-xs leading-relaxed text-zinc-500">Product shots and lifestyle grids in new contexts — seasonal drops, PDPs, and paid social without a full reshoot.</p></div><div class="rounded-xl border border-zinc-800/60 bg-zinc-950/80 px-5 py-4"><p class="text-sm font-medium text-white">A/B-ready variants</p><p class="mt-1 text-xs leading-relaxed text-zinc-500">Multiple hero options on the board. Compare side by side before you lock a brief.</p></div></div></div></div><a class="mt-6 inline-flex w-fit items-center gap-1 text-sm font-medium text-zinc-400 transition-colors hover:text-white" href="/use-cases/brand-marketing" data-discover="true">Learn more <span>→</span></a></div></div></div><div class="slide-in-left"><div class="mx-auto flex max-w-6xl flex-col gap-8 lg:gap-14 lg:flex-row"><div class="relative flex-1 w-full overflow-hidden rounded-2xl border border-zinc-800 bg-zinc-950"><img src="/landing/areas-print-on-demand.png" alt="Print on demand" title="Print-on-demand grid with a branded shirt mockup and multiple storefront-ready lifestyle variations built from shared references." class="h-full w-full object-cover transition-transform duration-500 hover:scale-[1.02]"/><div class="absolute top-4 left-4 rounded-full bg-black/60 px-3 py-1 text-[10px] font-medium tracking-widest text-zinc-300 uppercase backdrop-blur-sm">print-on-demand</div></div><div class="flex flex-1 flex-col justify-center"><h3 class="text-2xl font-semibold tracking-tight text-white sm:text-3xl">Print on demand</h3><p class="mt-2 text-base font-medium text-zinc-400">Shopify, Etsy, and Printful sellers — one canvas.</p><p class="mt-4 text-sm leading-relaxed text-zinc-500">Build mockups, listing images, and launch-ready creative for every product drop. Keep designs, references, and winning variations together so your storefront stays consistent across SKUs.</p><button class="mt-6 flex items-center gap-2 text-sm font-medium text-zinc-300 transition-colors hover:text-white"><span>Show use cases</span><span class="text-lg transition-transform duration-200" style="transform:rotate(0deg)">+</span></button><div class="grid transition-all duration-300 ease-in-out" style="grid-template-rows:0fr;opacity:0"><div class="overflow-hidden"><div class="mt-4 space-y-4"><div class="rounded-xl border border-zinc-800/60 bg-zinc-950/80 px-5 py-4"><p class="text-sm font-medium text-white">Mockups without a reshoot</p><p class="mt-1 text-xs leading-relaxed text-zinc-500">Turn one design into product-ready scenes across tees, hoodies, posters, mugs, and totes.</p></div><div class="rounded-xl border border-zinc-800/60 bg-zinc-950/80 px-5 py-4"><p class="text-sm font-medium text-white">Store listing variations</p><p class="mt-1 text-xs leading-relaxed text-zinc-500">Generate clean hero images, lifestyle scenes, and detail crops for Shopify and Etsy listings.</p></div><div class="rounded-xl border border-zinc-800/60 bg-zinc-950/80 px-5 py-4"><p class="text-sm font-medium text-white">Seasonal product drops</p><p class="mt-1 text-xs leading-relaxed text-zinc-500">Reuse your best references for holiday, summer, and trend-driven launches without rebuilding every concept from scratch.</p></div><div class="rounded-xl border border-zinc-800/60 bg-zinc-950/80 px-5 py-4"><p class="text-sm font-medium text-white">Consistent SKU families</p><p class="mt-1 text-xs leading-relaxed text-zinc-500">Reference the same artwork, palette, and product setup so every variation still feels like your brand.</p></div></div></div></div><a class="mt-6 inline-flex w-fit items-center gap-1 text-sm font-medium text-zinc-400 transition-colors hover:text-white" href="/use-cases/print-on-demand" data-discover="true">Learn more <span>→</span></a></div></div></div><div class="slide-in-right"><div class="mx-auto flex max-w-6xl flex-col gap-8 lg:gap-14 lg:flex-row-reverse"><div class="relative flex-1 w-full overflow-hidden rounded-2xl border border-zinc-800 bg-zinc-950"><img src="/landing/areas-fashion-product.png" alt="Fashion &amp; Product Design" title="Fashion &amp; product: logo tee mockup, subway and tunnel shots, and street-style looks with consistent @ branding." class="h-full w-full object-cover transition-transform duration-500 hover:scale-[1.02]"/><div class="absolute top-4 left-4 rounded-full bg-black/60 px-3 py-1 text-[10px] font-medium tracking-widest text-zinc-300 uppercase backdrop-blur-sm">fashion</div></div><div class="flex flex-1 flex-col justify-center"><h3 class="text-2xl font-semibold tracking-tight text-white sm:text-3xl">Fashion &amp; Product Design</h3><p class="mt-2 text-base font-medium text-zinc-400">Design collections, not single images.</p><p class="mt-4 text-sm leading-relaxed text-zinc-500">Explore silhouettes, colorways, and materials on an infinite canvas. From mood board to lookbook — iterate on your entire collection at once.</p><button class="mt-6 flex items-center gap-2 text-sm font-medium text-zinc-300 transition-colors hover:text-white"><span>Show use cases</span><span class="text-lg transition-transform duration-200" style="transform:rotate(0deg)">+</span></button><div class="grid transition-all duration-300 ease-in-out" style="grid-template-rows:0fr;opacity:0"><div class="overflow-hidden"><div class="mt-4 space-y-4"><div class="rounded-xl border border-zinc-800/60 bg-zinc-950/80 px-5 py-4"><p class="text-sm font-medium text-white">Colorway exploration</p><p class="mt-1 text-xs leading-relaxed text-zinc-500">Same silhouette in every color. See them all at once — color decisions become visual.</p></div><div class="rounded-xl border border-zinc-800/60 bg-zinc-950/80 px-5 py-4"><p class="text-sm font-medium text-white">Collection cohesion</p><p class="mt-1 text-xs leading-relaxed text-zinc-500">Every new piece references what exists. The collection stays coherent.</p></div><div class="rounded-xl border border-zinc-800/60 bg-zinc-950/80 px-5 py-4"><p class="text-sm font-medium text-white">Fabric &amp; material reference</p><p class="mt-1 text-xs leading-relaxed text-zinc-500">Drop a fabric swatch photo and @ it. The AI applies the drape and texture.</p></div></div></div></div><a class="mt-6 inline-flex w-fit items-center gap-1 text-sm font-medium text-zinc-400 transition-colors hover:text-white" href="/use-cases/fashion" data-discover="true">Learn more <span>→</span></a></div></div></div></div></section><div class="mx-auto max-w-5xl border-t border-zinc-900"></div><section class="stagger-container px-6 py-28"><div class="mx-auto max-w-6xl"><div class="flex flex-col items-center gap-4 text-center"><h2 class="text-3xl font-semibold tracking-tight text-white sm:text-4xl">Why Pantr AI.</h2><p class="max-w-md text-base text-zinc-500">A few things that make the Pantr canvas different.</p></div><div class="mt-16 grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-3"><div class="stagger-item hover-lift group overflow-hidden rounded-2xl border border-zinc-800 bg-zinc-950"><div class="relative aspect-[4/3] overflow-hidden"><img src="/landing/selling-flexible-canvas.png" alt="Flexible canvas UX" title="Canvas with multiple work clusters — fashion, product-in-scene, PANTR brand shots, and lifestyle references on a dotted grid." class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]"/><div class="absolute inset-0 bg-gradient-to-t from-zinc-950 via-trans
64parent to-transparent"></div></div><div class="px-6 pt-2 pb-6"><h3 class="text-lg font-semibold text-white">Flexible canvas UX</h3><p class="mt-2 text-sm leading-relaxed text-zinc-500">Not a chat. Not a form. An infinite canvas where you drag, arrange, zoom, group, and build. Every image lives where you put it.</p></div></div><div class="stagger-item hover-lift group overflow-hidden rounded-2xl border border-zinc-800 bg-zinc-950"><div class="relative aspect-[4/3] overflow-hidden"><img src="/landing/selling-ref-system.png" alt="@ reference system" title="Reference bottle @bottle with variants @varient1 and @varient2 — same product in marble-hand and glass-hand forest scenes." class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]"/><div class="absolute inset-0 bg-gradient-to-t from-zinc-950 via-transparent to-transparent"></div></div><div class="px-6 pt-2 pb-6"><h3 class="text-lg font-semibold text-white">@ reference system</h3><p class="mt-2 text-sm leading-relaxed text-zinc-500">Drop any image on the canvas. Use @ in your prompt to reference it. The AI sees what you mean — style, composition, color, material.</p></div></div><div class="stagger-item hover-lift group overflow-hidden rounded-2xl border border-zinc-800 bg-zinc-950"><div class="relative aspect-[4/3] overflow-hidden"><img src="/landing/selling-creative-director.png" alt="Creative Director" title="Pantr Assistant panel with a suggested prompt card (copy / run) over a product scene." class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]"/><div class="absolute inset-0 bg-gradient-to-t from-zinc-950 via-trans
64parent to-transparent"></div></div><div class="px-6 pt-2 pb-6"><h3 class="text-lg font-semibold text-white">Creative Director</h3><p class="mt-2 text-sm leading-relaxed text-zinc-500">An assistant inside your workspace that sees your canvas, helps you write clearer prompts, and brainstorms directions with you — so you stay in flow.</p></div></div></div><p class="mx-auto mt-10 max-w-lg text-center text-sm text-zinc-500">No subscription. No credits that expire. One canvas, all the top models, billed at raw API prices — or your own OpenRouter key.</p><div class="mt-12 flex justify-center"><ul class="flex flex-wrap items-center justify-center gap-2 " aria-label="Image and video models on Pantr"><li title="Black Forest Labs" class="inline-flex items-center gap-1.5 rounded-full border border-zinc-800 bg-zinc-950/80 font-medium tracking-wide text-zinc-300 px-2.5 py-1 text-[10px]"><span class="inline-flex shrink-0 items-center justify-center rounded-md bg-white p-0.5 shrink-0 h-3.5 w-3.5"><img src="/brand-logos/black-forest-labs.png" alt="Black Forest Labs" class="h-full w-full object-contain"/></span>FLUX</li><li title="Google" class="inline-flex items-center gap-1.5 rounded-full border border-zinc-800 bg-zinc-950/80 font-medium tracking-wide text-zinc-300 px-2.5 py-1 text-[10px]"><svg class="shrink-0 h-3.5 w-3.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1Z" fill="#4285F4"></path><path d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23Z" fill="#34A853"></path><path d="M5.84 14.09A6.97 6.97 0 0 1 5.47 12c0-.72.13-1.43.37-2.09V7.07H2.18A11.96 11.96 0 0 0 .96 12c0 1.94.46 3.77 1.22 5.33l2.66-2.07V14.1Z" fill="#FBBC05"></path><path d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53Z" fill="#EA4335"></path></svg>Gemini</li><li title="OpenAI" class="inline-flex items-center gap-1.5 rounded-full border border-zinc-800 bg-zinc-950/80 font-medium tracking-wide text-zinc-300 px-2.5 py-1 text-[10px]"><svg class="shrink-0 h-3.5 w-3.5" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.0462 6.0462 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3655-1.9723V11.6a.7664.7664 0 0 0 .3879.6765l5.8144 3.3543-2.0201 1.1685a.0757.0757 0 0 1-.071.0054l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364 15.1192 7.2a.0757.0757 0 0 1 .071-.0054l4.8303 2.7913a4.4944 4.4944 0 0 1-.6658 8.104v-5.6772a.79.79 0 0 0-.407-.667zm2.0107-3.0231l-.1419-.0852-4.7735-2.7818a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm1.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z"></path></svg>Sora</li><li><button type="button" aria-expanded="false" aria-label="Show 12 more models" class="inline-flex items-center rounded-full border border-zinc-700 bg-zinc-900 font-semibold tabular-nums text-zinc-200 transition-colors hover:border-zinc-500 hover:text-white px-2.5 py-1 text-[10px]">+12</button></li></ul></div></div></section><div class="mx-auto max-w-5xl border-t border-zinc-900"></div><section id="pricing" class="fade-in px-6 py-32"><div class="mx-auto max-w-3xl"><h2 class="text-center text-3xl font-semibold tracking-tight text-white sm:text-4xl">No subscription.<br/><span class="text-zinc-500">Pay the real model price.</span></h2><p class="mx-auto mt-4 max-w-lg text-center text-base text-zinc-500">Your balance never expires, and quiet months cost nothing — unlike other platforms. Pay a small service fee plus VAT only when you top up — or use your own OpenRouter key and skip our wallet.</p><div class="mx-auto mt-10 grid max-w-2xl grid-cols-1 gap-4 text-center sm:grid-cols-3"><div><p class="text-sm font-semibold text-white">API price per run</p><p class="mt-1 text-xs text-zinc-500">Shown before you generate. No proprietary points.</p></div><div><p class="text-sm font-semibold text-white">10% + VAT on top-up only</p><p class="mt-1 text-xs text-zinc-500">Not a markup on every image or video.</p></div><div><p class="text-sm font-semibold text-white">Never expires</p><p class="mt-1 text-xs text-zinc-500">Unused balance stays yours. Or bring your own key.</p></div></div><div class="mt-10 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4"><a class="hover-lift relative flex flex-col justify-center rounded-2xl border border-zinc-700 bg-zinc-950 px-6 py-8 text-center" href="/signup" data-discover="true"><p class="text-3xl font-semibold text-white">Free</p><p class="mt-1 text-xs text-zinc-500">Bring your OpenRouter key</p></a><div class="hover-lift relative rounded-2xl border border-zinc-800 bg-zinc-950 px-6 py-8 text-center"><p class="text-3xl font-semibold text-white">€10</p><p class="mt-1 text-xs text-zinc-500">added to wallet</p><p class="mt-6 text-sm text-zinc-400">You pay €13.53</p><p class="mt-1 text-xs text-zinc-600">includes 10% fee + VAT</p></div><div class="hover-lift relative rounded-2xl border border-zinc-800 bg-zinc-950 px-6 py-8 text-center"><p class="text-3xl font-semibold text-white">€25</p><p class="mt-1 text-xs text-zinc-500">added to wallet</p><p class="mt-6 text-sm text-zinc-400">You pay €33.83</p><p class="mt-1 text-xs text-zinc-600">includes 10% fee + VAT</p></div><div class="hover-lift relative rounded-2xl border border-zinc-800 bg-zinc-950 px-6 py-8 text-center"><p class="text-3xl font-semibold text-white">€50</p><p class="mt-1 text-xs text-zinc-500">added to wallet</p><p class="mt-6 text-sm text-zinc-400">You pay €67.65</p><p class="mt-1 text-xs text-zinc-600">includes 10% fee + VAT</p></div></div><div class="mt-12 flex flex-col items-center gap-4 text-center"><p class="text-sm text-zinc-400">Every account starts with <span class="text-white">€1.00</span> to try Pantr.</p><a class="rounded-full bg-white px-8 py-3.5 text-sm font-semibold text-black transition-colors hover:bg-zinc-200" href="/signup" data-discover="true">Try free</a><ul class="flex flex-wrap items-center justify-center gap-2 " aria-label="Image and video models on Pantr"><li title="Black Forest Labs" class="inline-flex items-center gap-1.5 rounded-full border border-zinc-800 bg-zinc-950/80 font-medium tracking-wide text-zinc-300 px-2.5 py-1 text-[10px]"><span class="inline-flex shrink-0 items-center justify-center rounded-md bg-white p-0.5 shrink-0 h-3.5 w-3.5"><img src="/brand-logos/black-forest-labs.png" alt="Black Forest Labs" class="h-full w-full object-contain"/></span>FLUX</li><li title="Google" class="inline-flex items-center gap-1.5 rounded-full border border-zinc-800 bg-zinc-950/80 font-medium tracking-wide text-zinc-300 px-2.5 py-1 text-[10px]">
64<svg class="shrink-0 h-3.5 w-3.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1Z" fill="#4285F4"></path><path d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23Z" fill="#34A853"></path><path d="M5.84 14.09A6.97 6.97 0 0 1 5.47 12c0-.72.13-1.43.37-2.09V7.07H2.18A11.96 11.96 0 0 0 .96 12c0 1.94.46 3.77 1.22 5.33l2.66-2.07V14.1Z" fill="#FBBC05"></path><path d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53Z" fill="#EA4335"></path></svg>Gemini</li><li title="OpenAI" class="inline-flex items-center gap-1.5 rounded-full border border-zinc-800 bg-zinc-950/80 font-medium tracking-wide text-zinc-300 px-2.5 py-1 text-[10px]"><svg class="shrink-0 h-3.5 w-3.5" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.0462 6.0462 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3655-1.9723V11.6a.7664.7664 0 0 0 .3879.6765l5.8144 3.3543-2.0201 1.1685a.0757.0757 0 0 1-.071.0054l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364 15.1192 7.2a.0757.0757 0 0 1 .071-.0054l4.8303 2.7913a4.4944 4.4944 0 0 1-.6658 8.104v-5.6772a.79.79 0 0 0-.407-.667zm2.0107-3.0231l-.1419-.0852-4.7735-2.7818a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm1.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z"></path></svg>Sora</li><li><button type="button" aria-expanded="false" aria-label="Show 12 more models" class="inline-flex items-center rounded-full border border-zinc-700 bg-zinc-900 font-semibold tabular-nums text-zinc-200 transition-colors hover:border-zinc-500 hover:text-white px-2.5 py-1 text-[10px]">+12</button></li></ul></div></div></section><div class="mx-auto max-w-5xl border-t border-zinc-900"></div><section class="fade-in px-6 py-28"><div class="mx-auto max-w-6xl"><div class="mx-auto max-w-2xl text-center"><h2 class="text-3xl font-semibold tracking-tight text-white sm:text-4xl">Pantr is for you if…</h2><p class="mt-4 text-base text-zinc-500">If Flora AI, Figma Weavy, or Gemini chat are the wrong fit, you are who we built this for.</p></div><div class="mt-14 grid grid-cols-1 gap-5 md:grid-cols-2"><div class="rounded-2xl border border-zinc-800 bg-zinc-950/80 px-6 py-8"><h3 class="text-base font-semibold text-white">Not everything you do is a workflow</h3><p class="mt-3 text-sm leading-relaxed text-zinc-500">Sometimes you are exploring — mood, layout, ten variations at once. You do not want a tool that only makes sense when your process is a straight line.</p></div><div class="rounded-2xl border border-zinc-800 bg-zinc-950/80 px-6 py-8"><h3 class="text-base font-semibold text-white">Flora AI and Figma Weavy feel like too much</h3><p class="mt-3 text-sm leading-relaxed text-zinc-500">They are powerful, but they are crowded: modes, panels, and features you will never touch. If that exhausts you, Pantr is the opposite — as simple and direct as we could make it.</p></div><div class="rounded-2xl border border-zinc-800 bg-zinc-950/80 px-6 py-8"><h3 class="text-base font-semibold text-white">Gemini chat is not a visual workspace</h3><p class="mt-3 text-sm leading-relaxed text-zinc-500">You can get images fast in the Gemini app, but a thread of messages is a bad place to think in pictures. Pantr is for when you want to see, move, and compare work on a canvas — not scroll a chat.</p></div><div class="rounded-2xl border border-zinc-800 bg-zinc-950/80 px-6 py-8"><h3 class="text-base font-semibold text-white">You are done funding another monthly tool</h3><p class="mt-3 text-sm leading-relaxed text-zinc-500">Instead of paying across four AI subscriptions, you have one workspace wallet. If you don’t generate this month, you pay €0. When you do, you pay the model’s API price. Your money never expires.</p></div></div></div></section><div class="mx-auto max-w-5xl border-t border-zinc-900"></div><section class="fade-in px-6 py-32"><div class="mx-auto max-w-2xl"><h2 class="text-center text-3xl font-semibold tracking-tight text-white sm:text-4xl">Questions</h2><div class="mt-16"><button class="w-full border-b border-zinc-800 px-0 py-6 text-left"><div class="flex items-center justify-between"><span class="text-sm font-medium text-zinc-300">How is Pantr different from other AI image tools?</span><span class="ml-4 shrink-0 text-lg text-zinc-600 transition-transform duration-200" style="transform:rotate(0deg)">+</span></div><div class="grid transition-all duration-200 ease-in-out" style="grid-template-rows:0fr;opacity:0"><div class="overflow-hidden"><p class="pt-4 text-sm leading-relaxed text-zinc-500">Two things. First, it is an infinite canvas — not a chat thread and not a form. Second, we don’t hide model cost behind subscriptions or fake credits. You see the API price, pay from a wallet that never expires (plus 10% + VAT only on top-up), or bring your own OpenRouter key. Quiet months cost nothing.</p></div></div></button><button class="w-full border-b border-zinc-800 px-0 py-6 text-left"><div class="flex items-center justify-between"><span class="text-sm font-medium text-zinc-300">What AI models does Pantr AI use?</span><span class="ml-4 shrink-0 text-lg text-zinc-600 transition-transform duration-200" style="transform:rotate(0deg)">+</span></div><div class="grid transition-all duration-200 ease-in-out" style="grid-template-rows:0fr;opacity:0"><div class="overflow-hidden"><p class="pt-4 text-sm leading-relaxed text-zinc-500">Pantr offers a curated set of top-tier image and video models — including FLUX, Gemini, GPT Image, Qwen, Sora, Seedance, Veo, Kling, Grok, Runway, and more. Pick a model in the prompt bar. Pay that model’s API price from your wallet, or use your own OpenRouter key.</p></div></div></button><button class="w-full border-b border-zinc-800 px-0 py-6 text-left"><div class="flex items-center justify-between"><span class="text-sm font-medium text-zinc-300">
64How does the @ reference system work?</span><span class="ml-4 shrink-0 text-lg text-zinc-600 transition-transform duration-200" style="transform:rotate(0deg)">+</span></div><div class="grid transition-all duration-200 ease-in-out" style="grid-template-rows:0fr;opacity:0"><div class="overflow-hidden"><p class="pt-4 text-sm leading-relaxed text-zinc-500">Drop any image onto the canvas — a photo, a sketch, a texture, a screenshot. When writing your prompt, use @ to include that image as a reference. The AI uses it for style, composition, color, or content — depending on how you describe it.</p></div></div></button><button class="w-full border-b border-zinc-800 px-0 py-6 text-left"><div class="flex items-center justify-between"><span class="text-sm font-medium text-zinc-300">Do I need to write prompts?</span><span class="ml-4 shrink-0 text-lg text-zinc-600 transition-transform duration-200" style="transform:rotate(0deg)">+</span></div><div class="grid transition-all duration-200 ease-in-out" style="grid-template-rows:0fr;opacity:0"><div class="overflow-hidden"><p class="pt-4 text-sm leading-relaxed text-zinc-500">Prompts are optional. Your selected reference images are the primary input. Add a prompt only if you want to steer the result.</p></div></div></button><button class="w-full border-b border-zinc-800 px-0 py-6 text-left"><div class="flex items-center justify-between"><span class="text-sm font-medium text-zinc-300">What is the Creative Director?</span><span class="ml-4 shrink-0 text-lg text-zinc-600 transition-transform duration-200" style="transform:rotate(0deg)">+</span></div><div class="grid transition-all duration-200 ease-in-out" style="grid-template-rows:0fr;opacity:0"><div class="overflow-hidden"><p class="pt-4 text-sm leading-relaxed text-zinc-500">The Creative Director is an AI assistant that lives in your Pantr AI workspace. It can see your canvas, understand your references, and help you explore directions, sharpen prompts, and push your ideas further.</p></div></div></button><button class="w-full border-b border-zinc-800 px-0 py-6 text-left"><div class="flex items-center justify-between"><span class="text-sm font-medium text-zinc-300">How does billing work?</span><span class="ml-4 shrink-0 text-lg text-zinc-600 transition-transform duration-200" style="transform:rotate(0deg)">+</span></div><div class="grid transition-all duration-200 ease-in-out" style="grid-template-rows:0fr;opacity:0"><div class="overflow-hidden"><p class="pt-4 text-sm leading-relaxed text-zinc-500">Every account starts with €1.00. Generations debit the model’s real API price from your wallet — not proprietary credits that expire. Pantr adds a 10% fee plus VAT only when you top up (€10, €25, €50, or €100), not on every run. Unused balance stays yours. You can also paste your own OpenRouter key (Account → Billing) so the wallet is not charged.</p></div></div></button><button class="w-full border-b border-zinc-800 px-0 py-6 text-left"><div class="flex items-center justify-between"><span class="text-sm font-medium text-zinc-300">What image formats can I upload?</span><span class="ml-4 shrink-0 text-lg text-zinc-600 transition-transform duration-200" style="transform:rotate(0deg)">+</span></div><div class="grid transition-all duration-200 ease-in-out" style="grid-template-rows:0fr;opacity:0"><div class="overflow-hidden"><p class="pt-4 text-sm leading-relaxed text-zinc-500">JPEG, PNG, WebP, GIF, BMP, SVG, and AVIF. Up to 20 MB per image.</p></div></div></button><button class="w-full border-b border-zinc-800 px-0 py-6 text-left"><div class="flex items-center justify-between"><span class="text-sm font-medium text-zinc-300">Is there a mobile app?</span><span class="ml-4 shrink-0 text-lg text-zinc-600 transition-transform duration-200" style="transform:rotate(0deg)">+</span></div><div class="grid transition-all duration-200 ease-in-out" style="grid-template-rows:0fr;opacity:0"><div class="overflow-hidden"><p class="pt-4 text-sm leading-relaxed text-zinc-500">Pantr AI is a Progressive Web App — you can install it for an app-like experience without an app store. In Chrome on desktop or Android, use Install in the address bar. On Mac, open Pantr in Safari and choose File → Add to Dock. On iPhone, use Safari’s Share menu, then Add to Home Screen. It works on phones, but the infinite canvas is much better on a large screen;
64 we recommend installing on desktop when you can for the most comfortable, native-feeling workflow.</p></div></div></button><button class="w-full border-b border-zinc-800 px-0 py-6 text-left"><div class="flex items-center justify-between"><span class="text-sm font-medium text-zinc-300">Can I share my canvas with clients or teammates?</span><span class="ml-4 shrink-0 text-lg text-zinc-600 transition-transform duration-200" style="transform:rotate(0deg)">+</span></div><div class="grid transition-all duration-200 ease-in-out" style="grid-template-rows:0fr;opacity:0"><div class="overflow-hidden"><p class="pt-4 text-sm leading-relaxed text-zinc-500">Yes. You can share a canvas link that gives others a view of your workspace — great for presentations and feedback.</p></div></div></button></div></div></section><div class="mx-auto max-w-5xl border-t border-zinc-900"></div><section class="fade-in px-6 py-28"><div class="mx-auto max-w-5xl"><div class="flex items-end justify-between gap-4"><div><p class="text-xs font-medium tracking-widest text-zinc-500 uppercase">From the blog</p><h2 class="mt-3 text-3xl font-semibold tracking-tight text-white sm:text-4xl">OpenRouter for creatives</h2><p class="mt-3 max-w-2xl text-sm text-zinc-400">Switch image and video models the way developers switch APIs — plus how Pantr compares to other creative tools.</p></div><a class="shrink-0 text-sm text-zinc-400 transition-colors hover:text-white" href="/blog" data-discover="true">View all posts</a></div><div class="mt-10 grid gap-5 md:grid-cols-2"><article class="overflow-hidden rounded-2xl border border-zinc-800 bg-zinc-950"><a class="group block" href="/blog/stripe-buys-openrouter-what-it-means-for-creatives" data-discover="true"><img src="/blog-covers/stripe-buys-openrouter-what-it-means-for-creatives.png" alt="Stripe Reportedly Buys OpenRouter for $7B. What It Means for Creatives" class="h-44 w-full object-cover"/><div class="p-6"><p class="text-xs font-medium tracking-widest text-zinc-500 uppercase">News</p><h3 class="mt-3 text-xl font-semibold tracking-tight text-white transition-colors group-hover:text-zinc-200">Stripe Reportedly Buys OpenRouter for $7B. What It Means for Creatives</h3><p class="mt-3 text-sm text-zinc-400">Stripe reportedly agreed to buy OpenRouter for more than $7B. That deal is about developers switching models. Creatives still need a canvas.</p></div></a></article><article class="overflow-hidden rounded-2xl border border-zinc-800 bg-zinc-950"><a class="group block" href="/blog/openrouter-for-creatives" data-discover="true"><img src="/blog-covers/openrouter-for-creatives.png" alt="OpenRouter for Creatives: Switch Image Models the Way Devs Switch APIs" class="h-44 w-full object-cover"/><div class="p-6"><p class="text-xs font-medium tracking-widest text-zinc-500 uppercase">AI Design</p><h3 class="mt-3 text-xl font-semibold tracking-tight text-white transition-colors group-hover:text-zinc-200">OpenRouter for Creatives: Switch Image Models the Way Devs Switch APIs</h3><p class="mt-3 text-sm text-zinc-400">OpenRouter lets developers switch AI models through one API. Pantr is the same idea for designers: one canvas, many models, no lock-in.</p></div></a></article><article class="overflow-hidden rounded-2xl border border-zinc-800 bg-zinc-950"><a class="group block" href="/blog/openrouter-api-key-image-generation-no-code" data-discover="true"><img src="/blog-covers/openrouter-api-key-image-generation-no-code.png" alt="How to Use an OpenRouter API Key for Image Generation (No Code)" class="h-44 w-full object-cover"/><div class="p-6"><p class="text-xs font-medium tracking-widest text-zinc-500 uppercase">Tutorials</p><h3 class="mt-3 text-xl font-semibold tracking-tight text-white transition-colors group-hover:text-zinc-200">How to Use an OpenRouter API Key for Image Generation (No Code)</h3><p class="mt-3 text-sm text-zinc-400">Paste your OpenRouter key into a visual workspace and generate with Flux, Gemini, and GPT Image — no API calls, no playground JSON.</p></div></a></article><article class="overflow-hidden rounded-2xl border border-zinc-800 bg-zinc-950"><a class="group block" href="/blog/flux-vs-nano-banana-vs-gpt-image" data-discover="true"><img src="/blog-covers/flux-vs-nano-banana-vs-gpt-image.png" alt="Flux vs Nano Banana vs GPT Image: When to Switch Models on the Same Brief" class="h-44 w-full object-cover"/>
64<div class="p-6"><p class="text-xs font-medium tracking-widest text-zinc-500 uppercase">Tutorials</p><h3 class="mt-3 text-xl font-semibold tracking-tight text-white transition-colors group-hover:text-zinc-200">Flux vs Nano Banana vs GPT Image: When to Switch Models on the Same Brief</h3><p class="mt-3 text-sm text-zinc-400">Same prompt, three models, three different jobs. How to switch Flux, Nano Banana, and GPT Image without starting the project over.</p></div></a></article></div></div></section><div class="mx-auto max-w-5xl border-t border-zinc-900"></div><section class="fade-in px-6 py-32"><div class="mx-auto max-w-2xl"><blockquote class="text-2xl font-medium leading-relaxed tracking-tight text-white sm:text-3xl">&quot;Great tools disappear.&quot;</blockquote><div class="mt-12 space-y-6 text-base leading-relaxed text-zinc-400"><p>They don&#x27;t make you learn them. They let you make the thing you&#x27;re imagining — right now, with nothing standing in the way.</p><p>That&#x27;s why there are no nodes here. No wires, no flowcharts between you and your idea. Just a canvas, and what you want to make.</p><p>Money should behave like money. Not credits. Not points. Not some invented currency built to hide what things actually cost. You should always know exactly what you&#x27;re paying — and it should be exactly what it costs. Nothing more.</p><p>Your money is yours until you spend it. It doesn&#x27;t expire because a calendar page turned.</p><p>Every great model belongs in one place — not locked behind a plan, not rationed by a tier. Whatever the best tool for the job is, it should be one click away.</p><p class="text-zinc-300">Simplicity isn&#x27;t the absence of power. It&#x27;s the removal of everything that isn&#x27;t.</p><p class="text-zinc-500">This is Pantr.</p></div></div></section><div class="mx-auto max-w-5xl border-t border-zinc-900"></div><section class="scale-in px-6 py-32"><div class="relative mx-auto max-w-4xl overflow-hidden rounded-3xl border border-zinc-800 bg-zinc-950/60 p-10 text-center sm:p-16"><div class="pointer-events-none absolute inset-0 opacity-[0.06]" style="background-image:url(/landing-demo.png);background-size:cover;background-position:center;filter:blur(40px)"></div><div class="relative"><ul class="flex flex-wrap items-center justify-center gap-2 mb-6" aria-label="Image and video models on Pantr"><li title="Black Forest Labs" class="inline-flex items-center gap-1.5 rounded-full border border-zinc-800 bg-zinc-950/80 font-medium tracking-wide text-zinc-300 px-2.5 py-1 text-[10px]"><span class="inline-flex shrink-0 items-center justify-center rounded-md bg-white p-0.5 shrink-0 h-3.5 w-3.5"><img src="/brand-logos/black-forest-labs.png" alt="Black Forest Labs" class="h-full w-full object-contain"/></span>FLUX</li><li title="Google" class="inline-flex items-center gap-1.5 rounded-full border border-zinc-800 bg-zinc-950/80 font-medium tracking-wide text-zinc-300 px-2.5 py-1 text-[10px]"><svg class="shrink-0 h-3.5 w-3.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1Z" fill="#4285F4"></path><path d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23Z" fill="#34A853"></path><path d="M5.84 14.09A6.97 6.97 0 0 1 5.47 12c0-.72.13-1.43.37-2.09V7.07H2.18A11.96 11.96 0 0 0 .96 12c0 1.94.46 3.77 1.22 5.33l2.66-2.07V14.1Z" fill="#FBBC05"></path><path d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53Z" fill="#EA4335"></path></svg>Gemini</li><li title="OpenAI" class="inline-flex items-center gap-1.5 rounded-full border border-zinc-800 bg-zinc-950/80 font-medium tracking-wide text-zinc-300 px-2.5 py-1 text-[10px]"><svg class="shrink-0 h-3.5 w-3.5" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.0462 6.0462 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3655-1.9723V11.6a.7664.7664 0 0 0 .3879.6765l5.8144 3.3543-2.0201 1.1685a.0757.0757 0 0 1-.071.0054l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364 15.1192 7.2a.0757.0757 0 0 1 .071-.0054l4.8303 2.7913a4.4944 4.4944 0 0 1-.6658 8.104v-5.6772a.79.79 0 0 0-.407-.667zm2.0107-3.0231l-.1419-.0852-4.7735-2.7818a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm
641.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z"></path></svg>Sora</li><li title="OpenAI" class="inline-flex items-center gap-1.5 rounded-full border border-zinc-800 bg-zinc-950/80 font-medium tracking-wide text-zinc-300 px-2.5 py-1 text-[10px]"><svg class="shrink-0 h-3.5 w-3.5" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.0462 6.0462 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3655-1.9723V11.6a.7664.7664 0 0 0 .3879.6765l5.8144 3.3543-2.0201 1.1685a.0757.0757 0 0 1-.071.0054l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364 15.1192 7.2a.0757.0757 0 0 1 .071-.0054l4.8303 2.7913a4.4944 4.4944 0 0 1-.6658 8.104v-5.6772a.79.79 0 0 0-.407-.667zm2.0107-3.0231l-.1419-.0852-4.7735-2.7818a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm1.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z"></path></svg>GPT Image</li><li title="ByteDance" class="inline-flex items-center gap-1.5 rounded-full border border-zinc-800 bg-zinc-950/80 font-medium tracking-wide text-zinc-300 px-2.5 py-1 text-[10px]"><span class="inline-flex shrink-0 items-center justify-center rounded-md bg-white p-0.5 shrink-0 h-3.5 w-3.5"><img src="/brand-logos/bytedance.png" alt="ByteDance" class="h-full w-full object-contain"/></span>Seedance</li><li title="Google" class="inline-flex items-center gap-1.5 rounded-full border border-zinc-800 bg-zinc-950/80 font-medium tracking-wide text-zinc-300 px-2.5 py-1 text-[10px]"><svg class="shrink-0 h-3.5 w-3.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1Z" fill="#4285F4"></path><path d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23Z" fill="#34A853"></path><path d="M5.84 14.09A6.97 6.97 0 0 1 5.47 12c0-.72.13-1.43.37-2.09V7.07H2.18A11.96 11.96 0 0 0 .96 12c0 1.94.46 3.77 1.22 5.33l2.66-2.07V14.1Z" fill="#FBBC05"></path><path d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53Z" fill="#EA4335"></path></svg>Veo</li><li title="Kuaishou" class="inline-flex items-center gap-1.5 rounded-full border border-zinc-800 bg-zinc-950/80 font-medium tracking-wide text-zinc-300 px-2.5 py-1 text-[10px]"><span class="inline-flex shrink-0 items-center justify-center rounded-md bg-white p-0.5 shrink-0 h-3.5 w-3.5"><img src="/brand-logos/kling.png" alt="Kling" class="h-full w-full object-contain"/></span>Kling</li><li title="xAI" class="inline-flex items-center gap-1.5 rounded-full border border-zinc-800 bg-zinc-950/80 font-medium tracking-wide text-zinc-300 px-2.5 py-1 text-[10px]"><span class="inline-flex shrink-0 items-center justify-center rounded-md bg-white p-0.5 shrink-0 h-3.5 w-3.5"><img src="/brand-logos/xai.png" alt="xAI" class="h-full w-full object-contain"/></span>Grok</li><li title="Runway" class="inline-flex items-center gap-1.5 rounded-full border border-zinc-800 bg-zinc-950/80 font-medium tracking-wide text-zinc-300 px-2.5 py-1 text-[10px]"><span class="inline-flex shrink-0 items-center justify-center rounded-md bg-white p-0.5 shrink-0 h-3.5 w-3.5"><img src="/brand-logos/runway.png" alt="Runway" class="h-full w-full object-contain"/></span>Runway</li><li title="Recraft" class="inline-flex items-center gap-1.5 rounded-full border border-zinc-800 bg-zinc-950/80 font-medium tracking-wide text-zinc-300 px-2.5 py-1 text-[10px]"><span class="inline-flex shrink-0 items-center justify-center rounded-md bg-white p-0.5 shrink-0 h-3.5 w-3.5"><img src="/brand-logos/recraft.svg" alt="Recraft" class="h-full w-full object-contain"/></span>Recraft</li><li title="ByteDance" class="inline-flex items-center gap-1.5 rounded-full border border-zinc-800 bg-zinc-950/80 font-medium tracking-wide text-zinc-300 px-2.5 py-1 text-[10px]"><span class="inline-flex shrink-0 items-center justify-center rounded-md bg-white p-0.5 shrink-0 h-3.5 w-3.5"><img src="/brand-logos/bytedance.png" alt="ByteDance" class="h-full w-full object-contain"/></span>Seedream</li><li title="Alibaba" class="inline-flex items-center gap-1.5 rounded-full border border-zinc-800 bg-zinc-950/80 font-medium tracking-wide text-zinc-300 px-2.5 py-1 text-[10px]"><span class="inline-flex shrink-0 items-center justify-center rounded-md bg-white p-0.5 shrink-0 h-3.5 w-3.5"><img src="/brand-logos/alibaba.png" alt="Alibaba" class="h-full w-full object-contain"/></span>Wan</li><li title="Krea" class="inline-flex items-center gap-1.5 rounded-full border border-zinc-800 bg-zinc-950/80 font-medium tracking-wide text-zinc-300 px-2.5 py-1 text-[10px]"><span class="inline-flex shrink-0 items-center justify-center rounded-md bg-white p-0.5 shrink-0 h-3.5 w-3.5"><img src="/brand-logos/krea.png" alt="Krea" class="h-full w-full object-contain"/></span>Krea</li><li title="Sourceful" class="inline-flex items-center gap-1.5 rounded-full border border-zinc-800 bg-zinc-950/80 font-medium tracking-wide text-zinc-300 px-2.5 py-1 text-[10px]"><span class="inline-flex shrink-0 items-center justify-center rounded-md bg-white p-0.5 shrink-0 h-3.5 w-3.5"><img src="/brand-logos/sourceful.png" alt="Sourceful" class="h-full w-full object-contain"/></span>Riverflow</li>
64<li title="Qwen" class="inline-flex items-center gap-1.5 rounded-full border border-zinc-800 bg-zinc-950/80 font-medium tracking-wide text-zinc-300 px-2.5 py-1 text-[10px]"><span class="inline-flex shrink-0 items-center justify-center rounded-md bg-white p-0.5 shrink-0 h-3.5 w-3.5"><img src="/brand-logos/qwen.png" alt="Qwen" class="h-full w-full object-contain"/></span>Qwen</li></ul><h2 class="text-3xl font-semibold tracking-tight text-white sm:text-4xl lg:text-5xl">Your canvas is waiting.</h2><p class="mt-5 text-base text-zinc-400">All the top models on one canvas. Raw API prices — or your own OpenRouter key. No subscription, no credits that expire.</p><div class="mt-8 flex flex-col items-center justify-center gap-3 sm:flex-row"><a class="inline-flex items-center gap-2 rounded-full bg-white px-8 py-3.5 text-sm font-semibold text-black transition-colors hover:bg-zinc-200" href="/signup" data-discover="true">Try free<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><p class="mt-5 text-xs text-zinc-600">€1.00 to start. No credit card. No setup.</p></div></div></section><footer class="border-t border-zinc-900 px-6 py-10"><div class="mx-auto flex max-w-5xl flex-col gap-10 sm:flex-row sm:justify-between"><div class="flex flex-col gap-3"><div class="flex items-center gap-2"><img src="/favicon.png" alt="Pantr AI" class="h-5 w-5"/><span class="text-xs font-medium tracking-widest text-zinc-600 uppercase">Pantr AI</span></div><p class="text-xs text-zinc-600">Built by <a href="https://uvstudio.co" target="_blank" rel="noopener noreferrer" class="underline hover:text-zinc-500">uvstudio.co</a> · Made in Portugal, EU</p></div><div class="flex gap-12"><div class="flex flex-col gap-2"><span class="text-[10px] font-medium tracking-widest text-zinc-600 uppercase">Use cases</span><a class="text-xs text-zinc-500 hover:text-zinc-300" href="/use-cases/architecture" data-discover="true">Architecture &amp; Interiors</a><a class="text-xs text-zinc-500 hover:text-zinc-300" href="/use-cases/brand-marketing" data-discover="true">Brand &amp; marketing</a><a class="text-xs text-zinc-500 hover:text-zinc-300" href="/use-cases/print-on-demand" data-discover="true">Print on Demand</a><a class="text-xs text-zinc-500 hover:text-zinc-300" href="/use-cases/fashion" data-discover="true">Fashion &amp; Product</a></div><div class="flex flex-col gap-2"><span class="text-[10px] font-medium tracking-widest text-zinc-600 uppercase">Company</span><a class="text-xs text-zinc-500 hover:text-zinc-300" href="/blog" data-discover="true">Blog</a><a class="text-xs text-zinc-500 hover:text-zinc-300" href="/signup" data-discover="true">Sign up</a><a class="text-xs text-zinc-500 hover:text-zinc-300" href="/login" data-discover="true">Log in</a></div></div><div class="flex flex-col items-start gap-2 sm:items-end"><p class="text-xs text-zinc-500">FLUX, Gemini, Sora, Seedance, and more</p><p class="text-[10px] text-zinc-600">API prices. No fake credits. Or your OpenRouter key.</p><p class="text-xs text-zinc-700">© 2026 Pantr AI</p></div></div></footer></div></div>
65  </body>
66</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.