新增明厨亮灶页面并恢复产品中心入口

src/components/sections/KitchenArchitecture.astro

@@ -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>

src/components/sections/KitchenHero.astro

@@ -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>

src/components/sections/KitchenPainPoints.astro

@@ -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>

src/components/sections/KitchenPolicy.astro

@@ -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>

src/components/sections/KitchenTrinity.astro

@@ -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>

src/layouts/Layout.astro

@@ -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' },
 		]
 	},

src/pages/kitchen/index.astro

@@ -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>