beifan/company-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: redesign UI for Home and Qazk pages

Browse Source
This commit is contained in:
郑肖毅
2026-02-11 09:20:03 +08:00
parent 30464f718b
commit 6237a90ad3
14 changed files with 363 additions and 269 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
.astro/types.d.ts vendored
View File

@@ -1,2 +1 @@
/// <reference types="astro/client" />
/// <reference path="content.d.ts" />

BIN
public/img/policy-1.webp
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 23 KiB

After

Width:  |  Height:  |  Size: 14 KiB

BIN
public/img/policy-2.webp
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 21 KiB

After

Width:  |  Height:  |  Size: 14 KiB

212
src/components/sections/AIModel.astro
View File

@@ -7,11 +7,12 @@
<div class="absolute top-0 left-1/2 -translate-x-1/2 w-80 h-80 bg-blue-100/50 blur-[100px] rounded-full -z-10"></div>
<div class="text-center">
<h3 class="text-3xl md:text-5xl font-black text-gray-900 tracking-tight">
<span class="text-transparent bg-clip-text bg-gradient-to-r from-blue-600 to-indigo-600">AI 大模型</span> 应用场景
系统平台应用场景<br>
<span class="text-transparent bg-clip-text bg-gradient-to-r from-blue-600 to-indigo-600">AI大模型</span>
</h3>
<div class="w-20 h-1.5 bg-gradient-to-r from-blue-600 to-indigo-600 mx-auto mt-6 rounded-full"></div>
<p class="text-gray-500 mt-6 max-w-2xl mx-auto text-lg leading-relaxed">
无需替换硬件，即可为海量存量安防设备提供强大的<span class="text-blue-600 font-bold">视觉识别</span>和<span class="text-blue-600 font-bold">实时告警</span>能力
<span class="text-blue-600 font-bold">700+ AI核心场景</span>，赋能产业数字化转型
</p>
</div>
</div>
@@ -261,15 +262,6 @@
</div>
<div class="text-center mt-12">
<a href="#contact-info" class="inline-flex items-center justify-center px-8 py-4 border border-transparent text-xl font-medium rounded-full shadow-lg text-white bg-primary hover:bg-blue-700 transition duration-300">
700+ AI核心算法，赋能产业数字化全场景
<svg class="ml-2 -mr-1 h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd" />
</svg>
</a>
</div>
<div class="max-w-7xl mx-auto space-y-12 mt-12">
<div class="relative overflow-hidden bg-white rounded-[2.5rem] shadow-xl border border-blue-100 transition-all duration-500 hover:shadow-2xl group">
@@ -320,149 +312,111 @@
</div>
</div>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-8 pt-4">
<div class="bg-white p-8 md:p-10 rounded-[2.5rem] shadow-xl border border-slate-100 flex flex-col">
<h3 class="text-2xl font-black text-gray-900 mb-10 flex items-center gap-3">
<div class="bg-white p-8 md:p-10 rounded-[2.5rem] shadow-xl border border-slate-100">
<h3 class="text-2xl md:text-3xl font-black text-gray-900 mb-10 flex items-center gap-3 text-center justify-center">
<span class="w-1.5 h-8 bg-blue-600 rounded-full"></span>
技术对比：从固定规则到深度理解
</h3>
<div class="space-y-10">
<div class="relative pl-6 border-l-2 border-slate-100">
<div class="absolute -left-[9px] top-0 w-4 h-4 bg-blue-600 rounded-full border-4 border-white shadow-sm"></div>
<h4 class="text-lg font-bold text-gray-800 mb-4">1. 场景识别</h4>
<div class="grid gap-4">
<div class="bg-slate-50 p-5 rounded-2xl border border-slate-100 hover:bg-orange-50/50 hover:border-orange-200 transition-colors">
<p class="text-base text-gray-700 leading-relaxed">
<strong class="text-orange-600 font-bold">传统算法：</strong>
依赖像素、颜色等固定特征，场景、光照一旦变化，识别能力便会失效，<span class="font-semibold text-orange-700">泛化能力弱</span>。
<div class="grid grid-cols-1 md:grid-cols-2 gap-8 mb-16">
<div class="space-y-6">
<div class="flex items-center gap-3 mb-6">
<div class="w-10 h-10 bg-orange-500 rounded-xl flex items-center justify-center">
<i class="fa fa-times text-white text-lg"></i>
</div>
<h4 class="text-xl font-bold text-orange-600">传统算法</h4>
</div>
<div class="bg-slate-50 p-6 rounded-2xl border border-slate-100">
<h5 class="text-lg font-bold text-gray-800 mb-3">1. 场景识别</h5>
<p class="text-gray-600 leading-relaxed">
依赖像素、颜色等固定特征，场景、光照一旦变化，识别能力便会失效，<span class="font-semibold text-gray-700">泛化能力弱</span>。
</p>
</div>
<div class="bg-blue-600 p-5 rounded-2xl shadow-lg shadow-blue-100">
<p class="text-base text-white leading-relaxed">
<strong class="text-blue-100 font-bold">大模型方案：</strong>
模拟人类视觉进行上下文理解，能<span class="font-semibold text-blue-100">自主适应复杂、多变的环境</span>，准确识别目标。
<div class="bg-slate-50 p-6 rounded-2xl border border-slate-100">
<h5 class="text-lg font-bold text-gray-800 mb-3">2. 误报警处理</h5>
<p class="text-gray-600 leading-relaxed">
无法区分真实威胁与环境干扰，<span class="font-semibold text-gray-700">误报率高</span>，耗费大量安保人力。
</p>
</div>
<div class="bg-slate-50 p-6 rounded-2xl border border-slate-100">
<h5 class="text-lg font-bold text-gray-800 mb-3">3. 新任务部署</h5>
<p class="text-gray-600 leading-relaxed">
增加识别任务需重新编程和数周模型训练，且不能保证训练效果，<span class="font-semibold text-gray-700">成本高、周期长</span>。
</p>
</div>
</div>
<div class="space-y-6">
<div class="flex items-center gap-3 mb-6">
<div class="w-10 h-10 bg-blue-600 rounded-xl flex items-center justify-center">
<i class="fa fa-check text-white text-lg"></i>
</div>
<h4 class="text-xl font-bold text-blue-600">AI大模型</h4>
</div>
<div class="bg-blue-600 p-6 rounded-2xl shadow-lg shadow-blue-100">
<h5 class="text-lg font-bold text-white mb-3">1. 场景识别</h5>
<p class="text-blue-100 leading-relaxed">
模拟人类视觉进行上下文理解，能<span class="font-semibold text-white">自主适应复杂、多变的环境</span>，准确识别目标。
</p>
</div>
<div class="bg-blue-600 p-6 rounded-2xl shadow-lg shadow-blue-100">
<h5 class="text-lg font-bold text-white mb-3">2. 误报警处理</h5>
<p class="text-blue-100 leading-relaxed">
通过逻辑推理过滤无效信息，能识别"飘动的塑料袋"而非"火焰"，<span class="font-semibold text-white">显著降低误报</span>。
</p>
</div>
<div class="bg-blue-600 p-6 rounded-2xl shadow-lg shadow-blue-100">
<h5 class="text-lg font-bold text-white mb-3">3. 新任务部署</h5>
<p class="text-blue-100 leading-relaxed">
具备<span class="font-semibold text-white">零样本/小样本学习能力</span>，仅需少量样本即可在短时间内完成部署。
</p>
</div>
</div>
</div>
<div class="relative pl-6 border-l-2 border-slate-100">
<div class="absolute -left-[9px] top-0 w-4 h-4 bg-blue-600 rounded-full border-4 border-white shadow-sm"></div>
<h4 class="text-lg font-bold text-gray-800 mb-4">2. 误报警处理</h4>
<div class="grid gap-4">
<div class="bg-slate-50 p-5 rounded-2xl border border-slate-100 hover:bg-orange-50/50 hover:border-orange-200 transition-colors">
<p class="text-base text-gray-700 leading-relaxed">
<strong class="text-orange-600 font-bold">传统算法：</strong>
无法区分真实威胁与环境干扰，<span class="font-semibold text-orange-700">误报率高</span>，耗费大量安保人力。
</p>
</div>
<div class="bg-blue-600 p-5 rounded-2xl shadow-lg shadow-blue-100">
<p class="text-base text-white leading-relaxed">
<strong class="text-blue-100 font-bold">大模型方案：</strong>
通过逻辑推理过滤无效信息，能识别“飘动的塑料袋”而非“火焰”，<span class="font-semibold text-blue-100">显著降低误报</span>。
</p>
</div>
</div>
</div>
<div class="relative pl-6 border-l-2 border-slate-100">
<div class="absolute -left-[9px] top-0 w-4 h-4 bg-blue-600 rounded-full border-4 border-white shadow-sm"></div>
<h4 class="text-lg font-bold text-gray-800 mb-4">3. 新任务部署</h4>
<div class="grid gap-4">
<div class="bg-slate-50 p-5 rounded-2xl border border-slate-100 hover:bg-orange-50/50 hover:border-orange-200 transition-colors">
<p class="text-base text-gray-700 leading-relaxed">
<strong class="text-orange-600 font-bold">传统算法：</strong>
增加识别任务需重新编程和数周模型训练，且不能保证训练效果，<span class="font-semibold text-orange-700">成本高、周期长</span>。
</p>
</div>
<div class="bg-blue-600 p-5 rounded-2xl shadow-lg shadow-blue-100">
<p class="text-base text-white leading-relaxed">
<strong class="text-blue-100 font-bold">大模型方案：</strong>
具备<span class="font-semibold text-blue-100">零样本/小样本学习能力</span>，仅需少量样本即可在短时间内完成部署。
</p>
</div>
</div>
</div>
</div>
</div>
<div class="bg-white p-8 md:p-10 rounded-[2.5rem] shadow-xl border border-slate-100 flex flex-col h-full">
<h3 class="text-2xl font-black text-gray-900 mb-10 flex items-center gap-3">
<div class="border-t border-slate-200 pt-10">
<h3 class="text-2xl md:text-3xl font-black text-gray-900 mb-10 flex items-center gap-3 text-center justify-center">
<span class="w-1.5 h-8 bg-blue-600 rounded-full"></span>
核心优势：成本效益与部署模式
</h3>
<div class="flex-grow space-y-8">
<div class="flex gap-5 group">
<div class="w-12 h-12 bg-blue-50 text-blue-600 rounded-2xl flex items-center justify-center shrink-0 group-hover:bg-blue-600 group-hover:text-white transition-all duration-300">
<i class="fa fa-camera-retro text-lg"></i>
</div>
<div>
<h4 class="font-bold text-gray-900 text-lg mb-1 group-hover:text-blue-600 transition-colors">“利旧”原则，无需重新硬件部署</h4>
<p class="text-gray-500 text-base leading-relaxed">支持对您现场已部署的<span class="text-blue-600 font-semibold italic">海康威视等主流品牌摄像头</span>进行直接利旧，无需采购昂贵的 AI 专用硬件。</p>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
<div class="flex flex-col items-center text-center p-4 bg-slate-50 rounded-2xl hover:bg-blue-50 transition-colors">
<div class="w-14 h-14 bg-blue-50 text-blue-600 rounded-2xl flex items-center justify-center mb-3">
<i class="fa fa-camera-retro text-xl"></i>
</div>
<h4 class="font-bold text-gray-900 mb-2">利旧原则</h4>
<p class="text-gray-500 text-sm leading-relaxed">无需重新硬件部署，支持主流品牌摄像头直接利旧</p>
</div>
<div class="flex gap-5 group">
<div class="w-12 h-12 bg-blue-50 text-blue-600 rounded-2xl flex items-center justify-center shrink-0 group-hover:bg-blue-600 group-hover:text-white transition-all duration-300">
<i class="fa fa-puzzle-piece text-lg"></i>
</div>
<div>
<h4 class="font-bold text-gray-900 text-lg mb-1 group-hover:text-blue-600 transition-colors">高兼容性与平滑接入</h4>
<p class="text-gray-500 text-base leading-relaxed">只要能提供稳定的视频流，即可通过我们的平台无缝接入<span class="text-blue-600 font-semibold">AI 大模型</span>，使其立即具备智慧识别能力。</p>
<div class="flex flex-col items-center text-center p-4 bg-slate-50 rounded-2xl hover:bg-blue-50 transition-colors">
<div class="w-14 h-14 bg-blue-50 text-blue-600 rounded-2xl flex items-center justify-center mb-3">
<i class="fa fa-puzzle-piece text-xl"></i>
</div>
<h4 class="font-bold text-gray-900 mb-2">高兼容性</h4>
<p class="text-gray-500 text-sm leading-relaxed">提供稳定视频流即可无缝接入，立即具备智慧识别能力</p>
</div>
<div class="flex gap-5 group">
<div class="w-12 h-12 bg-blue-50 text-blue-600 rounded-2xl flex items-center justify-center shrink-0 group-hover:bg-blue-600 group-hover:text-white transition-all duration-300">
<i class="fa fa-line-chart text-lg"></i>
</div>
<div>
<h4 class="font-bold text-gray-900 text-lg mb-1 group-hover:text-blue-600 transition-colors">显著的成本节约</h4>
<p class="text-gray-500 text-base leading-relaxed">此方案可避免替换 AI 摄像头的巨额前期投入，将有限的预算更精准地用于<span class="text-blue-600 font-semibold">AI 算法订阅与数据应用服务</span>。</p>
<div class="flex flex-col items-center text-center p-4 bg-slate-50 rounded-2xl hover:bg-blue-50 transition-colors">
<div class="w-14 h-14 bg-blue-50 text-blue-600 rounded-2xl flex items-center justify-center mb-3">
<i class="fa fa-rocket text-xl"></i>
</div>
<h4 class="font-bold text-gray-900 mb-2">快速部署</h4>
<p class="text-gray-500 text-sm leading-relaxed">数日内完成指定摄像头AI赋能，快速进行效果验证</p>
</div>
<div class="flex gap-5 group">
<div class="w-12 h-12 bg-blue-50 text-blue-600 rounded-2xl flex items-center justify-center shrink-0 group-hover:bg-blue-600 group-hover:text-white transition-all duration-300">
<i class="fa fa-rocket text-lg"></i>
</div>
<div>
<h4 class="font-bold text-gray-900 text-lg mb-1 group-hover:text-blue-600 transition-colors">快速部署与验证</h4>
<p class="text-gray-500 text-base leading-relaxed">方案基于软件部署，可在<span class="text-blue-600 font-semibold">数日内完成对指定摄像头的 AI 赋能</span>，并快速进行效果验证。</p>
</div>
</div>
<div class="flex gap-5 group">
<div class="w-12 h-12 bg-blue-50 text-blue-600 rounded-2xl flex items-center justify-center shrink-0 group-hover:bg-blue-600 group-hover:text-white transition-all duration-300">
<i class="fa fa-sliders text-lg"></i>
</div>
<div>
<h4 class="font-bold text-gray-900 text-lg mb-1 group-hover:text-blue-600 transition-colors">弹性扩展与订阅</h4>
<p class="text-gray-500 text-base leading-relaxed">您可以根据业务需求，随时增减需要 AI 分析的摄像头数量。灵活的算法订阅模式让支出与业务增长精准匹配。</p>
</div>
</div>
<div class="flex gap-5 group">
<div class="w-12 h-12 bg-blue-50 text-blue-600 rounded-2xl flex items-center justify-center shrink-0 group-hover:bg-blue-600 group-hover:text-white transition-all duration-300">
<i class="fa fa-sitemap text-lg"></i>
</div>
<div>
<h4 class="font-bold text-gray-900 text-lg mb-1 group-hover:text-blue-600 transition-colors">统一平台与数据整合</h4>
<p class="text-gray-500 text-base leading-relaxed">所有分析产生的结构化数据都将汇入<span class="text-blue-600 font-semibold">统一管理平台</span>，为后续深层次业务挖掘奠定基础。</p>
</div>
</div>
<div class="flex gap-5 group">
<div class="w-12 h-12 bg-blue-50 text-blue-600 rounded-2xl flex items-center justify-center shrink-0 group-hover:bg-blue-600 group-hover:text-white transition-all duration-300">
<i class="fa fa-refresh text-lg"></i>
</div>
<div>
<h4 class="font-bold text-gray-900 text-lg mb-1 group-hover:text-blue-600 transition-colors">算法持续进化</h4>
<p class="text-gray-500 text-base leading-relaxed">您接入的是一个<span class="text-blue-600 font-semibold">持续进化的算法生态</span>。大模型不断优化，无需操作即可在云端自动获取最新识别能力。</p>
<div class="flex flex-col items-center text-center p-4 bg-slate-50 rounded-2xl hover:bg-blue-50 transition-colors">
<div class="w-14 h-14 bg-blue-50 text-blue-600 rounded-2xl flex items-center justify-center mb-3">
<i class="fa fa-refresh text-xl"></i>
</div>
<h4 class="font-bold text-gray-900 mb-2">持续进化</h4>
<p class="text-gray-500 text-sm leading-relaxed">接入持续进化的算法生态，云端自动获取最新识别能力</p>
</div>
</div>
</div>

