/* Sections — Header, Hero, Menu (cast + food), Oasis, Visit, Footer. All accept `lang` and run text through window.t(key, lang). */ const { useState: useStateS, useEffect: useEffectS } = React; const T = (key, lang) => window.t ? window.t(key, lang) : key; /* ========================================================= HEADER + language toggle + nav drawer ========================================================= */ const Header = ({ onOpenNav, lang, onToggleLang }) => (
Mystic Mocha
); /* No longer needed — the toggle is now anchored inside the header. */ const LangHanger = () => null; const LangToggle = ({ lang, onToggle }) => ( ); const NavDrawer = ({ open, onClose, lang }) => { useEffectS(() => { if (!open) return; const onKey = (e) => { if (e.key === "Escape") onClose(); }; window.addEventListener("keydown", onKey); return () => window.removeEventListener("keydown", onKey); }, [open, onClose]); const go = (id) => (e) => { e.preventDefault(); onClose(); setTimeout(() => { const el = document.getElementById(id); if (el) el.scrollIntoView({ behavior: "smooth", block: "start" }); }, 260); }; return ( <>
); }; /* ========================================================= HERO — centered ball, atmospheric backdrop, framed ========================================================= */ /* Compute open/closed status against San Diego (Pacific) time. Hours: daily 7am – 3pm (07:00–15:00). */ function getCafeStatus(lang) { const now = new Date(); // Get the current hour in America/Los_Angeles regardless of visitor timezone. const laStr = now.toLocaleString("en-US", { timeZone: "America/Los_Angeles", hour: "numeric", hour12: false }); const laHour = parseInt(laStr, 10); const isOpen = laHour >= 7 && laHour < 15; return T(isOpen ? "hero.status.open" : "hero.status.closed", lang); } const HeroStatus = ({ lang }) => { const [status, setStatus] = useStateS(() => getCafeStatus(lang)); useEffectS(() => { setStatus(getCafeStatus(lang)); // Re-check every 60 seconds so a tab left open stays accurate. const id = setInterval(() => setStatus(getCafeStatus(lang)), 60000); return () => clearInterval(id); }, [lang]); const laStr = new Date().toLocaleString("en-US", { timeZone: "America/Los_Angeles", hour: "numeric", hour12: false }); const laHour = parseInt(laStr, 10); const isOpen = laHour >= 7 && laHour < 15; return (

); }; const Hero = ({ revealed, onToggleBall, lang }) => (
{T("hero.eyebrow", lang)}

{T("hero.headline", lang)}

{T("hero.sub", lang)}

); const HeroBackdrop = ({ revealed }) => { const stars = React.useMemo(() => { const arr = []; for (let i = 0; i < 36; i++) { arr.push({ x: Math.round(Math.random() * 1000) / 10, y: Math.round(Math.random() * 1000) / 10, r: Math.random() < .25 ? 1.6 : Math.random() < .55 ? 1.1 : .7, dur: 5 + Math.random() * 9, delay: Math.random() * 6, twDur: 3 + Math.random() * 4, }); } return arr; }, []); return (