feat: add author avatar

apps/landing/src/app/(landings)/blog/_posts/midjourney-alternatives/index.tsx

@@ -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

apps/landing/src/app/(landings)/blog/blog-posts.ts

@@ -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'],