VibeAny

落地页配置

落地页的所有内容都在 src/config/locale/landing.content.ts 中配置，支持多语言。

模块显示控制

每个模块都有 display 字段控制是否显示（Hero 除外，始终显示）：

banner: { display: true, ... },
powerBy: { display: true, ... },
threeBenefits: { display: true, ... },
introduction: { display: true, items: [...] },
features: { display: true, ... },
pricing: { display: true },
horizontalShowcase: { display: true, ... },
userTestimonials: { display: true, ... },
mediaCoverage: { display: true, ... },
faq: { display: true, ... },
cta: { display: true, ... },
header: { display: true, ... },
footer: { display: true, ... },

banner: {
  display: true,
  text: t({
    en: "Open Sourced in 2026: Production-grade AI SaaS template available!",
    zh: "2026 年开源：生产级 AI SaaS 模板现已发布！",
  }),
  button: {
    text: t({ en: "View on GitHub", zh: "在 GitHub 上查看" }),
    href: github,
  },
},

配置项	说明
`display`	是否显示 Banner
`text`	Banner 文本内容
`button.text`	按钮文本
`button.href`	按钮链接

Hero 区域

hero: {
  title: t({
    en: "Vibe Any AI Startups in hours, not days",
    zh: "VibeAny AI 加速想法落地",
  }),
  description: t({
    en: "VibeAny is a TanStack boilerplate...",
    zh: "VibeAny 是一个 TanStack Start 模板...",
  }),
  announcement: {
    show: true,
    text: t({ en: "...", zh: "..." }),
    href: github,
  },
  buttons: {
    start: { text: t({ en: "Get Started", zh: "开始" }), url: "/chat" },
    docs: { text: t({ en: "Learn More", zh: "了解更多" }), url: "/docs" },
  },
  image: {
    enabled: false,
    src: "/landing/hero/home.png",
    width: 2700,
    height: 1440,
  },
},

三大优势

threeBenefits: {
  display: true,
  title: t({ en: "Three Key Benefits", zh: "三大核心优势" }),
  description: t({ en: "Discover why...", zh: "了解为什么..." }),
  items: [
    {
      title: t({ en: "Lightning Fast Startup", zh: "极速启动" }),
      description: t({ en: "...", zh: "..." }),
      icon: "Zap",
    },
    // ...更多项
  ],
},

图标

icon 字段使用 Lucide React 图标名称，如 Zap、Shield、Code 等。

功能介绍

introduction 配置多个带图片的功能介绍区块：

introduction: {
  display: true,
  items: [
    {
      type: "image",
      title: t({ en: "Zero-Config Authentication", zh: "零配置认证系统" }),
      description: t({ en: "...", zh: "..." }),
      image: "/landing/introduction/auth.webp",
      imagePosition: "left", // "left" | "right"
      features: [
        {
          title: t({ en: "One-Click Social Login", zh: "一键社交登录" }),
          description: t({ en: "...", zh: "..." }),
        },
        // ...
      ],
    },
  ],
},

用户评价

userTestimonials: {
  display: true,
  title: t({ en: "What Our Users Say", zh: "用户评价" }),
  testimonials: [
    {
      text: t({ en: "...", zh: "..." }),
      image: "/avatars/user1.avif",
      name: "Sarah Chen",
      role: t({ en: "CTO, TechStart", zh: "TechStart 首席技术官" }),
    },
    // ...
  ],
},

FAQ 常见问题

faq: {
  display: true,
  title: t({ en: "Frequently Asked Questions", zh: "常见问题" }),
  description: t({ en: "...", zh: "..." }),
  items: [
    {
      question: t({ en: "What is VibeAny?", zh: "什么是 VibeAny？" }),
      answer: t({ en: "...", zh: "..." }),
    },
  ],
},

header: {
  display: true,
  items: [
    { label: t({ en: "Documentation", zh: "文档" }), href: "/docs" },
    { label: t({ en: "Chat", zh: "聊天" }), href: "/chat" },
    {
      label: t({ en: "More Features", zh: "更多功能" }),
      children: [
        { label: t({ en: "Blog", zh: "博客" }), href: "/blog" },
        { label: t({ en: "Roadmap", zh: "路线图" }), href: "/roadmap" },
      ],
    },
  ],
},

footer: {
  display: true,
  companyName: "VibeAny",
  scrollToTop: t({ en: "Back to Top", zh: "返回顶部" }),
  sections: [
    {
      title: t({ en: "About", zh: "关于" }),
      links: [
        { label: t({ en: "About Us", zh: "关于我们" }), href: "/about" },
        // ...
      ],
    },
  ],
},

定价配置

定价模块的显示控制在 landing.content.ts 中：

pricing: {
  display: true,
},

定价页内容在 src/config/locale/pricing.content.ts 中配置。

套餐价格和订阅逻辑在 src/config/website-config.ts 中配置，具体配置请参考支付系统章节。

隐私政策与服务条款

法律页面的内容存放在 content/legal/ 目录下，使用 MDX 格式编写：

文件	页面	路由
`content/legal/privacy-policy.mdx`	隐私政策（英文）	`/legal/privacy-policy`
`content/legal/privacy-policy.zh.mdx`	隐私政策（中文）	`/zh/legal/privacy-policy`
`content/legal/terms-of-service.mdx`	服务条款（英文）	`/legal/terms-of-service`
`content/legal/terms-of-service.zh.mdx`	服务条款（中文）	`/zh/legal/terms-of-service`

其他页面配置

文件路径	页面
`src/config/locale/auth.content.ts`	登录/注册页
`src/config/locale/user-dashboard.content.ts`	用户仪表盘
`src/config/locale/admin.content.ts`	管理后台
`src/config/locale/404.content.ts`	404 页面
`src/config/locale/error.content.ts`	错误页面

自定义落地页