feat: landing page SEO improve

Author: monkeyWie

docs/messages/en.json

@@ -3,7 +3,8 @@
     "name": "English"
   },
   "metadata": {
-    "description": "Open-source tool focused on AI image generation. Transform your creative ideas into stunning visuals through natural conversation with advanced AI models."
+    "description": "Open-source AI image generation tool featuring Nano Banana, Flux Kontext, and GPT-4o models. Transform your creative ideas into stunning visuals through natural conversation with advanced AI models.",
+    "keywords": "AI image generation, Nano Banana, Flux Kontext, GPT-4o, AI art, image creation, artificial intelligence, creative AI, text to image, AI models"
   },
   "nav": {
     "features": "Features",
@@ -14,7 +15,7 @@
   },
   "hero": {
     "title": "Chat Your Way to Amazing Images",
-    "subtitle": "Simply describe what you want to see, and watch as Typix transforms your words into stunning AI-generated images through natural conversation.",
+    "subtitle": "Powered by Nano Banana, Flux Kontext, and GPT-4o models. Simply describe what you want to see, and watch as Typix transforms your words into stunning AI-generated images.",
     "primaryBtn": "TRY NOW",
     "stats": {
       "images": "Images Created",
@@ -74,6 +75,10 @@
       "formats": {
         "title": "Multiple Formats",
         "description": "Export in various formats including PNG, JPG, SVG, and more."
+      },
+      "nanoBanana": {
+        "title": "Nano Banana Model",
+        "description": "Powered by the innovative Nano Banana AI model for creative and efficient image generation."
       }
     }
   },
@@ -87,7 +92,8 @@
       "artistic": "Artistic",
       "abstract": "Abstract",
       "anime": "Anime",
-      "digital": "Digital Art"
+      "digital": "Digital Art",
+      "nanoBanana": "Nano Banana"
     }
   },
   "preview": {
@@ -98,6 +104,39 @@
     "title": "Why Choose Typix?",
     "subtitle": "Built with privacy, performance, and cost-efficiency in mind"
   },
+  "models": {
+    "title": "Featured AI Models",
+    "subtitle": "Experience the power of cutting-edge AI models for superior image generation",
+    "items": {
+      "nanoBanana": {
+        "name": "Nano Banana",
+        "description": "Lightweight yet powerful model for quick, high-quality image generation with exceptional creativity.",
+        "features": [
+          "Fast Generation",
+          "Creative Output",
+          "Versatile Styles"
+        ]
+      },
+      "fluxKontext": {
+        "name": "Flux Kontext",
+        "description": "Advanced contextual understanding model that creates images with superior narrative coherence.",
+        "features": [
+          "Context Aware",
+          "Narrative Flow",
+          "Scene Composition"
+        ]
+      },
+      "gpt4o": {
+        "name": "GPT-4o",
+        "description": "Multi-modal powerhouse combining text understanding with visual generation capabilities.",
+        "features": [
+          "Multi-modal",
+          "High Quality",
+          "Intelligent Design"
+        ]
+      }
+    }
+  },
   "providers": {
     "title": "Powered by Leading AI Models",
     "subtitle": "Integrated with the most advanced AI models and services for the best image generation experience",

docs/messages/zh.json

@@ -3,7 +3,8 @@
     "name": "中文"
   },
   "metadata": {
-    "description": "专注AI图像生成的开源工具，通过自然对话与先进AI模型交互，轻松将创意想法转化为精美视觉作品。"
+    "description": "专注AI图像生成的开源工具，集成Nano Banana、Flux Kontext、GPT-4o等先进模型。通过自然对话与AI交互，轻松将创意想法转化为精美视觉作品。",
+    "keywords": "AI图像生成, Nano Banana, Flux Kontext, GPT-4o, AI艺术, 图像创作, 人工智能, 创意AI, 文本转图像, AI模型"
   },
   "nav": {
     "features": "功能特色",
@@ -14,7 +15,7 @@
   },
   "hero": {
     "title": "通过聊天创造精美图像",
-    "subtitle": "只需描述您想要看到的内容，观看 Typix 如何通过自然对话将您的文字转化为令人惊叹的 AI 生成图像。",
+    "subtitle": "基于Nano Banana、Flux Kontext、GPT-4o等模型驱动。只需描述您想要看到的内容，观看Typix如何将您的文字转化为令人惊叹的AI生成图像。",
     "primaryBtn": "开始使用",
     "stats": {
       "images": "创建图像",
@@ -74,6 +75,10 @@
       "formats": {
         "title": "多种格式",
         "description": "支持导出 PNG、JPG、SVG 等多种格式。"
+      },
+      "nanoBanana": {
+        "title": "Nano Banana 模型",
+        "description": "由创新的 Nano Banana AI 模型驱动，实现创意高效的图像生成。"
       }
     }
   },
