1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1.0"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="image" href="/imgs/examples/photo-to-sketch/photo-to-sketch-before.webp"/><link rel="preload" as="image" href="/imgs/examples/photo-to-sketch/photo-to-sketch-after.webp"/><link rel="preload" as="image" href="/imgs/examples/ai-photo-enhance/ai-photo-enhance-before.webp"/><link rel="preload" as="image" href="/imgs/examples/ai-photo-enhance/ai-photo-enhance-after.webp"/><link rel="preload" as="image" href="/imgs/examples/retro-vintage/retro-classic-black-saree-before.png"/><link rel="preload" as="image" href="/imgs/examples/retro-vintage/retro-red-saree-drama-after.png"/><link rel="preload" as="image" href="/imgs/examples/retro-vintage/retro-classic-black-saree-after.png"/><link rel="preload" as="image" href="/imgs/examples/retro-vintage/retro-white-polka-dot-saree-after.png"/><link rel="preload" as="image" href="/imgs/examples/precise-text-editing/precise-text-editing-before.webp"/><link rel="preload" as="image" href="/imgs/examples/precise-text-editing/precise-text-editing-after.webp"/><link rel="stylesheet" href="/_next/static/css/ecfdcb7a3e7593c5.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-cadc87e7f66767c7.js"/>
1<script src="/_next/static/chunks/8e10a96e-647d4ecf83c8f563.js" async=""></script>
1<script src="/_next/static/chunks/7885-817f4d882fa01f88.js" async=""></script>
1<script src="/_next/static/chunks/main-app-d0802a8123fef91d.js" async=""></script>
1<script src="/_next/static/chunks/0f4d73bd-868202bc54916a2a.js" async=""></script>
1<script src="/_next/static/chunks/b27dc69b-8e34c0db36bb273d.js" async=""></script>
1<script src="/_next/static/chunks/ec6990fe-f332f01149436bb7.js" async=""></script>
1<script src="/_next/static/chunks/bba53c9e-bed655a3c0e01239.js" async=""></script>
1<script src="/_next/static/chunks/2889-c85eca35e97c9a47.js" async=""></script>
1<script src="/_next/static/chunks/3676-bd0c4a7b53fdadd3.js" async=""></script>
1<script src="/_next/static/chunks/6827-f26c3ccd78d5ba4a.js" async=""></script>
1<script src="/_next/static/chunks/1293-1bf40269918d6383.js" async=""></script>
1<script src="/_next/static/chunks/8079-43b76d56d805f52f.js" async=""></script>
1<script src="/_next/static/chunks/2316-cad426077df812b5.js" async=""></script>
1<script src="/_next/static/chunks/6193-2a7f64da722a011a.js" async=""></script>
1<script src="/_next/static/chunks/2402-03e2c02cb2b61365.js" async=""></script>
1<script src="/_next/static/chunks/2329-865b77efc2ab6420.js" async=""></script>
1<script src="/_next/static/chunks/4957-76be984986d2c942.js" async=""></script>
1<script src="/_next/static/chunks/7562-40d3b8cab6e0cbe5.js" async=""></script>
1<script src="/_next/static/chunks/9704-f8483e0b47853550.js" async=""></script>
1<script src="/_next/static/chunks/1286-2b991ea552ab3f2d.js" async=""></script>
1<script src="/_next/static/chunks/app/%5Blocale%5D/(default)/layout-19cc060ec3fe16d2.js" async=""></script>
1<script src="/_next/static/chunks/533550d7-f97f2ae5318d7fae.js" async=""></script>
1<script src="/_next/static/chunks/7878-cdbaa205e7734806.js" async=""></script>
1<script src="/_next/static/chunks/3005-1a964e23764cc714.js" async=""></script>
1<script src="/_next/static/chunks/7915-a89c3aa15ee64c13.js" async=""></script>
1<script src="/_next/static/chunks/309-882205ad6b10e2ac.js" async=""></script>
1<script src="/_next/static/chunks/app/%5Blocale%5D/(default)/page-1df7928701b4d69a.js" async=""></script>
1<script src="/_next/static/chunks/0e915008-bc346477e86c5a9a.js" async=""></script>
1<script src="/_next/static/chunks/6815-bb0350ee7d998af4.js" async=""></script>
1<script src="/_next/static/chunks/7060-9e428f2282d7a3c5.js" async=""></script>
1<script src="/_next/static/chunks/app/%5Blocale%5D/layout-5158918d61290fc4.js" async=""></script>
1<link rel="preload" as="image" href="/imgs/examples/ghibli-style-before.webp"/><link rel="preload" as="image" href="/imgs/examples/ghibli-style-after.webp"/><link rel="preload" as="image" href="/imgs/examples/3d-figurines-before.png"/><link rel="preload" as="image" href="/imgs/examples/3d-figurines-after.webp"/><link rel="preload" as="image" href="/imgs/examples/horror-clown-makeup/horror-clown-makeup-before.webp"/><link rel="preload" as="image" href="/imgs/examples/horror-clown-makeup/horror-clown-makeup-after.webp"/><link rel="preload" as="image" href="/imgs/examples/bald-filter/bald-filter-before.webp"/><link rel="preload" as="image" href="/imgs/examples/bald-filter/bald-filter-after.webp"/><link rel="preload" as="image" href="/imgs/examples/gender-swap-filter/gender-swap-filter-before.webp"/><link rel="preload" as="image" href="/imgs/examples/gender-swap-filter/gender-swap-filter-after.webp"/><link rel="preload" as="image" href="/imgs/examples/ai-halloween/ai-halloween-before.webp"/><link rel="preload" as="image" href="/imgs/examples/ai-halloween/ai-halloween-after.webp"/><link rel="preload" as="image" href="/imgs/examples/doll-filter/doll-filter-before.webp"/><link rel="preload" as="image" href="/imgs/examples/doll-filter/doll-filter-effect.webp"/><link rel="preload" as="image" href="/imgs/examples/pop-art-portrait/pop-art-portrait-before.webp"/><link rel="preload" as="image" href="/imgs/examples/pop-art-portrait/pop-art-portrait-effect.webp"/><link rel="preload" as="image" href="/imgs/examples/ghostface-ai-picture/ghostface-ai-picture.webp"/><link rel="preload" as="image" href="/imgs/examples/ghostface-ai-picture/ghostface-ai-picture-effect.webp"/><link rel="preload" as="image" href="/imgs/examples/ai-y2k-aesthetic/ai-y2k-aesthetic.webp"/><link rel="preload" as="image" href="/imgs/examples/ai-y2k-aesthetic/ai-y2k-aesthetic-effect.webp"/><link rel="preload" as="image" href="/imgs/examples/disney-ai-poster/disney-ai-poster.webp"/><link rel="preload" as="image" href="/imgs/examples/disney-ai-poster/disney-ai-poster-effect.webp"/><link rel="preload" as="image" href="/imgs/examples/black-and-white-portrait/black-and-white-portrait.webp"/><link rel="preload" as="image" href="/imgs/examples/black-and-white-portrait/black-and-white-portrait-effect.webp"/><link rel="preload" as="image" href="/imgs/examples/funko-pop/funko-pop.webp"/><link rel="preload" as="image" href="/imgs/examples/funko-pop/funko-pop-effect.webp"/><link rel="preload" as="image" href="/imgs/examples/inversion-filter/inversion-filter-before.webp"/><link rel="preload" as="image" href="/imgs/examples/inversion-filter/inversion-filter-after.webp"/><link rel="preload" as="image" href="/imgs/examples/charlie-and-lola-character/charlie-and-lola-character-before.webp"/><link rel="preload" as="image" href="/imgs/examples/charlie-and-lola-character/charlie-and-lola-character-after.webp"/><link rel="preload" as="image" href="/imgs/examples/line-to-image/line-to-image-before.webp"/><link rel="preload" as="image" href="/imgs/examples/line-to-image/line-to-image-after.webp"/><link rel="preload" as="image" href="/imgs/examples/linkedin-headshot/linkedin-headshot-before.webp"/><link rel="preload" as="image" href="/imgs/examples/linkedin-headshot/linkedin-headshot-after.webp"/><link rel="preload" as="image" href="/imgs/examples/comic-style/comic-style-before.webp"/><link rel="preload" as="image" href="/imgs/examples/comic-style/comic-style-after.webp"/><link rel="preload" as="image" href="/imgs/examples/from-design-to-reality/from-design-to-reality-before.webp"/><link rel="preload" as="image" href="/imgs/examples/from-design-to-reality/from-design-to-reality-after.webp"/><link rel="preload" as="image" href="/imgs/examples/studio-portrait/studio-portrait-before.webp"/><link rel="preload" as="image" href="/imgs/examples/studio-portrait/studio-portrait-after.webp"/><link rel="preload" as="image" href="/imgs/examples/esports-portrait/esports-portrait-before.webp"/><link rel="preload" as="image" href="/imgs/examples/esports-portrait/esports-portrait-after.webp"/><link rel="preload" as="image" href="/imgs/examples/ai-baby-prediction-and-generation/ai-baby-prediction-and-generation-before.webp"/><link rel="preload" as="image" href="/imgs/examples/ai-baby-prediction-and-generation/ai-baby-prediction-and-generation-after.webp"/><link rel="preload" as="image" href="/imgs/examples/artistic-portrait/artistic-portrait-before.webp"/><link rel="preload" as="image" href="/imgs/examples/artistic-portrait/artistic-portrait-after.webp"/><link rel="preload" as="image" href="/imgs/examples/cute-3d-building/cute-3d-building-before.webp"/><link rel="preload" as="image" href="/imgs/examples/cute-3d-building/cute-3d-building-after.webp"/><link rel="preload" as="image" href="/imgs/examples/line-art/line-art-before.webp"/><link rel="preload" as="image" href="/imgs/examples/line-art/line-art-after.webp"/><link rel="preload" as="image" href="/imgs/examples/photo-booth-grid
1/photo-booth-grid-before.webp"/><link rel="preload" as="image" href="/imgs/examples/photo-booth-grid/photo-booth-grid-after.webp"/><link rel="preload" as="image" href="/imgs/examples/redesign-your-interior/redesign-your-interior-before.webp"/><link rel="preload" as="image" href="/imgs/examples/redesign-your-interior/redesign-your-interior-after.webp"/><link rel="preload" as="image" href="/imgs/examples/stylized-sticker/stylized-sticker-before.webp"/><link rel="preload" as="image" href="/imgs/examples/stylized-sticker/stylized-sticker-after.webp"/><link rel="preload" as="image" href="/imgs/examples/cosplay/cosplay-before.webp"/><link rel="preload" as="image" href="/imgs/examples/cosplay/cosplay-after.webp"/><link rel="preload" as="image" href="/imgs/examples/product-struct/product-struct-before.webp"/><link rel="preload" as="image" href="/imgs/examples/product-struct/product-struct-after.webp"/><link rel="preload" as="image" href="/imgs/examples/product-poster/product-poster-before.webp"/><link rel="preload" as="image" href="/imgs/examples/product-poster/product-poster-after.webp"/><link rel="preload" as="image" href="/imgs/examples/comic-storyboard/comic-storyboard-before.webp"/><link rel="preload" as="image" href="/imgs/examples/comic-storyboard/comic-storyboard-after.webp"/><link rel="preload" as="image" href="/imgs/examples/watermark-remove/watermark-remove-before.webp"/><link rel="preload" as="image" href="/imgs/examples/watermark-remove/watermark-remove-after.webp"/><link rel="preload" as="image" href="/imgs/examples/old-photo-restore/old-photo-restore-before.webp"/><link rel="preload" as="image" href="/imgs/examples/old-photo-restore/old-photo-restore-after.webp"/><link rel="preload" as="image" href="/imgs/examples/3d-figure/3d-figure-before.webp"/><link rel="preload" as="image" href="/imgs/examples/3d-figure/3d-figure-after.webp"/><link rel="preload" as="image" href="/imgs/examples/advanced_text_rendering.webp"/><link rel="preload" as="image" href="/imgs/examples/remove-objects/remove-object-before.webp"/><link rel="preload" as="image" href="/imgs/examples/remove-objects/remove-object-after.webp"/><link rel="preload" as="image" href="/imgs/examples/image-enhancer/image-enhancer-before.jpg"/><link rel="preload" as="image" href="/imgs/examples/image-enhancer/image-enhancer-after.jpg"/><link rel="preload" as="image" href="/imgs/examples/remove-background/remove-background-before.webp"/><link rel="preload" as="image" href="/imgs/examples/remove-background/remove-background-after.webp"/><link rel="preload" as="image" href="https://www.toolpilot.ai/cdn/shop/files/tp-b-i_1280x1280_crop_center.svg?v=1695883732"/><link rel="preload" as="image" href="https://fazier.com/api/v1//public/badges/launch_badges.svg?badge_type=launched&theme=light"/><link rel="preload" href="https://www.googletagmanager.com/gtag/js?id=G-YG4RJ9W2WP" as="script"/><link rel="icon" href="/favicon.ico"/><link rel="alternate" hrefLang="en" href="https://trybanana2.com/"/><link rel="alternate" hrefLang="zh" href="https://trybanana2.com/zh/"/><link rel="alternate" hrefLang="ru" href="https://trybanana2.com/ru/"/><link rel="alternate" hrefLang="x-default" href="https://trybanana2.com"/><title>TryBanana2 - Best AI Image Generator & Photo Editor | Nano Banana 2</title><meta name="description" content="AI image generator & photo editor powered by Nano Banana 2 (Gemini 3.1 Flash Image). Create 4K images, edit photos instantly. Try for free!"/><meta name="keywords" content="nano banana 2, TryBanana2, ai image generator, ai photo editor, nano banana ai, gemini 3.1 flash image, gemini 3.1 flash, nano banana pro, nano banana, ai image editor"/><link rel="canonical" href="https://trybanana2.com"/><meta property="og:title" content="TryBanana2 - Best AI Image Generator & Photo Editor | Nano Banana 2"/><meta property="og:description" content="AI image generator & photo editor powered by Nano Banana 2 (Gemini 3.1 Flash Image). Create 4K images, edit photos instantly. Try for free!"/><meta property="og:url" content="https://trybanana2.com"/><meta property="og:site_name" content="TryBanana2"/><meta property="og:locale" content="en"/><meta property="og:image" content="https://trybanana2.com/og-image.
1webp"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:site" content="@trybanana2"/><meta name="twitter:creator" content="@trybanana2"/><meta name="twitter:title" content="TryBanana2 - Best AI Image Generator & Photo Editor | Nano Banana 2"/><meta name="twitter:description" content="AI image generator & photo editor powered by Nano Banana 2 (Gemini 3.1 Flash Image). Create 4K images, edit photos instantly. Try for free!"/><meta name="twitter:image" content="https://trybanana2.com/og-image.webp"/>
1<script>document.querySelectorAll('body link[rel="icon"], body link[rel="apple-touch-icon"]').forEach(el => document.head.appendChild(el))</script>
1<script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script>
1</head><body>
1<script>((e,t,n,r,a,o,s,i)=>{let l=document.documentElement,u=["light","dark"];function d(t){var n;(Array.isArray(e)?e:[e]).forEach(e=>{let n="class"===e,r=n&&o?a.map(e=>o[e]||e):a;n?(l.classList.remove(...r),l.classList.add(o&&o[t]?o[t]:t)):l.setAttribute(e,t)}),n=t,i&&u.includes(n)&&(l.style.colorScheme=n)}if(r)d(r);else try{let e=localStorage.getItem(t)||n,r=s&&"system"===e?window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":e;d(r)}catch(e){}})("class","theme","dark",null,["light","dark"],null,true,true)</script>
1<section class="py-3"><div class="container"><nav class="hidden justify-between lg:flex"><div class="flex items-center gap-6"><a class="flex items-center gap-0" href="/"><img src="/logo.png" alt="TryBanana2" class="w-10"/><span class="text-xl text-primary font-bold">TryBanana2</span></a><div class="flex items-center"><nav aria-label="Main" data-orientation="horizontal" dir="ltr" class="relative z-10 flex max-w-max flex-1 items-center justify-center"><div style="position:relative"><ul data-orientation="horizontal" class="group flex flex-1 list-none items-center justify-center space-x-1" dir="ltr"><li><a class="text-muted-foreground inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive backdrop-blur-md border bg-transparent border-transparent hover:bg-accent/20 hover:text-accent-foreground hover:border-accent/30 dark:hover:bg-accent/20 h-9 px-4 py-2 has-[>svg]:px-3" target="_blank" href="https://veogen.art">ð¥ AI Video Generator</a></li><li><a class="text-muted-foreground inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive backdrop-blur-md border bg-transparent border-transparent hover:bg-accent/20 hover:text-accent-foreground hover:border-accent/30 dark:hover:bg-accent/20 h-9 px-4 py-2 has-[>svg]:px-3" href="/#feature"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="size-4 shrink-0 mr-0 cursor-pointer" style="cursor:default" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M17.0007 1.20825 18.3195 3.68108 20.7923 4.99992 18.3195 6.31876 17.0007 8.79159 15.6818 6.31876 13.209 4.99992 15.6818 3.68108 17.0007 1.20825ZM10.6673 9.33325 15.6673 11.9999 10.6673 14.6666 8.00065 19.6666 5.33398 14.6666.333984 11.9999 5.33398 9.33325 8.00065 4.33325 10.6673 9.33325ZM11.4173 11.9999 9.18905 10.8115 8.00065 8.58325 6.81224 10.8115 4.58398 11.9999 6.81224 13.1883 8.00065 15.4166 9.18905 13.1883 11.4173 11.9999ZM19.6673 16.3333 18.0007 13.2083 16.334 16.3333 13.209 17.9999 16.334 19.6666 18.0007 22.7916 19.6673 19.6666 22.7923 17.9999 19.6673 16.3333Z"></path></svg>Features</a></li><li><a class="text-muted-foreground inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive backdrop-blur-md border bg-transparent border-transparent hover:bg-accent/20 hover:text-accent-foreground hover:border-accent/30 dark:hover:bg-accent/20 h-9 px-4 py-2 has-[>svg]:px-3" href="/#examples">ð¥ Templates</a></li><li><a class="text-muted-foreground inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive backdrop-blur-md border bg-transparent border-transparent hover:bg-accent/20 hover:text-accent-foreground hover:border-accent/30 dark:hover:bg-accent/20 h-9 px-4 py-2 has-[>svg]:px-3" href="/pricing"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="size-4 shrink-0 mr-0 cursor-pointer" style="cursor:default" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M12.0049 22.0027C6.48204 22.0027 2.00488 17.5256 2.00488 12.0027C2.00488 6.4799 6.48204 2.00275 12.0049 2.00275C17.5277 2.00275 22.0049 6.4799 22.0049 12.0027C22.0049 17.5256 17.5277 22.0027 12.0049 22.0027ZM12.0049 20.0027C16.4232 20.0027 20.0049 16.421 20.0049 12.0027C20.0049 7.58447 16.4232 4.00275 12.0049 4.00275C7.5866 4.00275 4.00488 7.58447 4.00488 12.0027C4.00488 16.421 7.5866 20.0027 12.0049 20.0027ZM8.50488 14.0027H14.0049C14.281 14.0027 14.5049 13.7789 14.5049 13.5027C14.5049 13.2266 14.281 13.0027 14.0049 13.0027H10.0049C8.62417 13.0027 7.50488 11.8835 7.50488 10.5027C7.50488 9.12203 8.62417 8.00275 10.0049 8.00275H11.0049V6.00275H13.0049V8.00275H15.5049V10.0027H10.0049C9.72874 10.0027 9.50488 10.2266 9.50488 10.5027C9.50488 10.7789 9.72874 11.0027 10.0049 11.
10027H14.0049C15.3856 11.0027 16.5049 12.122 16.5049 13.5027C16.5049 14.8835 15.3856 16.0027 14.0049 16.0027H13.0049V18.0027H11.0049V16.0027H8.50488V14.0027Z"></path></svg>Pricing</a></li></ul></div><div class="absolute right-0 top-full flex justify-center"></div></nav></div></div><div class="shrink-0 flex gap-2 items-center"><button type="button" role="combobox" aria-controls="radix-«R6bcqtb»" aria-expanded="false" aria-autocomplete="none" dir="ltr" data-state="closed" data-slot="select-trigger" data-size="default" class="border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 w-fit justify-between rounded-md px-3 py-2 text-sm whitespace-nowrap outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 flex cursor-pointer items-center gap-2 border-0 bg-muted/70 text-muted-foreground shadow-none outline-hidden transition-colors hover:bg-muted focus:bg-muted focus:ring-0 focus:ring-offset-0"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="text-xl" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm6.93 6h-2.95a15.65 15.65 0 0 0-1.38-3.56A8.03 8.03 0 0 1 18.92 8zM12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96zM4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2 0 .68.06 1.34.14 2H4.26zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56A7.987 7.987 0 0 1 5.08 16zm2.95-8H5.08a7.987 7.987 0 0 1 4.33-3.56A15.65 15.65 0 0 0 8.03 8zM12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96zM14.34 14H9.66c-.09-.66-.16-1.32-.16-2 0-.68.07-1.35.16-2h4.68c.09.65.16 1.32.16 2 0 .68-.07 1.34-.16 2zm.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95a8.03 8.03 0 0 1-4.33 3.56zM16.36 14c.08-.66.14-1.32.14-2 0-.68-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2h-3.38z"></path></svg><span class="hidden md:block">English</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down size-4 opacity-50" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><select aria-hidden="true" tabindex="-1" style="position:absolute;border:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;word-wrap:normal"></select><button data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive backdrop-blur-md border bg-primary/60 text-primary-foreground border-primary/40 shadow-lg hover:bg-primary/50 hover:border-primary/60 h-9 px-4 py-2 has-[>svg]:px-3"><a target="_self" class="flex items-center gap-1 cursor-pointer" href="/#image-editor">Start Creating<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="size-4 shrink-0 cursor-pointer" style="cursor:default" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z"></path></svg></a></button><div class="flex items-center gap-x-2 px-2 cursor-pointer"><button data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive backdrop-blur-md border bg-primary/60 text-primary-foreground border-primary/40 shadow-lg hover:bg-primary/50 hover:border-primary/60 h-9 px-4 py-2 has-[>svg]:px-3 cursor-pointer">Sign In</button></div></div></nav><div class="block lg:hidden"><div class="flex items-center justify-between"><a class="flex items-center gap-2" href="/"><img src="/logo.png" alt="TryBanana2" class="w-10"/><span class="text-xl font-bold">TryBanana2</span></a><button data-slot="sheet-trigger" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive backdrop-blur-md border bg-primary/60 text-primary-foreground border-primary/40 shadow-lg hover:bg-primary/50 hover:border-primary/60 size-9" type="button" aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-«R2jcqtb»" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu size-4"><line x1="4" x2="20" y1="12" y2="12"></line><line x1="4" x2="20" y1="6" y2="6"></line><line x1="4" x2="20" y1="18" y2="18"></line></svg></button></div></div></div></section><main class="overflow-x-hidden"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 1080" fill="none" class="-z-50 absolute left-0 top-0 hidden opacity-25 [mask-image:linear-gradient(to_right,white,transparent,transparent,white)] lg:block hero-grid"><g clip-path="url(#clip0_4_5)"><rect width="1920" height="1080"></rect><line y1="49.5" x2="1920" y2="49.5" class="stroke-muted-foreground"></line><line y1="99.5" x2="1920" y2="99.5" class="stroke-muted-foreground"></line><line y1="149.5" x2="1920" y2="149.5" class="stroke-muted-foreground"></line><line y1="199.5" x2="1920" y2="199.5" class="stroke-muted-foreground"></line><line y1="249.5" x2="1920" y2="249.5" class="stroke-muted-foreground"></line><line y1="299.5" x2="1920" y2="299.5" class="stroke-muted-foreground"></line><line y1="349.5" x2="1920" y2="349.5" class="stroke-muted-foreground"></line><line y1="399.5" x2="1920" y2="399.5" class="stroke-muted-foreground"></line><line y1="449.5" x2="1920" y2="449.5" class="stroke-muted-foreground"></line><line y1="499.5" x2="1920" y2="499.5" class="stroke-muted-foreground"></line><line y1="549.5" x2="1920" y2="549.5" class="stroke-muted-foreground"></line><line y1="599.5" x2="1920" y2="599.5" class="stroke-muted-foreground"></line><line y1="649.5" x2="1920" y2="649.5" class="stroke-muted-foreground"></line><line y1="699.5" x2="1920" y2="699.5" class="stroke-muted-foreground"></line><line y1="749.5" x2="1920" y2="749.5" class="stroke-muted-foreground"></line><line y1="799.5" x2="1920" y2="799.5" class="stroke-muted-foreground"></line><line y1="849.5" x2="1920" y2="849.5" class="stroke-muted-foreground"></line><line y1="899.5" x2="1920" y2="899.5" class="stroke-muted-foreground"></line><line y1="949.5" x2="1920" y2="949.5" class="stroke-muted-foreground"></line><line y1="999.5" x2="1920" y2="999.5" class="stroke-muted-foreground"></line><line y1="1049.5" x2="1920" y2="1049.5" class="stroke-muted-foreground"></line><g clip-path="url(#clip1_4_5)"><line x1="49.6133" y1="3.99995" x2="49.7268" y2="1084" class="stroke-muted-foreground"></line>
1<line x1="99.7275" y1="3.99995" x2="99.8411" y2="1084" class="stroke-muted-foreground"></line><line x1="149.841" y1="3.99995" x2="149.954" y2="1084" class="stroke-muted-foreground"></line><line x1="199.954" y1="3.99995" x2="200.068" y2="1084" class="stroke-muted-foreground"></line><line x1="250.067" y1="3.99995" x2="250.181" y2="1084" class="stroke-muted-foreground"></line><line x1="300.182" y1="3.99995" x2="300.295" y2="1084" class="stroke-muted-foreground"></line><line x1="350.295" y1="3.99995" x2="350.408" y2="1084" class="stroke-muted-foreground"></line><line x1="400.408" y1="3.99995" x2="400.522" y2="1084" class="stroke-muted-foreground"></line><line x1="450.521" y1="3.99995" x2="450.635" y2="1084" class="stroke-muted-foreground"></line><line x1="500.636" y1="3.99995" x2="500.749" y2="1084" class="stroke-muted-foreground"></line><line x1="550.749" y1="3.99995" x2="550.863" y2="1084" class="stroke-muted-foreground"></line><line x1="600.862" y1="3.99995" x2="600.976" y2="1084" class="stroke-muted-foreground"></line><line x1="650.976" y1="3.99995" x2="651.089" y2="1084" class="stroke-muted-foreground"></line><line x1="701.09" y1="3.99995" x2="701.203" y2="1084" class="stroke-muted-foreground"></line><line x1="751.203" y1="3.99995" x2="751.317" y2="1084" class="stroke-muted-foreground"></line><line x1="801.316" y1="3.99995" x2="801.43" y2="1084" class="stroke-muted-foreground"></line><line x1="851.43" y1="3.99995" x2="851.543" y2="1084" class="stroke-muted-foreground"></line><line x1="901.544" y1="3.99995" x2="901.657" y2="1084" class="stroke-muted-foreground"></line><line x1="951.657" y1="3.99995" x2="951.771" y2="1084" class="stroke-muted-foreground"></line><line x1="1001.77" y1="3.99995" x2="1001.88" y2="1084" class="stroke-muted-foreground"></line><line x1="1051.88" y1="3.99995" x2="1052" y2="1084" class="stroke-muted-foreground"></line><line x1="1102" y1="3.99995" x2="1102.11" y2="1084" class="stroke-muted-foreground"></line><line x1="1152.11" y1="3.99995" x2="1152.22" y2="1084" class="stroke-muted-foreground"></line><line x1="1202.22" y1="3.99995" x2="1202.34" y2="1084" class="stroke-muted-foreground"></line><line x1="1252.34" y1="3.99995" x2="1252.45" y2="1084" class="stroke-muted-foreground"></line><line x1="1302.45" y1="3.99995" x2="1302.57" y2="1084" class="stroke-muted-foreground"></line><line x1="1352.57" y1="3.99995" x2="1352.68" y2="1084" class="stroke-muted-foreground"></line><line x1="1402.68" y1="3.99995" x2="1402.79" y2="1084" class="stroke-muted-foreground"></line><line x1="1452.79" y1="3.99995" x2="1452.91" y2="1084" class="stroke-muted-foreground"></line><line x1="1502.91" y1="3.99995" x2="1503.02" y2="1084" class="stroke-muted-foreground"></line><line x1="1553.02" y1="3.99995" x2="1553.13" y2="1084" class="stroke-muted-foreground"></line><line x1="1603.13" y1="3.99995" x2="1603.25" y2="1084" class="stroke-muted-foreground"></line><line x1="1653.25" y1="3.99995" x2="1653.36" y2="1084" class="stroke-muted-foreground"></line><line x1="1703.36" y1="3.99995" x2="1703.47" y2="1084" class="stroke-muted-foreground"></line><line x1="1753.47" y1="3.99995" x2="1753.59" y2="1084" class="stroke-muted-foreground"></line><line x1="1803.59" y1="3.99995" x2="1803.7" y2="1084" class="stroke-muted-foreground"></line><line x1="1853.7" y1="3.99995" x2="1853.81" y2="1084" class="stroke-muted-foreground"></line><line x1="1903.81" y1="3.99995" x2="1903.93" y2="1084" class="stroke-muted-foreground"></line></g></g><defs><clipPath id="clip0_4_5"><rect width="1920" height="1080" fill="#000000"></rect></clipPath><clipPath id="clip1_4_5"><rect width="1920" height="1080" fill="#000000" transform="translate(-1 4)"></rect></clipPath></defs></svg><section class="py-24"><div class="container"><div class="text-center"><a class="mx-auto mb-3 inline-flex items-center gap-3 rounded-full border px-2 py-1 text-sm" href="/#features"><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90">ð NEW</span>Now featuring Nano Banana 2 â Google's Gemini 3.1 Flash</a><h1 class="mx-auto mb-3 mt-4 max-w-6xl text-balance text-4xl font-bold lg:mb-7 lg:text-7xl">
1Create <span class="text-primary md:bg-gradient-to-r md:from-yellow-500 md:via-amber-500 md:to-orange-500 md:bg-clip-text md:text-transparent">Any Image</span> You Imagine</h1><p class="m mx-auto max-w-3xl text-muted-foreground lg:text-xl">AI image generator and photo editor featuring Google's Nano Banana 2. Generate stunning visuals, edit with precision, render perfect text, and export in 4Kâall from a simple prompt.</p><div class="mt-8 flex flex-col justify-center gap-4 sm:flex-row"><a target="_self" class="flex items-center" href="#image-editor"><button data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive backdrop-blur-md border bg-primary/60 text-primary-foreground border-primary/40 shadow-lg hover:bg-primary/50 hover:border-primary/60 h-10 px-6 has-[>svg]:px-4 w-full"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class=" cursor-pointer" style="cursor:default" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M15.2238 15.5079L13.0111 20.1581C12.8687 20.4573 12.5107 20.5844 12.2115 20.442C12.1448 20.4103 12.0845 20.3665 12.0337 20.3129L8.49229 16.5741C8.39749 16.474 8.27113 16.4096 8.13445 16.3918L3.02816 15.7243C2.69958 15.6814 2.46804 15.3802 2.51099 15.0516C2.52056 14.9784 2.54359 14.9075 2.5789 14.8426L5.04031 10.3192C5.1062 10.1981 5.12839 10.058 5.10314 9.92253L4.16 4.85991C4.09931 4.53414 4.3142 4.22086 4.63997 4.16017C4.7126 4.14664 4.78711 4.14664 4.85974 4.16017L9.92237 5.10331C10.0579 5.12855 10.198 5.10637 10.319 5.04048L14.8424 2.57907C15.1335 2.42068 15.4979 2.52825 15.6562 2.81931C15.6916 2.88421 15.7146 2.95507 15.7241 3.02833L16.3916 8.13462C16.4095 8.2713 16.4739 8.39766 16.5739 8.49245L20.3127 12.0338C20.5533 12.2617 20.5636 12.6415 20.3357 12.8821C20.2849 12.9357 20.2246 12.9795 20.1579 13.0112L15.5078 15.224C15.3833 15.2832 15.283 15.3835 15.2238 15.5079ZM16.0206 17.435L17.4348 16.0208L21.6775 20.2634L20.2633 21.6776L16.0206 17.435Z"></path></svg>Start Creating Free</button></a><a target="_self" class="flex items-center" href="#examples"><button data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive backdrop-blur-md border bg-primary/60 text-primary-foreground border-primary/40 shadow-lg hover:bg-primary/50 hover:border-primary/60 h-10 px-6 has-[>svg]:px-4 w-full">ð¥ View Templates</button></a></div><div class="mt-8 flex flex-wrap items-center justify-center gap-2.5"><span data-slot="badge" class="inline-flex items-center justify-center w-fit shrink-0 [&>svg]:size-3 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden [a&]:hover:bg-accent [a&]:hover:text-accent-foreground border px-3 py-1 text-xs font-semibold bg-transparent gap-1.5 whitespace-nowrap rounded-full text-amber-500 border-amber-400/70 shadow-[0_10px_30px_-18px_rgba(251,191,36,0.8)]"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="h-3.5 w-3.5 cursor-pointer" style="cursor:default" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
1<path d="M17.0007 1.20825 18.3195 3.68108 20.7923 4.99992 18.3195 6.31876 17.0007 8.79159 15.6818 6.31876 13.209 4.99992 15.6818 3.68108 17.0007 1.20825ZM8.00065 4.33325 10.6673 9.33325 15.6673 11.9999 10.6673 14.6666 8.00065 19.6666 5.33398 14.6666.333984 11.9999 5.33398 9.33325 8.00065 4.33325ZM19.6673 16.3333 18.0007 13.2083 16.334 16.3333 13.209 17.9999 16.334 19.6666 18.0007 22.7916 19.6673 19.6666 22.7923 17.9999 19.6673 16.3333Z"></path></svg>Free to Try</span><span data-slot="badge" class="inline-flex items-center justify-center w-fit shrink-0 [&>svg]:size-3 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden [a&]:hover:bg-accent [a&]:hover:text-accent-foreground border px-3 py-1 text-xs font-semibold bg-transparent gap-1.5 whitespace-nowrap rounded-full text-sky-500 border-sky-400/70 shadow-[0_10px_30px_-18px_rgba(56,189,248,0.75)]"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="h-3.5 w-3.5 cursor-pointer" style="cursor:default" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M14 20H10V22H8V20H5C4.44772 20 4 19.5523 4 19V16H2V14H4V10H2V8H4V5C4 4.44772 4.44772 4 5 4H8V2H10V4H14V2H16V4H19C19.5523 4 20 4.44772 20 5V8H22V10H20V14H22V16H20V19C20 19.5523 19.5523 20 19 20H16V22H14V20ZM7 7V11H11V7H7Z"></path></svg>4K Quality</span><span data-slot="badge" class="inline-flex items-center justify-center w-fit shrink-0 [&>svg]:size-3 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden [a&]:hover:bg-accent [a&]:hover:text-accent-foreground border px-3 py-1 text-xs font-semibold bg-transparent gap-1.5 whitespace-nowrap rounded-full text-rose-500 border-rose-400/70 shadow-[0_10px_30px_-18px_rgba(244,114,182,0.78)]"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="h-3.5 w-3.5 cursor-pointer" style="cursor:default" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M12 23C7.85786 23 4.5 19.6421 4.5 15.5C4.5 13.3462 5.40786 11.4045 6.86179 10.0366C8.20403 8.77375 11.5 6.49951 11 1.5C17 5.5 20 9.5 14 15.5C15 15.5 16.5 15.5 19 13.0296C19.2697 13.8032 19.5 14.6345 19.5 15.5C19.5 19.6421 16.1421 23 12 23Z"></path></svg>Perfect Text</span><span data-slot="badge" class="inline-flex items-center justify-center w-fit shrink-0 [&>svg]:size-3 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden [a&]:hover:bg-accent [a&]:hover:text-accent-foreground border px-3 py-1 text-xs font-semibold bg-transparent gap-1.5 whitespace-nowrap rounded-full text-emerald-500 border-emerald-400/70 shadow-[0_10px_30px_-18px_rgba(16,185,129,0.65)]"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="h-3.5 w-3.5 cursor-pointer" style="cursor:default" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M13 10H20L11 23V14H4L13 1V10Z"></path></svg>Sub-10s</span></div></div></div></section><section id="image-editor" class="py-16 lg:py-24 "><div class="container"><div class="text-center mb-12 lg:mb-16"><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground text-xs font-medium mb-4">Try Now</span><h2 class="text-3xl lg:text-4xl font-bold text-foreground mb-4">Try Nano Banana 2 - AI Image Generator &
1 Photo Editor</h2><p class="text-lg text-muted-foreground max-w-3xl mx-auto leading-relaxed">Generate stunning 4K images or edit photos instantly with Nano Banana 2, powered by Google's latest Gemini 3.1 Flash. Supports up to 14 reference images, Google Search grounding, and professional results in seconds.</p></div><div class="grid lg:grid-cols-2 gap-8 max-w-7xl mx-auto"><div data-slot="card" class="text-card-foreground flex flex-col gap-6 rounded-xl border py-6 bg-card/50 border-border backdrop-blur-sm shadow-lg hover:shadow-xl transition-shadow duration-300" id="image-editor-input"><div data-slot="card-header" class="@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6 pb-4"><div class="flex items-center gap-3"><div class="p-2 bg-primary/10 rounded-lg border border-primary/20"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap w-5 h-5 text-primary"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg></div><div><div data-slot="card-title" class="text-foreground text-xl font-bold">AI Image Generator & Editor</div></div></div></div><div data-slot="card-content" class="px-6 space-y-6"><div dir="ltr" data-orientation="horizontal" data-slot="tabs" class="flex flex-col gap-2 w-full"><div role="tablist" aria-orientation="horizontal" data-slot="tabs-list" class="h-12 items-center justify-center rounded-lg p-1 backdrop-blur-md border border-border/30 bg-muted/10 shadow-sm grid w-full grid-cols-2" tabindex="-1" data-orientation="horizontal" style="outline:none"><button type="button" role="tab" aria-selected="true" aria-controls="radix-«Rcohtcqtb»-content-image-to-image" data-state="active" id="radix-«Rcohtcqtb»-trigger-image-to-image" data-slot="tabs-trigger" class="inline-flex h-full flex-1 items-center justify-center gap-1.5 rounded-lg px-3 py-2 text-sm font-medium whitespace-nowrap transition-all cursor-pointer focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 border border-transparent text-muted-foreground hover:text-foreground hover:bg-accent/10 data-[state=active]:bg-primary/50 data-[state=active]:text-primary-foreground data-[state=active]:border-primary/40 data-[state=active]:shadow-lg data-[state=active]:backdrop-blur-md" tabindex="-1" data-orientation="horizontal" data-radix-collection-item=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-image w-4 h-4 mr-2"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg>Image to Image</button><button type="button" role="tab" aria-selected="false" aria-controls="radix-«Rcohtcqtb»-content-text-to-image" data-state="inactive" id="radix-«Rcohtcqtb»-trigger-text-to-image" data-slot="tabs-trigger" class="inline-flex h-full flex-1 items-center justify-center gap-1.5 rounded-lg px-3 py-2 text-sm font-medium whitespace-nowrap transition-all cursor-pointer focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 border border-transparent text-muted-foreground hover:text-foreground hover:bg-accent/10 data-[state=active]:bg-primary/50 data-[state=active]:text-primary-foreground data-[state=active]:border-primary/40 data-[state=active]:shadow-lg data-[state=active]:backdrop-blur-md" tabindex="-1" data-orientation="horizontal" data-radix-collection-item="">Text to Image</button></div></div><div><div class="flex items-center gap-2 mb-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-image w-5 h-5 text-primary"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg><span class="font-medium text-foreground">Upload Photo</span><span class="text-muted-foreground text-sm">0/14</span></div><input type="file" multiple="" accept="image/*" class="hidden" aria-label="Upload reference images" title="Upload reference images"/><div class="border-2 border-dashed border-border rounded-lg p-8 text-center bg-muted/20 hover:border-primary/50 hover:bg-muted/30 transition-all duration-300 cursor-pointer"><div class="mx-auto w-12 h-12 bg-muted rounded-lg flex items-center justify-center mb-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-upload w-6 h-6 text-muted-foreground"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="17 8 12 3 7 8"></polyline><line x1="12" x2="12" y1="3" y2="15"></line></svg></div><div class="text-foreground font-medium mb-1">Add Photo to Edit</div><div class="text-muted-foreground text-sm">Drag & drop or click to browse<br/>(Up to 14 images, each under 30MB)</div></div></div><div><div class="flex items-center gap-2 mb-3"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="w-5 h-5 text-primary curs
1or-pointer" style="cursor:default" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22H2L4.92893 19.0711C3.11929 17.2614 2 14.7614 2 12ZM6.82843 20H12C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 14.1524 4.85124 16.1649 6.34315 17.6569L7.75736 19.0711L6.82843 20ZM8 13H16C16 15.2091 14.2091 17 12 17C9.79086 17 8 15.2091 8 13Z"></path></svg><span class="font-medium text-foreground">Description prompt</span></div><textarea class="flex w-full rounded-md px-3 py-2 text-base ring-offset-background focus-visible:outline-none focus-visible:ring-0 focus-visible:ring-offset-0 cursor-text disabled:cursor-not-allowed disabled:opacity-50 md:text-sm min-h-[120px] bg-zinc-100 dark:bg-zinc-800 border border-border/30 ring-0 focus:ring-0 focus:outline-none text-foreground placeholder:text-muted-foreground/60 resize-none transition-colors scrollbar-thin" placeholder="Describe what you want to generate or edit... (e.g., 'sunset over mountains', 'remove background', '4K enhancement', 'vintage film style')"></textarea><div class="flex flex-wrap items-center gap-2 mt-3"><button type="button" role="combobox" aria-controls="radix-«Resohtcqtb»" aria-expanded="false" aria-autocomplete="none" dir="ltr" data-state="closed" data-slot="select-trigger" data-size="default" class="border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:hover:bg-input/50 flex items-center justify-between gap-2 rounded-md px-3 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 w-auto bg-zinc-100 dark:bg-zinc-800 border-0 h-auto py-2 cursor-pointer"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="w-4 h-4 text-primary mr-2 cursor-pointer" style="cursor:default" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M6 18H18V6H6V18ZM14 20H10V22H8V20H5C4.44772 20 4 19.5523 4 19V16H2V14H4V10H2V8H4V5C4 4.44772 4.44772 4 5 4H8V2H10V4H14V2H16V4H19C19.5523 4 20 4.44772 20 5V8H22V10H20V14H22V16H20V19C20 19.5523 19.5523 20 19 20H16V22H14V20ZM8 8H16V16H8V8Z"></path></svg><span>Nano Banana 2</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down size-4 opacity-50" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><select aria-hidden="true" tabindex="-1" style="position:absolute;border:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;word-wrap:normal"></select><button type="button" role="combobox" aria-controls="radix-«Rmsohtcqtb»" aria-expanded="false" aria-autocomplete="none" dir="ltr" data-state="closed" data-slot="select-trigger" data-size="default" class="border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:hover:bg-input/50 flex items-center justify-between gap-2 rounded-md px-3 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='
1size-'])]:size-4 w-auto bg-zinc-100 dark:bg-zinc-800 border-0 h-auto py-2 cursor-pointer"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="w-4 h-4 text-primary mr-2 cursor-pointer" style="cursor:default" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M4 5V19H20V5H4ZM3 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3ZM7.5 11.25H9.5V9H11V15H9.5V12.75H7.5V15H6V9H7.5V11.25ZM14.5 10.5V13.5H16C16.2761 13.5 16.5 13.2761 16.5 13V11C16.5 10.7239 16.2761 10.5 16 10.5H14.5ZM13 9H16C17.1046 9 18 9.89543 18 11V13C18 14.1046 17.1046 15 16 15H13V9Z"></path></svg><span data-slot="select-value" style="pointer-events:none"></span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down size-4 opacity-50" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><select aria-hidden="true" tabindex="-1" style="position:absolute;border:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;word-wrap:normal"></select><button type="button" role="combobox" aria-controls="radix-«Rusohtcqtb»" aria-expanded="false" aria-autocomplete="none" dir="ltr" data-state="closed" data-slot="select-trigger" data-size="default" class="border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:hover:bg-input/50 flex items-center justify-between gap-2 rounded-md px-3 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 w-auto bg-zinc-100 dark:bg-zinc-800 border-0 h-auto py-2 cursor-pointer"><span data-slot="select-value" style="pointer-events:none"></span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down size-4 opacity-50" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><select aria-hidden="true" tabindex="-1" style="position:absolute;border:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;word-wrap:normal"></select><button type="button" role="combobox" aria-controls="radix-«R16sohtcqtb»" aria-expanded="false" aria-autocomplete="none" dir="ltr" data-state="closed" data-slot="select-trigger" data-size="default" class="border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:hover:bg-input/50 flex items-center justify-between gap-2 rounded-md px-3 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 w-auto bg-zinc-100 dark:bg-zinc-800 border-0 h-auto py-2 cursor-pointer"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="w-4 h-4 text-primary mr-2 cursor-pointer" style="cursor:default" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M15 8V4H5V20H19V8H15ZM3 2.9918C3 2.44405 3.44749 2 3.9985 2H16L20.9997 7L21 20.9925C21 21.5489 20.5551 22 20.0066 22H3.9934C3.44476 22 3 21.5447 3 21.0082V2.9918ZM11 9.5C11 10.3284 10.3284 11 9.5 11C8.67157 11 8 10.3284 8 9.5C8 8.67157 8.67157 8 9.5 8C10.3284 8 11 8.67157 11 9.5ZM17.5 17L13.5 10L8 17H17.5Z"></path></svg><span data-slot="select-value" style="pointer-events:none"></span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down size-4 opacity-50" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><select aria-hidden="true" tabindex="-1" style="position:absolute;border:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;word-wrap:normal"></select><button type="button" class="flex items-center gap-1.5 px-3 py-2 rounded-md text-sm transition-colors cursor-pointer bg-zinc-100 dark:bg-zinc-800 text-muted-foreground" data-state="closed" data-slot="tooltip-trigger"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="w-4 h-4 cursor-pointer" style="cursor:default" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM9.71002 19.6674C8.74743 17.6259 8.15732 15.3742 8.02731 13H4.06189C4.458 16.1765 6.71639 18.7747 9.71002 19.6674ZM10.0307 13C10.1811 15.4388 10.8778 17.7297 12 19.752C13.1222 17.7297 13.8189 15.4388 13.9693 13H10.0307ZM19.9381 13H15.9727C15.8427 15.3742 15.2526 17.6259 14.29 19.6674C17.2836 18.7747 19.542 16.1765 19.9381 13ZM4.06189 11H8.02731C8.15732 8.62577 8.74743 6.37407 9.71002 4.33256C6.71639 5.22533 4.458 7.8235 4.06189 11ZM10.0307 11H13.9693C13.8189 8.56122 13.1222 6.27025 12 4.24799C10.8778 6.27025 10.1811 8.56122 10.0307 11ZM14.29 4.33256C15.2526 6.37407 15.8427 8.62577 15.9727 11H19.9381C19.542 7.8235 17.2836 5.22533 14.29 4.33256Z"></path></svg><span>Google Search</span></button></div></div><button data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive shadow-lg hover:bg-primary/50 hover:border-primary/60 h-9 px-4 has-[>svg]:px-3 w-full font-medium py-3 backdrop-blur-md border transition-all bg-muted/20 text-muted-foreground cursor-not-allowed border-muted/30" disabled=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap w-4 h-4 mr-2"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg>Generate</button></div></div><div data-slot="card" class="text-card-foreground flex flex-col gap-6 rounded-xl border py-6 bg-card/50 border-border backdrop-blur-sm shadow-lg hover:shadow-xl transition-shadow duration-300"><div data-slot="card-header" class="@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6 pb-4"><div class="flex items-center gap-3"><div class="p-2 bg-muted/50 rounded-lg border border-border"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-image w-5 h-5 text-muted-foreground"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div><div data-slot="card-title" class="text-foreground text-xl font-bold">
1Generated Image</div></div></div></div><div data-slot="card-content" class="px-6"><div class="flex flex-col items-center justify-center py-16 text-center"><div class="w-16 h-16 bg-muted rounded-lg flex items-center justify-center mb-6 border border-border"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-image w-8 h-8 text-muted-foreground"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><h3 class="text-xl font-semibold text-foreground mb-2">Ready to Create?</h3><p class="text-muted-foreground max-w-sm">Upload your photos (up to 14 with Nano Banana 2) and describe what you want. Our AI photo editor powered by Nano Banana 2 will transform them into professional 4K images.</p></div></div></div></div></div></section><section id="examples" class="py-16 lg:py-24 bg-transparent "><div class="container"><div class="text-center max-w-3xl mx-auto mb-16"><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden [a&]:hover:bg-accent [a&]:hover:text-accent-foreground mb-4 border-opacity-50 bg-gradient-to-r dark:from-yellow-900/20 dark:to-amber-900/20 dark:border-yellow-600 dark:text-yellow-300 from-yellow-100 to-amber-100 border-yellow-200 text-yellow-700">ð¥ Popular Templates</span><h2 class="text-4xl font-bold tracking-tight mb-6 text-primary md:bg-gradient-to-r md:from-yellow-500 md:via-amber-500 md:to-orange-500 md:bg-clip-text md:text-transparent dark:md:from-yellow-400 dark:md:via-amber-400 dark:md:to-orange-400">Popular AI Image Generation Templates</h2><p class="text-xl text-gray-600 dark:text-gray-300">Explore trending styles powered by Google's Nano Banana 2 and Nano Banana series. Transform photos or generate new images with our AI image generatorâprofessional 4K results in seconds.</p></div><div class="grid grid-cols-2 md:grid-cols-4 lg:grid-cols-6 xl:grid-cols-8 gap-4 auto-rows-min"><div class="col-span-2 md:col-span-4 lg:col-span-4 xl:col-span-4 "><div data-slot="card" class="text-card-foreground flex flex-col border shadow-sm group border-none py-0 gap-2 hover:shadow-xl transition-all duration-300 overflow-hidden rounded-lg bg-zinc-100 dark:bg-zinc-900"><div class="relative"><div class="relative overflow-hidden aspect-[4/3] w-full h-full"><div class="absolute inset-0"><img src="/imgs/examples/multi_character_consistency/multi_character_consistency-after.webp" alt="nano banana 2 multi-character consistent template" class="absolute inset-0 w-full h-full object-cover"/></div></div></div><div data-slot="card-content" class="p-4 space-y-3"><div class="flex items-start justify-between mb-2"><h3 class="font-semibold leading-tight text-gray-700 dark:text-gray-200">Multi-Character Consistency</h3><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 font-medium w-fit whitespace-nowrap [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&]:hover:bg-secondary/90 text-xs ml-2 shrink-0 bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-300">Profissional</span></div><div class="flex items-end justify-between gap-3"><p title="A realistic, ultra-high-resolution, wide-angle smartphone selfie featuring the diverse group from the uploaded images. Crucially, each character retains their precise original art style and appearance: Iron Man is in his metallic 3D CGI armor, the anime characters look exactly like the
1ir 2D illustrations (hand-drawn style), and the real people look like photorealistic individuals. They are all crowded together, smiling into the phone camera which is held up by one person (creating a typical selfie arm foreshortening). The lighting is bright, natural sunlight, illuminating all of them. The background is a generic, blurred city street (realistic). No blending of styles; they coexist in the same frame. 8k, photorealistic, cinematic lighting." class="text-xs line-clamp-1 dark:text-zinc-500 text-zinc-400 flex-1 ">A realistic, ultra-high-resolution, wide-angle smartphone selfie featuring the diverse group from the uploaded images. Crucially, each character retains their precise original art style and appearance: Iron Man is in his metallic 3D CGI armor, the anime characters look exactly like their 2D illustrations (hand-drawn style), and the real people look like photorealistic individuals. They are all crowded together, smiling into the phone camera which is held up by one person (creating a typical selfie arm foreshortening). The lighting is bright, natural sunlight, illuminating all of them. The background is a generic, blurred city street (realistic). No blending of styles; they coexist in the same frame. 8k, photorealistic, cinematic lighting.</p><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive backdrop-blur-md border bg-background/20 shadow-lg hover:text-accent-foreground hover:border-border/40 dark:bg-input/10 gap-1.5 has-[>svg]:px-2.5 shrink-0 opacity-100 md:opacity-0 md:group-hover:opacity-100 transition-all duration-300 text-xs px-3 py-1 h-7 border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-800"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="w-3 h-3 mr-1" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z"></path></svg>Use prompt</button></div></div></div></div><div class="col-span-2 md:col-span-4 lg:col-span-4 xl:col-span-4 "><div data-slot="card" class="text-card-foreground flex flex-col border shadow-sm group border-none py-0 gap-2 hover:shadow-xl transition-all duration-300 overflow-hidden rounded-lg bg-zinc-100 dark:bg-zinc-900"><div class="relative"><div class="relative overflow-hidden select-none touch-pan-y aspect-[4/3] w-full h-full" role="slider" aria-valuemin="0" aria-valuemax="100" aria-valuenow="50"><div class="absolute inset-0" style="clip-path:inset(0 50% 0 0)"><img src="/imgs/examples/foto-profissional/foto-profissional-before.png" alt="before" class="absolute inset-0 w-full h-full object-cover"/><div class="absolute left-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">Before</div></div><div class="absolute inset-0" style="clip-path:inset(0 0 0 50%)"><img src="/imgs/examples/foto-profissional/foto-profissional-after.png" alt="after" class="absolute inset-0 w-full h-full object-cover"/><div class="absolute right-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">After</div></div><div class="absolute inset-y-0 w-1 bg-white" style="left:50%;transform:translateX(-50%)"></div><button type="button" aria-label="Adjust comparison" class="absolute top-1/2 -translate-y-1/2 -translate-x-1/2 rounded-full bg-white text-black cursor-ew-resize touch-none shadow-lg transition-transform duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary" style="left:50%;width:28px;height:28px"><span class="sr-only">Adjust comparison slider</span></button></div></div>
1<div data-slot="card-content" class="p-4 space-y-3"><div class="flex items-start justify-between mb-2"><h3 class="font-semibold leading-tight text-gray-700 dark:text-gray-200">Foto Profissional</h3><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 font-medium w-fit whitespace-nowrap [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&]:hover:bg-secondary/90 text-xs ml-2 shrink-0 bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-300">Profissional</span></div><div class="flex items-end justify-between gap-3"><p title="Prompt A hyper-realistic cinematic editorial portrait of the uploaded person (preserve face 100%). HE stands tall in a dark MAROON moody studio,surrounded by soft drifting black white smoke under a dramatic spotlight.Outfit:Fit black ð¤ luxury suit with fit-leg trousers, paired with a slightly unbuttoned black ð¤ silk shirt. Both hands tucked casually in pockets, shoulders relaxed, confident expression, head tilted slightly upward" class="text-xs line-clamp-1 dark:text-zinc-500 text-zinc-400 flex-1 ">Prompt A hyper-realistic cinematic editorial portrait of the uploaded person (preserve face 100%). HE stands tall in a dark MAROON moody studio,surrounded by soft drifting black white smoke under a dramatic spotlight.Outfit:Fit black ð¤ luxury suit with fit-leg trousers, paired with a slightly unbuttoned black ð¤ silk shirt. Both hands tucked casually in pockets, shoulders relaxed, confident expression, head tilted slightly upward</p><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive backdrop-blur-md border bg-background/20 shadow-lg hover:text-accent-foreground hover:border-border/40 dark:bg-input/10 gap-1.5 has-[>svg]:px-2.5 shrink-0 opacity-100 md:opacity-0 md:group-hover:opacity-100 transition-all duration-300 text-xs px-3 py-1 h-7 border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-800"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="w-3 h-3 mr-1" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z"></path></svg>Use prompt</button></div></div></div></div><div class="col-span-2 md:col-span-4 lg:col-span-4 xl:col-span-4 "><div data-slot="card" class="text-card-foreground flex flex-col border shadow-sm group border-none py-0 gap-2 hover:shadow-xl transition-all duration-300 overflow-hidden rounded-lg bg-zinc-100 dark:bg-zinc-900"><div class="relative"><div class="relative overflow-hidden select-none touch-pan-y aspect-[4/3] w-full h-full" role="slider" aria-valuemin="0" aria-valuemax="100" aria-valuenow="50"><div class="absolute inset-0" style="clip-path:inset(0 50% 0 0)"><img src="/imgs/examples/photo-booth-picture/photo-booth-picture-before.webp" alt="before" class="absolute inset-0 w-full h-full object-cover"/><div class="absolute left-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">Before</div></div><div class="absolute inset-0" style="clip-path:inset(0 0 0 50%)"><img src="/imgs/examples/photo-booth-picture/photo-booth-picture-after.webp" alt="after" class="absolute inset-0 w-full h-full object-cover"/>
1<div class="absolute right-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">After</div></div><div class="absolute inset-y-0 w-1 bg-white" style="left:50%;transform:translateX(-50%)"></div><button type="button" aria-label="Adjust comparison" class="absolute top-1/2 -translate-y-1/2 -translate-x-1/2 rounded-full bg-white text-black cursor-ew-resize touch-none shadow-lg transition-transform duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary" style="left:50%;width:28px;height:28px"><span class="sr-only">Adjust comparison slider</span></button></div></div><div data-slot="card-content" class="p-4 space-y-3"><div class="flex items-start justify-between mb-2"><h3 class="font-semibold leading-tight text-gray-700 dark:text-gray-200">Photo Booth Picture</h3><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 font-medium w-fit whitespace-nowrap [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&]:hover:bg-secondary/90 text-xs ml-2 shrink-0 bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-300">Fashion</span></div><div class="flex items-end justify-between gap-3"><p title="Create a four-panel photo booth picture, with each photo featuring a different expression and exaggerated poses. Each image should have a photo booth border and decorative stickers around it." class="text-xs line-clamp-1 dark:text-zinc-500 text-zinc-400 flex-1 ">Create a four-panel photo booth picture, with each photo featuring a different expression and exaggerated poses. Each image should have a photo booth border and decorative stickers around it.</p><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive backdrop-blur-md border bg-background/20 shadow-lg hover:text-accent-foreground hover:border-border/40 dark:bg-input/10 gap-1.5 has-[>svg]:px-2.5 shrink-0 opacity-100 md:opacity-0 md:group-hover:opacity-100 transition-all duration-300 text-xs px-3 py-1 h-7 border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-800"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="w-3 h-3 mr-1" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z"></path></svg>Use prompt</button></div></div></div></div><div class="col-span-2 md:col-span-4 lg:col-span-4 xl:col-span-4 "><div data-slot="card" class="text-card-foreground flex flex-col border shadow-sm group border-none py-0 gap-2 hover:shadow-xl transition-all duration-300 overflow-hidden rounded-lg bg-zinc-100 dark:bg-zinc-900"><div class="relative"><div class="relative overflow-hidden select-none touch-pan-y aspect-[4/3] w-full h-full" role="slider" aria-valuemin="0" aria-valuemax="100" aria-valuenow="50"><div class="absolute inset-0" style="clip-path:inset(0 50% 0 0)"><img src="/imgs/examples/photo-to-sketch/photo-to-sketch-before.webp" alt="before" class="absolute inset-0 w-full h-full object-cover"/><div class="absolute left-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">Before</div></div><div class="absolute inset-0" style="clip-path:inset(0 0 0 50%)"><img src="/imgs/examples/photo-to-sketch/photo-to-sketch-after.webp" alt="after" class="absolute inset-0 w-full h-full object-cover"/>
1<div class="absolute right-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">After</div></div><div class="absolute inset-y-0 w-1 bg-white" style="left:50%;transform:translateX(-50%)"></div><button type="button" aria-label="Adjust comparison" class="absolute top-1/2 -translate-y-1/2 -translate-x-1/2 rounded-full bg-white text-black cursor-ew-resize touch-none shadow-lg transition-transform duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary" style="left:50%;width:28px;height:28px"><span class="sr-only">Adjust comparison slider</span></button></div></div><div data-slot="card-content" class="p-4 space-y-3"><div class="flex items-start justify-between mb-2"><h3 class="font-semibold leading-tight text-gray-700 dark:text-gray-200">Photo to Sketch</h3><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 font-medium w-fit whitespace-nowrap [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&]:hover:bg-secondary/90 text-xs ml-2 shrink-0 bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-300">Fashion</span></div><div class="flex items-end justify-between gap-3"><p title="Pencil sketch, rough drawing, sketchy lines, cross-hatching, shading strokes, graphite style, hand-drawn feel, artistic sketch, loose linework, traditional drawing,grayscale tones, paper texture, maintain original composition, sketch marks visible, charcoal effect. 2Negative prompt: 3Color, digital art, 43D render, photorealistic, clean lines, vector art, flat colors, cartoon, anime, oil painting, watercolor." class="text-xs line-clamp-1 dark:text-zinc-500 text-zinc-400 flex-1 ">Pencil sketch, rough drawing, sketchy lines, cross-hatching, shading strokes, graphite style, hand-drawn feel, artistic sketch, loose linework, traditional drawing,grayscale tones, paper texture, maintain original composition, sketch marks visible, charcoal effect. 5Negative prompt: 6Color, digital art, 73D render, photorealistic, clean lines, vector art, flat colors, cartoon, anime, oil painting, watercolor.</p><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive backdrop-blur-md border bg-background/20 shadow-lg hover:text-accent-foreground hover:border-border/40 dark:bg-input/10 gap-1.5 has-[>svg]:px-2.5 shrink-0 opacity-100 md:opacity-0 md:group-hover:opacity-100 transition-all duration-300 text-xs px-3 py-1 h-7 border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-800"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="w-3 h-3 mr-1" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z"></path></svg>Use prompt</button></div></div></div></div><div class="col-span-2 md:col-span-4 lg:col-span-4 xl:col-span-4 "><div data-slot="card" class="text-card-foreground flex flex-col border shadow-sm group border-none py-0 gap-2 hover:shadow-xl transition-all duration-300 overflow-hidden rounded-lg bg-zinc-100 dark:bg-zinc-900"><div class="relative"><div class="relative overflow-hidden select-none touch-pan-y aspect-[4/3] w-full h-full" role="slider" aria-valuemin="0" aria-valuemax="100" aria-valuenow="50"><div class="absolute inset-0" style="clip-path:inset(0 50% 0 0)"><img src="/imgs/examples/ai-photo-enhance/ai-photo-enhance-before.webp" alt="before" class="absolute inset-0 w-full h-full object-cover"/>
7<div class="absolute left-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">Before</div></div><div class="absolute inset-0" style="clip-path:inset(0 0 0 50%)"><img src="/imgs/examples/ai-photo-enhance/ai-photo-enhance-after.webp" alt="after" class="absolute inset-0 w-full h-full object-cover"/><div class="absolute right-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">After</div></div><div class="absolute inset-y-0 w-1 bg-white" style="left:50%;transform:translateX(-50%)"></div><button type="button" aria-label="Adjust comparison" class="absolute top-1/2 -translate-y-1/2 -translate-x-1/2 rounded-full bg-white text-black cursor-ew-resize touch-none shadow-lg transition-transform duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary" style="left:50%;width:28px;height:28px"><span class="sr-only">Adjust comparison slider</span></button></div></div><div data-slot="card-content" class="p-4 space-y-3"><div class="flex items-start justify-between mb-2"><h3 class="font-semibold leading-tight text-gray-700 dark:text-gray-200">AI Photo Enhance</h3><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 font-medium w-fit whitespace-nowrap [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&]:hover:bg-secondary/90 text-xs ml-2 shrink-0 bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-300">Fashion</span></div><div class="flex items-end justify-between gap-3"><p title="Make this photo look clear and sharp like it was taken with an 8K camera. Adjust the color, contrast and brightness accordingly. Want it to be so clear that all fine details are visible." class="text-xs line-clamp-1 dark:text-zinc-500 text-zinc-400 flex-1 ">Make this photo look clear and sharp like it was taken with an 8K camera. Adjust the color, contrast and brightness accordingly. Want it to be so clear that all fine details are visible.</p><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive backdrop-blur-md border bg-background/20 shadow-lg hover:text-accent-foreground hover:border-border/40 dark:bg-input/10 gap-1.5 has-[>svg]:px-2.5 shrink-0 opacity-100 md:opacity-0 md:group-hover:opacity-100 transition-all duration-300 text-xs px-3 py-1 h-7 border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-800"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="w-3 h-3 mr-1" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z"></path></svg>Use prompt</button></div></div></div></div><div class="col-span-2 md:col-span-4 lg:col-span-4 xl:col-span-4 "><div data-slot="card" class="text-card-foreground flex flex-col border shadow-sm group border-none py-0 gap-2 hover:shadow-xl transition-all duration-300 overflow-hidden rounded-lg bg-zinc-100 dark:bg-zinc-900"><div class="relative"><div class="relative overflow-hidden select-none touch-pan-y aspect-[4/3] w-full h-full" role="slider" aria-valuemin="0" aria-valuemax="100" aria-valuenow="30"><div class="absolute inset-0" style="clip-path:inset(0 70% 0 0)"><img src="/imgs/examples/retro-vintage/retro-classic-black-saree-before.png" alt="before" class="absolute inset-0 w-full h-full object-cover"/>
7<div class="absolute left-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">Before</div></div><div class="absolute inset-0" style="clip-path:inset(0 0 0 30%)"><img src="/imgs/examples/retro-vintage/retro-red-saree-drama-after.png" alt="after" class="absolute inset-0 w-full h-full object-cover"/><div class="absolute right-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">After</div></div><div class="absolute inset-y-0 w-1 bg-white" style="left:30%;transform:translateX(-50%)"></div><button type="button" aria-label="Adjust comparison" class="absolute top-1/2 -translate-y-1/2 -translate-x-1/2 rounded-full bg-white text-black cursor-ew-resize touch-none shadow-lg transition-transform duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary" style="left:30%;width:28px;height:28px"><span class="sr-only">Adjust comparison slider</span></button></div></div><div data-slot="card-content" class="p-4 space-y-3"><div class="flex items-start justify-between mb-2"><h3 class="font-semibold leading-tight text-gray-700 dark:text-gray-200">Retro Style-Red Saree Drama</h3><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 font-medium w-fit whitespace-nowrap [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&]:hover:bg-secondary/90 text-xs ml-2 shrink-0 bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-300">Vintage</span></div><div class="flex items-end justify-between gap-3"><p title="Transform the subject into a classic Bollywood heroine in a flowing red chiffon saree, hair styled in soft waves. Background should be warm-toned, minimalist, with glowing sunset light giving a romantic and dramatic mood." class="text-xs line-clamp-1 dark:text-zinc-500 text-zinc-400 flex-1 ">Transform the subject into a classic Bollywood heroine in a flowing red chiffon saree, hair styled in soft waves. Background should be warm-toned, minimalist, with glowing sunset light giving a romantic and dramatic mood.</p><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive backdrop-blur-md border bg-background/20 shadow-lg hover:text-accent-foreground hover:border-border/40 dark:bg-input/10 gap-1.5 has-[>svg]:px-2.5 shrink-0 opacity-100 md:opacity-0 md:group-hover:opacity-100 transition-all duration-300 text-xs px-3 py-1 h-7 border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-800"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="w-3 h-3 mr-1" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z"></path></svg>Use prompt</button></div></div></div></div><div class="col-span-2 md:col-span-4 lg:col-span-4 xl:col-span-4 hidden"><div data-slot="card" class="text-card-foreground flex flex-col border shadow-sm group border-none py-0 gap-2 hover:shadow-xl transition-all duration-300 overflow-hidden rounded-lg bg-zinc-100 dark:bg-zinc-900"><div class="relative"><div class="relative overflow-hidden select-none touch-pan-y aspect-[4/3] w-full h-full" role="slider" aria-valuemin="0" aria-valuemax="100" aria-valuenow="30"><div class="absolute inset-0" style="clip-path:inset(0 70% 0 0)"><img src="/imgs/examples/retro-vintage/retro-classic-black-saree-before.png" alt="before" class="absolute inset-0 w-full h-full object-cover"/>
7<div class="absolute left-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">Before</div></div><div class="absolute inset-0" style="clip-path:inset(0 0 0 30%)"><img src="/imgs/examples/retro-vintage/retro-classic-black-saree-after.png" alt="after" class="absolute inset-0 w-full h-full object-cover"/><div class="absolute right-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">After</div></div><div class="absolute inset-y-0 w-1 bg-white" style="left:30%;transform:translateX(-50%)"></div><button type="button" aria-label="Adjust comparison" class="absolute top-1/2 -translate-y-1/2 -translate-x-1/2 rounded-full bg-white text-black cursor-ew-resize touch-none shadow-lg transition-transform duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary" style="left:30%;width:28px;height:28px"><span class="sr-only">Adjust comparison slider</span></button></div></div><div data-slot="card-content" class="p-4 space-y-3"><div class="flex items-start justify-between mb-2"><h3 class="font-semibold leading-tight text-gray-700 dark:text-gray-200">Retro Style-Classic Black-sare</h3><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 font-medium w-fit whitespace-nowrap [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&]:hover:bg-secondary/90 text-xs ml-2 shrink-0 bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-300">Vintage</span></div><div class="flex items-end justify-between gap-3"><p title="Turn this person into a 90s retro-inspired portrait wearing a shimmering black chiffon saree. The background is a deep wall with dramatic shadows, lit by golden-hour tones. Expression is calm yet mysterious, evoking old Bollywood posters." class="text-xs line-clamp-1 dark:text-zinc-500 text-zinc-400 flex-1 ">Turn this person into a 90s retro-inspired portrait wearing a shimmering black chiffon saree. The background is a deep wall with dramatic shadows, lit by golden-hour tones. Expression is calm yet mysterious, evoking old Bollywood posters.</p><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive backdrop-blur-md border bg-background/20 shadow-lg hover:text-accent-foreground hover:border-border/40 dark:bg-input/10 gap-1.5 has-[>svg]:px-2.5 shrink-0 opacity-100 md:opacity-0 md:group-hover:opacity-100 transition-all duration-300 text-xs px-3 py-1 h-7 border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-800"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="w-3 h-3 mr-1" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z"></path></svg>Use prompt</button></div></div></div></div><div class="col-span-2 md:col-span-4 lg:col-span-4 xl:col-span-4 hidden"><div data-slot="card" class="text-card-foreground flex flex-col border shadow-sm group border-none py-0 gap-2 hover:shadow-xl transition-all duration-300 overflow-hidden rounded-lg bg-zinc-100 dark:bg-zinc-900"><div class="relative"><div class="relative overflow-hidden select-none touch-pan-y aspect-[4/3] w-full h-full" role="slider" aria-valuemin="0" aria-valuemax="100" aria-valuenow="30"><div class="absolute inset-0" style="clip-path:inset(0 70% 0 0)"><img src="/imgs/examples/retro-vintage/retro-classic-black-saree-before.png" alt="before" class="absolute inset-0 w-full h-full object-cover"/>
7<div class="absolute left-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">Before</div></div><div class="absolute inset-0" style="clip-path:inset(0 0 0 30%)"><img src="/imgs/examples/retro-vintage/retro-white-polka-dot-saree-after.png" alt="after" class="absolute inset-0 w-full h-full object-cover"/><div class="absolute right-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">After</div></div><div class="absolute inset-y-0 w-1 bg-white" style="left:30%;transform:translateX(-50%)"></div><button type="button" aria-label="Adjust comparison" class="absolute top-1/2 -translate-y-1/2 -translate-x-1/2 rounded-full bg-white text-black cursor-ew-resize touch-none shadow-lg transition-transform duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary" style="left:30%;width:28px;height:28px"><span class="sr-only">Adjust comparison slider</span></button></div></div><div data-slot="card-content" class="p-4 space-y-3"><div class="flex items-start justify-between mb-2"><h3 class="font-semibold leading-tight text-gray-700 dark:text-gray-200">Retro Style-White Polka-dot Saree</h3><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 font-medium w-fit whitespace-nowrap [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&]:hover:bg-secondary/90 text-xs ml-2 shrink-0 bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-300">Vintage</span></div><div class="flex items-end justify-between gap-3"><p title="Create a realistic portrait of a woman in a translucent white polka-dot saree with matching blouse. A soft pink flower is tucked behind her ear, and warm light from the side casts a cinematic shadow. She exudes vintage diva energy." class="text-xs line-clamp-1 dark:text-zinc-500 text-zinc-400 flex-1 ">Create a realistic portrait of a woman in a translucent white polka-dot saree with matching blouse. A soft pink flower is tucked behind her ear, and warm light from the side casts a cinematic shadow. She exudes vintage diva energy.</p><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive backdrop-blur-md border bg-background/20 shadow-lg hover:text-accent-foreground hover:border-border/40 dark:bg-input/10 gap-1.5 has-[>svg]:px-2.5 shrink-0 opacity-100 md:opacity-0 md:group-hover:opacity-100 transition-all duration-300 text-xs px-3 py-1 h-7 border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-800"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="w-3 h-3 mr-1" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z"></path></svg>Use prompt</button></div></div></div></div><div class="col-span-2 md:col-span-4 lg:col-span-4 xl:col-span-4 hidden"><div data-slot="card" class="text-card-foreground flex flex-col border shadow-sm group border-none py-0 gap-2 hover:shadow-xl transition-all duration-300 overflow-hidden rounded-lg bg-zinc-100 dark:bg-zinc-900"><div class="relative"><div class="relative overflow-hidden select-none touch-pan-y aspect-[4/3] w-full h-full" role="slider" aria-valuemin="0" aria-valuemax="100" aria-valuenow="50"><div class="absolute inset-0" style="clip-path:inset(0 50% 0 0)"><img src="/imgs/examples/precise-text-editing/precise-text-editing-before.webp" alt="before" class="absolute inset-0 w-full h-full object-cover"/>
7<div class="absolute left-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">Before</div></div><div class="absolute inset-0" style="clip-path:inset(0 0 0 50%)"><img src="/imgs/examples/precise-text-editing/precise-text-editing-after.webp" alt="after" class="absolute inset-0 w-full h-full object-cover"/><div class="absolute right-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">After</div></div><div class="absolute inset-y-0 w-1 bg-white" style="left:50%;transform:translateX(-50%)"></div><button type="button" aria-label="Adjust comparison" class="absolute top-1/2 -translate-y-1/2 -translate-x-1/2 rounded-full bg-white text-black cursor-ew-resize touch-none shadow-lg transition-transform duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary" style="left:50%;width:28px;height:28px"><span class="sr-only">Adjust comparison slider</span></button></div></div><div data-slot="card-content" class="p-4 space-y-3"><div class="flex items-start justify-between mb-2"><h3 class="font-semibold leading-tight text-gray-700 dark:text-gray-200">Precise Text Editing</h3><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 font-medium w-fit whitespace-nowrap [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&]:hover:bg-secondary/90 text-xs ml-2 shrink-0 bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-300">Profissional</span></div><div class="flex items-end justify-between gap-3"><p title="Change the top word to âSchwungvoll,â the label text to âMorgen Schild,â and the bottom tagline to âEin kleiner Schluck Sonnenschein.â Keep the illustration style identical to the original." class="text-xs line-clamp-1 dark:text-zinc-500 text-zinc-400 flex-1 ">Change the top word to âSchwungvoll,â the label text to âMorgen Schild,â and the bottom tagline to âEin kleiner Schluck Sonnenschein.â Keep the illustration style identical to the original.</p><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive backdrop-blur-md border bg-background/20 shadow-lg hover:text-accent-foreground hover:border-border/40 dark:bg-input/10 gap-1.5 has-[>svg]:px-2.5 shrink-0 opacity-100 md:opacity-0 md:group-hover:opacity-100 transition-all duration-300 text-xs px-3 py-1 h-7 border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-800"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="w-3 h-3 mr-1" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z"></path></svg>Use prompt</button></div></div></div></div><div class="col-span-2 md:col-span-4 lg:col-span-4 xl:col-span-4 hidden"><div data-slot="card" class="text-card-foreground flex flex-col border shadow-sm group border-none py-0 gap-2 hover:shadow-xl transition-all duration-300 overflow-hidden rounded-lg bg-zinc-100 dark:bg-zinc-900"><div class="relative"><div class="relative overflow-hidden select-none touch-pan-y aspect-[4/3] w-full h-full" role="slider" aria-valuemin="0" aria-valuemax="100" aria-valuenow="50"><div class="absolute inset-0" style="clip-path:inset(0 50% 0 0)"><img src="/imgs/examples/ghibli-style-before.webp" alt="before" class="absolute inset-0 w-full h-full object-cover"/>
7<div class="absolute left-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">Before</div></div><div class="absolute inset-0" style="clip-path:inset(0 0 0 50%)"><img src="/imgs/examples/ghibli-style-after.webp" alt="after" class="absolute inset-0 w-full h-full object-cover"/><div class="absolute right-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">After</div></div><div class="absolute inset-y-0 w-1 bg-white" style="left:50%;transform:translateX(-50%)"></div><button type="button" aria-label="Adjust comparison" class="absolute top-1/2 -translate-y-1/2 -translate-x-1/2 rounded-full bg-white text-black cursor-ew-resize touch-none shadow-lg transition-transform duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary" style="left:50%;width:28px;height:28px"><span class="sr-only">Adjust comparison slider</span></button></div></div><div data-slot="card-content" class="p-4 space-y-3"><div class="flex items-start justify-between mb-2"><h3 class="font-semibold leading-tight text-gray-700 dark:text-gray-200">Ghibli Style</h3><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 font-medium w-fit whitespace-nowrap [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&]:hover:bg-secondary/90 text-xs ml-2 shrink-0 bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-300">Anime</span></div><div class="flex items-end justify-between gap-3"><p title="Convert the photo into Studio Ghibli style." class="text-xs line-clamp-1 dark:text-zinc-500 text-zinc-400 flex-1 ">Convert the photo into Studio Ghibli style.</p><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive backdrop-blur-md border bg-background/20 shadow-lg hover:text-accent-foreground hover:border-border/40 dark:bg-input/10 gap-1.5 has-[>svg]:px-2.5 shrink-0 opacity-100 md:opacity-0 md:group-hover:opacity-100 transition-all duration-300 text-xs px-3 py-1 h-7 border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-800"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="w-3 h-3 mr-1" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z"></path></svg>Use prompt</button></div></div></div></div><div class="col-span-2 md:col-span-4 lg:col-span-4 xl:col-span-4 hidden"><div data-slot="card" class="text-card-foreground flex flex-col border shadow-sm group border-none py-0 gap-2 hover:shadow-xl transition-all duration-300 overflow-hidden rounded-lg bg-zinc-100 dark:bg-zinc-900"><div class="relative"><div class="relative overflow-hidden select-none touch-pan-y aspect-[4/3] w-full h-full" role="slider" aria-valuemin="0" aria-valuemax="100" aria-valuenow="50"><div class="absolute inset-0" style="clip-path:inset(0 50% 0 0)"><img src="/imgs/examples/3d-figurines-before.png" alt="before" class="absolute inset-0 w-full h-full object-contain"/><div class="absolute left-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">Before</div></div><div class="absolute inset-0" style="clip-path:inset(0 0 0 50%)"><img src="/imgs/examples/3d-figurines-after.webp" alt="after" class="absolute inset-0 w-full h-full object-contain"/><div class="absolute right-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">After</div></div><div class="absolute inset-y-0 w-1 bg-white" style="left:50%;transform:translateX(-50%)"></div><button type="button" aria-label="Adjust comparison" class="absolute top-1/2 -translate-y-1/2 -translate-x-1/2 roun
7ded-full bg-white text-black cursor-ew-resize touch-none shadow-lg transition-transform duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary" style="left:50%;width:28px;height:28px"><span class="sr-only">Adjust comparison slider</span></button></div></div><div data-slot="card-content" class="p-4 space-y-3"><div class="flex items-start justify-between mb-2"><h3 class="font-semibold leading-tight text-gray-700 dark:text-gray-200">3D Figurines</h3><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 font-medium w-fit whitespace-nowrap [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&]:hover:bg-secondary/90 text-xs ml-2 shrink-0 bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-300">Fashion</span></div><div class="flex items-end justify-between gap-3"><p title="turn this photo into a character figure. Behind it, place a box with the character's image printed on it, and a computer showing the Blender modeling process on its screen. In front of the box, add a round plastic base with the character figure standing on it. set the scene indoors if possible" class="text-xs line-clamp-1 dark:text-zinc-500 text-zinc-400 flex-1 ">turn this photo into a character figure. Behind it, place a box with the character's image printed on it, and a computer showing the Blender modeling process on its screen. In front of the box, add a round plastic base with the character figure standing on it. set the scene indoors if possible</p><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive backdrop-blur-md border bg-background/20 shadow-lg hover:text-accent-foreground hover:border-border/40 dark:bg-input/10 gap-1.5 has-[>svg]:px-2.5 shrink-0 opacity-100 md:opacity-0 md:group-hover:opacity-100 transition-all duration-300 text-xs px-3 py-1 h-7 border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-800"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="w-3 h-3 mr-1" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z"></path></svg>Use prompt</button></div></div></div></div><div class="col-span-2 md:col-span-4 lg:col-span-4 xl:col-span-4 hidden"><div data-slot="card" class="text-card-foreground flex flex-col border shadow-sm group border-none py-0 gap-2 hover:shadow-xl transition-all duration-300 overflow-hidden rounded-lg bg-zinc-100 dark:bg-zinc-900"><div class="relative"><div class="relative overflow-hidden select-none touch-pan-y aspect-[4/3] w-full h-full" role="slider" aria-valuemin="0" aria-valuemax="100" aria-valuenow="50"><div class="absolute inset-0" style="clip-path:inset(0 50% 0 0)"><img src="/imgs/examples/horror-clown-makeup/horror-clown-makeup-before.webp" alt="before" class="absolute inset-0 w-full h-full object-cover"/><div class="absolute left-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">Before</div></div><div class="absolute inset-0" style="clip-path:inset(0 0 0 50%)"><img src="/imgs/examples/horror-clown-makeup/horror-clown-makeup-after.webp" alt="after" class="absolute inset-0 w-full h-full object-cover"/>
7<div class="absolute right-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">After</div></div><div class="absolute inset-y-0 w-1 bg-white" style="left:50%;transform:translateX(-50%)"></div><button type="button" aria-label="Adjust comparison" class="absolute top-1/2 -translate-y-1/2 -translate-x-1/2 rounded-full bg-white text-black cursor-ew-resize touch-none shadow-lg transition-transform duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary" style="left:50%;width:28px;height:28px"><span class="sr-only">Adjust comparison slider</span></button></div></div><div data-slot="card-content" class="p-4 space-y-3"><div class="flex items-start justify-between mb-2"><h3 class="font-semibold leading-tight text-gray-700 dark:text-gray-200">Horror Clown Makeup</h3><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 font-medium w-fit whitespace-nowrap [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&]:hover:bg-secondary/90 text-xs ml-2 shrink-0 bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-300">Fashion</span></div><div class="flex items-end justify-between gap-3"><p title="Apply horror clown face paint while preserving identity, hairstyle, natural skin tone, and the warm window side-light. Add symmetrical cobalt-blue star shapes around both eyes (sharp, crisp edges, even fill, perfectly mirrored), a round glossy red nose, and a clean upward red smile line that follows the lips. Use a white base coat with visible skin texture and soft specular highlights; even coverage, no cracks or smearing. Do not change outfit or background; no hat, wig, collar, props, or costume. High detail, clean render, no watermark, keep features and proportions unchanged." class="text-xs line-clamp-1 dark:text-zinc-500 text-zinc-400 flex-1 ">Apply horror clown face paint while preserving identity, hairstyle, natural skin tone, and the warm window side-light. Add symmetrical cobalt-blue star shapes around both eyes (sharp, crisp edges, even fill, perfectly mirrored), a round glossy red nose, and a clean upward red smile line that follows the lips. Use a white base coat with visible skin texture and soft specular highlights; even coverage, no cracks or smearing. Do not change outfit or background; no hat, wig, collar, props, or costume. High detail, clean render, no watermark, keep features and proportions unchanged.</p><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive backdrop-blur-md border bg-background/20 shadow-lg hover:text-accent-foreground hover:border-border/40 dark:bg-input/10 gap-1.5 has-[>svg]:px-2.5 shrink-0 opacity-100 md:opacity-0 md:group-hover:opacity-100 transition-all duration-300 text-xs px-3 py-1 h-7 border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-800"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="w-3 h-3 mr-1" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z"></path></svg>Use prompt</button></div></div></div></div><div class="col-span-2 md:col-span-4 lg:col-span-4 xl:col-span-4 hidden"><div data-slot="card" class="text-card-foreground flex flex-col border shadow-sm group border-none py-0 gap-2 hover:shadow-xl transition-all duration-300 overflow-hidden rounded-lg bg-zinc-100 dark:bg-zinc-900"><div class="relative">
7<div class="relative overflow-hidden select-none touch-pan-y aspect-[4/3] w-full h-full" role="slider" aria-valuemin="0" aria-valuemax="100" aria-valuenow="50"><div class="absolute inset-0" style="clip-path:inset(0 50% 0 0)"><img src="/imgs/examples/bald-filter/bald-filter-before.webp" alt="before" class="absolute inset-0 w-full h-full object-cover"/><div class="absolute left-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">Before</div></div><div class="absolute inset-0" style="clip-path:inset(0 0 0 50%)"><img src="/imgs/examples/bald-filter/bald-filter-after.webp" alt="after" class="absolute inset-0 w-full h-full object-cover"/><div class="absolute right-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">After</div></div><div class="absolute inset-y-0 w-1 bg-white" style="left:50%;transform:translateX(-50%)"></div><button type="button" aria-label="Adjust comparison" class="absolute top-1/2 -translate-y-1/2 -translate-x-1/2 rounded-full bg-white text-black cursor-ew-resize touch-none shadow-lg transition-transform duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary" style="left:50%;width:28px;height:28px"><span class="sr-only">Adjust comparison slider</span></button></div></div><div data-slot="card-content" class="p-4 space-y-3"><div class="flex items-start justify-between mb-2"><h3 class="font-semibold leading-tight text-gray-700 dark:text-gray-200">Bald Filter</h3><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 font-medium w-fit whitespace-nowrap [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&]:hover:bg-secondary/90 text-xs ml-2 shrink-0 bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-300">Fashion</span></div><div class="flex items-end justify-between gap-3"><p title="# Requirement - Change the hairstyle to bald hair style. # Notes - Avoid any facial retouching or changes. - Maintain the original background and overall composition." class="text-xs line-clamp-1 dark:text-zinc-500 text-zinc-400 flex-1 "># Requirement - Change the hairstyle to bald hair style. # Notes - Avoid any facial retouching or changes. - Maintain the original background and overall composition.</p><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive backdrop-blur-md border bg-background/20 shadow-lg hover:text-accent-foreground hover:border-border/40 dark:bg-input/10 gap-1.5 has-[>svg]:px-2.5 shrink-0 opacity-100 md:opacity-0 md:group-hover:opacity-100 transition-all duration-300 text-xs px-3 py-1 h-7 border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-800"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="w-3 h-3 mr-1" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z"></path></svg>Use prompt</button></div></div></div></div><div class="col-span-2 md:col-span-4 lg:col-span-4 xl:col-span-4 hidden"><div data-slot="card" class="text-card-foreground flex flex-col border shadow-sm group border-none py-0 gap-2 hover:shadow-xl transition-all duration-300 overflow-hidden rounded-lg bg-zinc-100 dark:bg-zinc-900"><div class="relative">
7<div class="relative overflow-hidden select-none touch-pan-y aspect-[4/3] w-full h-full" role="slider" aria-valuemin="0" aria-valuemax="100" aria-valuenow="50"><div class="absolute inset-0" style="clip-path:inset(0 50% 0 0)"><img src="/imgs/examples/gender-swap-filter/gender-swap-filter-before.webp" alt="before" class="absolute inset-0 w-full h-full object-cover"/><div class="absolute left-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">Before</div></div><div class="absolute inset-0" style="clip-path:inset(0 0 0 50%)"><img src="/imgs/examples/gender-swap-filter/gender-swap-filter-after.webp" alt="after" class="absolute inset-0 w-full h-full object-cover"/><div class="absolute right-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">After</div></div><div class="absolute inset-y-0 w-1 bg-white" style="left:50%;transform:translateX(-50%)"></div><button type="button" aria-label="Adjust comparison" class="absolute top-1/2 -translate-y-1/2 -translate-x-1/2 rounded-full bg-white text-black cursor-ew-resize touch-none shadow-lg transition-transform duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary" style="left:50%;width:28px;height:28px"><span class="sr-only">Adjust comparison slider</span></button></div></div><div data-slot="card-content" class="p-4 space-y-3"><div class="flex items-start justify-between mb-2"><h3 class="font-semibold leading-tight text-gray-700 dark:text-gray-200">Gender Swap Filter</h3><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 font-medium w-fit whitespace-nowrap [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&]:hover:bg-secondary/90 text-xs ml-2 shrink-0 bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-300">Fashion</span></div><div class="flex items-end justify-between gap-3"><p title="Transform this person to the opposite gender with complete gender consistency while preserving: 8- Core facial identity and recognizability 9- Original lighting and composition 10- Natural skin texture and tone 11Apply comprehensive gender transformation including: 12- Complete facial structure adjustment (jawline, cheekbones, brow ridge) 13- Gender-appropriate hair length and styling 14- Natural eyelash and eyebrow thickness for target gender 15- Proper makeup application or removal as needed 16- Suitable facial hair presence or smooth complexion 17- Body proportions and shoulder width adjustment if visible 18- Gender-appropriate clothing style and fit 19Ensure the final result is definitively masculine or feminine, avoiding any ambiguous or mixed gender appearance. The transformation should be thorough, natural, and authentically represent the target gender while keeping the person recognizable." class="text-xs line-clamp-1 dark:text-zinc-500 text-zinc-400 flex-1 ">Transform this person to the opposite gender with complete gender consistency while preserving: 20- Core facial identity and recognizability 21- Original lighting and composition 22- Natural skin texture and tone 23Apply comprehensive gender transformation including: 24- Complete facial structure adjustment (jawline, cheekbones, brow ridge) 25- Gender-appropriate hair length and styling 26- Natural eyelash and eyebrow thickness for target gender 27- Proper makeup application or removal as needed 28- Suitable facial hair presence or smooth complexion 29- Body proportions and shoulder width adjustment if visible 30- Gender-appropriate clothing style and fit 31Ensure the final result is definitively masculine or feminine, avoiding any ambiguous or mixed gender appearance. The transformation should be thorough, natural, and authentically represent the target gender while keeping the person recognizable.</p><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive backdrop-blur-md border bg-background/20 shadow-lg hover:text-accent-foreground hover:border-border/40 dark:bg-input/10 gap-1.5 has-[>svg]:px-2.5 shrink-0 opacity-100 md:opacity-0 md:group-hover:opacity-100 transition-all duration-300 text-xs px-3 py-1 h-7 border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-800"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="w-3 h-3 mr-1" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z"></path></svg>Use prompt</button></div></div></div></div><div class="col-span-2 md:col-span-4 lg:col-span-4 xl:col-span-4 hidden"><div data-slot="card" class="text-card-foreground flex flex-col border shadow-sm group border-none py-0 gap-2 hover:shadow-xl transition-all duration-300 overflow-hidden rounded-lg bg-zinc-100 dark:bg-zinc-900"><div class="relative">
31<div class="relative overflow-hidden select-none touch-pan-y aspect-[4/3] w-full h-full" role="slider" aria-valuemin="0" aria-valuemax="100" aria-valuenow="50"><div class="absolute inset-0" style="clip-path:inset(0 50% 0 0)"><img src="/imgs/examples/ai-halloween/ai-halloween-before.webp" alt="before" class="absolute inset-0 w-full h-full object-cover"/><div class="absolute left-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">Before</div></div><div class="absolute inset-0" style="clip-path:inset(0 0 0 50%)"><img src="/imgs/examples/ai-halloween/ai-halloween-after.webp" alt="after" class="absolute inset-0 w-full h-full object-cover"/><div class="absolute right-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">After</div></div><div class="absolute inset-y-0 w-1 bg-white" style="left:50%;transform:translateX(-50%)"></div><button type="button" aria-label="Adjust comparison" class="absolute top-1/2 -translate-y-1/2 -translate-x-1/2 rounded-full bg-white text-black cursor-ew-resize touch-none shadow-lg transition-transform duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary" style="left:50%;width:28px;height:28px"><span class="sr-only">Adjust comparison slider</span></button></div></div><div data-slot="card-content" class="p-4 space-y-3"><div class="flex items-start justify-between mb-2"><h3 class="font-semibold leading-tight text-gray-700 dark:text-gray-200">AI Halloween</h3><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 font-medium w-fit whitespace-nowrap [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&]:hover:bg-secondary/90 text-xs ml-2 shrink-0 bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-300">Fashion</span></div><div class="flex items-end justify-between gap-3"><p title="Transform this person into Halloween costume: add spooky makeup, Halloween-themed outfit, face paint or special effects, festive accessories like witch hat, vampire fangs, zombie effects, or pumpkin elements. Maintain person's facial features and identity. Creative Halloween party look." class="text-xs line-clamp-1 dark:text-zinc-500 text-zinc-400 flex-1 ">Transform this person into Halloween costume: add spooky makeup, Halloween-themed outfit, face paint or special effects, festive accessories like witch hat, vampire fangs, zombie effects, or pumpkin elements. Maintain person's facial features and identity. Creative Halloween party look.</p><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive backdrop-blur-md border bg-background/20 shadow-lg hover:text-accent-foreground hover:border-border/40 dark:bg-input/10 gap-1.5 has-[>svg]:px-2.5 shrink-0 opacity-100 md:opacity-0 md:group-hover:opacity-100 transition-all duration-300 text-xs px-3 py-1 h-7 border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-800"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="w-3 h-3 mr-1" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z"></path></svg>Use prompt</button></div></div></div></div><div class="col-span-2 md:col-span-4 lg:col-span-4 xl:col-span-4 hidden"><div data-slot="card" class="text-card-foreground flex flex-col border shadow-sm group border-none py-0 gap-2 hover:shadow-xl transition-all duration-300 overflow-hidden rounded-lg bg-zinc-100 dark:bg-zinc-900"><div class="relative">
31<div class="relative overflow-hidden select-none touch-pan-y aspect-[4/3] w-full h-full" role="slider" aria-valuemin="0" aria-valuemax="100" aria-valuenow="50"><div class="absolute inset-0" style="clip-path:inset(0 50% 0 0)"><img src="/imgs/examples/doll-filter/doll-filter-before.webp" alt="before" class="absolute inset-0 w-full h-full object-cover"/><div class="absolute left-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">Before</div></div><div class="absolute inset-0" style="clip-path:inset(0 0 0 50%)"><img src="/imgs/examples/doll-filter/doll-filter-effect.webp" alt="after" class="absolute inset-0 w-full h-full object-cover"/><div class="absolute right-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">After</div></div><div class="absolute inset-y-0 w-1 bg-white" style="left:50%;transform:translateX(-50%)"></div><button type="button" aria-label="Adjust comparison" class="absolute top-1/2 -translate-y-1/2 -translate-x-1/2 rounded-full bg-white text-black cursor-ew-resize touch-none shadow-lg transition-transform duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary" style="left:50%;width:28px;height:28px"><span class="sr-only">Adjust comparison slider</span></button></div></div><div data-slot="card-content" class="p-4 space-y-3"><div class="flex items-start justify-between mb-2"><h3 class="font-semibold leading-tight text-gray-700 dark:text-gray-200">Doll Filter</h3><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 font-medium w-fit whitespace-nowrap [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&]:hover:bg-secondary/90 text-xs ml-2 shrink-0 bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-300">Fashion</span></div><div class="flex items-end justify-between gap-3"><p title="A soft, high-quality plush toy based on the uploaded image, with an oversized head, small body, and stubby limbs. Made of fuzzy fabric with visible stitching and embroidered facial features. IMPORTANT: Recreate the original hairstyle from the photo using appropriate plush materials and textures to capture the hair color, length, and style. The plush is shown sitting or standing against a neutral background. The expression is cute or expressive, and it wears simple clothes or iconic accessories if relevant. Lighting is soft and even, with a realistic, collectible plush look. Centered, full-body view." class="text-xs line-clamp-1 dark:text-zinc-500 text-zinc-400 flex-1 ">A soft, high-quality plush toy based on the uploaded image, with an oversized head, small body, and stubby limbs. Made of fuzzy fabric with visible stitching and embroidered facial features. IMPORTANT: Recreate the original hairstyle from the photo using appropriate plush materials and textures to capture the hair color, length, and style. The plush is shown sitting or standing against a neutral background. The expression is cute or expressive, and it wears simple clothes or iconic accessories if relevant. Lighting is soft and even, with a realistic, collectible plush look. Centered, full-body view.</p><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive backdrop-blur-md border bg-background/20 shadow-lg hover:text-accent-foreground hover:border-border/40 dark:bg-input/10 gap-1.5 has-[>svg]:px-2.5 shrink-0 opacity-100 md:opacity-0 md:group-hover:opacity-100 transition-all duration-300 text-xs px-3 py-1 h-7 border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-800"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="w-3 h-3 mr-1" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z"></path></svg>Use prompt</button></div></div></div></div><div class="col-span-2 md:col-span-4 lg:col-span-4 xl:col-span-4 hidden"><div data-slot="card" class="text-card-foreground flex flex-col border shadow-sm group border-none py-0 gap-2 hover:shadow-xl transition-all duration-300 overflow-hidden rounded-lg bg-zinc-100 dark:bg-zinc-900"><div class="relative">
31<div class="relative overflow-hidden select-none touch-pan-y aspect-[4/3] w-full h-full" role="slider" aria-valuemin="0" aria-valuemax="100" aria-valuenow="50"><div class="absolute inset-0" style="clip-path:inset(0 50% 0 0)"><img src="/imgs/examples/pop-art-portrait/pop-art-portrait-before.webp" alt="before" class="absolute inset-0 w-full h-full object-cover"/><div class="absolute left-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">Before</div></div><div class="absolute inset-0" style="clip-path:inset(0 0 0 50%)"><img src="/imgs/examples/pop-art-portrait/pop-art-portrait-effect.webp" alt="after" class="absolute inset-0 w-full h-full object-cover"/><div class="absolute right-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">After</div></div><div class="absolute inset-y-0 w-1 bg-white" style="left:50%;transform:translateX(-50%)"></div><button type="button" aria-label="Adjust comparison" class="absolute top-1/2 -translate-y-1/2 -translate-x-1/2 rounded-full bg-white text-black cursor-ew-resize touch-none shadow-lg transition-transform duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary" style="left:50%;width:28px;height:28px"><span class="sr-only">Adjust comparison slider</span></button></div></div><div data-slot="card-content" class="p-4 space-y-3"><div class="flex items-start justify-between mb-2"><h3 class="font-semibold leading-tight text-gray-700 dark:text-gray-200">Pop-Art Portrait</h3><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 font-medium w-fit whitespace-nowrap [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&]:hover:bg-secondary/90 text-xs ml-2 shrink-0 bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-300">Fashion</span></div><div class="flex items-end justify-between gap-3"><p title="A vibrant, stylized pop art portrait of a [Subject 32]. The subject is rendered with bold, clean lines and a strong outline, reminiscent of graphic novels or character design. The [Subject 33] is wearing a [Color 34] top/jacket and [accessories 35]. Their hair is dynamically styled and well-groomed. The background is a solid, clean [Background Colour 36], ensuring the subject pops. The overall style is modern, charismatic, and slightly exaggerated for artistic effect, with crisp digital rendering and vibrant color saturation." class="text-xs line-clamp-1 dark:text-zinc-500 text-zinc-400 flex-1 ">A vibrant, stylized pop art portrait of a [Subject 37]. The subject is rendered with bold, clean lines and a strong outline, reminiscent of graphic novels or character design. The [Subject 38] is wearing a [Color 39] top/jacket and [accessories 40]. Their hair is dynamically styled and well-groomed. The background is a solid, clean [Background Colour 41], ensuring the subject pops. The overall style is modern, charismatic, and slightly exaggerated for artistic effect, with crisp digital rendering and vibrant color saturation.</p><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive backdrop-blur-md border bg-background/20 shadow-lg hover:text-accent-foreground hover:border-border/40 dark:bg-input/10 gap-1.5 has-[>svg]:px-2.5 shrink-0 opacity-100 md:opacity-0 md:group-hover:opacity-100 transition-all duration-300 text-xs px-3 py-1 h-7 border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-800"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="w-3 h-3 mr-1" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z"></path></svg>Use prompt</button></div></div></div></div><div class="col-span-2 md:col-span-4 lg:col-span-4 xl:col-span-4 hidden"><div data-slot="card" class="text-card-foreground flex flex-col border shadow-sm group border-none py-0 gap-2 hover:shadow-xl transition-all duration-300 overflow-hidden rounded-lg bg-zinc-100 dark:bg-zinc-900"><div class="relative">
41<div class="relative overflow-hidden select-none touch-pan-y aspect-[4/3] w-full h-full" role="slider" aria-valuemin="0" aria-valuemax="100" aria-valuenow="50"><div class="absolute inset-0" style="clip-path:inset(0 50% 0 0)"><img src="/imgs/examples/ghostface-ai-picture/ghostface-ai-picture.webp" alt="before" class="absolute inset-0 w-full h-full object-cover"/><div class="absolute left-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">Before</div></div><div class="absolute inset-0" style="clip-path:inset(0 0 0 50%)"><img src="/imgs/examples/ghostface-ai-picture/ghostface-ai-picture-effect.webp" alt="after" class="absolute inset-0 w-full h-full object-cover"/><div class="absolute right-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">After</div></div><div class="absolute inset-y-0 w-1 bg-white" style="left:50%;transform:translateX(-50%)"></div><button type="button" aria-label="Adjust comparison" class="absolute top-1/2 -translate-y-1/2 -translate-x-1/2 rounded-full bg-white text-black cursor-ew-resize touch-none shadow-lg transition-transform duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary" style="left:50%;width:28px;height:28px"><span class="sr-only">Adjust comparison slider</span></button></div></div><div data-slot="card-content" class="p-4 space-y-3"><div class="flex items-start justify-between mb-2"><h3 class="font-semibold leading-tight text-gray-700 dark:text-gray-200">Ghostface AI Picture</h3><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 font-medium w-fit whitespace-nowrap [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&]:hover:bg-secondary/90 text-xs ml-2 shrink-0 bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-300">Fashion</span></div><div class="flex items-end justify-between gap-3"><p title="Transform the uploaded image into a dreamy Y2K style portrait while retaining the subject's hairstyle and accessories. The subject should be depicted lying on shiny pink satin bedding, holding a large 90s style corded phone in a thoughtful daydreaming pose. She should wear delicate jewelry, including dainty gold necklaces and accessories, as well as chunky gold rings. The background should feature a girly, daydreamy atmosphere with 90s posters. Her makeup should be simple yet glamorous, with brown lip gloss and brown lip liner. The final image should have a grainy 90s aesthetic, illuminated by a light source like a lamp in a dimly lit room at night. Additionally, a figure resembling the Ghostface Killer should be positioned behind her, standing in the doorway of a dimly lit hallway, with his body appearing slightly dim. The overall ambiance should be slightly dark and ominous." class="text-xs line-clamp-1 dark:text-zinc-500 text-zinc-400 flex-1 ">Transform the uploaded image into a dreamy Y2K style portrait while retaining the subject's hairstyle and accessories. The subject should be depicted lying on shiny pink satin bedding, holding a large 90s style corded phone in a thoughtful daydreaming pose. She should wear delicate jewelry, including dainty gold necklaces and accessories, as well as chunky gold rings. The background should feature a girly, daydreamy atmosphere with 90s posters. Her makeup should be simple yet glamorous, with brown lip gloss and brown lip liner. The final image should have a grainy 90s aesthetic, illuminated by a light source like a lamp in a dimly lit room at night. Additionally, a figure resembling the Ghostface Killer should be positioned behind her, standing in the doorway of a dimly lit hallway, with his body appearing slightly dim. The overall ambiance should be slightly dark and ominous.</p><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive backdrop-blur-md border bg-background/20 shadow-lg hover:text-accent-foreground hover:border-border/40 dark:bg-input/10 gap-1.5 has-[>svg]:px-2.5 shrink-0 opacity-100 md:opacity-0 md:group-hover:opacity-100 transition-all duration-300 text-xs px-3 py-1 h-7 border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-800"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="w-3 h-3 mr-1" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z"></path></svg>Use prompt</button></div></div></div></div><div class="col-span-2 md:col-span-4 lg:col-span-4 xl:col-span-4 hidden"><div data-slot="card" class="text-card-foreground flex flex-col border shadow-sm group border-none py-0 gap-2 hover:shadow-xl transition-all duration-300 overflow-hidden rounded-lg bg-zinc-100 dark:bg-zinc-900"><div class="relative">
41<div class="relative overflow-hidden select-none touch-pan-y aspect-[4/3] w-full h-full" role="slider" aria-valuemin="0" aria-valuemax="100" aria-valuenow="50"><div class="absolute inset-0" style="clip-path:inset(0 50% 0 0)"><img src="/imgs/examples/ai-y2k-aesthetic/ai-y2k-aesthetic.webp" alt="before" class="absolute inset-0 w-full h-full object-cover"/><div class="absolute left-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">Before</div></div><div class="absolute inset-0" style="clip-path:inset(0 0 0 50%)"><img src="/imgs/examples/ai-y2k-aesthetic/ai-y2k-aesthetic-effect.webp" alt="after" class="absolute inset-0 w-full h-full object-cover"/><div class="absolute right-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">After</div></div><div class="absolute inset-y-0 w-1 bg-white" style="left:50%;transform:translateX(-50%)"></div><button type="button" aria-label="Adjust comparison" class="absolute top-1/2 -translate-y-1/2 -translate-x-1/2 rounded-full bg-white text-black cursor-ew-resize touch-none shadow-lg transition-transform duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary" style="left:50%;width:28px;height:28px"><span class="sr-only">Adjust comparison slider</span></button></div></div><div data-slot="card-content" class="p-4 space-y-3"><div class="flex items-start justify-between mb-2"><h3 class="font-semibold leading-tight text-gray-700 dark:text-gray-200">AI Y2K Aesthetic</h3><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 font-medium w-fit whitespace-nowrap [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&]:hover:bg-secondary/90 text-xs ml-2 shrink-0 bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-300">Fashion</span></div><div class="flex items-end justify-between gap-3"><p title="Digital illustration of a person, Y2K Cyberpunk aesthetic, highly detailed, comic book style, graphic novel art, sharp focus, vibrant neon colors (hot pink, electric blue, lime green), deep shadows, cinematic volumetric lighting, in a futuristic neon room, background features glowing geometric shapes, The person is wearing a stylized cyberpunk outfit with holographic textures and a glowing LED choker. Ultra-realistic face rendering, maintain the original facial features of the person, masterpiece." class="text-xs line-clamp-1 dark:text-zinc-500 text-zinc-400 flex-1 ">Digital illustration of a person, Y2K Cyberpunk aesthetic, highly detailed, comic book style, graphic novel art, sharp focus, vibrant neon colors (hot pink, electric blue, lime green), deep shadows, cinematic volumetric lighting, in a futuristic neon room, background features glowing geometric shapes, The person is wearing a stylized cyberpunk outfit with holographic textures and a glowing LED choker. Ultra-realistic face rendering, maintain the original facial features of the person, masterpiece.</p><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive backdrop-blur-md border bg-background/20 shadow-lg hover:text-accent-foreground hover:border-border/40 dark:bg-input/10 gap-1.5 has-[>svg]:px-2.5 shrink-0 opacity-100 md:opacity-0 md:group-hover:opacity-100 transition-all duration-300 text-xs px-3 py-1 h-7 border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-800"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="w-3 h-3 mr-1" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z"></path></svg>Use prompt</button></div></div></div></div><div class="col-span-2 md:col-span-4 lg:col-span-4 xl:col-span-4 hidden"><div data-slot="card" class="text-card-foreground flex flex-col border shadow-sm group border-none py-0 gap-2 hover:shadow-xl transition-all duration-300 overflow-hidden rounded-lg bg-zinc-100 dark:bg-zinc-900"><div class="relative">
41<div class="relative overflow-hidden select-none touch-pan-y aspect-[4/3] w-full h-full" role="slider" aria-valuemin="0" aria-valuemax="100" aria-valuenow="50"><div class="absolute inset-0" style="clip-path:inset(0 50% 0 0)"><img src="/imgs/examples/disney-ai-poster/disney-ai-poster.webp" alt="before" class="absolute inset-0 w-full h-full object-cover"/><div class="absolute left-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">Before</div></div><div class="absolute inset-0" style="clip-path:inset(0 0 0 50%)"><img src="/imgs/examples/disney-ai-poster/disney-ai-poster-effect.webp" alt="after" class="absolute inset-0 w-full h-full object-cover"/><div class="absolute right-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">After</div></div><div class="absolute inset-y-0 w-1 bg-white" style="left:50%;transform:translateX(-50%)"></div><button type="button" aria-label="Adjust comparison" class="absolute top-1/2 -translate-y-1/2 -translate-x-1/2 rounded-full bg-white text-black cursor-ew-resize touch-none shadow-lg transition-transform duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary" style="left:50%;width:28px;height:28px"><span class="sr-only">Adjust comparison slider</span></button></div></div><div data-slot="card-content" class="p-4 space-y-3"><div class="flex items-start justify-between mb-2"><h3 class="font-semibold leading-tight text-gray-700 dark:text-gray-200">Disney AI Poster</h3><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 font-medium w-fit whitespace-nowrap [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&]:hover:bg-secondary/90 text-xs ml-2 shrink-0 bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-300">Fashion</span></div><div class="flex items-end justify-between gap-3"><p title="Transform this image into Pixar animation style" class="text-xs line-clamp-1 dark:text-zinc-500 text-zinc-400 flex-1 ">Transform this image into Pixar animation style</p><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive backdrop-blur-md border bg-background/20 shadow-lg hover:text-accent-foreground hover:border-border/40 dark:bg-input/10 gap-1.5 has-[>svg]:px-2.5 shrink-0 opacity-100 md:opacity-0 md:group-hover:opacity-100 transition-all duration-300 text-xs px-3 py-1 h-7 border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-800"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="w-3 h-3 mr-1" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z"></path></svg>Use prompt</button></div></div></div></div><div class="col-span-2 md:col-span-4 lg:col-span-4 xl:col-span-4 hidden"><div data-slot="card" class="text-card-foreground flex flex-col border shadow-sm group border-none py-0 gap-2 hover:shadow-xl transition-all duration-300 overflow-hidden rounded-lg bg-zinc-100 dark:bg-zinc-900"><div class="relative"><div class="relative overflow-hidden select-none touch-pan-y aspect-[4/3] w-full h-full" role="slider" aria-valuemin="0" aria-valuemax="100" aria-valuenow="50"><div class="absolute inset-0" style="clip-path:inset(0 50% 0 0)"><img src="/imgs/examples/black-and-white-portrait/black-and-white-portrait.webp" alt="before" class="absolute inset-0 w-full h-full object-cover"/>
41<div class="absolute left-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">Before</div></div><div class="absolute inset-0" style="clip-path:inset(0 0 0 50%)"><img src="/imgs/examples/black-and-white-portrait/black-and-white-portrait-effect.webp" alt="after" class="absolute inset-0 w-full h-full object-cover"/><div class="absolute right-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">After</div></div><div class="absolute inset-y-0 w-1 bg-white" style="left:50%;transform:translateX(-50%)"></div><button type="button" aria-label="Adjust comparison" class="absolute top-1/2 -translate-y-1/2 -translate-x-1/2 rounded-full bg-white text-black cursor-ew-resize touch-none shadow-lg transition-transform duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary" style="left:50%;width:28px;height:28px"><span class="sr-only">Adjust comparison slider</span></button></div></div><div data-slot="card-content" class="p-4 space-y-3"><div class="flex items-start justify-between mb-2"><h3 class="font-semibold leading-tight text-gray-700 dark:text-gray-200">Black and White Portrait</h3><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 font-medium w-fit whitespace-nowrap [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&]:hover:bg-secondary/90 text-xs ml-2 shrink-0 bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-300">Fashion</span></div><div class="flex items-end justify-between gap-3"><p title="Please generate a black and white portrait with classic artistic composition. Subject positioned at a slight three-quarter angle with head turned toward camera, chin slightly lowered for a contemplative and dignified expression. Use 35mm lens aesthetic with 10.7K 4HD quality. Lighting should create dramatic contrast with soft shadows defining facial contours. Deep black background that gradually fades, showing face, neck, and upper shoulders. Classic portrait photography style reminiscent of fine art black and white portraiture with elegant, timeless posing." class="text-xs line-clamp-1 dark:text-zinc-500 text-zinc-400 flex-1 ">Please generate a black and white portrait with classic artistic composition. Subject positioned at a slight three-quarter angle with head turned toward camera, chin slightly lowered for a contemplative and dignified expression. Use 35mm lens aesthetic with 10.7K 4HD quality. Lighting should create dramatic contrast with soft shadows defining facial contours. Deep black background that gradually fades, showing face, neck, and upper shoulders. Classic portrait photography style reminiscent of fine art black and white portraiture with elegant, timeless posing.</p><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive backdrop-blur-md border bg-background/20 shadow-lg hover:text-accent-foreground hover:border-border/40 dark:bg-input/10 gap-1.5 has-[>svg]:px-2.5 shrink-0 opacity-100 md:opacity-0 md:group-hover:opacity-100 transition-all duration-300 text-xs px-3 py-1 h-7 border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-800"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="w-3 h-3 mr-1" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z"></path></svg>Use prompt</button></div></div></div></div><div class="col-span-2 md:col-span-4 lg:col-span-4 xl:col-span-4 hidden"><div data-slot="card" class="text-card-foreground flex flex-col border shadow-sm group border-none py-0 gap-2 hover:shadow-xl transition-all duration-300 overflow-hidden rounded-lg bg-zinc-100 dark:bg-zinc-900"><div class="relative">
41<div class="relative overflow-hidden select-none touch-pan-y aspect-[4/3] w-full h-full" role="slider" aria-valuemin="0" aria-valuemax="100" aria-valuenow="50"><div class="absolute inset-0" style="clip-path:inset(0 50% 0 0)"><img src="/imgs/examples/funko-pop/funko-pop.webp" alt="before" class="absolute inset-0 w-full h-full object-cover"/><div class="absolute left-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">Before</div></div><div class="absolute inset-0" style="clip-path:inset(0 0 0 50%)"><img src="/imgs/examples/funko-pop/funko-pop-effect.webp" alt="after" class="absolute inset-0 w-full h-full object-cover"/><div class="absolute right-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">After</div></div><div class="absolute inset-y-0 w-1 bg-white" style="left:50%;transform:translateX(-50%)"></div><button type="button" aria-label="Adjust comparison" class="absolute top-1/2 -translate-y-1/2 -translate-x-1/2 rounded-full bg-white text-black cursor-ew-resize touch-none shadow-lg transition-transform duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary" style="left:50%;width:28px;height:28px"><span class="sr-only">Adjust comparison slider</span></button></div></div><div data-slot="card-content" class="p-4 space-y-3"><div class="flex items-start justify-between mb-2"><h3 class="font-semibold leading-tight text-gray-700 dark:text-gray-200">Funko Pop</h3><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 font-medium w-fit whitespace-nowrap [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&]:hover:bg-secondary/90 text-xs ml-2 shrink-0 bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-300">Fashion</span></div><div class="flex items-end justify-between gap-3"><p title="Convert to Funko Pop style: Transform this image into a cute collectible vinyl toy version with oversized head, small body proportions, simplified facial features, large round eyes, and smooth stylized design. Maintain the character's key identifying features including all accessories, jewelry, glasses, clothing details, and worn items while adapting them to the playful Funko Pop aesthetic. Ensure that watches, necklaces, earrings, hats, bags, or any other accessories are clearly visible and represented in the simplified toy style with bright, saturated colors and smooth plastic texture." class="text-xs line-clamp-1 dark:text-zinc-500 text-zinc-400 flex-1 ">Convert to Funko Pop style: Transform this image into a cute collectible vinyl toy version with oversized head, small body proportions, simplified facial features, large round eyes, and smooth stylized design. Maintain the character's key identifying features including all accessories, jewelry, glasses, clothing details, and worn items while adapting them to the playful Funko Pop aesthetic. Ensure that watches, necklaces, earrings, hats, bags, or any other accessories are clearly visible and represented in the simplified toy style with bright, saturated colors and smooth plastic texture.</p><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive backdrop-blur-md border bg-background/20 shadow-lg hover:text-accent-foreground hover:border-border/40 dark:bg-input/10 gap-1.5 has-[>svg]:px-2.5 shrink-0 opacity-100 md:opacity-0 md:group-hover:opacity-100 transition-all duration-300 text-xs px-3 py-1 h-7 border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-800"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="w-3 h-3 mr-1" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z"></path></svg>Use prompt</button></div></div></div></div><div class="col-span-2 md:col-span-4 lg:col-span-4 xl:col-span-4 hidden"><div data-slot="card" class="text-card-foreground flex flex-col border shadow-sm group border-none py-0 gap-2 hover:shadow-xl transition-all duration-300 overflow-hidden rounded-lg bg-zinc-100 dark:bg-zinc-900"><div class="relative">
41<div class="relative overflow-hidden select-none touch-pan-y aspect-[4/3] w-full h-full" role="slider" aria-valuemin="0" aria-valuemax="100" aria-valuenow="50"><div class="absolute inset-0" style="clip-path:inset(0 50% 0 0)"><img src="/imgs/examples/inversion-filter/inversion-filter-before.webp" alt="before" class="absolute inset-0 w-full h-full object-cover"/><div class="absolute left-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">Before</div></div><div class="absolute inset-0" style="clip-path:inset(0 0 0 50%)"><img src="/imgs/examples/inversion-filter/inversion-filter-after.webp" alt="after" class="absolute inset-0 w-full h-full object-cover"/><div class="absolute right-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">After</div></div><div class="absolute inset-y-0 w-1 bg-white" style="left:50%;transform:translateX(-50%)"></div><button type="button" aria-label="Adjust comparison" class="absolute top-1/2 -translate-y-1/2 -translate-x-1/2 rounded-full bg-white text-black cursor-ew-resize touch-none shadow-lg transition-transform duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary" style="left:50%;width:28px;height:28px"><span class="sr-only">Adjust comparison slider</span></button></div></div><div data-slot="card-content" class="p-4 space-y-3"><div class="flex items-start justify-between mb-2"><h3 class="font-semibold leading-tight text-gray-700 dark:text-gray-200">Inversion Filter</h3><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 font-medium w-fit whitespace-nowrap [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&]:hover:bg-secondary/90 text-xs ml-2 shrink-0 bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-300">Fashion</span></div><div class="flex items-end justify-between gap-3"><p title="Create a horizontal flip effect: flip the image along the vertical axis, swapping the left side with the right side, just like a mirror effect." class="text-xs line-clamp-1 dark:text-zinc-500 text-zinc-400 flex-1 ">Create a horizontal flip effect: flip the image along the vertical axis, swapping the left side with the right side, just like a mirror effect.</p><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive backdrop-blur-md border bg-background/20 shadow-lg hover:text-accent-foreground hover:border-border/40 dark:bg-input/10 gap-1.5 has-[>svg]:px-2.5 shrink-0 opacity-100 md:opacity-0 md:group-hover:opacity-100 transition-all duration-300 text-xs px-3 py-1 h-7 border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-800"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="w-3 h-3 mr-1" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z"></path></svg>Use prompt</button></div></div></div></div><div class="col-span-2 md:col-span-4 lg:col-span-4 xl:col-span-4 hidden"><div data-slot="card" class="text-card-foreground flex flex-col border shadow-sm group border-none py-0 gap-2 hover:shadow-xl transition-all duration-300 overflow-hidden rounded-lg bg-zinc-100 dark:bg-zinc-900"><div class="relative">
41<div class="relative overflow-hidden select-none touch-pan-y aspect-[4/3] w-full h-full" role="slider" aria-valuemin="0" aria-valuemax="100" aria-valuenow="50"><div class="absolute inset-0" style="clip-path:inset(0 50% 0 0)"><img src="/imgs/examples/charlie-and-lola-character/charlie-and-lola-character-before.webp" alt="before" class="absolute inset-0 w-full h-full object-contain"/><div class="absolute left-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">Before</div></div><div class="absolute inset-0" style="clip-path:inset(0 0 0 50%)"><img src="/imgs/examples/charlie-and-lola-character/charlie-and-lola-character-after.webp" alt="after" class="absolute inset-0 w-full h-full object-contain"/><div class="absolute right-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">After</div></div><div class="absolute inset-y-0 w-1 bg-white" style="left:50%;transform:translateX(-50%)"></div><button type="button" aria-label="Adjust comparison" class="absolute top-1/2 -translate-y-1/2 -translate-x-1/2 rounded-full bg-white text-black cursor-ew-resize touch-none shadow-lg transition-transform duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary" style="left:50%;width:28px;height:28px"><span class="sr-only">Adjust comparison slider</span></button></div></div><div data-slot="card-content" class="p-4 space-y-3"><div class="flex items-start justify-between mb-2"><h3 class="font-semibold leading-tight text-gray-700 dark:text-gray-200">Charlie and Lola Character</h3><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 font-medium w-fit whitespace-nowrap [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&]:hover:bg-secondary/90 text-xs ml-2 shrink-0 bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-300">Fashion</span></div><div class="flex items-end justify-between gap-3"><p title="Transform photo into Charlie and Lola-style illustration: thin sketchy outlines, flat pastel colors, playful childlike proportions, hand-drawn textures, simplified facial features, soft shadows, clean white background. Emphasize outfit details and accessories. Output as high-resolution image, full body illustration." class="text-xs line-clamp-1 dark:text-zinc-500 text-zinc-400 flex-1 ">Transform photo into Charlie and Lola-style illustration: thin sketchy outlines, flat pastel colors, playful childlike proportions, hand-drawn textures, simplified facial features, soft shadows, clean white background. Emphasize outfit details and accessories. Output as high-resolution image, full body illustration.</p><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive backdrop-blur-md border bg-background/20 shadow-lg hover:text-accent-foreground hover:border-border/40 dark:bg-input/10 gap-1.5 has-[>svg]:px-2.5 shrink-0 opacity-100 md:opacity-0 md:group-hover:opacity-100 transition-all duration-300 text-xs px-3 py-1 h-7 border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-800"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="w-3 h-3 mr-1" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z"></path></svg>Use prompt</button></div></div></div></div><div class="col-span-2 md:col-span-4 lg:col-span-4 xl:col-span-4 hidden"><div data-slot="card" class="text-card-foreground flex flex-col border shadow-sm group border-none py-0 gap-2 hover:shadow-xl transition-all duration-300 overflow-hidden rounded-lg bg-zinc-100 dark:bg-zinc-900"><div class="relative">
41<div class="relative overflow-hidden select-none touch-pan-y aspect-[4/3] w-full h-full" role="slider" aria-valuemin="0" aria-valuemax="100" aria-valuenow="50"><div class="absolute inset-0" style="clip-path:inset(0 50% 0 0)"><img src="/imgs/examples/line-to-image/line-to-image-before.webp" alt="before" class="absolute inset-0 w-full h-full object-cover"/><div class="absolute left-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">Before</div></div><div class="absolute inset-0" style="clip-path:inset(0 0 0 50%)"><img src="/imgs/examples/line-to-image/line-to-image-after.webp" alt="after" class="absolute inset-0 w-full h-full object-cover"/><div class="absolute right-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">After</div></div><div class="absolute inset-y-0 w-1 bg-white" style="left:50%;transform:translateX(-50%)"></div><button type="button" aria-label="Adjust comparison" class="absolute top-1/2 -translate-y-1/2 -translate-x-1/2 rounded-full bg-white text-black cursor-ew-resize touch-none shadow-lg transition-transform duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary" style="left:50%;width:28px;height:28px"><span class="sr-only">Adjust comparison slider</span></button></div></div><div data-slot="card-content" class="p-4 space-y-3"><div class="flex items-start justify-between mb-2"><h3 class="font-semibold leading-tight text-gray-700 dark:text-gray-200">Line to Image</h3><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 font-medium w-fit whitespace-nowrap [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&]:hover:bg-secondary/90 text-xs ml-2 shrink-0 bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-300">Fashion</span></div><div class="flex items-end justify-between gap-3"><p title="Transform line art to fully rendered [photorealistic 42] illustration: 43 - Maintain exact linework structure and composition 44- Add professional coloring: skin tones, hair color, fabric textures 45- Apply volumetric lighting: key light, fill light, rim light 46- Render material properties: fabric folds, hair strands, skin texture 47- Add atmospheric depth: foreground sharp, background soft 48- Color palette: [warm/cool/vibrant/pastel 49] 50- Output: high detail, 514K quality, production-ready" class="text-xs line-clamp-1 dark:text-zinc-500 text-zinc-400 flex-1 ">Transform line art to fully rendered [photorealistic 52] illustration: 53 - Maintain exact linework structure and composition 54- Add professional coloring: skin tones, hair color, fabric textures 55- Apply volumetric lighting: key light, fill light, rim light 56- Render material properties: fabric folds, hair strands, skin texture 57- Add atmospheric depth: foreground sharp, background soft 58- Color palette: [warm/cool/vibrant/pastel 59] 60- Output: high detail, 614K quality, production-ready</p><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive backdrop-blur-md border bg-background/20 shadow-lg hover:text-accent-foreground hover:border-border/40 dark:bg-input/10 gap-1.5 has-[>svg]:px-2.5 shrink-0 opacity-100 md:opacity-0 md:group-hover:opacity-100 transition-all duration-300 text-xs px-3 py-1 h-7 border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-800"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="w-3 h-3 mr-1" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z"></path></svg>Use prompt</button></div></div></div></div><div class="col-span-2 md:col-span-4 lg:col-span-4 xl:col-span-4 hidden"><div data-slot="card" class="text-card-foreground flex flex-col border shadow-sm group border-none py-0 gap-2 hover:shadow-xl transition-all duration-300 overflow-hidden rounded-lg bg-zinc-100 dark:bg-zinc-900"><div class="relative">
61<div class="relative overflow-hidden select-none touch-pan-y aspect-[4/3] w-full h-full" role="slider" aria-valuemin="0" aria-valuemax="100" aria-valuenow="50"><div class="absolute inset-0" style="clip-path:inset(0 50% 0 0)"><img src="/imgs/examples/linkedin-headshot/linkedin-headshot-before.webp" alt="before" class="absolute inset-0 w-full h-full object-contain"/><div class="absolute left-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">Before</div></div><div class="absolute inset-0" style="clip-path:inset(0 0 0 50%)"><img src="/imgs/examples/linkedin-headshot/linkedin-headshot-after.webp" alt="after" class="absolute inset-0 w-full h-full object-contain"/><div class="absolute right-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">After</div></div><div class="absolute inset-y-0 w-1 bg-white" style="left:50%;transform:translateX(-50%)"></div><button type="button" aria-label="Adjust comparison" class="absolute top-1/2 -translate-y-1/2 -translate-x-1/2 rounded-full bg-white text-black cursor-ew-resize touch-none shadow-lg transition-transform duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary" style="left:50%;width:28px;height:28px"><span class="sr-only">Adjust comparison slider</span></button></div></div><div data-slot="card-content" class="p-4 space-y-3"><div class="flex items-start justify-between mb-2"><h3 class="font-semibold leading-tight text-gray-700 dark:text-gray-200">LinkedIn Headshot</h3><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 font-medium w-fit whitespace-nowrap [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&]:hover:bg-secondary/90 text-xs ml-2 shrink-0 bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-300">Fashion</span></div><div class="flex items-end justify-between gap-3"><p title="Convert to LinkedIn headshot. ONLY the person (no pets/objects). Adjust to FORMAL CENTERED POSTURE: shoulders square, head straight, facing directly forward, symmetric alignment. Professional business attire. Pure solid background. Direct eye contact. Studio portrait quality. Remove everything except the person." class="text-xs line-clamp-1 dark:text-zinc-500 text-zinc-400 flex-1 ">Convert to LinkedIn headshot. ONLY the person (no pets/objects). Adjust to FORMAL CENTERED POSTURE: shoulders square, head straight, facing directly forward, symmetric alignment. Professional business attire. Pure solid background. Direct eye contact. Studio portrait quality. Remove everything except the person.</p><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive backdrop-blur-md border bg-background/20 shadow-lg hover:text-accent-foreground hover:border-border/40 dark:bg-input/10 gap-1.5 has-[>svg]:px-2.5 shrink-0 opacity-100 md:opacity-0 md:group-hover:opacity-100 transition-all duration-300 text-xs px-3 py-1 h-7 border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-800"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="w-3 h-3 mr-1" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z"></path></svg>Use prompt</button></div></div></div></div><div class="col-span-2 md:col-span-4 lg:col-span-4 xl:col-span-4 hidden"><div data-slot="card" class="text-card-foreground flex flex-col border shadow-sm group border-none py-0 gap-2 hover:shadow-xl transition-all duration-300 overflow-hidden rounded-lg bg-zinc-100 dark:bg-zinc-900"><div class="relative">
61<div class="relative overflow-hidden select-none touch-pan-y aspect-[4/3] w-full h-full" role="slider" aria-valuemin="0" aria-valuemax="100" aria-valuenow="50"><div class="absolute inset-0" style="clip-path:inset(0 50% 0 0)"><img src="/imgs/examples/comic-style/comic-style-before.webp" alt="before" class="absolute inset-0 w-full h-full object-cover"/><div class="absolute left-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">Before</div></div><div class="absolute inset-0" style="clip-path:inset(0 0 0 50%)"><img src="/imgs/examples/comic-style/comic-style-after.webp" alt="after" class="absolute inset-0 w-full h-full object-cover"/><div class="absolute right-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">After</div></div><div class="absolute inset-y-0 w-1 bg-white" style="left:50%;transform:translateX(-50%)"></div><button type="button" aria-label="Adjust comparison" class="absolute top-1/2 -translate-y-1/2 -translate-x-1/2 rounded-full bg-white text-black cursor-ew-resize touch-none shadow-lg transition-transform duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary" style="left:50%;width:28px;height:28px"><span class="sr-only">Adjust comparison slider</span></button></div></div><div data-slot="card-content" class="p-4 space-y-3"><div class="flex items-start justify-between mb-2"><h3 class="font-semibold leading-tight text-gray-700 dark:text-gray-200">Comic Style</h3><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 font-medium w-fit whitespace-nowrap [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&]:hover:bg-secondary/90 text-xs ml-2 shrink-0 bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-300">Fashion</span></div><div class="flex items-end justify-between gap-3"><p title="漫ç»èª¿ã«ãã¦." class="text-xs line-clamp-1 dark:text-zinc-500 text-zinc-400 flex-1 ">漫ç»èª¿ã«ãã¦.</p><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive backdrop-blur-md border bg-background/20 shadow-lg hover:text-accent-foreground hover:border-border/40 dark:bg-input/10 gap-1.5 has-[>svg]:px-2.5 shrink-0 opacity-100 md:opacity-0 md:group-hover:opacity-100 transition-all duration-300 text-xs px-3 py-1 h-7 border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-800"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="w-3 h-3 mr-1" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z"></path></svg>Use prompt</button></div></div></div></div><div class="col-span-2 md:col-span-4 lg:col-span-4 xl:col-span-4 hidden"><div data-slot="card" class="text-card-foreground flex flex-col border shadow-sm group border-none py-0 gap-2 hover:shadow-xl transition-all duration-300 overflow-hidden rounded-lg bg-zinc-100 dark:bg-zinc-900"><div class="relative"><div class="relative overflow-hidden select-none touch-pan-y aspect-[4/3] w-full h-full" role="slider" aria-valuemin="0" aria-valuemax="100" aria-valuenow="50"><div class="absolute inset-0" style="clip-path:inset(0 50% 0 0)"><img src="/imgs/examples/from-design-to-reality/from-design-to-reality-before.webp" alt="before" class="absolute inset-0 w-full h-full object-cover"/>
61<div class="absolute left-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">Before</div></div><div class="absolute inset-0" style="clip-path:inset(0 0 0 50%)"><img src="/imgs/examples/from-design-to-reality/from-design-to-reality-after.webp" alt="after" class="absolute inset-0 w-full h-full object-cover"/><div class="absolute right-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">After</div></div><div class="absolute inset-y-0 w-1 bg-white" style="left:50%;transform:translateX(-50%)"></div><button type="button" aria-label="Adjust comparison" class="absolute top-1/2 -translate-y-1/2 -translate-x-1/2 rounded-full bg-white text-black cursor-ew-resize touch-none shadow-lg transition-transform duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary" style="left:50%;width:28px;height:28px"><span class="sr-only">Adjust comparison slider</span></button></div></div><div data-slot="card-content" class="p-4 space-y-3"><div class="flex items-start justify-between mb-2"><h3 class="font-semibold leading-tight text-gray-700 dark:text-gray-200">From Design to Reality</h3><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 font-medium w-fit whitespace-nowrap [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&]:hover:bg-secondary/90 text-xs ml-2 shrink-0 bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-300">Fashion</span></div><div class="flex items-end justify-between gap-3"><p title="Make this perfume illustration photorealistic. Frosted glass bottle, genuine marble cap with natural patterns. Studio lighting, luxury presentation." class="text-xs line-clamp-1 dark:text-zinc-500 text-zinc-400 flex-1 ">Make this perfume illustration photorealistic. Frosted glass bottle, genuine marble cap with natural patterns. Studio lighting, luxury presentation.</p><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive backdrop-blur-md border bg-background/20 shadow-lg hover:text-accent-foreground hover:border-border/40 dark:bg-input/10 gap-1.5 has-[>svg]:px-2.5 shrink-0 opacity-100 md:opacity-0 md:group-hover:opacity-100 transition-all duration-300 text-xs px-3 py-1 h-7 border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-800"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="w-3 h-3 mr-1" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z"></path></svg>Use prompt</button></div></div></div></div><div class="col-span-2 md:col-span-4 lg:col-span-4 xl:col-span-4 hidden"><div data-slot="card" class="text-card-foreground flex flex-col border shadow-sm group border-none py-0 gap-2 hover:shadow-xl transition-all duration-300 overflow-hidden rounded-lg bg-zinc-100 dark:bg-zinc-900"><div class="relative"><div class="relative overflow-hidden select-none touch-pan-y aspect-[4/3] w-full h-full" role="slider" aria-valuemin="0" aria-valuemax="100" aria-valuenow="50"><div class="absolute inset-0" style="clip-path:inset(0 50% 0 0)"><img src="/imgs/examples/studio-portrait/studio-portrait-before.webp" alt="before" class="absolute inset-0 w-full h-full object-contain"/><div class="absolute left-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">Before</div></div><div class="absolute inset-0" style="clip-path:inset(0 0 0 50%)"><img src="/imgs/examples/studio-portrait/studio-portrait-after.webp" alt="after" class="absolute inset-0 w-full h-full object-contain"/><div class="absolute right-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">After</div></div><div class="absolute inset-y-0 w-1 bg-white" style="left:50%;transform:translateX(-50%)"></div><button type="button" aria-label="Adjust comparison" class="absolute top-1/2 -translate-y-1/2 -translate-x-1/2 roun
61ded-full bg-white text-black cursor-ew-resize touch-none shadow-lg transition-transform duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary" style="left:50%;width:28px;height:28px"><span class="sr-only">Adjust comparison slider</span></button></div></div><div data-slot="card-content" class="p-4 space-y-3"><div class="flex items-start justify-between mb-2"><h3 class="font-semibold leading-tight text-gray-700 dark:text-gray-200">Studio Portrait</h3><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 font-medium w-fit whitespace-nowrap [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&]:hover:bg-secondary/90 text-xs ml-2 shrink-0 bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-300">Fashion</span></div><div class="flex items-end justify-between gap-3"><p title="Create studio portrait photographs of the people in the picture, using a black background and black T-shirts, with side lighting and a slight tilt of their bodies." class="text-xs line-clamp-1 dark:text-zinc-500 text-zinc-400 flex-1 ">Create studio portrait photographs of the people in the picture, using a black background and black T-shirts, with side lighting and a slight tilt of their bodies.</p><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive backdrop-blur-md border bg-background/20 shadow-lg hover:text-accent-foreground hover:border-border/40 dark:bg-input/10 gap-1.5 has-[>svg]:px-2.5 shrink-0 opacity-100 md:opacity-0 md:group-hover:opacity-100 transition-all duration-300 text-xs px-3 py-1 h-7 border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-800"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="w-3 h-3 mr-1" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z"></path></svg>Use prompt</button></div></div></div></div><div class="col-span-2 md:col-span-4 lg:col-span-4 xl:col-span-4 hidden"><div data-slot="card" class="text-card-foreground flex flex-col border shadow-sm group border-none py-0 gap-2 hover:shadow-xl transition-all duration-300 overflow-hidden rounded-lg bg-zinc-100 dark:bg-zinc-900"><div class="relative"><div class="relative overflow-hidden select-none touch-pan-y aspect-[4/3] w-full h-full" role="slider" aria-valuemin="0" aria-valuemax="100" aria-valuenow="50"><div class="absolute inset-0" style="clip-path:inset(0 50% 0 0)"><img src="/imgs/examples/esports-portrait/esports-portrait-before.webp" alt="before" class="absolute inset-0 w-full h-full object-contain"/><div class="absolute left-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">Before</div></div><div class="absolute inset-0" style="clip-path:inset(0 0 0 50%)"><img src="/imgs/examples/esports-portrait/esports-portrait-after.webp" alt="after" class="absolute inset-0 w-full h-full object-contain"/><div class="absolute right-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">After</div></div><div class="absolute inset-y-0 w-1 bg-white" style="left:50%;transform:translateX(-50%)"></div><button type="button" aria-label="Adjust comparison" class="absolute top-1/2 -translate-y-1/2 -translate-x-1/2 roun
61ded-full bg-white text-black cursor-ew-resize touch-none shadow-lg transition-transform duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary" style="left:50%;width:28px;height:28px"><span class="sr-only">Adjust comparison slider</span></button></div></div><div data-slot="card-content" class="p-4 space-y-3"><div class="flex items-start justify-between mb-2"><h3 class="font-semibold leading-tight text-gray-700 dark:text-gray-200">Esports Portrait</h3><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 font-medium w-fit whitespace-nowrap [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&]:hover:bg-secondary/90 text-xs ml-2 shrink-0 bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-300">Fashion</span></div><div class="flex items-end justify-between gap-3"><p title="Please dress the person in the picture in a simple black T-shirt, similar to an esports jersey. Use strong contrast lighting to create a dark atmosphere, like in esports photography, where the focus is primarily on black. The background should be a solid black, fitting the esports style. The person should be centered in the frame, looking directly at the camera with their arms crossed over their chest, positioned straight and facing forward." class="text-xs line-clamp-1 dark:text-zinc-500 text-zinc-400 flex-1 ">Please dress the person in the picture in a simple black T-shirt, similar to an esports jersey. Use strong contrast lighting to create a dark atmosphere, like in esports photography, where the focus is primarily on black. The background should be a solid black, fitting the esports style. The person should be centered in the frame, looking directly at the camera with their arms crossed over their chest, positioned straight and facing forward.</p><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive backdrop-blur-md border bg-background/20 shadow-lg hover:text-accent-foreground hover:border-border/40 dark:bg-input/10 gap-1.5 has-[>svg]:px-2.5 shrink-0 opacity-100 md:opacity-0 md:group-hover:opacity-100 transition-all duration-300 text-xs px-3 py-1 h-7 border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-800"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="w-3 h-3 mr-1" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z"></path></svg>Use prompt</button></div></div></div></div><div class="col-span-2 md:col-span-4 lg:col-span-4 xl:col-span-4 hidden"><div data-slot="card" class="text-card-foreground flex flex-col border shadow-sm group border-none py-0 gap-2 hover:shadow-xl transition-all duration-300 overflow-hidden rounded-lg bg-zinc-100 dark:bg-zinc-900"><div class="relative"><div class="relative overflow-hidden select-none touch-pan-y aspect-[4/3] w-full h-full" role="slider" aria-valuemin="0" aria-valuemax="100" aria-valuenow="50"><div class="absolute inset-0" style="clip-path:inset(0 50% 0 0)"><img src="/imgs/examples/ai-baby-prediction-and-generation/ai-baby-prediction-and-generation-before.webp" alt="before" class="absolute inset-0 w-full h-full object-contain"/><div class="absolute left-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">Before</div></div><div class="absolute inset-0" style="clip-path:inset(0 0 0 50%)"><img src="/imgs/examples/ai-baby-prediction-and-generation/ai-baby-prediction-and-generation-after.webp" alt="after" class="absolute inset-0 w-full h-full object-contain"/><div class="absolute right-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">After</div></div><div class="absolute inset-y-0 w-1 bg-white" style="left:50%;transform:translateX(-50%)"></div><button type="button" aria-label="Adjust comparison" class="absolute top-1/2 -translate-y-1/2 -translate-x-1/2 roun
61ded-full bg-white text-black cursor-ew-resize touch-none shadow-lg transition-transform duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary" style="left:50%;width:28px;height:28px"><span class="sr-only">Adjust comparison slider</span></button></div></div><div data-slot="card-content" class="p-4 space-y-3"><div class="flex items-start justify-between mb-2"><h3 class="font-semibold leading-tight text-gray-700 dark:text-gray-200">AI Baby Prediction and Generation</h3><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 font-medium w-fit whitespace-nowrap [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&]:hover:bg-secondary/90 text-xs ml-2 shrink-0 bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-300">Fashion</span></div><div class="flex items-end justify-between gap-3"><p title="Generate how their baby would look - a blend of both parents' features. Professional photo quality." class="text-xs line-clamp-1 dark:text-zinc-500 text-zinc-400 flex-1 ">Generate how their baby would look - a blend of both parents' features. Professional photo quality.</p><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive backdrop-blur-md border bg-background/20 shadow-lg hover:text-accent-foreground hover:border-border/40 dark:bg-input/10 gap-1.5 has-[>svg]:px-2.5 shrink-0 opacity-100 md:opacity-0 md:group-hover:opacity-100 transition-all duration-300 text-xs px-3 py-1 h-7 border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-800"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="w-3 h-3 mr-1" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z"></path></svg>Use prompt</button></div></div></div></div><div class="col-span-2 md:col-span-4 lg:col-span-4 xl:col-span-4 hidden"><div data-slot="card" class="text-card-foreground flex flex-col border shadow-sm group border-none py-0 gap-2 hover:shadow-xl transition-all duration-300 overflow-hidden rounded-lg bg-zinc-100 dark:bg-zinc-900"><div class="relative"><div class="relative overflow-hidden select-none touch-pan-y aspect-[4/3] w-full h-full" role="slider" aria-valuemin="0" aria-valuemax="100" aria-valuenow="50"><div class="absolute inset-0" style="clip-path:inset(0 50% 0 0)"><img src="/imgs/examples/artistic-portrait/artistic-portrait-before.webp" alt="before" class="absolute inset-0 w-full h-full object-contain"/><div class="absolute left-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">Before</div></div><div class="absolute inset-0" style="clip-path:inset(0 0 0 50%)"><img src="/imgs/examples/artistic-portrait/artistic-portrait-after.webp" alt="after" class="absolute inset-0 w-full h-full object-contain"/><div class="absolute right-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">After</div></div><div class="absolute inset-y-0 w-1 bg-white" style="left:50%;transform:translateX(-50%)"></div><button type="button" aria-label="Adjust comparison" class="absolute top-1/2 -translate-y-1/2 -translate-x-1/2 rounded-full bg-white text-black cursor-ew-resize touch-none shadow-lg transition-transform duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary" style="left:50%;width:28px;height:28px"><span class="sr-only">Adjust comparison slider</span></button></div></div>
61<div data-slot="card-content" class="p-4 space-y-3"><div class="flex items-start justify-between mb-2"><h3 class="font-semibold leading-tight text-gray-700 dark:text-gray-200">Artistic Portrait Photography</h3><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 font-medium w-fit whitespace-nowrap [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&]:hover:bg-secondary/90 text-xs ml-2 shrink-0 bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-300">Fashion</span></div><div class="flex items-end justify-between gap-3"><p title="Transform the above image into a top-tier portrait shot taken in a photography studio, requiring a half-body shot with coordinated and natural movements, close-up shot, focusing on the face. The subject's clothing and gestures should be changed to urban casual style, with an overall atmosphere leaning towards profound but not deliberate. The overall effect is quiet, profound, and gentle. The background presents a soft gradient effect, creating a sense of depth and serene atmosphere. The delicate film grain texture adds a tactile, analog photography-like soft quality to the image, reminiscent of classic black and white photography. A gentle directional light, softly diffused, caresses the contours of the subject's cheeks, or creates catchlights in the eyesâthis is the emotional core of the image. The rest is occupied by a large amount of negative space, deliberately kept minimal, allowing the image to breathe freely. There is no text or logos in the frameâonly the interweaving of light, shadow, and emotion. Top photographer's portrait style, off-center composition." class="text-xs line-clamp-1 dark:text-zinc-500 text-zinc-400 flex-1 ">Transform the above image into a top-tier portrait shot taken in a photography studio, requiring a half-body shot with coordinated and natural movements, close-up shot, focusing on the face. The subject's clothing and gestures should be changed to urban casual style, with an overall atmosphere leaning towards profound but not deliberate. The overall effect is quiet, profound, and gentle. The background presents a soft gradient effect, creating a sense of depth and serene atmosphere. The delicate film grain texture adds a tactile, analog photography-like soft quality to the image, reminiscent of classic black and white photography. A gentle directional light, softly diffused, caresses the contours of the subject's cheeks, or creates catchlights in the eyesâthis is the emotional core of the image. The rest is occupied by a large amount of negative space, deliberately kept minimal, allowing the image to breathe freely. There is no text or logos in the frameâonly the interweaving of light, shadow, and emotion. Top photographer's portrait style, off-center composition.</p><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive backdrop-blur-md border bg-background/20 shadow-lg hover:text-accent-foreground hover:border-border/40 dark:bg-input/10 gap-1.5 has-[>svg]:px-2.5 shrink-0 opacity-100 md:opacity-0 md:group-hover:opacity-100 transition-all duration-300 text-xs px-3 py-1 h-7 border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-800"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="w-3 h-3 mr-1" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z"></path></svg>Use prompt</button></div></div></div></div><div class="col-span-2 md:col-span-4 lg:col-span-4 xl:col-span-4 hidden"><div data-slot="card" class="text-card-foreground flex flex-col border shadow-sm group border-none py-0 gap-2 hover:shadow-xl transition-all duration-300 overflow-hidden rounded-lg bg-zinc-100 dark:bg-zinc-900"><div class="relative">
61<div class="relative overflow-hidden select-none touch-pan-y aspect-[4/3] w-full h-full" role="slider" aria-valuemin="0" aria-valuemax="100" aria-valuenow="50"><div class="absolute inset-0" style="clip-path:inset(0 50% 0 0)"><img src="/imgs/examples/cute-3d-building/cute-3d-building-before.webp" alt="before" class="absolute inset-0 w-full h-full object-cover"/><div class="absolute left-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">Before</div></div><div class="absolute inset-0" style="clip-path:inset(0 0 0 50%)"><img src="/imgs/examples/cute-3d-building/cute-3d-building-after.webp" alt="after" class="absolute inset-0 w-full h-full object-cover"/><div class="absolute right-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">After</div></div><div class="absolute inset-y-0 w-1 bg-white" style="left:50%;transform:translateX(-50%)"></div><button type="button" aria-label="Adjust comparison" class="absolute top-1/2 -translate-y-1/2 -translate-x-1/2 rounded-full bg-white text-black cursor-ew-resize touch-none shadow-lg transition-transform duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary" style="left:50%;width:28px;height:28px"><span class="sr-only">Adjust comparison slider</span></button></div></div><div data-slot="card-content" class="p-4 space-y-3"><div class="flex items-start justify-between mb-2"><h3 class="font-semibold leading-tight text-gray-700 dark:text-gray-200">Cute 3D Building</h3><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 font-medium w-fit whitespace-nowrap [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&]:hover:bg-secondary/90 text-xs ml-2 shrink-0 bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-300">Fashion</span></div><div class="flex items-end justify-between gap-3"><p title="Convert the photo of this building into a rounded, cute isometric tile 3D rendering style, with a 1: 1 ratio,To preserve the prominent features of the photographed building." class="text-xs line-clamp-1 dark:text-zinc-500 text-zinc-400 flex-1 ">Convert the photo of this building into a rounded, cute isometric tile 3D rendering style, with a 1: 1 ratio,To preserve the prominent features of the photographed building.</p><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive backdrop-blur-md border bg-background/20 shadow-lg hover:text-accent-foreground hover:border-border/40 dark:bg-input/10 gap-1.5 has-[>svg]:px-2.5 shrink-0 opacity-100 md:opacity-0 md:group-hover:opacity-100 transition-all duration-300 text-xs px-3 py-1 h-7 border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-800"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="w-3 h-3 mr-1" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z"></path></svg>Use prompt</button></div></div></div></div><div class="col-span-2 md:col-span-4 lg:col-span-4 xl:col-span-4 hidden"><div data-slot="card" class="text-card-foreground flex flex-col border shadow-sm group border-none py-0 gap-2 hover:shadow-xl transition-all duration-300 overflow-hidden rounded-lg bg-zinc-100 dark:bg-zinc-900"><div class="relative">
61<div class="relative overflow-hidden select-none touch-pan-y aspect-[4/3] w-full h-full" role="slider" aria-valuemin="0" aria-valuemax="100" aria-valuenow="50"><div class="absolute inset-0" style="clip-path:inset(0 50% 0 0)"><img src="/imgs/examples/line-art/line-art-before.webp" alt="before" class="absolute inset-0 w-full h-full object-cover"/><div class="absolute left-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">Before</div></div><div class="absolute inset-0" style="clip-path:inset(0 0 0 50%)"><img src="/imgs/examples/line-art/line-art-after.webp" alt="after" class="absolute inset-0 w-full h-full object-cover"/><div class="absolute right-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">After</div></div><div class="absolute inset-y-0 w-1 bg-white" style="left:50%;transform:translateX(-50%)"></div><button type="button" aria-label="Adjust comparison" class="absolute top-1/2 -translate-y-1/2 -translate-x-1/2 rounded-full bg-white text-black cursor-ew-resize touch-none shadow-lg transition-transform duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary" style="left:50%;width:28px;height:28px"><span class="sr-only">Adjust comparison slider</span></button></div></div><div data-slot="card-content" class="p-4 space-y-3"><div class="flex items-start justify-between mb-2"><h3 class="font-semibold leading-tight text-gray-700 dark:text-gray-200">Convert to line art</h3><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 font-medium w-fit whitespace-nowrap [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&]:hover:bg-secondary/90 text-xs ml-2 shrink-0 bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-300">Fashion</span></div><div class="flex items-end justify-between gap-3"><p title="Convert this image to line art." class="text-xs line-clamp-1 dark:text-zinc-500 text-zinc-400 flex-1 ">Convert this image to line art.</p><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive backdrop-blur-md border bg-background/20 shadow-lg hover:text-accent-foreground hover:border-border/40 dark:bg-input/10 gap-1.5 has-[>svg]:px-2.5 shrink-0 opacity-100 md:opacity-0 md:group-hover:opacity-100 transition-all duration-300 text-xs px-3 py-1 h-7 border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-800"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="w-3 h-3 mr-1" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z"></path></svg>Use prompt</button></div></div></div></div><div class="col-span-2 md:col-span-4 lg:col-span-4 xl:col-span-4 hidden"><div data-slot="card" class="text-card-foreground flex flex-col border shadow-sm group border-none py-0 gap-2 hover:shadow-xl transition-all duration-300 overflow-hidden rounded-lg bg-zinc-100 dark:bg-zinc-900"><div class="relative"><div class="relative overflow-hidden select-none touch-pan-y aspect-[4/3] w-full h-full" role="slider" aria-valuemin="0" aria-valuemax="100" aria-valuenow="50"><div class="absolute inset-0" style="clip-path:inset(0 50% 0 0)">
61<img src="/imgs/examples/photo-booth-grid/photo-booth-grid-before.webp" alt="before" class="absolute inset-0 w-full h-full object-contain"/><div class="absolute left-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">Before</div></div><div class="absolute inset-0" style="clip-path:inset(0 0 0 50%)"><img src="/imgs/examples/photo-booth-grid/photo-booth-grid-after.webp" alt="after" class="absolute inset-0 w-full h-full object-contain"/><div class="absolute right-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">After</div></div><div class="absolute inset-y-0 w-1 bg-white" style="left:50%;transform:translateX(-50%)"></div><button type="button" aria-label="Adjust comparison" class="absolute top-1/2 -translate-y-1/2 -translate-x-1/2 rounded-full bg-white text-black cursor-ew-resize touch-none shadow-lg transition-transform duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary" style="left:50%;width:28px;height:28px"><span class="sr-only">Adjust comparison slider</span></button></div></div><div data-slot="card-content" class="p-4 space-y-3"><div class="flex items-start justify-between mb-2"><h3 class="font-semibold leading-tight text-gray-700 dark:text-gray-200">Make 3*3 Photo Booth Grid</h3><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 font-medium w-fit whitespace-nowrap [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&]:hover:bg-secondary/90 text-xs ml-2 shrink-0 bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-300">Fashion</span></div><div class="flex items-end justify-between gap-3"><p title="Using this photo, create a 3x3 photo booth grid, with each pose being different. The poses should include: arms crossed, chin resting on hands, making a heart sign, hands in pockets, pretending to make a phone call, pointing to the sky, waving, holding a book, and crossing arms. No repetitions are allowed." class="text-xs line-clamp-1 dark:text-zinc-500 text-zinc-400 flex-1 ">Using this photo, create a 3x3 photo booth grid, with each pose being different. The poses should include: arms crossed, chin resting on hands, making a heart sign, hands in pockets, pretending to make a phone call, pointing to the sky, waving, holding a book, and crossing arms. No repetitions are allowed.</p><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive backdrop-blur-md border bg-background/20 shadow-lg hover:text-accent-foreground hover:border-border/40 dark:bg-input/10 gap-1.5 has-[>svg]:px-2.5 shrink-0 opacity-100 md:opacity-0 md:group-hover:opacity-100 transition-all duration-300 text-xs px-3 py-1 h-7 border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-800"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="w-3 h-3 mr-1" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z"></path></svg>Use prompt</button></div></div></div></div><div class="col-span-2 md:col-span-4 lg:col-span-4 xl:col-span-4 hidden"><div data-slot="card" class="text-card-foreground flex flex-col border shadow-sm group border-none py-0 gap-2 hover:shadow-xl transition-all duration-300 overflow-hidden rounded-lg bg-zinc-100 dark:bg-zinc-900"><div class="relative">
61<div class="relative overflow-hidden select-none touch-pan-y aspect-[4/3] w-full h-full" role="slider" aria-valuemin="0" aria-valuemax="100" aria-valuenow="50"><div class="absolute inset-0" style="clip-path:inset(0 50% 0 0)"><img src="/imgs/examples/redesign-your-interior/redesign-your-interior-before.webp" alt="before" class="absolute inset-0 w-full h-full object-cover"/><div class="absolute left-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">Before</div></div><div class="absolute inset-0" style="clip-path:inset(0 0 0 50%)"><img src="/imgs/examples/redesign-your-interior/redesign-your-interior-after.webp" alt="after" class="absolute inset-0 w-full h-full object-cover"/><div class="absolute right-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">After</div></div><div class="absolute inset-y-0 w-1 bg-white" style="left:50%;transform:translateX(-50%)"></div><button type="button" aria-label="Adjust comparison" class="absolute top-1/2 -translate-y-1/2 -translate-x-1/2 rounded-full bg-white text-black cursor-ew-resize touch-none shadow-lg transition-transform duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary" style="left:50%;width:28px;height:28px"><span class="sr-only">Adjust comparison slider</span></button></div></div><div data-slot="card-content" class="p-4 space-y-3"><div class="flex items-start justify-between mb-2"><h3 class="font-semibold leading-tight text-gray-700 dark:text-gray-200">Redesign Your Interior</h3><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 font-medium w-fit whitespace-nowrap [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&]:hover:bg-secondary/90 text-xs ml-2 shrink-0 bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-300">Fashion</span></div><div class="flex items-end justify-between gap-3"><p title="Add a Mona Lisa painting on the wall." class="text-xs line-clamp-1 dark:text-zinc-500 text-zinc-400 flex-1 ">Add a Mona Lisa painting on the wall.</p><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive backdrop-blur-md border bg-background/20 shadow-lg hover:text-accent-foreground hover:border-border/40 dark:bg-input/10 gap-1.5 has-[>svg]:px-2.5 shrink-0 opacity-100 md:opacity-0 md:group-hover:opacity-100 transition-all duration-300 text-xs px-3 py-1 h-7 border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-800"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="w-3 h-3 mr-1" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z"></path></svg>Use prompt</button></div></div></div></div><div class="col-span-2 md:col-span-4 lg:col-span-4 xl:col-span-4 hidden"><div data-slot="card" class="text-card-foreground flex flex-col border shadow-sm group border-none py-0 gap-2 hover:shadow-xl transition-all duration-300 overflow-hidden rounded-lg bg-zinc-100 dark:bg-zinc-900"><div class="relative"><div class="relative overflow-hidden select-none touch-pan-y aspect-[4/3] w-full h-full" role="slider" aria-valuemin="0" aria-valuemax="100" aria-valuenow="50"><div class="absolute inset-0" style="clip-path:inset(0 50% 0 0)"><img src="/imgs/examples/stylized-sticker/stylized-sticker-before.webp" alt="before" class="absolute inset-0 w-full h-full object-contain"/><div class="absolute left-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">Before</div></div><div class="absolute inset-0" style="clip-path:inset(0 0 0 50%)"><img src="/imgs/examples/stylized-sticker/stylized-sticker-after.webp" alt="after" class="absolute inset-0 w-full h-full object-contain"/><div class="absolute right-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">After</div></div><div class="absolute inset-y-0 w-1 bg-white" style="left:50%;transform:translateX(-50%)"></div><button type="button" aria-label="Adjust comparison" class="absolute top-1/2 -translate-y-1/2 -translate-x-1/2 roun
61ded-full bg-white text-black cursor-ew-resize touch-none shadow-lg transition-transform duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary" style="left:50%;width:28px;height:28px"><span class="sr-only">Adjust comparison slider</span></button></div></div><div data-slot="card-content" class="p-4 space-y-3"><div class="flex items-start justify-between mb-2"><h3 class="font-semibold leading-tight text-gray-700 dark:text-gray-200">Stylized illustrations & stickers</h3><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 font-medium w-fit whitespace-nowrap [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&]:hover:bg-secondary/90 text-xs ml-2 shrink-0 bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-300">Fashion</span></div><div class="flex items-end justify-between gap-3"><p title="A kawaii-style sticker of the image. The design features bold, clean outlines, simple cel-shading, and a vibrant color palette, with a white background." class="text-xs line-clamp-1 dark:text-zinc-500 text-zinc-400 flex-1 ">A kawaii-style sticker of the image. The design features bold, clean outlines, simple cel-shading, and a vibrant color palette, with a white background.</p><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive backdrop-blur-md border bg-background/20 shadow-lg hover:text-accent-foreground hover:border-border/40 dark:bg-input/10 gap-1.5 has-[>svg]:px-2.5 shrink-0 opacity-100 md:opacity-0 md:group-hover:opacity-100 transition-all duration-300 text-xs px-3 py-1 h-7 border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-800"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="w-3 h-3 mr-1" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z"></path></svg>Use prompt</button></div></div></div></div><div class="col-span-2 md:col-span-4 lg:col-span-4 xl:col-span-4 hidden"><div data-slot="card" class="text-card-foreground flex flex-col border shadow-sm group border-none py-0 gap-2 hover:shadow-xl transition-all duration-300 overflow-hidden rounded-lg bg-zinc-100 dark:bg-zinc-900"><div class="relative"><div class="relative overflow-hidden select-none touch-pan-y aspect-[4/3] w-full h-full" role="slider" aria-valuemin="0" aria-valuemax="100" aria-valuenow="50"><div class="absolute inset-0" style="clip-path:inset(0 50% 0 0)"><img src="/imgs/examples/cosplay/cosplay-before.webp" alt="before" class="absolute inset-0 w-full h-full object-cover"/><div class="absolute left-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">Before</div></div><div class="absolute inset-0" style="clip-path:inset(0 0 0 50%)"><img src="/imgs/examples/cosplay/cosplay-after.webp" alt="after" class="absolute inset-0 w-full h-full object-cover"/><div class="absolute right-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">After</div></div><div class="absolute inset-y-0 w-1 bg-white" style="left:50%;transform:translateX(-50%)"></div><button type="button" aria-label="Adjust comparison" class="absolute top-1/2 -translate-y-1/2 -translate-x-1/2 roun
61ded-full bg-white text-black cursor-ew-resize touch-none shadow-lg transition-transform duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary" style="left:50%;width:28px;height:28px"><span class="sr-only">Adjust comparison slider</span></button></div></div><div data-slot="card-content" class="p-4 space-y-3"><div class="flex items-start justify-between mb-2"><h3 class="font-semibold leading-tight text-gray-700 dark:text-gray-200">Cosplay Maker</h3><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 font-medium w-fit whitespace-nowrap [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&]:hover:bg-secondary/90 text-xs ml-2 shrink-0 bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-300">Fashion</span></div><div class="flex items-end justify-between gap-3"><p title="Have the character in Image 1 cosplay the character in Image 2, ensuring that the costume, makeup, and props are consistent with those in Image 2." class="text-xs line-clamp-1 dark:text-zinc-500 text-zinc-400 flex-1 ">Have the character in Image 1 cosplay the character in Image 2, ensuring that the costume, makeup, and props are consistent with those in Image 2.</p><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive backdrop-blur-md border bg-background/20 shadow-lg hover:text-accent-foreground hover:border-border/40 dark:bg-input/10 gap-1.5 has-[>svg]:px-2.5 shrink-0 opacity-100 md:opacity-0 md:group-hover:opacity-100 transition-all duration-300 text-xs px-3 py-1 h-7 border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-800"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="w-3 h-3 mr-1" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z"></path></svg>Use prompt</button></div></div></div></div><div class="col-span-2 md:col-span-4 lg:col-span-4 xl:col-span-4 hidden"><div data-slot="card" class="text-card-foreground flex flex-col border shadow-sm group border-none py-0 gap-2 hover:shadow-xl transition-all duration-300 overflow-hidden rounded-lg bg-zinc-100 dark:bg-zinc-900"><div class="relative"><div class="relative overflow-hidden select-none touch-pan-y aspect-[4/3] w-full h-full" role="slider" aria-valuemin="0" aria-valuemax="100" aria-valuenow="50"><div class="absolute inset-0" style="clip-path:inset(0 50% 0 0)"><img src="/imgs/examples/product-struct/product-struct-before.webp" alt="before" class="absolute inset-0 w-full h-full object-cover"/><div class="absolute left-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">Before</div></div><div class="absolute inset-0" style="clip-path:inset(0 0 0 50%)"><img src="/imgs/examples/product-struct/product-struct-after.webp" alt="after" class="absolute inset-0 w-full h-full object-cover"/><div class="absolute right-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">After</div></div><div class="absolute inset-y-0 w-1 bg-white" style="left:50%;transform:translateX(-50%)"></div><button type="button" aria-label="Adjust comparison" class="absolute top-1/2 -translate-y-1/2 -translate-x-1/2 roun
61ded-full bg-white text-black cursor-ew-resize touch-none shadow-lg transition-transform duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary" style="left:50%;width:28px;height:28px"><span class="sr-only">Adjust comparison slider</span></button></div></div><div data-slot="card-content" class="p-4 space-y-3"><div class="flex items-start justify-between mb-2"><h3 class="font-semibold leading-tight text-gray-700 dark:text-gray-200">Internal Structure Diagram of the Product</h3><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 font-medium w-fit whitespace-nowrap [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&]:hover:bg-secondary/90 text-xs ml-2 shrink-0 bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-300">Fashion</span></div><div class="flex items-end justify-between gap-3"><p title="Ultra-detailed exploded view of a product, metallic parts and electronic components floating in mid-air, perfectly aligned, revealing inner structure, futuristic technology aesthetic, 8K resolution, soft cinematic lighting, highly realistic" class="text-xs line-clamp-1 dark:text-zinc-500 text-zinc-400 flex-1 ">Ultra-detailed exploded view of a product, metallic parts and electronic components floating in mid-air, perfectly aligned, revealing inner structure, futuristic technology aesthetic, 8K resolution, soft cinematic lighting, highly realistic</p><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive backdrop-blur-md border bg-background/20 shadow-lg hover:text-accent-foreground hover:border-border/40 dark:bg-input/10 gap-1.5 has-[>svg]:px-2.5 shrink-0 opacity-100 md:opacity-0 md:group-hover:opacity-100 transition-all duration-300 text-xs px-3 py-1 h-7 border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-800"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="w-3 h-3 mr-1" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z"></path></svg>Use prompt</button></div></div></div></div><div class="col-span-2 md:col-span-4 lg:col-span-4 xl:col-span-4 hidden"><div data-slot="card" class="text-card-foreground flex flex-col border shadow-sm group border-none py-0 gap-2 hover:shadow-xl transition-all duration-300 overflow-hidden rounded-lg bg-zinc-100 dark:bg-zinc-900"><div class="relative"><div class="relative overflow-hidden select-none touch-pan-y aspect-[4/3] w-full h-full" role="slider" aria-valuemin="0" aria-valuemax="100" aria-valuenow="50"><div class="absolute inset-0" style="clip-path:inset(0 50% 0 0)"><img src="/imgs/examples/product-poster/product-poster-before.webp" alt="before" class="absolute inset-0 w-full h-full object-contain"/><div class="absolute left-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">Before</div></div><div class="absolute inset-0" style="clip-path:inset(0 0 0 50%)"><img src="/imgs/examples/product-poster/product-poster-after.webp" alt="after" class="absolute inset-0 w-full h-full object-contain"/><div class="absolute right-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">After</div></div><div class="absolute inset-y-0 w-1 bg-white" style="left:50%;transform:translateX(-50%)"></div><button type="button" aria-label="Adjust comparison" class="absolute top-1/2 -translate-y-1/2 -translate-x-1/2 roun
61ded-full bg-white text-black cursor-ew-resize touch-none shadow-lg transition-transform duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary" style="left:50%;width:28px;height:28px"><span class="sr-only">Adjust comparison slider</span></button></div></div><div data-slot="card-content" class="p-4 space-y-3"><div class="flex items-start justify-between mb-2"><h3 class="font-semibold leading-tight text-gray-700 dark:text-gray-200">Product Poster</h3><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 font-medium w-fit whitespace-nowrap [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&]:hover:bg-secondary/90 text-xs ml-2 shrink-0 bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-300">Fashion</span></div><div class="flex items-end justify-between gap-3"><p title="Create a promotional poster for a lipstick product, featuring a woman holding the lipstick and looking at the camera." class="text-xs line-clamp-1 dark:text-zinc-500 text-zinc-400 flex-1 ">Create a promotional poster for a lipstick product, featuring a woman holding the lipstick and looking at the camera.</p><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive backdrop-blur-md border bg-background/20 shadow-lg hover:text-accent-foreground hover:border-border/40 dark:bg-input/10 gap-1.5 has-[>svg]:px-2.5 shrink-0 opacity-100 md:opacity-0 md:group-hover:opacity-100 transition-all duration-300 text-xs px-3 py-1 h-7 border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-800"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="w-3 h-3 mr-1" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z"></path></svg>Use prompt</button></div></div></div></div><div class="col-span-2 md:col-span-4 lg:col-span-4 xl:col-span-4 hidden"><div data-slot="card" class="text-card-foreground flex flex-col border shadow-sm group border-none py-0 gap-2 hover:shadow-xl transition-all duration-300 overflow-hidden rounded-lg bg-zinc-100 dark:bg-zinc-900"><div class="relative"><div class="relative overflow-hidden select-none touch-pan-y aspect-[4/3] w-full h-full" role="slider" aria-valuemin="0" aria-valuemax="100" aria-valuenow="50"><div class="absolute inset-0" style="clip-path:inset(0 50% 0 0)"><img src="/imgs/examples/comic-storyboard/comic-storyboard-before.webp" alt="before" class="absolute inset-0 w-full h-full object-cover"/><div class="absolute left-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">Before</div></div><div class="absolute inset-0" style="clip-path:inset(0 0 0 50%)"><img src="/imgs/examples/comic-storyboard/comic-storyboard-after.webp" alt="after" class="absolute inset-0 w-full h-full object-cover"/><div class="absolute right-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">After</div></div><div class="absolute inset-y-0 w-1 bg-white" style="left:50%;transform:translateX(-50%)"></div><button type="button" aria-label="Adjust comparison" class="absolute top-1/2 -translate-y-1/2 -translate-x-1/2 rounded-full bg-white text-black cursor-ew-resize touch-none shadow-lg transition-transform duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary" style="left:50%;width:28px;height:28px"><span class="sr-only">Adjust comparison slider</span></button></div></div>
61<div data-slot="card-content" class="p-4 space-y-3"><div class="flex items-start justify-between mb-2"><h3 class="font-semibold leading-tight text-gray-700 dark:text-gray-200">Comic Storyboard</h3><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 font-medium w-fit whitespace-nowrap [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&]:hover:bg-secondary/90 text-xs ml-2 shrink-0 bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-300">Fashion</span></div><div class="flex items-end justify-between gap-3"><p title="Create a nine-panel comic based on the image content, using visuals and shots to tell a story." class="text-xs line-clamp-1 dark:text-zinc-500 text-zinc-400 flex-1 ">Create a nine-panel comic based on the image content, using visuals and shots to tell a story.</p><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive backdrop-blur-md border bg-background/20 shadow-lg hover:text-accent-foreground hover:border-border/40 dark:bg-input/10 gap-1.5 has-[>svg]:px-2.5 shrink-0 opacity-100 md:opacity-0 md:group-hover:opacity-100 transition-all duration-300 text-xs px-3 py-1 h-7 border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-800"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="w-3 h-3 mr-1" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z"></path></svg>Use prompt</button></div></div></div></div><div class="col-span-2 md:col-span-4 lg:col-span-4 xl:col-span-4 hidden"><div data-slot="card" class="text-card-foreground flex flex-col border shadow-sm group border-none py-0 gap-2 hover:shadow-xl transition-all duration-300 overflow-hidden rounded-lg bg-zinc-100 dark:bg-zinc-900"><div class="relative"><div class="relative overflow-hidden select-none touch-pan-y aspect-[4/3] w-full h-full" role="slider" aria-valuemin="0" aria-valuemax="100" aria-valuenow="50"><div class="absolute inset-0" style="clip-path:inset(0 50% 0 0)"><img src="/imgs/examples/watermark-remove/watermark-remove-before.webp" alt="before" class="absolute inset-0 w-full h-full object-cover"/><div class="absolute left-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">Before</div></div><div class="absolute inset-0" style="clip-path:inset(0 0 0 50%)"><img src="/imgs/examples/watermark-remove/watermark-remove-after.webp" alt="after" class="absolute inset-0 w-full h-full object-cover"/><div class="absolute right-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">After</div></div><div class="absolute inset-y-0 w-1 bg-white" style="left:50%;transform:translateX(-50%)"></div><button type="button" aria-label="Adjust comparison" class="absolute top-1/2 -translate-y-1/2 -translate-x-1/2 rounded-full bg-white text-black cursor-ew-resize touch-none shadow-lg transition-transform duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary" style="left:50%;width:28px;height:28px"><span class="sr-only">Adjust comparison slider</span></button></div></div><div data-slot="card-content" class="p-4 space-y-3"><div class="flex items-start justify-between mb-2"><h3 class="font-semibold leading-tight text-gray-700 dark:text-gray-200">Watermark Removal</h3><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 font-medium w-fit whitespace-nowrap [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&]:hover:bg-secondary/90 text-xs ml-2 shrink-0 bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-300">Fashion</span></div><div class="flex items-end justify-between gap-3"><p title="remove watermarks, clean image, maintain original content." class="text-xs line-clamp-1 dark:text-zinc-500 text-zinc-400 flex-1 ">remove watermarks, clean image, maintain original content.</p><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive backdrop-blur-md border bg-background/20 shadow-lg hover:text-accent-foreground hover:border-border/40 dark:bg-input/10 gap-1.5 has-[>svg]:px-2.5 shrink-0 opacity-100 md:opacity-0 md:group-hover:opacity-100 transition-all duration-300 text-xs px-3 py-1 h-7 border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-800"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="w-3 h-3 mr-1" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z"></path></svg>Use prompt</button></div></div></div></div><div class="col-span-2 md:col-span-4 lg:col-span-4 xl:col-span-4 hidden"><div data-slot="card" class="text-card-foreground flex flex-col border shadow-sm group border-none py-0 gap-2 hover:shadow-xl transition-all duration-300 overflow-hidden rounded-lg bg-zinc-100 dark:bg-zinc-900"><div class="relative">
61<div class="relative overflow-hidden select-none touch-pan-y aspect-[4/3] w-full h-full" role="slider" aria-valuemin="0" aria-valuemax="100" aria-valuenow="50"><div class="absolute inset-0" style="clip-path:inset(0 50% 0 0)"><img src="/imgs/examples/old-photo-restore/old-photo-restore-before.webp" alt="before" class="absolute inset-0 w-full h-full object-cover"/><div class="absolute left-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">Before</div></div><div class="absolute inset-0" style="clip-path:inset(0 0 0 50%)"><img src="/imgs/examples/old-photo-restore/old-photo-restore-after.webp" alt="after" class="absolute inset-0 w-full h-full object-cover"/><div class="absolute right-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">After</div></div><div class="absolute inset-y-0 w-1 bg-white" style="left:50%;transform:translateX(-50%)"></div><button type="button" aria-label="Adjust comparison" class="absolute top-1/2 -translate-y-1/2 -translate-x-1/2 rounded-full bg-white text-black cursor-ew-resize touch-none shadow-lg transition-transform duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary" style="left:50%;width:28px;height:28px"><span class="sr-only">Adjust comparison slider</span></button></div></div><div data-slot="card-content" class="p-4 space-y-3"><div class="flex items-start justify-between mb-2"><h3 class="font-semibold leading-tight text-gray-700 dark:text-gray-200">Old Photo Restoration</h3><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 font-medium w-fit whitespace-nowrap [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&]:hover:bg-secondary/90 text-xs ml-2 shrink-0 bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-300">Fashion</span></div><div class="flex items-end justify-between gap-3"><p title="restore old photo, colorize, upscale, enhance quality, remove damage." class="text-xs line-clamp-1 dark:text-zinc-500 text-zinc-400 flex-1 ">restore old photo, colorize, upscale, enhance quality, remove damage.</p><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive backdrop-blur-md border bg-background/20 shadow-lg hover:text-accent-foreground hover:border-border/40 dark:bg-input/10 gap-1.5 has-[>svg]:px-2.5 shrink-0 opacity-100 md:opacity-0 md:group-hover:opacity-100 transition-all duration-300 text-xs px-3 py-1 h-7 border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-800"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="w-3 h-3 mr-1" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z"></path></svg>Use prompt</button></div></div></div></div><div class="col-span-2 md:col-span-4 lg:col-span-4 xl:col-span-4 hidden"><div data-slot="card" class="text-card-foreground flex flex-col border shadow-sm group border-none py-0 gap-2 hover:shadow-xl transition-all duration-300 overflow-hidden rounded-lg bg-zinc-100 dark:bg-zinc-900"><div class="relative"><div class="relative overflow-hidden select-none touch-pan-y aspect-[4/3] w-full h-full" role="slider" aria-valuemin="0" aria-valuemax="100" aria-valuenow="50"><div class="absolute inset-0" style="clip-path:inset(0 50% 0 0)"><img src="/imgs/examples/3d-figure/3d-figure-before.webp" alt="before" class="absolute inset-0 w-full h-full object-contain"/><div class="absolute left-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">Before</div></div><div class="absolute inset-0" style="clip-path:inset(0 0 0 50%)"><img src="/imgs/examples/3d-figure/3d-figure-after.webp" alt="after" class="absolute inset-0 w-full h-full object-contain"/><div class="absolute right-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">After</div></div><div class="absolute inset-y-0 w-1 bg-white" style="left:50%;transform:translateX(-50%)"></div><button type="button" aria-label="Adjust comparison" class="absolute top-1/2 -translate-y-1/2 -translate-x-1/2 roun
61ded-full bg-white text-black cursor-ew-resize touch-none shadow-lg transition-transform duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary" style="left:50%;width:28px;height:28px"><span class="sr-only">Adjust comparison slider</span></button></div></div><div data-slot="card-content" class="p-4 space-y-3"><div class="flex items-start justify-between mb-2"><h3 class="font-semibold leading-tight text-gray-700 dark:text-gray-200">3D Figure</h3><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 font-medium w-fit whitespace-nowrap [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&]:hover:bg-secondary/90 text-xs ml-2 shrink-0 bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-300">Fashion</span></div><div class="flex items-end justify-between gap-3"><p title="create a 1/7 scale commercialized figure of thecharacter in the illustration, in a realistic styie and environment.Place the figure on a computer desk, using a circular transparent acrylic base without any text.On the computer screen, display the ZBrush modeling process of the figure.Next to the computer screen, place a BANDAl-style toy packaging box printedwith the original artwork." class="text-xs line-clamp-1 dark:text-zinc-500 text-zinc-400 flex-1 ">create a 1/7 scale commercialized figure of thecharacter in the illustration, in a realistic styie and environment.Place the figure on a computer desk, using a circular transparent acrylic base without any text.On the computer screen, display the ZBrush modeling process of the figure.Next to the computer screen, place a BANDAl-style toy packaging box printedwith the original artwork.</p><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive backdrop-blur-md border bg-background/20 shadow-lg hover:text-accent-foreground hover:border-border/40 dark:bg-input/10 gap-1.5 has-[>svg]:px-2.5 shrink-0 opacity-100 md:opacity-0 md:group-hover:opacity-100 transition-all duration-300 text-xs px-3 py-1 h-7 border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-800"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="w-3 h-3 mr-1" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z"></path></svg>Use prompt</button></div></div></div></div></div><div class="text-center mt-12"><button data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive backdrop-blur-md border shadow-lg dark:bg-input/10 h-10 px-6 has-[>svg]:px-4 group dark:hover:bg-yellow-900/20 dark:hover:border-yellow-600 dark:border-gray-600 dark:text-gray-300 dark:hover:text-yellow-300 bg-yellow-50 border-yellow-200 text-yellow-700 hover:bg-yellow-100 hover:border-yellow-400 hover:text-yellow-900 transition-all duration-300"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="w-5 h-5 mr-2 transition-transform duration-300 group-hover:translate-y-0.5" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z"></path></svg>Load More Templates</button></div></div></section><section class="py-16 bg-gradient-to-b from-background to-muted/10"><div class="container px-8"><div class="mb-16 max-w-xl px-8 lg:px-0 text-center mx-auto"><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground text-xs font-medium mb-4">How It Works</span><h2 class="mb-6 text-pretty text-3xl font-bold lg:text-4xl" style="opacity:0;transform:translateY(20px)">Create in 3 Simple Steps</h2><p class="mb-4 max-w-xl text-muted-foreground lg:max-w-none lg:text-lg" style="opacity:0;transform:translateY(15px)">From idea to finished image in seconds.</p></div><div><div dir="ltr" data-orientation="horizontal"><div role="tablist" aria-orientation="horizontal" class="relative w-full flex flex-col lg:flex-row justify-center items-start gap-6" tabindex="-1" data-orientation="horizontal" style="outline:none"><div class="absolute left-4 right-0 top-[32px] -z-10 hidden h-px bg-border/30 lg:block"><div class="h-full bg-gradient-to-r from-yellow-300/50 to-amber-300/50" style="width:25%"></div></div><div class="relative"><button type="button" role="tab" aria-selected="false" aria-controls="radix-«R91tcqtb»-content-tab-1" data-state="inactive" id="radix-«R91tcqtb»-trigger-tab-1" class="group w-full" tabindex="-1" data-orientation="horizontal" data-radix-collection-item="">
61<div class="flex gap-4 rounded-lg px-6 py-4 text-left border transition-all duration-200 lg:block lg:px-4 bg-background/50 border-border/50 hover:bg-muted/20 hover:border-muted-foreground/15" tabindex="0"><div class="flex flex-col items-center lg:contents"><span class="flex size-8 shrink-0 items-center justify-center rounded-full border font-mono text-sm font-medium">1</span><span class="h-full w-px bg-border/30 lg:hidden"></span></div><div class="flex-1"><h3 class="mb-2 font-medium lg:mt-4 transition-colors duration-200 text-foreground">1. Upload or Create</h3><p class="text-sm text-muted-foreground leading-relaxed">Upload a photo to edit or switch to Text to Image mode to generate from scratch.</p></div></div></button></div><div class="relative"><button type="button" role="tab" aria-selected="false" aria-controls="radix-«R91tcqtb»-content-tab-2" data-state="inactive" id="radix-«R91tcqtb»-trigger-tab-2" class="group w-full" tabindex="-1" data-orientation="horizontal" data-radix-collection-item=""><div class="flex gap-4 rounded-lg px-6 py-4 text-left border transition-all duration-200 lg:block lg:px-4 bg-background/50 border-border/50 hover:bg-muted/20 hover:border-muted-foreground/15" tabindex="0"><div class="flex flex-col items-center lg:contents"><span class="flex size-8 shrink-0 items-center justify-center rounded-full border font-mono text-sm font-medium">2</span><span class="h-full w-px bg-border/30 lg:hidden"></span></div><div class="flex-1"><h3 class="mb-2 font-medium lg:mt-4 transition-colors duration-200 text-foreground">2. Describe Your Vision</h3><p class="text-sm text-muted-foreground leading-relaxed">Adjust lighting, add text, change backgrounds, blend photos, or apply artistic styles. Our AI understands natural language.</p></div></div></button></div><div class="relative"><button type="button" role="tab" aria-selected="false" aria-controls="radix-«R91tcqtb»-content-tab-3" data-state="inactive" id="radix-«R91tcqtb»-trigger-tab-3" class="group w-full" tabindex="-1" data-orientation="horizontal" data-radix-collection-item=""><div class="flex gap-4 rounded-lg px-6 py-4 text-left border transition-all duration-200 lg:block lg:px-4 bg-background/50 border-border/50 hover:bg-muted/20 hover:border-muted-foreground/15" tabindex="0"><div class="flex flex-col items-center lg:contents"><span class="flex size-8 shrink-0 items-center justify-center rounded-full border font-mono text-sm font-medium">3</span><span class="h-full w-px bg-border/30 lg:hidden"></span></div><div class="flex-1"><h3 class="mb-2 font-medium lg:mt-4 transition-colors duration-200 text-foreground">3. Download & Use</h3><p class="text-sm text-muted-foreground leading-relaxed">Get 4K quality results in seconds. Full commercial usage rights included.</p></div></div></button></div></div></div></div></div></section><section id="feature" class="py-16"><div class="container"><div class="mx-auto flex max-w-(--breakpoint-md) flex-col items-center gap-2"><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground text-xs font-medium mb-4">Features</span><h2 class="mb-2 text-pretty text-3xl font-bold lg:text-4xl">Everything You Need to Create</h2><p class="mb-8 max-w-xl text-muted-foreground lg:max-w-none lg:text-lg">Professional AI image capabilities built on Nano Banana 2 and Gemini 3.1 Flash.</p></div><div class="grid gap-10 md:grid-cols-2 lg:grid-cols-3"><div class="flex flex-col"><div class="mb-5 flex size-16 items-center justify-center rounded-full border border-primary"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="size-8 text-primary cursor-pointer" style="cursor:default" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
61<path d="M10 6V21H8V6H2V4H16V6H10ZM18 14V21H16V14H13V12H21V14H18Z"></path></svg></div><h3 class="mb-2 text-xl font-semibold">Advanced Text Rendering</h3><p class="text-muted-foreground">Create posters and ads with crystal-clear text in any language. Nano Banana 2 achieves 90% text accuracyâa breakthrough for AI-generated typography.</p></div><div class="flex flex-col"><div class="mb-5 flex size-16 items-center justify-center rounded-full border border-primary"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="size-8 text-primary cursor-pointer" style="cursor:default" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.33946 17.0002C2.90721 16.2515 2.58277 15.4702 2.36133 14.6741C3.3338 14.1779 3.99972 13.1668 3.99972 12.0002C3.99972 10.8345 3.3348 9.824 2.36353 9.32741C2.81025 7.71651 3.65857 6.21627 4.86474 4.99001C5.7807 5.58416 6.98935 5.65534 7.99972 5.072C9.01009 4.48866 9.55277 3.40635 9.4962 2.31604C11.1613 1.8846 12.8847 1.90004 14.5031 2.31862C14.4475 3.40806 14.9901 4.48912 15.9997 5.072C17.0101 5.65532 18.2187 5.58416 19.1346 4.99007C19.7133 5.57986 20.2277 6.25151 20.66 7.00021C21.0922 7.7489 21.4167 8.53025 21.6381 9.32628C20.6656 9.82247 19.9997 10.8336 19.9997 12.0002C19.9997 13.166 20.6646 14.1764 21.6359 14.673C21.1892 16.2839 20.3409 17.7841 19.1347 19.0104C18.2187 18.4163 17.0101 18.3451 15.9997 18.9284C14.9893 19.5117 14.4467 20.5941 14.5032 21.6844C12.8382 22.1158 11.1148 22.1004 9.49633 21.6818C9.55191 20.5923 9.00929 19.5113 7.99972 18.9284C6.98938 18.3451 5.78079 18.4162 4.86484 19.0103C4.28617 18.4205 3.77172 17.7489 3.33946 17.0002ZM8.99972 17.1964C10.0911 17.8265 10.8749 18.8227 11.2503 19.9659C11.7486 20.0133 12.2502 20.014 12.7486 19.9675C13.1238 18.8237 13.9078 17.8268 14.9997 17.1964C16.0916 16.5659 17.347 16.3855 18.5252 16.6324C18.8146 16.224 19.0648 15.7892 19.2729 15.334C18.4706 14.4373 17.9997 13.2604 17.9997 12.0002C17.9997 10.74 18.4706 9.5632 19.2729 8.6665C19.1688 8.4405 19.0538 8.21822 18.9279 8.00021C18.802 7.78219 18.667 7.57148 18.5233 7.36842C17.3457 7.61476 16.0911 7.43414 14.9997 6.80405C13.9083 6.17395 13.1246 5.17768 12.7491 4.03455C12.2509 3.98714 11.7492 3.98646 11.2509 4.03292C10.8756 5.17671 10.0916 6.17364 8.99972 6.80405C7.9078 7.43447 6.65245 7.61494 5.47428 7.36803C5.18485 7.77641 4.93463 8.21117 4.72656 8.66637C5.52881 9.56311 5.99972 10.74 5.99972 12.0002C5.99972 13.2604 5.52883 14.4372 4.72656 15.3339C4.83067 15.5599 4.94564 15.7822 5.07152 16.0002C5.19739 16.2182 5.3324 16.4289 5.47612 16.632C6.65377 16.3857 7.90838 16.5663 8.99972 17.1964ZM11.9997 15.0002C10.3429 15.0002 8.99972 13.6571 8.99972 12.0002C8.99972 10.3434 10.3429 9.00021 11.9997 9.00021C13.6566 9.00021 14.9997 10.3434 14.9997 12.0002C14.9997 13.6571 13.6566 15.0002 11.9997 15.0002ZM11.9997 13.0002C12.552 13.0002 12.9997 12.5525 12.9997 12.0002C12.9997 11.4479 12.552 11.
610002 11.9997 11.0002C11.4474 11.0002 10.9997 11.4479 10.9997 12.0002C10.9997 12.5525 11.4474 13.0002 11.9997 13.0002Z"></path></svg></div><h3 class="mb-2 text-xl font-semibold">Precise Editing Controls</h3><p class="text-muted-foreground">Control camera angles, lighting, shadows, and composition through natural language. Nano Banana 2's instruction-following delivers studio-level precision.</p></div><div class="flex flex-col"><div class="mb-5 flex size-16 items-center justify-center rounded-full border border-primary"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="size-8 text-primary cursor-pointer" style="cursor:default" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M4 5V19H20V5H4ZM3 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3ZM7.5 11.25H9.5V9H11V15H9.5V12.75H7.5V15H6V9H7.5V11.25ZM14.5 10.5V13.5H16C16.2761 13.5 16.5 13.2761 16.5 13V11C16.5 10.7239 16.2761 10.5 16 10.5H14.5ZM13 9H16C17.1046 9 18 9.89543 18 11V13C18 14.1046 17.1046 15 16 15H13V9Z"></path></svg></div><h3 class="mb-2 text-xl font-semibold">4K Resolution Output</h3><p class="text-muted-foreground">Export images from 512px up to 4K resolution. Nano Banana 2 supports the widest range of any AI modelâperfect for print and publishing.</p></div><div class="flex flex-col"><div class="mb-5 flex size-16 items-center justify-center rounded-full border border-primary"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="size-8 text-primary cursor-pointer" style="cursor:default" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM9.71002 19.6674C8.74743 17.6259 8.15732 15.3742 8.02731 13H4.06189C4.458 16.1765 6.71639 18.7747 9.71002 19.6674ZM10.0307 13C10.1811 15.4388 10.8778 17.7297 12 19.752C13.1222 17.7297 13.8189 15.4388 13.9693 13H10.0307ZM19.9381 13H15.9727C15.8427 15.3742 15.2526 17.6259 14.29 19.6674C17.2836 18.7747 19.542 16.1765 19.9381 13ZM4.06189 11H8.02731C8.15732 8.62577 8.74743 6.37407 9.71002 4.33256C6.71639 5.22533 4.458 7.8235 4.06189 11ZM10.0307 11H13.9693C13.8189 8.56122 13.1222 6.27025 12 4.24799C10.8778 6.27025 10.1811 8.56122 10.0307 11ZM14.29 4.33256C15.2526 6.37407 15.8427 8.62577 15.9727 11H19.9381C19.542 7.8235 17.2836 5.22533 14.29 4.33256Z"></path></svg></div><h3 class="mb-2 text-xl font-semibold">Enhanced World Knowledge</h3><p class="text-muted-foreground">Accurate depictions of real landmarks, cultural elements, and locations. Grounded by Gemini AI's real-time web search for factual precision.</p></div><div class="flex flex-col"><div class="mb-5 flex size-16 items-center justify-center rounded-full border border-primary"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="size-8 text-primary cursor-pointer" style="cursor:default" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M22 20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3H21C21.5523 3 22 3.44772 22 4V20ZM11 15H4V19H11V15ZM20 11H13V19H20V11ZM11 5H4V13H11V5ZM20 5H13V9H20V5Z"></path></svg></div><h3 class="mb-2 text-xl font-semibold">Subject Consistency</h3><p class="text-muted-foreground">Maintain consistent characters across multiple scenesâup to 5 characters and 14 objects. A Nano Banana 2 exclusive for storytelling and branding.</p></div><div class="flex flex-col"><div class="mb-5 flex size-16 items-center justify-center rounded-full border border-primary"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="size-8 text-primary cursor-pointer" style="cursor:default" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M15.1986 9.94447C14.7649 9.5337 14.4859 8.98613 14.4085 8.39384L14.0056 5.31138L11.275 6.79724C10.7503 7.08274 10.1433 7.17888 9.55608 7.06948L6.49998 6.50015L7.06931 9.55625C7.17871 10.1435 7.08257 10.7505 6.79707 11.2751L5.31121 14.0057L8.39367 14.4086C8.98596 14.4861 9.53353 14.7651 9.94431 15.1987L12.0821 17.4557L13.4178 14.6486C13.6745 14.1092 14.109 13.6747 14.6484 13.418L17.4555 12.0823L15.1986 9.94447ZM15.2238 15.5079L13.0111 20.1581C12.8687 20.4573
6112.5107 20.5844 12.2115 20.442C12.1448 20.4103 12.0845 20.3665 12.0337 20.3129L8.49229 16.5741C8.39749 16.474 8.27113 16.4096 8.13445 16.3918L3.02816 15.7243C2.69958 15.6814 2.46804 15.3802 2.51099 15.0516C2.52056 14.9784 2.54359 14.9075 2.5789 14.8426L5.04031 10.3192C5.1062 10.1981 5.12839 10.058 5.10314 9.92253L4.16 4.85991C4.09931 4.53414 4.3142 4.22086 4.63997 4.16017C4.7126 4.14664 4.78711 4.14664 4.85974 4.16017L9.92237 5.10331C10.0579 5.12855 10.198 5.10637 10.319 5.04048L14.8424 2.57907C15.1335 2.42068 15.4979 2.52825 15.6562 2.81931C15.6916 2.88421 15.7146 2.95507 15.7241 3.02833L16.3916 8.13462C16.4095 8.2713 16.4739 8.39766 16.5739 8.49245L20.3127 12.0338C20.5533 12.2617 20.5636 12.6415 20.3357 12.8821C20.2849 12.9357 20.2246 12.9795 20.1579 13.0112L15.5078 15.224C15.3833 15.2832 15.283 15.3835 15.2238 15.5079ZM16.0206 17.435L17.4348 16.0208L21.6775 20.2634L20.2633 21.6776L16.0206 17.435Z"></path></svg></div><h3 class="mb-2 text-xl font-semibold">Style Transfer & Effects</h3><p class="text-muted-foreground">Transform photos with artistic styles and creative filters. Nano Banana 2's style understanding delivers Ghibli, retro, and dozens more with stunning fidelity.</p></div></div></div></section><section class="py-16 lg:py-24"><div class="container"><div class="mx-auto mb-16 max-w-3xl text-center"><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground text-xs font-medium mb-4">Examples</span><h2 class="mb-6 text-3xl font-bold tracking-tight lg:text-4xl xl:text-5xl">See It in Action</h2><p class="text-lg text-muted-foreground lg:text-xl">Professional image generation and editing built on Nano Banana 2.</p></div><div class="space-y-24"><div class="grid items-center gap-12 lg:gap-16 lg:grid-cols-2"><div class="space-y-6 "><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 w-fit">Most Popular</span><div class="space-y-4"><h3 class="text-2xl font-bold tracking-tight lg:text-3xl">Advanced Text Rendering</h3><p class="text-lg leading-relaxed text-muted-foreground">Create posters and ads with crystal-clear, perfectly readable text in any language.</p></div><div class="space-y-4"><div class="flex items-start gap-3"><div class="mt-1 flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full bg-primary/10"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="h-4 w-4 text-primary cursor-pointer" style="cursor:default" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M10 6V21H8V6H2V4H16V6H10ZM18 14V21H16V14H13V12H21V14H18Z"></path></svg></div><div><h4 class="font-semibold text-foreground">Unmatched Clarity</h4><p class="text-sm text-muted-foreground">Provides crystal-clear, perfectly readable text with zero distortion.</p></div></div><div class="flex items-start gap-3"><div class="mt-1 flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full bg-primary/10"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="h-4 w-4 text-primary cursor-pointer" style="cursor:default" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M5 15V17C5 18.0544 5.81588 18.9182 6.85074 18.9945L7 19H10V21H7C4.79086 21 3 19.2091 3 17V15H5ZM18 10L22.4 21H20.245L19.044 18H14.954L13.755 21H11.601L16 10H18ZM17 12.8852L15.753 16H18.245L17 12.8852ZM8 2V4H12V11H8V14H6V11H2V4H6V2H8ZM17 3C19.2091 3 21 4.79086 21 7V9H19V7C19 5.89543 18.1046 5 17 5H14V3H17ZM6 6H4V9H6V6ZM10 6H8V9H10V6Z"></path></svg></div><div><h4 class="font-semibold text-foreground">Multilingual Versatility</h4><p class="text-sm text-muted-foreground">Supports professional typography in any language and any font style.</p></div></div><div class="flex items-start gap-3"><div class="mt-1 flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full bg-primary/10"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="h-4 w-4 text-primary curs
61or-pointer" style="cursor:default" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M13 6V21H11V6H5V4H19V6H13Z"></path></svg></div><div><h4 class="font-semibold text-foreground">Natural Integration</h4><p class="text-sm text-muted-foreground">Ensures text is seamlessly composed and fits naturally within the final creation.</p></div></div></div><div class="flex flex-wrap gap-3 pt-2"><a target="_self" data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive backdrop-blur-md border bg-primary/60 text-primary-foreground border-primary/40 shadow-lg hover:bg-primary/50 hover:border-primary/60 h-9 px-4 py-2 has-[>svg]:px-3" href="/#image-editor"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="mr-2 h-4 w-4 cursor-pointer" style="cursor:default" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M15.1986 9.94447C14.7649 9.5337 14.4859 8.98613 14.4085 8.39384L14.0056 5.31138L11.275 6.79724C10.7503 7.08274 10.1433 7.17888 9.55608 7.06948L6.49998 6.50015L7.06931 9.55625C7.17871 10.1435 7.08257 10.7505 6.79707 11.2751L5.31121 14.0057L8.39367 14.4086C8.98596 14.4861 9.53353 14.7651 9.94431 15.1987L12.0821 17.4557L13.4178 14.6486C13.6745 14.1092 14.109 13.6747 14.6484 13.418L17.4555 12.0823L15.1986 9.94447ZM15.2238 15.5079L13.0111 20.1581C12.8687 20.4573 12.5107 20.5844 12.2115 20.442C12.1448 20.4103 12.0845 20.3665 12.0337 20.3129L8.49229 16.5741C8.39749 16.474 8.27113 16.4096 8.13445 16.3918L3.02816 15.7243C2.69958 15.6814 2.46804 15.3802 2.51099 15.0516C2.52056 14.9784 2.54359 14.9075 2.5789 14.8426L5.04031 10.3192C5.1062 10.1981 5.12839 10.058 5.10314 9.92253L4.16 4.85991C4.09931 4.53414 4.3142 4.22086 4.63997 4.16017C4.7126 4.14664 4.78711 4.14664 4.85974 4.16017L9.92237 5.10331C10.0579 5.12855 10.198 5.10637 10.319 5.04048L14.8424 2.57907C15.1335 2.42068 15.4979 2.52825 15.6562 2.81931C15.6916 2.88421 15.7146 2.95507 15.7241 3.02833L16.3916 8.13462C16.4095 8.2713 16.4739 8.39766 16.5739 8.49245L20.3127 12.0338C20.5533 12.2617 20.5636 12.6415 20.3357 12.8821C20.2849 12.9357 20.2246 12.9795 20.1579 13.0112L15.5078 15.224C15.3833 15.2832 15.283 15.3835 15.2238 15.5079ZM16.0206 17.435L17.4348 16.0208L21.6775 20.2634L20.2633 21.6776L16.0206 17.435Z"></path></svg>Try for Free</a></div></div><div class=""><div data-slot="card" class="text-card-foreground flex flex-col gap-6 rounded-xl overflow-hidden border-0 shadow-2xl bg-transparent py-0"><div data-slot="card-content" class="p-0"><div class="relative h-full w-full aspect-[3/2]"><img src="/imgs/examples/advanced_text_rendering.webp" alt="Create Poster with TryBanana2 powered by Nano Banana 2" class="absolute inset-0 w-full h-full object-cover"/></div></div></div></div></div><div class="grid items-center gap-12 lg:gap-16 lg:grid-cols-2"><div class="space-y-6 "><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 w-fit">Popular</span><div class="space-y-4"><h3 class="text-2xl font-bold tracking-tight lg:text-3xl">Smart Object Removal</h3><p class="text-lg leading-relaxed text-muted-foreground">Remove unwanted objects and distractions instantly. Professional, seamless results in seconds.</p></div><div class="space-y-4"><div class="flex items-start gap-3"><div class="mt-1 flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full bg-primary/10"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="h-4 w-4 text-primary curs
61or-pointer" style="cursor:default" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M12.0003 3C17.3924 3 21.8784 6.87976 22.8189 12C21.8784 17.1202 17.3924 21 12.0003 21C6.60812 21 2.12215 17.1202 1.18164 12C2.12215 6.87976 6.60812 3 12.0003 3ZM12.0003 19C16.2359 19 19.8603 16.052 20.7777 12C19.8603 7.94803 16.2359 5 12.0003 5C7.7646 5 4.14022 7.94803 3.22278 12C4.14022 16.052 7.7646 19 12.0003 19ZM12.0003 16.5C9.51498 16.5 7.50026 14.4853 7.50026 12C7.50026 9.51472 9.51498 7.5 12.0003 7.5C14.4855 7.5 16.5003 9.51472 16.5003 12C16.5003 14.4853 14.4855 16.5 12.0003 16.5ZM12.0003 14.5C13.381 14.5 14.5003 13.3807 14.5003 12C14.5003 10.6193 13.381 9.5 12.0003 9.5C10.6196 9.5 9.50026 10.6193 9.50026 12C9.50026 13.3807 10.6196 14.5 12.0003 14.5Z"></path></svg></div><div><h4 class="font-semibold text-foreground">Smart Detection</h4><p class="text-sm text-muted-foreground">AI automatically identifies and isolates objects for removal</p></div></div><div class="flex items-start gap-3"><div class="mt-1 flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full bg-primary/10"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="h-4 w-4 text-primary cursor-pointer" style="cursor:default" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M5 4.9967V7.9967H19V4.9967H5ZM4 2.9967H20C20.5523 2.9967 21 3.44442 21 3.9967V8.9967C21 9.54899 20.5523 9.9967 20 9.9967H4C3.44772 9.9967 3 9.54899 3 8.9967V3.9967C3 3.44442 3.44772 2.9967 4 2.9967ZM6 11.9967H12C12.5523 11.9967 13 12.4444 13 12.9967V15.9967H14V21.9967H10V15.9967H11V13.9967H5C4.44772 13.9967 4 13.549 4 12.9967V10.9967H6V11.9967ZM17.7322 13.7289L19.5 11.9612L21.2678 13.7289C22.2441 14.7052 22.2441 16.2882 21.2678 17.2645C20.2915 18.2408 18.7085 18.2408 17.7322 17.2645C16.7559 16.2882 16.7559 14.7052 17.7322 13.7289Z"></path></svg></div><div><h4 class="font-semibold text-foreground">Intelligent Fill</h4><p class="text-sm text-muted-foreground">Seamlessly fills removed areas with matching background using Gemini AI</p></div></div><div class="flex items-start gap-3"><div class="mt-1 flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full bg-primary/10"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="h-4 w-4 text-primary cursor-pointer" style="cursor:default" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M17.6177 5.9681L19.0711 4.51472L20.4853 5.92893L19.0319 7.38231C20.2635 8.92199 21 10.875 21 13C21 17.9706 16.9706 22 12 22C7.02944 22 3 17.9706 3 13C3 8.02944 7.02944 4 12 4C14.125 4 16.078 4.73647 17.6177 5.9681ZM12 20C15.866 20 19 16.866 19 13C19 9.13401 15.866 6 12 6C8.13401 6 5 9.13401 5 13C5 16.866 8.13401 20 12 20ZM11 8H13V14H11V8ZM8 1H16V3H8V1Z"></path></svg></div><div><h4 class="font-semibold text-foreground">Instant Results</h4><p class="text-sm text-muted-foreground">Get professional results in under 10 seconds</p></div></div></div><div class="flex flex-wrap gap-3 pt-2"><a target="_self" data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive backdrop-blur-md border bg-primary/60 text-primary-foreground border-primary/40 shadow-lg hover:bg-primary/50 hover:border-primary/60 h-9 px-4 py-2 has-[>svg]:px-3" href="/#image-editor"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="mr-2 h-4 w-4 cursor-pointer" style="cursor:default" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M15.1986 9.94447C14.7649 9.5337 14.4859 8.98613 14.4085 8.39384L14.0056 5.31138L11.275 6.79724C10.7503 7.08274 10.1433 7.17888 9.55608 7.06948L6.49998 6.50015L7.06931 9.55625C7.17871 10.1435 7.08257 10.7505 6.79707 11.2751L5.31121 14.0057L8.39367 14.4086C8.98596 14.4861 9.53353 14.7651 9.94431 15.1987L12.0821 17.4557L13.4178 14.6486C13.6745 14.1092 14.109 13.6747 14.6484 13.418L17.4555 12.0823L15.1986 9.94447ZM15.2238 15.5079L13.0111 20.1581C12.8687 20.4573
6112.5107 20.5844 12.2115 20.442C12.1448 20.4103 12.0845 20.3665 12.0337 20.3129L8.49229 16.5741C8.39749 16.474 8.27113 16.4096 8.13445 16.3918L3.02816 15.7243C2.69958 15.6814 2.46804 15.3802 2.51099 15.0516C2.52056 14.9784 2.54359 14.9075 2.5789 14.8426L5.04031 10.3192C5.1062 10.1981 5.12839 10.058 5.10314 9.92253L4.16 4.85991C4.09931 4.53414 4.3142 4.22086 4.63997 4.16017C4.7126 4.14664 4.78711 4.14664 4.85974 4.16017L9.92237 5.10331C10.0579 5.12855 10.198 5.10637 10.319 5.04048L14.8424 2.57907C15.1335 2.42068 15.4979 2.52825 15.6562 2.81931C15.6916 2.88421 15.7146 2.95507 15.7241 3.02833L16.3916 8.13462C16.4095 8.2713 16.4739 8.39766 16.5739 8.49245L20.3127 12.0338C20.5533 12.2617 20.5636 12.6415 20.3357 12.8821C20.2849 12.9357 20.2246 12.9795 20.1579 13.0112L15.5078 15.224C15.3833 15.2832 15.283 15.3835 15.2238 15.5079ZM16.0206 17.435L17.4348 16.0208L21.6775 20.2634L20.2633 21.6776L16.0206 17.435Z"></path></svg>Try for Free</a></div></div><div class=""><div data-slot="card" class="text-card-foreground flex flex-col gap-6 rounded-xl overflow-hidden border-0 shadow-2xl bg-transparent py-0"><div data-slot="card-content" class="p-0"><div class="relative overflow-hidden select-none touch-pan-y aspect-[4/3]" role="slider" aria-valuemin="0" aria-valuemax="100" aria-valuenow="35"><div class="absolute inset-0" style="clip-path:inset(0 65% 0 0)"><img src="/imgs/examples/remove-objects/remove-object-before.webp" alt="Before Object Removal" class="absolute inset-0 w-full h-full object-cover"/><div class="absolute left-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">Before</div></div><div class="absolute inset-0" style="clip-path:inset(0 0 0 35%)"><img src="/imgs/examples/remove-objects/remove-object-after.webp" alt="After Object Removal" class="absolute inset-0 w-full h-full object-cover"/><div class="absolute right-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">After</div></div><div class="absolute inset-y-0 w-1 bg-white" style="left:35%;transform:translateX(-50%)"></div><button type="button" aria-label="Adjust comparison" class="absolute top-1/2 -translate-y-1/2 -translate-x-1/2 rounded-full bg-white text-black cursor-ew-resize touch-none shadow-lg transition-transform duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary" style="left:35%;width:28px;height:28px"><span class="sr-only">Adjust comparison slider</span></button></div></div></div></div></div><div class="grid items-center gap-12 lg:gap-16 lg:grid-cols-2 lg:grid-flow-col-dense"><div class="space-y-6 lg:col-start-2"><div class="space-y-4"><h3 class="text-2xl font-bold tracking-tight lg:text-3xl">4K Image Enhancement</h3><p class="text-lg leading-relaxed text-muted-foreground">Upscale photos to stunning 4K resolution. Transform low-quality images into professional prints.</p></div><div class="space-y-4"><div class="flex items-start gap-3"><div class="mt-1 flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full bg-primary/10"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="h-4 w-4 text-primary cursor-pointer" style="cursor:default" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M4 5V19H20V5H4ZM3 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3ZM7.5 11.25H9.5V9H11V15H9.5V12.75H7.5V15H6V9H7.5V11.25ZM14.5 10.5V13.5H16C16.2761 13.5 16.5 13.2761 16.5 13V11C16.5 10.7239 16.2761 10.5 16 10.5H14.5ZM13 9H16C17.1046 9 18 9.89543 18 11V13C18 14.1046 17.1046 15 16 15H13V9Z"></path></svg></div><div><h4 class="font-semibold text-foreground">4K Upscaling</h4><p class="text-sm text-muted-foreground">Upscale to 4K resolution with Nano Banana 2 AI</p></div></div><div class="flex items-start gap-3"><div class="mt-1 flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full bg-primary/10"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="h-4 w-4 text-primary cursor-pointer" style="cursor:default" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M15.1986 9.94447C14.7649 9.5337 14.4859 8.98613 14.4085 8.39384L14.0056 5.31138L11.275 6.79724C10.7503 7.08274 10.1433 7.17888 9.55608 7.06948L6.49998 6.50015L7.06931 9.55625C7.17871 10.1435 7.08257 10.7505 6.79707 11.2751L5.31121 14.0057L8.39367 14.4086C8.98596 14.4861 9.53353 14.7651 9.94431 15.1987L12.0821 17.4557L13.4178 14.6486C13.6745 14.1092 14.109 13.6747 14.6484 13.418L17.4555 12.0823L15.1986 9.94447ZM15.2238 15.5079L13.0111 20.1581C12.8687 20.4573
6112.5107 20.5844 12.2115 20.442C12.1448 20.4103 12.0845 20.3665 12.0337 20.3129L8.49229 16.5741C8.39749 16.474 8.27113 16.4096 8.13445 16.3918L3.02816 15.7243C2.69958 15.6814 2.46804 15.3802 2.51099 15.0516C2.52056 14.9784 2.54359 14.9075 2.5789 14.8426L5.04031 10.3192C5.1062 10.1981 5.12839 10.058 5.10314 9.92253L4.16 4.85991C4.09931 4.53414 4.3142 4.22086 4.63997 4.16017C4.7126 4.14664 4.78711 4.14664 4.85974 4.16017L9.92237 5.10331C10.0579 5.12855 10.198 5.10637 10.319 5.04048L14.8424 2.57907C15.1335 2.42068 15.4979 2.52825 15.6562 2.81931C15.6916 2.88421 15.7146 2.95507 15.7241 3.02833L16.3916 8.13462C16.4095 8.2713 16.4739 8.39766 16.5739 8.49245L20.3127 12.0338C20.5533 12.2617 20.5636 12.6415 20.3357 12.8821C20.2849 12.9357 20.2246 12.9795 20.1579 13.0112L15.5078 15.224C15.3833 15.2832 15.283 15.3835 15.2238 15.5079ZM16.0206 17.435L17.4348 16.0208L21.6775 20.2634L20.2633 21.6776L16.0206 17.435Z"></path></svg></div><div><h4 class="font-semibold text-foreground">Detail Recovery</h4><p class="text-sm text-muted-foreground">Gemini AI reconstructs edges, textures, and fine details</p></div></div><div class="flex items-start gap-3"><div class="mt-1 flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full bg-primary/10"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="h-4 w-4 text-primary cursor-pointer" style="cursor:default" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M17.0007 1.20825 18.3195 3.68108 20.7923 4.99992 18.3195 6.31876 17.0007 8.79159 15.6818 6.31876 13.209 4.99992 15.6818 3.68108 17.0007 1.20825ZM10.6673 9.33325 15.6673 11.9999 10.6673 14.6666 8.00065 19.6666 5.33398 14.6666.333984 11.9999 5.33398 9.33325 8.00065 4.33325 10.6673 9.33325ZM11.4173 11.9999 9.18905 10.8115 8.00065 8.58325 6.81224 10.8115 4.58398 11.9999 6.81224 13.1883 8.00065 15.4166 9.18905 13.1883 11.4173 11.9999ZM19.6673 16.3333 18.0007 13.2083 16.334 16.3333 13.209 17.9999 16.334 19.6666 18.0007 22.7916 19.6673 19.6666 22.7923 17.9999 19.6673 16.3333Z"></path></svg></div><div><h4 class="font-semibold text-foreground">Noise Cleanup</h4><p class="text-sm text-muted-foreground">AI removes compression artifacts for crystal-clear results</p></div></div></div><div class="flex flex-wrap gap-3 pt-2"><a target="_self" data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive backdrop-blur-md border bg-primary/60 text-primary-foreground border-primary/40 shadow-lg hover:bg-primary/50 hover:border-primary/60 h-9 px-4 py-2 has-[>svg]:px-3" href="/#image-editor"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="mr-2 h-4 w-4 cursor-pointer" style="cursor:default" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M4 5V19H20V5H4ZM3 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3ZM7.5 11.25H9.5V9H11V15H9.5V12.75H7.5V15H6V9H7.5V11.25ZM14.5 10.5V13.5H16C16.2761 13.5 16.5 13.2761 16.5 13V11C16.5 10.7239 16.2761 10.5 16 10.5H14.5ZM13 9H16C17.1046 9 18 9.89543 18 11V13C18 14.1046 17.1046 15 16 15H13V9Z"></path></svg>Try for Free</a></div></div><div class="lg:col-start-1"><div data-slot="card" class="text-card-foreground flex flex-col gap-6 rounded-xl overflow-hidden border-0 shadow-2xl bg-transparent py-0"><div data-slot="card-content" class="p-0"><div class="relative overflow-hidden select-none touch-pan-y aspect-[4/3]" role="slider" aria-valuemin="0" aria-valuemax="100" aria-valuenow="40"><div class="absolute inset-0" style="clip-path:inset(0 60% 0 0)"><img src="/imgs/examples/image-enhancer/image-enhancer-before.jpg" alt="Original" class="absolute inset-0 w-full h-full object-cover"/>
61<div class="absolute left-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">Original</div></div><div class="absolute inset-0" style="clip-path:inset(0 0 0 40%)"><img src="/imgs/examples/image-enhancer/image-enhancer-after.jpg" alt="Enhanced" class="absolute inset-0 w-full h-full object-cover"/><div class="absolute right-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">Enhanced</div></div><div class="absolute inset-y-0 w-1 bg-white" style="left:40%;transform:translateX(-50%)"></div><button type="button" aria-label="Adjust comparison" class="absolute top-1/2 -translate-y-1/2 -translate-x-1/2 rounded-full bg-white text-black cursor-ew-resize touch-none shadow-lg transition-transform duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary" style="left:40%;width:28px;height:28px"><span class="sr-only">Adjust comparison slider</span></button></div></div></div></div></div><div class="grid items-center gap-12 lg:gap-16 lg:grid-cols-2"><div class="space-y-6 "><div class="space-y-4"><h3 class="text-2xl font-bold tracking-tight lg:text-3xl">AI Background Replacement</h3><p class="text-lg leading-relaxed text-muted-foreground">Change backgrounds instantly while maintaining perfect lighting and shadows. Professional results guaranteed.</p></div><div class="space-y-4"><div class="flex items-start gap-3"><div class="mt-1 flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full bg-primary/10"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="h-4 w-4 text-primary cursor-pointer" style="cursor:default" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M6.23509 6.45329C4.85101 7.89148 4 9.84636 4 12C4 16.4183 7.58172 20 12 20C13.0808 20 14.1116 19.7857 15.0521 19.3972C15.1671 18.6467 14.9148 17.9266 14.8116 17.6746C14.582 17.115 13.8241 16.1582 12.5589 14.8308C12.2212 14.4758 12.2429 14.2035 12.3636 13.3943L12.3775 13.3029C12.4595 12.7486 12.5971 12.4209 14.4622 12.1248C15.4097 11.9746 15.6589 12.3533 16.0043 12.8777C16.0425 12.9358 16.0807 12.9928 16.1198 13.0499C16.4479 13.5297 16.691 13.6394 17.0582 13.8064C17.2227 13.881 17.428 13.9751 17.7031 14.1314C18.3551 14.504 18.3551 14.9247 18.3551 15.8472V15.9518C18.3551 16.3434 18.3168 16.6872 18.2566 16.9859C19.3478 15.6185 20 13.8854 20 12C20 8.70089 18.003 5.8682 15.1519 4.64482C14.5987 5.01813 13.8398 5.54726 13.575 5.91C13.4396 6.09538 13.2482 7.04166 12.6257 7.11976C12.4626 7.14023 12.2438 7.12589 12.012 7.11097C11.3905 7.07058 10.5402 7.01606 10.268 7.75495C10.0952 8.2232 10.0648 9.49445 10.6239 10.1543C10.7134 10.2597 10.7307 10.4547 10.6699 10.6735C10.59 10.9608 10.4286 11.1356 10.3783 11.1717C10.2819 11.1163 10.0896 10.8931 9.95938 10.7412C9.64554 10.3765 9.25405 9.92233 8.74797 9.78176C8.56395 9.73083 8.36166 9.68867 8.16548 9.64736C7.6164 9.53227 6.99443 9.40134 6.84992 9.09302C6.74442 8.8672 6.74488 8.55621 6.74529 8.22764C6.74529 7.8112 6.74529 7.34029 6.54129 6.88256C6.46246 6.70541 6.35689 6.56446 6.23509 6.45329ZM12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22Z"></path></svg></div><div><h4 class="font-semibold text-foreground">Any Location</h4><p class="text-sm text-muted-foreground">Replace backgrounds with any real or imaginary location</p></div></div><div class="flex items-start gap-3"><div class="mt-1 flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full bg-primary/10"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="h-4 w-4 text-primary cursor-pointer" style="cursor:default" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M12 18C8.68629 18 6 15.3137 6 12C6 8.68629 8.68629 6 12 6C15.3137 6 18 8.68629 18 12C18 15.3137 15.3137 18 12 18ZM12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16ZM11 1H13V4H11V1ZM11 20H13V23H11V20ZM3.51472 4.92893L4.92893 3.51472L7.05025 5.63604L5.63604 7.05025L3.51472 4.92893ZM16.9497 18.364L18.364 16.9497L20.4853 19.0711L19.0711 20.4853L16.9497 18.364ZM19.0711 3.51472L20.4853 4.92893L18.364 7.05025L16.9497 5.63604L19.0711 3.51472ZM5.63604 16.9497L7.05025 18.364L4.92893 20.4853L3.51472 19.0711L5.63604 16.9497ZM23 11V13H20V11H23ZM4 11V13H1V11H4Z"></path></svg></div><div><h4 class="font-semibold text-foreground">Perfect Matching</h4><p class="text-sm text-muted-foreground">AI adjusts lighting and colors using Gemini AI for realistic integration</p></div></div><div class="flex items-start gap-3"><div class="mt-1 flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full bg-primary/10"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="h-4 w-4 text-primary curs
61or-pointer" style="cursor:default" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M9.44618 8.02867L12 10.5825L18.7279 3.85457C19.509 3.07352 20.7753 3.07352 21.5563 3.85457L9.44618 15.9647C9.79807 16.5603 10 17.2549 10 17.9967C10 20.2058 8.20914 21.9967 6 21.9967C3.79086 21.9967 2 20.2058 2 17.9967C2 15.7876 3.79086 13.9967 6 13.9967C6.74181 13.9967 7.43645 14.1986 8.03197 14.5505L10.5858 11.9967L8.03197 9.44289C7.43645 9.79478 6.74181 9.9967 6 9.9967C3.79086 9.9967 2 8.20584 2 5.9967C2 3.78756 3.79086 1.9967 6 1.9967C8.20914 1.9967 10 3.78756 10 5.9967C10 6.73851 9.79807 7.43316 9.44618 8.02867ZM14.8255 13.408L21.5563 20.1388C20.7753 20.9199 19.509 20.9199 18.7279 20.1388L13.4113 14.8222L14.8255 13.408ZM7.41421 16.5825C7.05228 16.2206 6.55228 15.9967 6 15.9967C4.89543 15.9967 4 16.8921 4 17.9967C4 19.1013 4.89543 19.9967 6 19.9967C7.10457 19.9967 8 19.1013 8 17.9967C8 17.4444 7.77614 16.9444 7.41421 16.5825ZM7.41421 7.41092C7.77614 7.04899 8 6.54899 8 5.9967C8 4.89213 7.10457 3.9967 6 3.9967C4.89543 3.9967 4 4.89213 4 5.9967C4 7.10127 4.89543 7.9967 6 7.9967C6.55228 7.9967 7.05228 7.77285 7.41421 7.41092Z"></path></svg></div><div><h4 class="font-semibold text-foreground">Precise Edges</h4><p class="text-sm text-muted-foreground">Clean, professional edge detection and masking</p></div></div></div><div class="flex flex-wrap gap-3 pt-2"><a target="_self" data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive backdrop-blur-md border bg-primary/60 text-primary-foreground border-primary/40 shadow-lg hover:bg-primary/50 hover:border-primary/60 h-9 px-4 py-2 has-[>svg]:px-3" href="/#image-editor"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="mr-2 h-4 w-4 cursor-pointer" style="cursor:default" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M2.9918 21C2.44405 21 2 20.5551 2 20.0066V3.9934C2 3.44476 2.45531 3 2.9918 3H21.0082C21.556 3 22 3.44495 22 3.9934V20.0066C22 20.5552 21.5447 21 21.0082 21H2.9918ZM20 15V5H4V19L14 9L20 15ZM20 17.8284L14 11.8284L6.82843 19H20V17.8284ZM8 11C6.89543 11 6 10.1046 6 9C6 7.89543 6.89543 7 8 7C9.10457 7 10 7.89543 10 9C10 10.1046 9.10457 11 8 11Z"></path></svg>Try for Free</a></div></div><div class=""><div data-slot="card" class="text-card-foreground flex flex-col gap-6 rounded-xl overflow-hidden border-0 shadow-2xl bg-transparent py-0"><div data-slot="card-content" class="p-0"><div class="relative overflow-hidden select-none touch-pan-y aspect-[4/3]" role="slider" aria-valuemin="0" aria-valuemax="100" aria-valuenow="35"><div class="absolute inset-0" style="clip-path:inset(0 65% 0 0)"><img src="/imgs/examples/remove-background/remove-background-before.webp" alt="Original" class="absolute inset-0 w-full h-full object-cover"/><div class="absolute left-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">Original</div></div><div class="absolute inset-0" style="clip-path:inset(0 0 0 35%)"><img src="/imgs/examples/remove-background/remove-background-after.webp" alt="AI Background" class="absolute inset-0 w-full h-full object-cover"/><div class="absolute right-3 top-3 rounded-full bg-black/60 px-3 py-1 text-xs font-medium text-white">AI Background</div></div><div class="absolute inset-y-0 w-1 bg-white" style="left:35%;transform:translateX(-50%)"></div><button type="button" aria-label="Adjust comparison" class="absolute top-1/2 -translate-y-1/2 -translate-x-1/2 rounded-full bg-white text-black cursor-ew-resize touch-none shadow-lg transition-transform duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary" style="left:35%;width:28px;height:28px"><span class="sr-only">Adjust comparison slider</span></button></div></div></div></div></div></div></div></section><section id="faq" class="py-16"><div class="container"><div class="text-center"><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground text-xs font-medium mb-4">FAQ</span><h2 class="text-4xl font-semibold">Frequently Asked Questions</h2><p class="mt-6 font-medium text-muted-foreground">Everything you need to know about TryBanana2 and the Nano Banana 2 model.</p></div><div class="mx-auto mt-14 grid gap-8 md:grid-cols-2 md:gap-12"><div class="flex gap-4"><span class="flex size-6 shrink-0 items-center justify-center rounded-sm border border-primary font-mono text-xs text-primary">1</span><div><div class="mb-2 flex items-center justify-between"><h3 class="font-semibold">What is Nano Banana 2 and how does TryBanana2 use it?</h3></div><p class="text-md text-muted-foreground">Nano Banana 2 is Google's latest AI image generation model from the Gemini 3.1 Flash family, launched in February 2026. It generates and edits images from text prompts with pro-level quality at flash speed. TryBanana2 is built on Nano Banana 2, giving you access to its full capabilitiesâ4K output, perfect text rendering, subject consistency, and multi-image blendingâthrough an easy-to-use interface.</p></div></div><div class="flex gap-4"><span class="flex size-6 shrink-0 items-center justify-center rounded-sm border border-primary font-mono text-xs text-primary">2</span><div><div class="mb-2 flex items-center justify-between"><h3 class="font-semibold">What makes Nano Banana 2 different from other AI image models?</h3></div><p class="text-md text-muted-foreground">Nano Banana 2 delivers pro-quality results at Gemini Flash speedâroughly 50% more cost-efficient than the previous Nano Banana Pro. Key breakthroughs include 90% text accuracy (solving AI'
61s biggest typography problem), subject consistency across scenes (up to 5 characters and 14 objects), real-time web search grounding for factual accuracy, and native 4K resolution support from 512px to 4096px.</p></div></div><div class="flex gap-4"><span class="flex size-6 shrink-0 items-center justify-center rounded-sm border border-primary font-mono text-xs text-primary">3</span><div><div class="mb-2 flex items-center justify-between"><h3 class="font-semibold">What's the difference between Nano Banana 2 and Nano Banana Pro?</h3></div><p class="text-md text-muted-foreground">Nano Banana 2 (Gemini 3.1 Flash Image) is the newer model that replaced Nano Banana Pro as Google's default. It matches Pro-level quality while being significantly faster and more affordable. Nano Banana 2 also adds subject consistency, extreme aspect ratios (up to 8:1), and improved instruction following. TryBanana2 supports both models so you can choose what works best.</p></div></div><div class="flex gap-4"><span class="flex size-6 shrink-0 items-center justify-center rounded-sm border border-primary font-mono text-xs text-primary">4</span><div><div class="mb-2 flex items-center justify-between"><h3 class="font-semibold">Can I edit photos with natural language prompts?</h3></div><p class="text-md text-muted-foreground">Yes! Simply describe what you want: 'make the lighting warmer,' 'add text that says Welcome,' or 'blend these photos together.' Nano Banana 2 understands natural language with improved instruction following, making professional editing as simple as having a conversation.</p></div></div><div class="flex gap-4"><span class="flex size-6 shrink-0 items-center justify-center rounded-sm border border-primary font-mono text-xs text-primary">5</span><div><div class="mb-2 flex items-center justify-between"><h3 class="font-semibold">What can I create with TryBanana2?</h3></div><p class="text-md text-muted-foreground">Marketing posters with crystal-clear text, product photos with perfect lighting, social media graphics, artistic compositions, style transfers (Ghibli, retro, 3D figurines), consistent character series, and more. With Nano Banana 2's capabilities, if you can describe it, TryBanana2 can create it in up to 4K resolution.</p></div></div><div class="flex gap-4"><span class="flex size-6 shrink-0 items-center justify-center rounded-sm border border-primary font-mono text-xs text-primary">6</span><div><div class="mb-2 flex items-center justify-between"><h3 class="font-semibold">How does the text rendering work?</h3></div><p class="text-md text-muted-foreground">Nano Banana 2 achieves 90% text accuracyâa major breakthrough in AI image generation. It renders crystal-clear, readable typography in any language, making it ideal for posters, ads, logos, and marketing materials. This solves the biggest pain point of previous AI image generators: garbled or unreadable text.</p></div></div><div class="flex gap-4"><span class="flex size-6 shrink-0 items-center justify-center rounded-sm border border-primary font-mono text-xs text-primary">7</span><div><div class="mb-2 flex items-center justify-between"><h3 class="font-semibold">What is subject consistency and how does it work?</h3></div><p class="text-md text-muted-foreground">Subject consistency is a Nano Banana 2 feature that maintains the same character appearance across multiple generated images. You can keep up to 5 characters and 14 objects consistent across different scenes and posesâperfect for storytelling, brand mascots, social media series, and product campaigns.</p></div></div><div class="flex gap-4"><span class="flex size-6 shrink-0 items-center justify-center rounded-sm border border-primary font-mono text-xs text-primary">8</span><div><div class="mb-2 flex items-center justify-between"><h3 class="font-semibold">What aspect ratios and resolutions are supported?</h3></div><p class="text-md text-muted-foreground">TryBanana2 supports resolutions from 512px to 4K (4096px) through Nano Banana 2. It also supports extreme aspect ratios up to 8:1 and 1:8âideal for banners, social media stories, panoramic shots, and vertical content. This is the widest aspect ratio range of any AI image model available.</p></div></div><div class="flex gap-4"><span class="flex size-6 shrink-0 items-center justify-center rounded-sm border border-primary font-mono text-xs text-primary">9</span><div><div class="mb-2 flex items-center justify-between"><h3 class="font-semibold">Do I need design experience?</h3></div><p class="text-md text-muted-foreground">No. TryBanana2 is built for everyoneâfrom beginners to professionals. Describe your vision in plain English, and Nano Banana 2's natural language understanding handles all the technical complexity. No Photoshop skills required.</p></div></div><div class="flex gap-4"><span class="flex size-6 shrink-0 items-center justify-center rounded-sm border border-primary font-mono text-xs text-primary">10</span><div><div class="mb-2 flex items-center justify-between"><h3 class="font-semibold">How fast is image generation?</h3></div><p class="text-md text-muted-foreground">Most images generate in under 10 seconds. Nano Banana 2 is built on Gemini 3.1 Flash architecture, which is optimized for speed without sacrificing quality. You get pro-level results at flash speedâideal for batch workflows and rapid iteration.</p></div></div><div class="flex gap-4"><span class="flex size-6 shrink-0 items-center justify-center rounded-sm border border-primary font-mono text-xs text-primary">11</span><div><div class="mb-2 flex items-center justify-between"><h3 class="font-semibold">How does pricing work?</h3></div><p class="text-md text-muted-foreground">New users get 5 free credits to try all featuresâno credit card required. After that, plans start at $10/month for 300 credits. All plans include 4K output, commercial usage rights, and access to Nano Banana 2, Nano Banana Pro, and other supported models.</p></div></div><div class="flex gap-4"><span class="flex size-6 shrink-0 items-center justify-center rounded-sm border border-primary font-mono text-xs text-primary">12</span><div><div class="mb-2 flex items-center justify-between"><h3 class="font-semibold">Can I use generated images commercially?</h3></div><p class="text-md text-muted-foreground">Yes. All TryBanana2 plans include full commercial usage rights. Export images in up to 4K resolution with no watermarksâready for print, web, social media, and professional publishing.</p></div></div></div></div></section><section id="cta" class="py-16"><div class="px-8"><div class="flex items-center justify-center rounded-2xl bg-[url("/imgs/masks/circle.svg")] bg-cover bg-center px-8 py-12 text-center md:p-16"><div class="mx-auto max-w-(--breakpoint-md)"><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground text-xs font-medium mb-4">Get Started</span><h2 class="mb-4 text-balance text-3xl font-semibold md:text-5xl">Start Creating Today</h2><p class="text-muted-foreground md:text-lg">Professional AI image generation powered by Nano Banana 2. Get 5 free creditsâno credit card required.</p><div class="mt-8 flex flex-col justify-center gap-4 sm:flex-row"><button data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive backdrop-blur-md border bg-primary/60 text-primary-foreground border-primary/40 shadow-lg hover:bg-primary/50 hover:border-primary/60 h-9 px-4 py-2 has-[>svg]:px-3"><a target="_self" class="flex items-center justify-center gap-1" href="/#image-editor"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="size-5 cursor-pointer" style="cursor:default" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
61<path d="M15.2238 15.5079L13.0111 20.1581C12.8687 20.4573 12.5107 20.5844 12.2115 20.442C12.1448 20.4103 12.0845 20.3665 12.0337 20.3129L8.49229 16.5741C8.39749 16.474 8.27113 16.4096 8.13445 16.3918L3.02816 15.7243C2.69958 15.6814 2.46804 15.3802 2.51099 15.0516C2.52056 14.9784 2.54359 14.9075 2.5789 14.8426L5.04031 10.3192C5.1062 10.1981 5.12839 10.058 5.10314 9.92253L4.16 4.85991C4.09931 4.53414 4.3142 4.22086 4.63997 4.16017C4.7126 4.14664 4.78711 4.14664 4.85974 4.16017L9.92237 5.10331C10.0579 5.12855 10.198 5.10637 10.319 5.04048L14.8424 2.57907C15.1335 2.42068 15.4979 2.52825 15.6562 2.81931C15.6916 2.88421 15.7146 2.95507 15.7241 3.02833L16.3916 8.13462C16.4095 8.2713 16.4739 8.39766 16.5739 8.49245L20.3127 12.0338C20.5533 12.2617 20.5636 12.6415 20.3357 12.8821C20.2849 12.9357 20.2246 12.9795 20.1579 13.0112L15.5078 15.224C15.3833 15.2832 15.283 15.3835 15.2238 15.5079ZM16.0206 17.435L17.4348 16.0208L21.6775 20.2634L20.2633 21.6776L16.0206 17.435Z"></path></svg>Start Creating Free</a></button><button data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive backdrop-blur-md border bg-background/20 border-border/30 shadow-lg hover:bg-accent/20 hover:text-accent-foreground hover:border-border/40 dark:bg-input/10 dark:border-input/30 dark:hover:bg-input/20 h-9 px-4 py-2 has-[>svg]:px-3"><a target="_self" class="flex items-center justify-center gap-1" href="/#examples"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="size-5 cursor-pointer" style="cursor:default" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M20 13C18.3221 13 16.7514 13.4592 15.4068 14.2587C16.5908 15.6438 17.5269 17.2471 18.1465 19H20V13ZM16.0037 19C14.0446 14.3021 9.4079 11 4 11V19H16.0037ZM4 9C7.82914 9 11.3232 10.4348 13.9738 12.7961C15.7047 11.6605 17.7752 11 20 11V3H21.0082C21.556 3 22 3.44495 22 3.9934V20.0066C22 20.5552 21.5447 21 21.0082 21H2.9918C2.44405 21 2 20.5551 2 20.0066V3.9934C2 3.44476 2.45531 3 2.9918 3H6V1H8V5H4V9ZM18 1V5H10V3H16V1H18ZM16.5 10C15.6716 10 15 9.32843 15 8.5C15 7.67157 15.6716 7 16.5 7C17.3284 7 18 7.67157 18 8.5C18 9.32843 17.3284 10 16.5 10Z"></path></svg>ð¥ View Examples</a></button></div></div></div></div></section><!--$?--><template id="B:0"></template><!--/$--><!--$?--><template id="B:1"></template><!--/$--></main><section id="footer" class="py-16 mt-32 border-t border-gray-200"><div class="max-w-[90rem] mx-auto px-8"><footer><div class="flex flex-col items-start justify-between gap-10 text-center lg:flex-row lg:text-left"><div class="flex w-full max-w-96 shrink flex-col items-center justify-start gap-6 lg:items-start"><div><div class="flex items-center justify-center gap-2 lg:justify-start"><img src="/logo.png" alt="TryBanana2 - AI Image Generator powered by Nano Banana 2" class="h-11"/><p class="text-3xl font-semibold">TryBanana2</p></div><p class="mt-6 text-md text-muted-foreground">AI image generator and photo editor built on Google's Nano Banana 2 (Gemini 3.1 Flash). Create stunning visuals, edit photos with AI precision, and generate 4K images with perfect text rendering.</p></div><ul class="flex items-center space-x-6 text-muted-foreground"><li class="font-medium hover:text-primary"><a href="/cdn-cgi/l/email-protection#e6829483918194878892d0d7d0a6818b878f8ac885898b" target="_self"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="size-4 cursor-pointer" style="cursor:default" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3ZM20 7.23792L12.0718 14.338L4 7.21594V19H20V7.23792ZM4.51146 5L12.0619 11.662L19.501 5H4.51146Z"></path></svg></a></li></ul></div><div class="flex flex-col lg:flex-row flex-wrap justify-between items-start gap-8 lg:gap-10"><div class="flex flex-col items-start"><p class="mb-4 font-bold">Product</p><ul class="space-y-4 text-sm text-muted-foreground"><li class="font-medium hover:text-primary"><a class="flex justify-start items-center gap-1" href="/#feature">Features</a></li><li class="font-medium hover:text-primary"><a class="flex justify-start items-center gap-1" href="/pricing">Pricing</a></li><li class="font-medium hover:text-primary"><a class="flex justify-start items-center gap-1" href="/#examples">Examples</a></li></ul></div><div class="flex flex-col items-start"><p class="mb-4 font-bold">About</p><ul class="space-y-4 text-sm text-muted-foreground"><li class="font-medium hover:text-primary"><a class="flex justify-start items-center gap-1" href="/about">About</a></li><li class="font-medium hover:text-primary"><a class="flex justify-start items-center gap-1" href="/contact">Contact</a></li><li class="font-medium hover:text-primary"><a class="flex justify-start items-center gap-1" href="/privacy-policy">Privacy Policy</a></li><li class="font-medium hover:text-primary"><a class="flex justify-start items-center gap-1" href="/terms-of-service">Terms of Service</a></li><li class="font-medium hover:text-primary"><a class="flex justify-start items-center gap-1" href="/cdn-cgi/l/email-protection#ee8a9c8b99899c8f809ad8dfd8ae89838f8782c08d8183">Email: <span class="__cf_email__" data-cfemail="f99d8b9c8e9e8b98978dcfc8cfb99e94989095d79a9694">[email protected]</span></a></li></ul></div><div class="flex flex-col items-start"><p class="mb-4 font-bold">Partner Links</p><ul class="space-y-4 text-sm text-muted-foreground"><li class="font-medium hover:text-primary"><a class="flex justify-start items-center gap-1" href="https://veogen.art">AI Video Generator</a></li><li class="font-medium hover:text-primary"><a class="flex justify-start items-center gap-1" href="https://www.toolpilot.ai"><img src="https://www.toolpilot.ai/cdn/shop/files/tp-b-i_1280x1280_crop_center.svg?v=1695883732" alt="Toolpilot" class="w-5 h-5"/>Toolpilot</a></li><li class="font-medium hover:text-primary"><a class="flex justify-start items-center gap-1" href="https://fazier.com/launches/compareheights.org"><img src="https://fazier.com/api/v1//public/badges/launch_badges.svg?badge_type=launched&theme=light" alt="Fazier badge" class="w-[120px]"/></a></li><li class="font-medium hover:text-primary"><a class="flex justify-start items-center gap-1" href="https://viesearch.com/">Viesearch - The Human-curated Search Engine</a></li></ul></div></div></div><div class="mt-8 flex flex-col justify-between gap-4 border-t border-gray-200 pt-8 text-center text-sm font-medium text-muted-foreground lg:flex-row lg:items-center lg:text-left"><p>© 2025 TryBanana2. All rights reserved.</p><ul class="flex justify-center gap-4 lg:justify-start"><li class="hover:text-primary"><a href="/privacy-policy">Privacy Policy</a></li><li class="hover:text-primary"><a href="/terms-of-service">Terms of Service</a></li></ul></div></footer></div></section>
61<section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false"></section>
vendor: 108 bytes, line 61
61<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
61<script src="/_next/static/chunks/webpack-cadc87e7f66767c7.js" async=""></script>
61<div hidden id="S:0"></div>
61<script>$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RC("B:0","S:0")</script>
61<div hidden id="S:1"></div>
61<script>$RC("B:1","S:1")</script>
61<script>(self.__next_f=self.__next_f||[]).push([0])</script>
61<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n6:I[12414,[],\"MetadataBoundary\"]\n8:I[12414,[],\"OutletBoundary\"]\nb:I[68558,[],\"AsyncMetadataOutlet\"]\nd:I[12414,[],\"ViewportBoundary\"]\nf:I[41905,[],\"\"]\n10:\"$Sreact.suspense\"\n11:I[68558,[],\"AsyncMetadata\"]\n13:I[14924,[\"8185\",\"static/chunks/0f4d73bd-868202bc54916a2a.js\",\"8548\",\"static/chunks/b27dc69b-8e34c0db36bb273d.js\",\"8164\",\"static/chunks/ec6990fe-f332f01149436bb7.js\",\"6709\",\"static/chunks/bba53c9e-bed655a3c0e01239.js\",\"2889\",\"static/chunks/2889-c85eca35e97c9a47.js\",\"3676\",\"static/chunks/3676-bd0c4a7b53fdadd3.js\",\"6827\",\"static/chunks/6827-f26c3ccd78d5ba4a.js\",\"1293\",\"static/chunks/1293-1bf40269918d6383.js\",\"8079\",\"static/chunks/8079-43b76d56d805f52f.js\",\"2316\",\"static/chunks/2316-cad426077df812b5.js\",\"6193\",\"static/chunks/6193-2a7f64da722a011a.js\",\"2402\",\"static/chunks/2402-03e2c02cb2b61365.js\",\"2329\",\"static/chunks/2329-865b77efc2ab6420.js\",\"4957\",\"static/chunks/4957-76be984986d2c942.js\",\"7562\",\"static/chunks/7562-40d3b8cab6e0cbe5.js\",\"9704\",\"static/chunks/9704-f8483e0b47853550.js\",\"1286\",\"static/chunks/1286-2b991ea552ab3f2d.js\",\"3425\",\"static/chunks/app/%5Blocale%5D/(default)/layout-19cc060ec3fe16d2.js\"],\"default\"]\n14:I[3014,[],\"\"]\n15:I[64268,[],\"\"]\n16:I[59608,[\"8185\",\"static/chunks/0f4d73bd-868202bc54916a2a.js\",\"8548\",\"static/chunks/b27dc69b-8e34c0db36bb273d.js\",\"1327\",\"static/chunks/533550d7-f97f2ae5318d7fae.js\",\"2889\",\"static/chunks/2889-c85eca35e97c9a47.js\",\"3676\",\"static/chunks/3676-bd0c4a7b53fdadd3.js\",\"6827\",\"static/chunks/6827-f26c3ccd78d5ba4a.js\",\"1293\",\"static/chunks/1293-1bf40269918d6383.js\",\"8079\",\"static/chunks/8079-43b76d56d805f52f.js\",\"2316\",\"static/chunks/2316-cad426077df812b5.js\",\"6193\",\"static/chunks/6193-2a7f64da722a011a.js\",\"7878\",\"static/chunks/7878-cdbaa205e7734806.js\",\"2402\",\"static/chunks/2402-03e2c02cb2b61365.js\",\"2329\",\"static/chunks/2329-865b77efc2ab6420.js\",\"3005\",\"static/chunks/3005-1a964e23764cc714.js\",\"7915\",\"static/chunks/7915-a89c3aa15ee64c13.js\",\"309\",\"static/chunks/309-882205ad6b10e2ac.js\",\"4598\",\"static/chunks/app/%5Blocale%5D/(default)/page-1df7928701b4"])</script>
61<script>self.__next_f.push([1,"d69a.js\"],\"default\"]\n23:I[17872,[\"8185\",\"static/chunks/0f4d73bd-868202bc54916a2a.js\",\"8548\",\"static/chunks/b27dc69b-8e34c0db36bb273d.js\",\"1327\",\"static/chunks/533550d7-f97f2ae5318d7fae.js\",\"2889\",\"static/chunks/2889-c85eca35e97c9a47.js\",\"3676\",\"static/chunks/3676-bd0c4a7b53fdadd3.js\",\"6827\",\"static/chunks/6827-f26c3ccd78d5ba4a.js\",\"1293\",\"static/chunks/1293-1bf40269918d6383.js\",\"8079\",\"static/chunks/8079-43b76d56d805f52f.js\",\"2316\",\"static/chunks/2316-cad426077df812b5.js\",\"6193\",\"static/chunks/6193-2a7f64da722a011a.js\",\"7878\",\"static/chunks/7878-cdbaa205e7734806.js\",\"2402\",\"static/chunks/2402-03e2c02cb2b61365.js\",\"2329\",\"static/chunks/2329-865b77efc2ab6420.js\",\"3005\",\"static/chunks/3005-1a964e23764cc714.js\",\"7915\",\"static/chunks/7915-a89c3aa15ee64c13.js\",\"309\",\"static/chunks/309-882205ad6b10e2ac.js\",\"4598\",\"static/chunks/app/%5Blocale%5D/(default)/page-1df7928701b4d69a.js\"],\"default\"]\n24:I[75048,[\"8185\",\"static/chunks/0f4d73bd-868202bc54916a2a.js\",\"8548\",\"static/chunks/b27dc69b-8e34c0db36bb273d.js\",\"1327\",\"static/chunks/533550d7-f97f2ae5318d7fae.js\",\"2889\",\"static/chunks/2889-c85eca35e97c9a47.js\",\"3676\",\"static/chunks/3676-bd0c4a7b53fdadd3.js\",\"6827\",\"static/chunks/6827-f26c3ccd78d5ba4a.js\",\"1293\",\"static/chunks/1293-1bf40269918d6383.js\",\"8079\",\"static/chunks/8079-43b76d56d805f52f.js\",\"2316\",\"static/chunks/2316-cad426077df812b5.js\",\"6193\",\"static/chunks/6193-2a7f64da722a011a.js\",\"7878\",\"static/chunks/7878-cdbaa205e7734806.js\",\"2402\",\"static/chunks/2402-03e2c02cb2b61365.js\",\"2329\",\"static/chunks/2329-865b77efc2ab6420.js\",\"3005\",\"static/chunks/3005-1a964e23764cc714.js\",\"7915\",\"static/chunks/7915-a89c3aa15ee64c13.js\",\"309\",\"static/chunks/309-882205ad6b10e2ac.js\",\"4598\",\"static/chunks/app/%5Blocale%5D/(default)/page-1df7928701b4d69a.js\"],\"default\"]\n25:I[98106,[\"8185\",\"static/chunks/0f4d73bd-868202bc54916a2a.js\",\"8548\",\"static/chunks/b27dc69b-8e34c0db36bb273d.js\",\"1327\",\"static/chunks/533550d7-f97f2ae5318d7fae.js\",\"2889\",\"static/chunks/2889-c85eca35e97c9a47.js\",\"3676\",\"static/chunks/3676-bd0c4a7b53fdadd3.js\",\"6827\",\"s"])</script>
61<script>self.__next_f.push([1,"tatic/chunks/6827-f26c3ccd78d5ba4a.js\",\"1293\",\"static/chunks/1293-1bf40269918d6383.js\",\"8079\",\"static/chunks/8079-43b76d56d805f52f.js\",\"2316\",\"static/chunks/2316-cad426077df812b5.js\",\"6193\",\"static/chunks/6193-2a7f64da722a011a.js\",\"7878\",\"static/chunks/7878-cdbaa205e7734806.js\",\"2402\",\"static/chunks/2402-03e2c02cb2b61365.js\",\"2329\",\"static/chunks/2329-865b77efc2ab6420.js\",\"3005\",\"static/chunks/3005-1a964e23764cc714.js\",\"7915\",\"static/chunks/7915-a89c3aa15ee64c13.js\",\"309\",\"static/chunks/309-882205ad6b10e2ac.js\",\"4598\",\"static/chunks/app/%5Blocale%5D/(default)/page-1df7928701b4d69a.js\"],\"default\"]\n27:I[70575,[\"8185\",\"static/chunks/0f4d73bd-868202bc54916a2a.js\",\"8548\",\"static/chunks/b27dc69b-8e34c0db36bb273d.js\",\"1327\",\"static/chunks/533550d7-f97f2ae5318d7fae.js\",\"2889\",\"static/chunks/2889-c85eca35e97c9a47.js\",\"3676\",\"static/chunks/3676-bd0c4a7b53fdadd3.js\",\"6827\",\"static/chunks/6827-f26c3ccd78d5ba4a.js\",\"1293\",\"static/chunks/1293-1bf40269918d6383.js\",\"8079\",\"static/chunks/8079-43b76d56d805f52f.js\",\"2316\",\"static/chunks/2316-cad426077df812b5.js\",\"6193\",\"static/chunks/6193-2a7f64da722a011a.js\",\"7878\",\"static/chunks/7878-cdbaa205e7734806.js\",\"2402\",\"static/chunks/2402-03e2c02cb2b61365.js\",\"2329\",\"static/chunks/2329-865b77efc2ab6420.js\",\"3005\",\"static/chunks/3005-1a964e23764cc714.js\",\"7915\",\"static/chunks/7915-a89c3aa15ee64c13.js\",\"309\",\"static/chunks/309-882205ad6b10e2ac.js\",\"4598\",\"static/chunks/app/%5Blocale%5D/(default)/page-1df7928701b4d69a.js\"],\"default\"]\n28:I[25540,[\"8185\",\"static/chunks/0f4d73bd-868202bc54916a2a.js\",\"8548\",\"static/chunks/b27dc69b-8e34c0db36bb273d.js\",\"1327\",\"static/chunks/533550d7-f97f2ae5318d7fae.js\",\"2889\",\"static/chunks/2889-c85eca35e97c9a47.js\",\"3676\",\"static/chunks/3676-bd0c4a7b53fdadd3.js\",\"6827\",\"static/chunks/6827-f26c3ccd78d5ba4a.js\",\"1293\",\"static/chunks/1293-1bf40269918d6383.js\",\"8079\",\"static/chunks/8079-43b76d56d805f52f.js\",\"2316\",\"static/chunks/2316-cad426077df812b5.js\",\"6193\",\"static/chunks/6193-2a7f64da722a011a.js\",\"7878\",\"static/chunks/7878-cdbaa205e7734806.js\",\"2402\",\"static/"])</script>
61<script>self.__next_f.push([1,"chunks/2402-03e2c02cb2b61365.js\",\"2329\",\"static/chunks/2329-865b77efc2ab6420.js\",\"3005\",\"static/chunks/3005-1a964e23764cc714.js\",\"7915\",\"static/chunks/7915-a89c3aa15ee64c13.js\",\"309\",\"static/chunks/309-882205ad6b10e2ac.js\",\"4598\",\"static/chunks/app/%5Blocale%5D/(default)/page-1df7928701b4d69a.js\"],\"default\"]\n2b:I[69567,[\"8185\",\"static/chunks/0f4d73bd-868202bc54916a2a.js\",\"8548\",\"static/chunks/b27dc69b-8e34c0db36bb273d.js\",\"1327\",\"static/chunks/533550d7-f97f2ae5318d7fae.js\",\"2889\",\"static/chunks/2889-c85eca35e97c9a47.js\",\"3676\",\"static/chunks/3676-bd0c4a7b53fdadd3.js\",\"6827\",\"static/chunks/6827-f26c3ccd78d5ba4a.js\",\"1293\",\"static/chunks/1293-1bf40269918d6383.js\",\"8079\",\"static/chunks/8079-43b76d56d805f52f.js\",\"2316\",\"static/chunks/2316-cad426077df812b5.js\",\"6193\",\"static/chunks/6193-2a7f64da722a011a.js\",\"7878\",\"static/chunks/7878-cdbaa205e7734806.js\",\"2402\",\"static/chunks/2402-03e2c02cb2b61365.js\",\"2329\",\"static/chunks/2329-865b77efc2ab6420.js\",\"3005\",\"static/chunks/3005-1a964e23764cc714.js\",\"7915\",\"static/chunks/7915-a89c3aa15ee64c13.js\",\"309\",\"static/chunks/309-882205ad6b10e2ac.js\",\"4598\",\"static/chunks/app/%5Blocale%5D/(default)/page-1df7928701b4d69a.js\"],\"default\"]\n2c:I[31701,[\"8548\",\"static/chunks/b27dc69b-8e34c0db36bb273d.js\",\"2371\",\"static/chunks/0e915008-bc346477e86c5a9a.js\",\"2889\",\"static/chunks/2889-c85eca35e97c9a47.js\",\"3676\",\"static/chunks/3676-bd0c4a7b53fdadd3.js\",\"1293\",\"static/chunks/1293-1bf40269918d6383.js\",\"2316\",\"static/chunks/2316-cad426077df812b5.js\",\"6815\",\"static/chunks/6815-bb0350ee7d998af4.js\",\"2329\",\"static/chunks/2329-865b77efc2ab6420.js\",\"7060\",\"static/chunks/7060-9e428f2282d7a3c5.js\",\"8450\",\"static/chunks/app/%5Blocale%5D/layout-5158918d61290fc4.js\"],\"default\"]\n2d:I[28404,[\"8548\",\"static/chunks/b27dc69b-8e34c0db36bb273d.js\",\"2371\",\"static/chunks/0e915008-bc346477e86c5a9a.js\",\"2889\",\"static/chunks/2889-c85eca35e97c9a47.js\",\"3676\",\"static/chunks/3676-bd0c4a7b53fdadd3.js\",\"1293\",\"static/chunks/1293-1bf40269918d6383.js\",\"2316\",\"static/chunks/2316-cad426077df812b5.js\",\"6815\",\"static/chunks/"])</script>
61<script>self.__next_f.push([1,"6815-bb0350ee7d998af4.js\",\"2329\",\"static/chunks/2329-865b77efc2ab6420.js\",\"7060\",\"static/chunks/7060-9e428f2282d7a3c5.js\",\"8450\",\"static/chunks/app/%5Blocale%5D/layout-5158918d61290fc4.js\"],\"NextAuthSessionProvider\"]\n2e:I[57544,[\"8548\",\"static/chunks/b27dc69b-8e34c0db36bb273d.js\",\"2371\",\"static/chunks/0e915008-bc346477e86c5a9a.js\",\"2889\",\"static/chunks/2889-c85eca35e97c9a47.js\",\"3676\",\"static/chunks/3676-bd0c4a7b53fdadd3.js\",\"1293\",\"static/chunks/1293-1bf40269918d6383.js\",\"2316\",\"static/chunks/2316-cad426077df812b5.js\",\"6815\",\"static/chunks/6815-bb0350ee7d998af4.js\",\"2329\",\"static/chunks/2329-865b77efc2ab6420.js\",\"7060\",\"static/chunks/7060-9e428f2282d7a3c5.js\",\"8450\",\"static/chunks/app/%5Blocale%5D/layout-5158918d61290fc4.js\"],\"AppContextProvider\"]\n2f:I[59439,[\"8548\",\"static/chunks/b27dc69b-8e34c0db36bb273d.js\",\"2371\",\"static/chunks/0e915008-bc346477e86c5a9a.js\",\"2889\",\"static/chunks/2889-c85eca35e97c9a47.js\",\"3676\",\"static/chunks/3676-bd0c4a7b53fdadd3.js\",\"1293\",\"static/chunks/1293-1bf40269918d6383.js\",\"2316\",\"static/chunks/2316-cad426077df812b5.js\",\"6815\",\"static/chunks/6815-bb0350ee7d998af4.js\",\"2329\",\"static/chunks/2329-865b77efc2ab6420.js\",\"7060\",\"static/chunks/7060-9e428f2282d7a3c5.js\",\"8450\",\"static/chunks/app/%5Blocale%5D/layout-5158918d61290fc4.js\"],\"ThemeProvider\"]\n:HL[\"/_next/static/css/ecfdcb7a3e7593c5.css\",\"style\"]\n0:{\"P\":null,\"b\":\"WGceG-ulDsVFtHeE6nt7l\",\"p\":\"\",\"c\":[\"\",\"\"],\"i\":false,\"f\":[[[\"\",{\"children\":[[\"locale\",\"en\",\"d\"],{\"children\":[\"(default)\",{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/ecfdcb7a3e7593c5.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],\"$L2\"]}],{\"children\":[[\"locale\",\"en\",\"d\"],[\"$\",\"$1\",\"c\",{\"children\":[null,\"$L3\"]}],{\"children\":[\"(default)\",[\"$\",\"$1\",\"c\",{\"children\":[null,\"$L4\"]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[\"$L5\",[\"$\",\"$L6\",null,{\"children\":\"$L7\"}],null,[\"$\",\"$L8\",null,{\"children\":[\"$L9\",\"$La\",[\"$\",\"$Lb\",null,{\"pro"])</script>
61<script>self.__next_f.push([1,"mise\":\"$@c\"}]]}]]}],{},null,false]},null,false]},null,false]},null,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$1\",\"60yNrBiPmVPNqsewEwN_2\",{\"children\":[[\"$\",\"$Ld\",null,{\"children\":\"$Le\"}],null]}],null]}],false]],\"m\":\"$undefined\",\"G\":[\"$f\",\"$undefined\"],\"s\":false,\"S\":false}\n7:[\"$\",\"$10\",null,{\"fallback\":null,\"children\":[\"$\",\"$L11\",null,{\"promise\":\"$@12\"}]}]\na:null\n"])</script>
61<script>self.__next_f.push([1,"4:[[\"$\",\"$L13\",null,{\"header\":{\"brand\":{\"title\":\"TryBanana2\",\"logo\":{\"src\":\"/logo.png\",\"alt\":\"TryBanana2\"},\"url\":\"/\"},\"nav\":{\"items\":[{\"title\":\"ð¥ AI Video Generator\",\"url\":\"https://veogen.art\",\"target\":\"_blank\"},{\"title\":\"Features\",\"url\":\"/#feature\",\"icon\":\"RiSparkling2Line\"},{\"title\":\"ð¥ Templates\",\"url\":\"/#examples\"},{\"title\":\"Pricing\",\"url\":\"/pricing\",\"icon\":\"RiMoneyDollarCircleLine\"}]},\"buttons\":[{\"title\":\"Start Creating\",\"icon\":\"RiPlayFill\",\"url\":\"/#image-editor\",\"target\":\"_self\",\"variant\":\"default\"}],\"show_sign\":true,\"show_theme\":true,\"show_locale\":true}}],[\"$\",\"main\",null,{\"className\":\"overflow-x-hidden\",\"children\":[\"$\",\"$L14\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L15\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}],[\"$\",\"section\",null,{\"id\":\"footer\",\"className\":\"py-16 mt-32 border-t border-gray-200\",\"children\":[\"$\",\"div\",null,{\"className\":\"max-w-[90rem] mx-auto px-8\",\"children\":[\"$\",\"footer\",null,{\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start justify-between gap-10 text-center lg:flex-row lg:text-left\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex w-full max-w-96 shrink flex-col items-center justify-start gap-6 lg:items-start\",\"children\":[[\"$\",\"div\",null,{\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-center gap-2 lg:justify-start\",\"children\":[[\"$\",\"img\",null,{\"src\":\"/logo.png\",\"alt\":\"TryBanana2 - AI Image Generator powered by Nano Banana 2\",\"className\":\"h-11\"}],[\"$\",\"p\",null,{\"className\":\"text-3xl font-semibold\",\"children\":\"TryBanana2\"}]]}],[\"$\",\"p\",null,{\"className\":\"mt-6 text-md text-muted-foreground\",\"children\":\"AI image generator and photo editor built on Google's Nano Banana 2 (Gemini 3.1 Flash). Create stunning visuals, edit photos with AI precision, and generate 4K images with perfect text rendering.\"}]]}],[\"$\",\"ul\",null,{\"className\":\"flex items-center space-x-6 text-muted-foreground\",\"children\":[[\"$\",\"li\",\"0\",{\"className\":\"font-medium hover:text-primary\",\"children\":[\"$\",\"a\",null,{\"href\":\"mailto:[email protected]\",\"target\":\"_self\",\"children\":[\"$\",\"$L16\",null,{\"name\":\"RiMailLine\",\"className\":\"size-4\"}]}]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col lg:flex-row flex-wrap justify-between items-start gap-8 lg:gap-10\",\"children\":[[\"$\",\"div\",\"0\",{\"className\":\"flex flex-col items-start\",\"children\":[[\"$\",\"p\",null,{\"className\":\"mb-4 font-bold\",\"children\":\"Product\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-4 text-sm text-muted-foreground\",\"children\":[[\"$\",\"li\",\"0\",{\"className\":\"font-medium hover:text-primary\",\"children\":\"$L17\"}],[\"$\",\"li\",\"1\",{\"className\":\"font-medium hover:text-primary\",\"children\":\"$L18\"}],[\"$\",\"li\",\"2\",{\"className\":\"font-medium hover:text-primary\",\"children\":\"$L19\"}]]}]]}],[\"$\",\"div\",\"1\",{\"className\":\"flex flex-col items-start\",\"children\":[[\"$\",\"p\",null,{\"className\":\"mb-4 font-bold\",\"children\":\"About\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-4 text-sm text-muted-foreground\",\"children\":[[\"$\",\"li\",\"0\",{\"className\":\"font-medium hover:text-primary\",\"children\":\"$L1a\"}],[\"$\",\"li\",\"1\",{\"className\":\"font-medium hover:text-primary\",\"children\":\"$L1b\"}],[\"$\",\"li\",\"2\",{\"className\":\"font-medium hover:text-primary\",\"children\":\"$L1c\"}],[\"$\",\"li\",\"3\",{\"className\":\"font-medium hover:text-primary\",\"children\":\"$L1d\"}],[\"$\",\"li\",\"4\",{\"className\":\"font-medium hover:text-primary\",\"children\":\"$L1e\"}]]}]]}],[\"$\",\"div\",\"2\",{\"className\":\"flex flex-col items-start\",\"children\":[[\"$\",\"p\",null,{\"className\":\"mb-4 font-bold\",\"children\":\"Partner Links\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-4 text-sm text-muted-foreground\",\"children\":[[\"$\",\"li\",\"0\",{\"className\":\"font-medium hover:text-primary\",\"children\":\"$L1f\"}],[\"$\",\"li\",\"1\",{\"className\":\"font-medium hover:text-primary\",\"children\":\"$L20\"}],[\"$\",\"li\",\"2\",{\"className\":\"font-medium hover:text-primary\",\"children\":\"$L21\"}],[\"$\",\"li\",\"3\",{\"className\":\"font-medium hover:text-primary\",\"children\":\"$L22\"}]]}]]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-8 flex flex-col justify-between gap-4 border-t border-gray-200 pt-8 text-center text-sm font-medium text-muted-foreground lg:flex-row lg:items-center lg:text-left\",\"children\":[[\"$\",\"p\",null,{\"children\":\"© 2025 TryBanana2. All rights reserved.\"}],[\"$\",\"ul\",null,{\"className\":\"flex justify-center gap-4 lg:justify-start\",\"children\":[[\"$\",\"li\",\"0\",{\"className\":\"hover:text-primary\",\"children\":[\"$\",\"a\",null,{\"href\":\"/privacy-policy\",\"target\":\"$undefined\",\"children\":\"Privacy Policy\"}]}],[\"$\",\"li\",\"1\",{\"className\":\"hover:text-primary\",\"children\":[\"$\",\"a\",null,{\"href\":\"/terms-of-service\",\"target\":\"$undefined\",\"children\":\"Terms of Service\"}]}]]}]]}]]}]}]}]]\n"])</script>
61<script>self.__next_f.push([1,"26:T43c,Transform the above image into a top-tier portrait shot taken in a photography studio, requiring a half-body shot with coordinated and natural movements, close-up shot, focusing on the face. The subject's clothing and gestures should be changed to urban casual style, with an overall atmosphere leaning towards profound but not deliberate. The overall effect is quiet, profound, and gentle. The background presents a soft gradient effect, creating a sense of depth and serene atmosphere. The delicate film grain texture adds a tactile, analog photography-like soft quality to the image, reminiscent of classic black and white photography. A gentle directional light, softly diffused, caresses the contours of the subject's cheeks, or creates catchlights in the eyesâthis is the emotional core of the image. The rest is occupied by a large amount of negative space, deliberately kept minimal, allowing the image to breathe freely. There is no text or logos in the frameâonly the interweaving of light, shadow, and emotion. Top photographer's portrait style, off-center composition."])</script>
61<script>self.__next_f.push([1,"5:[[\"$\",\"$L23\",null,{\"hero\":{\"title\":\"Create Any Image You Imagine\",\"highlight_text\":\"Any Image\",\"description\":\"AI image generator and photo editor featuring Google's Nano Banana 2. Generate stunning visuals, edit with precision, render perfect text, and export in 4Kâall from a simple prompt.\",\"announcement\":{\"label\":\"ð NEW\",\"title\":\"Now featuring Nano Banana 2 â Google's Gemini 3.1 Flash\",\"url\":\"/#features\"},\"tip\":[{\"text\":\"Free to Try\",\"icon\":\"RiSparkling2Fill\"},{\"text\":\"4K Quality\",\"icon\":\"RiCpuFill\"},{\"text\":\"Perfect Text\",\"icon\":\"RiFireFill\"},{\"text\":\"Sub-10s\",\"icon\":\"RiFlashlightFill\"}],\"buttons\":[{\"title\":\"Start Creating Free\",\"icon\":\"RiMagicFill\",\"url\":\"#image-editor\",\"target\":\"_self\",\"variant\":\"default\"},{\"title\":\"ð¥ View Templates\",\"icon\":\"RiFire2Fill\",\"url\":\"#examples\",\"target\":\"_self\",\"variant\":\"default\"}],\"show_happy_users\":false,\"show_badge\":false}}],[\"$\",\"$L24\",null,{\"id\":\"image-editor\"}],[\"$\",\"$L25\",null,{\"styleGallery\":{\"title\":\"Popular AI Image Generation Templates\",\"description\":\"Explore trending styles powered by Google's Nano Banana 2 and Nano Banana series. Transform photos or generate new images with our AI image generatorâprofessional 4K results in seconds.\",\"label\":\"ð¥ Popular Templates\",\"initialDisplayCount\":6,\"items\":[{\"mode\":\"single\",\"id\":\"multi_character_consistency\",\"title\":\"Multi-Character Consistency\",\"image\":\"/imgs/examples/multi_character_consistency/multi_character_consistency-after.webp\",\"alt\":\"nano banana 2 multi-character consistent template\",\"trending\":true,\"category\":\"Profissional\",\"aspectRatio\":\"horizontal\",\"defaultSliderPosition\":50,\"prompt\":\"A realistic, ultra-high-resolution, wide-angle smartphone selfie featuring the diverse group from the uploaded images. Crucially, each character retains their precise original art style and appearance: Iron Man is in his metallic 3D CGI armor, the anime characters look exactly like their 2D illustrations (hand-drawn style), and the real people look like photorealistic individuals. They are all crowded together, smiling into the phone camera which is held up by one person (creating a typical selfie arm foreshortening). The lighting is bright, natural sunlight, illuminating all of them. The background is a generic, blurred city street (realistic). No blending of styles; they coexist in the same frame. 8k, photorealistic, cinematic lighting.\"},{\"id\":\"foto-profissional\",\"title\":\"Foto Profissional\",\"originalImage\":\"/imgs/examples/foto-profissional/foto-profissional-before.png\",\"editedImage\":\"/imgs/examples/foto-profissional/foto-profissional-after.png\",\"trending\":true,\"category\":\"Profissional\",\"aspectRatio\":\"horizontal\",\"defaultSliderPosition\":50,\"prompt\":\"Prompt A hyper-realistic cinematic editorial portrait of the uploaded person (preserve face 100%). HE stands tall in a dark MAROON moody studio,surrounded by soft drifting black white smoke under a dramatic spotlight.Outfit:Fit black ð¤ luxury suit with fit-leg trousers, paired with a slightly unbuttoned black ð¤ silk shirt. Both hands tucked casually in pockets, shoulders relaxed, confident expression, head tilted slightly upward\"},{\"id\":\"photo-booth-picture\",\"title\":\"Photo Booth Picture\",\"originalImage\":\"/imgs/examples/photo-booth-picture/photo-booth-picture-before.webp\",\"editedImage\":\"/imgs/examples/photo-booth-picture/photo-booth-picture-after.webp\",\"trending\":false,\"category\":\"Fashion\",\"aspectRatio\":\"horizontal\",\"defaultSliderPosition\":50,\"imageFit\":\"cover\",\"prompt\":\"Create a four-panel photo booth picture, with each photo featuring a different expression and exaggerated poses. Each image should have a photo booth border and decorative stickers around it.\"},{\"id\":\"photo-to-sketch\",\"title\":\"Photo to Sketch\",\"originalImage\":\"/imgs/examples/photo-to-sketch/photo-to-sketch-before.webp\",\"editedImage\":\"/imgs/examples/photo-to-sketch/photo-to-sketch-after.webp\",\"trending\":false,\"category\":\"Fashion\",\"as
61pectRatio\":\"horizontal\",\"defaultSliderPosition\":50,\"imageFit\":\"cover\",\"prompt\":\"Pencil sketch, rough drawing, sketchy lines, cross-hatching, shading strokes, graphite style, hand-drawn feel, artistic sketch, loose linework, traditional drawing,grayscale tones, paper texture, maintain original composition, sketch marks visible, charcoal effect. \\nNegative prompt:\\nColor, digital art,\\n3D render, photorealistic, clean lines, vector art, flat colors, cartoon, anime, oil painting, watercolor.\"},{\"id\":\"ai-photo-enhance\",\"title\":\"AI Photo Enhance\",\"originalImage\":\"/imgs/examples/ai-photo-enhance/ai-photo-enhance-before.webp\",\"editedImage\":\"/imgs/examples/ai-photo-enhance/ai-photo-enhance-after.webp\",\"trending\":false,\"category\":\"Fashion\",\"aspectRatio\":\"horizontal\",\"defaultSliderPosition\":50,\"imageFit\":\"cover\",\"prompt\":\"Make this photo look clear and sharp like it was taken with an 8K camera. Adjust the color, contrast and brightness accordingly. Want it to be so clear that all fine details are visible.\"},{\"id\":\"retro-red-saree-drama\",\"title\":\"Retro Style-Red Saree Drama\",\"originalImage\":\"/imgs/examples/retro-vintage/retro-classic-black-saree-before.png\",\"editedImage\":\"/imgs/examples/retro-vintage/retro-red-saree-drama-after.png\",\"trending\":true,\"category\":\"Vintage\",\"aspectRatio\":\"horizontal\",\"defaultSliderPosition\":30,\"prompt\":\"Transform the subject into a classic Bollywood heroine in a flowing red chiffon saree, hair styled in soft waves. Background should be warm-toned, minimalist, with glowing sunset light giving a romantic and dramatic mood.\"},{\"id\":\"retro-classic-black-sare\",\"title\":\"Retro Style-Classic Black-sare\",\"originalImage\":\"/imgs/examples/retro-vintage/retro-classic-black-saree-before.png\",\"editedImage\":\"/imgs/examples/retro-vintage/retro-classic-black-saree-after.png\",\"trending\":true,\"category\":\"Vintage\",\"aspectRatio\":\"horizontal\",\"defaultSliderPosition\":30,\"prompt\":\"Turn this person into a 90s retro-inspired portrait wearing a shimmering black chiffon saree. The background is a deep wall with dramatic shadows, lit by golden-hour tones. Expression is calm yet mysterious, evoking old Bollywood posters.\"},{\"id\":\"retro-white-polka-dot-saree\",\"title\":\"Retro Style-White Polka-dot Saree\",\"originalImage\":\"/imgs/examples/retro-vintage/retro-classic-black-saree-before.png\",\"editedImage\":\"/imgs/examples/retro-vintage/retro-white-polka-dot-saree-after.png\",\"trending\":true,\"category\":\"Vintage\",\"aspectRatio\":\"horizontal\",\"defaultSliderPosition\":30,\"prompt\":\"Create a realistic portrait of a woman in a translucent white polka-dot saree with matching blouse. A soft pink flower is tucked behind her ear, and warm light from the side casts a cinematic shadow. She exudes vintage diva energy.\"},{\"id\":\"precise-text-editing\",\"title\":\"Precise Text Editing\",\"originalImage\":\"/imgs/examples/precise-text-editing/precise-text-editing-before.webp\",\"editedImage\":\"/imgs/examples/precise-text-editing/precise-text-editing-after.webp\",\"trending\":true,\"category\":\"Profissional\",\"aspectRatio\":\"horizontal\",\"defaultSliderPosition\":50,\"prompt\":\"Change the top word to âSchwungvoll,â the label text to âMorgen Schild,â and the bottom tagline to âEin kleiner Schluck Sonnenschein.â Keep the illustration style identical to the original.\"},{\"id\":\"ghibli-style\",\"title\":\"Ghibli Style\",\"originalImage\":\"/imgs/examples/ghibli-style-before.webp\",\"editedImage\":\"/imgs/examples/ghibli-style-after.webp\",\"trending\":true,\"category\":\"Anime\",\"aspectRatio\":\"horizontal\",\"defaultSliderPosition\":50,\"prompt\":\"Convert the photo into Studio Ghibli style.\"},{\"id\":\"3d-figurines\",\"title\":\"3D Figurines\",\"originalImage\":\"/imgs/examples/3d-figurines-before.png\",\"editedImage\":\"/imgs/examples/3d-figurines-after.webp\",\"trending\":true,\"category\":\"Fashion\",\"aspectRatio\":\"horizontal\",\"defaultSliderPosition\":50,\"imageFit\":\"contain\",\"prompt\":\"turn this photo into a character figure. Behind it, place a box with the character's image printed on it, and a computer showing the Blender modeling process on its screen. In front of the box, add a round plastic base with the character figure standing on it. set the scene indoors if possible\"}
61,{\"id\":\"horror-clown-makeup\",\"title\":\"Horror Clown Makeup\",\"originalImage\":\"/imgs/examples/horror-clown-makeup/horror-clown-makeup-before.webp\",\"editedImage\":\"/imgs/examples/horror-clown-makeup/horror-clown-makeup-after.webp\",\"trending\":true,\"category\":\"Fashion\",\"aspectRatio\":\"horizontal\",\"defaultSliderPosition\":50,\"imageFit\":\"cover\",\"prompt\":\"Apply horror clown face paint while preserving identity, hairstyle, natural skin tone, and the warm window side-light. Add symmetrical cobalt-blue star shapes around both eyes (sharp, crisp edges, even fill, perfectly mirrored), a round glossy red nose, and a clean upward red smile line that follows the lips. Use a white base coat with visible skin texture and soft specular highlights; even coverage, no cracks or smearing. Do not change outfit or background; no hat, wig, collar, props, or costume. High detail, clean render, no watermark, keep features and proportions unchanged.\"},{\"id\":\"bald-filter\",\"title\":\"Bald Filter\",\"originalImage\":\"/imgs/examples/bald-filter/bald-filter-before.webp\",\"editedImage\":\"/imgs/examples/bald-filter/bald-filter-after.webp\",\"trending\":true,\"category\":\"Fashion\",\"aspectRatio\":\"horizontal\",\"defaultSliderPosition\":50,\"imageFit\":\"cover\",\"prompt\":\"# Requirement - Change the hairstyle to bald hair style. # Notes - Avoid any facial retouching or changes. - Maintain the original background and overall composition.\"},{\"id\":\"gender-swap-filter\",\"title\":\"Gender Swap Filter\",\"originalImage\":\"/imgs/examples/gender-swap-filter/gender-swap-filter-before.webp\",\"editedImage\":\"/imgs/examples/gender-swap-filter/gender-swap-filter-after.webp\",\"trending\":true,\"category\":\"Fashion\",\"aspectRatio\":\"horizontal\",\"defaultSliderPosition\":50,\"imageFit\":\"cover\",\"prompt\":\"Transform this person to the opposite gender with complete gender consistency while preserving:\\n- Core facial identity and recognizability\\n- Original lighting and composition\\n- Natural skin texture and tone \\nApply comprehensive gender transformation including:\\n- Complete facial structure adjustment (jawline, cheekbones, brow ridge)\\n- Gender-appropriate hair length and styling\\n- Natural eyelash and eyebrow thickness for target gender\\n- Proper makeup application or removal as needed\\n- Suitable facial hair presence or smooth complexion\\n- Body proportions and shoulder width adjustment if visible\\n- Gender-appropriate clothing style and fit \\nEnsure the final result is definitively masculine or feminine, avoiding any ambiguous or mixed gender appearance. The transformation should be thorough, natural, and authentically represent the target gender while keeping the person recognizable.\"},{\"id\":\"ai-halloween\",\"title\":\"AI Halloween\",\"originalImage\":\"/imgs/examples/ai-halloween/ai-halloween-before.webp\",\"editedImage\":\"/imgs/examples/ai-halloween/ai-halloween-after.webp\",\"trending\":true,\"category\":\"Fashion\",\"aspectRatio\":\"horizontal\",\"defaultSliderPosition\":50,\"imageFit\":\"cover\",\"prompt\":\"Transform this person into Halloween costume: add spooky makeup, Halloween-themed outfit, face paint or special effects, festive accessories like witch hat, vampire fangs, zombie effects, or pumpkin elements. Maintain person's facial features and identity. Creative Halloween party look.\"},{\"id\":\"doll-filter\",\"title\":\"Doll Filter\",\"originalImage\":\"/imgs/examples/doll-filter/doll-filter-before.webp\",\"editedImage\":\"/imgs/examples/doll-filter/doll-filter-effect.webp\",\"trending\":true,\"category\":\"Fashion\",\"aspectRatio\":\"horizontal\",\"defaultSliderPosition\":50,\"imageFit\":\"cover\",\"prompt\":\"A soft, high-quality plush toy based on the uploaded image, with an oversized head, small body, and stubby limbs. Made of fuzzy fabric with visible stitching and embroidered facial features. IMPORTANT: Recreate the original hairstyle from the photo using appropriate plush materials and textures to capture the hair color, length, and style. The plush is shown sitting or standing against a neutral background. The expression is cute or expressive, and it wears simple clothes or iconic accessories if relevant. Lighting is soft and even, with a realistic, collectible plush look. Centered, full-body view.\"},{\"id\":\"pop-art-portrait\",\"title\":\"Pop-Art Portrait\",\"originalImage\":\"/imgs/examples/pop-art-portrait/pop-art-portrait-before.webp\",\"editedImage\":\"/imgs/examples/pop-art-portrait/pop-art-portrait-effect.webp\",\"trending\":true,\"category\":\"Fashion\",\"as
61pectRatio\":\"horizontal\",\"defaultSliderPosition\":50,\"imageFit\":\"cover\",\"prompt\":\"A vibrant, stylized pop art portrait of a [Subject\\n]. The subject is rendered with bold, clean lines and a strong outline, reminiscent of graphic novels or character design. The [Subject\\n] is wearing a [Color\\n] top/jacket and [accessories\\n]. Their hair is dynamically styled and well-groomed. The background is a solid, clean [Background Colour\\n], ensuring the subject pops. The overall style is modern, charismatic, and slightly exaggerated for artistic effect, with crisp digital rendering and vibrant color saturation.\"},{\"id\":\"ghostface-ai-picture\",\"title\":\"Ghostface AI Picture\",\"originalImage\":\"/imgs/examples/ghostface-ai-picture/ghostface-ai-picture.webp\",\"editedImage\":\"/imgs/examples/ghostface-ai-picture/ghostface-ai-picture-effect.webp\",\"trending\":true,\"category\":\"Fashion\",\"aspectRatio\":\"horizontal\",\"defaultSliderPosition\":50,\"imageFit\":\"cover\",\"prompt\":\"Transform the uploaded image into a dreamy Y2K style portrait while retaining the subject's hairstyle and accessories. The subject should be depicted lying on shiny pink satin bedding, holding a large 90s style corded phone in a thoughtful daydreaming pose. She should wear delicate jewelry, including dainty gold necklaces and accessories, as well as chunky gold rings. The background should feature a girly, daydreamy atmosphere with 90s posters. Her makeup should be simple yet glamorous, with brown lip gloss and brown lip liner. The final image should have a grainy 90s aesthetic, illuminated by a light source like a lamp in a dimly lit room at night. Additionally, a figure resembling the Ghostface Killer should be positioned behind her, standing in the doorway of a dimly lit hallway, with his body appearing slightly dim. The overall ambiance should be slightly dark and ominous.\"}
61,{\"id\":\"ai-y2k-aesthetic\",\"title\":\"AI Y2K Aesthetic\",\"originalImage\":\"/imgs/examples/ai-y2k-aesthetic/ai-y2k-aesthetic.webp\",\"editedImage\":\"/imgs/examples/ai-y2k-aesthetic/ai-y2k-aesthetic-effect.webp\",\"trending\":true,\"category\":\"Fashion\",\"aspectRatio\":\"horizontal\",\"defaultSliderPosition\":50,\"imageFit\":\"cover\",\"prompt\":\"Digital illustration of a person, Y2K Cyberpunk aesthetic, highly detailed, comic book style, graphic novel art, sharp focus, vibrant neon colors (hot pink, electric blue, lime green), deep shadows, cinematic volumetric lighting, in a futuristic neon room, background features glowing geometric shapes, The person is wearing a stylized cyberpunk outfit with holographic textures and a glowing LED choker. Ultra-realistic face rendering, maintain the original facial features of the person, masterpiece.\"},{\"id\":\"disney-ai-poster\",\"title\":\"Disney AI Poster\",\"originalImage\":\"/imgs/examples/disney-ai-poster/disney-ai-poster.webp\",\"editedImage\":\"/imgs/examples/disney-ai-poster/disney-ai-poster-effect.webp\",\"trending\":true,\"category\":\"Fashion\",\"aspectRatio\":\"horizontal\",\"defaultSliderPosition\":50,\"imageFit\":\"cover\",\"prompt\":\"Transform this image into Pixar animation style\"},{\"id\":\"black-and-white-portrait\",\"title\":\"Black and White Portrait\",\"originalImage\":\"/imgs/examples/black-and-white-portrait/black-and-white-portrait.webp\",\"editedImage\":\"/imgs/examples/black-and-white-portrait/black-and-white-portrait-effect.webp\",\"trending\":true,\"category\":\"Fashion\",\"aspectRatio\":\"horizontal\",\"defaultSliderPosition\":50,\"imageFit\":\"cover\",\"prompt\":\"Please generate a black and white portrait with classic artistic composition. Subject positioned at a slight three-quarter angle with head turned toward camera, chin slightly lowered for a contemplative and dignified expression. Use 35mm lens aesthetic with 10.7K 4HD quality. Lighting should create dramatic contrast with soft shadows defining facial contours. Deep black background that gradually fades, showing face, neck, and upper shoulders. Classic portrait photography style reminiscent of fine art black and white portraiture with elegant, timeless posing.\"},{\"id\":\"funko-pop\",\"title\":\"Funko Pop\",\"originalImage\":\"/imgs/examples/funko-pop/funko-pop.webp\",\"editedImage\":\"/imgs/examples/funko-pop/funko-pop-effect.webp\",\"trending\":true,\"category\":\"Fashion\",\"aspectRatio\":\"horizontal\",\"defaultSliderPosition\":50,\"imageFit\":\"cover\",\"prompt\":\"Convert to Funko Pop style: Transform this image into a cute collectible vinyl toy version with oversized head, small body proportions, simplified facial features, large round eyes, and smooth stylized design. Maintain the character's key identifying features including all accessories, jewelry, glasses, clothing details, and worn items while adapting them to the playful Funko Pop aesthetic. Ensure that watches, necklaces, earrings, hats, bags, or any other accessories are clearly visible and represented in the simplified toy style with bright, saturated colors and smooth plastic texture.\"},{\"id\":\"inversion-filter\",\"title\":\"Inversion Filter\",\"originalImage\":\"/imgs/examples/inversion-filter/inversion-filter-before.webp\",\"editedImage\":\"/imgs/examples/inversion-filter/inversion-filter-after.webp\",\"trending\":false,\"category\":\"Fashion\",\"aspectRatio\":\"horizontal\",\"defaultSliderPosition\":50,\"imageFit\":\"cover\",\"prompt\":\"Create a horizontal flip effect: flip the image along the vertical axis, swapping the left side with the right side, just like a mirror effect.\"},{\"id\":\"charlie-and-lola-character\",\"title\":\"Charlie and Lola Character\",\"originalImage\":\"/imgs/examples/charlie-and-lola-character/charlie-and-lola-character-before.webp\",\"editedImage\":\"/imgs/examples/charlie-and-lola-character/charlie-and-lola-character-after.webp\",\"trending\":false,\"category\":\"Fashion\",\"aspectRatio\":\"horizontal\",\"defaultSliderPosition\":50,\"imageFit\":\"contain\",\"prompt\":\"Transform photo into Charlie and Lola-style illustration: thin
61sketchy outlines, flat pastel colors, playful childlike proportions, hand-drawn textures, simplified facial features, soft shadows, clean white background. Emphasize outfit details and accessories. Output as high-resolution image, full body illustration.\"},{\"id\":\"line-to-image\",\"title\":\"Line to Image\",\"originalImage\":\"/imgs/examples/line-to-image/line-to-image-before.webp\",\"editedImage\":\"/imgs/examples/line-to-image/line-to-image-after.webp\",\"trending\":false,\"category\":\"Fashion\",\"aspectRatio\":\"horizontal\",\"defaultSliderPosition\":50,\"imageFit\":\"cover\",\"prompt\":\"Transform line art to fully rendered [photorealistic\\n] illustration: \\n - Maintain exact linework structure and composition\\n- Add professional coloring: skin tones, hair color, fabric textures\\n- Apply volumetric lighting: key light, fill light, rim light\\n- Render material properties: fabric folds, hair strands, skin texture\\n- Add atmospheric depth: foreground sharp, background soft\\n- Color palette: [warm/cool/vibrant/pastel\\n]\\n- Output: high detail,\\n4K quality, production-ready\"},{\"id\":\"linkedin-headshot\",\"title\":\"LinkedIn Headshot\",\"originalImage\":\"/imgs/examples/linkedin-headshot/linkedin-headshot-before.webp\",\"editedImage\":\"/imgs/examples/linkedin-headshot/linkedin-headshot-after.webp\",\"trending\":false,\"category\":\"Fashion\",\"aspectRatio\":\"horizontal\",\"defaultSliderPosition\":50,\"imageFit\":\"contain\",\"prompt\":\"Convert to LinkedIn headshot. ONLY the person (no pets/objects). Adjust to FORMAL CENTERED POSTURE: shoulders square, head straight, facing directly forward, symmetric alignment. Professional business attire. Pure solid background. Direct eye contact. Studio portrait quality. Remove everything except the person.\"},{\"id\":\"comic-style\",\"title\":\"Comic Style\",\"originalImage\":\"/imgs/examples/comic-style/comic-style-before.webp\",\"editedImage\":\"/imgs/examples/comic-style/comic-style-after.webp\",\"trending\":false,\"category\":\"Fashion\",\"aspectRatio\":\"horizontal\",\"defaultSliderPosition\":50,\"imageFit\":\"cover\",\"prompt\":\"漫ç»èª¿ã«ãã¦.\"},{\"id\":\"from-design-to-reality\",\"title\":\"From Design to Reality\",\"originalImage\":\"/imgs/examples/from-design-to-reality/from-design-to-reality-before.webp\",\"editedImage\":\"/imgs/examples/from-design-to-reality/from-design-to-reality-after.webp\",\"trending\":false,\"category\":\"Fashion\",\"aspectRatio\":\"horizontal\",\"defaultSliderPosition\":50,\"imageFit\":\"cover\",\"prompt\":\"Make this perfume illustration photorealistic. Frosted glass bottle, genuine marble cap with natural patterns. Studio lighting, luxury presentation.\"},{\"id\":\"studio-portrait\",\"title\":\"Studio Portrait\",\"originalImage\":\"/imgs/examples/studio-portrait/studio-portrait-before.webp\",\"editedImage\":\"/imgs/examples/studio-portrait/studio-portrait-after.webp\",\"trending\":false,\"category\":\"Fashion\",\"aspectRatio\":\"horizontal\",\"defaultSliderPosition\":50,\"imageFit\":\"contain\",\"prompt\":\"Create studio portrait photographs of the people in the picture, using a black background and black T-shirts, with side lighting and a slight tilt of their bodies.\"},{\"id\":\"esports-portrait\",\"title\":\"Esports Portrait\",\"originalImage\":\"/imgs/examples/esports-portrait/esports-portrait-before.webp\",\"editedImage\":\"/imgs/examples/esports-portrait/esports-portrait-after.webp\",\"trending\":false,\"category\":\"Fashion\",\"aspectRatio\":\"horizontal\",\"defaultSliderPosition\":50,\"imageFit\":\"contain\",\"prompt\":\"Please dress the person in the picture in a simple black T-shirt, similar to an esports jersey. Use strong contrast lighting to create a dark atmosphere, like in esports photography, where the focus is primarily on black. The background should be a solid black, fitting the esports style. The person should be centered in the frame, looking directly at the camera with their arms crossed over their chest, positioned straight and facing forward.\"},{\"id\":\"ai-baby-prediction-and-generation\",\"title\":\"AI Baby Prediction and Generation\",\"originalImage\":\"/imgs/examples/ai-baby-prediction-and-generation/ai-baby-prediction-and-generation-before.webp\",\"editedImage\":\"/imgs/examples/ai-baby-prediction-and-generation/ai-baby-prediction-and-generation-after.webp\",\"trending\":false,\"category\":\"Fashion\",\"as
61pectRatio\":\"horizontal\",\"defaultSliderPosition\":50,\"imageFit\":\"contain\",\"prompt\":\"Generate how their baby would look - a blend of both parents' features. Professional photo quality.\"},{\"id\":\"artistic-portrait\",\"title\":\"Artistic Portrait Photography\",\"originalImage\":\"/imgs/examples/artistic-portrait/artistic-portrait-before.webp\",\"editedImage\":\"/imgs/examples/artistic-portrait/artistic-portrait-after.webp\",\"trending\":false,\"category\":\"Fashion\",\"aspectRatio\":\"horizontal\",\"defaultSliderPosition\":50,\"imageFit\":\"contain\",\"prompt\":\"$26\"},{\"id\":\"cute-3d-building\",\"title\":\"Cute 3D Building\",\"originalImage\":\"/imgs/examples/cute-3d-building/cute-3d-building-before.webp\",\"editedImage\":\"/imgs/examples/cute-3d-building/cute-3d-building-after.webp\",\"trending\":false,\"category\":\"Fashion\",\"aspectRatio\":\"horizontal\",\"defaultSliderPosition\":50,\"imageFit\":\"cover\",\"prompt\":\"Convert the photo of this building into a rounded, cute isometric tile 3D rendering style, with a 1: 1 ratio,To preserve the prominent features of the photographed building.\"},{\"id\":\"line-art\",\"title\":\"Convert to line art\",\"originalImage\":\"/imgs/examples/line-art/line-art-before.webp\",\"editedImage\":\"/imgs/examples/line-art/line-art-after.webp\",\"trending\":false,\"category\":\"Fashion\",\"aspectRatio\":\"horizontal\",\"defaultSliderPosition\":50,\"imageFit\":\"cover\",\"prompt\":\"Convert this image to line art.\"},{\"id\":\"photo-booth-grid\",\"title\":\"Make 3*3 Photo Booth Grid\",\"originalImage\":\"/imgs/examples/photo-booth-grid/photo-booth-grid-before.webp\",\"editedImage\":\"/imgs/examples/photo-booth-grid/photo-booth-grid-after.webp\",\"trending\":false,\"category\":\"Fashion\",\"aspectRatio\":\"horizontal\",\"defaultSliderPosition\":50,\"imageFit\":\"contain\",\"prompt\":\"Using this photo, create a 3x3 photo booth grid, with each pose being different. The poses should include: arms crossed, chin resting on hands, making a heart sign, hands in pockets, pretending to make a phone call, pointing to the sky, waving, holding a book, and crossing arms. No repetitions are allowed.\"},{\"id\":\"redesign-your-interior\",\"title\":\"Redesign Your Interior\",\"originalImage\":\"/imgs/examples/redesign-your-interior/redesign-your-interior-before.webp\",\"editedImage\":\"/imgs/examples/redesign-your-interior/redesign-your-interior-after.webp\",\"trending\":false,\"category\":\"Fashion\",\"aspectRatio\":\"horizontal\",\"defaultSliderPosition\":50,\"imageFit\":\"cover\",\"prompt\":\"Add a Mona Lisa painting on the wall.\"},{\"id\":\"stylized-sticker\",\"title\":\"Stylized illustrations \u0026 stickers\",\"originalImage\":\"/imgs/examples/stylized-sticker/stylized-sticker-before.webp\",\"editedImage\":\"/imgs/examples/stylized-sticker/stylized-sticker-after.webp\",\"trending\":false,\"category\":\"Fashion\",\"aspectRatio\":\"horizontal\",\"defaultSliderPosition\":50,\"imageFit\":\"contain\",\"prompt\":\"A kawaii-style sticker of the image. The design features bold, clean outlines, simple cel-shading, and a vibrant color palette, with a white background.\"},{\"id\":\"cosplay\",\"title\":\"Cosplay Maker\",\"originalImage\":\"/imgs/examples/cosplay/cosplay-before.webp\",\"editedImage\":\"/imgs/examples/cosplay/cosplay-after.webp\",\"trending\":false,\"category\":\"Fashion\",\"aspectRatio\":\"horizontal\",\"defaultSliderPosition\":50,\"imageFit\":\"cover\",\"prompt\":\"Have the character in Image 1 cosplay the character in Image 2, ensuring that the costume, makeup, and props are consistent with those in Image 2.\"},{\"id\":\"product-struct\",\"title\":\"Internal Structure Diagram of the Product\",\"originalImage\":\"/imgs/examples/product-struct/product-struct-before.webp\",\"editedImage\":\"/imgs/examples/product-struct/product-struct-after.webp\",\"trending\":false,\"category\":\"Fashion\",\"aspectRatio\":\"horizontal\",\"defaultSliderPosition\":50,\"imageFit\":\"cover\",\"prompt\":\"Ultra-detailed exploded view of a product, metallic parts and electronic components floating in mid-air, perfectly aligned, revealing inner structure, futuristic technology aesthetic, 8K resolution, soft cinematic lighting, highly realistic\"},{\"id\":\"product-poster\",\"title\":\"Product Poster\",\"originalImage\":\"/imgs/examples/product-poster/product-poster-before.webp\",\"editedImage\":\"/imgs/examples/product-poster/product-poster-after.webp\",\"trending\":false,\"category\":\"Fashion\",\"as
61pectRatio\":\"horizontal\",\"defaultSliderPosition\":50,\"imageFit\":\"contain\",\"prompt\":\"Create a promotional poster for a lipstick product, featuring a woman holding the lipstick and looking at the camera.\"},{\"id\":\"comic-storyboard\",\"title\":\"Comic Storyboard\",\"originalImage\":\"/imgs/examples/comic-storyboard/comic-storyboard-before.webp\",\"editedImage\":\"/imgs/examples/comic-storyboard/comic-storyboard-after.webp\",\"trending\":false,\"category\":\"Fashion\",\"aspectRatio\":\"horizontal\",\"defaultSliderPosition\":50,\"imageFit\":\"cover\",\"prompt\":\"Create a nine-panel comic based on the image content, using visuals and shots to tell a story.\"},{\"id\":\"watermark-remove\",\"title\":\"Watermark Removal\",\"originalImage\":\"/imgs/examples/watermark-remove/watermark-remove-before.webp\",\"editedImage\":\"/imgs/examples/watermark-remove/watermark-remove-after.webp\",\"trending\":false,\"category\":\"Fashion\",\"aspectRatio\":\"horizontal\",\"defaultSliderPosition\":50,\"imageFit\":\"cover\",\"prompt\":\"remove watermarks, clean image, maintain original content.\"},{\"id\":\"old-photo-restore\",\"title\":\"Old Photo Restoration\",\"originalImage\":\"/imgs/examples/old-photo-restore/old-photo-restore-before.webp\",\"editedImage\":\"/imgs/examples/old-photo-restore/old-photo-restore-after.webp\",\"trending\":false,\"category\":\"Fashion\",\"aspectRatio\":\"horizontal\",\"defaultSliderPosition\":50,\"imageFit\":\"cover\",\"prompt\":\"restore old photo, colorize, upscale, enhance quality, remove damage.\"},{\"id\":\"3d-figure\",\"title\":\"3D Figure\",\"originalImage\":\"/imgs/examples/3d-figure/3d-figure-before.webp\",\"editedImage\":\"/imgs/examples/3d-figure/3d-figure-after.webp\",\"trending\":false,\"category\":\"Fashion\",\"aspectRatio\":\"horizontal\",\"defaultSliderPosition\":50,\"imageFit\":\"contain\",\"prompt\":\"create a 1/7 scale commercialized figure of thecharacter in the illustration, in a realistic styie and environment.Place the figure on a computer desk, using a circular transparent acrylic base without any text.On the computer screen, display the ZBrush modeling process of the figure.Next to the computer screen, place a BANDAl-style toy packaging box printedwith the original artwork.\"}]},\"id\":\"examples\"}],[\"$\",\"$L27\",null,{\"section\":{\"name\":\"usage\",\"label\":\"How It Works\",\"title\":\"Create in 3 Simple Steps\",\"description\":\"From idea to finished image in seconds.\",\"image\":{\"src\":\"/imgs/features/how-to-use.png\"},\"image_position\":\"left\",\"text_align\":\"center\",\"items\":[{\"title\":\"1. Upload or Create\",\"description\":\"Upload a photo to edit or switch to Text to Image mode to generate from scratch.\"},{\"title\":\"2. Describe Your Vision\",\"description\":\"Adjust lighting, add text, change backgrounds, blend photos, or apply artistic styles. Our AI understands natural language.\"},{\"title\":\"3. Download \u0026 Use\",\"description\":\"Get 4K quality results in seconds. Full commercial usage rights included.\"}]}}],[\"$\",\"section\",null,{\"id\":\"feature\",\"className\":\"py-16\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mx-auto flex max-w-(--breakpoint-md) flex-col items-center gap-2\",\"children\":[[\"$\",\"span\",null,{\"data-slot\":\"badge\",\"className\":\"inline-flex items-center justify-center rounded-md border px-2 py-0.5 w-fit whitespace-nowrap shrink-0 [\u0026\u003esvg]:size-3 gap-1 [\u0026\u003esvg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden text-foreground [a\u0026]:hover:bg-accent [a\u0026]:hover:text-accent-foreground text-xs font-medium mb-4\",\"children\":\"Features\"}],[\"$\",\"h2\",null,{\"className\":\"mb-2 text-pretty text-3xl font-bold lg:text-4xl\",\"children\":\"Everything You Need to Create\"}],[\"$\",\"p\",null,{\"className\":\"mb-8 max-w-xl text-muted-foreground lg:max-w-none lg:text-lg\",\"children\":\"Professional AI image capabilities built on Nano Banana 2 and Gemini 3.1 Flash.\"}]]}],[\"$\",\"div\",null,{\"className\":\"grid gap-10 md:grid-cols-2 lg:grid-cols-3\",\"children\":[[\"$\",\"div\",\"0\",{\"className\":\"flex flex-col\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-5 flex size-16 items-center justify-center rounded-full border border-primary\",\"children\":[\"$\",\"$L16\",null,{\"name\":\"RiFontSize2\",\"className\":\"size-8 text-primary\"}]}],[\"$\",\"h3\",null,{\"className\":\"mb-2 text-xl font-semibold\",\"children\":\"Advanced Text Rendering\"}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground\",\"children\":\"Create posters and ads with crystal-clear text in any language. Nano Banana 2 achieves 90% text accuracyâa breakthrough for AI-generated typography.\"}]]}],[\"$\",\"div\",\"1\",{\"className\":\"flex flex-col\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-5 flex size-16 items-center justify-center rounded-full border border-primary\",\"children\":[\"$\",\"$L16\",null,{\"name\":\"RiSettings3Line\",\"className\":\"size-8 text-primary\"}]}],[\"$\",\"h3\",null,{\"className\":\"mb-2 text-xl font-semibold\",\"children\":\"Precise Editing Controls\"}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground\",\"children\":\"Control camera angles, lighting, shadows, and composition through natural language. Nano Banana 2's instruction-following delivers studio-level precision.\"}]]}],[\"$\",\"div\",\"2\",{\"className\":\"flex flex-col\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-5 flex size-16 items-center justify-center rounded-full border border-primary\",\"children\":[\"$\",\"$L16\",null,{\"name\":\"RiHdLine\",\"className\":\"size-8 text-primary\"}]}],[\"$\",\"h3\",null,{\"className\":\"mb-2 text-xl font-semibold\",\"children\":\"4K Resolution Output\"}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground\",\"children\":\"Export images from 512px up to 4K resolution. Nano Banana 2 supports the widest range of any AI modelâperfect for print and publishing.\"}]]}],[\"$\",\"div\",\"3\",{\"className\":\"flex flex-col\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-5 flex size-16 items-center justify-center rounded-full border border-primary\",\"children\":[\"$\",\"$L16\",null,{\"name\":\"RiGlobalLine\",\"className\":\"size-8 text-primary\"}]}],[\"$\",\"h3\",null,{\"className\":\"mb-2 text-xl font-semibold\",\"children\":\"Enhanced World Knowledge\"}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground\",\"children\":\"Accurate depictions of real landmarks, cultural elements, and locations. Grounded by Gemini AI's real-time web search for factual precision.\"}]]}],[\"$\",\"div\",\"4\",{\"className\":\"flex flex-col\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-5 flex size-16 items-center justify-center rounded-full border border-primary\",\"children\":[\"$\",\"$L16\",null,{\"name\":\"RiLayoutMasonryLine\",\"className\":\"size-8 text-primary\"}]}],[\"$\",\"h3\",null,{\"className\":\"mb-2 text-xl font-semibold\",\"children\":\"Subject Consistency\"}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground\",\"children\":\"Maintain consistent characters across multiple scenesâup to 5 characters and 14 objects. A Nano Banana 2 exclusive for storytelling and branding.\"}]]}],[\"$\",\"div\",\"5\",{\"className\":\"flex flex-col\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-5 flex size-16 items-center justify-center rounded-full border border-primary\",\"children\":[\"$\",\"$L16\",null,{\"name\":\"RiMagicLine\",\"className\":\"size-8 text-primary\"}]}],[\"$\",\"h3\",null,{\"className\":\"mb-2 text-xl font-semibold\",\"children\":\"Style Transfer \u0026 Effects\"}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground\",\"children\":\"Transform photos with artistic styles and creative filters. Nano Banana 2's style understanding delivers Ghibli, retro, and dozens more with stunning fidelity.\"}]]}]]}]]}]}],[\"$\",\"$L28\",null,{\"toolShowcase\":{\"title\":\"See It in Action\",\"description\":\"Professional image generation and editing built on Nano Banana 2.\",\"label\":\"Examples\",\"items\":[{\"title\":\"Advanced Text Rendering\",\"description\":\"Create posters and ads with crystal-clear, perfectly readable text in any language.\",\"badge\":\"Most Popular\",\"features\":[{\"icon\":\"RiFontSize2\",\"title\":\"Unmatched Clarity\",\"description\":\"Provides crystal-clear, perfectly readable text with zero distortion.\"},{\"icon\":\"RiTranslate\",\"title\":\"Multilingual Versatility\",\"description\":\"Supp
61orts professional typography in any language and any font style.\"},{\"icon\":\"RiText\",\"title\":\"Natural Integration\",\"description\":\"Ensures text is seamlessly composed and fits naturally within the final creation.\"}],\"buttons\":[{\"title\":\"Try for Free\",\"url\":\"/#image-editor\",\"variant\":\"default\",\"icon\":\"RiMagicLine\"}],\"image\":{\"src\":\"/imgs/examples/advanced_text_rendering.webp\",\"alt\":\"Create Poster with TryBanana2 powered by Nano Banana 2\"}},{\"title\":\"Smart Object Removal\",\"description\":\"Remove unwanted objects and distractions instantly. Professional, seamless results in seconds.\",\"badge\":\"Popular\",\"features\":[{\"icon\":\"RiEyeLine\",\"title\":\"Smart Detection\",\"description\":\"AI automatically identifies and isolates objects for removal\"},{\"icon\":\"RiPaintBrushLine\",\"title\":\"Intelligent Fill\",\"description\":\"Seamlessly fills removed areas with matching background using Gemini AI\"},{\"icon\":\"RiTimerLine\",\"title\":\"Instant Results\",\"description\":\"Get professional results in under 10 seconds\"}],\"buttons\":[{\"title\":\"Try for Free\",\"url\":\"/#image-editor\",\"variant\":\"default\",\"icon\":\"RiMagicLine\"}],\"imageComparison\":{\"originalImage\":\"/imgs/examples/remove-objects/remove-object-before.webp\",\"originalAlt\":\"Before Object Removal\",\"editedImage\":\"/imgs/examples/remove-objects/remove-object-after.webp\",\"afterAlt\":\"After Object Removal\",\"aspectRatio\":\"horizontal\",\"defaultSliderPosition\":35,\"originalLabel\":\"Before\",\"editedLabel\":\"After\",\"imageFit\":\"cover\"}},{\"title\":\"4K Image Enhancement\",\"description\":\"Upscale photos to stunning 4K resolution. Transform low-quality images into professional prints.\",\"reverse\":true,\"features\":[{\"icon\":\"RiHdLine\",\"title\":\"4K Upscaling\",\"description\":\"Upscale to 4K resolution with Nano Banana 2 AI\"},{\"icon\":\"RiMagicLine\",\"title\":\"Detail Recovery\",\"description\":\"Gemini AI reconstructs edges, textures, and fine details\"},{\"icon\":\"RiSparkling2Line\",\"title\":\"Noise Cleanup\",\"description\":\"AI removes compression artifacts for crystal-clear results\"}],\"buttons\":[{\"title\":\"Try for Free\",\"url\":\"/#image-editor\",\"variant\":\"default\",\"icon\":\"RiHdLine\"}],\"imageComparison\":{\"originalImage\":\"/imgs/examples/image-enhancer/image-enhancer-before.jpg\",\"editedImage\":\"/imgs/examples/image-enhancer/image-enhancer-after.jpg\",\"aspectRatio\":\"horizontal\",\"defaultSliderPosition\":40,\"originalLabel\":\"Original\",\"editedLabel\":\"Enhanced\",\"imageFit\":\"cover\"}},{\"title\":\"AI Background Replacement\",\"description\":\"Change backgrounds instantly while maintaining perfect lighting and shadows. Professional results guaranteed.\",\"features\":[{\"icon\":\"RiEarthLine\",\"title\":\"Any Location\",\"description\":\"Replace backgrounds with any real or imaginary location\"},{\"icon\":\"RiSunLine\",\"title\":\"Perfect Matching\",\"description\":\"AI adjusts lighting and colors using Gemini AI for realistic integration\"},{\"icon\":\"RiScissorsLine\",\"title\":\"Precise Edges\",\"description\":\"Clean, professional edge detection and masking\"}],\"buttons\":[{\"title\":\"Try for Free\",\"url\":\"/#image-editor\",\"variant\":\"default\",\"icon\":\"RiImageLine\"}],\"imageComparison\":{\"originalImage\":\"/imgs/examples/remove-background/remove-background-before.webp\",\"editedImage\":\"/imgs/examples/remove-background/remove-background-after.webp\",\"aspectRatio\":\"horizontal\",\"defaultSliderPosition\":35,\"originalLabel\":\"Original\",\"editedLabel\":\"AI Background\",\"imageFit\":\"cover\"}}]}}],\"$undefined\",\"$undefined\",[\"$\",\"section\",null,{\"id\":\"faq\",\"className\":\"py-16\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-center\",\"children\":[[\"$\",\"span\",null,{\"data-slot\":\"badge\",\"className\":\"inline-flex items-center justify-center rounded-md border px-2 py-0.5 w-fit whitespace-nowrap shrink-0 [\u0026\u003esvg]:size-3 gap-1 [\u0026\u003esvg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden text-foreground [a\u0026]:hover:bg-accent [a\u0026]:hover:text-accent-foreground text-xs font-medium mb-4\",\"children\":\"FAQ\"}],[\"$\",\"h2\",null,{\"className\":\"text-4xl font-semibold\",\"children\":\"Frequently Asked Questions\"}],[\"$\",\"p\",null,{\"className\":\"mt-6 font-medium text-muted-foreground\",\"children\":\"Everything you need to know about TryBanana2 and the Nano Banana 2 model.\"}]]}],[\"$\",\"div\",null,{\"className\":\"mx-auto mt-14 grid gap-8 md:grid-cols-2 md:gap-12\",\"children\":[[\"$\",\"div\",\"0\",{\"className\":\"flex gap-4\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex size-6 shrink-0 items-center justify-center rounded-sm border border-primary font-mono text-xs text-primary\",\"children\":1}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-2 flex items-center justify-between\",\"children\":[\"$\",\"h3\",null,{\"className\":\"font-semibold\",\"children\":\"What is Nano Banana 2 and how does TryBanana2 use it?\"}]}],[\"$\",\"p\",null,{\"className\":\"text-md text-muted-foreground\",\"children\":\"Nano Banana 2 is Google's latest AI image generation model from the Gemini 3.1 Flash family, launched in February 2026. It generates and edits images from text prompts with pro-level quality at flash speed. TryBanana2 is built on Nano Banana 2, giving you access to its full capabilitiesâ4K output, perfect text rendering, subject consistency, and multi-image blendingâthrough an easy-to-use interface.\"}]]}]]}],[\"$\",\"div\",\"1\",{\"className\":\"flex gap-4\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex size-6 shrink-0 items-center justify-center rounded-sm border border-primary font-mono text-xs text-primary\",\"children\":2}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-2 flex items-center justify-between\",\"children\":[\"$\",\"h3\",null,{\"className\":\"font-semibold\",\"children\":\"What makes Nano Banana 2 different from other AI image models?\"}]}],[\"$\",\"p\",null,{\"className\":\"text-md text-muted-foreground\",\"children\":\"Nano Banana 2 delivers pro-quality results at Gemini Flash speedâroughly 50% more cost-efficient than the previous Nano Banana Pro. Key breakthroughs include 90% text accuracy (solving AI's biggest typography problem), subject consistency across scenes (up to 5 characters and 14 objects), real-time web search grounding for factual accuracy, and native 4K resolution support from 512px to 4096px.\"}]]}]]}],[\"$\",\"div\",\"2\",{\"className\":\"flex gap-4\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex size-6 shrink-0 items-center justify-center rounded-sm border border-primary font-mono text-xs text-primary\",\"children\":3}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-2 flex items-center justify-between\",\"children\":[\"$\",\"h3\",null,{\"className\":\"font-semibold\",\"children\":\"What's the difference between Nano Banana 2 and Nano Banana Pro?\"}]}],[\"$\",\"p\",null,{\"className\":\"text-md text-muted-foreground\",\"children\":\"Nano Banana 2 (Gemini 3.1 Flash Image) is the newer model that replaced Nano Banana Pro as Google's default. It matches Pro-level quality while being significantly faster and more affordable. Nano Banana 2 also adds subject consistency, extreme aspect ratios (up to 8:1), and improved instruction following. TryBanana2 supports both models so you can choose what works best.\"}]]}]]}],[\"$\",\"div\",\"3\",{\"className\":\"flex gap-4\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex size-6 shrink-0 items-center justify-center rounded-sm border border-primary font-mono text-xs text-primary\",\"children\":4}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-2 flex items-center justify-between\",\"children\":[\"$\",\"h3\",null,{\"className\":\"font-semibold\",\"children\":\"Can I edit photos with
61natural language prompts?\"}]}],[\"$\",\"p\",null,{\"className\":\"text-md text-muted-foreground\",\"children\":\"Yes! Simply describe what you want: 'make the lighting warmer,' 'add text that says Welcome,' or 'blend these photos together.' Nano Banana 2 understands natural language with improved instruction following, making professional editing as simple as having a conversation.\"}]]}]]}],[\"$\",\"div\",\"4\",{\"className\":\"flex gap-4\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex size-6 shrink-0 items-center justify-center rounded-sm border border-primary font-mono text-xs text-primary\",\"children\":5}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-2 flex items-center justify-between\",\"children\":[\"$\",\"h3\",null,{\"className\":\"font-semibold\",\"children\":\"What can I create with TryBanana2?\"}]}],[\"$\",\"p\",null,{\"className\":\"text-md text-muted-foreground\",\"children\":\"Marketing posters with crystal-clear text, product photos with perfect lighting, social media graphics, artistic compositions, style transfers (Ghibli, retro, 3D figurines), consistent character series, and more. With Nano Banana 2's capabilities, if you can describe it, TryBanana2 can create it in up to 4K resolution.\"}]]}]]}],[\"$\",\"div\",\"5\",{\"className\":\"flex gap-4\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex size-6 shrink-0 items-center justify-center rounded-sm border border-primary font-mono text-xs text-primary\",\"children\":6}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-2 flex items-center justify-between\",\"children\":[\"$\",\"h3\",null,{\"className\":\"font-semibold\",\"children\":\"How does the text rendering work?\"}]}],[\"$\",\"p\",null,{\"className\":\"text-md text-muted-foreground\",\"children\":\"Nano Banana 2 achieves 90% text accuracyâa major breakthrough in AI image generation. It renders crystal-clear, readable typography in any language, making it ideal for posters, ads, logos, and marketing materials. This solves the biggest pain point of previous AI image generators: garbled or unreadable text.\"}]]}]]}],[\"$\",\"div\",\"6\",{\"className\":\"flex gap-4\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex size-6 shrink-0 items-center justify-center rounded-sm border border-primary font-mono text-xs text-primary\",\"children\":7}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-2 flex items-center justify-between\",\"children\":[\"$\",\"h3\",null,{\"className\":\"font-semibold\",\"children\":\"What is subject consistency and how does it work?\"}]}],[\"$\",\"p\",null,{\"className\":\"text-md text-muted-foreground\",\"children\":\"Subject consistency is a Nano Banana 2 feature that maintains the same character appearance across multiple generated images. You can keep up to 5 characters and 14 objects consistent across different scenes and posesâperfect for storytelling, brand mascots, social media series, and product campaigns.\"}]]}]]}],[\"$\",\"div\",\"7\",{\"className\":\"flex gap-4\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex size-6 shrink-0 items-center justify-center rounded-sm border border-primary font-mono text-xs text-primary\",\"children\":8}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-2 flex items-center justify-between\",\"children\":[\"$\",\"h3\",null,{\"className\":\"font-semibold\",\"children\":\"What aspect ratios and resolutions are supported?\"}]}],[\"$\",\"p\",null,{\"className\":\"text-md text-muted-foreground\",\"children\":\"TryBanana2 supports resolutions from 512px to 4K (4096px) through Nano Banana 2. It also supports extreme aspect ratios up to 8:1 and 1:8âideal for banners, social media stories, panoramic shots, and vertical content. This is the widest aspect ratio range of any AI image model available.\"}]]}]]}],[\"$\",\"div\",\"8\",{\"className\":\"flex gap-4\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex size-6 shrink-0 items-center justify-center rounded-sm border border-primary font-mono text-xs text-primary\",\"children\":9}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-2 flex items-center justify-between\",\"children\":[\"$\",\"h3\",null,{\"className\":\"font-semibold\",\"children\":\"Do I
61need design experience?\"}]}],[\"$\",\"p\",null,{\"className\":\"text-md text-muted-foreground\",\"children\":\"No. TryBanana2 is built for everyoneâfrom beginners to professionals. Describe your vision in plain English, and Nano Banana 2's natural language understanding handles all the technical complexity. No Photoshop skills required.\"}]]}]]}],[\"$\",\"div\",\"9\",{\"className\":\"flex gap-4\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex size-6 shrink-0 items-center justify-center rounded-sm border border-primary font-mono text-xs text-primary\",\"children\":10}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-2 flex items-center justify-between\",\"children\":[\"$\",\"h3\",null,{\"className\":\"font-semibold\",\"children\":\"How fast is image generation?\"}]}],[\"$\",\"p\",null,{\"className\":\"text-md text-muted-foreground\",\"children\":\"Most images generate in under 10 seconds. Nano Banana 2 is built on Gemini 3.1 Flash architecture, which is optimized for speed without sacrificing quality. You get pro-level results at flash speedâideal for batch workflows and rapid iteration.\"}]]}]]}],[\"$\",\"div\",\"10\",{\"className\":\"flex gap-4\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex size-6 shrink-0 items-center justify-center rounded-sm border border-primary font-mono text-xs text-primary\",\"children\":11}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-2 flex items-center justify-between\",\"children\":[\"$\",\"h3\",null,{\"className\":\"font-semibold\",\"children\":\"How does pricing work?\"}]}],[\"$\",\"p\",null,{\"className\":\"text-md text-muted-foreground\",\"children\":\"New users get 5 free credits to try all featuresâno credit card required. After that, plans start at $10/month for 300 credits. All plans include 4K output, commercial usage rights, and access to Nano Banana 2, Nano Banana Pro, and other supported models.\"}]]}]]}],[\"$\",\"div\",\"11\",{\"className\":\"flex gap-4\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex size-6 shrink-0 items-center justify-center rounded-sm border border-primary font-mono text-xs text-primary\",\"children\":12}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-2 flex items-center justify-between\",\"children\":[\"$\",\"h3\",null,{\"className\":\"font-semibold\",\"children\":\"Can I use generated images commercially?\"}]}],[\"$\",\"p\",null,{\"className\":\"text-md text-muted-foreground\",\"children\":\"Yes. All TryBanana2 plans include full commercial usage rights. Export images in up to 4K resolution with no watermarksâready for print, web, social media, and professional publishing.\"}]]}]]}]]}]]}]}],[\"$\",\"section\",null,{\"id\":\"cta\",\"className\":\"py-16\",\"children\":[\"$\",\"div\",null,{\"className\":\"px-8\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex items-center justify-center rounded-2xl bg-[url(\\\"/imgs/masks/circle.svg\\\")] bg-cover bg-center px-8 py-12 text-center md:p-16\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto max-w-(--breakpoint-md)\",\"children\":[[\"$\",\"span\",null,{\"data-slot\":\"badge\",\"className\":\"inline-flex items-center justify-center rounded-md border px-2 py-0.5 w-fit whitespace-nowrap shrink-0 [\u0026\u003esvg]:size-3 gap-1 [\u0026\u003esvg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden text-foreground [a\u0026]:hover:bg-accent [a\u0026]:hover:text-accent-foreground text-xs font-medium mb-4\",\"children\":\"Get Started\"}],[\"$\",\"h2\",null,{\"className\":\"mb-4 text-balance text-3xl font-semibold md:text-5xl\",\"children\":\"Start Creating Today\"}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground md:text-lg\",\"children\":\"Professional AI image generation powered by Nano Banana 2. Get 5 free creditsâno credit card required.\"}],[\"$\",\"div\",null,{\"className\":\"mt-8 flex flex-col justify-center gap-4 sm:flex-row\",\"children\":[[\"$\",\"button\",\"0\",{\"data-slot\":\"button\",\"className\":\"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [\u0026_svg]:pointer-events-none shrink-0 [\u0026_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive backdrop-blur-md border bg-primary/60 text-primary-foreground border-primary/40 shadow-lg hover:bg-primary/50 hover:border-primary/60 h-9 px-4 py-2 has-[\u003esvg]:px-3\",\"children\":\"$L29\"}],[\"$\",\"button\",\"1\",{\"data-slot\":\"button\",\"className\":\"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [\u0026_svg]:pointer-events-none shrink-0 [\u0026_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive backdrop-blur-md border bg-background/20 border-border/30 shadow-lg hover:bg-accent/20 hover:text-accent-foreground hover:border-border/40 dark:bg-input/10 dar
61k:border-input/30 dark:hover:bg-input/20 h-9 px-4 py-2 has-[\u003esvg]:px-3\",\"children\":\"$L2a\"}]]}]]}]}]}]}]]\n"])</script>
61<script>self.__next_f.push([1,"17:[\"$\",\"$L2b\",null,{\"ref\":\"$undefined\",\"href\":\"/#feature\",\"locale\":\"$undefined\",\"localeCookie\":{\"name\":\"NEXT_LOCALE\",\"sameSite\":\"lax\"},\"target\":\"$undefined\",\"className\":\"flex justify-start items-center gap-1\",\"children\":[\"$undefined\",\"Features\"]}]\n18:[\"$\",\"$L2b\",null,{\"ref\":\"$undefined\",\"href\":\"/pricing\",\"locale\":\"$undefined\",\"localeCookie\":\"$17:props:localeCookie\",\"target\":\"$undefined\",\"className\":\"flex justify-start items-center gap-1\",\"children\":[\"$undefined\",\"Pricing\"]}]\n19:[\"$\",\"$L2b\",null,{\"ref\":\"$undefined\",\"href\":\"/#examples\",\"locale\":\"$undefined\",\"localeCookie\":\"$17:props:localeCookie\",\"target\":\"$undefined\",\"className\":\"flex justify-start items-center gap-1\",\"children\":[\"$undefined\",\"Examples\"]}]\n1a:[\"$\",\"$L2b\",null,{\"ref\":\"$undefined\",\"href\":\"/about\",\"locale\":\"$undefined\",\"localeCookie\":\"$17:props:localeCookie\",\"target\":\"$undefined\",\"className\":\"flex justify-start items-center gap-1\",\"children\":[\"$undefined\",\"About\"]}]\n1b:[\"$\",\"$L2b\",null,{\"ref\":\"$undefined\",\"href\":\"/contact\",\"locale\":\"$undefined\",\"localeCookie\":\"$17:props:localeCookie\",\"target\":\"$undefined\",\"className\":\"flex justify-start items-center gap-1\",\"children\":[\"$undefined\",\"Contact\"]}]\n1c:[\"$\",\"$L2b\",null,{\"ref\":\"$undefined\",\"href\":\"/privacy-policy\",\"locale\":\"$undefined\",\"localeCookie\":\"$17:props:localeCookie\",\"target\":\"$undefined\",\"className\":\"flex justify-start items-center gap-1\",\"children\":[\"$undefined\",\"Privacy Policy\"]}]\n1d:[\"$\",\"$L2b\",null,{\"ref\":\"$undefined\",\"href\":\"/terms-of-service\",\"locale\":\"$undefined\",\"localeCookie\":\"$17:props:localeCookie\",\"target\":\"$undefined\",\"className\":\"flex justify-start items-center gap-1\",\"children\":[\"$undefined\",\"Terms of Service\"]}]\n1e:[\"$\",\"$L2b\",null,{\"ref\":\"$undefined\",\"href\":\"mailto:[email protected]\",\"locale\":\"$undefined\",\"localeCookie\":\"$17:props:localeCookie\",\"target\":\"$undefined\",\"className\":\"flex justify-start items-center gap-1\",\"children\":[\"$undefined\",\"Email: [email protected]\"]}]\n1f:[\"$\",\"$L2b\",null,{\"ref\":\"$undefined\",\"href\":\"https://veogen.art\",\"locale\":\"$undefined\",\"localeCook"])</script>
61<script>self.__next_f.push([1,"ie\":\"$17:props:localeCookie\",\"target\":\"$undefined\",\"className\":\"flex justify-start items-center gap-1\",\"children\":[\"$undefined\",\"AI Video Generator\"]}]\n20:[\"$\",\"$L2b\",null,{\"ref\":\"$undefined\",\"href\":\"https://www.toolpilot.ai\",\"locale\":\"$undefined\",\"localeCookie\":\"$17:props:localeCookie\",\"target\":\"$undefined\",\"className\":\"flex justify-start items-center gap-1\",\"children\":[[\"$\",\"img\",null,{\"src\":\"https://www.toolpilot.ai/cdn/shop/files/tp-b-i_1280x1280_crop_center.svg?v=1695883732\",\"alt\":\"Toolpilot\",\"className\":\"w-5 h-5\"}],\"Toolpilot\"]}]\n21:[\"$\",\"$L2b\",null,{\"ref\":\"$undefined\",\"href\":\"https://fazier.com/launches/compareheights.org\",\"locale\":\"$undefined\",\"localeCookie\":\"$17:props:localeCookie\",\"target\":\"$undefined\",\"className\":\"flex justify-start items-center gap-1\",\"children\":[[\"$\",\"img\",null,{\"src\":\"https://fazier.com/api/v1//public/badges/launch_badges.svg?badge_type=launched\u0026theme=light\",\"alt\":\"Fazier badge\",\"className\":\"w-[120px]\"}],\"\"]}]\n22:[\"$\",\"$L2b\",null,{\"ref\":\"$undefined\",\"href\":\"https://viesearch.com/\",\"locale\":\"$undefined\",\"localeCookie\":\"$17:props:localeCookie\",\"target\":\"$undefined\",\"className\":\"flex justify-start items-center gap-1\",\"children\":[\"$undefined\",\"Viesearch - The Human-curated Search Engine\"]}]\n29:[\"$\",\"$L2b\",null,{\"ref\":\"$undefined\",\"href\":\"/#image-editor\",\"locale\":\"$undefined\",\"localeCookie\":\"$17:props:localeCookie\",\"target\":\"_self\",\"className\":\"flex items-center justify-center gap-1\",\"children\":[[\"$\",\"$L16\",null,{\"name\":\"RiMagicFill\",\"className\":\"size-5\"}],\"Start Creating Free\"]}]\n2a:[\"$\",\"$L2b\",null,{\"ref\":\"$undefined\",\"href\":\"/#examples\",\"locale\":\"$undefined\",\"localeCookie\":\"$17:props:localeCookie\",\"target\":\"_self\",\"className\":\"flex items-center justify-center gap-1\",\"children\":[[\"$\",\"$L16\",null,{\"name\":\"RiGalleryLine\",\"className\":\"size-5\"}],\"ð¥ View Examples\"]}]\n2:[\"$\",\"html\",null,{\"lang\":\"en\",\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"meta\",null,{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1.0\"}],\"\",[\"$\",\"link\",null,{\"rel\":\"ic"])</script>
61<script>self.__next_f.push([1,"on\",\"href\":\"/favicon.ico\"}],[[\"$\",\"link\",\"en\",{\"rel\":\"alternate\",\"hrefLang\":\"en\",\"href\":\"https://trybanana2.com/\"}],[\"$\",\"link\",\"zh\",{\"rel\":\"alternate\",\"hrefLang\":\"zh\",\"href\":\"https://trybanana2.com/zh/\"}],[\"$\",\"link\",\"ru\",{\"rel\":\"alternate\",\"hrefLang\":\"ru\",\"href\":\"https://trybanana2.com/ru/\"}]],[\"$\",\"link\",null,{\"rel\":\"alternate\",\"hrefLang\":\"x-default\",\"href\":\"https://trybanana2.com\"}]]}],[\"$\",\"body\",null,{\"children\":[\"$\",\"$L14\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L15\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]]}]\n"])</script>
61<script>self.__next_f.push([1,"3:[\"$\",\"$L2c\",null,{\"formats\":\"$undefined\",\"locale\":\"en\",\"messages\":{\"metadata\":{\"siteName\":\"TryBanana2\",\"title\":\"TryBanana2 - Best AI Image Generator \u0026 Photo Editor | Nano Banana 2\",\"description\":\"AI image generator \u0026 photo editor powered by Nano Banana 2 (Gemini 3.1 Flash Image). Create 4K images, edit photos instantly. Try for free!\",\"keywords\":\"nano banana 2, TryBanana2, ai image generator, ai photo editor, nano banana ai, gemini 3.1 flash image, gemini 3.1 flash, nano banana pro, nano banana, ai image editor\"},\"user\":{\"sign_in\":\"Sign In\",\"sign_out\":\"Sign Out\",\"credits\":\"Credits\",\"api_keys\":\"API Keys\",\"my_orders\":\"My Orders\",\"user_center\":\"User Center\",\"admin_system\":\"Admin System\"},\"sign_modal\":{\"sign_in_title\":\"Sign In\",\"sign_in_description\":\"Sign in to your account\",\"sign_up_title\":\"Sign Up\",\"sign_up_description\":\"Create an account\",\"email_title\":\"Email\",\"email_placeholder\":\"Input your email here\",\"password_title\":\"Password\",\"password_placeholder\":\"Input your password here\",\"forgot_password\":\"Forgot password?\",\"or\":\"Or\",\"continue\":\"Continue\",\"no_account\":\"Don't have an account?\",\"email_sign_in\":\"Sign in with Email\",\"google_sign_in\":\"Sign in with Google\",\"github_sign_in\":\"Sign in with GitHub\",\"close_title\":\"Close\",\"cancel_title\":\"Cancel\",\"login_bonus_tip\":\"You've got 5 free creditsâlog in to claim ð\",\"free_try_prompt\":\"\"},\"my_orders\":{\"title\":\"My Orders\",\"description\":\"orders paid with ShipAny.\",\"no_orders\":\"No orders found\",\"tip\":\"\",\"activate_order\":\"Activate Order\",\"actived\":\"Activated\",\"join_discord\":\"Join Discord\",\"read_docs\":\"Read Docs\",\"table\":{\"order_no\":\"Order No\",\"email\":\"Email\",\"product_name\":\"Product Name\",\"status\":\"Status\",\"status_created\":\"Created\",\"status_paid\":\"Paid\",\"status_deleted\":\"Deleted\",\"amount\":\"Amount\",\"paid_at\":\"Paid At\",\"github_username\":\"GitHub Username\",\"manage_billing\":\"Manage Billing\",\"interval\":\"Interval\",\"interval_month\":\"Monthly\",\"interval_year\":\"Annually\",\"interval_one_time\":\"One-Time\"}},\"my_credits\":{\"title\":\"My Credits\",\"left_tip\":\"left credits: {left_credits}\",\"no_credits\":\"No credits records\",\"recharge\":\"Recharge\",\"table\":{\"trans_no\":\"Trans No\",\"trans_type\":\"Trans Type\",\"credits\":\"Credits\",\"updated_at\":\"Updated At\",\"status\":\"Status\",\"expired_at\":\"Expired At\",\"created_at\":\"Created At\"}},\"api_keys\":{\"title\":\"API Keys\",\"tip\":\"Please keep your apikey safe to avoid leaks\",\"no_api_keys\":\"No API Keys\",\"create_api_key\":\"Create API Key\",\"table\":{\"name\":\"Name\",\"key\":\"Key\",\"created_at\":\"Created At\"},\"form\":{\"name\":\"Name\",\"name_placeholder\":\"API Key Name\",\"submit\":\"Submit\"}},\"blog\":{\"title\":\"Blog\",\"description\":\"News, resources, and updates about ShipAny\",\"read_more_text\":\"Read More\"},\"my_invites\":{\"title\":\"My Invites\",\"description\":\"View your invite records\",\"no_invites\":\"No invite records found\",\"my_invite_link\":\"My Invite Link\",\"edit_invite_link\":\"Edit Invite Link\",\"copy_invite_link\":\"Copy Invite Link\",\"invite_code\":\"Invite Code\",\"invite_tip\":\"Invite 1 friend to buy ShipAny, reward $50.\",\"invite_balance\":\"Invite Reward Balance\",\"total_invite_count\":\"Total Invite Count\",\"total_paid_count\":\"Total Paid Count\",\"total_award_amount\":\"Total Award Amount\",\"update_invite_code\":\"Set Invite Code\",\"update_invite_code_tip\":\"Input your custom invite code\",\"update_invite_button\":\"Save\",\"no_orders\":\"You can't invite others before you bought ShipAny\",\"no_affiliates\":\"You're not allowed to invite others, please contact us to apply for permission.\",\"table\":{\"invite_time\":\"Invite Time\",\"invite_user\":\"Invite User\",\"status\":\"Status\",\"reward_percent\":\"Reward Percent\",\"reward_amount\":\"Reward Amount\",\"pending\":\"Pending\",\"completed\":\"Completed\"}},\"feedback\":{\"title\":\"Feedback\",\"description\":\"We'd love to hear what went well or how we can improve the product experience.\",\"submit\":\"Submit\",\"loading\":\"Submitting...\",\"contact_tip\":\"Other ways to contact us\",\"rating_tip\":\"How do you feel about ShipAny?\",\"placeholder\":\"Leave your words here...\"},\"common\":{\"video_not_supported\":\"Your browser does not support the video tag.\",\"pause_video\":\"Pause\",\"play_video\":\"Play\",\"unmute_video\":\"Unmute\",\"mute_video\":\"Mute\",\"no_media_available\":\"No media available\",\"auth_required\":\"Please sign in to continue\",\"coming_soon_title\":\"Coming soon\",\"coming_soon_message\"
61:\"Coming soon, please stay tuned!\",\"coming_soon_close\":\"Got it\"},\"promptEngine\":{\"header\":{\"title\":\"Prompt Engine\",\"subtitle\":\"Transform your image with AI-powered editing\"},\"tabs\":{\"imageToImage\":\"Image to Image\",\"textToImage\":\"Text to Image\"},\"refImage\":{\"title\":\"Reference Image\",\"count\":\"{count}/{max}\",\"upload\":{\"ctaEmpty\":\"Add Image\",\"ctaMore\":\"Add More Images\",\"hint\":\"Drag \u0026 drop or click to browse\"}},\"mainPrompt\":{\"title\":\"Description prompt\",\"placeholder\":\"Describe how you want to edit your image... (e.g., 'make it more vibrant', 'add a sunset background', 'convert to cartoon style')\"},\"buttons\":{\"copy\":\"Copy\",\"generate\":\"Generate Now\",\"generating\":\"Generating...\"},\"status\":{\"editing\":\"Editing your image...\",\"hint\":\"Our AI is working its magic. This usually takes 30-60 seconds...\"},\"gallery\":{\"title\":\"Output Gallery\",\"subtitle\":\"Your ultra-fast AI creations appear here instantly\",\"download\":\"Download\"},\"empty\":{\"title\":\"Ready for instant generation\",\"hintImageToImage\":\"Upload an image and enter your editing prompt to get started\",\"hintTextToImage\":\"Enter your prompt and unleash the power of Nano Banana AI image editor\"}},\"styleGallery\":{\"section\":{\"badge\":\"ð¥ Popular Templates\",\"title\":\"Popular AI Image Generation Templates\",\"description\":\"Explore trending styles powered by Google's Nano Banana series. Transform photos or generate new images with our AI image generator \u0026 photo editor templatesâprofessional 4K results in seconds.\"},\"slider\":{\"before\":\"Before\",\"after\":\"After\"},\"card\":{\"trending\":\"ð¥ Trending\"},\"loadMore\":\"Load More Templates\",\"showLess\":\"Show Less\",\"examples\":{\"retroClassicBlackSaree\":{\"title\":\"Classic Black Saree Retro Style\",\"description\":\"Transform your photos into Classic Black Saree retro images with warm vintage tones.\",\"category\":\"Vintage\"},\"retroWhitePolkaDotSaree\":{\"title\":\"White Polka-dot Saree Retro Style\",\"description\":\"Transform your photos into White Polka-dot Saree retro images with warm vintage tones.\",\"category\":\"Vintage\"},\"retroRedSareeDrama\":{\"title\":\"Red Saree Drama Retro Style\",\"description\":\"Transform your photos into Red Saree Drama retro images with warm vintage tones.\",\"category\":\"Vintage\"}}},\"tasks\":{\"my_tasks\":\"My Tasks\",\"no_tasks\":\"No tasks available\",\"loading\":\"Loading...\",\"refresh\":\"Refresh\",\"filters\":{\"label\":\"Filters:\",\"task_type\":\"Task Type\",\"status\":\"Status\",\"all_types\":\"All Types\",\"all_status\":\"All Status\"},\"table\":{\"task_id\":\"Task ID\",\"task_type\":\"Task Type\",\"credits_consumed\":\"Credits Consumed\",\"credits_remaining\":\"Credits Remaining\",\"status\":\"Status\",\"created_at\":\"Created At\",\"updated_at\":\"Updated At\"},\"task_types\":{\"ai_image_edit\":\"AI Image Editing\",\"ai_text_generation\":\"AI Text Generation\",\"ai_video_generation\":\"AI Video Generation\"},\"task_status\":{\"pending\":\"Pending\",\"processing\":\"Processing\",\"success\":\"Success\",\"failed\":\"Failed\",\"cancelled\":\"Cancelled\"},\"pagination\":{\"total_tasks\":\"Total {total} tasks, page {page} / {pages}\",\"previous\":\"Previous\",\"next\":\"Next\"},\"errors\":{\"fetchFailed\":\"Failed to fetch task list\",\"fetchError\":\"Task list fetch error\"}},\"imageEditor\":{\"header\":{\"title\":\"Try Nano Banana 2 - AI Image Generator \u0026 Photo Editor\",\"label\":\"Try Now\",\"subtitle\":\"Generate stunning 4K images or edit photos instantly with Nano Banana 2, powered by Google's latest Gemini 3.1 Flash. Supports up to 14 reference images, Google Search grounding, and professional results in seconds.\",\"geminiAiPhotoGenerator\":\"gemini ai photo generator\",\"newGeminiTrendPrompt\":\"new gemini trend prompt\"},\"models\":{\"label\":\"Model\",\"dropdownTitle\":\"Select model\",\"dropdownSubtitle\":\"Choose an AI model for image generation or photo edit\",\"nano-banana-2\":{\"label\":\"Nano Banana 2\",\"icon\":\"RiSparklingLine\",\"features\":\"Latest Gemini 3.1 Flash, 4K Resolution, Up to 14 Reference Images, Google Search Grounding\",\"credits\":\"4 credits(1K) / 6 credits(2K) / 8 credits(4K)\"},\"nano-banana\":{\"label\":\"Nano Banana\",\"icon\":\"RiFlashlightLine\",\"features\":\"Fast generation, good quality, smart enhancement\",\"credits\":\"2 credits per image\"},\"nano-banana-pro\":{\"label\":\"Nano Banana Pro\",\"icon\":\"RiVipCrownLine\",\"features\":\"Advanced Text Rendering, Precise Editing Controls, 4K Resolution\",\"credits\":\"3 credits(1K) / 4 credits(2K) / 6 credits(4K)\"},\"nano-banana-edit\":{\"label\":\"Nano Banana Edit\",\"icon\":\"RiFlashlightLine\",\"features\":\"Fast generation, good quality, smart enhancement\",\"credits\":\"2 credits per image\"}},\"resolutions\":{\"label\":\"Resolution\",\"1K\":\"1K (1024px)\",\"2K\":\"2K (2048px)\",\"4K\":\"4K (4096px)\"},\"googleSearch\":{\"label\":\"Google Search\",\"description\":\"Use real-time web info for generation\",\"tooltip\":\"Enable Google Search grounding to help the model generate more accurate images of real people, places, and things using real-time web information.\"},\"outputFormat\":{\"label\":\"Output Format\",\"JPG\":\"JPG\",\"PNG\":\"PNG\"},\"promptEngine\":{\"title\":\"AI Image Generator \u0026 Editor\",\"subtitle\":\"Generate 4K images or edit photos with Nano Banana 2, Google's latest AI model\",\"tabs\":{\"imageToImage\":\"Image to Image\",\"textToImage\":\"Text to Image\"},\"refImage\":{\"title\":\"Upload Photo\",\"count\":\"{count}/{max}\",\"upload\":{\"ctaEmpty\":\"Add Photo to Edit\",\"ctaMore\":\"Add More Photos\",\"hint\":\"Drag \u0026 drop or click to browse\",\"limitNote\":\"Up to {maxFiles} images, each under {maxSize}\"}},\"mainPrompt\":{\"title\":\"Description prompt\",\"placeholder\":\"Describe what you want to generate or edit... (e.g., 'sunset over mountains', 'remove background', '4K enhancement', 'vintage film style')\"},\"buttons\":{\"generate\":\"Generate\",\"generating\":\"Generating...\"},\"defaultPrompt\":\"Make the image more vibrant and add dramatic lighting effects\"},\"gallery\":{\"title\":\"Generated Image\",\"subtitle\":\"Professional 4K images powered by Nano Banana 2\",\"downloadAlt\":\"Download\",\"generatedImages\":\"Generated Images ({count})\",\"creatingContent\":\"Creating your image...\",\"progress\":\"{progress}%\",\"aiCrafting\":\"Nano Banana 2 powered by Google's Gemini 3.1 Flash is creating your masterpiece...\",\"aiFotoEditor\":\"ai foto editor\"},\"empty\":{\"title\":\"Ready to Create?\",\"hintImageToImage\":\"Upload your photos (up to 14 with Nano Banana 2) and describe what you want. Our AI photo editor powered by Nano Banana 2 will transform them into professional 4K images.\",\"hintTextToImage\":\"Describe your vision and watch Nano Banana 2 powered by Google's Gemini 3.1 Flash create stunning 4K images in seconds.\"},\"aspectRatios\":{\"auto\":\"Auto\",\"1:1\":\"Square (1:1)\",\"2:3\":\"Portrait (2:3)\",\"3:2\":\"Landscape (3:2)\",\"3:4\":\"Portrait (3:4)\",\"4:3\":\"Landscape (4:3)\",\"4:5\":\"Portrait (4:5)\",\"5:4\":\"Landscape (5:4)\",\"9:16\":\"Portrait (9:16)\",\"16:9\":\"Landscape (16:9)\",\"21:9\":\"Ultra Wide (21:9)\",\"4:1\":\"Panoramic (4:1)\",\"1:4\":\"Tall (1:4)\",\"8:1\":\"Ultra Panoramic (8:1)\",\"1:8\":\"Ultra Tall (1:8)\"},\"progress\":{\"message1\":\"Nano Banana 2 is analyzing your request and creating your image...\",\"message2\":\"Usually completed in 30-60 secondsâour AI image generator works fast!\",\"message3\":\"Processing with Nano Banana 2 for stunning 4K quality...\",\"message4\":\"Your creation is almost readyâAI photo editor perfecting every detail...\",\"message5\":\"Generating high-quality 4K image with Google's professional AI technology...\",\"message6\":\"Nano Banana 2 is crafting unique visuals tailored to your vision...\",\"completed\":\"Your 4K image is ready!\",\"failed\":\"Generation failed, please try again\"},\"errors\":{\"loginRequired\":\"Please sign in to use AI image editing\",\"
61insufficientCredits\":\"Insufficient credits. Upgrade your plan to get more credits.\",\"uploadFailed\":\"Upload failed\",\"generateFailed\":\"Generation failed\",\"taskTimeout\":\"Task timeout\",\"pollError\":\"Failed to check status\",\"serverTimeout\":\"The server took too long to respond. Please try again.\",\"unknownError\":\"An unknown error occurred.\",\"maxFileCount\":\"You can upload up to {count} images.\",\"fileTooLarge\":\"The image \\\"{name}\\\" exceeds the {size} size limit and was skipped.\",\"invalidFileType\":\"The file \\\"{name}\\\" is not a valid image format and was skipped.\",\"generationFailedTitle\":\"Generation Failed\",\"creditsRefundTitle\":\"Credits will be refunded automatically\",\"creditsRefundMessage\":\"Your credits for this failed generation have been returned to your account and will be available immediately.\",\"tryAgain\":\"Try Again\",\"dismiss\":\"Dismiss\",\"upgrade\":\"Upgrade\",\"aiProcessingError\":{\"title\":\"AI Processing Error\",\"message\":\"The AI encountered an unexpected error while processing your image.\",\"suggestion\":\"Try using a different image or simplifying your prompt.\"},\"serviceUnavailable\":{\"title\":\"Service Temporarily Unavailable\",\"message\":\"The AI image generation service is currently experiencing issues.\",\"suggestion\":\"Please wait a few moments and try again.\"},\"invalidRequest\":{\"title\":\"Invalid Request\",\"message\":\"There was an issue with your request format.\",\"suggestion\":\"Please check your image format and prompt, then try again.\"},\"timeout\":{\"title\":\"Processing Timeout\",\"message\":\"The generation took longer than expected and was cancelled.\",\"suggestion\":\"Try with a simpler prompt or smaller image size.\"},\"networkError\":{\"title\":\"Connection Error\",\"message\":\"Unable to connect to the generation service.\",\"suggestion\":\"Please check your internet connection and try again.\"},\"general\":{\"title\":\"Generation Error\",\"message\":\"An unexpected error occurred during generation.\",\"suggestion\":\"Please try again or contact support if the issue persists.\"},\"missingImageUrl\":\"Generation succeeded but no image URL was returned.\"},\"status\":{\"uploading\":\"Uploading images...\",\"submitting\":\"Submitting your request...\",\"processing\":\"Processing task...\",\"success\":\"Generation successful!\",\"error\":\"An error occurred\",\"failed\":\"Generation failed\",\"networkError\":\"Temporary network issue, retrying...\"}},\"about\":{\"title\":\"About TryBanana2\",\"whatIs\":{\"title\":\"What is TryBanana2?\",\"description\":\"TryBanana2 is the best AI image generator \u0026 photo editor powered by Google's Nano Banana 2 (Gemini 3.1 Flash Image). Generate stunning 4K images from text or edit photos with professional AIâaccessible to everyone, no design skills needed.\"},\"mission\":{\"title\":\"Our Mission\",\"description\":\"We believe that powerful image editing tools should be simple, fast, and accessible to creators worldwide. Our mission is to democratize AI-powered image editing by providing:\",\"features\":{\"fast\":{\"title\":\"Lightning-fast processing\",\"description\":\"Get professional results in seconds, not hours\"},\"intuitive\":{\"title\":\"Intuitive interface\",\"description\":\"No complex learning curves or te
61chnical barriers\"},\"advanced\":{\"title\":\"Advanced AI models\",\"description\":\"Powered by Nano Banana 2 and Gemini 3.1 Flash Imageâthe world's best AI image generation technology\"},\"flexible\":{\"title\":\"Flexible workflows\",\"description\":\"Support for both text-to-image and image-to-image editing\"}}},\"keyFeatures\":{\"title\":\"Key Features\",\"aiGeneration\":{\"title\":\"AI Image Generation \u0026 Editing\",\"feature1\":\"Transform images with natural language prompts\",\"feature2\":\"Support for multiple aspect ratios and output formats\",\"feature3\":\"High-quality results powered by advanced AI models\"},\"userFriendly\":{\"title\":\"User-Friendly Experience\",\"feature1\":\"Clean, modern interface designed for creators\",\"feature2\":\"Real-time progress tracking with helpful status messages\",\"feature3\":\"Seamless upload and download workflow\"},\"pricing\":{\"title\":\"Flexible Pricing\",\"feature1\":\"Credit-based system for cost-effective usage\",\"feature2\":\"No subscription lock-in - pay only for what you use\",\"feature3\":\"Transparent pricing with no hidden fees\"}},\"technology\":{\"title\":\"Technology Stack\",\"description\":\"TryBanana2 is built on modern, reliable technology:\",\"aiModels\":{\"title\":\"AI Models\",\"description\":\"Google's Nano Banana 2 (Gemini 3.1 Flash Image) for superior 4K image generation and editing\"},\"frontend\":{\"title\":\"Frontend\",\"description\":\"Next.js 15 with React and TypeScript for a responsive user experience\"},\"auth\":{\"title\":\"Authentication\",\"description\":\"Secure sign-in with Google and GitHub integration\"},\"infrastructure\":{\"title\":\"Infrastructure\",\"description\":\"Scalable cloud architecture for reliable performance\"}},\"values\":{\"title\":\"Our Values\",\"innovation\":{\"title\":\"Innovation\",\"description\":\"We continuously integrate the latest AI breakthroughs to provide cutting-edge editing capabilities.\"},\"simplicity\":{\"title\":\"Simplicity\",\"description\":\"Complex technology should feel simple. We focus on intuitive design and seamless user experiences.\"},\"quality\":{\"title\":\"Quality\",\"description\":\"Every feature is crafted with attention to detail to ensure professional-grade results.\"},\"accessibility\":{\"title\":\"Accessibility\",\"description\":\"We believe powerful tools should be available to creators of all skill levels and backgrounds.\"}},\"team\":{\"title\":\"Team\",\"description\":\"TryBanana2 is developed by a passionate team of engineers and designers who believe in the transformative power of AI technology. We're committed to building tools that empower creativity and make advanced image editing accessible to everyone.\"},\"contact\":{\"title\":\"Contact Us\",\"description\":\"Have questions, feedback, or need support? We'd love to hear from you!\",\"email\":{\"label\":\"Email\"}},\"footer\":{\"message\":\"Join thousands of creators who are already using TryBanana2 to bring their creative visions to life. Start editing today and experience the future of AI-powered image creation.\"}},\"contact\":{\"title\":\"Contact TryBanana2\",\"getInTouch\":{\"title\":\"Get in Touch\",\"description\":\"We'd love to hear from you! Whether you have questions about our AI image editing platform, need technical support, or want to share feedback, we're here to help.\"},\"primaryContact\":{\"title\":\"Primary Contact\",\"email\":{\"label\":\"Email\"},\"responseTime\":\"Our team typically responds to inquiries within 24 hours during business days.\"},\"helpWith\":{\"title\":\"What We Can Help With\",\"technical\":{\"title\":\"Technical Support\",\"issue1\":\"Issues with image uploads or processing\",\"issue2\":\"Account access and authentication problems\",\"issue3\":\"Credit system and billing questions\",\"issue4\":\"Feature usage and troubleshooting\"},\"business\":{\"title\":\"Business Inquiries\",\"inquiry1\":\"Partnership opportunities\",\"inquiry2\":\"Custom integration requests\",\"inquiry3\":\"Enterprise solutions\",\"inquiry4\":\"API access and documentation\"},\"feedback\":{\"title\":\"Feedback \u0026 Suggestions\",\"type1\":\"Feature requests and improvements\",\"type2\":\"User experience feedback\",\"type3\":\"Bug reports and issues\",\"type4\":\"General platform suggestions\"}},\"faq\":{\"title\":\"Frequently Asked Questions\",\"description\":\"Before reaching out, you might find answers to common questions:\",\"account\":{\"title\":\"Account \u0026 Authentication\",\"q1\":{\"question\":\"Q: I can't sign in to my account\",\"answer\":\"A: Try clearing your browser cache and cookies, or use an incognito/private window. If the issue persists, contact us with details about your browser and the error message.\"}},\"credits\":{\"title\":\"Credits \u0026 Billing\",\"q1\":{\"question\":\"Q: How do credits work?\",\"answer\":\"A: Credits are consumed based on the AI model and resolution. Nano Banana 2: 4 credits (1K) / 6 credits (2K) / 8 credits (4K). Nano Banana Pro: 3 credits (1K) / 4 credits (2K) / 6 credits (4K). Nano Banana / Nano Banana Edit: 2 credits per image.\"},\"q2\":{\"question\":\"Q: Can I get a refund for unused credits?\",\"answer\":\"A: Please contact us at [email protected] to discu
61ss refund requests on a case-by-case basis.\"}},\"processing\":{\"title\":\"Image Processing\",\"q1\":{\"question\":\"Q: Why is my image taking so long to process?\",\"answer\":\"A: AI image generation typically takes 30-60 seconds. High server demand may occasionally cause longer processing times.\"},\"q2\":{\"question\":\"Q: What image formats are supported?\",\"answer\":\"A: We support common formats including JPG, PNG, and WebP for uploads. Generated images are provided in PNG format.\"}}},\"responseTimes\":{\"title\":\"Response Times\",\"general\":{\"label\":\"General inquiries\",\"time\":\"Within 24 hours\"},\"technical\":{\"label\":\"Technical support\",\"time\":\"Within 12 hours during business days\"},\"urgent\":{\"label\":\"Urgent issues\",\"time\":\"We aim to respond as quickly as possible\"}},\"businessHours\":{\"title\":\"Business Hours\",\"description\":\"Our team is available to respond to emails:\",\"weekdays\":{\"label\":\"Monday - Friday\",\"time\":\"9:00 AM - 6:00 PM (UTC)\"},\"weekends\":{\"label\":\"Weekends\",\"time\":\"Limited availability for urgent matters\"}},\"socialMedia\":{\"title\":\"Social Media\",\"description\":\"Stay updated with the latest features and announcements:\",\"follow\":\"Follow us for product updates and tips\",\"share\":\"Share your creations using #TryBanana2\"},\"feedbackForm\":{\"title\":\"Feedback Form\",\"comingSoon\":\"Coming Soon\",\"description\":\"We're working on an integrated feedback form to make it even easier to share your thoughts and suggestions.\"},\"office\":{\"title\":\"Office Information\",\"description\":\"TryBanana2 operates as a remote-first company, allowing us to focus on building the best AI image editing experience for our users worldwide.\"},\"footer\":{\"thanks\":\"Thank you for choosing TryBanana2!\",\"message\":\"Your feedback and questions help us improve our platform and better serve the creative community.\"}},\"hero\":{\"happyUsers\":{\"caption\":\"from {count}+ happy users\"}}}
61,\"now\":\"$undefined\",\"timeZone\":\"UTC\",\"children\":[\"$\",\"$L2d\",null,{\"children\":[\"$\",\"$L2e\",null,{\"children\":[\"$\",\"$L2f\",null,{\"children\":[\"$\",\"$L14\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L15\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]}]}]\n"])</script>
61<script>self.__next_f.push([1,"e:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n9:null\n12:{\"metadata\":[[\"$\",\"title\",\"0\",{\"children\":\"TryBanana2 - Best AI Image Generator \u0026 Photo Editor | Nano Banana 2\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"AI image generator \u0026 photo editor powered by Nano Banana 2 (Gemini 3.1 Flash Image). Create 4K images, edit photos instantly. Try for free!\"}],[\"$\",\"meta\",\"2\",{\"name\":\"keywords\",\"content\":\"nano banana 2, TryBanana2, ai image generator, ai photo editor, nano banana ai, gemini 3.1 flash image, gemini 3.1 flash, nano banana pro, nano banana, ai image editor\"}],[\"$\",\"link\",\"3\",{\"rel\":\"canonical\",\"href\":\"https://trybanana2.com\"}],[\"$\",\"meta\",\"4\",{\"property\":\"og:title\",\"content\":\"TryBanana2 - Best AI Image Generator \u0026 Photo Editor | Nano Banana 2\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:description\",\"content\":\"AI image generator \u0026 photo editor powered by Nano Banana 2 (Gemini 3.1 Flash Image). Create 4K images, edit photos instantly. Try for free!\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:url\",\"content\":\"https://trybanana2.com\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:site_name\",\"content\":\"TryBanana2\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:locale\",\"content\":\"en\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:image\",\"content\":\"https://trybanana2.com/og-image.webp\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"11\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"12\",{\"name\":\"twitter:site\",\"content\":\"@trybanana2\"}],[\"$\",\"meta\",\"13\",{\"name\":\"twitter:creator\",\"content\":\"@trybanana2\"}],[\"$\",\"meta\",\"14\",{\"name\":\"twitter:title\",\"content\":\"TryBanana2 - Best AI Image Generator \u0026 Photo Editor | Nano Banana 2\"}],[\"$\",\"meta\",\"15\",{\"name\":\"twitter:description\",\"content\":\"AI image generator \u0026 photo editor powered by Nano Banana 2 (Gemini 3.1 Flash Image). Create 4K images, edit photos instantly. Try for free!\"}],[\"$\",\"meta\",\"16\",{\"name\":\"twitter:image\",\"content\":\"https://trybanana2.com/og-image.webp\"}]],\"error\":null,\"digest\":\"$"])</script>
61<script>self.__next_f.push([1,"undefined\"}\nc:{\"metadata\":\"$12:metadata\",\"error\":null,\"digest\":\"$undefined\"}\n"])</script>
61<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"7277d13c5bdf4111a01b08453e44a15c","r":1,"spa":2}' crossorigin="anonymous"></script>
61 62</body></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.