mirror of
https://gitcode.com/leisileken/cloud-smart.git
synced 2026-09-11 10:27:20 +08:00
feat: 更新官网页面与交互效果
This commit is contained in:
leisileken
@@ -54,20 +54,19 @@ const advantages = [
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="min-h-screen bg-white">
|
||||
<section class="relative py-20 overflow-hidden">
|
||||
<video
|
||||
src="/videos/tech3.mp4"
|
||||
class="absolute inset-0 w-full h-full object-cover"
|
||||
autoplay loop muted playsinline
|
||||
></video>
|
||||
<div class="absolute inset-0 bg-gradient-to-br from-primary-900/90 via-primary-800/80 to-accent-900/90"></div>
|
||||
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<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">
|
||||
<span class="inline-block px-4 py-2 bg-white/10 text-white/90 rounded-full text-sm font-medium mb-4">
|
||||
关于我们
|
||||
</span>
|
||||
<h1 class="text-4xl sm:text-5xl font-bold text-white mb-4">
|
||||
<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">
|
||||
@@ -77,12 +76,12 @@ const advantages = [
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="py-20">
|
||||
<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-gray-900 mb-6">公司简介</h2>
|
||||
<p class="text-gray-600 mb-8 leading-relaxed">
|
||||
<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">
|
||||
@@ -91,14 +90,14 @@ const advantages = [
|
||||
:key="index"
|
||||
class="flex items-center"
|
||||
>
|
||||
<svg class="w-5 h-5 text-accent-500 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<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-gray-700">{{ advantage }}</span>
|
||||
<span class="text-white/80">{{ advantage }}</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="relative">
|
||||
<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"
|
||||
@@ -111,87 +110,89 @@ const advantages = [
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="py-16 bg-gray-50">
|
||||
<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">
|
||||
<div class="w-16 h-16 bg-primary-100 rounded-xl flex items-center justify-center mx-auto mb-4">
|
||||
<svg class="w-8 h-8 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<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-gray-900 mb-1">{{ companyInfo.employees }}</p>
|
||||
<p class="text-gray-600">核心团队</p>
|
||||
<p class="text-3xl font-bold text-white mb-1">{{ companyInfo.employees }}</p>
|
||||
<p class="text-white/60">核心团队</p>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<div class="w-16 h-16 bg-accent-100 rounded-xl flex items-center justify-center mx-auto mb-4">
|
||||
<svg class="w-8 h-8 text-accent-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<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-gray-900 mb-1">{{ companyInfo.clients }}</p>
|
||||
<p class="text-gray-600">标杆项目</p>
|
||||
<p class="text-3xl font-bold text-white mb-1">{{ companyInfo.clients }}</p>
|
||||
<p class="text-white/60">标杆项目</p>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<div class="w-16 h-16 bg-purple-100 rounded-xl flex items-center justify-center mx-auto mb-4">
|
||||
<svg class="w-8 h-8 text-purple-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<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-gray-900 mb-1">20+</p>
|
||||
<p class="text-gray-600">行业覆盖</p>
|
||||
<p class="text-3xl font-bold text-white mb-1">20+</p>
|
||||
<p class="text-white/60">行业覆盖</p>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<div class="w-16 h-16 bg-orange-100 rounded-xl flex items-center justify-center mx-auto mb-4">
|
||||
<svg class="w-8 h-8 text-orange-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<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-gray-900 mb-1">信息安全</p>
|
||||
<p class="text-gray-600">核心技术</p>
|
||||
<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">
|
||||
<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-gray-900 mb-4">核心价值观</h2>
|
||||
<p class="text-gray-600">我们坚信的理念，指引我们不断前行</p>
|
||||
<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-gray-50 rounded-xl p-6 text-center"
|
||||
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-primary-100 rounded-xl flex items-center justify-center mx-auto mb-4">
|
||||
<svg v-if="value.icon === 'target'" class="w-7 h-7 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<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-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<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-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<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-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<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-gray-900 mb-2">{{ value.title }}</h3>
|
||||
<p class="text-gray-600 text-sm">{{ value.desc }}</p>
|
||||
<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-gradient-to-br from-gray-50 via-primary-50/50 to-accent-50/50">
|
||||
<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-gray-900 mb-4">公司来历</h2>
|
||||
<p class="text-gray-600">从技术研发到公司成立，我们的成长之路</p>
|
||||
<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">
|
||||
@@ -201,28 +202,28 @@ const advantages = [
|
||||
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 rounded-2xl p-6 shadow-lg border border-gray-100 hover:shadow-xl transition-all duration-300 h-full flex flex-col">
|
||||
<div class="w-14 h-14 bg-gradient-to-br from-primary-100 to-accent-100 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-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<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-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<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-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<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-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<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-gray-900 mb-2">{{ milestone.year }}</p>
|
||||
<p class="text-gray-600 text-sm flex-grow mb-4">{{ milestone.event }}</p>
|
||||
<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-50 text-primary-600 text-xs rounded-full font-medium"
|
||||
class="px-2 py-1 bg-primary-500/20 text-primary-400 text-xs rounded-full font-medium"
|
||||
>
|
||||
{{ tag }}
|
||||
</span>
|
||||
@@ -232,87 +233,87 @@ const advantages = [
|
||||
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-gray-300" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<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 rounded-2xl p-8 shadow-lg border border-gray-100">
|
||||
<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-gray-900 mb-2">核心Agent产品矩阵</h3>
|
||||
<p class="text-gray-600">基于多年技术积累，打造全方位智能体解决方案</p>
|
||||
<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-gradient-to-br from-primary-50 to-primary-100/50 rounded-xl p-4 text-center">
|
||||
<div class="w-12 h-12 bg-white rounded-full flex items-center justify-center mx-auto mb-3 shadow-sm">
|
||||
<svg class="w-6 h-6 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<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-gray-900 text-sm">企业智能体中枢</p>
|
||||
<p class="text-gray-500 text-xs mt-1">集群核心大脑</p>
|
||||
<p class="font-semibold text-white text-sm">企业智能体中枢</p>
|
||||
<p class="text-white/60 text-xs mt-1">集群核心大脑</p>
|
||||
</div>
|
||||
<div class="bg-gradient-to-br from-accent-50 to-accent-100/50 rounded-xl p-4 text-center">
|
||||
<div class="w-12 h-12 bg-white rounded-full flex items-center justify-center mx-auto mb-3 shadow-sm">
|
||||
<svg class="w-6 h-6 text-accent-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<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-gray-900 text-sm">智能客服助手</p>
|
||||
<p class="text-gray-500 text-xs mt-1">7x24服务</p>
|
||||
<p class="font-semibold text-white text-sm">智能客服助手</p>
|
||||
<p class="text-white/60 text-xs mt-1">7x24服务</p>
|
||||
</div>
|
||||
<div class="bg-gradient-to-br from-purple-50 to-purple-100/50 rounded-xl p-4 text-center">
|
||||
<div class="w-12 h-12 bg-white rounded-full flex items-center justify-center mx-auto mb-3 shadow-sm">
|
||||
<svg class="w-6 h-6 text-purple-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<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-gray-900 text-sm">智能营销助手</p>
|
||||
<p class="text-gray-500 text-xs mt-1">精准获客</p>
|
||||
<p class="font-semibold text-white text-sm">智能营销助手</p>
|
||||
<p class="text-white/60 text-xs mt-1">精准获客</p>
|
||||
</div>
|
||||
<div class="bg-gradient-to-br from-orange-50 to-orange-100/50 rounded-xl p-4 text-center">
|
||||
<div class="w-12 h-12 bg-white rounded-full flex items-center justify-center mx-auto mb-3 shadow-sm">
|
||||
<svg class="w-6 h-6 text-orange-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<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-gray-900 text-sm">智能办公助手</p>
|
||||
<p class="text-gray-500 text-xs mt-1">效率提升</p>
|
||||
<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" id="team">
|
||||
<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-gray-900 mb-4">核心团队</h2>
|
||||
<p class="text-gray-600">专业的领导团队，带领公司不断发展</p>
|
||||
<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"
|
||||
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-100"
|
||||
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-gray-900 mb-1">{{ member.name }}</h3>
|
||||
<p class="text-primary-600 text-sm">{{ member.role }}</p>
|
||||
<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-gradient-to-br from-primary-900 to-accent-900 py-20">
|
||||
<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">
|
||||
加入我们
|
||||
@@ -320,7 +321,7 @@ const advantages = [
|
||||
<p class="text-white/80 mb-8 max-w-2xl mx-auto">
|
||||
我们正在寻找优秀的人才加入我们的团队，共同推动技术创新和企业发展
|
||||
</p>
|
||||
<button @click="openRecruitment" class="btn-primary">
|
||||
<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>
|
||||
@@ -329,10 +330,10 @@ const advantages = [
|
||||
<Teleport to="body">
|
||||
<div
|
||||
v-if="showRecruitment"
|
||||
class="fixed inset-0 bg-black/50 flex items-center justify-center z-50 p-4"
|
||||
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-white rounded-2xl shadow-2xl max-w-2xl w-full max-h-[90vh] overflow-y-auto">
|
||||
<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>
|
||||
@@ -347,79 +348,79 @@ const advantages = [
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-8">
|
||||
<p class="text-gray-700 mb-6 leading-relaxed">
|
||||
<p class="text-white/80 mb-6 leading-relaxed">
|
||||
云阶智元是一家专注于 AI Agent、企业智能体中枢与行业智能化解决方案的科技公司，致力于推动智能体在企业流程、知识管理、业务协同和自动化运营中的落地应用。
|
||||
</p>
|
||||
|
||||
<div class="mb-6">
|
||||
<h4 class="text-lg font-semibold text-gray-900 mb-3 flex items-center">
|
||||
<svg class="w-5 h-5 text-primary-600 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<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-50 text-primary-700 rounded-full text-sm font-medium">AI产品经理</span>
|
||||
<span class="px-3 py-1 bg-accent-50 text-accent-700 rounded-full text-sm font-medium">Agent应用开发工程师</span>
|
||||
<span class="px-3 py-1 bg-purple-50 text-purple-700 rounded-full text-sm font-medium">前端开发工程师</span>
|
||||
<span class="px-3 py-1 bg-blue-50 text-blue-700 rounded-full text-sm font-medium">后端开发工程师</span>
|
||||
<span class="px-3 py-1 bg-green-50 text-green-700 rounded-full text-sm font-medium">AI解决方案顾问</span>
|
||||
<span class="px-3 py-1 bg-orange-50 text-orange-700 rounded-full text-sm font-medium">内容/市场运营</span>
|
||||
<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-gray-900 mb-3 flex items-center">
|
||||
<svg class="w-5 h-5 text-primary-600 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<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-gray-700">
|
||||
<span class="w-6 h-6 bg-primary-100 text-primary-600 rounded-full flex items-center justify-center text-xs font-bold mr-3 flex-shrink-0">1</span>
|
||||
<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-gray-700">
|
||||
<span class="w-6 h-6 bg-primary-100 text-primary-600 rounded-full flex items-center justify-center text-xs font-bold mr-3 flex-shrink-0">2</span>
|
||||
<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-gray-700">
|
||||
<span class="w-6 h-6 bg-primary-100 text-primary-600 rounded-full flex items-center justify-center text-xs font-bold mr-3 flex-shrink-0">3</span>
|
||||
<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-gray-700">
|
||||
<span class="w-6 h-6 bg-primary-100 text-primary-600 rounded-full flex items-center justify-center text-xs font-bold mr-3 flex-shrink-0">4</span>
|
||||
<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-gray-900 mb-3 flex items-center">
|
||||
<svg class="w-5 h-5 text-primary-600 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<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-gray-700">
|
||||
<p class="text-white/70">
|
||||
基础薪资8K-25K/月，核心岗位可面议；优秀者可享项目奖金、绩效激励及长期发展权益。
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-2 gap-4 mb-6">
|
||||
<div class="bg-gray-50 rounded-xl p-4">
|
||||
<p class="text-sm text-gray-500 mb-1">工作地点</p>
|
||||
<p class="font-semibold text-gray-900">西安</p>
|
||||
<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-gray-50 rounded-xl p-4">
|
||||
<p class="text-sm text-gray-500 mb-1">联系方式</p>
|
||||
<p class="font-semibold text-gray-900">15515659613</p>
|
||||
<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-50 rounded-xl p-4">
|
||||
<p class="text-primary-800 text-center font-medium">
|
||||
<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>
|
||||
|
||||
Reference in New Issue
Block a user