gongzhiyong
abbbf7210c
- 移除静态 website/Dockerfile、nginx、旧 css/js - 新增 Next.js 应用、组件与样式；pnpm 依赖 Made-with: Cursor
64 lines
2.3 KiB
TypeScript
64 lines
2.3 KiB
TypeScript
const principles = [
|
|
{
|
|
number: "01",
|
|
title: "可追溯优于单次极速",
|
|
description: "宁可多一道可查的记录，也不依赖口头默契替代闸门。",
|
|
},
|
|
{
|
|
number: "02",
|
|
title: "范式可裁剪",
|
|
description: "瀑布与敏捷是协作隐喻，不是教条；规模与角色应由组织工作坊裁剪，而非照搬单一数字。",
|
|
},
|
|
{
|
|
number: "03",
|
|
title: "集成可替换",
|
|
description: "Manager、客户端、编排平台、云与流水线均以「契约与边界」相接，避免叙事绑死在某一厂商。",
|
|
},
|
|
{
|
|
number: "04",
|
|
title: "人机协同",
|
|
description: "涉及权限、费用、生产变更与高敏数据的决策，默认保留人在回路；自动化扩展提案权，不默认无限代理权。",
|
|
},
|
|
{
|
|
number: "05",
|
|
title: "对内对外叙事分层",
|
|
description: "愿景文档不写实施说明书；角色代号与编队明细放入附录，以免喧宾夺主。",
|
|
},
|
|
];
|
|
|
|
export function Principles() {
|
|
return (
|
|
<section id="principles" className="border-t border-border bg-card/30 py-20 sm:py-32">
|
|
<div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
|
|
<div className="mx-auto max-w-2xl text-center">
|
|
<p className="text-sm font-medium tracking-widest text-accent uppercase">
|
|
指导原则
|
|
</p>
|
|
<h2 className="mt-4 text-3xl font-bold tracking-tight sm:text-4xl">
|
|
我们坚持什么
|
|
</h2>
|
|
</div>
|
|
|
|
<div className="mt-16 grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
|
|
{principles.map((principle) => (
|
|
<div
|
|
key={principle.number}
|
|
className="group relative overflow-hidden rounded-xl border border-border bg-background p-6 transition-colors hover:border-accent/50"
|
|
>
|
|
<span className="absolute -top-2 -right-2 text-7xl font-bold text-secondary/30 transition-colors group-hover:text-accent/10">
|
|
{principle.number}
|
|
</span>
|
|
<div className="relative">
|
|
<h3 className="text-lg font-semibold">{principle.title}</h3>
|
|
<p className="mt-3 text-sm leading-relaxed text-muted-foreground">
|
|
{principle.description}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
))}
|
|
</div>
|
|
</div>
|
|
</section>
|
|
);
|
|
}
|