/*
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 + Title */}
{title}
{/* Description */}
{description}
{/* Link */}
LEARN CONFIG
);
};
const ToolsSection = () => {
const { t } = useTranslation();
const tools = [
{
icon: '/images/Anthropic.png',
brand: 'Anthropic',
brandColor: 'amber',
title: 'AI编程',
description: '无缝支持AI编程工具,涵盖顶级模型。',
link: '/pricing',
glowClass: 'amber',
},
{
icon: '/images/create.png',
brand: ' ',
brandColor: 'blue',
title: '创作',
description: '顶级多模态模型,统一API使用。',
link: '/pricing',
glowClass: 'blue',
},
{
icon: '/images/openclaw-3.jpg',
brand: 'OpenClaw',
brandColor: 'purple',
title: '龙虾',
description: '无缝接入龙虾,顶级模型构建聪明大脑。',
link: '/pricing',
glowClass: 'purple',
},
];
return (
{/* Header */}
{t('原生支持\n极致工具链')}
{t('深度优化 API 路由,确保在 CLI 环境下依然拥有流畅的流式交互体验。')}
{/* Cards Grid */}
{tools.map((tool, index) => (
))}
);
};
export default ToolsSection;