From 7c49f6e64357527f91cebfc3a54c585b3bf7621a Mon Sep 17 00:00:00 2001 From: Oleg Proskurin Date: Sun, 30 Nov 2025 23:03:03 +0700 Subject: [PATCH] chore: more forms --- .../src/app/(main)/banatie-landing-v3.html | 652 ++++++++++++++++++ .../lab/GenerateFormPlaceholder.tsx | 151 ++++ .../src/components/layout/lab/LabSidebar.tsx | 71 +- 3 files changed, 873 insertions(+), 1 deletion(-) create mode 100644 apps/landing/src/app/(main)/banatie-landing-v3.html diff --git a/apps/landing/src/app/(main)/banatie-landing-v3.html b/apps/landing/src/app/(main)/banatie-landing-v3.html new file mode 100644 index 0000000..3a61dce --- /dev/null +++ b/apps/landing/src/app/(main)/banatie-landing-v3.html @@ -0,0 +1,652 @@ + + + + + + Banatie - AI Images for Modern Development + + + + + + + + + + +
+
+ +

+ AI Image Generation
+ Inside Your Workflow +

+ + +

+ Generate images via API, SDK, CLI, Lab, or live URLs.
+ Production-ready CDN delivery in seconds. +

+ + +
+ + +
+ +

Free early access. No credit card required.

+ + +
+ + + API-First + + + + Built-in CDN + + + + Web Lab + + + + Style References + + + + Prompt URLs + +
+
+
+ + +
+
+
+
+
+ +
+
+

One request. Production-ready URL.

+

Simple REST API that handles everything

+
+
+ + +
+
# Generate an image
+ curl -X POST https://api.banatie.app/v1/generate \
+ -H "Authorization: Bearer $API_KEY" \
+ -d '{"prompt": "modern office interior, natural light"}' +
+ + +
+
# Response
+ {
+ "url": "https://cdn.banatie.app/img/a7x2k9.png",
+ "enhanced_prompt": "A photorealistic modern office...",
+ "generation_time": 12.4
+ } +
+ +

+ CDN-cached, optimized, ready to use. No download, no upload, no extra steps. +

+
+
+
+ + +
+
+

+ Why developers choose Banatie +

+

+ Stop fighting your image workflow. Start building. +

+ +
+ +
+
+ +
+

Placeholder hell

+

"I'll add images later" never happens

+

+ + Generate real images as you build +

+
+ + +
+
+ +
+

Context switching

+

Leave IDE, generate elsewhere, come back

+

+ + Stay in your workflow. API, SDK, MCP +

+
+ + +
+
+ +
+

Asset management

+

Download, optimize, upload, get URL

+

+ + Production CDN URLs instantly +

+
+ + +
+
+ +
+

Style drift

+

Every image looks different

+

+ + Reference images keep style consistent +

+
+
+
+
+ + +
+
+
+
+
+ +
+
+ Unique +

Prompt URLs — Images via HTML

+

Put a prompt in your img src and get a real image. No API calls. No JavaScript. Just HTML.

+
+
+ + +
+ <!-- Write this -->
+ <img src="https://cdn.banatie.app/gen?p=modern office interior" />

+ <!-- Get this: production-ready image, cached, CDN-delivered --> +
+ +

Perfect for static sites, prototypes, and AI coding agents that generate HTML.

+
+
+
+ + +
+
+

+ Your prompt. Your control. Production-ready. +

+

+ We handle the complexity so you can focus on building. +

+ +
+ +
+ +
+
1
+

Your Prompt

+

"a cat on windowsill"

+
+ + +
+
2
+

Smart Enhancement

+

Style + details added

+
+ + +
+
3
+

AI Generation

+

Gemini creates image

+
+ + +
+
4
+

CDN Delivery

+

Instant global URL

+
+
+ + +
+

+ + What you control +

+
+
+ + Style templates — photorealistic, illustration, minimalist, and more +
+
+ + Reference images — @aliases maintain visual consistency +
+
+ + Output specs — aspect ratio, dimensions, format +
+
+
+ + +

+ + Enhanced prompts are visible in API response. You always see what was generated. +

