74 lines
3.0 KiB
TypeScript
74 lines
3.0 KiB
TypeScript
'use client'
|
||
|
||
import { Card, CardContent, CardHeader, CardTitle, CardDescription } from '@/components/ui/card'
|
||
import { Badge } from '@/components/ui/badge'
|
||
import { User } from 'lucide-react'
|
||
|
||
const team = [
|
||
{
|
||
name: "汪洋",
|
||
role: "董事长",
|
||
badges: ["国防科大本硕博", "高级工程师", "上校转业"],
|
||
description: "深度参与神舟、嫦娥、北斗等航天任务。获中国青年科技奖，全网粉丝100万+ AIGC/元宇宙博主。"
|
||
},
|
||
{
|
||
name: "段海龙",
|
||
role: "技术总监",
|
||
badges: ["国防科大学士", "中科大硕士", "高级工程师"],
|
||
description: "专注于人工智能、机器视觉方向。发表论文20多篇，软著及专利20余项。"
|
||
},
|
||
{
|
||
name: "秦波",
|
||
role: "总经理",
|
||
badges: ["第一军医大学", "副主任医师", "正团职转业"],
|
||
description: "资深健康养老产业链专家，军队医院保健专家。10年以上市场招商渠道拓展经验。"
|
||
},
|
||
{
|
||
name: "焦文军",
|
||
role: "CFO",
|
||
badges: ["中国十大杰出CFO", "天狮前副总裁"],
|
||
description: "多家港股、美股公司上市操盘手。中央财经大学、南开大学客座教授。"
|
||
}
|
||
]
|
||
|
||
export function Team() {
|
||
return (
|
||
<section className="py-20 bg-accent" id="team">
|
||
<div className="container mx-auto px-4 md:px-6">
|
||
<div className="text-center mb-16">
|
||
<h2 className="text-3xl font-bold text-secondary mb-4">核心精英团队</h2>
|
||
<p className="text-muted-foreground max-w-2xl mx-auto">
|
||
汇聚军工、医疗、金融等领域的顶尖人才，以硬核技术驱动商业创新。
|
||
</p>
|
||
</div>
|
||
|
||
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
|
||
{team.map((member, index) => (
|
||
<Card key={index} className="border-0 shadow-lg hover:shadow-xl transition-all">
|
||
<CardHeader className="text-center pb-2">
|
||
<div className="w-24 h-24 mx-auto bg-white rounded-full flex items-center justify-center mb-4 shadow-md">
|
||
<User className="w-10 h-10 text-primary" />
|
||
</div>
|
||
<CardTitle className="text-xl font-bold">{member.name}</CardTitle>
|
||
<CardDescription className="text-primary font-medium">{member.role}</CardDescription>
|
||
</CardHeader>
|
||
<CardContent className="text-center">
|
||
<div className="flex flex-wrap justify-center gap-2 mb-4">
|
||
{member.badges.map((badge, bIndex) => (
|
||
<Badge key={bIndex} variant="secondary" className="text-xs bg-primary/10 text-primary">
|
||
{badge}
|
||
</Badge>
|
||
))}
|
||
</div>
|
||
<p className="text-sm text-muted-foreground text-left leading-relaxed">
|
||
{member.description}
|
||
</p>
|
||
</CardContent>
|
||
</Card>
|
||
))}
|
||
</div>
|
||
</div>
|
||
</section>
|
||
)
|
||
}
|