77
src/components/sections/CompanyIntro.astro Normal file
View File

@@ -0,0 +1,77 @@
<section id="about-us" class="bg-slate-50">
<div class="relative pb-20">
<div class="absolute top-0 left-1/2 -translate-x-1/2 w-80 h-80 bg-blue-100/50 blur-[100px] rounded-full -z-10"></div>
<div class="text-center mb-12">
<h3 class="text-3xl md:text-5xl font-black text-gray-900 tracking-tight">
<span class="text-transparent bg-clip-text bg-gradient-to-r from-blue-600 to-indigo-600">业务赋能</span>
</h3>
<div class="w-20 h-1.5 bg-gradient-to-r from-blue-600 to-indigo-600 mx-auto mt-6 rounded-full"></div>
</div>
<div class="max-w-7xl mx-auto px-4 lg:px-0">
<div class="relative mb-16">
<div class="absolute inset-0 bg-gradient-to-r from-blue-400 via-blue-400 to-blue-400 rounded-3xl blur-3xl opacity-30"></div>
<div class="relative bg-gradient-to-br from-white via-blue-50/50 to-blue-50/50 backdrop-blur-xl rounded-[2.5rem] p-8 md:p-20 border border-blue-100/50 shadow-2xl shadow-blue-200/20">
<div class="text-center">
<div class="inline-flex items-center gap-2 px-4 py-2 bg-blue-500/10 rounded-full mb-8 mx-auto">
<span class="w-2 h-2 bg-blue-500 rounded-full animate-pulse"></span>
<span class="text-blue-600 text-sm font-semibold tracking-wider uppercase">About Us</span>
</div>
<p class="text-gray-700 text-base md:text-lg leading-relaxed">
浙江贝凡 <span class="text-blue-600 font-bold">2019 年 2 月</span>成立，总部坐落于美丽的西子湖畔 · 杭州，贝凡二字源于 <span class="text-blue-600 font-bold">"赢"</span> 字之精髓，<span class="text-blue-600 font-bold">"贝"</span> 象征取财有道，坚守商业本质，<span class="text-blue-600 font-bold">"凡"</span> 代表匠心守拙，深耕技术创新。
</p>
<p class="text-gray-600 text-base md:text-lg leading-relaxed mt-6">
依托自主研发，聚焦<span class="text-blue-600 font-bold">系统研发定制</span>及<span class="text-blue-600 font-bold">自研SaaS系统</span>两大核心板块。依托<span class="text-blue-600 font-bold">多模态系统集成</span>、<span class="text-blue-600 font-bold">AI视觉大模型</span>等前沿技术，构建<span class="text-blue-600 font-bold">智能化、数字化、信息化</span>服务体系；业务覆盖<span class="text-blue-600 font-bold">企业数字化转型</span>、<span class="text-blue-600 font-bold">政企协同治理</span>、<span class="text-blue-600 font-bold">本地化项目交付</span>。公司始终以<span class="text-blue-600 font-bold">"应用为导向，以系统为核心"</span>筑牢技术根基，未来将持续系统迭代与多场景融合，为推动行业数字化转型赋能。
</p>
</div>
</div>
</div>
<div class="text-center mb-12">
<h3 class="text-3xl md:text-5xl font-black text-gray-900 tracking-tight">
<span class="text-transparent bg-clip-text bg-gradient-to-r from-blue-600 to-indigo-600">多项数据表明</span>
</h3>
<div class="w-20 h-1.5 bg-gradient-to-r from-blue-600 to-indigo-600 mx-auto mt-6 rounded-full"></div>
</div>
<div class="grid grid-cols-2 md:grid-cols-4 gap-6">
<div class="relative group">
<div class="absolute inset-0 bg-gradient-to-br from-blue-500/20 to-blue-600/5 rounded-2xl blur-xl group-hover:blur-2xl transition-all duration-300"></div>
<div class="relative bg-gradient-to-br from-white to-blue-50/30 rounded-2xl p-6 border border-blue-100/50 shadow-lg group-hover:shadow-blue-500/20 group-hover:scale-[1.02] transition-all duration-300">
<div class="text-center">
<div class="text-4xl md:text-5xl lg:text-6xl font-black text-transparent bg-clip-text bg-gradient-to-r from-blue-600 to-blue-700 mb-3 group-hover:scale-110 transition-transform duration-300">700+</div>
<div class="text-gray-700 text-sm md:text-base font-medium">视觉理解大模型</div>
</div>
</div>
</div>
<div class="relative group">
<div class="absolute inset-0 bg-gradient-to-br from-blue-500/20 to-blue-600/5 rounded-2xl blur-xl group-hover:blur-2xl transition-all duration-300"></div>
<div class="relative bg-gradient-to-br from-white to-blue-50/30 rounded-2xl p-6 border border-blue-100/50 shadow-lg group-hover:shadow-blue-500/20 group-hover:scale-[1.02] transition-all duration-300">
<div class="text-center">
<div class="text-4xl md:text-5xl lg:text-6xl font-black text-transparent bg-clip-text bg-gradient-to-r from-blue-600 to-blue-700 mb-3 group-hover:scale-110 transition-transform duration-300">99.9%</div>
<div class="text-gray-700 text-sm md:text-base font-medium">SLA 可用性</div>
</div>
</div>
</div>
<div class="relative group">
<div class="absolute inset-0 bg-gradient-to-br from-blue-500/20 to-blue-600/5 rounded-2xl blur-xl group-hover:blur-2xl transition-all duration-300"></div>
<div class="relative bg-gradient-to-br from-white to-blue-50/30 rounded-2xl p-6 border border-blue-100/50 shadow-lg group-hover:shadow-blue-500/20 group-hover:scale-[1.02] transition-all duration-300">
<div class="text-center">
<div class="text-4xl md:text-5xl lg:text-6xl font-black text-transparent bg-clip-text bg-gradient-to-r from-blue-600 to-blue-700 mb-3 group-hover:scale-110 transition-transform duration-300">15+</div>
<div class="text-gray-700 text-sm md:text-base font:medium">合作伙伴</div>
</div>
</div>
</div>
<div class="relative group">
<div class="absolute inset-0 bg-gradient-to-br from-blue-500/20 to-blue-600/5 rounded-2xl blur-xl group-hover:blur-2xl transition-all duration-300"></div>
<div class="relative bg-gradient-to-br from-white to-blue-50/30 rounded-2xl p-6 border border-blue-100/50 shadow-lg group-hover:shadow-blue-500/20 group-hover:scale-[1.02] transition-all duration-300">
<div class="text-center">
<div class="text-4xl md:text-5xl lg:text-6xl font-black text-transparent bg-clip-text bg-gradient-to-r from-blue-600 to-blue-700 mb-3 group-hover:scale-110 transition-transform duration-300">40+</div>
<div class="text-gray-700 text-sm md:text-base font-medium">软著专利</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>

