---
const products = [
	{
		name: '雷呼一体机',
		points: '支持生命体征雷达选配，融合人体存在、体动、呼吸、心率等感知能力。'
	},
	{
		name: '紧急报警按钮',
		points: '采用 RF433M 双向通信，支持防拆报警，满足居家紧急一键呼叫。'
	},
	{
		name: '水浸传感器',
		points: '高精度水感探头可快速检测浸水状态，异常信息实时推送。'
	},
	{
		name: '烟雾探测器',
		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-12">
			<p class="inline-flex items-center gap-2 px-4 py-1.5 rounded-full bg-emerald-100 text-emerald-700 text-xs font-bold tracking-wide">
				<i class="fa fa-home"></i>
				<span>居家养老服务</span>
			</p>
			<h3 class="text-3xl md:text-5xl font-black text-gray-900 tracking-tight mt-5">
				适老化改造 + 智能终端 + 数据服务
			</h3>
		</div>

		<div class="bg-white rounded-3xl border border-emerald-100 p-5 md:p-8">
			<div class="grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-10 items-center">
				<div class="rounded-2xl overflow-hidden border border-gray-100 shadow-sm">
					<img src="/img/elderly/homecare.webp" alt="居家养老服务场景示意" class="w-full h-auto object-cover" />
				</div>

				<div class="space-y-4">
					<p class="text-gray-700 leading-relaxed">
						结合家庭养老床位服务规范，平台可接入烟感、水浸、紧急按钮等多类无线终端，形成家庭端风险感知、告警推送与服务联动能力。
					</p>
					<div class="grid grid-cols-1 sm:grid-cols-2 gap-3">
						{products.map((item) => (
							<div class="bg-emerald-50 border border-emerald-100 rounded-2xl p-4">
								<h4 class="text-base font-extrabold text-emerald-800 mb-2">{item.name}</h4>
								<p class="text-sm text-gray-600 leading-relaxed">{item.points}</p>
							</div>
						))}
					</div>
				</div>
			</div>
		</div>
	</div>
</section>