2 Коммиты 30a8d3c7c2 ... ecd7fa1fad

Автор SHA1 Сообщение Дата
  liuqiwen ecd7fa1fad Merge remote-tracking branch 'origin/dev-ui' into dev-ui 1 неделя назад
  liuqiwen feddfde725 首页样式优化及中英文翻译 1 неделя назад

Разница между файлами не показана из-за своего большого размера
+ 1063 - 182
src/locales/en.js


+ 885 - 6
src/locales/zh-CN.js

@@ -173,7 +173,6 @@ export default {
 
 
 
-
     courseDetail: '课程详情',
     myLearning: '我的学习',
     myLearningCourseDetail: '我的学习课程详情'
@@ -485,10 +484,890 @@ export default {
     pleaseInputAmount:'请输入金额',
     pleaseUploadVoucher:'请上传转账凭证',
   },
-  agreement:{
-    service_agreement:'AI学习论坛服务协议',
-    Intellectual_agreement:'AI学习论坛知识产权保护协议',
-    privacy_policy:'隐私政策',
+  agreement: {
+    service_agreement: 'AI学习论坛服务协议',
+    Intellectual_agreement: 'AI学习论坛知识产权保护协议',
+    privacy_policy: '隐私政策',
+  },
+  "home": {
+    "hero": {
+      "badge": "全球 50,000+ 用户正在使用 · 四大顶级引擎强力支持",
+      "title1": "汇聚四大引擎",
+      "title2": "构建最强工作流体系"
+    },
+    "nodes": {
+      "n8n": {
+        "subtitle": "全球生态最强",
+        "stats": "1,200+ 工作流",
+        "tag1": "始发免费",
+        "tag2": "8K+ 节点"
+      },
+      "coze": {
+        "subtitle": "国内生态第一",
+        "stats": "2,000+ 工作流",
+        "tag1": "字节出品"
+      },
+      "dify": {
+        "subtitle": "AI 集成最强",
+        "stats": "2,400+ 工作流",
+        "tag1": "LLM 专属",
+        "tag2": "50+ 模型"
+      },
+      "fastgpt": {
+        "subtitle": "专业知识库",
+        "stats": "1,000+ 工作流",
+        "tag1": "企业首选",
+        "tag2": "知识库"
+      }
+    },
+    "carousel": {
+      "navigation": "轮播图导航",
+      "prev": "上一张",
+      "next": "下一张",
+      "slideChange": "切换到第{index}张幻灯片",
+      "slide1": {
+        "title": "AI Agent 智能工作流",
+        "desc": "NocoDB 数据读取 → 条件判断 → AI Agent 处理,集成 Google Gemini 与 Structured Output"
+      },
+      "slide2": {
+        "title": "深度研究 Agent 工作流",
+        "desc": "意图分析 → 循环推理 → URL 提取,集成 gpt-4o 与 grok-3-beta 多模型协同"
+      },
+      "slide3": {
+        "title": "多模态内容处理工作流",
+        "desc": "图片/音频识别 → 大模型分析 → 语音转写,支持多种输入格式并行处理"
+      },
+      "slide4": {
+        "title": "企业知识库问答工作流",
+        "desc": "问题分类 → 数据集检索 → 应用调用,支持 Sealos、FastGPT 多知识库路由"
+      }
+    },
+    "search": {
+      "placeholder": "搜索工作流,例如:内容创作、数据分析、客服机器人...",
+      "ariaLabel": "搜索工作流",
+      "all": "全部",
+      "hot": "热门",
+      "tags": {
+        "aiContent": "AI 内容矩阵",
+        "customerService": "智能客服",
+        "dataReport": "数据报告",
+        "fgmService": "FGM 客服",
+        "emailMarketing": "邮件营销",
+        "socialMedia": "社媒运营"
+      }
+    },
+    "cta": {
+      "create": "免费创建工作流",
+      "browse": "浏览工作流市场"
+    },
+    "trust": {
+      "users": "50,000+ 用户好评"
+    },
+    "features": {
+      "noCode": "无需代码",
+      "freeStart": "免费开始",
+      "alwaysOn": "7×24 运行"
+    },
+    "stickyCta": {
+      "text": "暴米AI — 构建你的 AI 工作流",
+      "button": "免费开始"
+    }
+  },
+  "about": {
+    "platformIntroduction": "平台介绍",
+    "platformControl": "一个平台,驾驭",
+    "allAIEngines": "所有 AI 引擎",
+    "platformDescription": "暴米AI 深度整合四大顶级平台,让你在一个地方完成所有 AI 工作流的搭建、管理与优化",
+    "openSourceAutomation": "开源自动化",
+    "aiBotPlatform": "AI Bot 平台",
+    "todayExecution": "今日执行 15,750 次 · 成功率 99.8%",
+    "unifiedManagement": "n8n · Coze · Dify · FastGPT 统一管理",
+    "experiencePlatform": "立即体验平台",
+    "viewCases": "查看案例",
+    "features": {
+      "visualWorkflow": {
+        "title": "可视化工作流编排",
+        "desc": "拖拽式节点连接,无需编程基础,5分钟搭建你的第一个AI自动化工作流。",
+        "badgeText": "零代码",
+        "tags": ["拖拽操作", "400+ 节点", "实时预览"]
+      },
+      "oneClickDeployment": {
+        "title": "一键多端部署",
+        "desc": "工作流构建完成后,一键部署到微信、飞书、钉钉等平台,7×24h 自动运行。",
+        "badgeText": "多端",
+        "tags": ["微信", "飞书", "钉钉", "Slack", "API"]
+      },
+      "unifiedEngine": {
+        "title": "四大引擎统一调度",
+        "desc": "n8n、Coze、Dify、FastGPT 在一个平台统一管理,AI 智能推荐最优引擎。",
+        "badgeText": "智能",
+        "tags": ["n8n", "Coze", "Dify", "FastGPT"]
+      },
+      "realTimeMonitoring": {
+        "title": "实时监控与告警",
+        "desc": "99.9% 在线率保障,毫秒级响应监控,异常自动告警,执行日志全记录。",
+        "badgeText": "99.9%",
+        "tags": ["实时监控", "自动告警", "执行日志"]
+      }
+    }
+  },
+  "stats": {
+    "workflowTemplates": "工作流模板",
+    "workflowTemplatesSubtitle": "覆盖内容创作、数据分析等 20+ 场景",
+    "activeUsers": "活跃用户",
+    "activeUsersSubtitle": "来自全球 30+ 国家和地区的创作者",
+    "aiEngines": "顶级 AI 引擎",
+    "aiEnginesSubtitle": "n8n / Coze / Dify / FastGPT 全覆盖",
+    "badge": "实时数据",
+  "title": "数据流转,",
+  "subtitle": "毫秒可见",
+  "description": "每一次工作流执行,都在为你创造价值",
+  "systemStatus": {
+    "title": "系统运行状态",
+    "normal": "正常"
+  },
+  "flowPath": {
+    "title": "典型工作流执行路径",
+    "running": "实时运行中",
+    "totalTime": "总执行耗时",
+    "completed": "完成"
+  },
+  "cards": {
+    "globalUsers": {
+      "label": "全球用户",
+      "sub": "来自 120+ 国家和地区"
+    },
+    "workflowExecutions": {
+      "label": "工作流执行",
+      "sub": "累计自动化执行次数"
+    },
+    "timeSaved": {
+      "label": "节省工时",
+      "sub": "用户累计节省的人工时间"
+    },
+    "workflowTemplates": {
+      "label": "工作流模板",
+      "sub": "社区贡献的精选模板"
+    }
+  },
+  "systemMetrics": {
+    "uptime": "在线率",
+    "peakTraffic": "流量峰值",
+    "avgResponseTime": "平均响应时间",
+    "todayExecutions": "今日执行次数"
+  },
+  "flowSteps": {
+    "dataInput": "数据输入",
+    "condition": "条件判断",
+    "aiProcessing": "AI 处理",
+    "dataAnalysis": "数据分析",
+    "multiOutput": "多端输出"
   }
-
+  },
+  "platforms": {
+    "n8n": {
+      "desc": "开源工作流自动化工具,支持 400+ 集成,灵活强大,适合技术团队构建复杂自动化流程。",
+      "tags": ["开源", "400+ 集成", "可视化编排"],
+      "highlights": [
+        "400+ 集成节点,覆盖主流 SaaS",
+        "可视化编排,拖拽即用",
+        "开源自部署,数据完全可控"
+      ]
+    },
+    "coze": {
+      "desc": "字节跳动出品的 AI Bot 开发平台,内置丰富插件和知识库,快速构建智能对话工作流。",
+      "highlights": [
+        "丰富插件市场,一键接入能力",
+        "内置知识库,支持多格式文档",
+        "国内生态完善,合规无忧"
+      ]
+    },
+    "dify": {
+      "desc": "专为 LLM 应用开发设计的平台,支持 RAG、Agent 等高级特性,开发者友好。",
+      "highlights": [
+        "RAG 深度集成,知识检索精准",
+        "Agent 编排,复杂任务自动拆解",
+        "多模型切换,灵活适配场景"
+      ]
+    },
+    "fastgpt": {
+      "desc": "基于 GPT 的知识库问答系统,支持私有化部署,专注企业级知识管理和智能问答。",
+      "tags": ["知识问答", "私有化", "企业级"],
+      "highlights": [
+        "知识库专精,问答准确率 95%+",
+        "私有化部署,数据安全可控",
+        "企业级权限管理,多租户支持"
+      ]
+    },
+    "badge": "集成平台",
+    "title": "四大引擎,",
+    "subtitle": "一站掌控",
+    "description": "深度整合四大顶级 AI 工作流平台,统一学习、统一管理、统一部署",
+    "sections": {
+      "useCases": "适用场景",
+      "advantages": "核心优势",
+      "comparison": "功能对比"
+    },
+    "cta": {
+      "experience": "立即体验",
+      "details": "查看详情",
+      "learn": "开始学习"
+    },
+    "engines": {
+      "n8n": {
+        "tag": "自动化",
+        "subtitle": "工作流自动化平台",
+        "desc": "n8n 是强大的开源工作流自动化平台,拥有 400+ 内置节点,支持自托管,适合技术团队构建复杂的企业级自动化流程。",
+        "useCases": ["企业自动化", "数据管道", "API 集成"],
+        "metrics": [
+          { "label": "集成节点" },
+          { "value": "开源", "label": "可自托管" },
+          { "label": "在线率" }
+        ],
+        "pros": ["可视化拖拽,无需编程", "400+ 内置集成节点", "支持私有化部署", "强大的条件逻辑处理"]
+      },
+      "coze": {
+        "tag": "Bot平台",
+        "subtitle": "AI Bot 构建平台",
+        "desc": "Coze 是字节跳动推出的 AI Bot 开发平台,零代码快速构建多模态 AI 助手,支持接入飞书、微信等主流渠道。",
+        "useCases": ["AI 客服", "智能助手", "多渠道Bot"],
+        "metrics": [
+          { "value": "零代码", "label": "快速搭建" },
+          { "value": "多模态", "label": "能力支持" }
+        ],
+        "pros": ["零代码快速构建Bot", "支持多模态交互", "丰富的插件生态", "一键部署到多渠道"]
+      },
+      "dify": {
+        "tag": "LLM应用",
+        "subtitle": "LLM 应用开发平台",
+        "desc": "Dify 是专业的 LLM 应用开发平台,支持 RAG 知识库、Agent 编排和 Prompt 工程,适合构建复杂的 AI 应用。",
+        "useCases": ["RAG知识库", "Agent编排", "LLM应用"],
+        "metrics": [
+          { "label": "知识检索" },
+          { "label": "智能编排" },
+          { "value": "开源", "label": "可私有化" }
+        ],
+        "pros": ["强大的 RAG 知识库", "Agent 工作流编排", "多模型统一管理", "完整的 API 接口"]
+      },
+      "fastgpt": {
+        "tag": "知识库",
+        "subtitle": "企业知识库平台",
+        "desc": "FastGPT 专注于企业知识库问答场景,支持私有化部署,高精度文档解析和问答,是企业 AI 知识管理的首选方案。",
+        "useCases": ["企业知识库", "文档问答", "私有化部署"],
+        "metrics": [
+          { "label": "问答准确率" },
+          { "value": "私有化", "label": "数据安全" },
+          { "value": "多格式", "label": "文档支持" }
+        ],
+        "pros": ["高精度文档解析", "支持私有化部署", "多格式文件支持", "企业级权限管理"]
+      }
+    },
+    "comparison": {
+      "featureTitle": "功能特性",
+      "features": [
+        {
+          "name": "可视化编辑",
+          "desc": "拖拽式界面",
+          "tip": "通过拖拽节点即可构建工作流,无需编程基础"
+        },
+        {
+          "name": "集成节点数",
+          "desc": "第三方服务",
+          "tip": "内置的第三方平台集成数量,节点越多连接能力越强"
+        },
+        {
+          "name": "RAG 知识库",
+          "desc": "文档问答",
+          "tip": "基于检索增强生成,将文档转化为 AI 可检索知识库"
+        },
+        {
+          "name": "Agent 编排",
+          "desc": "智能体工作流",
+          "tip": "AI 智能体自主规划并执行多步骤任务,具备自主决策能力"
+        },
+        {
+          "name": "私有化部署",
+          "desc": "本地/云端",
+          "tip": "支持将工作流引擎部署到自己的服务器,数据不离境"
+        },
+        {
+          "name": "多渠道发布",
+          "desc": "微信/飞书等",
+          "tip": "工作流输出可同时推送到微信、飞书、钉钉等多个渠道"
+        },
+        {
+          "name": "免费额度",
+          "desc": "基础使用",
+          "tip": "开源项目可免费自部署,商业产品有免费层和付费升级选项"
+        }
+      ],
+      "notes": {
+        "basic": "基础版",
+        "complete": "完整",
+        "cloudOnly": "仅云端",
+        "needConfig": "需配置",
+        "nativeSupport": "原生支持",
+        "openSourceFree": "开源免费",
+        "freeQuota": "有免费额度"
+      }
+    },
+    "engineSelection": {
+      "title": "如何选择适合你的引擎?",
+      "n8n": "适合技术团队做复杂自动化",
+      "coze": "适合快速构建 AI Bot",
+      "dify": "适合 LLM 应用开发",
+      "fastgpt": "适合企业知识库问答",
+      "guide": "查看选型指南"
+    }
+  },
+  "workflowCategories": {
+    "automation": "自动化",
+    "customer": "客服助手",
+    "code": "开发工具"
+  },
+  "categories": {
+    "all": "全部",
+    "hot": "🔥 热门",
+    "free": "🎁 免费",
+    "content": "内容创作",
+    "data": "数据分析",
+    "automation": "自动化",
+    "customer": "客服助手",
+    "code": "开发工具"
+  },
+  "workflows": {
+    "contentGeneration": "AI 自动内容生成工作流",
+    "contentGenerationDesc": "基于 GPT-4 的全自动内容创作流水线,支持多平台一键发布,大幅提升内容团队生产效率。",
+    "customerService": "智能客服机器人搭建",
+    "customerServiceDesc": "基于 RAG 知识库的智能客服系统,支持多轮对话、情绪识别和自动升级人工处理。",
+    "dataAnalysis": "数据分析报告自动生成",
+    "dataAnalysisDesc": "连接数据库,自动抓取数据,通过 AI 分析生成可视化报告,支持 PDF/Excel 导出。",
+    "socialMediaMonitoring": "社交媒体监控与分析",
+    "socialMediaMonitoringDesc": "实时监控多平台社交媒体提及,自动分析情感倾向,生成品牌声誉报告。",
+    "ecommerceAutomation": "电商订单自动化处理",
+    "ecommerceAutomationDesc": "自动同步订单、更新库存、发送物流通知,打通多个电商平台,减少人工操作 90%。",
+    "resumeScreening": "AI 简历筛选与评估",
+    "resumeScreeningDesc": "自动解析简历、匹配岗位要求,生成候选人评估报告,帮助 HR 提升招聘效率 5 倍。",
+    "translation": "多语言翻译与本地化",
+    "translationDesc": "支持 50+ 语言的智能翻译工作流,自动处理术语库、保持品牌语调一致性。",
+    "codeReview": "代码审查与优化助手",
+    "codeReviewDesc": "自动审查代码质量、检测安全漏洞、提供优化建议,支持 20+ 编程语言。",
+    "emailMarketing": "邮件营销自动化系统",
+    "emailMarketingDesc": "基于用户行为触发的智能邮件营销,个性化内容推送,打开率提升 300%。",
+    "videoScript": "AI 视频脚本创作助手",
+    "videoScriptDesc": "输入主题,自动生成完整视频脚本,包含开场、正文、结尾和 CTA,适配各平台风格。",
+    "financialAnalysis": "财务报表智能分析",
+    "financialAnalysisDesc": "上传财务报表,AI 自动分析关键指标,识别风险点,生成管理层摘要报告。",
+    "prdGenerator": "产品需求文档生成器",
+    "prdGeneratorDesc": "输入产品想法,AI 自动生成完整 PRD,包含用户故事、功能规格、验收标准等。"
+  },
+  "workflowTags": {
+    "contentCreation": "内容创作",
+    "gpt4": "GPT-4",
+    "autoPublishing": "自动发布",
+    "customerService": "客服",
+    "rag": "RAG",
+    "knowledgeBase": "知识库",
+    "dataAnalysis": "数据分析",
+    "visualization": "可视化",
+    "autoReport": "自动报告",
+    "socialMediaMonitoring": "社媒监控",
+    "sentimentAnalysis": "情感分析",
+    "brand": "品牌",
+    "ecommerce": "电商",
+    "orderManagement": "订单管理",
+    "erp": "ERP",
+    "hr": "HR",
+    "recruitment": "招聘",
+    "aiEvaluation": "AI 评估",
+    "translation": "翻译",
+    "localization": "本地化",
+    "multilingual": "多语言",
+    "codeReview": "代码审查",
+    "security": "安全",
+    "developmentEfficiency": "开发效率",
+    "emailMarketing": "邮件营销",
+    "automation": "自动化",
+    "personalization": "个性化",
+    "videoScript": "视频脚本",
+    "aiCreation": "AI 创作",
+    "shortVideo": "短视频",
+    "finance": "财务",
+    "riskIdentification": "风险识别",
+    "productManagement": "产品管理",
+    "prd": "PRD",
+    "requirementAnalysis": "需求分析"
+  },
+  "buildSteps": {
+    "configureAi": "配置 AI 节点",
+    "configureAiDesc": "接入 Coze、Dify、n8n、FastGPT 的 AI 能力,配置 GPT-4、Claude 等大模型,让 AI 在工作流中自动处理复杂任务。",
+    "deploy": "一键部署运行",
+    "deployDesc": "工作流构建完成后,一键部署到云端。支持定时触发、Webhook 触发、手动触发等多种方式,7×24 小时不间断运行。"
+  },
+  "scenes": {
+    "data": {
+      "name": "数据分析",
+      "title": "数据驱动决策,AI 自动洞察",
+      "desc": "连接多数据源,自动清洗、分析、可视化,生成专业报告,让数据真正驱动业务决策。",
+      "points": [
+        "自动连接数据库和 API 数据源",
+        "智能数据清洗和异常检测",
+        "自动生成可视化图表和报告",
+        "定时推送数据洞察到团队"
+      ],
+      "statLabel": "数据分析时间节省"
+    },
+    "code": {
+      "name": "开发效率",
+      "title": "AI 赋能开发团队,效率倍增",
+      "desc": "自动化代码审查、测试、部署流程,AI 辅助编写文档和测试用例,让开发团队专注于核心创新。",
+      "points": [
+        "PR 自动代码审查和安全扫描",
+        "AI 自动生成单元测试用例",
+        "智能文档生成和更新",
+        "CI/CD 流程自动化优化"
+      ],
+      "statLabel": "开发部署效率提升"
+    }
+  },
+  "courses": {
+    "cozeBot": "Coze AI Bot 开发实战:打造专属智能助手",
+    "cozeBotDesc": "从 Bot 创建到高级插件开发,学习如何利用 Coze 平台构建功能强大的 AI 智能助手。",
+    "difyLlm": "Dify LLM 应用开发:RAG 与 Agent 实战",
+    "difyLlmDesc": "深入学习 Dify 平台的 RAG 知识库构建和 Agent 开发,打造企业级 AI 应用。",
+    "aiMonetization": "AI 工作流商业化:从创作到变现",
+    "aiMonetizationDesc": "学习如何将 AI 工作流包装成产品,在平台上销售变现,打造被动收入流。",
+    "multimodalAi": "多模态 AI 工作流:图文音视频一体化",
+    "multimodalAiDesc": "探索 AI 在图像识别、语音处理、视频分析等多模态场景下的工作流构建方法。",
+    "badge": "学习中心",
+  "title": "系统学习,",
+  "subtitle": "快速精通",
+  "description": "从入门到精通,覆盖所有主流 AI 工作流平台,结构化学习路径",
+  "students": "1,200+ 学员正在学习",
+  "cta": {
+    "startLearning": "开始学习",
+    "viewAll": "查看全部",
+    "startLearningNow": "立即开始学习"
+  },
+  "featured": {
+    "title": "精选热门课程"
+  }
+  },
+  "reviews": {
+    "review1": "客服工作流帮我们节省了大量人力成本,80% 的常见问题都能自动回复,客户满意度反而提升了,因为响应速度更快了。",
+    "review2": "数据报告生成工作流简直是神器!以前每周要花 2 天做报告,现在 30 分钟搞定,而且质量更好,领导非常满意。",
+    "review3": "在这里买了几个工作流,直接用到了客户项目里,省了我大量开发时间。平台的工作流质量很高,文档也很详细。",
+  "badge": "用户评价",
+  "title": "真实用户,",
+  "subtitle": "真实反馈",
+  "description": "来自全球 50,000+ 用户的真实评价,见证暴米AI如何改变工作方式",
+  "overallRating": "综合评分",
+  "star": "星",
+  "stats": {
+    "totalReviews": "总评价数",
+    "recommendationRate": "推荐率",
+    "averageRating": "平均评分"
+  },
+  "trustText": "来自各行各业的用户信任"
+  },
+  "features": {
+    "noCode": "无需代码",
+    "scheduledTrigger": "定时触发",
+    "dataFetching": "数据获取",
+    "aiProcessing": "AI 处理",
+    "contentPublishing": "内容发布",
+    "running": "运行中",
+    "waiting": "等待"
+  },
+  "whatIsWorkflow": {
+    "guideTitle": "新手指南",
+    "title": "什么是",
+    "aiWorkflow": "AI 工作流",
+    "subtitle": "3 步理解 AI 工作流的核心价值,让重复性工作彻底自动化",
+    "userCount": "已有 <strong class=\"text-violet-600\">{count}</strong> 用户通过暴米AI实现工作自动化",
+    "ctaButton": "免费体验工作流",
+    "steps": {
+      "step1": {
+        "title": "定义触发条件",
+        "desc": "设置工作流的启动时机——可以是定时任务、Webhook 回调、表单提交,或任何外部事件。",
+        "examples": ["定时触发", "Webhook", "表单提交", "邮件接收"]
+      },
+      "step2": {
+        "title": "连接 AI 节点",
+        "desc": "拖拽连接 GPT、Claude 等 AI 模型节点,配合数据处理、条件判断、循环等逻辑节点,构建智能管道。",
+        "examples": ["GPT-4", "Claude", "数据处理", "条件分支"]
+      },
+      "step3": {
+        "title": "自动执行输出",
+        "desc": "工作流自动运行,将结果推送到微信、飞书、数据库、邮件等任意目标,全程无需人工干预。",
+        "examples": ["微信推送", "飞书通知", "数据库写入", "邮件发送"]
+      }
+    }
+  },
+  "workflowDemo": {
+    "badge": "实时工作流演示",
+    "title": "看见 AI 如何",
+    "subtitle": "自动完成你的工作",
+    "description": "每一个节点都是一个智能决策,每一条连线都是数据的流动,工作流让复杂变得简单",
+    "running": "实时运行中",
+    "nodeTypes": {
+      "trigger": "触发器",
+      "aiEngine": "AI 引擎",
+      "contentGeneration": "内容生成",
+      "dataAnalysis": "数据分析",
+      "multiPlatformPublish": "多端发布"
+    },
+    "nodeTitles": {
+      "newContentRequest": "新内容请求",
+      "aiContentGeneration": "AI 内容生成",
+      "contentApproval": "内容审核",
+      "multiPlatformPublishing": "多平台发布",
+      "gpt4Processing": "GPT-4 处理",
+      "articleBatchProduction": "文章批量生产",
+      "effectTracking": "效果追踪",
+      "oneClickDistribution": "一键分发"
+    },
+    "statusList": {
+      "listening": "监听中",
+      "processing": "处理中",
+      "completed": "已完成",
+      "analyzing": "分析中",
+      "published": "已发布"
+    },
+    "features": {
+      "millisecondTrigger": {
+        "title": "毫秒级触发",
+        "desc": "Webhook / 定时 / 事件驱动,响应延迟 < 100ms"
+      },
+      "conditionalRouting": {
+        "title": "条件分支路由",
+        "desc": "支持 if/else、switch、并行分支等复杂逻辑"
+      },
+      "aiNodes": {
+        "title": "AI 节点内置",
+        "desc": "GPT-4、Claude、Gemini 一键接入,无需配置"
+      },
+      "integrationNodes": {
+        "title": "400+ 集成节点",
+        "desc": "覆盖主流 SaaS、数据库、消息平台"
+      },
+      "realTimeMonitoring": {
+        "title": "实时执行监控",
+        "desc": "每次执行全链路追踪,错误自动告警"
+      },
+      "enterpriseSecurity": {
+        "title": "企业级安全",
+        "desc": "私有化部署、数据加密、权限管控"
+      }
+    },
+    "platforms": {
+      "wechat": "微信",
+      "feishu": "飞书",
+      "douyin": "抖音",
+      "xiaohongshu": "小红书"
+    },
+    "execStats": {
+      "totalTime": "总耗时",
+      "nodeCount": "节点数",
+      "status": "状态",
+      "success": "成功"
+    }
+  },
+  "scenes": {
+    "badge": "应用场景",
+    "title": "工作流",
+    "subtitle": "无处不在",
+    "description": "从内容创作到企业运营,AI 工作流正在重塑每一个行业的工作方式",
+    "status": {
+      "completed": "已完成",
+      "pending": "待执行"
+    },
+    "metrics": {
+      "efficiencyImprovement": "效率提升",
+      "platformCount": "4平台",
+      "syncPublishing": "同步发布",
+      "productionCycle": "生产周期",
+      "dataSources": "20+数据源"
+    },
+    "platforms": {
+      "wechat": "微信公众号",
+      "xiaohongshu": "小红书",
+      "douyin": "抖音",
+      "feishu": "飞书",
+      "dingtalk": "钉钉",
+      "wechatWork": "企业微信"
+    },
+    "tags": {
+      "batchExpansion": "批量扩展",
+      "topicAnalysis": "话题分析",
+      "autoImage": "自动配图",
+      "formatConversion": "格式转换",
+      "autoTypesetting": "自动排版",
+      "multiPlatform": "多平台",
+      "scheduledPublishing": "定时发布",
+      "pdfParsing": "PDF解析",
+      "vectorization": "向量化",
+      "autoUpdate": "自动更新",
+      "multiTurnDialogue": "多轮对话",
+      "contextUnderstanding": "上下文理解",
+      "realTime": "即时",
+      "intelligentTransfer": "智能转接",
+      "contextTransfer": "上下文传递",
+      "autoPush": "自动推送",
+      "deduplication": "去重",
+      "formatting": "格式化",
+      "anomalyDetection": "异常检测",
+      "trendAnalysis": "趋势分析",
+      "aiPrediction": "AI预测",
+      "chartGeneration": "图表生成",
+      "scheduledPush": "定时推送",
+      "autoFollowUp": "自动跟进",
+      "personalization": "个性化",
+      "behaviorAnalysis": "行为分析",
+      "intentScoring": "意向评分",
+      "autoSending": "自动发送",
+      "auto": "自动",
+      "intelligentReminder": "智能提醒",
+      "planCustomization": "方案定制",
+      "ragRetrieval": "RAG检索",
+      "crmSync": "CRM同步",
+      "pdfGeneration": "PDF生成"
+    },
+    "toolsTitle": "集成工具:",
+    "scenes": {
+      "contentCreation": {
+        "name": "内容创作",
+        "efficiencyLabel": "内容产出",
+        "desc": "AI 驱动的内容生产流水线,从关键词输入到多平台发布,全程自动化",
+        "longDesc": "AI 驱动的内容生产流水线,从关键词输入到多平台发布,全程自动化,效率提升 10 倍。支持微信公众号、小红书、抖音等主流平台一键分发。",
+        "metrics": [
+          { "label": "效率提升" },
+          { "label": "同步发布" },
+          { "label": "生产周期" }
+        ],
+        "steps": [
+          {
+            "title": "关键词输入",
+            "desc": "输入关键词,AI 自动扩展话题,批量生成内容大纲"
+          },
+          {
+            "title": "AI 文案生成",
+            "desc": "GPT-4 生成高质量文章,支持多种风格和语气调整"
+          },
+          {
+            "title": "多平台适配",
+            "desc": "自动调整格式,适配各平台字数限制和排版规范"
+          },
+          {
+            "title": "一键发布",
+            "desc": "同步发布到所有平台,自动设置标签和发布时间"
+          }
+        ]
+      },
+      "customerService": {
+        "name": "客服自动化",
+        "efficiencyLabel": "自动回复率",
+        "desc": "智能客服机器人,7×24h 自动处理客户咨询,准确率高达 95%",
+        "longDesc": "基于 FastGPT 知识库的智能客服系统,自动学习产品文档和历史对话,实现 95% 问题自动解答,大幅降低人工客服压力。",
+        "metrics": [
+          { "label": "自动回复率" },
+          { "label": "全天在线" },
+          { "label": "响应时间" }
+        ],
+        "steps": [
+          {
+            "title": "知识库构建",
+            "desc": "上传产品文档、FAQ,AI 自动解析并建立向量索引"
+          },
+          {
+            "title": "意图识别",
+            "desc": "精准识别用户意图,分类路由到对应处理流程"
+          },
+          {
+            "title": "AI 智能回答",
+            "desc": "基于知识库生成精准回答,支持追问和澄清"
+          },
+          {
+            "title": "人工介入",
+            "desc": "复杂问题自动转人工,附带完整对话上下文"
+          }
+        ]
+      },
+      "dataAnalysis": {
+        "name": "数据分析",
+        "efficiencyLabel": "报表生成",
+        "desc": "自动化数据采集、清洗、分析和报表生成,将 8 小时工作压缩到 20 分钟",
+        "longDesc": "从多数据源自动采集数据,经过清洗和分析后,自动生成可视化报表并推送到飞书、邮件等渠道,彻底解放数据分析师。",
+        "metrics": [
+          { "label": "报表生成" },
+          { "label": "统一接入" },
+          { "label": "多渠道" }
+        ],
+        "steps": [
+          {
+            "title": "多源数据采集",
+            "desc": "自动从数据库、API、Excel 等多源采集最新数据"
+          },
+          {
+            "title": "数据清洗",
+            "desc": "AI 自动识别异常值,标准化数据格式"
+          },
+          {
+            "title": "智能分析",
+            "desc": "自动计算关键指标,生成趋势分析和预测"
+          },
+          {
+            "title": "报表推送",
+            "desc": "生成可视化报表,自动推送到指定渠道"
+          }
+        ]
+      },
+      "sales": {
+        "name": "销售赋能",
+        "efficiencyLabel": "转化率提升",
+        "desc": "智能销售助手,自动跟进线索、生成个性化方案,转化率提升 3 倍",
+        "longDesc": "从线索获取到成单全流程自动化,AI 分析客户画像,生成个性化销售方案,自动跟进提醒,让销售团队专注高价值工作。",
+        "metrics": [
+          { "label": "转化率提升" },
+          { "label": "线索管理" },
+          { "label": "方案生成" }
+        ],
+        "steps": [
+          {
+            "title": "线索智能评分",
+            "desc": "AI 分析客户行为,自动评估线索质量和购买意向"
+          },
+          {
+            "title": "个性化触达",
+            "desc": "根据客户画像生成个性化邮件和话术,自动发送"
+          },
+          {
+            "title": "跟进提醒",
+            "desc": "智能安排跟进时间,自动提醒销售人员关键节点"
+          },
+          {
+            "title": "方案生成",
+            "desc": "AI 根据客户需求自动生成定制化销售方案"
+          }
+        ]
+      }
+    },
+    "cta": {
+      "experience": "立即体验",
+      "viewCases": "查看案例"
+    }
+  },
+  "hotWorkflows": {
+  "badge": "热门精选",
+  "title": "社区精选,",
+  "subtitle": "开箱即用",
+  "description": "来自全球用户贡献的高质量工作流模板,一键复制,立即运行",
+  "cta": {
+    "use": "立即使用",
+    "preview": "预览"
+  }
+},
+"marketplace": {
+  "badge": "工作流市场",
+  "title": "探索 ",
+  "subtitle": " 工作流",
+  "description": "搜索、筛选、一键使用,找到最适合你场景的 AI 工作流",
+  "search": {
+    "placeholder": "搜索工作流...",
+    "button": "搜索"
+  },
+  "categories": {
+    "全部": "全部",
+    "内容创作": "内容创作",
+    "数据分析": "数据分析",
+    "客服自动化": "客服自动化",
+    "销售运营": "销售运营",
+    "效率工具": "效率工具"
+  },
+  "cta": {
+    "use": "使用",
+    "use2": "立即使用",
+    "details": "查看详情",
+    "viewAll": "浏览全部工作流市场"
+  }
+},
+"howItWorks": {
+  "badge": "快速上手",
+  "title": "三步,",
+  "subtitle": "快速上手",
+  "description": "无需技术背景,5 分钟搭建你的第一个 AI 工作流",
+  "benefits": {
+    "noCreditCard": "无需信用卡",
+    "quickStart": "5 分钟上手",
+    "freeBasic": "永久免费基础版"
+  },
+  "cta": {
+    "startFree": "立即免费开始"
+  },
+  "steps": [
+    {
+      "title": "选择工作流模板",
+      "desc": "从 5,700+ 精选模板中挑选最适合你的场景,一键导入,开箱即用,无需从零开始。",
+      "badge": "5 分钟",
+      "tags": [
+        "5,700+ 模板",
+        "一键导入",
+        "分类筛选"
+      ],
+      "timeLabel": "完成模板选择",
+      "previewLabel": "模板市场",
+      "previewSub": "5,700+ 精选模板"
+    },
+    {
+      "title": "配置 AI 引擎与节点",
+      "desc": "拖拽式可视化编辑器,连接 n8n、Coze、Dify、FastGPT 等引擎,设置触发条件和处理逻辑。",
+      "badge": "零代码",
+      "tags": [
+        "拖拽编辑",
+        "400+ 集成",
+        "AI 智能建议"
+      ],
+      "time": "可视化",
+      "timeLabel": "拖拽式配置",
+      "previewLabel": "可视化编辑器",
+      "previewSub": "拖拽式节点配置"
+    },
+    {
+      "title": "一键部署,自动运行",
+      "desc": "点击发布,工作流立即在云端运行,7×24h 全自动执行,支持微信、飞书、API 等多端触发。",
+      "badge": "7×24h",
+      "tags": [
+        "云端运行",
+        "多端触发",
+        "实时监控"
+      ],
+      "timeLabel": "在线率保障",
+      "previewLabel": "云端运行",
+      "previewSub": "7×24h 自动化"
+    }
+  ]
+},
+"cta": {
+  "user": "用户",
+  "usersUsing": "50,000+ 用户正在使用",
+  "rating": "4.9 分好评",
+  "title": "AI 工作流之旅",
+  "titlePrefix": "开启你的",
+  "description": "加入 50,000+ 用户,用 AI 工作流自动化你的业务,<br class='hidden md:block'/>释放团队创造力,专注真正重要的事",
+  "cta": {
+    "startFree": "免费开始使用",
+    "watchDemo": "观看演示视频"
+  },
+  "trust": {
+    "noCreditCard": "无需信用卡",
+    "quickStart": "5 分钟上手",
+    "freeForever": "免费套餐永久可用",
+    "cancelAnytime": "随时取消"
+  },
+  "stats": {
+    "activeUsers": "活跃用户",
+    "uptime": "在线率",
+    "userRating": "用户评分"
+  }
+}
 }

Разница между файлами не показана из-за своего большого размера
+ 151 - 116
src/pages/Home.vue


Разница между файлами не показана из-за своего большого размера
+ 16 - 14
src/pages/Home/SectionAbout.vue


+ 23 - 20
src/pages/Home/SectionCTA.vue

@@ -36,15 +36,15 @@
       <!-- 用户头像群 -->
       <div class="flex items-center justify-center gap-1 mb-10 reveal-up" :class="{ 'is-visible': isVisible }">
         <div class="flex -space-x-2.5">
-          <img v-for="(av, i) in avatars" :key="i" :src="av" :alt="'用户'"
+          <img v-for="(av, i) in avatars" :key="i" :src="av" :alt="t('cta.user')"
             class="w-10 h-10 rounded-full object-cover ring-2 ring-white/20 shadow-lg hover:scale-110 hover:z-10 transition-transform duration-200 cursor-pointer"
             :style="{ zIndex: avatars.length - i }" />
         </div>
         <div class="ml-4 text-left">
-          <div class="text-sm font-bold text-white">50,000+ 用户正在使用</div>
+          <div class="text-sm font-bold text-white">{{ t('cta.usersUsing') }}</div>
           <div class="flex items-center gap-1 text-xs text-yellow-300 mt-0.5">
             <span>★★★★★</span>
-            <span class="text-white/50 ml-1">4.9 分好评</span>
+            <span class="text-white/50 ml-1">{{ t('cta.rating') }}</span>
           </div>
         </div>
       </div>
@@ -52,11 +52,11 @@
       <!-- 主标题 -->
       <div class="reveal-up" :class="{ 'is-visible': isVisible }" style="transition-delay: 0.15s;">
         <h2 class="text-5xl lg:text-7xl font-black mb-6 leading-tight tracking-tight">
-          开启你的<br />
-          <span class="cta-gradient-text">AI 工作流之旅</span>
+          {{ t('cta.titlePrefix') }}<br />
+          <span class="cta-gradient-text">{{ t('cta.title') }}</span>
         </h2>
-        <p class="text-white/60 text-xl mb-12 max-w-2xl mx-auto leading-relaxed">
-          加入 50,000+ 用户,用 AI 工作流自动化你的业务,<br class="hidden md:block"/>释放团队创造力,专注真正重要的事
+        <p class="text-white/60 text-xl mb-12 max-w-3xl mx-auto text-center leading-relaxed" v-html="t('cta.description')">
+          
         </p>
       </div>
 
@@ -67,7 +67,7 @@
           <div class="cta-btn-shine" :class="{ 'cta-btn-shine-active': primaryHover }"></div>
           <span class="relative z-10 flex items-center gap-2">
             <span>🚀</span>
-            <span>免费开始使用</span>
+            <span>{{ t('cta.cta.startFree') }}</span>
           </span>
         </button>
 
@@ -78,23 +78,23 @@
               <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM9.555 7.168A1 1 0 008 8v4a1 1 0 001.555.832l3-2a1 1 0 000-1.664l-3-2z" clip-rule="evenodd"/>
             </svg>
           </div>
-          观看演示视频
+          {{ t('cta.cta.watchDemo') }}
         </button>
       </div>
 
       <!-- 信任标签 -->
       <div class="flex flex-wrap items-center justify-center gap-x-6 gap-y-3 text-sm text-white/40 reveal-up" :class="{ 'is-visible': isVisible }" style="transition-delay: 0.45s;">
-        <span v-for="trust in trustItems" :key="trust.text" class="flex items-center gap-2 hover:text-white/70 transition-colors duration-200 cursor-default">
+        <span v-for="trust in trustItems" :key="trust.key" class="flex items-center gap-2 hover:text-white/70 transition-colors duration-200 cursor-default">
           <span class="text-emerald-400 font-bold">✓</span>
-          {{ trust.text }}
+          {{ t(`cta.trust.${trust.key}`) }}
         </span>
       </div>
 
       <!-- 底部数据展示 -->
       <div class="mt-16 grid grid-cols-3 gap-6 max-w-lg mx-auto reveal-up" :class="{ 'is-visible': isVisible }" style="transition-delay: 0.6s;">
-        <div v-for="stat in bottomStats" :key="stat.label" class="cta-bottom-stat">
+        <div v-for="stat in bottomStats" :key="stat.key" class="cta-bottom-stat">
           <div class="text-2xl font-black mb-1" :style="{ color: stat.color }">{{ stat.value }}</div>
-          <div class="text-white/40 text-xs">{{ stat.label }}</div>
+          <div class="text-white/40 text-xs">{{ t(`cta.stats.${stat.key}`) }}</div>
         </div>
       </div>
     </div>
@@ -103,7 +103,9 @@
 
 <script setup>
 import { ref, onMounted } from 'vue'
+import { useI18n } from 'vue-i18n'
 
+const { t } = useI18n()
 const isVisible = ref(false)
 const ctaRef = ref(null)
 const primaryHover = ref(false)
@@ -133,16 +135,17 @@ const avatars = [
 ]
 
 const trustItems = [
-  { text: '无需信用卡' },
-  { text: '5 分钟上手' },
-  { text: '免费套餐永久可用' },
-  { text: '随时取消' }
+  { key: 'noCreditCard' },
+  { key: 'quickStart' },
+  { key: 'freeForever' },
+  { key: 'cancelAnytime' }
 ]
 
+// 底部数据
 const bottomStats = [
-  { value: '50K+', label: '活跃用户', color: '#a78bfa' },
-  { value: '99.9%', label: '在线率', color: '#34d399' },
-  { value: '4.9★', label: '用户评分', color: '#fbbf24' }
+  { value: '50K+', key: 'activeUsers', color: '#a78bfa' },
+  { value: '99.9%', key: 'uptime', color: '#34d399' },
+  { value: '4.9★', key: 'userRating', color: '#fbbf24' }
 ]
 </script>
 

+ 13 - 13
src/pages/Home/SectionCourses.vue

@@ -6,22 +6,20 @@
 
     <div class="relative z-10 max-w-7xl mx-auto px-6">
       <!-- 标题 -->
-      <div class="flex flex-col md:flex-row md:items-end justify-between mb-14 gap-6">
-        <div>
+      <div class="flex flex-col items-center text-center mb-14 gap-6">
+        <div class="max-w-2xl">
           <span class="inline-flex items-center gap-2 bg-amber-500/10 border border-amber-500/30 text-amber-600 text-xs font-bold px-4 py-1.5 rounded-full mb-5 uppercase tracking-wide">
             <span class="w-1.5 h-1.5 bg-amber-500 rounded-full animate-pulse"></span>
-            学习中心
+            {{ $t('courses.badge') }}
           </span>
           <h2 class="text-4xl lg:text-5xl font-black text-gray-900 mb-3">
-            系统学习,<span class="bg-gradient-to-r from-amber-500 to-orange-500 bg-clip-text text-transparent">快速精通</span>
+            {{ $t('courses.title') }}<span class="bg-gradient-to-r from-amber-500 to-orange-500 bg-clip-text text-transparent">{{ $t('courses.subtitle') }}</span>
           </h2>
-          <p class="text-gray-500 text-base max-w-lg">从入门到精通,覆盖所有主流 AI 工作流平台,结构化学习路径</p>
+          <p class="text-gray-500 text-base max-w-lg mx-auto">{{ $t('courses.description') }}</p>
         </div>
         <div class="flex items-center gap-3 flex-shrink-0">
-          <div class="flex items-center gap-2 bg-white border border-gray-200 rounded-xl px-4 py-2 shadow-sm">
-            <span class="w-2 h-2 bg-green-400 rounded-full animate-pulse"></span>
-            <span class="text-gray-600 text-sm font-medium">1,200+ 学员正在学习</span>
-          </div>
+          <span class="w-2 h-2 bg-green-400 rounded-full animate-pulse"></span>
+          <span class="text-gray-600 text-sm font-medium">{{ $t('courses.students') }}</span>
         </div>
       </div>
 
@@ -91,7 +89,7 @@
                   </div>
                   <button class="mt-3 w-full text-xs font-bold py-2 rounded-xl transition-all duration-200"
                     :class="path.btnClass">
-                    开始学习
+                    {{ $t('courses.cta.startLearning') }}
                   </button>
                 </div>
               </Transition>
@@ -103,8 +101,8 @@
       <!-- 底部:精选课程横向滚动 -->
       <div class="mt-8">
         <div class="flex items-center justify-between mb-6">
-          <h3 class="text-gray-900 text-lg font-bold">精选热门课程</h3>
-          <button class="text-amber-400 text-sm font-medium hover:text-amber-300 transition-colors">查看全部 →</button>
+          <h3 class="text-gray-900 text-lg font-bold">{{ $t('courses.featured.title') }}</h3>
+          <button class="text-amber-400 text-sm font-medium hover:text-amber-300 transition-colors">{{ $t('courses.cta.viewAll') }} →</button>
         </div>
         <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
           <div v-for="course in featuredCourses" :key="course.title"
@@ -159,7 +157,7 @@
             <!-- Hover 立即开始按钒 -->
             <div class="absolute inset-0 bg-gradient-to-t from-gray-900/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end justify-center pb-4">
               <button class="bg-amber-400 text-gray-900 text-xs font-bold px-5 py-2 rounded-full shadow-lg transform translate-y-4 group-hover:translate-y-0 transition-transform duration-300">
-                立即开始学习
+                {{ $t('courses.cta.startLearningNow') }}
               </button>
             </div>
           </div>
@@ -171,7 +169,9 @@
 
 <script setup>
 import { ref } from 'vue'
+import { useI18n } from 'vue-i18n'
 
+const { t } = useI18n()
 const activePath = ref(null)
 
 const learningPaths = [

+ 7 - 5
src/pages/Home/SectionHotWorkflows.vue

@@ -3,10 +3,10 @@
     <div class="hot-header">
       <div class="section-badge">
         <span class="badge-dot"></span>
-        <span>热门精选</span>
+        <span>{{ $t('hotWorkflows.badge') }}</span>
       </div>
-      <h2 class="section-title">社区精选,<span class="gradient-text">开箱即用</span></h2>
-      <p class="section-desc">来自全球用户贡献的高质量工作流模板,一键复制,立即运行</p>
+      <h2 class="section-title">{{ $t('hotWorkflows.title') }}<span class="gradient-text">{{ $t('hotWorkflows.subtitle') }}</span></h2>
+      <p class="section-desc">{{ $t('hotWorkflows.description') }}</p>
     </div>
 
     <!-- 无限滚动带 - 第一行 -->
@@ -83,8 +83,8 @@
             </div>
           </div>
           <div class="card-hover-actions" :class="{ visible: hoveredCard === 'b' + i }">
-            <button class="action-btn primary">立即使用</button>
-            <button class="action-btn secondary">预览</button>
+            <button class="action-btn primary">{{ $t('hotWorkflows.cta.use') }}</button>
+            <button class="action-btn secondary">{{ $t('hotWorkflows.cta.preview') }}</button>
           </div>
         </div>
       </div>
@@ -94,7 +94,9 @@
 
 <script setup>
 import { ref } from 'vue'
+import { useI18n } from 'vue-i18n'
 
+const { t } = useI18n()
 const hoveredCard = ref(null)
 const pauseTrack1 = ref(false)
 const pauseTrack2 = ref(false)

+ 36 - 29
src/pages/Home/SectionHowItWorks.vue

@@ -8,12 +8,12 @@
       <div class="text-center mb-20">
         <span class="inline-flex items-center gap-2 bg-green-50 border border-green-200 text-green-600 text-xs font-bold px-4 py-1.5 rounded-full mb-5 uppercase tracking-wide">
           <span class="w-1.5 h-1.5 bg-green-500 rounded-full animate-pulse"></span>
-          快速上手
+          {{ $t('howItWorks.badge') }}
         </span>
         <h2 class="text-4xl lg:text-5xl font-black text-gray-900 mb-4">
-          三步,<span class="bg-gradient-to-r from-green-600 to-teal-500 bg-clip-text text-transparent">快速上手</span>
+          {{ $t('howItWorks.title') }}<span class="bg-gradient-to-r from-green-600 to-teal-500 bg-clip-text text-transparent">{{ $t('howItWorks.subtitle') }}</span>
         </h2>
-        <p class="text-gray-500 text-lg max-w-xl mx-auto">无需技术背景,5 分钟搭建你的第一个 AI 工作流</p>
+        <p class="text-gray-500 text-lg max-w-xl mx-auto">{{ $t('howItWorks.description') }}</p>
       </div>
 
       <!-- 时间轴主体 -->
@@ -113,14 +113,14 @@
       <div class="text-center mt-20">
         <div class="inline-flex flex-col items-center gap-4">
           <div class="flex items-center gap-3 text-sm text-gray-500">
-            <span class="flex items-center gap-1.5"><span class="w-2 h-2 bg-green-400 rounded-full"></span>无需信用卡</span>
+            <span class="flex items-center gap-1.5"><span class="w-2 h-2 bg-green-400 rounded-full"></span>{{ $t('howItWorks.benefits.noCreditCard') }}</span>
             <span class="w-px h-4 bg-gray-200"></span>
-            <span class="flex items-center gap-1.5"><span class="w-2 h-2 bg-blue-400 rounded-full"></span>5 分钟上手</span>
+            <span class="flex items-center gap-1.5"><span class="w-2 h-2 bg-blue-400 rounded-full"></span>{{ $t('howItWorks.benefits.quickStart') }}</span>
             <span class="w-px h-4 bg-gray-200"></span>
-            <span class="flex items-center gap-1.5"><span class="w-2 h-2 bg-violet-400 rounded-full"></span>永久免费基础版</span>
+            <span class="flex items-center gap-1.5"><span class="w-2 h-2 bg-violet-400 rounded-full"></span>{{ $t('howItWorks.benefits.freeBasic') }}</span>
           </div>
           <button class="bg-gradient-to-r from-green-500 to-teal-500 text-white font-bold text-base px-8 py-4 rounded-2xl shadow-xl shadow-green-200/60 hover:shadow-green-300/60 hover:-translate-y-0.5 transition-all duration-300">
-            立即免费开始
+            {{ $t('howItWorks.cta.startFree') }}
           </button>
         </div>
       </div>
@@ -129,66 +129,73 @@
 </template>
 
 <script setup>
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()
 const steps = [
   {
     icon: '🎯',
-    title: '选择工作流模板',
-    desc: '从 5,700+ 精选模板中挑选最适合你的场景,一键导入,开箱即用,无需从零开始。',
-    badge: '5 分钟',
+    title: t('howItWorks.steps.0.title'),
+    desc: t('howItWorks.steps.0.desc'),
+    badge: t('howItWorks.steps.0.badge'),
     badgeClass: 'bg-green-100 text-green-700',
-    tags: ['5,700+ 模板', '一键导入', '分类筛选'],
+    tags: [t('howItWorks.steps.0.tags.0'), t('howItWorks.steps.0.tags.1'), t('howItWorks.steps.0.tags.2')],
     tagClass: 'bg-green-50 text-green-600 border-green-100',
     dotClass: 'bg-green-400',
     time: '< 5 min',
-    timeLabel: '完成模板选择',
+    timeLabel: t('howItWorks.steps.0.timeLabel'),
     timeClass: 'bg-green-50',
     timeNumClass: 'text-green-600',
     nodeBg: 'bg-gradient-to-br from-green-400 to-teal-500',
     numBg: 'bg-green-500',
     img: 'https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=600&h=350&fit=crop&q=80',
     imgOverlay: 'bg-gradient-to-t from-green-900/40 to-transparent',
-    previewLabel: '模板市场',
-    previewSub: '5,700+ 精选模板'
+    previewLabel: t('howItWorks.steps.0.previewLabel'),
+    previewSub: t('howItWorks.steps.0.previewSub')
   },
   {
     icon: '⚙️',
-    title: '配置 AI 引擎与节点',
-    desc: '拖拽式可视化编辑器,连接 n8n、Coze、Dify、FastGPT 等引擎,设置触发条件和处理逻辑。',
-    badge: '零代码',
+    title: t('howItWorks.steps.1.title'),
+    desc: t('howItWorks.steps.1.desc'),
+    badge: t('howItWorks.steps.1.badge'),
     badgeClass: 'bg-violet-100 text-violet-700',
-    tags: ['拖拽编辑', '400+ 集成', 'AI 智能建议'],
+    tags: [ t('howItWorks.steps.1.tags.0'),
+      t('howItWorks.steps.1.tags.1'),
+      t('howItWorks.steps.1.tags.2')],
     tagClass: 'bg-violet-50 text-violet-600 border-violet-100',
     dotClass: 'bg-violet-400',
-    time: '可视化',
-    timeLabel: '拖拽式配置',
+    time: t('howItWorks.steps.1.time'),
+    timeLabel: t('howItWorks.steps.1.timeLabel'),
     timeClass: 'bg-violet-50',
     timeNumClass: 'text-violet-600',
     nodeBg: 'bg-gradient-to-br from-violet-500 to-blue-500',
     numBg: 'bg-violet-500',
     img: 'https://images.unsplash.com/photo-1518770660439-4636190af475?w=600&h=350&fit=crop&q=80',
     imgOverlay: 'bg-gradient-to-t from-violet-900/40 to-transparent',
-    previewLabel: '可视化编辑器',
-    previewSub: '拖拽式节点配置'
+    previewLabel: t('howItWorks.steps.1.previewLabel'),
+    previewSub: t('howItWorks.steps.1.previewSub')
   },
   {
     icon: '🚀',
-    title: '一键部署,自动运行',
-    desc: '点击发布,工作流立即在云端运行,7×24h 全自动执行,支持微信、飞书、API 等多端触发。',
-    badge: '7×24h',
+    title: t('howItWorks.steps.2.title'),
+    desc: t('howItWorks.steps.2.desc'),
+    badge:t('howItWorks.steps.2.badge'),
     badgeClass: 'bg-blue-100 text-blue-700',
-    tags: ['云端运行', '多端触发', '实时监控'],
+    tags: [t('howItWorks.steps.2.tags.0'),
+      t('howItWorks.steps.2.tags.1'),
+      t('howItWorks.steps.2.tags.2')],
     tagClass: 'bg-blue-50 text-blue-600 border-blue-100',
     dotClass: 'bg-blue-400',
     time: '99.9%',
-    timeLabel: '在线率保障',
+    timeLabel: t('howItWorks.steps.2.timeLabel'),
     timeClass: 'bg-blue-50',
     timeNumClass: 'text-blue-600',
     nodeBg: 'bg-gradient-to-br from-blue-500 to-cyan-500',
     numBg: 'bg-blue-500',
     img: 'https://images.unsplash.com/photo-1460925895917-afdab827c52f?w=600&h=350&fit=crop&q=80',
     imgOverlay: 'bg-gradient-to-t from-blue-900/40 to-transparent',
-    previewLabel: '执行监控台',
-    previewSub: '实时查看运行状态'
+    previewLabel: t('howItWorks.steps.2.previewLabel'),
+    previewSub: t('howItWorks.steps.2.previewSub')
   }
 ]
 </script>

+ 11 - 9
src/pages/Home/SectionMarketplace.vue

@@ -4,10 +4,10 @@
     <div class="marketplace-header">
       <div class="section-badge">
         <span class="badge-dot"></span>
-        <span>工作流市场</span>
+        <span>{{ $t('marketplace.badge') }}</span>
       </div>
-      <h2 class="section-title">探索 <span class="gradient-text">200K+</span> 工作流</h2>
-      <p class="section-desc">搜索、筛选、一键使用,找到最适合你场景的 AI 工作流</p>
+      <h2 class="section-title">{{ $t('marketplace.title') }} <span class="gradient-text">200K+</span> {{ $t('marketplace.subtitle') }}</h2>
+      <p class="section-desc">{{ $t('marketplace.description') }}</p>
     </div>
 
     <!-- 搜索栏 -->
@@ -17,11 +17,11 @@
         <input
           v-model="searchQuery"
           type="text"
-          placeholder="搜索工作流..."
+          :placeholder="$t('marketplace.search.placeholder')"
           class="search-input"
           @input="filterWorkflows"
         />
-        <button class="search-btn">搜索</button>
+        <button class="search-btn">{{ $t('marketplace.search.button') }}</button>
       </div>
     </div>
 
@@ -73,21 +73,21 @@
               <img :src="wf.authorAvatar" :alt="wf.author" class="market-avatar" />
               <span>{{ wf.author }}</span>
             </div>
-            <button class="market-use-btn">使用 →</button>
+            <button class="market-use-btn">{{ $t('marketplace.cta.use') }} →</button>
           </div>
         </div>
 
         <!-- 悬停遮罩 -->
         <div class="market-hover-overlay" :class="{ visible: hoveredCard === i }">
-          <button class="overlay-btn primary">立即使用</button>
-          <button class="overlay-btn secondary">查看详情</button>
+          <button class="overlay-btn primary">{{ $t('marketplace.cta.use2') }}</button>
+          <button class="overlay-btn secondary">{{ $t('marketplace.cta.details') }}</button>
         </div>
       </div>
     </div>
 
     <!-- 查看更多 -->
     <div class="marketplace-footer">
-      <button class="view-all-btn">浏览全部工作流市场 →</button>
+      <button class="view-all-btn">{{ $t('marketplace.cta.viewAll') }} →</button>
     </div>
     </div><!-- /.marketplace-inner -->
   </section>
@@ -95,7 +95,9 @@
 
 <script setup>
 import { ref, computed } from 'vue'
+import { useI18n } from 'vue-i18n'
 
+const { t } = useI18n()
 const searchQuery = ref('')
 const activeCategory = ref('全部')
 const hoveredCard = ref(null)

+ 59 - 56
src/pages/Home/SectionPlatforms.vue

@@ -8,12 +8,12 @@
       <div class="text-center mb-14">
         <span class="inline-flex items-center gap-2 bg-indigo-50 border border-indigo-200 text-indigo-600 text-xs font-bold px-4 py-1.5 rounded-full mb-5 uppercase tracking-wide">
           <span class="w-1.5 h-1.5 bg-indigo-500 rounded-full animate-pulse"></span>
-          集成平台
+          {{ $t('platforms.badge') }}
         </span>
         <h2 class="text-4xl lg:text-5xl font-black text-gray-900 mb-4">
-          四大引擎,<span class="bg-gradient-to-r from-indigo-600 to-violet-600 bg-clip-text text-transparent">一站掌控</span>
+          {{ $t('platforms.title') }}<span class="bg-gradient-to-r from-indigo-600 to-violet-600 bg-clip-text text-transparent">{{ $t('platforms.subtitle') }}</span>
         </h2>
-        <p class="text-gray-500 text-lg max-w-2xl mx-auto">深度整合四大顶级 AI 工作流平台,统一学习、统一管理、统一部署</p>
+        <p class="text-gray-500 text-lg max-w-2xl mx-auto">{{ $t('platforms.description') }}</p>
       </div>
 
       <!-- 引擎选择器 -->
@@ -92,7 +92,7 @@
                 <!-- CTA -->
                 <button class="w-full py-3 rounded-2xl font-bold text-sm transition-all duration-300 hover:-translate-y-0.5 hover:shadow-lg"
                   :class="currentEngine.btnClass">
-                  开始学习 {{ currentEngine.name }} →
+                  {{ $t('platforms.cta.learn') }} {{ currentEngine.name }} →
                 </button>
               </div>
             </div>
@@ -104,7 +104,7 @@
           <div class="bg-white border border-gray-100 rounded-3xl overflow-hidden shadow-lg">
             <!-- 矩阵标题行 -->
             <div class="grid grid-cols-5 bg-gray-50 border-b border-gray-100">
-              <div class="col-span-1 p-4 text-xs font-bold text-gray-400 uppercase">功能特性</div>
+              <div class="col-span-1 p-4 text-xs font-bold text-gray-400 uppercase">{{ $t('platforms.comparison.featureTitle') }}</div>
               <div v-for="engine in engines" :key="engine.id"
                 class="p-4 text-center transition-all duration-300"
                 :class="activeEngine === engines.indexOf(engine) ? `bg-${engine.color}-50` : ''">
@@ -156,13 +156,13 @@
             <div class="flex items-start gap-3">
               <span class="text-2xl flex-shrink-0">💡</span>
               <div>
-                <div class="font-bold text-gray-800 mb-1 text-sm">如何选择适合你的引擎?</div>
+                <div class="font-bold text-gray-800 mb-1 text-sm">{{ $t('platforms.engineSelection.title') }}</div>
                 <div class="text-gray-500 text-xs leading-relaxed">
-                  <span class="font-semibold text-gray-700">n8n</span> 适合技术团队做复杂自动化;
-                  <span class="font-semibold text-gray-700">Coze</span> 适合快速构建 AI Bot
-                  <span class="font-semibold text-gray-700">Dify</span> 适合 LLM 应用开发
-                  <span class="font-semibold text-gray-700">FastGPT</span> 适合企业知识库问答
-                  <a href="#" class="text-indigo-600 font-semibold ml-1 hover:underline">查看选型指南 →</a>
+                  <span class="font-semibold text-gray-700">n8n</span> {{ $t('platforms.engineSelection.n8n') }}
+                  <span class="font-semibold text-gray-700">Coze</span>  {{ $t('platforms.engineSelection.coze') }}
+                  <span class="font-semibold text-gray-700">Dify</span>  {{ $t('platforms.engineSelection.dify') }}
+                  <span class="font-semibold text-gray-700">FastGPT</span> {{ $t('platforms.engineSelection.fastgpt') }}
+                  <a href="#" class="text-indigo-600 font-semibold ml-1 hover:underline">{{ $t('platforms.engineSelection.guide') }} →</a>
                 </div>
               </div>
             </div>
@@ -175,72 +175,75 @@
 
 <script setup>
 import { ref, computed } from 'vue'
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()
 
 const activeEngine = ref(0)
 const hoveredRow = ref(null)
 
 const engines = [
   {
-    id: 'n8n', name: 'n8n', logo: '🔧', tag: '开源', subtitle: '可视化自动化平台',
+    id: 'n8n', name: 'n8n', logo: '🔧', tag: t('platforms.engines.n8n.tag'), subtitle: t('platforms.engines.n8n.subtitle'),
     color: 'red',
     img: 'https://images.unsplash.com/photo-1518770660439-4636190af475?w=600&h=350&fit=crop&q=80',
     gradientFrom: 'rgba(239,68,68,0.4)', gradientTo: 'rgba(17,24,39,0.95)',
-    desc: 'n8n 是强大的开源工作流自动化平台,拥有 400+ 内置节点,支持自托管,适合技术团队构建复杂的企业级自动化流程。',
-    useCases: ['企业自动化', '数据管道', 'API 集成'],
+    desc: t('platforms.engines.n8n.desc'),
+    useCases: [t('platforms.engines.n8n.useCases.0'), t('platforms.engines.n8n.useCases.1'), t('platforms.engines.n8n.useCases.2')],
     metrics: [
-      { value: '400+', label: '集成节点', color: 'text-red-400' },
-      { value: '开源', label: '可自托管', color: 'text-green-400' },
-      { value: '99.9%', label: '在线率', color: 'text-blue-400' }
+      { value: '400+', label: t('platforms.engines.n8n.metrics.0.label'), color: 'text-red-400' },
+      { value: t('platforms.engines.n8n.metrics.1.value'), label: t('platforms.engines.n8n.metrics.1.label'), color: 'text-green-400' },
+      { value: '99.9%', label: t('platforms.engines.n8n.metrics.2.label'), color: 'text-blue-400' }
     ],
-    pros: ['可视化拖拽,无需编程', '400+ 内置集成节点', '支持私有化部署', '强大的条件逻辑处理'],
+    pros: [t('platforms.engines.n8n.pros.0'), t('platforms.engines.n8n.pros.1'), t('platforms.engines.n8n.pros.2'), t('platforms.engines.n8n.pros.3')],
     checkBg: 'bg-red-100 text-red-600',
     btnClass: 'bg-gradient-to-r from-red-500 to-orange-500 text-white shadow-lg shadow-red-200/50'
   },
   {
-    id: 'coze', name: 'Coze', logo: '🤖', tag: 'Bot平台', subtitle: 'AI Bot 构建平台',
+    id: 'coze', name: 'Coze', logo: '🤖', tag: t('platforms.engines.coze.tag'), subtitle: t('platforms.engines.coze.subtitle'),
     color: 'blue',
     img: 'https://images.unsplash.com/photo-1677442135703-1787eea5ce01?w=600&h=350&fit=crop&q=80',
     gradientFrom: 'rgba(59,130,246,0.4)', gradientTo: 'rgba(17,24,39,0.95)',
-    desc: 'Coze 是字节跳动推出的 AI Bot 开发平台,零代码快速构建多模态 AI 助手,支持接入飞书、微信等主流渠道。',
-    useCases: ['AI 客服', '智能助手', '多渠道Bot'],
+    desc:t('platforms.engines.coze.desc'),
+    useCases: [t('platforms.engines.coze.useCases.0'), t('platforms.engines.coze.useCases.1'), t('platforms.engines.coze.useCases.2')],
     metrics: [
       { value: '零代码', label: '快速搭建', color: 'text-blue-400' },
       { value: '10+', label: '接入渠道', color: 'text-green-400' },
       { value: '多模态', label: '能力支持', color: 'text-violet-400' }
     ],
-    pros: ['零代码快速构建Bot', '支持多模态交互', '丰富的插件生态', '一键部署到多渠道'],
+    pros: [t('platforms.engines.coze.pros.0'), t('platforms.engines.coze.pros.1'),t('platforms.engines.coze.pros.2'), t('platforms.engines.coze.pros.3')],
     checkBg: 'bg-blue-100 text-blue-600',
     btnClass: 'bg-gradient-to-r from-blue-500 to-cyan-500 text-white shadow-lg shadow-blue-200/50'
   },
   {
-    id: 'dify', name: 'Dify', logo: '🧠', tag: 'LLM应用', subtitle: 'LLM 应用开发平台',
+    id: 'dify', name: 'Dify', logo: '🧠', tag: t('platforms.engines.dify.tag'), subtitle: t('platforms.engines.dify.subtitle'),
     color: 'emerald',
     img: 'https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=600&h=350&fit=crop&q=80',
     gradientFrom: 'rgba(16,185,129,0.4)', gradientTo: 'rgba(17,24,39,0.95)',
-    desc: 'Dify 是专业的 LLM 应用开发平台,支持 RAG 知识库、Agent 编排和 Prompt 工程,适合构建复杂的 AI 应用。',
-    useCases: ['RAG知识库', 'Agent编排', 'LLM应用'],
+    desc: t('platforms.engines.dify.desc'),
+    useCases: [t('platforms.engines.dify.useCases.0'),t('platforms.engines.dify.useCases.1'), t('platforms.engines.dify.useCases.2')],
     metrics: [
-      { value: 'RAG', label: '知识检索', color: 'text-emerald-400' },
-      { value: 'Agent', label: '智能编排', color: 'text-green-400' },
-      { value: '开源', label: '可私有化', color: 'text-blue-400' }
+      { value: 'RAG', label: t('platforms.engines.dify.metrics.0.label'), color: 'text-emerald-400' },
+      { value: 'Agent', label: t('platforms.engines.dify.metrics.1.label'), color: 'text-green-400' },
+      { value: '开源', label: t('platforms.engines.dify.metrics.2.value'), color: 'text-blue-400' }
     ],
-    pros: ['强大的 RAG 知识库', 'Agent 工作流编排', '多模型统一管理', '完整的 API 接口'],
+    pros: [t('platforms.engines.dify.pros.0'), t('platforms.engines.dify.pros.1'), t('platforms.engines.dify.pros.2'), t('platforms.engines.dify.pros.3')],
     checkBg: 'bg-emerald-100 text-emerald-600',
     btnClass: 'bg-gradient-to-r from-emerald-500 to-teal-500 text-white shadow-lg shadow-emerald-200/50'
   },
   {
-    id: 'fastgpt', name: 'FastGPT', logo: '⚡', tag: '知识库', subtitle: '企业知识库问答',
+    id: 'fastgpt', name: 'FastGPT', logo: '⚡', tag: t('platforms.engines.fastgpt.tag'), subtitle: t('platforms.engines.fastgpt.subtitle'),
     color: 'amber',
     img: 'https://images.unsplash.com/photo-1460925895917-afdab827c52f?w=600&h=350&fit=crop&q=80',
     gradientFrom: 'rgba(245,158,11,0.4)', gradientTo: 'rgba(17,24,39,0.95)',
-    desc: 'FastGPT 专注于企业知识库问答场景,支持私有化部署,高精度文档解析和问答,是企业 AI 知识管理的首选方案。',
-    useCases: ['企业知识库', '文档问答', '私有化部署'],
+    desc: t('platforms.engines.fastgpt.desc'),
+    useCases: [t('platforms.engines.fastgpt.useCases.0'), t('platforms.engines.fastgpt.useCases.1'), t('platforms.engines.fastgpt.useCases.2')],
     metrics: [
-      { value: '95%+', label: '问答准确率', color: 'text-amber-400' },
-      { value: '私有化', label: '数据安全', color: 'text-green-400' },
-      { value: '多格式', label: '文档支持', color: 'text-blue-400' }
+      { value: '95%+', label: t('platforms.engines.fastgpt.metrics.0.label'), color: 'text-amber-400' },
+      { value: t('platforms.engines.fastgpt.metrics.1.value'), label: t('platforms.engines.fastgpt.metrics.1.label'), color: 'text-green-400' },
+      { value: t('platforms.engines.fastgpt.metrics.2.value'), label: t('platforms.engines.fastgpt.metrics.2.label'), color: 'text-blue-400' }
     ],
-    pros: ['高精度文档解析', '支持私有化部署', '多格式文件支持', '企业级权限管理'],
+    pros: [t('platforms.engines.fastgpt.pros.0'), t('platforms.engines.fastgpt.pros.1'),t('platforms.engines.fastgpt.pros.2'), t('platforms.engines.fastgpt.pros.3')],
     checkBg: 'bg-amber-100 text-amber-600',
     btnClass: 'bg-gradient-to-r from-amber-500 to-orange-500 text-white shadow-lg shadow-amber-200/50'
   }
@@ -250,46 +253,46 @@ const currentEngine = computed(() => engines[activeEngine.value])
 
 const comparisonFeatures = [
   {
-    icon: '🎨', name: '可视化编辑', desc: '拖拽式界面',
-    tip: '通过拖拽节点即可构建工作流,无需编程基础',
+    icon: '🎨', name: t('platforms.comparison.features.0.name'), desc: t('platforms.comparison.features.0.desc'),
+    tip: t('platforms.comparison.features.0.tip'),
     support: ['full', 'full', 'full', 'partial'],
-    notes: ['', '', '', '基础版']
+    notes: ['', '', '', t('platforms.comparison.notes.basic')]
   },
   {
-    icon: '🔌', name: '集成节点数', desc: '第三方服务',
-    tip: '内置的第三方平台集成数量,节点越多连接能力越强',
+    icon: '🔌', name: t('platforms.comparison.features.1.name'), desc: t('platforms.comparison.features.1.desc'),
+    tip: t('platforms.comparison.features.1.tip'),
     support: ['full', 'partial', 'partial', 'partial'],
     notes: ['400+', '50+', '100+', '30+']
   },
   {
-    icon: '🧠', name: 'RAG 知识库', desc: '文档问答',
-    tip: '基于检索增强生成,将文档转化为 AI 可检索知识库',
+    icon: '🧠', name: t('platforms.comparison.features.2.name'), desc: t('platforms.comparison.features.2.desc'),
+    tip: t('platforms.comparison.features.2.tip'),
     support: ['partial', 'partial', 'full', 'full'],
-    notes: ['基础', '基础', '完整', '完整']
+    notes: [t('platforms.comparison.notes.basic'), t('platforms.comparison.notes.basic'), t('platforms.comparison.notes.complete'), t('platforms.comparison.notes.complete')]
   },
   {
-    icon: '🤖', name: 'Agent 编排', desc: '智能体工作流',
-    tip: 'AI 智能体自主规划并执行多步骤任务,具备自主决策能力',
+    icon: '🤖', name: t('platforms.comparison.features.3.name'), desc: '智能体工作流',
+    tip: t('platforms.comparison.features.3.tip'),
     support: ['full', 'full', 'full', 'partial'],
-    notes: ['', '', '', '基础']
+    notes: ['', '', '', t('platforms.comparison.notes.basic')]
   },
   {
-    icon: '🏠', name: '私有化部署', desc: '本地/云端',
-    tip: '支持将工作流引擎部署到自己的服务器,数据不离境',
+    icon: '🏠', name: t('platforms.comparison.features.4.name'), desc: t('platforms.comparison.features.4.desc'),
+    tip: t('platforms.comparison.features.4.tip'),
     support: ['full', 'none', 'full', 'full'],
-    notes: ['', '仅云端', '', '']
+    notes: ['', t('platforms.comparison.notes.cloudOnly'), '', '']
   },
   {
-    icon: '📱', name: '多渠道发布', desc: '微信/飞书等',
-    tip: '工作流输出可同时推送到微信、飞书、钉钉等多个渠道',
+    icon: '📱', name: t('platforms.comparison.features.5.name'), desc: t('platforms.comparison.features.5.desc'),
+    tip: t('platforms.comparison.features.5.tip'),
     support: ['partial', 'full', 'partial', 'partial'],
-    notes: ['需配置', '原生支持', '需配置', '需配置']
+    notes: [t('platforms.comparison.notes.needConfig'), t('platforms.comparison.notes.nativeSupport'), t('platforms.comparison.notes.needConfig'), t('platforms.comparison.notes.needConfig')]
   },
   {
-    icon: '💰', name: '免费额度', desc: '基础使用',
-    tip: '开源项目可免费自部署,商业产品有免费层和付费升级选项',
+    icon: '💰', name: t('platforms.comparison.features.6.name'), desc: t('platforms.comparison.features.6.desc'),
+    tip: t('platforms.comparison.features.6.tip'),
     support: ['full', 'full', 'full', 'full'],
-    notes: ['开源免费', '有免费额度', '开源免费', '开源免费']
+    notes: [t('platforms.comparison.notes.openSourceFree'), t('platforms.comparison.notes.freeQuota'), t('platforms.comparison.notes.openSourceFree'), t('platforms.comparison.notes.openSourceFree')]
   }
 ]
 </script>

+ 10 - 8
src/pages/Home/SectionReviews.vue

@@ -12,12 +12,12 @@
       <div class="text-center mb-16 reveal-up" :class="{ 'is-visible': isVisible }">
         <span class="inline-flex items-center gap-2 bg-amber-50 border border-amber-200 text-amber-600 text-xs font-bold px-4 py-1.5 rounded-full mb-6 uppercase tracking-widest">
           <span class="w-1.5 h-1.5 bg-amber-500 rounded-full animate-pulse"></span>
-          用户评价
+          {{ $t('reviews.badge') }}
         </span>
         <h2 class="text-5xl lg:text-6xl font-black text-gray-900 mb-5 leading-tight">
-          真实用户,<span class="reviews-gradient-text">真实反馈</span>
+          {{ $t('reviews.title') }}<span class="reviews-gradient-text">{{ $t('reviews.subtitle') }}</span>
         </h2>
-        <p class="text-gray-500 text-lg max-w-xl mx-auto">来自全球 50,000+ 用户的真实评价,见证暴米AI如何改变工作方式</p>
+        <p class="text-gray-500 text-lg max-w-xl mx-auto">{{ $t('reviews.description') }}</p>
       </div>
 
       <!-- 综合评分横幅 -->
@@ -27,12 +27,12 @@
           <div class="flex justify-center gap-0.5 mb-2">
             <span v-for="i in 5" :key="i" class="text-amber-400 text-2xl">★</span>
           </div>
-          <div class="text-gray-500 text-sm font-medium">综合评分</div>
+          <div class="text-gray-500 text-sm font-medium">{{ $t('reviews.overallRating') }}</div>
         </div>
         <div class="w-px h-20 bg-gray-200 hidden md:block"></div>
         <div class="flex flex-col gap-2.5 min-w-48">
           <div v-for="item in ratingBreakdown" :key="item.stars" class="flex items-center gap-3">
-            <span class="text-gray-400 text-xs w-8 text-right font-medium">{{ item.stars }}</span>
+            <span class="text-gray-400 text-xs w-8 text-right font-medium">{{ item.stars }}{{ $t('reviews.star') }}</span>
             <div class="flex-1 h-2 bg-gray-100 rounded-full overflow-hidden">
               <div class="h-full bg-gradient-to-r from-amber-400 to-yellow-300 rounded-full transition-all duration-1000"
                 :style="{ width: isVisible ? `${item.percent}%` : '0%' }"></div>
@@ -141,7 +141,9 @@
 
 <script setup>
 import { ref, onMounted } from 'vue'
+import { useI18n } from 'vue-i18n'
 
+const { t } = useI18n()
 const isVisible = ref(false)
 const sectionRef = ref(null)
 
@@ -162,9 +164,9 @@ const ratingBreakdown = [
 ]
 
 const ratingStats = [
-  { value: '50,000+', label: '总评价数' },
-  { value: '98%', label: '推荐率' },
-  { value: '4.9/5', label: '平均评分' },
+  { value: '50,000+', label: t('reviews.stats.totalReviews') },
+  { value: '98%', label: t('reviews.stats.recommendationRate') },
+  { value: '4.9/5', label: t('reviews.stats.averageRating') },
 ]
 
 const sideReviews = [

+ 54 - 48
src/pages/Home/SectionScenes.vue

@@ -13,13 +13,13 @@
       <div class="text-center mb-16 reveal-up" :class="{ 'is-visible': isVisible }">
         <span class="inline-flex items-center gap-2 bg-violet-50 border border-violet-200 text-violet-600 text-xs font-bold px-4 py-1.5 rounded-full mb-5 tracking-widest uppercase">
           <span class="w-1.5 h-1.5 bg-violet-500 rounded-full animate-pulse"></span>
-          应用场景
+          {{ $t('scenes.badge') }}
         </span>
         <h2 class="text-5xl lg:text-6xl font-black text-gray-900 mb-5 leading-tight">
-          工作流<span class="scenes-gradient-text">无处不在</span>
+          {{ $t('scenes.title') }}<span class="scenes-gradient-text">{{ $t('scenes.subtitle') }}</span>
         </h2>
         <p class="text-gray-500 text-lg max-w-2xl mx-auto leading-relaxed">
-          从内容创作到企业运营,AI 工作流正在重塑每一个行业的工作方式
+          {{ $t('scenes.description') }}
         </p>
       </div>
 
@@ -59,7 +59,7 @@
             <div class="scene-efficiency-badge">
               <span class="text-3xl font-black text-white">{{ currentScene.efficiency }}</span>
               <div>
-                <div class="text-white text-xs font-bold">效率提升</div>
+                <div class="text-white text-xs font-bold">{{$t('scenes.metrics.efficiencyImprovement')}}</div>
                 <div class="text-white/60 text-xs">{{ currentScene.efficiencyLabel }}</div>
               </div>
             </div>
@@ -85,7 +85,7 @@
 
           <!-- 底部工具标签 -->
           <div class="scene-tools-bar">
-            <span class="text-white/40 text-xs mr-2">集成工具:</span>
+            <span class="text-white/40 text-xs mr-2">{{$t('scenes.toolsTitle')}}</span>
             <Transition name="tools-fade">
               <div :key="activeScene" class="flex flex-wrap gap-2">
                 <span v-for="(tool, ti) in currentScene.tools" :key="tool"
@@ -148,7 +148,7 @@
                       <div class="wf-step-card-badges">
                         <span class="wf-step-time-badge">⏱ {{ step.time }}</span>
                         <span class="wf-step-status-badge" :class="step.done ? 'wf-status-done' : 'wf-status-pending'">
-                          {{ step.done ? '已完成' : '待执行' }}
+                          {{ step.done ? $t('scenes.status.completed') : $t('scenes.status.pending') }}
                         </span>
                       </div>
                     </div>
@@ -169,10 +169,10 @@
           <!-- CTA 按钮 -->
           <div class="mt-6 flex gap-3">
             <button class="scene-cta-primary flex-1">
-              立即体验 · {{ currentScene.name }} →
+              {{ $t('scenes.cta.experience') }} · {{ currentScene.name }} →
             </button>
             <button class="scene-cta-secondary px-5">
-              查看案例
+              {{ $t('scenes.cta.viewCases') }} 
             </button>
           </div>
         </div>
@@ -183,6 +183,9 @@
 
 <script setup>
 import { ref, computed, onMounted } from 'vue'
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()
 
 const activeScene = ref(0)
 const activeStep = ref(0)
@@ -214,63 +217,66 @@ function onCardMouseLeave() {
 
 const scenes = [
   {
-    icon: '✍️', name: '内容创作', count: '428x',
-    efficiency: '10x', efficiencyLabel: '内容产出',
+    icon: '✍️', name: t('scenes.scenes.contentCreation.name'), count: '428x',
+    efficiency: '10x', efficiencyLabel: t('scenes.scenes.contentCreation.efficiencyLabel'),
     img: 'https://images.unsplash.com/photo-1455390582262-044cdead277a?w=800&h=600&fit=crop&q=80',
-    desc: 'AI 驱动的内容生产流水线,从关键词输入到多平台发布,全程自动化',
-    longDesc: 'AI 驱动的内容生产流水线,从关键词输入到多平台发布,全程自动化,效率提升 10 倍。支持微信公众号、小红书、抖音等主流平台一键分发。',
-    metrics: [{ value: '10x', label: '效率提升' }, { value: '4平台', label: '同步发布' }, { value: '<5min', label: '生产周期' }],
-    tools: ['GPT-4', 'Claude', '微信公众号', '小红书', '抖音', 'n8n'],
+    desc:t('scenes.scenes.contentCreation.desc'),
+    longDesc: t('scenes.scenes.contentCreation.longDesc'),
+    metrics: [
+      { value: '10x', label: t('scenes.scenes.contentCreation.metrics.0.label') }, 
+      { value: t('scenes.metrics.platformCount'), label: t('scenes.scenes.contentCreation.metrics.1.label') }, 
+      { value: '<5min', label: t('scenes.scenes.contentCreation.metrics.2.label') }],
+    tools: ['GPT-4', 'Claude', t('scenes.platforms.wechat'), t('scenes.platforms.xiaohongshu'), t('scenes.platforms.douyin'), 'n8n'],
     steps: [
-      { title: '关键词输入', desc: '输入关键词,AI 自动扩展话题,批量生成内容大纲', time: '10s', done: true, tags: ['批量扩展', '话题分析'] },
-      { title: 'AI 文案生成', desc: 'GPT-4 生成高质量文章,支持多种风格和语气调整', time: '40s', done: true, tags: ['GPT-4', 'Claude', '自动配图'] },
-      { title: '多平台适配', desc: '自动调整格式,适配各平台字数限制和排版规范', time: '20s', done: true, tags: ['格式转换', '自动排版'] },
-      { title: '一键发布', desc: '同步发布到所有平台,自动设置标签和发布时间', time: '5s', done: false, tags: ['多平台', '定时发布'] }
+      { title: t('scenes.scenes.contentCreation.steps.0.title'), desc: t('scenes.scenes.contentCreation.steps.0.desc'), time: '10s', done: true, tags: [t('scenes.tags.batchExpansion'), t('scenes.tags.topicAnalysis')] },
+      { title: t('scenes.scenes.contentCreation.steps.1.title'), desc: t('scenes.scenes.contentCreation.steps.1.desc'), time: '40s', done: true, tags: ['GPT-4', 'Claude', t('scenes.tags.autoImage')] },
+      { title: t('scenes.scenes.contentCreation.steps.2.title'), desc: t('scenes.scenes.contentCreation.steps.2.desc'), time: '20s', done: true, tags: [t('scenes.tags.formatConversion'), t('scenes.tags.autoTypesetting')] },
+      { title: t('scenes.scenes.contentCreation.steps.3.title'), desc: t('scenes.scenes.contentCreation.steps.3.desc'), time: '5s', done: false, tags: [t('scenes.tags.multiPlatform'), t('scenes.tags.scheduledPublishing')] }
     ]
   },
   {
-    icon: '🤖', name: '客服自动化', count: '528x',
-    efficiency: '95%', efficiencyLabel: '自动回复率',
+    icon: '🤖', name: t('scenes.scenes.customerService.name'), count: '528x',
+    efficiency: '95%', efficiencyLabel: t('scenes.scenes.customerService.efficiencyLabel'),
     img: 'https://images.unsplash.com/photo-1596526131083-e8c633c948d2?w=800&h=600&fit=crop&q=80',
-    desc: '智能客服机器人,7×24h 自动处理客户咨询,准确率高达 95%',
-    longDesc: '基于 FastGPT 知识库的智能客服系统,自动学习产品文档和历史对话,实现 95% 问题自动解答,大幅降低人工客服压力。',
-    metrics: [{ value: '95%', label: '自动回复率' }, { value: '7×24h', label: '全天在线' }, { value: '<2s', label: '响应时间' }],
-    tools: ['FastGPT', 'Coze', '微信', '飞书', '钉钉', 'Zendesk'],
+    desc: t('scenes.scenes.customerService.desc'),
+    longDesc: t('scenes.scenes.customerService.longDesc'),
+    metrics: [{ value: '95%', label: t('scenes.scenes.customerService.metrics.0.label') }, { value: '7×24h', label: t('scenes.scenes.customerService.metrics.1.label') }, { value: '<2s', label: t('scenes.scenes.customerService.metrics.2.label') }],
+    tools: ['FastGPT', 'Coze', t('scenes.platforms.wechat'), t('scenes.platforms.feishu'), t('scenes.platforms.dingtalk'), 'Zendesk'],
     steps: [
-      { title: '知识库构建', desc: '上传产品文档、FAQ,AI 自动解析并建立向量索引', time: '5min', done: true, tags: ['PDF解析', '向量化', '自动更新'] },
-      { title: '意图识别', desc: '精准识别用户意图,分类路由到对应处理流程', time: '0.1s', done: true, tags: ['NLU', '多轮对话'] },
-      { title: 'AI 智能回答', desc: '基于知识库生成精准回答,支持追问和澄清', time: '1.5s', done: true, tags: ['RAG检索', '上下文理解'] },
-      { title: '人工介入', desc: '复杂问题自动转人工,附带完整对话上下文', time: '即时', done: false, tags: ['智能转接', '上下文传递'] }
+      { title: t('scenes.scenes.customerService.steps.0.title'), desc: t('scenes.scenes.customerService.steps.0.desc'), time: '5min', done: true, tags: [t('scenes.tags.pdfParsing'), t('scenes.tags.vectorization'),t('scenes.tags.autoUpdate')] },
+      { title: t('scenes.scenes.customerService.steps.1.title'), desc: t('scenes.scenes.customerService.steps.1.desc'), time: '0.1s', done: true, tags: ['NLU', t('scenes.tags.multiTurnDialogue')] },
+      { title: t('scenes.scenes.customerService.steps.2.title'), desc: t('scenes.scenes.customerService.steps.2.desc'), time: '1.5s', done: true, tags: ['RAG检索', t('scenes.tags.contextUnderstanding')] },
+      { title: t('scenes.scenes.customerService.steps.3.title'), desc: t('scenes.scenes.customerService.steps.3.desc'), time: t('scenes.tags.realTime'), done: false, tags: [t('scenes.tags.intelligentTransfer'),t('scenes.tags.contextTransfer')] }
     ]
   },
   {
-    icon: '📊', name: '数据分析', count: '368x',
-    efficiency: '8h→20min', efficiencyLabel: '报表生成',
+    icon: '📊', name: t('scenes.scenes.dataAnalysis.name'), count: '368x',
+    efficiency: '8h→20min', efficiencyLabel: t('scenes.scenes.dataAnalysis.efficiencyLabel'),
     img: 'https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=800&h=600&fit=crop&q=80',
-    desc: '自动化数据采集、清洗、分析和报表生成,将 8 小时工作压缩到 20 分钟',
-    longDesc: '从多数据源自动采集数据,经过清洗和分析后,自动生成可视化报表并推送到飞书、邮件等渠道,彻底解放数据分析师。',
-    metrics: [{ value: '8h→20min', label: '报表生成' }, { value: '20+数据源', label: '统一接入' }, { value: '自动推送', label: '多渠道' }],
-    tools: ['n8n', 'Python', 'MySQL', 'Google Sheets', '飞书', 'Slack'],
+    desc: t('scenes.scenes.dataAnalysis.desc'),
+    longDesc: t('scenes.scenes.dataAnalysis.longDesc'),
+    metrics: [{ value: '8h→20min', label: t('scenes.scenes.dataAnalysis.metrics.0.label') }, { value: t('scenes.metrics.dataSources'), label: t('scenes.scenes.dataAnalysis.metrics.1.label') }, { value: t('scenes.tags.autoPush'), label: t('scenes.scenes.dataAnalysis.metrics.2.label') }],
+    tools: ['n8n', 'Python', 'MySQL', 'Google Sheets', t('scenes.platforms.feishu'), 'Slack'],
     steps: [
-      { title: '多源数据采集', desc: '自动从数据库、API、Excel 等多源采集最新数据', time: '2min', done: true, tags: ['MySQL', 'API', 'Excel'] },
-      { title: '数据清洗', desc: 'AI 自动识别异常值,标准化数据格式', time: '3min', done: true, tags: ['去重', '格式化', '异常检测'] },
-      { title: '智能分析', desc: '自动计算关键指标,生成趋势分析和预测', time: '5min', done: true, tags: ['趋势分析', 'AI预测'] },
-      { title: '报表推送', desc: '生成可视化报表,自动推送到指定渠道', time: '1min', done: false, tags: ['图表生成', '定时推送'] }
+      { title: t('scenes.scenes.dataAnalysis.steps.0.title'), desc: t('scenes.scenes.dataAnalysis.steps.0.desc'), time: '2min', done: true, tags: ['MySQL', 'API', 'Excel'] },
+      { title: t('scenes.scenes.dataAnalysis.steps.1.title'), desc: t('scenes.scenes.dataAnalysis.steps.1.desc'), time: '3min', done: true, tags: [t('scenes.tags.deduplication'), t('scenes.tags.deduplication'), t('scenes.tags.anomalyDetection')] },
+      { title: t('scenes.scenes.dataAnalysis.steps.2.title'), desc: t('scenes.scenes.dataAnalysis.steps.2.desc'), time: '5min', done: true, tags: [t('scenes.tags.trendAnalysis'), t('scenes.tags.aiPrediction')] },
+      { title: t('scenes.scenes.dataAnalysis.steps.3.title'), desc: t('scenes.scenes.dataAnalysis.steps.3.desc'), time: '1min', done: false, tags: [t('scenes.tags.chartGeneration'), t('scenes.tags.scheduledPush')] }
     ]
   },
   {
-    icon: '💼', name: '销售赋能', count: '268x',
-    efficiency: '3x', efficiencyLabel: '转化率提升',
+    icon: '💼', name: t('scenes.scenes.sales.name'), count: '268x',
+    efficiency: '3x', efficiencyLabel: t('scenes.scenes.sales.efficiencyLabel'),
     img: 'https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop&q=80',
-    desc: '智能销售助手,自动跟进线索、生成个性化方案,转化率提升 3 倍',
-    longDesc: '从线索获取到成单全流程自动化,AI 分析客户画像,生成个性化销售方案,自动跟进提醒,让销售团队专注高价值工作。',
-    metrics: [{ value: '3x', label: '转化率提升' }, { value: '自动跟进', label: '线索管理' }, { value: '个性化', label: '方案生成' }],
-    tools: ['Coze', 'Dify', 'Salesforce', '企业微信', '飞书', 'HubSpot'],
+    desc: t('scenes.scenes.sales.desc'),
+    longDesc: t('scenes.scenes.sales.longDesc'),
+    metrics: [{ value: '3x', label: t('scenes.scenes.sales.metrics.0.label') }, { value: t('scenes.tags.autoFollowUp'), label: t('scenes.scenes.sales.metrics.1.label') }, { value: t('scenes.tags.personalization'), label: t('scenes.scenes.sales.metrics.2.label') }],
+    tools: ['Coze', 'Dify', 'Salesforce', t('scenes.platforms.wechatWork'),, t('scenes.platforms.feishu'), 'HubSpot'],
     steps: [
-      { title: '线索智能评分', desc: 'AI 分析客户行为,自动评估线索质量和购买意向', time: '实时', done: true, tags: ['行为分析', '意向评分'] },
-      { title: '个性化触达', desc: '根据客户画像生成个性化邮件和话术,自动发送', time: '5min', done: true, tags: ['个性化', '自动发送'] },
-      { title: '跟进提醒', desc: '智能安排跟进时间,自动提醒销售人员关键节点', time: '自动', done: true, tags: ['智能提醒', 'CRM同步'] },
-      { title: '方案生成', desc: 'AI 根据客户需求自动生成定制化销售方案', time: '2min', done: false, tags: ['方案定制', 'PDF生成'] }
+      { title: t('scenes.scenes.sales.steps.0.title'), desc: t('scenes.scenes.sales.steps.0.desc'), time: t('scenes.tags.realTime'), done: true, tags: [t('scenes.tags.behaviorAnalysis'), t('scenes.tags.intentScoring')] },
+      { title: t('scenes.scenes.sales.steps.1.title'), desc: t('scenes.scenes.sales.steps.1.desc'), time: '5min', done: true, tags: [t('scenes.tags.personalization'), t('scenes.tags.autoSending')] },
+      { title: t('scenes.scenes.sales.steps.2.title'), desc: t('scenes.scenes.sales.steps.2.desc'), time: t('scenes.tags.auto'), done: true, tags: [t('scenes.tags.intelligentReminder'), t('scenes.tags.crmSync')] },
+      { title: t('scenes.scenes.sales.steps.3.title'), desc: t('scenes.scenes.sales.steps.3.desc'), time: '2min', done: false, tags: [t('scenes.tags.planCustomization'), t('scenes.tags.pdfGeneration')] }
     ]
   }
 ]

+ 25 - 22
src/pages/Home/SectionStats.vue

@@ -19,12 +19,12 @@
         <span class="inline-flex items-center gap-2 border text-xs font-bold px-4 py-1.5 rounded-full mb-5 tracking-widest uppercase"
           style="background: rgba(139,92,246,0.15); border-color: rgba(139,92,246,0.4); color: #a78bfa;">
           <span class="w-1.5 h-1.5 rounded-full animate-pulse" style="background: #a78bfa;"></span>
-          实时数据
+          {{ $t('stats.badge') }}
         </span>
         <h2 class="stats-heading text-white mb-4 leading-tight">
-          数据流转,<span class="stats-gradient-text">毫秒可见</span>
+          {{ $t('stats.title') }}<span class="stats-gradient-text">{{ $t('stats.subtitle') }}</span>
         </h2>
-        <p class="text-base lg:text-lg max-w-2xl mx-auto" style="color: rgba(255,255,255,0.5);">每一次工作流执行,都在为你创造价值</p>
+        <p class="text-base lg:text-lg max-w-2xl mx-auto" style="color: rgba(255,255,255,0.5);">{{ $t('stats.description') }}</p>
       </div>
 
       <!-- 四大数据卡片 -->
@@ -58,11 +58,11 @@
         <!-- 系统状态面板 -->
         <div class="glass-panel">
           <div class="flex items-center justify-between mb-5">
-            <h3 class="font-bold text-white text-sm sm:text-base">系统运行状态</h3>
+            <h3 class="font-bold text-white text-sm sm:text-base">{{ $t('stats.systemStatus.title') }}</h3>
             <span class="flex items-center gap-1.5 text-xs font-medium px-3 py-1 rounded-full"
               style="background: rgba(16,185,129,0.15); color: #34d399; border: 1px solid rgba(16,185,129,0.3);">
               <span class="w-1.5 h-1.5 bg-emerald-400 rounded-full animate-pulse"></span>
-              正常
+              {{ $t('stats.systemStatus.normal') }}
             </span>
           </div>
           <div class="space-y-4">
@@ -83,9 +83,9 @@
         <!-- 工作流执行路径 -->
         <div class="glass-panel">
           <div class="flex items-center justify-between mb-5">
-            <h3 class="font-bold text-white text-sm sm:text-base">典型工作流执行路径</h3>
+            <h3 class="font-bold text-white text-sm sm:text-base">{{ $t('stats.flowPath.title') }}</h3>
             <span class="text-xs font-medium px-3 py-1 rounded-full"
-              style="background: rgba(59,130,246,0.15); color: #60a5fa; border: 1px solid rgba(59,130,246,0.3);">实时运行中</span>
+              style="background: rgba(59,130,246,0.15); color: #60a5fa; border: 1px solid rgba(59,130,246,0.3);">{{ $t('stats.flowPath.running') }}</span>
           </div>
           <div class="flow-steps-row">
             <div v-for="(step, idx) in flowSteps" :key="step.label" class="flex items-center gap-1 sm:gap-2">
@@ -104,8 +104,8 @@
           </div>
           <div class="mt-4 flex items-center justify-between p-3 rounded-2xl"
             style="background: rgba(16,185,129,0.1); border: 1px solid rgba(16,185,129,0.2);">
-            <span class="text-xs sm:text-sm" style="color: rgba(255,255,255,0.6);">总执行耗时</span>
-            <span class="text-xs sm:text-sm font-black text-emerald-400">1.25s ✓ 完成</span>
+            <span class="text-xs sm:text-sm" style="color: rgba(255,255,255,0.6);">{{ $t('stats.flowPath.totalTime') }}</span>
+            <span class="text-xs sm:text-sm font-black text-emerald-400">1.25s ✓ {{ $t('stats.flowPath.completed') }}</span>
           </div>
         </div>
       </div>
@@ -115,6 +115,9 @@
 
 <script setup>
 import { ref, onMounted } from 'vue'
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()
 
 const isVisible = ref(false)
 const sectionRef = ref(null)
@@ -129,25 +132,25 @@ onMounted(() => {
 })
 
 const stats = [
-  { icon: '🌍', label: '全球用户', sub: '来自 120+ 国家和地区', displayNum: '50,000+', growth: '↑ 23%', numColor: '#c084fc', lineGradient: 'linear-gradient(90deg, #8b5cf6, #a78bfa)', glowColor: 'radial-gradient(circle at 50% 0%, rgba(139,92,246,0.3) 0%, transparent 70%)', progress: '75%' },
-  { icon: '⚡', label: '工作流执行', sub: '累计自动化执行次数', displayNum: '1,200万+', growth: '↑ 41%', numColor: '#60a5fa', lineGradient: 'linear-gradient(90deg, #3b82f6, #60a5fa)', glowColor: 'radial-gradient(circle at 50% 0%, rgba(59,130,246,0.3) 0%, transparent 70%)', progress: '88%' },
-  { icon: '⏱️', label: '节省工时', sub: '用户累计节省的人工时间', displayNum: '320万小时', growth: '↑ 58%', numColor: '#22d3ee', lineGradient: 'linear-gradient(90deg, #06b6d4, #22d3ee)', glowColor: 'radial-gradient(circle at 50% 0%, rgba(6,182,212,0.3) 0%, transparent 70%)', progress: '92%' },
-  { icon: '📦', label: '工作流模板', sub: '社区贡献的精选模板', displayNum: '8,000+', growth: '↑ 35%', numColor: '#34d399', lineGradient: 'linear-gradient(90deg, #10b981, #34d399)', glowColor: 'radial-gradient(circle at 50% 0%, rgba(16,185,129,0.3) 0%, transparent 70%)', progress: '65%' }
+  { icon: '🌍', label: t('stats.cards.globalUsers.label'), sub: t('stats.cards.globalUsers.sub'), displayNum: '50,000+', growth: '↑ 23%', numColor: '#c084fc', lineGradient: 'linear-gradient(90deg, #8b5cf6, #a78bfa)', glowColor: 'radial-gradient(circle at 50% 0%, rgba(139,92,246,0.3) 0%, transparent 70%)', progress: '75%' },
+  { icon: '⚡', label: t('stats.cards.workflowExecutions.label'), sub: t('stats.cards.workflowExecutions.sub'), displayNum: '1,200万+', growth: '↑ 41%', numColor: '#60a5fa', lineGradient: 'linear-gradient(90deg, #3b82f6, #60a5fa)', glowColor: 'radial-gradient(circle at 50% 0%, rgba(59,130,246,0.3) 0%, transparent 70%)', progress: '88%' },
+  { icon: '⏱️', label: t('stats.cards.timeSaved.label'), sub: t('stats.cards.timeSaved.sub'), displayNum: '320万小时', growth: '↑ 58%', numColor: '#22d3ee', lineGradient: 'linear-gradient(90deg, #06b6d4, #22d3ee)', glowColor: 'radial-gradient(circle at 50% 0%, rgba(6,182,212,0.3) 0%, transparent 70%)', progress: '92%' },
+  { icon: '📦', label: t('stats.cards.workflowTemplates.label'), sub: t('stats.cards.workflowTemplates.sub'), displayNum: '8,000+', growth: '↑ 35%', numColor: '#34d399', lineGradient: 'linear-gradient(90deg, #10b981, #34d399)', glowColor: 'radial-gradient(circle at 50% 0%, rgba(16,185,129,0.3) 0%, transparent 70%)', progress: '65%' }
 ]
 
 const systemMetrics = [
-  { icon: '✅', label: '在线率', value: '99.9%', width: '99%', barGradient: 'linear-gradient(90deg, #10b981, #34d399)', numColor: '#34d399' },
-  { icon: '📈', label: '流量峰值', value: '60%', width: '60%', barGradient: 'linear-gradient(90deg, #3b82f6, #60a5fa)', numColor: '#60a5fa' },
-  { icon: '⚡', label: '平均响应时间', value: '180ms', width: '82%', barGradient: 'linear-gradient(90deg, #8b5cf6, #a78bfa)', numColor: '#a78bfa' },
-  { icon: '🔄', label: '今日执行次数', value: '15,750次', width: '78%', barGradient: 'linear-gradient(90deg, #f59e0b, #fbbf24)', numColor: '#fbbf24' }
+  { icon: '✅', label: t('stats.systemMetrics.uptime'), value: '99.9%', width: '99%', barGradient: 'linear-gradient(90deg, #10b981, #34d399)', numColor: '#34d399' },
+  { icon: '📈', label:t('stats.systemMetrics.peakTraffic'), value: '60%', width: '60%', barGradient: 'linear-gradient(90deg, #3b82f6, #60a5fa)', numColor: '#60a5fa' },
+  { icon: '⚡', label: t('stats.systemMetrics.avgResponseTime'), value: '180ms', width: '82%', barGradient: 'linear-gradient(90deg, #8b5cf6, #a78bfa)', numColor: '#a78bfa' },
+  { icon: '🔄', label: t('stats.systemMetrics.todayExecutions'), value: '15,750次', width: '78%', barGradient: 'linear-gradient(90deg, #f59e0b, #fbbf24)', numColor: '#fbbf24' }
 ]
 
 const flowSteps = [
-  { icon: '📥', label: '数据输入', time: '0.1s', bg: 'rgba(139,92,246,0.15)', border: 'rgba(139,92,246,0.4)', timeColor: '#a78bfa' },
-  { icon: '🔀', label: '条件判断', time: '0.2s', bg: 'rgba(59,130,246,0.15)', border: 'rgba(59,130,246,0.4)', timeColor: '#60a5fa' },
-  { icon: '🤖', label: 'AI 处理', time: '0.8s', bg: 'rgba(99,102,241,0.15)', border: 'rgba(99,102,241,0.4)', timeColor: '#818cf8' },
-  { icon: '📊', label: '数据分析', time: '0.1s', bg: 'rgba(6,182,212,0.15)', border: 'rgba(6,182,212,0.4)', timeColor: '#22d3ee' },
-  { icon: '📤', label: '多端输出', time: '0.05s', bg: 'rgba(16,185,129,0.15)', border: 'rgba(16,185,129,0.4)', timeColor: '#34d399' }
+  { icon: '📥', label: t('stats.flowSteps.dataInput'), time: '0.1s', bg: 'rgba(139,92,246,0.15)', border: 'rgba(139,92,246,0.4)', timeColor: '#a78bfa' },
+  { icon: '🔀', label: t('stats.flowSteps.condition'), time: '0.2s', bg: 'rgba(59,130,246,0.15)', border: 'rgba(59,130,246,0.4)', timeColor: '#60a5fa' },
+  { icon: '🤖', label: t('stats.flowSteps.aiProcessing'), time: '0.8s', bg: 'rgba(99,102,241,0.15)', border: 'rgba(99,102,241,0.4)', timeColor: '#818cf8' },
+  { icon: '📊', label: t('stats.flowSteps.dataAnalysis'), time: '0.1s', bg: 'rgba(6,182,212,0.15)', border: 'rgba(6,182,212,0.4)', timeColor: '#22d3ee' },
+  { icon: '📤', label: t('stats.flowSteps.multiOutput'), time: '0.05s', bg: 'rgba(16,185,129,0.15)', border: 'rgba(16,185,129,0.4)', timeColor: '#34d399' }
 ]
 </script>
 

+ 17 - 15
src/pages/Home/SectionWhatIsWorkflow.vue

@@ -8,12 +8,12 @@
       <div class="text-center mb-14 observe-fade">
         <span class="inline-flex items-center gap-2 bg-violet-100 border border-violet-200 text-violet-700 text-xs font-bold px-4 py-1.5 rounded-full mb-5 uppercase tracking-wide">
           <span class="w-1.5 h-1.5 bg-violet-500 rounded-full animate-pulse"></span>
-          新手指南
+          {{$t('whatIsWorkflow.guideTitle')}}
         </span>
         <h2 class="text-3xl lg:text-4xl font-black text-gray-900 mb-3">
-          什么是 <span class="bg-gradient-to-r from-violet-600 to-indigo-600 bg-clip-text text-transparent">AI 工作流</span>?
+          {{$t('whatIsWorkflow.title')}} <span class="bg-gradient-to-r from-violet-600 to-indigo-600 bg-clip-text text-transparent">{{$t('whatIsWorkflow.aiWorkflow')}}</span>?
         </h2>
-        <p class="text-gray-500 text-base max-w-xl mx-auto">3 步理解 AI 工作流的核心价值,让重复性工作彻底自动化</p>
+        <p class="text-gray-500 text-base max-w-xl mx-auto">{{$t('whatIsWorkflow.subtitle')}}</p>
       </div>
 
       <!-- 3 步说明 -->
@@ -45,9 +45,9 @@
 
       <!-- 底部 CTA -->
       <div class="text-center observe-fade">
-        <p class="text-gray-400 text-sm mb-4">已有 <strong class="text-violet-600">50,000+</strong> 用户通过暴米AI实现工作自动化</p>
+        <p class="text-gray-400 text-sm mb-4" v-html="$t('whatIsWorkflow.userCount', { count: '50,000+' })"></p>
         <button class="inline-flex items-center gap-2 bg-gradient-to-r from-violet-600 to-indigo-600 text-white font-bold px-8 py-3.5 rounded-2xl shadow-lg shadow-violet-200 hover:shadow-violet-300 hover:-translate-y-0.5 transition-all duration-300">
-          <span>免费体验工作流</span>
+          <span>{{$t('whatIsWorkflow.ctaButton')}}</span>
           <span class="text-lg">→</span>
         </button>
       </div>
@@ -57,32 +57,34 @@
 
 <script setup>
 import { onMounted } from 'vue'
+import { useI18n } from 'vue-i18n'
 
+const { t } = useI18n()
 const steps = [
-  {
+{
     icon: '🎯',
-    title: '定义触发条件',
-    desc: '设置工作流的启动时机——可以是定时任务、Webhook 回调、表单提交,或任何外部事件。',
+    title: t('whatIsWorkflow.steps.step1.title'),
+    desc: t('whatIsWorkflow.steps.step1.desc'),
     iconBg: 'linear-gradient(135deg, rgba(139,92,246,0.15), rgba(99,102,241,0.1))',
-    examples: ['定时触发', 'Webhook', '表单提交', '邮件接收'],
+    examples: [t('whatIsWorkflow.steps.step1.examples.0'), t('whatIsWorkflow.steps.step1.examples.1'), t('whatIsWorkflow.steps.step1.examples.2'), t('whatIsWorkflow.steps.step1.examples.3')],
     tagBg: 'rgba(139,92,246,0.1)',
     tagColor: '#7c3aed'
   },
   {
     icon: '⚡',
-    title: '连接 AI 节点',
-    desc: '拖拽连接 GPT、Claude 等 AI 模型节点,配合数据处理、条件判断、循环等逻辑节点,构建智能管道。',
+    title: t('whatIsWorkflow.steps.step2.title'),
+    desc: t('whatIsWorkflow.steps.step2.desc'),
     iconBg: 'linear-gradient(135deg, rgba(245,158,11,0.15), rgba(251,191,36,0.1))',
-    examples: ['GPT-4', 'Claude', '数据处理', '条件分支'],
+    examples: [t('whatIsWorkflow.steps.step2.examples.0'), t('whatIsWorkflow.steps.step2.examples.1'), t('whatIsWorkflow.steps.step2.examples.2'), t('whatIsWorkflow.steps.step2.examples.3')],
     tagBg: 'rgba(245,158,11,0.1)',
     tagColor: '#d97706'
   },
   {
     icon: '🚀',
-    title: '自动执行输出',
-    desc: '工作流自动运行,将结果推送到微信、飞书、数据库、邮件等任意目标,全程无需人工干预。',
+    title: t('whatIsWorkflow.steps.step3.title'),
+    desc: t('whatIsWorkflow.steps.step3.desc'),
     iconBg: 'linear-gradient(135deg, rgba(34,197,94,0.15), rgba(16,185,129,0.1))',
-    examples: ['微信推送', '飞书通知', '数据库写入', '邮件发送'],
+    examples: [t('whatIsWorkflow.steps.step3.examples.0'), t('whatIsWorkflow.steps.step3.examples.1'), t('whatIsWorkflow.steps.step3.examples.2'), t('whatIsWorkflow.steps.step3.examples.3')],
     tagBg: 'rgba(34,197,94,0.1)',
     tagColor: '#059669'
   }

+ 38 - 36
src/pages/Home/SectionWorkflowDemo.vue

@@ -11,13 +11,13 @@
       <div class="wf-demo-header" :class="{ visible: headerVisible }">
         <div class="wf-badge">
           <span class="wf-badge-dot"></span>
-          <span>实时工作流演示</span>
+          <span>{{$t('workflowDemo.badge')}}</span>
         </div>
         <h2 class="wf-demo-title">
-          看见 AI 如何
-          <span class="wf-gradient-text">自动完成你的工作</span>
+          {{$t('workflowDemo.title')}}
+          <span class="wf-gradient-text">{{$t('workflowDemo.subtitle')}}</span>
         </h2>
-        <p class="wf-demo-desc">每一个节点都是一个智能决策,每一条连线都是数据的流动,工作流让复杂变得简单</p>
+        <p class="wf-demo-desc">{{$t('workflowDemo.description')}}</p>
       </div>
 
       <!-- 主演示区 -->
@@ -33,7 +33,7 @@
           <div class="wf-toolbar-right">
             <div class="wf-run-badge">
               <span class="wf-run-dot"></span>
-              实时运行中
+              {{$t('workflowDemo.running')}}
             </div>
           </div>
         </div>
@@ -47,12 +47,12 @@
             <div class="wf-node wf-node-trigger" :class="{ pulse: activeNode === 0 }" @mouseenter="activeNode = 0" @mouseleave="activeNode = -1">
               <div class="wf-node-header" style="background: linear-gradient(135deg, #7C3AED, #8B5CF6)">
                 <span class="wf-node-icon">⚡</span>
-                <span class="wf-node-type">触发器</span>
+                <span class="wf-node-type">{{ $t('workflowDemo.nodeTypes.trigger') }}</span>
               </div>
               <div class="wf-node-body">
-                <div class="wf-node-title">新内容请求</div>
+                <div class="wf-node-title">{{ $t('workflowDemo.nodeTitles.newContentRequest') }}</div>
                 <div class="wf-node-meta">
-                  <span class="wf-node-status running">● 监听中</span>
+                  <span class="wf-node-status running">● {{ $t('workflowDemo.statusList.listening') }}</span>
                   <span class="wf-node-time">0.1s</span>
                 </div>
                 <div class="wf-node-tags">
@@ -74,12 +74,12 @@
             <div class="wf-node wf-node-ai" :class="{ pulse: activeNode === 1 }" @mouseenter="activeNode = 1" @mouseleave="activeNode = -1">
               <div class="wf-node-header" style="background: linear-gradient(135deg, #2563EB, #3B82F6)">
                 <span class="wf-node-icon">🤖</span>
-                <span class="wf-node-type">AI 引擎</span>
+                <span class="wf-node-type">{{ $t('workflowDemo.nodeTypes.aiEngine') }}</span>
               </div>
               <div class="wf-node-body">
-                <div class="wf-node-title">GPT-4 处理</div>
+                <div class="wf-node-title">{{ $t('workflowDemo.nodeTitles.gpt4Processing') }}</div>
                 <div class="wf-node-meta">
-                  <span class="wf-node-status processing">◉ 处理中</span>
+                  <span class="wf-node-status processing">◉ {{ $t('workflowDemo.statusList.processing') }}</span>
                   <span class="wf-node-time">0.8s</span>
                 </div>
                 <div class="wf-node-tags">
@@ -106,12 +106,12 @@
               <div class="wf-node wf-node-content" :class="{ pulse: activeNode === 2 }" @mouseenter="activeNode = 2" @mouseleave="activeNode = -1">
                 <div class="wf-node-header" style="background: linear-gradient(135deg, #059669, #10B981)">
                   <span class="wf-node-icon">✍️</span>
-                  <span class="wf-node-type">内容生成</span>
+                  <span class="wf-node-type">{{ $t('workflowDemo.nodeTypes.contentGeneration') }}</span>
                 </div>
                 <div class="wf-node-body">
-                  <div class="wf-node-title">文章批量生产</div>
+                  <div class="wf-node-title">{{ $t('workflowDemo.nodeTitles.articleBatchProduction') }}</div>
                   <div class="wf-node-meta">
-                    <span class="wf-node-status done">✓ 已完成</span>
+                    <span class="wf-node-status done">✓ {{ $t('workflowDemo.statusList.completed') }}</span>
                     <span class="wf-node-time">0.4s</span>
                   </div>
                   <div class="wf-node-tags">
@@ -125,12 +125,12 @@
               <div class="wf-node wf-node-data" :class="{ pulse: activeNode === 3 }" @mouseenter="activeNode = 3" @mouseleave="activeNode = -1">
                 <div class="wf-node-header" style="background: linear-gradient(135deg, #D97706, #F59E0B)">
                   <span class="wf-node-icon">📊</span>
-                  <span class="wf-node-type">数据分析</span>
+                  <span class="wf-node-type">{{ $t('workflowDemo.nodeTypes.dataAnalysis') }}</span>
                 </div>
                 <div class="wf-node-body">
-                  <div class="wf-node-title">效果追踪</div>
+                  <div class="wf-node-title">{{ $t('workflowDemo.nodeTitles.effectTracking') }}</div>
                   <div class="wf-node-meta">
-                    <span class="wf-node-status running">● 分析中</span>
+                    <span class="wf-node-status running">● {{ $t('workflowDemo.statusList.analyzing') }}</span>
                     <span class="wf-node-time">0.3s</span>
                   </div>
                   <div class="wf-node-tags">
@@ -152,19 +152,19 @@
             <div class="wf-node wf-node-publish" :class="{ pulse: activeNode === 4 }" @mouseenter="activeNode = 4" @mouseleave="activeNode = -1">
               <div class="wf-node-header" style="background: linear-gradient(135deg, #0F172A, #1E293B)">
                 <span class="wf-node-icon">🚀</span>
-                <span class="wf-node-type">多端发布</span>
+                <span class="wf-node-type">{{ $t('workflowDemo.nodeTypes.multiPlatformPublish') }}</span>
               </div>
               <div class="wf-node-body">
-                <div class="wf-node-title">一键分发</div>
+                <div class="wf-node-title">{{ $t('workflowDemo.nodeTitles.oneClickDistribution') }}</div>
                 <div class="wf-node-meta">
-                  <span class="wf-node-status done">✓ 已发布</span>
+                  <span class="wf-node-status done">✓ {{ $t('workflowDemo.statusList.published') }}</span>
                   <span class="wf-node-time">0.05s</span>
                 </div>
                 <div class="wf-node-platforms">
-                  <span class="wf-platform-dot" style="background:#07C160" title="微信"></span>
-                  <span class="wf-platform-dot" style="background:#1677FF" title="飞书"></span>
-                  <span class="wf-platform-dot" style="background:#FF6900" title="抖音"></span>
-                  <span class="wf-platform-dot" style="background:#FE2C55" title="小红书"></span>
+                  <span class="wf-platform-dot" style="background:#07C160" :title="$t('workflowDemo.platforms.wechat')"></span>
+                  <span class="wf-platform-dot" style="background:#1677FF" :title="$t('workflowDemo.platforms.feishu')"></span>
+                  <span class="wf-platform-dot" style="background:#FF6900" :title="$t('workflowDemo.platforms.douyin')"></span>
+                  <span class="wf-platform-dot" style="background:#FE2C55" :title="$t('workflowDemo.platforms.xiaohongshu')"></span>
                 </div>
               </div>
             </div>
@@ -174,18 +174,18 @@
           <!-- 执行统计浮层 -->
           <div class="wf-exec-stats">
             <div class="wf-exec-item">
-              <span class="wf-exec-label">总耗时</span>
+              <span class="wf-exec-label">{{ $t('workflowDemo.execStats.totalTime') }}</span>
               <span class="wf-exec-value">1.65s</span>
             </div>
             <div class="wf-exec-divider"></div>
             <div class="wf-exec-item">
-              <span class="wf-exec-label">节点数</span>
+              <span class="wf-exec-label">{{ $t('workflowDemo.execStats.nodeCount') }}</span>
               <span class="wf-exec-value">5</span>
             </div>
             <div class="wf-exec-divider"></div>
             <div class="wf-exec-item success">
-              <span class="wf-exec-label">状态</span>
-              <span class="wf-exec-value">✓ 成功</span>
+              <span class="wf-exec-label">{{ $t('workflowDemo.execStats.status') }}</span>
+              <span class="wf-exec-value">✓ {{ $t('workflowDemo.execStats.success') }}</span>
             </div>
           </div>
         </div>
@@ -212,21 +212,23 @@
 
 <script setup>
 import { ref, onMounted, onUnmounted } from 'vue'
+import { useI18n } from 'vue-i18n'
 
+const { t } = useI18n()
 const sectionRef = ref(null)
 const activeNode = ref(-1)
 const headerVisible = ref(false)
 const canvasVisible = ref(false)
 const featuresVisible = ref(false)
 
-const features = [
-  { icon: '⚡', bg: 'linear-gradient(135deg,#7C3AED,#8B5CF6)', title: '毫秒级触发', desc: 'Webhook / 定时 / 事件驱动,响应延迟 < 100ms' },
-  { icon: '🔀', bg: 'linear-gradient(135deg,#2563EB,#3B82F6)', title: '条件分支路由', desc: '支持 if/else、switch、并行分支等复杂逻辑' },
-  { icon: '🤖', bg: 'linear-gradient(135deg,#059669,#10B981)', title: 'AI 节点内置', desc: 'GPT-4、Claude、Gemini 一键接入,无需配置' },
-  { icon: '📡', bg: 'linear-gradient(135deg,#D97706,#F59E0B)', title: '400+ 集成节点', desc: '覆盖主流 SaaS、数据库、消息平台' },
-  { icon: '📊', bg: 'linear-gradient(135deg,#0F172A,#334155)', title: '实时执行监控', desc: '每次执行全链路追踪,错误自动告警' },
-  { icon: '🔒', bg: 'linear-gradient(135deg,#BE185D,#EC4899)', title: '企业级安全', desc: '私有化部署、数据加密、权限管控' },
-]
+const features = [ 
+   { icon: '⚡', bg: 'linear-gradient(135deg,#7C3AED,#8B5CF6)', title: t('workflowDemo.features.millisecondTrigger.title'), desc: t('workflowDemo.features.millisecondTrigger.desc') }, 
+   { icon: '🔀', bg: 'linear-gradient(135deg,#2563EB,#3B82F6)', title: t('workflowDemo.features.conditionalRouting.title'), desc: t('workflowDemo.features.conditionalRouting.desc') }, 
+   { icon: '🤖', bg: 'linear-gradient(135deg,#059669,#10B981)', title: t('workflowDemo.features.aiNodes.title'), desc: t('workflowDemo.features.aiNodes.desc') }, 
+   { icon: '📡', bg: 'linear-gradient(135deg,#D97706,#F59E0B)', title: t('workflowDemo.features.integrationNodes.title'), desc: t('workflowDemo.features.integrationNodes.desc') }, 
+   { icon: '📊', bg: 'linear-gradient(135deg,#0F172A,#334155)', title: t('workflowDemo.features.realTimeMonitoring.title'), desc: t('workflowDemo.features.realTimeMonitoring.desc') }, 
+   { icon: '🔒', bg: 'linear-gradient(135deg,#BE185D,#EC4899)', title: t('workflowDemo.features.enterpriseSecurity.title'), desc: t('workflowDemo.features.enterpriseSecurity.desc') }, 
+ ]
 
 let observer = null