/* global React, Icon */ /* -------------------------------------------------------------------- Hero */ function Hero({ lang, onShopNow }) { return (
▲ · ▲ {lang === "th" ? "สดจากสวน ทุกวัน" : "Fresh from the grove · Daily"}

{lang === "th" ? <>กินดี
ใช้ชีวิตเบาๆ : <>Eat well,
live light.}

{lang === "th" ? "น้ำผลไม้สกัดเย็น สมูทตี้ และเมนูสุขภาพจากผลไม้สดของอีสาน ส่งตรงถึงคุณวันต่อวัน" : "Cold-pressed juices, smoothies, and clean meals from Isan-fresh fruit — delivered daily, never bulk-stocked, never wasted."}

{[ { ic: "snowflake", th: "สกัดเย็น 100%", en: "100% cold-pressed" }, { ic: "leaf", th: "ไม่ใส่น้ำตาล", en: "No added sugar" }, { ic: "clock", th: "ส่งภายใน 24 ชม.", en: "Delivered in 24h" }, ].map(f => (
{lang === "th" ? f.th : f.en}
))}
{/* Right visual — hero product photo */}
Makmai cold-pressed juices
); } /* ------------------------------------------------------------ UpsellStrip */ function UpsellStrip({ items, lang, onAdd }) { // Track locally-added IDs so the card vanishes immediately on click // (App's upsell pool will also drop it on next render, but this makes it instant) const [added, setAdded] = React.useState(() => new Set()); // Show at most 2 items; exclude ones already added this session const visible = items.filter(p => !added.has(p.id)).slice(0, 2); if (visible.length === 0) return null; function handleAdd(p) { setAdded(prev => new Set([...prev, p.id])); onAdd(p); } return (
{/* Header */}
✦ {lang === "th" ? "จับคู่กับเมนูนี้" : "Pair with this"}
{lang === "th" ? "ประหยัด 5%" : "save 5%"}
{/* 2-column card grid — key by id so new card triggers popIn animation */}
{visible.map(p => { const [g1, g2] = window.MAKMAI_DATA.HUE_GRADIENTS[p.hue] || ["#ccc","#888"]; return (
{/* Product image — 4:3 ratio */}
{p.image && ( {p.en} )}
{/* Info + add button */}
{lang === "th" ? p.th : p.en}
฿{p.price}
); })}
); } /* ------------------------------------------------------------------ Footer */ function Footer({ lang }) { return ( ); } window.Hero = Hero; window.UpsellStrip = UpsellStrip; window.Footer = Footer;