@@ -87,7 +92,8 @@
       "artistic": "艺术风格",
       "abstract": "抽象风格",
       "anime": "动漫风格",
-      "digital": "数字艺术"
+      "digital": "数字艺术",
+      "nanoBanana": "Nano Banana"
     }
   },
   "preview": {
@@ -98,6 +104,39 @@
     "title": "为什么选择 Typix？",
     "subtitle": "专注隐私保护、性能优化和成本效益"
   },
+  "models": {
+    "title": "精选AI模型",
+    "subtitle": "体验前沿AI模型的强大能力，获得卓越的图像生成效果",
+    "items": {
+      "nanoBanana": {
+        "name": "Nano Banana",
+        "description": "轻量级高性能模型，快速生成高质量图像，创意表现卓越。",
+        "features": [
+          "快速生成",
+          "创意输出",
+          "多样风格"
+        ]
+      },
+      "fluxKontext": {
+        "name": "Flux Kontext",
+        "description": "先进的上下文理解模型，创造具有卓越叙事连贯性的图像。",
+        "features": [
+          "上下文感知",
+          "叙事流畅",
+          "场景构图"
+        ]
+      },
+      "gpt4o": {
+        "name": "GPT-4o",
+        "description": "多模态强力模型，结合文本理解与视觉生成的综合能力。",
+        "features": [
+          "多模态",
+          "高质量",
+          "智能设计"
+        ]
+      }
+    }
+  },
   "providers": {
     "title": "领先AI模型驱动",
     "subtitle": "集成最先进的AI模型和服务，为您提供最佳的图像生成体验",

docs/public/manifest.json

@@ -0,0 +1,44 @@
+{
+  "name": "Typix AI - AI Image Generation",
+  "short_name": "Typix AI",
+  "description": "AI image generation tool featuring Nano Banana, Flux Kontext, and GPT-4o models",
+  "start_url": "/",
+  "display": "standalone",
+  "background_color": "#000000",
+  "theme_color": "#000000",
+  "orientation": "portrait-primary",
+  "icons": [
+    {
+      "src": "/logo.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "any maskable"
+    },
+    {
+      "src": "/logo.svg",
+      "sizes": "any",
+      "type": "image/svg+xml"
+    }
+  ],
+  "categories": [
+    "productivity",
+    "graphics",
+    "photo"
+  ],
+  "lang": "en",
+  "dir": "ltr",
+  "screenshots": [
+    {
+      "src": "/screenshots/desktop.jpg",
+      "sizes": "1280x720",
+      "type": "image/jpeg",
+      "form_factor": "wide"
+    },
+    {
+      "src": "/screenshots/mobile.jpg",
+      "sizes": "640x1136",
+      "type": "image/jpeg",
+      "form_factor": "narrow"
+    }
+  ]
+}

docs/src/app/[locale]/layout.tsx

@@ -1,3 +1,4 @@
+import { SEOSchema } from "@/components/seo-schema";
 import { ThemeProvider } from "@/components/theme-provider";
 import { locales } from "@/i18n";
 import type { Metadata } from "next";
@@ -18,9 +19,76 @@ export async function generateMetadata({
 	const metadata = await getTranslations({ locale, namespace: "metadata" });
 	const nav = await getTranslations({ locale, namespace: "nav" });
 
+	const title = `Typix - ${nav("slogan")}`;
+	const description = metadata("description");
+	const keywords = metadata("keywords");
+	const siteUrl = "https://typix.art";
+
 	return {
-		title: `Typix - ${nav("slogan")}`,
-		description: metadata("description"),
+		title,
+		description,
+		keywords,
+		authors: [{ name: "Typix AI" }],
+		creator: "Typix AI",
+		publisher: "Typix AI",
+		formatDetection: {
+			email: false,
+			address: false,
+			telephone: false,
+		},
+		metadataBase: new URL(siteUrl),
+		alternates: {
+			canonical: "/",
+			languages: {
+				"en-US": "/en",
+				"zh-CN": "/zh",
+			},
+		},
+		openGraph: {
+			type: "website",
+			locale,
+			title,
+			description,
+			siteName: "Typix AI",
+			url: siteUrl,
+			images: [
+				{
+					url: "/og-image.jpg",
+					width: 1200,
+					height: 630,
+					alt: title,
+				},
+			],
+		},
+		twitter: {
+			card: "summary_large_image",
+			title,
+			description,
+			creator: "@TypixAI",
+			images: ["/og-image.jpg"],
+		},
+		robots: {
+			index: true,
+			follow: true,
+			googleBot: {
+				index: true,
+				follow: true,
+				"max-video-preview": -1,
+				"max-image-preview": "large",
+				"max-snippet": -1,
+			},
+		},
+		verification: {
+			google: "your-google-verification-code",
+		},
+		other: {
+			"msapplication-TileColor": "#000000",
+			"theme-color": "#000000",
+			"apple-mobile-web-app-capable": "yes",
+			"apple-mobile-web-app-status-bar-style": "default",
+			"apple-mobile-web-app-title": title,
+		},
+		manifest: "/manifest.json",
 	};
 }
 
@@ -42,6 +110,7 @@ export default async function LocaleLayout({
 	return (
 		<NextIntlClientProvider messages={messages}>
 			<ThemeProvider defaultTheme="system" storageKey="theme">
+				<SEOSchema />
 				{children}
 			</ThemeProvider>
 		</NextIntlClientProvider>

docs/src/app/robots.txt/route.ts

@@ -0,0 +1,28 @@
+// 静态导出配置
+export const dynamic = "force-static";
+export const revalidate = 86400; // 24小时重新验证
+
+export async function GET() {
+	const baseUrl = "https://typix.art";
+
+	const robotsTxt = `User-agent: *
+Allow: /
+
+# Sitemaps
+Sitemap: ${baseUrl}/sitemap.xml
+
+# Crawl-delay
+Crawl-delay: 1
+
+# Disallow specific paths
+Disallow: /api/
+Disallow: /_next/
+Disallow: /admin/`;
+
+	return new Response(robotsTxt, {
+		headers: {
+			"Content-Type": "text/plain",
+			"Cache-Control": "public, max-age=86400, s-maxage=86400",
+		},
+	});
+}

docs/src/app/sitemap.xml/route.ts

@@ -0,0 +1,39 @@
+import { locales } from "@/i18n";
+
+// 静态导出配置
+export const dynamic = "force-static";
+export const revalidate = 3600; // 1小时重新验证
+
+export async function GET() {
+	const baseUrl = "https://typix.art";
+
+	const sitemap = `<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml">
+  ${locales
+		.map((locale) => {
+			const localeUrl = locale === "en" ? baseUrl : `${baseUrl}/${locale}`;
+			const alternates = locales
+				.map((l) => {
+					const altUrl = l === "en" ? baseUrl : `${baseUrl}/${l}`;
+					return `<xhtml:link rel="alternate" hreflang="${l}" href="${altUrl}" />`;
+				})
+				.join("\n    ");
+
+			return `<url>
+    <loc>${localeUrl}</loc>
+    <lastmod>${new Date().toISOString()}</lastmod>
+    <changefreq>weekly</changefreq>
+    <priority>1.0</priority>
+    ${alternates}
+  </url>`;
+		})
+		.join("\n  ")}
+</urlset>`;
+
+	return new Response(sitemap, {
+		headers: {
+			"Content-Type": "application/xml",
+			"Cache-Control": "public, max-age=3600, s-maxage=3600",
+		},
+	});
+}