40
src/components/sections/Contact.astro
View File

@@ -1,16 +1,13 @@
---
---
<section id="contact-info" class="py-8 mb-16 bg-gray-50">
<section id="contact-info" class="pb-24 bg-gray-50">
<div class="mb-16 relative">
<div class="absolute top-0 left-1/2 -translate-x-1/2 w-64 h-64 bg-blue-200/30 blur-3xl rounded-full -z-10"></div>
<div class="text-center">
<h3 class="text-3xl md:text-5xl font-black text-gray-900 tracking-tight">
<span class="text-transparent bg-clip-text bg-gradient-to-r from-blue-600 to-indigo-600">联系我们</span>
</h3>
<div class="w-20 h-1.5 bg-blue-600 mx-auto mt-6 rounded-full"></div>
<p class="text-gray-500 mt-6 max-w-2xl mx-auto text-lg leading-relaxed">
让我们一起开启数字化之旅
</p>
<div class="w-20 h-1.5 bg-gradient-to-r from-blue-600 to-indigo-600 mx-auto mt-6 rounded-full"></div>
</div>
</div>
@@ -18,32 +15,37 @@
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<div class="bg-white p-8 rounded-2xl shadow-xl border border-gray-100 flex flex-col items-center text-center
transition-all duration-500 hover:shadow-2xl hover:scale-[1.02] hover:-translate-y-2">
<div class="flex-shrink-0 w-16 h-16 border-2 border-primary rounded-full flex items-center justify-center mb-4 bg-primary/10">
<div class="relative group">
<div class="absolute inset-0 bg-gradient-to-br from-blue-500/20 to-blue-600/5 rounded-2xl blur-xl group-hover:blur-2xl transition-all duration-300"></div>
<div class="relative bg-gradient-to-br from-white to-blue-50/30 rounded-2xl p-8 border border-blue-100/50 shadow-lg group-hover:shadow-blue-500/20 group-hover:scale-[1.02] group-hover:-translate-y-2 transition-all duration-300">
<div class="relative z-10 flex-shrink-0 w-16 h-16 border-2 border-primary rounded-full flex items-center justify-center mb-4 bg-gradient-to-br from-blue-500/10 to-blue-600/5 shadow-lg">
<i class="fa fa-phone text-primary text-2xl"></i>
</div>
<h4 class="font-extrabold text-xl mb-1 text-gray-800">合作咨询</h4>
<a href="tel:4009985710" class="text-primary hover:text-blue-600 transition text-lg font-extrabold">400-998-5710</a>
<a href="tel:4009985710" class="text-transparent bg-clip-text bg-gradient-to-r from-blue-600 to-blue-700 hover:scale-110 transition text-lg font-extrabold inline-block">400-998-5710</a>
</div>
</div>
<div class="bg-white p-8 rounded-2xl shadow-xl border border-gray-100 flex flex-col items-center text-center
transition-all duration-500 hover:shadow-2xl hover:scale-[1.02] hover:-translate-y-2">
<div class="flex-shrink-0 w-16 h-16 border-2 border-primary rounded-full flex items-center justify-center mb-4 bg-primary/10">
<div class="relative group">
<div class="absolute inset-0 bg-gradient-to-br from-blue-500/20 to-blue-600/5 rounded-2xl blur-xl group-hover:blur-2xl transition-all duration-300"></div>
<div class="relative bg-gradient-to-br from-white to-blue-50/30 rounded-2xl p-8 border border-blue-100/50 shadow-lg group-hover:shadow-blue-500/20 group-hover:scale-[1.02] group-hover:-translate-y-2 transition-all duration-300">
<div class="relative z-10 flex-shrink-0 w-16 h-16 border-2 border-primary rounded-full flex items-center justify-center mb-4 bg-gradient-to-br from-blue-500/10 to-blue-600/5 shadow-lg">
<i class="fa fa-envelope text-primary text-2xl"></i>
</div>
<h4 class="font-extrabold text-xl mb-1 text-gray-800">电子邮箱</h4>
<a href="mailto:zjbeifan@126.com" class="text-primary hover:text-blue-600 transition text-lg font-medium break-all">zjbeifan@126.com</a>
<a href="mailto:zjbeifan@126.com" class="text-transparent bg-clip-text bg-gradient-to-r from-blue-600 to-blue-700 hover:scale-110 transition text-lg font-medium break-all inline-block">zjbeifan@126.com</a>
</div>
</div>
<div class="bg-white p-8 rounded-2xl shadow-xl border border-gray-100 flex flex-col items-center text-center
transition-all duration-500 hover:shadow-2xl hover:scale-[1.02] hover:-translate-y-2">
<div class="flex-shrink-0 w-16 h-16 border-2 border-primary rounded-full flex items-center justify-center mb-4 bg-primary/10">
<div class="relative group">
<div class="absolute inset-0 bg-gradient-to-br from-blue-500/20 to-blue-600/5 rounded-2xl blur-xl group-hover:blur-2xl transition-all duration-300"></div>
<div class="relative bg-gradient-to-br from-white to-blue-50/30 rounded-2xl p-8 border border-blue-100/50 shadow-lg group-hover:shadow-blue-500/20 group-hover:scale-[1.02] group-hover:-translate-y-2 transition-all duration-300">
<div class="relative z-10 flex-shrink-0 w-16 h-16 border-2 border-primary rounded-full flex items-center justify-center mb-4 bg-gradient-to-br from-blue-500/10 to-blue-600/5 shadow-lg">
<i class="fa fa-map-marker text-primary text-2xl"></i>
</div>
<h4 class="font-extrabold text-xl mb-1 text-gray-800">公司地址</h4>
<p class="text-gray-600 text-base">浙江省杭州市余杭区杭行路1499号润珹置地中心</p>
</div>
<p class="text-transparent bg-clip-text bg-gradient-to-r from-blue-600 to-blue-700 text-base font-medium">浙江省杭州市余杭区润珹置地中心1幢</p>
</div>
</div>
</div>
</div>

