Frudrax Cheng
34 lines
1.8 KiB
Plaintext
34 lines
1.8 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-cutlery"></i>
|
|
<span>明厨亮灶智慧监管平台</span>
|
|
</div>
|
|
<h1 class="text-3xl md:text-5xl font-black tracking-tight leading-tight">
|
|
<span class="text-blue-600">明厨亮灶</span>
|
|
</h1>
|
|
<p class="text-gray-700 text-base md:text-lg leading-relaxed">
|
|
围绕餐饮加工全流程与监管全链路，平台融合视频可视化、过程留痕与智能感知能力，推动食品安全治理从“被动抽检”向“实时监管、闭环处置、社会共治”升级。
|
|
</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/kitchen/hero.webp" alt="明厨亮灶平台展示" class="w-full h-auto object-cover">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|