import { OrbitingCircles, Heading, Text, Tag, Stack } from "@hulianui/ui"; import { Cloud, GitBranch, Container, Boxes, MessageSquare, Database, Gauge, type LucideIcon, } from "lucide-react"; // 集成生态 Block —— 自包含、可整段复制。 // 双层 OrbitingCircles 环绕中心品牌 logo，右侧文案 + 集成标签墙。 // 数据内联在本文件，复制后改 INTEGRATIONS 即可。 interface Integration { name: string; icon: LucideIcon; } const INTEGRATIONS: Integration[] = [ { name: "GitHub", icon: GitBranch }, { name: "Docker", icon: Container }, { name: "Kubernetes", icon: Boxes }, { name: "Slack", icon: MessageSquare }, { name: "Postgres", icon: Database }, { name: "Datadog", icon: Gauge }, ]; function OrbitIcon({ children }: { children: React.ReactNode }) { return ( {children} ); } export function IntegrationsBlock() { const outer = INTEGRATIONS.slice(0, 4); const inner = INTEGRATIONS.slice(4); return (

{outer.map((it) => { const Icon = it.icon; return ( ); })} {inner.map((it) => { const Icon = it.icon; return ( ); })}

生态集成接入你已经在用的工具 GitHub、Docker、Kubernetes、Slack、Postgres、Datadog…… 一次连接，自动同步。瀚云不替换你的工具链，而是把它们串成一条顺畅的交付流水线。 {INTEGRATIONS.map((it) => ( {it.name} ))}

); }