// screens.jsx — all app screens (display-only catalog) const fav = ['con-leche-360', 'latte-choco', 'mila-carne', 'alfajor-rosa', 'cafe-tonic', 'servicio-mate'].map(id => productById(id)).filter(Boolean); // ── Quick-access tile ────────────────────────────── function QuickTile({ icon, label, sub, onClick }) { return ( ); } // ── HOME ──────────────────────────────────────────── function HomeScreen() { const { t, lang } = useLang(); const { go } = useNav(); return (
{/* hero with layered Andes */}
{lang === 'en' ? 'Esquel bus terminal' : 'Terminal de Esquel'}
{t.tagline}

{t.heroSub}

{/* quick access */}
{t.quick}
go('menu')} /> go('order')} /> go('esquel')} /> go('place')} />
{/* featured rail */}
{fav.map(p => )}
{/* tourism teaser */}
); } function PickupNote() { const { t } = useLang(); return (

{t.pickupNote}

); } // ── MENU ──────────────────────────────────────────── function MenuScreen() { const { t, lang } = useLang(); const { go } = useNav(); const [active, setActive] = React.useState('cafe'); const refs = React.useRef({}); const onChip = (id) => { setActive(id); const el = refs.current[id]; if (el) { const top = el.offsetTop - 70; el.closest('.az-scroll')?.scrollTo({ top, behavior: 'smooth' }); } }; return (
{CATEGORIES.map(c => ( ))}
{CATEGORIES.map(c => (
refs.current[c.id] = el} style={{ scrollMarginTop: 70, marginBottom: 24 }}>

{lang === 'en' ? c.en : c.label}

{PRODUCTS.filter(p => p.cat === c.id).map(p => )}
))}

{lang === 'en' ? 'Prices may change. Ask at the counter.' : 'Los precios pueden variar. Consultá en el mostrador.'}

); } // ── COMBOS ────────────────────────────────────────── function CombosScreen() { const { t, lang } = useLang(); return (
{COMBOS.map(c => )}

{lang === 'en' ? 'Suggestions — mix and match at the counter.' : 'Son sugerencias — armalo a tu gusto en el mostrador.'}

); } // ── ESQUEL (tourism → products) ───────────────────── function EsquelScreen() { const { t, lang } = useLang(); return (
{ACTIVITIES.map(a => (
{a.meta}
{lang === 'en' ? a.en : a.name}

{a.blurb}

{t.forTheRoad}
{a.recs.map(id => )}
{a.comboId && (() => { const c = COMBOS.find(x => x.id === a.comboId); if (!c) return null; return (
{c.name} {t.approx} {fmt(comboTotal(c))}
); })()}
))}
); } // ── PLACE (location & hours) ──────────────────────── function PlaceScreen() { const { t, lang } = useLang(); const { go } = useNav(); return (
{/* real Google Maps embed */}
{PLACE.name}
{PLACE.addr}
{lang === 'en' ? 'Inside the Esquel bus terminal.' : PLACE.inside + '.'}
{PLACE.city}
{/* directions + menu */}
{t.directions}
{/* hours */}

{t.hoursTitle}

{HOURS.map((r, i) => (
{r.d} {r.h}
))}

{lang === 'en' ? 'Hours to confirm.' : 'Horarios a confirmar.'}

); } // ── CART SCREEN ───────────────────────────────────── function OrderNoteScreen() { const { lang } = useLang(); const { cart, addToCart, removeFromCart, clearCart } = useCart(); const { go } = useNav(); const items = Object.entries(cart).filter(([_, v]) => v.qty > 0); const total = items.reduce((s, [_, v]) => s + (v.price > 0 ? v.price * v.qty : 0), 0); if (items.length === 0) return (
{lang === 'en' ? 'Your order is empty' : 'Tu pedido está vacío'}

{lang === 'en' ? 'Add items from the menu using the + buttons.' : 'Agregá productos desde la carta con los botones +.'}

); return (
{items.map(([id, v]) => (
{v.name}
{v.price > 0 &&
{fmt(v.price)} c/u
}
{v.qty}
{v.price > 0 && (
)}
))}
{total > 0 && (
{lang === 'en' ? 'Approx. total' : 'Total aprox.'}
)}
{lang === 'en' ? 'Come to the counter!' : '¡Acercate al mostrador!'}

{lang === 'en' ? 'Show this screen and we\'ll prepare everything right away.' : 'Mostrá esta pantalla y te lo preparamos al momento.'}

); } // ── NOSOTROS ───────────────────────────────────────── function StarRating({ stars }) { return ( {[1,2,3,4,5].map(i => ( ))} ); } function ReviewCard({ r }) { return (
{r.name}

{r.text}

); } function ReviewForm({ onSubmit }) { const { t } = useLang(); const [name, setName] = React.useState(''); const [text, setText] = React.useState(''); const [stars, setStars] = React.useState(5); const [sent, setSent] = React.useState(false); const submit = () => { if (!name.trim() || !text.trim()) return; onSubmit({ id: 'u-' + Date.now(), name: name.trim(), stars, text: text.trim() }); setSent(true); }; const MAPS_URL = 'https://www.google.com/maps?q=cafetería+la+z+esquel#lrd=0x961dad47c0746c73:0x9a52287c646e2396,3'; if (sent) { return (
{t.reviewThanks}
{lang === 'en' ? '¿También nos dejás una reseña en Google Maps? Nos ayuda mucho 🙏' : '¿También nos dejás una reseña en Google Maps? Nos ayuda mucho 🙏'}
{lang === 'en' ? 'Review on Google Maps' : 'Reseña en Google Maps'}
); } return (
Estrellas: {[1,2,3,4,5].map(i => ( ))}
setName(e.target.value)} style={{ padding: '9px 12px', borderRadius: 'var(--r-sm)', border: '1.5px solid var(--c-line)', fontSize: 14, background: 'var(--c-bg)', color: 'var(--c-ink)', outline: 'none', fontFamily: 'inherit' }} />