style: fine-tune UI elements
This commit is contained in:
@@ -77,6 +77,7 @@ beifan.cn/
|
||||
- **典型事故案例**：重大事故案例分析
|
||||
- **硬件物联**：12个物联网应用场景
|
||||
- **AI大模型**：15个AI应用场景
|
||||
- **页脚**：版权信息、ICP备案等
|
||||
|
||||
### 3. 生态合作页面 - `/partnership`
|
||||
|
||||
|
||||
@@ -1,10 +1,17 @@
|
||||
---
|
||||
---
|
||||
<section id="contact-info" class="py-16 md:py-24 bg-gray-50">
|
||||
|
||||
<div class="text-center mb-12 px-4 lg:px-0">
|
||||
<span class="text-primary font-medium">联系我们</span>
|
||||
<h3 class="text-[clamp(1.5rem,3vw,2.5rem)] font-bold mt-2 mb-4">让我们一起开启数字化之旅</h3>
|
||||
<section id="contact-info" class="py-8 mb-16 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>
|
||||
</div>
|
||||
|
||||
<div class="max-w-7xl mx-auto px-4 lg:px-0">
|
||||
|
||||
@@ -3,44 +3,10 @@
|
||||
<section id="about-us" class="py-16 bg-slate-50">
|
||||
<div class="max-w-7xl mx-auto px-4 lg:px-0">
|
||||
|
||||
<div class="text-center mb-16 px-4 lg:px-0">
|
||||
<span class="text-blue-600 font-medium text-lg tracking-widest block mb-2">关于我们</span>
|
||||
<h2 class="text-[clamp(1.8rem,4vw,3rem)] font-extrabold text-dark mt-2 mb-4">专注创新 · 赋能产业升级</h2>
|
||||
<p class="text-gray-600 max-w-3xl mx-auto text-base">浙江贝凡网络科技有限公司致力于利用AI、大数据、云计算，为各行业提供开放、灵活、可扩展的核心智能化解决方案。我们以创新、专注、协作为核心，持续深耕安全数字化领域，引领行业转型。</p>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
|
||||
|
||||
<div class="bg-white p-8 rounded-2xl shadow-xl hover:shadow-2xl hover:-translate-y-1 transition-all duration-500 group">
|
||||
<div class="w-14 h-14 bg-blue-50 rounded-xl flex items-center justify-center mb-6">
|
||||
<i class="fa fa-users text-blue-600 text-2xl"></i>
|
||||
</div>
|
||||
<h3 class="text-2xl font-bold text-dark mb-4">核心价值观</h3>
|
||||
<p class="text-gray-600">想要共赢，必先担当。</p>
|
||||
</div>
|
||||
|
||||
<div class="bg-white p-8 rounded-2xl shadow-xl hover:shadow-2xl hover:-translate-y-1 transition-all duration-500 group">
|
||||
<div class="w-14 h-14 bg-blue-50 rounded-xl flex items-center justify-center mb-6">
|
||||
<i class="fa fa-eye text-blue-600 text-2xl"></i>
|
||||
</div>
|
||||
<h3 class="text-2xl font-bold text-dark mb-4">企业愿景</h3>
|
||||
<p class="text-gray-600">致力于打造全国领先的安全风险管理平台。</p>
|
||||
</div>
|
||||
|
||||
<div class="bg-white p-8 rounded-2xl shadow-xl hover:shadow-2xl hover:-translate-y-1 transition-all duration-500 group">
|
||||
<div class="w-14 h-14 bg-blue-50 rounded-xl flex items-center justify-center mb-6">
|
||||
<i class="fa fa-bar-chart text-blue-600 text-2xl"></i>
|
||||
</div>
|
||||
<h3 class="text-2xl font-bold text-dark mb-4">业务版图</h3>
|
||||
<p class="text-gray-600">以杭州为总部，运营中心辐射各省、市、地区。</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="mt-16 md:mt-24">
|
||||
<div class="text-center mb-16 px-4 lg:px-0">
|
||||
<h2 class="text-[clamp(1.8rem,4vw,3rem)] font-bold mt-2 mb-4">匠心筑就 · 信赖桥梁</h2>
|
||||
<p class="text-gray-600 max-w-2xl mx-auto">合作携手，共创价值</p>
|
||||
<div>
|
||||
<div class="text-center mb-12">
|
||||
<h3 class="text-3xl md:text-4xl font-black text-gray-900 tracking-tight">合作携手，共创价值</h3>
|
||||
<div class="w-20 h-1.5 bg-blue-600 mx-auto mt-4 rounded-full"></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">
|
||||
|
||||
@@ -1,4 +1,6 @@
|
||||
---
|
||||
import Footer from '../components/sections/Footer.astro';
|
||||
|
||||
const { title = "浙江贝凡网络科技", activeNav = "home" } = Astro.props;
|
||||
|
||||
const navItems = [
|
||||
@@ -75,6 +77,7 @@ function getNavLinkClass(itemId: string) {
|
||||
</div>
|
||||
</header>
|
||||
<slot />
|
||||
<Footer />
|
||||
<button id="back-to-top" class="fixed bottom-8 right-8 w-12 h-12 bg-primary rounded-full flex items-center justify-center text-white shadow-lg opacity-0 invisible transition-all duration-300 hover:bg-primary/90">
|
||||
<i class="fa fa-arrow-up"></i>
|
||||
</button>
|
||||
|
||||
@@ -6,7 +6,6 @@ import SaaS from '../components/sections/SaaS.astro';
|
||||
import Customization from '../components/sections/Customization.astro';
|
||||
import Honors from '../components/sections/Honors.astro';
|
||||
import Contact from '../components/sections/Contact.astro';
|
||||
import Footer from '../components/sections/Footer.astro';
|
||||
---
|
||||
|
||||
<Layout title="浙江贝凡网络科技 - 全场景 ‧ 产业数字化转型服务商" activeNav="home">
|
||||
@@ -18,5 +17,4 @@ import Footer from '../components/sections/Footer.astro';
|
||||
<Honors />
|
||||
<Contact />
|
||||
</main>
|
||||
<Footer />
|
||||
</Layout>
|
||||
|
||||
Reference in New Issue
Block a user