// live-app.jsx — top-level: nav, hero, brand, CTA, footer, state mgmt function LiveApp() { const [bookingOpen, setBookingOpen] = React.useState(false); const [bookingPreset, setBookingPreset] = React.useState(null); const [lightboxIdx, setLightboxIdx] = React.useState(null); const [pushToast, toastNode] = useToasts(); const openBooking = (preset = null) => { setBookingPreset(preset); setBookingOpen(true); if (preset) pushToast(`Đã chọn: ${preset.route} — ${preset.type}`); }; const closeBooking = () => setBookingOpen(false); const onBooked = () => { pushToast(BRAND.booking.successToast, "ok"); }; const openLightbox = (i) => setLightboxIdx(i); const closeLightbox = () => setLightboxIdx(null); const lbPrev = () => setLightboxIdx(i => (i - 1 + GALLERY.length) % GALLERY.length); const lbNext = () => setLightboxIdx(i => (i + 1) % GALLERY.length); return ( <>