231 lines
9.4 KiB
Vue
231 lines
9.4 KiB
Vue
<template>
|
||
<div>
|
||
<!-- 页面标题 -->
|
||
<div class="pt-32 pb-20 bg-gradient-to-r from-blue-900 to-indigo-900">
|
||
<div class="container mx-auto px-4">
|
||
<div class="text-center">
|
||
<h1 class="text-4xl md:text-5xl font-bold text-white mb-4">团队介绍</h1>
|
||
<p class="text-xl text-blue-300 max-w-2xl mx-auto">
|
||
专业、多元、充满活力的高素质团队
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 领导团队 -->
|
||
<section class="py-16 md:py-24">
|
||
|
||
<div class="container mx-auto px-4">
|
||
<SectionTitle
|
||
title="技术团队"
|
||
subtitle="专业卓越"
|
||
description="技术团队的核心成员拥有深厚的行业背景和技术专长"
|
||
align="center"
|
||
/>
|
||
|
||
|
||
<div class="mt-16">
|
||
<div class="bg-white rounded-2xl overflow-hidden shadow-lg p-6 mb-12">
|
||
<div class="flex flex-col md:flex-row">
|
||
<div class="md:w-1/3 mb-6 md:mb-0">
|
||
<div class="bg-gradient-to-br from-blue-50 to-indigo-100 rounded-xl h-56 flex items-center justify-center">
|
||
<i class="fas fa-code text-5xl text-blue-500 opacity-50"></i>
|
||
</div>
|
||
</div>
|
||
<div class="md:w-2/3 md:pl-8">
|
||
<h3 class="text-2xl font-bold text-gray-900 mb-4">技术专家团队</h3>
|
||
<p class="text-gray-600 mb-6">
|
||
酉佰是一支秉承着“开放透明、纪律严明、听从指挥、主观能动”管理风格的团队。我们遵循循序渐进，但绝不放任自流的管理理念。
|
||
</p>
|
||
<p class="text-gray-600 mb-6">
|
||
团队目前有10名成员左右，由一批具有金融、数理、工科等背景的海归硕士及国内顶尖院校硕士组成。公司团队工作开放透明，和谐融洽，注重深入研究、互相学习和分享交流。研究方面，公司按照对市场的理解，目前从现货市场入手，覆盖货币、债券、证券、商品等，未来将逐步拓展到期货、期权等衍生品市场，最后覆盖到全球市场。
|
||
</p>
|
||
<div class="flex flex-wrap gap-2">
|
||
<span v-for="(skill, idx) in ['金融', '数理', '工科']" :key="idx"
|
||
class="bg-blue-50 text-blue-700 px-3 py-1.5 rounded-lg text-sm">
|
||
{{ skill }}
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- 领导团队 -->
|
||
<section class="py-16 md:py-24">
|
||
<div class="container mx-auto px-4">
|
||
<SectionTitle
|
||
title="领导团队"
|
||
subtitle="核心管理"
|
||
description="我们的管理层拥有丰富的行业经验和专业知识"
|
||
align="center"
|
||
/>
|
||
|
||
<div class="grid md:grid-cols-2 lg:grid-cols-4 gap-8 mt-16">
|
||
<TeamMember
|
||
v-for="(leader, index) in leaders"
|
||
:key="index"
|
||
:member="leader"
|
||
/>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 技术团队 -->
|
||
<section class="py-16 md:py-24 bg-gray-50">
|
||
<div class="container mx-auto px-4">
|
||
<SectionTitle
|
||
title="技术团队"
|
||
subtitle="专业卓越"
|
||
description="技术团队的核心成员拥有深厚的行业背景和技术专长"
|
||
align="center"
|
||
/>
|
||
|
||
<div class="mt-16">
|
||
<div class="bg-white rounded-2xl overflow-hidden shadow-lg p-6 mb-12">
|
||
<div class="flex flex-col md:flex-row">
|
||
<div class="md:w-1/3 mb-6 md:mb-0">
|
||
<div class="bg-gradient-to-br from-blue-50 to-indigo-100 rounded-xl h-56 flex items-center justify-center">
|
||
<i class="fas fa-code text-5xl text-blue-500 opacity-50"></i>
|
||
</div>
|
||
</div>
|
||
<div class="md:w-2/3 md:pl-8">
|
||
<h3 class="text-2xl font-bold text-gray-900 mb-4">技术专家团队</h3>
|
||
<p class="text-gray-600 mb-6">
|
||
我们的技术团队由多名资深架构师和行业专家组成，平均拥有8年以上相关领域经验。
|
||
团队成员精通云计算、大数据、人工智能、物联网等前沿技术，致力于为客户提供创新的技术解决方案。
|
||
</p>
|
||
<div class="flex flex-wrap gap-2">
|
||
<span v-for="(skill, idx) in ['云计算', '大数据', 'AI/ML', '区块链', '物联网', '微服务', 'DevOps']" :key="idx"
|
||
class="bg-blue-50 text-blue-700 px-3 py-1.5 rounded-lg text-sm">
|
||
{{ skill }}
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-6">
|
||
<TeamMember
|
||
v-for="(member, index) in techTeam"
|
||
:key="index"
|
||
:member="member"
|
||
/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 团队文化 -->
|
||
<section class="py-16 md:py-24">
|
||
<div class="container mx-auto px-4">
|
||
<div class="flex flex-col lg:flex-row gap-16">
|
||
<div class="lg:w-5/12">
|
||
<SectionTitle
|
||
title="团队文化"
|
||
subtitle="工作环境"
|
||
/>
|
||
|
||
<p class="text-gray-600 mt-6 mb-8">
|
||
我们致力于打造一个充满活力、开放包容、鼓励创新的工作环境。
|
||
为团队成员提供良好的发展平台和职业成长空间。
|
||
</p>
|
||
|
||
<div class="space-y-5">
|
||
<div v-for="(feature, index) in cultureFeatures" :key="index" class="flex">
|
||
<div class="w-12 h-12 rounded-lg bg-amber-50 flex items-center justify-center mr-4 text-amber-600">
|
||
<i :class="feature.icon"></i>
|
||
</div>
|
||
<div>
|
||
<h3 class="font-medium text-gray-900">{{ feature.title }}</h3>
|
||
<p class="text-gray-600 text-sm mt-1">{{ feature.description }}</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="lg:w-7/12">
|
||
<div class="grid grid-cols-2 gap-4">
|
||
<div v-for="i in 4" :key="i" class="rounded-xl overflow-hidden aspect-square">
|
||
<div :class="['h-full flex items-center justify-center',
|
||
`bg-gradient-to-br ${i === 1 ? 'from-blue-100 to-blue-200' :
|
||
i === 2 ? 'from-amber-100 to-amber-200' :
|
||
i === 3 ? 'from-indigo-100 to-indigo-200' :
|
||
'from-green-100 to-green-200'}`]">
|
||
<i :class="[i === 1 ? 'fas fa-users' :
|
||
i === 2 ? 'fas fa-laptop-code' :
|
||
i === 3 ? 'fas fa-brain' : 'fas fa-glass-cheers']"
|
||
class="text-4xl opacity-30"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 加入团队 -->
|
||
<section class="py-16 md:py-24 bg-gradient-to-r from-blue-800 to-indigo-900 text-white">
|
||
<div class="container mx-auto px-4">
|
||
<div class="max-w-3xl mx-auto text-center">
|
||
<h2 class="text-3xl md:text-4xl font-bold mb-6">加入我们的团队</h2>
|
||
<p class="text-xl text-blue-300 mb-8">
|
||
如果你才华横溢、充满激情、渴望成长，我们欢迎你加入酉佰大家庭
|
||
</p>
|
||
<router-link
|
||
to="/careers"
|
||
class="inline-flex items-center px-8 py-3.5 bg-amber-500 hover:bg-amber-600 rounded-lg font-medium shadow-lg transition-colors duration-300"
|
||
>
|
||
查看职位空缺
|
||
<i class="fas fa-arrow-right ml-3"></i>
|
||
</router-link>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
</template>
|
||
|
||
<script setup>
|
||
import SectionTitle from '@/components/ui/SectionTitle.vue'
|
||
import TeamMember from '@/components/ui/TeamMember.vue'
|
||
|
||
const leaders = [
|
||
{ name: '张总', position: '创始人 & CEO', description: '拥有15年行业经验，成功创办两家企业' },
|
||
{ name: '李经理', position: '技术总监', description: '前全球500强企业技术负责人，系统架构专家' },
|
||
{ name: '王女士', position: '运营总监', description: '项目管理专家，曾管理过多个千万级项目' },
|
||
{ name: '陈总监', position: '市场总监', description: '资深营销专家，拥有丰富的品牌建设经验' }
|
||
]
|
||
|
||
const techTeam = [
|
||
{ name: '张工', position: '首席架构师' },
|
||
{ name: '李工', position: '大数据专家' },
|
||
{ name: '陈工', position: 'AI研究员' },
|
||
{ name: '刘工', position: '云平台专家' },
|
||
{ name: '王工', position: '前端技术专家' },
|
||
{ name: '赵工', position: '安全专家' },
|
||
]
|
||
|
||
const cultureFeatures = [
|
||
{
|
||
title: '学习与发展',
|
||
icon: 'fas fa-book-reader',
|
||
description: '每年提供专项培训预算和职业发展计划'
|
||
},
|
||
{
|
||
title: '创新文化',
|
||
icon: 'fas fa-lightbulb',
|
||
description: '鼓励创新思维，设有专项创新奖励基金'
|
||
},
|
||
{
|
||
title: '灵活办公',
|
||
icon: 'fas fa-laptop-house',
|
||
description: '提供灵活的办公时间和远程工作机会'
|
||
},
|
||
{
|
||
title: '团队建设',
|
||
icon: 'fas fa-users',
|
||
description: '定期组织团建活动和兴趣小组交流'
|
||
}
|
||
]
|
||
</script> |