38
src/components/sections/Customization.astro
View File

@@ -3,44 +3,6 @@
<section class="bg-slate-50 overflow-hidden">
<div class="max-w-7xl mx-auto space-y-24 px-4 lg:px-0">
<div class="relative">
<div class="relative flex flex-col md:flex-row md:items-center mb-10 md:mb-14 px-3 md:px-0">
<div class="absolute left-0 w-full h-16 md:h-14 bg-indigo-50/50 -z-10 rounded-r-full"></div>
<div class="flex items-start md:items-center">
<div class="w-2.5 h-12 md:h-12 bg-indigo-600 rounded-full shadow-[4px_0_12px_rgba(79,70,229,0.4)] flex-shrink-0 mt-1 md:mt-0"></div>
<div class="ml-4 flex flex-col md:flex-row md:items-center gap-2 md:gap-6">
<div class="flex items-center">
<div class="relative flex items-center justify-center">
<span class="absolute -top-4 -left-2 text-5xl md:text-5xl font-black text-indigo-600/10 select-none">02</span>
<div class="flex items-center">
<span class="text-indigo-600 font-black text-xl md:text-2xl tracking-tight">核心业务</span>
<span class="flex items-center justify-center bg-indigo-600 text-white w-9 h-9 md:w-10 md:h-10 rounded-xl shadow-md shadow-indigo-200 text-xl md:text-2xl font-black mx-2">
2
</span>
<span class="text-indigo-600 font-black text-xl md:text-2xl tracking-tight">：</span>
</div>
</div>
</div>
<div class="flex flex-col justify-center">
<h3 class="text-2xl md:text-3xl font-black text-gray-900 tracking-tight leading-none">
本地化定制
</h3>
<div class="flex items-center gap-2 mt-1.5">
<span class="h-1 w-5 bg-indigo-600 rounded-full"></span>
<span class="text-xs md:text-xs text-indigo-500 font-bold uppercase tracking-[0.1em] md:tracking-[0.2em] leading-none">
Local Customization Service
</span>
</div>
</div>
</div>
</div>
</div>
<div class="max-w-7xl mx-auto space-y-6">
<div class="grid lg:grid-cols-12 gap-8 lg:gap-16 items-stretch">

