/* Copyright (C) 2025 QuantumNous This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with this program. If not, see . For commercial licensing, please contact support@quantumnous.com */ import React from 'react'; import { Typography } from '@douyinfe/semi-ui'; import { IconLayers, IconActivity, IconHistogram, } from '@douyinfe/semi-icons'; import { useTranslation } from 'react-i18next'; const { Title, Text } = Typography; const WorkflowSection = () => { const { t } = useTranslation(); const steps = [ { number: '01', icon: , title: t('接入配置'), description: t('在控制台创建渠道、设置密钥与限额,导入模型列表。'), }, { number: '02', icon: , title: t('智能调度'), description: t('根据健康度、延迟与价格自动选择最优模型通道,内置故障切换。'), }, { number: '03', icon: , title: t('持续洞察'), description: t('通过仪表盘追踪调用趋势、消耗与失败率,实时告警确保 SLO。'), }, ]; return (
{/* 标题区域 */}
{t('工作流')} {t('用 3 个步骤构建你的 AI 控制平面')}
{/* 步骤卡片 */}
{steps.map((step, index) => (
{/* 图标 */}
{step.icon}
{/* 步骤编号 */} {step.number} {/* 标题 */} {step.title} {/* 描述 */}

{step.description}

))}
); }; export default WorkflowSection;