mirror of
https://gitcode.com/leisileken/cloud-smart.git
synced 2026-09-11 10:27:20 +08:00
432 lines
28 KiB
Vue
432 lines
28 KiB
Vue
<script setup lang="ts">
|
||
import { images } from '@/assets/images'
|
||
import { ref } from 'vue'
|
||
|
||
|
||
const showRecruitment = ref(false)
|
||
|
||
const openRecruitment = () => {
|
||
showRecruitment.value = true
|
||
}
|
||
|
||
const closeRecruitment = () => {
|
||
showRecruitment.value = false
|
||
}
|
||
|
||
const companyInfo = {
|
||
name: '西安云阶智元信息科技有限公司',
|
||
slogan: '以智能体技术为核心驱动，为实体产业注入智能化增长动能',
|
||
established: '2026年',
|
||
location: '西安市未央区立讯未来中心',
|
||
employees: '10+',
|
||
clients: '10+',
|
||
projects: '5+'
|
||
}
|
||
|
||
const coreValues = [
|
||
{ icon: 'target', title: '客户至上', desc: '以客户需求为中心，提供优质服务' },
|
||
{ icon: 'lightbulb', title: '创新驱动', desc: '持续创新，引领技术发展' },
|
||
{ icon: 'users', title: '团队协作', desc: '团结协作，共创价值' },
|
||
{ icon: 'trending', title: '追求卓越', desc: '精益求精，追求完美' }
|
||
]
|
||
|
||
const milestones = [
|
||
{ year: '2024', event: '团队启动Agent集群技术研发，奠定核心技术基础', tags: ['技术研发', 'Agent'] },
|
||
{ year: '2025', event: '与西安某高校成立联合研发团队，形成智能体架构设计、高可用运维保障、零信任安全防护三大核心能力', tags: ['高校合作', '技术积累'] },
|
||
{ year: '2025年底', event: '与航天某企业联合搭建高保密Agent集群，实现技术突破', tags: ['航天合作', '保密技术'] },
|
||
{ year: '2026', event: '正式成立西安云阶智元信息科技有限公司', tags: ['公司成立', '商业化'] }
|
||
]
|
||
|
||
const team = [
|
||
{ name: '李总', role: '运营总监', avatar: '/images/person1.png' },
|
||
{ name: '靖总', role: '技术总监', avatar: '/images/person2.png' },
|
||
{ name: '刘总', role: '产品总监', avatar: '/images/person3.png' },
|
||
{ name: '谢总', role: '业务总监', avatar: '/images/person4.png' }
|
||
]
|
||
|
||
const advantages = [
|
||
'自主可控的研发团队，精通智能体核心技术',
|
||
'Agent定制开发、智能运维托管、全链路安全防护三大主业',
|
||
'多行业适配能力：制造业、农业、文旅、水利、政务等',
|
||
'标杆项目落地经验，助力客户实现效率提升与成本降低',
|
||
'深耕Agent底层技术，强化场景化赋能能力'
|
||
]
|
||
</script>
|
||
|
||
<template>
|
||
<div class="min-h-screen relative">
|
||
<video
|
||
class="fixed inset-0 w-full h-full object-cover z-0"
|
||
autoplay loop muted playsinline
|
||
>
|
||
<source src="/videos/starry-sky.mp4" type="video/mp4" />
|
||
</video>
|
||
<div class="fixed inset-0 bg-black/30 z-0"></div>
|
||
|
||
<section class="relative min-h-screen flex items-center overflow-hidden z-10">
|
||
<div class="container mx-auto px-4 sm:px-6 lg:px-8 pt-20">
|
||
<div class="text-center">
|
||
<h1 class="text-5xl sm:text-6xl font-bold bg-gradient-to-r from-green-400 via-cyan-400 to-blue-500 bg-clip-text text-transparent mb-4">
|
||
西安云阶智元信息科技有限公司
|
||
</h1>
|
||
<p class="text-lg text-white/80 max-w-2xl mx-auto">
|
||
{{ companyInfo.slogan }}
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="py-20 relative z-10">
|
||
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
|
||
<div class="grid lg:grid-cols-2 gap-12 items-center">
|
||
<div>
|
||
<h2 class="text-3xl font-bold text-white mb-6">公司简介</h2>
|
||
<p class="text-white/70 mb-8 leading-relaxed">
|
||
西安云阶智元信息科技有限公司（简称"云阶智元"）成立于2026年，坐落于西安市未央区立讯未来中心，是一家以智能体（Agent）技术为核心驱动、致力于为实体产业注入智能化增长动能的新型科技企业，公司自助研发智能体架构"启元"。公司拥有自主可控的研发团队，核心成员10余人，精通智能体架构设计、高可用运维保障、零信任安全防护等关键技术。公司主业聚焦Agent定制开发、智能运维托管、全链路安全防护三大板块，同时拓展跨境电商平台、科研协同、智慧规划、产教融合等衍生服务，灵活适配制造业、农业、文旅、水利、政务等多行业智能化需求。公司已成功落地某零食厂家智能运营体、西安市某乡村自媒体无人运营系统、长江流域水文科研平台、产业发展推演模型等标杆项目，切实助力客户实现管理效率提升、决策模式优化与运营成本降低。未来，云阶智元将持续深耕Agent底层技术，强化场景化赋能能力，致力成为西北地区产业智能化升级最值得信赖的合作伙伴。
|
||
</p>
|
||
<ul class="space-y-3">
|
||
<li
|
||
v-for="(advantage, index) in advantages"
|
||
:key="index"
|
||
class="flex items-center"
|
||
>
|
||
<svg class="w-5 h-5 text-accent-400 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/>
|
||
</svg>
|
||
<span class="text-white/80">{{ advantage }}</span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="relative self-start mt-16">
|
||
<div class="absolute -inset-4 bg-gradient-to-r from-primary-400 to-accent-400 rounded-2xl blur-xl opacity-20"></div>
|
||
<video
|
||
src="/videos/001.mp4"
|
||
class="relative rounded-2xl shadow-2xl w-full"
|
||
autoplay loop muted playsinline
|
||
controls
|
||
></video>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="py-16 bg-white/5 relative z-10">
|
||
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
|
||
<div class="grid grid-cols-2 md:grid-cols-4 gap-6">
|
||
<div class="text-center group">
|
||
<div class="w-16 h-16 bg-gradient-to-br from-primary-500/30 to-accent-500/30 rounded-xl flex items-center justify-center mx-auto mb-4 group-hover:scale-110 group-hover:shadow-lg group-hover:shadow-primary-500/30 transition-all duration-300">
|
||
<svg class="w-8 h-8 text-primary-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z"/>
|
||
</svg>
|
||
</div>
|
||
<p class="text-3xl font-bold text-white mb-1">{{ companyInfo.employees }}</p>
|
||
<p class="text-white/60">核心团队</p>
|
||
</div>
|
||
<div class="text-center group">
|
||
<div class="w-16 h-16 bg-gradient-to-br from-accent-500/30 to-purple-500/30 rounded-xl flex items-center justify-center mx-auto mb-4 group-hover:scale-110 group-hover:shadow-lg group-hover:shadow-accent-500/30 transition-all duration-300">
|
||
<svg class="w-8 h-8 text-accent-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/>
|
||
</svg>
|
||
</div>
|
||
<p class="text-3xl font-bold text-white mb-1">{{ companyInfo.clients }}</p>
|
||
<p class="text-white/60">标杆项目</p>
|
||
</div>
|
||
<div class="text-center group">
|
||
<div class="w-16 h-16 bg-gradient-to-br from-purple-500/30 to-pink-500/30 rounded-xl flex items-center justify-center mx-auto mb-4 group-hover:scale-110 group-hover:shadow-lg group-hover:shadow-purple-500/30 transition-all duration-300">
|
||
<svg class="w-8 h-8 text-purple-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-5 0h-5m-5 0H2m2 0v-4a2 2 0 012-2h10a2 2 0 012 2v4M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/>
|
||
</svg>
|
||
</div>
|
||
<p class="text-3xl font-bold text-white mb-1">20+</p>
|
||
<p class="text-white/60">行业覆盖</p>
|
||
</div>
|
||
<div class="text-center group">
|
||
<div class="w-16 h-16 bg-gradient-to-br from-orange-500/30 to-red-500/30 rounded-xl flex items-center justify-center mx-auto mb-4 group-hover:scale-110 group-hover:shadow-lg group-hover:shadow-orange-500/30 transition-all duration-300">
|
||
<svg class="w-8 h-8 text-orange-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"/>
|
||
</svg>
|
||
</div>
|
||
<p class="text-3xl font-bold text-white mb-1">信息安全</p>
|
||
<p class="text-white/60">核心技术</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="py-20 relative z-10">
|
||
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
|
||
<div class="text-center mb-12">
|
||
<h2 class="text-3xl font-bold text-white mb-4">核心价值观</h2>
|
||
<p class="text-white/70">我们坚信的理念，指引我们不断前行</p>
|
||
</div>
|
||
<div class="grid md:grid-cols-2 lg:grid-cols-4 gap-6">
|
||
<div
|
||
v-for="(value, index) in coreValues"
|
||
:key="index"
|
||
class="bg-white/10 backdrop-blur-sm rounded-xl p-6 text-center border border-white/10 hover:border-white/30 hover:shadow-lg hover:shadow-primary-500/20 transition-all duration-300 group cursor-pointer"
|
||
v-ripple
|
||
v-neural-card
|
||
>
|
||
<div class="w-14 h-14 bg-gradient-to-br from-primary-500/30 to-accent-500/30 rounded-xl flex items-center justify-center mx-auto mb-4 group-hover:scale-110 transition-transform">
|
||
<svg v-if="value.icon === 'target'" class="w-7 h-7 text-primary-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/>
|
||
</svg>
|
||
<svg v-else-if="value.icon === 'lightbulb'" class="w-7 h-7 text-accent-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"/>
|
||
</svg>
|
||
<svg v-else-if="value.icon === 'users'" class="w-7 h-7 text-purple-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z"/>
|
||
</svg>
|
||
<svg v-else-if="value.icon === 'trending'" class="w-7 h-7 text-orange-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"/>
|
||
</svg>
|
||
</div>
|
||
<h3 class="font-semibold text-white mb-2">{{ value.title }}</h3>
|
||
<p class="text-white/60 text-sm">{{ value.desc }}</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="py-20 bg-white/5 relative z-10">
|
||
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
|
||
<div class="text-center mb-12">
|
||
<h2 class="text-3xl font-bold text-white mb-4">公司来历</h2>
|
||
<p class="text-white/70">从技术研发到公司成立，我们的成长之路</p>
|
||
</div>
|
||
|
||
<div class="grid md:grid-cols-2 lg:grid-cols-4 gap-6">
|
||
<div
|
||
v-for="(milestone, index) in milestones"
|
||
:key="index"
|
||
class="relative group"
|
||
>
|
||
<div class="absolute inset-0 bg-gradient-to-br from-primary-500 to-accent-500 rounded-2xl blur-lg opacity-0 group-hover:opacity-20 transition-opacity duration-500"></div>
|
||
<div class="relative bg-white/10 backdrop-blur-sm rounded-2xl p-6 border border-white/10 hover:border-white/30 hover:shadow-lg hover:shadow-primary-500/20 transition-all duration-300 h-full flex flex-col cursor-pointer" v-ripple v-neural-card>
|
||
<div class="w-14 h-14 bg-gradient-to-br from-primary-500/30 to-accent-500/30 rounded-xl flex items-center justify-center mb-4 group-hover:scale-110 transition-transform duration-300">
|
||
<svg v-if="index === 0" class="w-7 h-7 text-primary-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"/>
|
||
</svg>
|
||
<svg v-else-if="index === 1" class="w-7 h-7 text-accent-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"/>
|
||
</svg>
|
||
<svg v-else-if="index === 2" class="w-7 h-7 text-purple-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"/>
|
||
</svg>
|
||
<svg v-else class="w-7 h-7 text-orange-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4"/>
|
||
</svg>
|
||
</div>
|
||
<p class="text-xl font-bold text-white mb-2">{{ milestone.year }}</p>
|
||
<p class="text-white/70 text-sm flex-grow mb-4">{{ milestone.event }}</p>
|
||
<div class="flex flex-wrap gap-2">
|
||
<span
|
||
v-for="(tag, tagIndex) in milestone.tags"
|
||
:key="tagIndex"
|
||
class="px-2 py-1 bg-primary-500/20 text-primary-400 text-xs rounded-full font-medium"
|
||
>
|
||
{{ tag }}
|
||
</span>
|
||
</div>
|
||
</div>
|
||
<div
|
||
v-if="index < milestones.length - 1"
|
||
class="hidden lg:block absolute top-1/2 -right-3 transform -translate-y-1/2 z-10"
|
||
>
|
||
<svg class="w-6 h-6 text-white/30" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mt-12 bg-white/10 backdrop-blur-sm rounded-2xl p-8 border border-white/10">
|
||
<div class="text-center mb-6">
|
||
<h3 class="text-2xl font-bold text-white mb-2">核心Agent产品矩阵</h3>
|
||
<p class="text-white/70">基于多年技术积累，打造全方位智能体解决方案</p>
|
||
</div>
|
||
<div class="grid grid-cols-2 md:grid-cols-4 gap-4">
|
||
<div class="bg-white/5 rounded-xl p-4 text-center border border-white/10 hover:border-white/30 transition-colors cursor-pointer" v-ripple v-neural-card>
|
||
<div class="w-12 h-12 bg-gradient-to-br from-primary-500/30 to-accent-500/30 rounded-full flex items-center justify-center mx-auto mb-3">
|
||
<svg class="w-6 h-6 text-primary-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/>
|
||
</svg>
|
||
</div>
|
||
<p class="font-semibold text-white text-sm">企业智能体中枢</p>
|
||
<p class="text-white/60 text-xs mt-1">集群核心大脑</p>
|
||
</div>
|
||
<div class="bg-white/5 rounded-xl p-4 text-center border border-white/10 hover:border-white/30 transition-colors cursor-pointer" v-ripple v-neural-card>
|
||
<div class="w-12 h-12 bg-gradient-to-br from-accent-500/30 to-purple-500/30 rounded-full flex items-center justify-center mx-auto mb-3">
|
||
<svg class="w-6 h-6 text-accent-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"/>
|
||
</svg>
|
||
</div>
|
||
<p class="font-semibold text-white text-sm">智能客服助手</p>
|
||
<p class="text-white/60 text-xs mt-1">7x24服务</p>
|
||
</div>
|
||
<div class="bg-white/5 rounded-xl p-4 text-center border border-white/10 hover:border-white/30 transition-colors cursor-pointer" v-ripple v-neural-card>
|
||
<div class="w-12 h-12 bg-gradient-to-br from-purple-500/30 to-pink-500/30 rounded-full flex items-center justify-center mx-auto mb-3">
|
||
<svg class="w-6 h-6 text-purple-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"/>
|
||
</svg>
|
||
</div>
|
||
<p class="font-semibold text-white text-sm">智能营销助手</p>
|
||
<p class="text-white/60 text-xs mt-1">精准获客</p>
|
||
</div>
|
||
<div class="bg-white/5 rounded-xl p-4 text-center border border-white/10 hover:border-white/30 transition-colors cursor-pointer" v-ripple v-neural-card>
|
||
<div class="w-12 h-12 bg-gradient-to-br from-orange-500/30 to-red-500/30 rounded-full flex items-center justify-center mx-auto mb-3">
|
||
<svg class="w-6 h-6 text-orange-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"/>
|
||
</svg>
|
||
</div>
|
||
<p class="font-semibold text-white text-sm">智能办公助手</p>
|
||
<p class="text-white/60 text-xs mt-1">效率提升</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="py-20 relative z-10" id="team">
|
||
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
|
||
<div class="text-center mb-12">
|
||
<h2 class="text-3xl font-bold text-white mb-4">核心团队</h2>
|
||
<p class="text-white/70">专业的领导团队，带领公司不断发展</p>
|
||
</div>
|
||
<div class="grid md:grid-cols-2 lg:grid-cols-4 gap-6">
|
||
<div
|
||
v-for="(member, index) in team"
|
||
:key="index"
|
||
class="text-center group"
|
||
>
|
||
<div class="relative mb-4">
|
||
<img
|
||
:src="member.avatar"
|
||
:alt="member.name"
|
||
class="w-32 h-32 rounded-full mx-auto object-cover ring-4 ring-primary-500/30 group-hover:ring-primary-500/60 group-hover:scale-105 transition-all duration-300"
|
||
/>
|
||
</div>
|
||
<h3 class="font-semibold text-white mb-1">{{ member.name }}</h3>
|
||
<p class="text-primary-400 text-sm">{{ member.role }}</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="bg-white/5 backdrop-blur-sm border-t border-white/10 py-20 relative z-10">
|
||
<div class="container mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
||
<h2 class="text-3xl sm:text-4xl font-bold text-white mb-4">
|
||
加入我们
|
||
</h2>
|
||
<p class="text-white/80 mb-8 max-w-2xl mx-auto">
|
||
我们正在寻找优秀的人才加入我们的团队，共同推动技术创新和企业发展
|
||
</p>
|
||
<button @click="openRecruitment" class="px-8 py-4 bg-gradient-to-r from-primary-600 to-accent-500 text-white font-medium rounded-xl hover:from-primary-500 hover:to-accent-400 transition-all duration-300 shadow-lg shadow-primary-500/30">
|
||
查看招聘信息
|
||
</button>
|
||
</div>
|
||
</section>
|
||
|
||
<Teleport to="body">
|
||
<div
|
||
v-if="showRecruitment"
|
||
class="fixed inset-0 bg-black/80 backdrop-blur-sm flex items-center justify-center z-50 p-4"
|
||
@click.self="closeRecruitment"
|
||
>
|
||
<div class="bg-gray-900/95 backdrop-blur-xl border border-white/20 rounded-2xl shadow-2xl max-w-2xl w-full max-h-[90vh] overflow-y-auto">
|
||
<div class="bg-gradient-to-r from-primary-600 to-accent-600 p-6 rounded-t-2xl">
|
||
<div class="flex items-center justify-between">
|
||
<h3 class="text-2xl font-bold text-white">【西安云阶智元科技｜AI Agent方向招聘】</h3>
|
||
<button
|
||
@click="closeRecruitment"
|
||
class="w-8 h-8 bg-white/20 rounded-full flex items-center justify-center text-white hover:bg-white/30 transition-colors"
|
||
>
|
||
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
|
||
</svg>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<div class="p-8">
|
||
<p class="text-white/80 mb-6 leading-relaxed">
|
||
云阶智元是一家专注于 AI Agent、企业智能体中枢与行业智能化解决方案的科技公司，致力于推动智能体在企业流程、知识管理、业务协同和自动化运营中的落地应用。
|
||
</p>
|
||
|
||
<div class="mb-6">
|
||
<h4 class="text-lg font-semibold text-white mb-3 flex items-center">
|
||
<svg class="w-5 h-5 text-primary-400 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"/>
|
||
</svg>
|
||
招聘岗位
|
||
</h4>
|
||
<div class="flex flex-wrap gap-2">
|
||
<span class="px-3 py-1 bg-primary-500/20 text-primary-400 rounded-full text-sm font-medium">AI产品经理</span>
|
||
<span class="px-3 py-1 bg-accent-500/20 text-accent-400 rounded-full text-sm font-medium">Agent应用开发工程师</span>
|
||
<span class="px-3 py-1 bg-purple-500/20 text-purple-400 rounded-full text-sm font-medium">前端开发工程师</span>
|
||
<span class="px-3 py-1 bg-blue-500/20 text-blue-400 rounded-full text-sm font-medium">后端开发工程师</span>
|
||
<span class="px-3 py-1 bg-green-500/20 text-green-400 rounded-full text-sm font-medium">AI解决方案顾问</span>
|
||
<span class="px-3 py-1 bg-orange-500/20 text-orange-400 rounded-full text-sm font-medium">内容/市场运营</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mb-6">
|
||
<h4 class="text-lg font-semibold text-white mb-3 flex items-center">
|
||
<svg class="w-5 h-5 text-primary-400 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"/>
|
||
</svg>
|
||
岗位要求
|
||
</h4>
|
||
<ul class="space-y-2">
|
||
<li class="flex items-start text-white/70">
|
||
<span class="w-6 h-6 bg-primary-500/30 text-primary-400 rounded-full flex items-center justify-center text-xs font-bold mr-3 flex-shrink-0">1</span>
|
||
关注AI Agent、大模型应用、企业数字化方向；
|
||
</li>
|
||
<li class="flex items-start text-white/70">
|
||
<span class="w-6 h-6 bg-primary-500/30 text-primary-400 rounded-full flex items-center justify-center text-xs font-bold mr-3 flex-shrink-0">2</span>
|
||
具备较强的学习能力、执行力和项目推进能力；
|
||
</li>
|
||
<li class="flex items-start text-white/70">
|
||
<span class="w-6 h-6 bg-primary-500/30 text-primary-400 rounded-full flex items-center justify-center text-xs font-bold mr-3 flex-shrink-0">3</span>
|
||
有产品、研发、SaaS、企业服务或AI应用经验者优先；
|
||
</li>
|
||
<li class="flex items-start text-white/70">
|
||
<span class="w-6 h-6 bg-primary-500/30 text-primary-400 rounded-full flex items-center justify-center text-xs font-bold mr-3 flex-shrink-0">4</span>
|
||
能适应创业团队节奏，愿意参与从0到1的产品建设。
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="mb-6">
|
||
<h4 class="text-lg font-semibold text-white mb-3 flex items-center">
|
||
<svg class="w-5 h-5 text-primary-400 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
|
||
</svg>
|
||
薪资待遇
|
||
</h4>
|
||
<p class="text-white/70">
|
||
基础薪资8K-25K/月，核心岗位可面议；优秀者可享项目奖金、绩效激励及长期发展权益。
|
||
</p>
|
||
</div>
|
||
|
||
<div class="grid grid-cols-2 gap-4 mb-6">
|
||
<div class="bg-white/10 rounded-xl p-4 border border-white/10">
|
||
<p class="text-sm text-white/60 mb-1">工作地点</p>
|
||
<p class="font-semibold text-white">西安</p>
|
||
</div>
|
||
<div class="bg-white/10 rounded-xl p-4 border border-white/10">
|
||
<p class="text-sm text-white/60 mb-1">联系方式</p>
|
||
<p class="font-semibold text-white">15515659613</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="bg-primary-500/20 rounded-xl p-4 border border-primary-500/30">
|
||
<p class="text-primary-400 text-center font-medium">
|
||
欢迎真正看好AI时代、愿意一起做长期事业的伙伴加入。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</Teleport>
|
||
</div>
|
||
</template> |