138
src/components/sections/DevelopmentHistory.astro Normal file
View File

@@ -0,0 +1,138 @@
<section id="timeline" class="bg-slate-50">
<div class="max-w-7xl mx-auto px-4 lg:px-0 py-20">
<div class="text-center mb-16">
<h3 class="text-3xl md:text-5xl font-black text-gray-900 tracking-tight">
<span class="text-transparent bg-clip-text bg-gradient-to-r from-blue-600 to-indigo-600">发展历程</span>
</h3>
<div class="w-20 h-1.5 bg-gradient-to-r from-blue-600 to-indigo-600 mx-auto mt-6 rounded-full"></div>
</div>
<div class="flex flex-col md:flex-row items-stretch gap-8 md:gap-20">
<div class="w-full md:w-5/12 order-1 relative">
<div class="md:sticky md:top-20 h-fit">
<div class="grid grid-cols-2 gap-x-4 md:gap-x-5 gap-y-4 md:gap-y-5">
<div class="col-span-2 flex flex-col rounded-2xl overflow-hidden border border-gray-100 bg-white group transition-all duration-300 shadow-sm">
<div class="relative aspect-[3/1] md:aspect-[3/1.2] overflow-hidden">
<img src="/img/company-hangzhou.jpg" alt="杭州" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105">
</div>
<div class="relative p-3 md:p-4">
<div class="absolute inset-0 bg-gradient-to-br from-blue-50/50 to-white/80 backdrop-blur-md z-0"></div>
<div class="relative z-10">
<span class="text-blue-600/70 font-bold text-[10px] tracking-wrider uppercase">Location</span>
<h4 class="text-gray-800 font-bold text-sm md:text-base mt-0.5">总部坐落于</h4>
<h4 class="text-gray-800 font-bold text-sm md:text-base mt-0.5">美丽的西子湖畔 · 杭州</h4>
</div>
</div>
</div>
<div class="flex flex-col rounded-2xl overflow-hidden border border-gray-100 bg-white group transition-all duration-300 shadow-sm">
<div class="relative aspect-[16/10] overflow-hidden">
<img src="/img/company-building.jpg" alt="大楼" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105">
</div>
<div class="relative p-3 md:p-4">
<div class="absolute inset-0 bg-gradient-to-br from-slate-100/50 to-white/80 backdrop-blur-md z-0"></div>
<div class="relative z-10">
<span class="text-blue-600/70 font-bold text-[10px] tracking-wider uppercase">R&D Center</span>
<h4 class="text-gray-800 font-bold text-sm md:text-base mt-0.5">立足杭城CBD</h4>
<h4 class="text-gray-800 font-bold text-sm md:text-base mt mt-0.5">驱动数字研发新引擎</h4>
</div>
</div>
</div>
<div class="flex flex-col rounded-2xl overflow-hidden border border-gray-100 bg-white group transition-all duration-300 shadow-sm">
<div class="relative aspect-[16/10] overflow-hidden">
<img src="/img/company-showroom.jpg" alt="展示" class="w-full h-full object-cover transition:transform duration-700 group-hover:scale-105">
</div>
<div class="relative p-3 md:p-4">
<div class="absolute inset-0 bg-gradient-to-br from-blue-50/50 to-white/80 backdrop-blur-md z-0"></div>
<div class="relative z-10">
<span class="text-blue-600/70 font-bold text-[10px] tracking-wider uppercase">Solutions</span>
<h4 class="text-gray-800 font-bold text-sm md:text-base mt-0.5">AI场景赋能</h4>
<h4 class="text-gray-800 font-bold text-sm md:text-base mt-0.5">面向未来的数字展厅</h4>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="w-full md:w-7/12 order-2">
<div class="relative">
<div class="absolute top-0 bottom-0 left-3 md:left-6 w-px bg-gradient-to-b from-blue-600/40 via-gray-200 to-transparent z-0"></div>
<div class="space-y-8 md:space-y-10">
<div class="relative flex z-10">
<span class="absolute top-6 left-3 md:left-6 -translate-x-1/2 w-4 h-4 rounded-full bg-blue-600/30 z-20 border-2 border-white"></span>
<div class="w-full pl-10 md:pl-16">
<div class="relative z-10 rounded-xl p-6 bg-white border border-gray-200 shadow-sm">
<span class="text-blue-600 font-bold tracking-wider text-sm uppercase">2019</span>
<h4 class="text-xl font-bold mt-3 mb-2 flex items-center gap-3 text-blue-600">
<img src="/img/timeline-2019-icon.webp" alt="icon" class="w-7 h-7 object-contain">
公司成立
</h4>
<p class="text-gray-600 text-base leading-relaxed">自主研发"车险分期"系统平台，为全国商用车领域业务赋能</p>
</div>
</div>
</div>
<div class="relative flex z-10">
<span class="absolute top-6 left-3 md:left-6 -translate-x-1/2 w-4 h-4 rounded-full bg-blue-600/40 z-20 border-2 border-white"></span>
<div class="w-full pl-10 md:pl-16">
<div class="relative z-10 rounded-xl p-6 bg-white border border-gray-200 shadow-sm">
<span class="text-blue-600 font-bold tracking-wider text-sm uppercase">2020-2022</span>
<h4 class="text-xl font-bold mt-3 mb-2 flex items-center gap-3 text-blue-600">
<img src="/img/timeline-2022-icon.webp" alt="icon" class="w-7 h-7 object-contain">
规模化增长
</h4>
<p class="text-gray-600 text-base leading-relaxed">业务规模化增长阶段，实现全国市场布局，同步优化运营体系与技术架构</p>
</div>
</div>
</div>
<div class="relative flex z-10">
<span class="absolute top-6 left-3 md:left-6 -translate-x-1/2 w-4 h-4 rounded-full bg-blue-600/50 z-20 border-2 border-white"></span>
<div class="w-full pl-10 md:pl-16">
<div class="relative z-10 rounded-xl p-6 bg-white border border-gray-100 shadow-sm">
<span class="text-blue-600 font-bold tracking-wider text-sm uppercase">2023-2024</span>
<h4 class="text-xl font-bold mt-3 mb-2 flex items-center gap-3 text-blue-600">
<img src="/img/timeline-2024-icon.webp" alt="icon" class="w-7 h-7 object-contain">
技术升级
</h4>
<p class="text-gray-600 text-base leading-relaxed">技术研发转向工业互联网解决方案，企安智控1.0上线</p>
</div>
</div>
</div>
<div class="relative flex z-10">
<span class="absolute top-6 left-3 md:left-6 -translate-x-1/2 w-4 h-4 rounded-full bg-blue-600/60 z-20 border-2 border-white"></span>
<div class="w-full pl-10 md:pl-16">
<div class="relative z-10 rounded-xl p-6 bg-white border border-gray-100 shadow-sm">
<span class="text-blue-600 font-bold tracking-wider text-sm uppercase">2025</span>
<h4 class="text-xl font-bold mt-3 mb-2 flex items-center gap-3 text-blue-600">
<img src="/img/timeline-2025-icon.webp" alt="icon" class="w-7 h-7 object-contain">
双赛道启航
</h4>
<p class="text-gray-600 text-base leading-relaxed">SaaS系统交叉融合，构建业务生态，ToB、ToG多模块场景研发定制</p>
</div>
</div>
</div>
<div class="relative flex z-10">
<span class="absolute top-6 left-3 md:left-6 -translate-x-1/2 w-4 h-4 rounded-full bg-blue-600 shadow-[0_0_0_6px_rgba(37,99,235,0.15)] z-20 border-2 border-white"></span>
<div class="w-full pl-10 md:pl-16">
<div class="relative z-10 rounded-xl p-6 bg-gradient-to-br from-blue-600/10 to-transparent border border-blue-600/20 shadow-lg backdrop-blur-sm">
<span class="text-blue-600 font-bold tracking-wider text-sm uppercase">2026</span>
<h4 class="text-xl font-bold mt-3 mb-2 flex items-center gap-3 text-blue-600">
<img src="/img/timeline-2026-icon.webp" alt="icon" class="w-7 h-7 object-contain">
核心聚焦
</h4>
<p class="text-gray-600 text-base leading-relaxed">AI大模型、物联网IOT、融合开发DevOps，标准SaaS部署及行业应用，全场景产业数字化转型服务商</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>

