feat: add author avatar

This commit is contained in:
Oleg Proskurin 2026-01-20 10:14:29 +07:00
parent 5e70345be2
commit f44491da71
3 changed files with 51 additions and 51 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 213 KiB

View File

@ -49,11 +49,11 @@ export const tocItems: TocItem[] = [
{ id: 'api-first-platforms', text: 'API-First Platforms', level: 2 },
{ id: 'replicate', text: 'Replicate', level: 3 },
{ id: 'fal-ai', text: 'fal.ai', level: 3 },
{ id: 'banatie', text: 'Banatie', level: 3 },
{ id: 'runware', text: 'Runware', level: 3 },
{ id: 'segmind', text: 'Segmind', level: 3 },
{ id: 'novita-ai', text: 'Novita AI', level: 3 },
{ id: 'together-ai', text: 'Together AI', level: 3 },
{ id: 'banatie', text: 'Banatie', level: 3 },
{ id: 'aggregators', text: 'Aggregators', level: 2 },
{ id: 'poe', text: 'Poe', level: 3 },
{ id: 'krea-ai', text: 'Krea.ai', level: 3 },
@ -906,6 +906,55 @@ export const Content = () => (
. Style transfer, img2img.
</p>
{/* Banatie */}
<BlogHeading id="banatie" level={3}>
Banatie
</BlogHeading>
<BlogServiceLink href="https://banatie.app">banatie.app</BlogServiceLink>
<BlogImage src={banatieHomepage} alt="Banatie homepage" />
<FeatureTags tags={['API', 'Live URLs', 'CDN', 'Image Hosting']} />
<p className="text-gray-700 leading-relaxed mb-4">
Developer-native image generation built for AI coding workflows.
</p>
<p className="text-gray-700 leading-relaxed mb-4">
The problem Banatie solves: generating images means leaving your IDE,
switching to an external tool, downloading files, organizing them
manually. This context-switching breaks flow, especially when you&apos;re
deep in a Claude Code or Cursor session.
</p>
<p className="text-gray-700 leading-relaxed mb-4">
Banatie integrates directly into your development environment. MCP Server
connects to Claude Code, Cursor, and other MCP-compatible tools generate
images without leaving your editor. REST API for standard HTTP access.
Prompt URLs let you generate images via URL parameters for on-demand
generation. SDK and CLI tools handle automation in build pipelines.
</p>
<p className="text-gray-700 leading-relaxed mb-4">
The platform enhances your prompts automatically, delivers images through
a built-in CDN globally, and organizes everything by project. Use @name
references to maintain visual consistency across project images
reference a character or style once, use it everywhere.
</p>
<p className="text-gray-700 leading-relaxed mb-4">
Where other API platforms focus on model variety (Replicate), speed
(fal.ai), or cost (Runware), Banatie focuses on workflow. MCP integration,
built-in CDN, and Prompt URLs are unique to this platform.
</p>
<p className="text-gray-700 leading-relaxed mb-4">
<strong>Best for:</strong> Developers using AI coding tools who want image
generation without leaving their editor.
</p>
<p className="text-gray-700 leading-relaxed mb-4">
<strong>API:</strong>{' '}
<a
href="https://api.banatie.app"
className="text-blue-600 hover:underline"
>
REST API
</a>
. Live URLs. CDN hosting (permanent URLs).
</p>
{/* Runware */}
<BlogHeading id="runware" level={3}>
Runware
@ -1149,55 +1198,6 @@ export const Content = () => (
. CLI. CDN hosting.
</p>
{/* Banatie */}
<BlogHeading id="banatie" level={3}>
Banatie
</BlogHeading>
<BlogServiceLink href="https://banatie.app">banatie.app</BlogServiceLink>
<BlogImage src={banatieHomepage} alt="Banatie homepage" />
<FeatureTags tags={['API', 'Live URLs', 'CDN', 'Image Hosting']} />
<p className="text-gray-700 leading-relaxed mb-4">
Developer-native image generation built for AI coding workflows.
</p>
<p className="text-gray-700 leading-relaxed mb-4">
The problem Banatie solves: generating images means leaving your IDE,
switching to an external tool, downloading files, organizing them
manually. This context-switching breaks flow, especially when you&apos;re
deep in a Claude Code or Cursor session.
</p>
<p className="text-gray-700 leading-relaxed mb-4">
Banatie integrates directly into your development environment. MCP Server
connects to Claude Code, Cursor, and other MCP-compatible tools generate
images without leaving your editor. REST API for standard HTTP access.
Prompt URLs let you generate images via URL parameters for on-demand
generation. SDK and CLI tools handle automation in build pipelines.
</p>
<p className="text-gray-700 leading-relaxed mb-4">
The platform enhances your prompts automatically, delivers images through
a built-in CDN globally, and organizes everything by project. Use @name
references to maintain visual consistency across project images
reference a character or style once, use it everywhere.
</p>
<p className="text-gray-700 leading-relaxed mb-4">
Where other API platforms focus on model variety (Replicate), speed
(fal.ai), or cost (Runware), Banatie focuses on workflow. MCP integration,
built-in CDN, and Prompt URLs are unique to this platform.
</p>
<p className="text-gray-700 leading-relaxed mb-4">
<strong>Best for:</strong> Developers using AI coding tools who want image
generation without leaving their editor.
</p>
<p className="text-gray-700 leading-relaxed mb-4">
<strong>API:</strong>{' '}
<a
href="https://api.banatie.app"
className="text-blue-600 hover:underline"
>
REST API
</a>
. Live URLs. CDN hosting (permanent URLs).
</p>
{/* Aggregators */}
<BlogHeading id="aggregators" level={2}>
Aggregators

View File

@ -11,7 +11,7 @@ export const blogPosts: BlogPost[] = [
date: '2026-01-18',
author: {
name: 'Banatie Team',
avatar: '/blog/authors/default.jpg',
avatar: '/blog/authors/banatie-team.png',
},
readTime: '25 min',
relatedArticles: ['api-integration-tips', 'placeholder-images-guide'],