add navi

messages/en.json

@@ -333,6 +333,10 @@
             "title": "AI Image",
             "description": "Show how to use AI to generate beautiful images"
           },
+          "images": {
+            "title": "AI Images",
+            "description": "use AI to generate beautiful images"
+          },
           "chat": {
             "title": "AI Chat",
             "description": "Show how to use AI to chat with your customers"

messages/zh.json

@@ -333,6 +333,10 @@
             "title": "AI 图像",
             "description": "展示如何使用 AI 生成精美图像"
           },
+          "images": {
+            "title": "AI 图像生成",
+            "description": "使用 AI 生成精美图像"
+          },
           "chat": {
             "title": "AI 聊天",
             "description": "展示如何使用 AI 与客户聊天"

src/app/[locale]/(marketing)/ai/images/page.tsx

@@ -25,7 +25,7 @@ export async function generateMetadata({
   });
 }
 
-export default async function AIImagePage() {
+export default async function AIImagesPage() {
   const t = await getTranslations('AIImagesPage');
 
   return (

src/config/navbar-config.tsx

@@ -103,6 +103,13 @@ export function useNavbarLinks(): NestedMenuItem[] {
           href: Routes.AIChat,
           external: false,
         },
+        {
+          title: t('ai.items.images.title'),
+          description: t('ai.items.images.description'),
+          icon: <ImageIcon className="size-4 shrink-0" />,
+          href: Routes.AIImages,
+          external: false,
+        }
         // {
         //   title: t('ai.items.video.title'),
         //   description: t('ai.items.video.description'),

src/routes.ts

@@ -40,6 +40,7 @@ export enum Routes {
   // AI routes
   AIText = '/ai/text',
   AIImage = '/ai/image',
+  AIImages = '/ai/images',
   AIChat = '/ai/chat',
   AIVideo = '/ai/video',
   AIAudio = '/ai/audio',