9
src/components/sections/Footer.astro
View File

@@ -58,13 +58,12 @@
<div class="w-full">
<div class="grid grid-cols-2 gap-x-8">
<ul class="space-y-4 text-base">
<li><a href="#home" class="flex items-center gap-3 text-gray-400 hover:text-blue-400 transition-colors"><i class="fa fa-home w-4 text-center text-blue-500"></i><span>首页</span></a></li>
<li><a href="#core-business" class="flex items-center gap-3 text-gray-400 hover:text-blue-400 transition-colors"><i class="fa fa-briefcase w-4 text-center text-blue-500"></i><span>核心业务</span></a></li>
<li><a href="#ai-model" class="flex items-center gap-3 text-gray-400 hover:text-blue-400 transition-colors"><i class="fa fa-microchip w-4 text-center text-blue-500"></i><span>AI大模型</span></a></li>
<li><a href="/" class="flex items-center gap-3 text-gray-400 hover:text-blue-400 transition-colors"><i class="fa fa-building w-4 text-center text-blue-500"></i><span>公司介绍</span></a></li>
<li><a href="/qazk" class="flex items-center gap-3 text-gray-400 hover:text-blue-400 transition-colors"><i class="fa fa-cogs w-4 text-center text-blue-500"></i><span>企安智控</span></a></li>
</ul>
<ul class="space-y-4 text-base">
<li><a href="#about-us" class="flex items-center gap-3 text-gray-400 hover:text-blue-400 transition-colors"><i class="fa fa-info-circle w-4 text-center text-blue-500"></i><span>关于我们</span></a></li>
<li><a href="#recruitment" class="flex items-center gap-3 text-gray-400 hover:text-blue-400 transition-colors"><i class="fa fa-handshake-o w-4 text-center text-blue-500"></i><span>生态合作</span></a></li>
<li><a href="/customization" class="flex items-center gap-3 text-gray-400 hover:text-blue-400 transition-colors"><i class="fa fa-wrench w-4 text-center text-blue-500"></i><span>本地化定制</span></a></li>
<li><a href="/partnership" class="flex items-center gap-3 text-gray-400 hover:text-blue-400 transition-colors"><i class="fa fa-handshake-o w-4 text-center text-blue-500"></i><span>生态合作</span></a></li>
</ul>
</div>
</div>

3
src/components/sections/Hardware.astro
View File

@@ -6,7 +6,8 @@
<div class="absolute top-0 left-1/2 -translate-x-1/2 w-64 h-64 bg-blue-200/30 blur-3xl rounded-full -z-10"></div>
<div class="text-center">
<h3 class="text-3xl md:text-5xl font-black text-gray-900 tracking-tight">
<span class="text-transparent bg-clip-text bg-gradient-to-r from-blue-600 to-indigo-600">硬件物联</span> 应用场景
系统平台应用场景<br>
<span class="text-transparent bg-clip-text bg-gradient-to-r from-blue-600 to-indigo-600">硬件物联</span>
</h3>
<div class="w-20 h-1.5 bg-blue-600 mx-auto mt-6 rounded-full"></div>
<p class="text-gray-500 mt-6 max-w-2xl mx-auto text-lg leading-relaxed">

33
src/components/sections/Honors.astro
View File

