新增明厨亮灶页面并恢复产品中心入口
This commit is contained in:
Frudrax Cheng
Binary file not shown.
|
After Width: | Height: | Size: 293 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 826 B |
Binary file not shown.
|
After Width: | Height: | Size: 656 B |
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.1 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 400 B |
Binary file not shown.
|
After Width: | Height: | Size: 918 B |
Binary file not shown.
|
After Width: | Height: | Size: 3.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
@@ -0,0 +1,107 @@
|
||||
---
|
||||
const values = [
|
||||
{
|
||||
title: '餐饮单位',
|
||||
desc: '规范透明操作，辅助提升食药安全等级，落实企业主体责任。',
|
||||
img: '/img/kitchen/value-business.webp'
|
||||
},
|
||||
{
|
||||
title: '监管部门',
|
||||
desc: '辅助过程监管、智能监管与动态监管，规范行政执法并提升监管效能。',
|
||||
img: '/img/kitchen/value-regulator.webp'
|
||||
},
|
||||
{
|
||||
title: '社会公众',
|
||||
desc: '拓宽公众监督渠道，强化监督力量，营造安心、放心、舒心的消费环境。',
|
||||
img: '/img/kitchen/value-public.webp'
|
||||
}
|
||||
];
|
||||
|
||||
const features = [
|
||||
{
|
||||
title: '远程可视化',
|
||||
desc: '线上视频巡查，提升监管效能。',
|
||||
img: '/img/kitchen/feature-remote-visual.webp'
|
||||
},
|
||||
{
|
||||
title: '监管过程化',
|
||||
desc: '操作过程记录，实现动态监管。',
|
||||
img: '/img/kitchen/feature-process.webp'
|
||||
},
|
||||
{
|
||||
title: '感知智能化',
|
||||
desc: '实时监测报警，强化精准监管。',
|
||||
label: 'AI'
|
||||
},
|
||||
{
|
||||
title: '监督社会化',
|
||||
desc: '完善监督渠道，形成监督合力。',
|
||||
img: '/img/kitchen/feature-social-supervision.webp'
|
||||
}
|
||||
];
|
||||
---
|
||||
|
||||
<section class="px-4 lg:px-0 py-16 bg-white overflow-hidden">
|
||||
<div class="max-w-7xl mx-auto">
|
||||
<div class="bg-slate-50 rounded-3xl border border-blue-100 p-5 md:p-8 lg:p-10">
|
||||
<div class="grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-10 items-center">
|
||||
<div>
|
||||
<p class="inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-blue-100 text-blue-700 text-xs font-bold tracking-wide mb-4">
|
||||
<i class="fa fa-sitemap"></i>
|
||||
<span>系统架构</span>
|
||||
</p>
|
||||
<h3 class="text-3xl md:text-4xl font-black text-gray-900 tracking-tight leading-tight mb-4">
|
||||
明厨亮灶一体化治理架构
|
||||
</h3>
|
||||
<p class="text-gray-600 leading-relaxed mb-6">
|
||||
通过平台化架构把餐饮单位、监管部门与社会公众纳入同一治理链路，打通“可视、可管、可追溯、可共治”的闭环能力。
|
||||
</p>
|
||||
<div class="grid grid-cols-2 gap-3">
|
||||
<div class="bg-blue-600 text-white rounded-xl py-3 text-center text-sm font-bold">主体责任落实</div>
|
||||
<div class="bg-blue-600 text-white rounded-xl py-3 text-center text-sm font-bold">监管效能提升</div>
|
||||
<div class="bg-blue-600 text-white rounded-xl py-3 text-center text-sm font-bold">公众监督拓展</div>
|
||||
<div class="bg-blue-600 text-white rounded-xl py-3 text-center text-sm font-bold">共治机制形成</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="rounded-2xl overflow-hidden border border-white shadow-lg bg-white">
|
||||
<img src="/img/kitchen/architecture.webp" alt="明厨亮灶系统架构图" class="w-full h-auto object-cover" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-8 border-t border-blue-100 pt-8">
|
||||
<p class="text-xl md:text-2xl font-black text-gray-900 mb-5">方案价值</p>
|
||||
<div class="grid grid-cols-1 md:grid-cols-3 gap-5">
|
||||
{values.map((item) => (
|
||||
<article class="bg-white rounded-2xl border border-blue-100 p-5">
|
||||
<div class="flex items-center gap-3 mb-3">
|
||||
<img src={item.img} alt={item.title} class="w-7 h-7 object-contain shrink-0" />
|
||||
<h4 class="text-lg font-black text-gray-900">{item.title}</h4>
|
||||
</div>
|
||||
<p class="text-sm text-gray-600 leading-relaxed">{item.desc}</p>
|
||||
</article>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-8 border-t border-blue-100 pt-8">
|
||||
<p class="text-xl md:text-2xl font-black text-gray-900 mb-5">核心能力</p>
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
|
||||
{features.map((item) => (
|
||||
<article class="bg-white rounded-2xl border border-emerald-100 p-4">
|
||||
<div class="w-11 h-11 rounded-xl bg-blue-700 text-white flex items-center justify-center mb-3 overflow-hidden border border-blue-800">
|
||||
{item.img ? (
|
||||
<img src={item.img} alt={item.title} class="w-6 h-6 object-contain" />
|
||||
) : (
|
||||
<span class="text-sm font-black tracking-wide text-white">{item.label}</span>
|
||||
)}
|
||||
</div>
|
||||
<h5 class="text-base font-black text-gray-900 mb-2">{item.title}</h5>
|
||||
<p class="text-sm text-gray-600 leading-relaxed">{item.desc}</p>
|
||||
</article>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,33 @@
|
||||
<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 text-gray-900 tracking-tight leading-tight">
|
||||
明厨亮灶
|
||||
</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>
|
||||
@@ -0,0 +1,66 @@
|
||||
---
|
||||
const painPoints = [
|
||||
{
|
||||
title: '餐饮单位食品安全意识差',
|
||||
points: [
|
||||
'从业人员良莠不齐，食安意识不强。',
|
||||
'经营规模和模式混杂，管理水平参差不一。',
|
||||
'追求效益，被监管意愿不强，不愿增加投入。'
|
||||
]
|
||||
},
|
||||
{
|
||||
title: '网络餐饮线上监管不完善',
|
||||
points: [
|
||||
'部分商家虚拟化，无照经营。',
|
||||
'后厨加工过程无法直观查看。',
|
||||
'平台备案和监督机制不完善。'
|
||||
]
|
||||
},
|
||||
{
|
||||
title: '监管部门线下监管难度大',
|
||||
points: [
|
||||
'企业量大面广、监管人少任务重。',
|
||||
'间歇性抽检，覆盖不全有疏漏。',
|
||||
'传统上门人工检查，耗费大效率低。'
|
||||
]
|
||||
},
|
||||
{
|
||||
title: '消费者公众信任度较低',
|
||||
points: [
|
||||
'各类食品安全事件频发。',
|
||||
'无法获悉后厨加工实况。',
|
||||
'投诉反馈渠道受限。'
|
||||
]
|
||||
}
|
||||
];
|
||||
---
|
||||
|
||||
<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-10">
|
||||
<h3 class="text-3xl md:text-5xl font-black text-gray-900 tracking-tight mt-5">
|
||||
食安事故频发，折射餐饮行业重症
|
||||
</h3>
|
||||
</div>
|
||||
|
||||
<div class="max-w-3xl mx-auto rounded-2xl overflow-hidden border border-slate-200 shadow-sm mb-8">
|
||||
<img src="/img/kitchen/pain-cover.webp" alt="食安事故频发场景示意" class="w-full h-auto object-cover" />
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-5">
|
||||
{painPoints.map((item) => (
|
||||
<article class="bg-white rounded-2xl border border-slate-200 p-5 md:p-6 hover:shadow-lg transition-all duration-300">
|
||||
<h4 class="text-xl font-black text-gray-900 mb-4 leading-snug">{item.title}</h4>
|
||||
<ul class="space-y-2.5">
|
||||
{item.points.map((point) => (
|
||||
<li class="text-sm text-gray-600 leading-relaxed flex items-start gap-2">
|
||||
<i class="fa fa-circle text-[8px] text-amber-500 mt-1.5"></i>
|
||||
<span>{point}</span>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</article>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,58 @@
|
||||
---
|
||||
const policies = [
|
||||
{
|
||||
title: '国家食品药品监督管理总局部署“明厨亮灶”推动主体责任落实',
|
||||
meta: '国家食药监总局 | 2014',
|
||||
desc: '提出通过可视化和规范化手段强化餐饮服务主体责任，推动后厨透明化建设。'
|
||||
},
|
||||
{
|
||||
title: '“十三五”国家食品安全规划',
|
||||
meta: '国发〔2017〕12号',
|
||||
desc: '明确食品安全风险防控与监管能力现代化方向，推进全过程监管与协同治理。'
|
||||
},
|
||||
{
|
||||
title: '餐饮服务明厨亮灶管理办法（征求意见稿）',
|
||||
meta: '监管规范',
|
||||
desc: '围绕餐饮单位信息公示、后厨可视和过程管理提出制度化要求。'
|
||||
},
|
||||
{
|
||||
title: '餐饮服务明厨亮灶工作指导意见的通知',
|
||||
meta: '国市监食监二〔2018〕32号',
|
||||
desc: '进一步明确明厨亮灶工作路径，推动线上线下一体化监管。'
|
||||
},
|
||||
{
|
||||
title: '学校食品安全与营养健康管理规定',
|
||||
meta: '教育部、市场监管总局、卫健委 | 2019',
|
||||
desc: '对学校餐饮场景提出更高标准的安全管理、责任落实和协同监管要求。'
|
||||
},
|
||||
{
|
||||
title: '关于加强网络食品安全监管确保人民群众“舌尖上安全”的建议',
|
||||
meta: '国市监议〔2021〕209号',
|
||||
desc: '强调网络餐饮平台治理与执法协同，提升线上食品安全监管的精准度。'
|
||||
}
|
||||
];
|
||||
---
|
||||
|
||||
<section class="px-4 lg:px-0 py-16 bg-white overflow-hidden">
|
||||
<div class="max-w-7xl mx-auto">
|
||||
<div class="text-center mb-12">
|
||||
<p class="inline-flex items-center gap-2 px-4 py-1.5 rounded-full bg-red-100 text-red-700 text-xs font-bold tracking-wide">
|
||||
<i class="fa fa-balance-scale"></i>
|
||||
<span>政策驱动</span>
|
||||
</p>
|
||||
<h3 class="text-3xl md:text-5xl font-black text-gray-900 tracking-tight mt-5">
|
||||
保卫“舌尖上的安全”
|
||||
</h3>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-5">
|
||||
{policies.map((item) => (
|
||||
<article class="bg-slate-50 rounded-3xl border border-red-100 p-5 md:p-6 hover:shadow-lg transition-all duration-300">
|
||||
<p class="text-[11px] font-bold text-red-600 mb-2 tracking-wide">{item.meta}</p>
|
||||
<h4 class="text-lg font-extrabold text-gray-900 leading-snug mb-3">{item.title}</h4>
|
||||
<p class="text-sm text-gray-600 leading-relaxed">{item.desc}</p>
|
||||
</article>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,48 @@
|
||||
---
|
||||
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">
|
||||
<p class="inline-flex items-center gap-2 px-4 py-1.5 rounded-full bg-blue-100 text-blue-700 text-xs font-bold tracking-wide">
|
||||
<i class="fa fa-sitemap"></i>
|
||||
<span>三位一体治理</span>
|
||||
</p>
|
||||
<h3 class="text-3xl md:text-5xl font-black text-gray-900 tracking-tight mt-5">
|
||||
全面提升食安治理水平
|
||||
</h3>
|
||||
<p class="text-gray-600 mt-5 max-w-3xl mx-auto leading-relaxed">
|
||||
落实企业主体责任、创新监管方式、强化社会共治，形成可持续的食品安全治理机制。
|
||||
</p>
|
||||
</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>
|
||||
@@ -27,8 +27,7 @@ const navItems: NavItem[] = [
|
||||
{ id: 'qazk', label: '工贸企业', href: '/qazk', icon: 'fa-cogs' },
|
||||
{ id: 'elderly', label: '智慧养老', href: '/elderly', icon: 'fa-heartbeat' },
|
||||
{ id: 'construction', label: '智慧工地', href: '/construction', icon: 'fa-industry' },
|
||||
// TODO: 临时隐藏“明厨亮灶”入口，待对应页面上线后恢复。
|
||||
// { id: 'kitchen', label: '明厨亮灶', href: '/kitchen', icon: 'fa-cutlery' },
|
||||
{ id: 'kitchen', label: '明厨亮灶', href: '/kitchen', icon: 'fa-cutlery' },
|
||||
{ id: 'education', label: '智慧学校', href: '/education', icon: 'fa-graduation-cap' },
|
||||
]
|
||||
},
|
||||
|
||||
@@ -0,0 +1,18 @@
|
||||
---
|
||||
import Layout from '../../layouts/Layout.astro';
|
||||
import KitchenHero from '../../components/sections/KitchenHero.astro';
|
||||
import KitchenPainPoints from '../../components/sections/KitchenPainPoints.astro';
|
||||
import KitchenPolicy from '../../components/sections/KitchenPolicy.astro';
|
||||
import KitchenTrinity from '../../components/sections/KitchenTrinity.astro';
|
||||
import KitchenArchitecture from '../../components/sections/KitchenArchitecture.astro';
|
||||
---
|
||||
|
||||
<Layout title="明厨亮灶 - 浙江贝凡网络科技" activeNav="kitchen">
|
||||
<main class="pt-20">
|
||||
<KitchenHero />
|
||||
<KitchenPainPoints />
|
||||
<KitchenPolicy />
|
||||
<KitchenTrinity />
|
||||
<KitchenArchitecture />
|
||||
</main>
|
||||
</Layout>
|
||||
Reference in New Issue
Block a user