"use client"; import Image from "next/image"; import Link from "next/link"; import zappcareProduk from "@/app/zappcare_produk.png"; import { useLang } from "@/context/LanguageContext"; import { t } from "@/lib/translations"; export default function ProductsPage() { const { lang } = useLang(); const tr = t[lang].products; return (
{/* Hero */}

{tr.heroTitle}

{tr.heroSub}

{/* Bento Grid */}
{/* ZappCare — large card */}
chat_bubble Communication

ZappCare

{tr.zappDesc}

{["CRM Sync", "Multi-Agent", "Admin Panel"].map((tag) => ( {tag} ))}
{tr.detailBtn} arrow_forward
ZappCare
{/* Unified TMS */}
point_of_sale Fintech

Unified TMS

{tr.utmsDesc}

    {["Simplified Onboarding", "Real-time Tracking"].map((item) => (
  • check_circle {item}
  • ))}
{tr.detailBtn} arrow_forward
{/* EMR Clinic */}
medical_services Health Tech

EMR Clinic

{tr.emrDesc}

{["HIPAA Ready", "GDPR Compliant"].map((badge) => (
{badge}
))}
{tr.detailBtn} arrow_forward
{/* Why Integrated Systems */}

{tr.whyTitle}

{tr.whyDesc}

99.9%
{tr.stat1}
10x
{tr.stat2}
hub
{/* Technical Foundations */}

{tr.techTitle}

{tr.techSub}

{tr.badge1}
{tr.badge2}
{tr.tech.map((item) => (
{item.icon}

{item.title}

{item.desc}

))}
); }