@@ -1,6 +1,6 @@
---
---
<section id="about-us" class="py-16 bg-slate-50">
<section id="about-us" class="pb-20 bg-slate-50">
<div class="max-w-7xl mx-auto px-4 lg:px-0">
<div>
@@ -8,60 +8,57 @@
<div class="absolute top-0 left-1/2 -translate-x-1/2 w-64 h-64 bg-blue-200/30 blur-3xl rounded-full -z-10"></div>
<div class="text-center">
<h3 class="text-3xl md:text-5xl font-black text-gray-900 tracking-tight">
<span class="text-transparent bg-clip-text bg-gradient-to-r from-blue-600 to-indigo-600">匠心筑就 · 信赖桥梁</span>
<span class="text-transparent bg-clip-text bg-gradient-to-r from-blue-600 to-indigo-600">生态合作</span>
</h3>
<div class="w-20 h-1.5 bg-blue-600 mx-auto mt-6 rounded-full"></div>
<p class="text-gray-500 mt-6 max-w-2xl mx-auto text-lg leading-relaxed">
合作携手，共创价值
</p>
<div class="w-20 h-1.5 bg-gradient-to-r from-blue-600 to-indigo-600 mx-auto mt-6 rounded-full"></div>
</div>
</div>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-6 items-center">
<div class="p-4 bg-white rounded-lg shadow-md flex flex-col justify-center items-center h-32 transition-all-500 hover:shadow-xl hover:-translate-y-1 space-y-3 border">
<div class="p-4 bg-white rounded-lg shadow-md flex flex-col justify-center items-center h-32 transition-all duration-300 hover:shadow-xl hover:-translate-y-1 space-y-3 border border-blue-100/50">
<img src="/img/partner-cmcc.webp" alt="中国移动 logo" class="max-h-12 w-auto">
<p class="text-sm font-semibold text-gray-700">中国移动</p>
</div>
<div class="p-4 bg-white rounded-lg shadow-md flex flex-col justify-center items-center h-32 transition-all-500 hover:shadow-xl hover:-translate-y-1 space-y-3 border">
<div class="p-4 bg-white rounded-lg shadow-md flex flex-col justify-center items-center h-32 transition-all duration-300 hover:shadow-xl hover:-translate-y-1 space-y-3 border border-blue-100/50">
<img src="/img/partner-ct.webp" alt="中国电信 logo" class="max-h-12 w-auto">
<p class="text-sm font-semibold text-gray-700">中国电信</p>
</div>
<div class="p-4 bg-white rounded-lg shadow-md flex flex-col justify-center items-center h-32 transition-all-500 hover:shadow-xl hover:-translate-y-1 space-y-3 border">
<div class="p-4 bg-white rounded-lg shadow-md flex flex-col justify-center items-center h-32 transition-all duration-300 hover:shadow-xl hover:-translate-y-1 space-y-3 border border-blue-100/50">
<img src="/img/partner-inspur.webp" alt="浪潮 inspur logo" class="max-h-12 w-auto">
<p class="text-sm font-semibold text-gray-700">浪潮 inspur</p>
</div>
<div class="p-4 bg-white rounded-lg shadow-md flex flex-col justify-center items-center h-32 transition-all-500 hover:shadow-xl hover:-translate-y-1 space-y-3 border">
<div class="p-4 bg-white rounded-lg shadow-md flex flex-col justify-center items-center h-32 transition-all duration-300 hover:shadow-xl hover:-translate-y-1 space-y-3 border border-blue-100/50">
<img src="/img/partner-hikvision.webp" alt="海康威视 logo" class="max-h-12 w-auto">
<p class="text-sm font-semibold text-gray-700">海康威视</p>
</div>
<div class="p-4 bg-white rounded-lg shadow-md flex flex-col justify-center items-center h-32 transition-all-500 hover:shadow-xl hover:-translate-y-1 space-y-3 border">
<div class="p-4 bg-white rounded-lg shadow-md flex flex-col justify-center items-center h-32 transition-all duration-300 hover:shadow-xl hover:-translate-y-1 space-y-3 border border-blue-100/50">
<img src="/img/grid.webp" alt="国家电网 logo" class="max-h-12 w-auto">
<p class="text-sm font-semibold text-gray-700">国家电网</p>
</div>
<div class="p-4 bg-white rounded-lg shadow-md flex flex-col justify-center items-center h-32 transition-all-500 hover:shadow-xl hover:-translate-y-1 space-y-3 border">
<div class="p-4 bg-white rounded-lg shadow-md flex flex-col justify-center items-center h-32 transition-all duration-300 hover:shadow-xl hover:-translate-y-1 space-y-3 border border-blue-100/50">
<img src="/img/partner-aliyun.webp" alt="阿里云 logo" class="max-h-12 w-auto">
<p class="text-sm font-semibold text-gray-700">阿里云</p>
</div>
<div class="p-4 bg-white rounded-lg shadow-md flex flex-col justify-center items-center h-32 transition-all-500 hover:shadow-xl hover:-translate-y-1 space-y-3 border">
<div class="p-4 bg-white rounded-lg shadow-md flex flex-col justify-center items-center h-32 transition-all duration-300 hover:shadow-xl hover:-translate-y-1 space-y-3 border border-blue-100/50">
<img src="/img/partner-amap.webp" alt="高德地图 logo" class="max-h-12 w-auto">
<p class="text-sm font-semibold text-gray-700">高德地图</p>
</div>
<div class="p-4 bg-white rounded-lg shadow-md flex flex-col justify-center items-center h-32 transition-all-500 hover:shadow-xl hover:-translate-y-1 space-y-3 border">
<div class="p-4 bg-white rounded-lg shadow-md flex flex-col justify-center items-center h-32 transition-all duration-300 hover:shadow-xl hover:-translate-y-1 space-y-3 border border-blue-100/50">
<img src="/img/partner-zjtd.webp" alt="字节跳动 logo" class="max-h-12 w-auto">
<p class="text-sm font-semibold text-gray-700">字节跳动</p>
</div>
<div class="p-4 bg-white rounded-lg shadow-md flex flex-col justify-center items-center h-32 transition-all-500 hover:shadow-xl hover:-translate-y-1 space-y-3 border">
<div class="p-4 bg-white rounded-lg shadow-md flex flex-col justify-center items-center h-32 transition-all duration-300 hover:shadow-xl hover:-translate-y-1 space-y-3 border border-blue-100/50">
<img src="/img/partner-cu.webp" alt="中国联通 logo" class="max-h-12 w-auto">
<p class="text-sm font-semibold text-gray-700">中国联通</p>
</div>
<div class="p-4 bg-white rounded-lg shadow-md flex flex-col justify-center items-center h-32 transition-all-500 hover:shadow-xl hover:-translate-y-1 space-y-3 border">
<div class="p-4 bg-white rounded-lg shadow-md flex flex-col justify-center items-center h-32 transition-all duration-300 hover:shadow-xl hover:-translate-y-1 space-y-3 border border-blue-100/50">
<img src="/img/hr.webp" alt="虹润 logo" class="max-h-12 w-auto">
<p class="text-sm font-semibold text-gray-700">虹润</p>
</div>
<div class="p-4 bg-white rounded-lg shadow-md flex flex-col justify-center items-center h-32 transition-all-500 hover:shadow-xl hover:-translate-y-1 space-y-3 border">
<div class="p-4 bg-white rounded-lg shadow-md flex flex-col justify-center items-center h-32 transition-all duration-300 hover:shadow-xl hover:-translate-y-1 space-y-3 border border-blue-100/50">
<img src="/img/partner-tencent.webp" alt="腾讯 logo" class="max-h-12 w-auto">
<p class="text-sm font-semibold text-gray-700">腾讯</p>
</div>
<div class="p-4 bg-white rounded-lg shadow-md flex flex-col justify-center items-center h-32 transition-all-500 hover:shadow-xl hover:-translate-y-1 space-y-3 border">
<div class="p-4 bg-white rounded-lg shadow-md flex flex-col justify-center items-center h-32 transition-all duration-300 hover:shadow-xl hover:-translate-y-1 space-y-3 border border-blue-100/50">
<img src="/img/partner-doubao.webp" alt="豆包 logo" class="max-h-12 w-auto">
<p class="text-sm font-semibold text-gray-700">豆包</p>
</div>

14
src/components/sections/Policy.astro
View File

@@ -6,7 +6,7 @@
<div class="text-center mt-10 mb-16 relative">
<div class="absolute top-0 left-1/2 -translate-x-1/2 w-64 h-64 bg-red-100/50 blur-3xl rounded-full -z-10"></div>
<h3 class="text-3xl md:text-5xl font-black text-gray-900 tracking-tight">
最新政策导向<br><span class="text-red-600">安全管理核心驱动力</span>
<span class="text-red-600">系统平台紧跟政策导向</span>
</h3>
<div class="w-24 h-1.5 bg-red-600 mx-auto mt-8 rounded-full shadow-sm shadow-red-200"></div>
</div>
@@ -22,11 +22,11 @@
<img src="/img/policy-1.webp" class="w-full h-full object-cover object-top group-hover:scale-110 transition-transform duration-1000" />
</div>
<div class="md:w-[55%] flex flex-col justify-center py-4">
<h3 class="text-2xl font-bold text-gray-900 mb-4 group-hover:text-red-600 transition-colors leading-tight">企业安全生产标准化<br>基本规范</h3>
<h3 class="text-2xl font-bold text-gray-900 mb-4 group-hover:text-red-600 transition-colors leading-tight">大中型企业安全生产标准化管理体系要求</h3>
<p class="text-base text-gray-600 leading-relaxed bg-red-50/50 p-5 rounded-2xl border-red-600 mb-4">
核心要求：全面建立并保持<span class="text-red-700 font-bold">标准化系统</span>，实现安全管理的系统化、岗位达标和规范化。
企业应利用<span class="text-red-700 font-bold">数字化、信息化、智能化</span>等手段,提高安全生产台账管理、安全风险分级管控、事故隐患排查治理、应急管理等效能。
</p>
<div class="text-sm font-bold text-red-600">GB/T 33000-2016</div>
<div class="text-sm font-bold text-red-600">GB/T 33000-2025</div>
</div>
</div>
<div class="group bg-white rounded-[2.5rem] p-6 border border-red-100 shadow-sm hover:shadow-2xl hover:shadow-red-500/10 transition-all duration-500 flex flex-col md:flex-row gap-8">
@@ -34,11 +34,11 @@
<img src="/img/policy-2.webp" class="w-full h-full object-cover object-top group-hover:scale-110 transition-transform duration-1000" />
</div>
<div class="md:w-[55%] flex flex-col justify-center py-4">
<h3 class="text-2xl font-bold text-gray-900 mb-4 group-hover:text-red-600 transition-colors leading-tight">重大火灾隐患<br>判定规则</h3>
<h3 class="text-2xl font-bold text-gray-900 mb-4 group-hover:text-red-600 transition-colors leading-tight">工业互联网平台<br />安全生产数字化管理</h3>
<p class="text-base text-gray-600 leading-relaxed bg-red-50/50 p-5 rounded-2xl border-red-600 mb-4">
确立标准：统一了重大火灾隐患的<span class="text-red-700 font-bold">判定基准</span>，适用于各类建筑及公共场所的隐患界定。
企业应基于工业互联网平台开展<span class="text-red-700 font-bold">安全风险管控</span>,包括安全风险辨识、安全风险分级管控和风险预警。
</p>
<div class="text-sm font-bold text-red-600">GB 35181-2017</div>
<div class="text-sm font-bold text-red-600">GB/T46884.1—2025</div>
</div>
</div>
</div>