+
+
+
+ + +
+
+

+ Built for real development workflows +

+

+ Everything you need to integrate AI images into your projects. +

+ +
+ +
+
+ +
+

Reference Images

+

+ Use @aliases to maintain style consistency across your project. Reference up to 3 images per generation. +

+
+ + +
+
+ +
+

Flows

+

+ Chain generations, iterate on results, build image sequences with @last and @first references. +

+
+ + +
+
+ +
+

7 Style Templates

+

+ Same prompt, different styles. Photorealistic, illustration, minimalist, product, comic, sticker, and more. +

+
+ + +
+
+ +
+

Instant CDN Delivery

+

+ Every image gets production-ready URL. No upload, no optimization, no hosting setup needed. +

+
+ + +
+
+ +
+

Output Control

+

+ Control aspect ratio, dimensions, and format. From square thumbnails to ultra-wide banners. +

+
+ + +
+
+ +
+
+

Prompt URLs

+ Unique +
+

+ Generate images via URL parameters. Put prompt in img src, get real image. Built-in caching. +

+
+
+
+
+ + +
+
+

+ Works with your tools +

+

+ Use what fits your workflow. All methods, same capabilities. +

+ +
+
+ + REST API +
+
+ + TypeScript SDK +
+
+ + MCP Server +
+
+ + CLI +
+
+ + Banatie Lab +
+
+ + Prompt URLs +
+
+ + +
+

+ Banatie Lab — Official web interface for Banatie API. Generate images, build flows, browse your gallery, and explore all capabilities with ready-to-use code snippets. +

+
+ +

+ Perfect for Claude Code, Cursor, and any AI-powered workflow. +

+
+
+ + +
+
+
+
+ +

Powered by Google Gemini

+
+ + +

+ Currently using Gemini 2.5 Flash Image (Nano Banana) — Google's fastest natively multimodal image model. +

+ + +
+
+ +
+ Native multimodal +

Text and image understanding in one model

+
+
+
+ +
+ High-fidelity text rendering +

Legible text in images for logos and diagrams

+
+
+
+ +
+ Conversational editing +

Refine images through natural language

+
+
+
+ +
+ Optimized for speed +

Fast generation without quality compromise

+
+
+
+ + +

+ More models coming — including Gemini 3 Pro Image (Nano Banana Pro) for advanced use cases. +

+
+
+
+ + +
+
+
+
+ +

Shape the future of Banatie

+
+

+ We're building this for developers like you. Early adopters get direct influence on our roadmap — suggest features, vote on priorities, and help us build exactly what you need. +

+
+
+ + Direct feedback channel +
+
+ + Feature voting +
+
+ + Early adopter community +
+
+
+
+
+ + +
+
+
+

+ Be first to try it +

+

+ Join developers waiting for early access. We'll notify you when your spot is ready. +

+ +
+ + +
+
+
+
+ + + + + + + + diff --git a/apps/landing/src/components/lab/GenerateFormPlaceholder.tsx b/apps/landing/src/components/lab/GenerateFormPlaceholder.tsx index 2457c81..d14e550 100644 --- a/apps/landing/src/components/lab/GenerateFormPlaceholder.tsx +++ b/apps/landing/src/components/lab/GenerateFormPlaceholder.tsx @@ -25,6 +25,10 @@ import { ImageOff, Trash2, Sparkles, + Wand2, + Palette, + Image, + Layers, } from 'lucide-react'; export const GenerateFormPlaceholder = () => { @@ -223,6 +227,153 @@ export const GenerateFormPlaceholder = () => { )} + + {/* Additional Form Sections for Scroll Testing */} +
+
+ +

Style Refinement

+
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+ +
+
+ +

Color Controls

+
+
+
+ + +
+
+ + +
+
+ + +
+
+
+ +
+
+ +

Reference Images

+
+
+ {[1, 2, 3, 4].map((i) => ( +
+ Drop image +
+ ))} +
+

Upload up to 4 reference images to guide the generation

+
+ +
+
+ +

Advanced Parameters

+
+
+
+ + +
+
+ + +
+
+ + +
+
+
+ +