Frudrax Cheng
44 lines
1.7 KiB
Plaintext
44 lines
1.7 KiB
Plaintext
---
|
|
const trinity = [
|
|
{
|
|
title: '餐饮单位',
|
|
desc: '优化管理手段，由被动监管向主动管理转变，落实企业主体责任。',
|
|
img: '/img/kitchen/trinity-business.webp'
|
|
},
|
|
{
|
|
title: '监管部门',
|
|
desc: '创新监管方式，强化线上线下监管，实现精准监管，提升监管效能。',
|
|
img: '/img/kitchen/trinity-regulator.webp'
|
|
},
|
|
{
|
|
title: '社会公众',
|
|
desc: '完善食品安全公示渠道，整合社会监督力量，形成共治监督合力。',
|
|
img: '/img/kitchen/trinity-public.webp'
|
|
}
|
|
];
|
|
---
|
|
|
|
<section class="px-4 lg:px-0 py-16 bg-slate-50 overflow-hidden">
|
|
<div class="max-w-7xl mx-auto">
|
|
<div class="text-center mb-12 relative">
|
|
<div class="absolute top-0 left-1/2 -translate-x-1/2 w-64 h-64 bg-blue-100/50 blur-3xl rounded-full -z-10"></div>
|
|
<h3 class="text-3xl md:text-5xl font-black tracking-tight leading-tight mt-5">
|
|
全面提升<span class="text-blue-600">食安治理</span>水平
|
|
</h3>
|
|
<div class="w-24 h-1.5 bg-blue-600 mx-auto mt-8 rounded-full shadow-sm shadow-blue-200"></div>
|
|
</div>
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-5">
|
|
{trinity.map((item) => (
|
|
<article class="bg-white rounded-3xl border border-blue-100 p-5 md:p-6 hover:shadow-lg transition-all duration-300">
|
|
<div class="w-14 h-14 rounded-2xl bg-blue-700 border border-blue-800 flex items-center justify-center mb-4 shadow-sm">
|
|
<img src={item.img} alt={item.title} class="w-8 h-8 object-contain" />
|
|
</div>
|
|
<h4 class="text-xl font-black text-gray-900 mb-3">{item.title}</h4>
|
|
<p class="text-sm text-gray-600 leading-relaxed">{item.desc}</p>
|
|
</article>
|
|
))}
|
|
</div>
|
|
</div>
|
|
</section>
|