49
src/components/sections/SaaS.astro
View File

@@ -28,43 +28,6 @@
</style>
<div class="max-w-7xl mx-auto">
<div class="relative flex flex-col md:flex-row md:items-center mb-10 md:mb-14 px-3 md:px-0">
<div class="absolute left-0 w-full h-16 md:h-14 bg-blue-50/50 -z-10 rounded-r-full"></div>
<div class="flex items-start md:items-center">
<div class="w-2.5 h-12 md:h-12 bg-blue-600 rounded-full shadow-[4px_0_12px_rgba(37,99,235,0.4)] flex-shrink-0 mt-1 md:mt-0"></div>
<div class="ml-4 flex flex-col md:flex-row md:items-center gap-2 md:gap-6">
<div class="flex items-center">
<div class="relative flex items-center justify-center">
<span class="absolute -top-4 -left-2 text-5xl md:text-5xl font-black text-blue-600/10 select-none">01</span>
<div class="flex items-center">
<span class="text-blue-600 font-black text-xl md:text-2xl tracking-tight">核心业务</span>
<span class="flex items-center justify-center bg-blue-600 text-white w-9 h-9 md:w-10 md:h-10 rounded-xl shadow-md shadow-blue-200 text-xl md:text-2xl font-black mx-2">
1
</span>
<span class="text-blue-600 font-black text-xl md:text-2xl tracking-tight">：</span>
</div>
</div>
</div>
<div class="flex flex-col justify-center">
<h3 class="text-2xl md:text-3xl font-black text-gray-900 tracking-tight leading-none">
SaaS化系统
</h3>
<div class="flex items-center gap-2 mt-1.5">
<span class="h-1 w-5 bg-blue-600 rounded-full"></span>
<span class="text-xs md:text-xs text-blue-500 font-bold uppercase tracking-[0.1em] md:tracking-[0.2em] leading-none">
Cloud Intelligence System
</span>
</div>
</div>
</div>
</div>
</div>
<div class="bg-white p-4 md:p-10 rounded-3xl shadow-2xl border border-blue-100 transition-all duration-500">
<div class="flex flex-col md:flex-row items-center gap-8 md:gap-16 mb-12">
@@ -82,7 +45,7 @@
</div>
<p class="text-sm md:text-base text-gray-500 mb-6 border-b border-gray-100 pb-4 inline-block">由浙江贝凡网络科技提供云和AI服务</p>
<p class="text-gray-700 text-lg md:text-xl leading-relaxed">
<strong class="text-blue-600 font-extrabold">企安智控</strong>由浙江贝凡科技自主研发，专注于为全国生产工贸型企业、园区楼宇、酒店餐饮等场景提供<strong class="text-blue-600 font-extrabold">智能安全管理解决方案</strong>。
<strong class="text-blue-600 font-extrabold">企安智控</strong>是浙江贝凡自主研发的全场景智能安全管理 SaaS 系统，专注为全国生产制造型企业、产业园区、酒店餐饮、物业楼宇、仓储物流等场景，提供<strong class="text-blue-600 font-extrabold">数字化安全管理解决方案</strong>。
</p>
</div>
</div>
@@ -92,7 +55,7 @@
<div class="flex-1">
<p class="text-base md:text-lg text-gray-900 font-bold mb-4 flex items-center gap-2">
<span class="w-1.5 h-5 bg-blue-600 rounded-full"></span>
系统为企业赋能：
系统平台为企业赋能：
</p>
<div class="grid grid-cols-4 gap-3 mb-6">
@@ -103,14 +66,14 @@
<line x1="9" y1="1" x2="9" y2="4"></line>
<line x1="15" y1="1" x2="15" y2="4"></line>
</svg>
<span class="text-sm font-bold text-white">AI算法</span>
<span class="text-sm font-bold text-white">AI多场景</span>
</div>
<div class="flex flex-col items-center justify-center py-4 bg-indigo-600 rounded-xl shadow-md border border-indigo-700">
<svg class="w-6 h-6 text-white mb-2" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
<rect x="5" y="2" width="14" height="20" rx="2" ry="2"></rect>
<line x1="12" y1="18" x2="12.01" y2="18"></line>
</svg>
<span class="text-sm font-bold text-white">多端联动</span>
<span class="text-sm font-bold text-white">多方联动</span>
</div>
<div class="flex flex-col items-center justify-center py-4 bg-indigo-600 rounded-xl shadow-md border border-indigo-700">
<svg class="w-6 h-6 text-white mb-2" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
@@ -132,7 +95,7 @@
</div>
</div>
<p class="text-[14px] md:text-base text-blue-900 leading-relaxed border-t border-blue-100 pt-4 font-bold text-center md:text-left min-h-[4.5rem] flex items-center">
实现隐患排查自动化、履职考核标准化，全面提升企业安全水平
构建安全风险管控、隐患排查治理、应急处置三道防线
</p>
</div>
@@ -140,7 +103,7 @@
<div class="flex-1">
<p class="text-base md:text-lg text-gray-900 font-bold mb-4 flex items-center gap-2">
<span class="w-1.5 h-5 bg-red-600 rounded-full"></span>
系统辅助各监管部门构建：
系统平台为监管部门构建：
</p>
<div class="grid grid-cols-2 gap-3 mb-6">

6
src/pages/index.astro
View File

@@ -1,7 +1,8 @@
---
import Layout from '../layouts/Layout.astro';
import Hero from '../components/sections/Hero.astro';
import Timeline from '../components/sections/Timeline.astro';
import DevelopmentHistory from '../components/sections/DevelopmentHistory.astro';
import CompanyIntro from '../components/sections/CompanyIntro.astro';
import Honors from '../components/sections/Honors.astro';
import Contact from '../components/sections/Contact.astro';
---
@@ -9,7 +10,8 @@ import Contact from '../components/sections/Contact.astro';
<Layout title="浙江贝凡网络科技 - 全场景 ‧ 产业数字化转型服务商" activeNav="home">
<main>
<Hero />
<Timeline />
<DevelopmentHistory />
<CompanyIntro />
<Honors />
<Contact />
</main>