Files
company-website/src/components/sections/ConstructionHero.astro
T
2026-04-15 11:07:57 +08:00

45 lines
2.6 KiB
Plaintext

<section class="bg-slate-50 overflow-hidden">
<div class="max-w-7xl mx-auto px-4 lg:px-0 pt-4 md:pt-8">
<div class="bg-white rounded-3xl border border-blue-100 shadow-xl p-5 md:p-10">
<div class="grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-12 items-center">
<div class="space-y-5">
<div class="inline-flex items-center gap-2 bg-blue-50 text-blue-700 px-3 py-1.5 rounded-full text-xs font-bold tracking-wide">
<i class="fa fa-industry"></i>
<span>智慧工地安全监管平台</span>
</div>
<h1 class="text-3xl md:text-5xl font-black text-gray-900 tracking-tight leading-tight">
智慧工地
</h1>
<p class="text-gray-700 text-base md:text-lg leading-relaxed">
面向施工现场高风险、高流动、多协同场景,平台融合 AI 视觉识别与物联感知能力,打造“实时发现、即时告警、闭环处置、全程追溯”的数字化安全管理体系。
</p>
<div class="grid grid-cols-2 md:grid-cols-4 gap-3">
<div class="bg-blue-600 text-white text-center py-2.5 rounded-xl font-bold text-sm">实时识别</div>
<div class="bg-blue-600 text-white text-center py-2.5 rounded-xl font-bold text-sm">多端告警</div>
<div class="bg-blue-600 text-white text-center py-2.5 rounded-xl font-bold text-sm">隐患闭环</div>
<div class="bg-blue-600 text-white text-center py-2.5 rounded-xl font-bold text-sm">全程追溯</div>
</div>
</div>
<div class="relative">
<div class="absolute -inset-4 bg-blue-200/40 blur-3xl rounded-full -z-10"></div>
<div class="overflow-hidden rounded-3xl border border-slate-100 shadow-lg">
<img src="/img/construction/hero.jpg" alt="智慧工地平台展示" class="w-full h-auto object-cover">
</div>
</div>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 mt-8">
<div class="bg-blue-50 border border-blue-100 rounded-2xl p-5">
<p class="text-blue-900 font-bold text-lg mb-3">为施工企业赋能</p>
<p class="text-gray-700 leading-relaxed text-sm md:text-base">围绕人员、车辆、设备、环境和重点作业面建立统一监管入口,降低管理盲区,提升现场执行效率和安全水平。</p>
</div>
<div class="bg-red-50 border border-red-100 rounded-2xl p-5">
<p class="text-red-900 font-bold text-lg mb-3">为监管部门赋能</p>
<p class="text-gray-700 leading-relaxed text-sm md:text-base">通过可视化风险看板与事件全链路记录,实现问题可量化、责任可追踪、处置可考核,支撑数字化精准监管。</p>
</div>
</div>
</div>
</div>
</section>