/*
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 { useTranslation } from 'react-i18next';
import { IconChevronRight } from '@douyinfe/semi-icons';
const ToolCard = ({ icon, brand, brandColor, title, description, link, glowClass }) => {
const brandColorClasses = {
amber: 'text-amber-400 hover-glow-amber',
blue: 'text-blue-400 hover-glow-blue',
purple: 'text-purple-400 hover-glow-purple',
};
return (
{/* Logo */}
{/* Brand Tag */}
{brand}
{/* Title */}
{title}
{/* Description */}
{description}
{/* Link */}
LEARN CONFIG
);
};
const ToolsSection = () => {
const { t } = useTranslation();
const tools = [
{
icon: '/images/Anthropic.png',
brand: 'Anthropic',
brandColor: 'amber',
title: 'Claude Code',
description: '代码执行能力强劲,高效理解需求,快速生成精准代码。',
link: '/pricing',
glowClass: 'amber',
},
{
icon: '/images/openai.png',
brand: 'OpenAI',
brandColor: 'blue',
title: 'CodeX',
description: '深度思考模式,慢工出细活,复杂逻辑处理更严谨。',
link: '/pricing',
glowClass: 'blue',
},
{
icon: '/images/gemini-ai.png',
brand: 'Google AI',
brandColor: 'purple',
title: 'Gemini CLI',
description: '前端能力顶尖,UI/UX 设计与实现一步到位,视觉效果出众。',
link: '/pricing',
glowClass: 'purple',
},
];
return (
{/* Header */}
{t('原生支持\n极致工具链')}
{t('深度优化 API 路由,确保在 CLI 环境下依然拥有流畅的流式交互体验。')}
{/* Cards Grid */}
{tools.map((tool, index) => (
))}
);
};
export default ToolsSection;